diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml index 4fcf6af046..bc13e62d7c 100644 --- a/.github/workflows/cd.yml +++ b/.github/workflows/cd.yml @@ -174,8 +174,11 @@ jobs: pnpm install --frozen-lockfile - name: Lint run: pnpm lint - docs-lint: + get-changed-files: runs-on: ubuntu-latest + outputs: + changed_files: ${{ steps.changed-files.outputs.changed_files }} + count: ${{ steps.changed-files.outputs.count }} steps: - uses: actions/checkout@v4.1.1 with: @@ -183,13 +186,23 @@ jobs: - name: Get changed files list id: changed-files run: | - FILES=$(git diff --name-only ${{ github.event.pull_request.base.sha || 'HEAD^1' }} -- '*.md' | xargs) + FILES=$(git diff --name-only --diff-filter=AM ${{ github.event.pull_request.base.sha || 'HEAD^1' }} -- '*.md' | paste -sd "," -) echo "changed_files=$FILES" >> $GITHUB_OUTPUT + + ALL_FILES_COUNT=$(git diff --name-only ${{ github.event.pull_request.base.sha || 'HEAD^1' }} | wc -l) + echo "count=$ALL_FILES_COUNT" >> $GITHUB_OUTPUT + docs-lint: + runs-on: ubuntu-latest + needs: get-changed-files + if: ${{ needs.get-changed-files.outputs.count <= 300 && needs.get-changed-files.outputs.count > 0 }} + steps: + - uses: actions/checkout@v4.1.1 - uses: errata-ai/vale-action@reviewdog - if: ${{ steps.changed-files.outputs.changed_files != '' }} name: Run Vale with: - files: ${{ steps.changed-files.outputs.changed_files }} + fail_on_error: true + separator: "," + files: ${{ needs.get-changed-files.outputs.changed_files }} unit-tests: runs-on: ubuntu-latest needs: [build, defineChangedComponents] diff --git a/.vale/DevDocs/MeaningfulLink.yml b/.vale/DevDocs/MeaningfulLink.yml index b48913475d..fd7f86db3f 100644 --- a/.vale/DevDocs/MeaningfulLink.yml +++ b/.vale/DevDocs/MeaningfulLink.yml @@ -11,6 +11,7 @@ tokens: - \[this\]\(.*\) - \[this page\]\(.*\) - \[this link\]\(.*\) + - \[link\]\(.*\) - \[click here\]\(.*\) - \[click this\]\(.*\) - \[click that\]\(.*\) \ No newline at end of file diff --git a/package.json b/package.json index 2d97a40010..95b9f56a0f 100644 --- a/package.json +++ b/package.json @@ -173,8 +173,8 @@ "vue-demi" ], "onlyBuiltDependencies": [ - "esbuild", - "pngquant-bin" + "pngquant-bin", + "esbuild" ] } } diff --git a/playground/entries/Ellipsis.tsx b/playground/entries/Ellipsis.tsx new file mode 100644 index 0000000000..0ac77d3536 --- /dev/null +++ b/playground/entries/Ellipsis.tsx @@ -0,0 +1,53 @@ +import { Box } from '@semcore/ui/base-components'; +import type { EllipsisProps } from '@semcore/ui/ellipsis'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Text } from '@semcore/ui/typography'; +import React from 'react'; + +import type { JSXProps } from '../types/JSXProps'; +import type { PlaygroundEntry } from '../types/Playground'; +import createGithubLink from '../utils/createGHLink'; + +export type EllipsisJSXProps = JSXProps; + +function getJSX({ handleControlChange, ...ellipsisProps }: EllipsisJSXProps) { + return ( + + + + Intergalactic, planetary, planetary, intergalactic Intergalactic, planetary, planetary, intergalactic + Intergalactic, planetary, planetary, intergalactic Intergalactic, planetary, planetary, intergalactic Another + dimension, another dimension Another dimension, another dimension Another dimension, another dimension Another + dimension, another dimension Another dimension, another dimension Another dimension + + + + ); +} + +const entry: PlaygroundEntry = { + JSX: (props) => getJSX(props), + controls: { + trim: { + type: 'inline-radio', + value: 'end', + options: ['end', 'middle'], + displayName: 'Trimming type', + }, + tooltip: { + type: 'boolean', + value: true, + displayName: 'Show tooltip', + }, + maxLine: { + type: 'text-number', + value: 1, + min: 1, + displayName: 'Number of lines', + visibleIf: [{ dependsOn: 'trim', equals: 'end' }], + }, + }, + link: createGithubLink('ellipsis'), +}; + +export default entry; diff --git a/playground/entries/Hint.tsx b/playground/entries/Hint.tsx deleted file mode 100644 index f086384521..0000000000 --- a/playground/entries/Hint.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import FileExportM from '@semcore/icon/FileExport/m'; -import Button from '@semcore/ui/button'; -import type { ButtonProps } from '@semcore/ui/button'; -import React from 'react'; - -import type { JSXProps } from '../types/JSXProps'; -import type { PlaygroundEntry } from '../types/Playground'; -import createGithubLink from '../utils/createGHLink'; - -export type HintJSXProps = JSXProps & Pick; - -function getJSX({ handleControlChange, ...props }: HintJSXProps) { - return ( - - ); -} - -const entry: PlaygroundEntry = { - JSX: (props) => getJSX(props), - controls: { - hintPlacement: { - type: 'select', - value: 'top', - options: [ - 'top-start', 'top', 'top-end', - 'right-start', 'right', 'right-end', - 'bottom-start', 'bottom', 'bottom-end', - 'left-start', 'left', 'left-end', - ], - displayName: 'Placement', - }, - title: { - type: 'text', - value: 'Export data', - displayName: 'Title', - }, - }, - link: createGithubLink('base-components'), -}; - -export default entry; diff --git a/playground/entries/Tooltip.tsx b/playground/entries/Tooltip.tsx index adb97e88dd..414b81e3d0 100644 --- a/playground/entries/Tooltip.tsx +++ b/playground/entries/Tooltip.tsx @@ -1,7 +1,7 @@ import FileExportM from '@semcore/icon/FileExport/m'; import Button from '@semcore/ui/button'; import Link from '@semcore/ui/link'; -import Tooltip, { DescriptionTooltip, type DescriptionTooltipProps, type TooltipProps } from '@semcore/ui/tooltip'; +import Tooltip, { DescriptionTooltip, Hint, type DescriptionTooltipProps, type TooltipHintProps, type TooltipProps } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -9,19 +9,34 @@ import type { JSXProps } from '../types/JSXProps'; import type { PlaygroundEntry } from '../types/Playground'; import createGithubLink from '../utils/createGHLink'; -const Components = [Tooltip.displayName, DescriptionTooltip.displayName] as const; +const Components = [Hint.displayName, Tooltip.displayName, DescriptionTooltip.displayName] as const; type AdditionalJSXProps = { component: Component; }; +type HintComponentJSXProps = JSXProps & AdditionalJSXProps<'Hint'>; type DescriptionTooltipComponentJSXProps = JSXProps & AdditionalJSXProps<'DescriptionTooltip'>; type TooltipComponentJSXProps = JSXProps & AdditionalJSXProps<'Tooltip'>; export type TooltipJSXProps = + | HintComponentJSXProps | DescriptionTooltipComponentJSXProps | TooltipComponentJSXProps; const JSXMap = { + Hint: (props: HintComponentJSXProps) => ( + + + + ), DescriptionTooltip: (props: DescriptionTooltipComponentJSXProps) => ( =18.0.0', npm: '>=9.0.0'} - '@floating-ui/core@1.7.4': - resolution: {integrity: sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==} - - '@floating-ui/dom@1.7.2': - resolution: {integrity: sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==} - - '@floating-ui/utils@0.2.10': - resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==} - '@formatjs/ecma402-abstract@1.11.7': resolution: {integrity: sha512-uNaok4XWMJBtPZk/veTDamFCm5HeWJUk2jwoVfH5/+wenQ60QHjH6T3UQ0GOOCz9jpKmed7vqOri7xSf//Dt7g==} @@ -14430,15 +14408,15 @@ snapshots: '@babel/core@7.28.5': dependencies: - '@babel/code-frame': 7.27.1 - '@babel/generator': 7.28.5 + '@babel/code-frame': 7.29.0 + '@babel/generator': 7.29.1 '@babel/helper-compilation-targets': 7.27.2 '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5) '@babel/helpers': 7.28.4 - '@babel/parser': 7.28.5 - '@babel/template': 7.27.2 - '@babel/traverse': 7.28.5 - '@babel/types': 7.28.5 + '@babel/parser': 7.29.0 + '@babel/template': 7.28.6 + '@babel/traverse': 7.29.0 + '@babel/types': 7.29.0 '@jridgewell/remapping': 2.3.5 convert-source-map: 2.0.0 debug: 4.4.3 @@ -16044,17 +16022,6 @@ snapshots: '@faker-js/faker@9.9.0': {} - '@floating-ui/core@1.7.4': - dependencies: - '@floating-ui/utils': 0.2.10 - - '@floating-ui/dom@1.7.2': - dependencies: - '@floating-ui/core': 1.7.4 - '@floating-ui/utils': 0.2.10 - - '@floating-ui/utils@0.2.10': {} - '@formatjs/ecma402-abstract@1.11.7': dependencies: '@formatjs/intl-localematcher': 0.2.28 @@ -17006,7 +16973,7 @@ snapshots: '@react-native/codegen@0.83.1(@babel/core@7.28.4)': dependencies: '@babel/core': 7.28.4 - '@babel/parser': 7.28.5 + '@babel/parser': 7.29.0 glob: 7.2.3 hermes-parser: 0.32.0 invariant: 2.2.4 @@ -22857,7 +22824,7 @@ snapshots: jest-message-util@29.7.0: dependencies: - '@babel/code-frame': 7.27.1 + '@babel/code-frame': 7.29.0 '@jest/types': 29.6.3 '@types/stack-utils': 2.0.3 chalk: 4.1.2 @@ -23598,9 +23565,9 @@ snapshots: metro-source-map@0.83.3: dependencies: - '@babel/traverse': 7.28.5 - '@babel/traverse--for-generate-function-map': '@babel/traverse@7.28.5' - '@babel/types': 7.28.5 + '@babel/traverse': 7.29.0 + '@babel/traverse--for-generate-function-map': '@babel/traverse@7.29.0' + '@babel/types': 7.29.0 flow-enums-runtime: 0.0.6 invariant: 2.2.4 metro-symbolicate: 0.83.3 @@ -23625,9 +23592,9 @@ snapshots: metro-transform-plugins@0.83.3: dependencies: '@babel/core': 7.28.4 - '@babel/generator': 7.28.5 - '@babel/template': 7.27.2 - '@babel/traverse': 7.28.5 + '@babel/generator': 7.29.1 + '@babel/template': 7.28.6 + '@babel/traverse': 7.29.0 flow-enums-runtime: 0.0.6 nullthrows: 1.1.1 transitivePeerDependencies: @@ -23636,9 +23603,9 @@ snapshots: metro-transform-worker@0.83.3: dependencies: '@babel/core': 7.28.4 - '@babel/generator': 7.28.5 - '@babel/parser': 7.28.5 - '@babel/types': 7.28.5 + '@babel/generator': 7.29.1 + '@babel/parser': 7.29.0 + '@babel/types': 7.29.0 flow-enums-runtime: 0.0.6 metro: 0.83.3 metro-babel-transformer: 0.83.3 @@ -23655,13 +23622,13 @@ snapshots: metro@0.83.3: dependencies: - '@babel/code-frame': 7.27.1 + '@babel/code-frame': 7.29.0 '@babel/core': 7.28.4 - '@babel/generator': 7.28.5 - '@babel/parser': 7.28.5 - '@babel/template': 7.27.2 - '@babel/traverse': 7.28.5 - '@babel/types': 7.28.5 + '@babel/generator': 7.29.1 + '@babel/parser': 7.29.0 + '@babel/template': 7.28.6 + '@babel/traverse': 7.29.0 + '@babel/types': 7.29.0 accepts: 1.3.8 chalk: 4.1.2 ci-info: 2.0.0 diff --git a/semcore/add-filter/__tests__/add-filter.browser-test.tsx b/semcore/add-filter/__tests__/add-filter.browser-test.tsx index 632b61b531..df90db8537 100644 --- a/semcore/add-filter/__tests__/add-filter.browser-test.tsx +++ b/semcore/add-filter/__tests__/add-filter.browser-test.tsx @@ -44,7 +44,7 @@ export const locators = { selectTriggerFilled: (page: Page, placeholder: string, index?: number): Locator => { const base = page.locator( - `[data-ui-name="FilterTrigger.Text"][placeholder="${placeholder}"]`, + `div[data-ui-name="FilterTrigger.Text"][placeholder="${placeholder}"]`, ); return typeof index === 'number' ? base.nth(index) : base; }, @@ -52,7 +52,7 @@ export const locators = { addFilterSelectInputSearch: (page: Page): Locator => page.locator('[data-ui-name="AddFilterSelect.InputSearch"]'), dropdownTrigger: (page: Page, placeholder: string): Locator => - page.locator(`[data-ui-name="AddFilterDropdown.Trigger"][placeholder="${placeholder}"]`), + page.locator(`div[data-ui-name="AddFilterDropdown.Trigger"][placeholder="${placeholder}"]`), dialog: (page: Page): Locator => page.getByRole('dialog'), diff --git a/semcore/base-components/CHANGELOG.md b/semcore/base-components/CHANGELOG.md index 2887a839ec..e138fa6b8b 100644 --- a/semcore/base-components/CHANGELOG.md +++ b/semcore/base-components/CHANGELOG.md @@ -8,10 +8,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel - Removed using `getNodeByRef` in `Portal`, `OutsideClick`, `ScrollArea` components. Use `React.RefObject` instead. -### Added - -- `Hint` component. - ## [16.4.2] - 2025-12-01 ### Fixed diff --git a/semcore/base-components/__tests__/ellipsis.axe-test.tsx b/semcore/base-components/__tests__/ellipsis.axe-test.tsx deleted file mode 100644 index 2a2b22d586..0000000000 --- a/semcore/base-components/__tests__/ellipsis.axe-test.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import { expect, test, getAccessibilityViolations } from '@semcore/testing-utils/playwright'; -import type { Page } from '@semcore/testing-utils/playwright'; -import { loadPage } from '@semcore/testing-utils/shared/helpers'; -import { TAG } from '@semcore/testing-utils/shared/tags'; - -export const locators = { - link: (page: Page) => page.getByRole('link'), - text: (page: Page) => page.locator('[data-ui-name="Text"]'), - hint: (page: Page) => page.locator('[data-ui-name="Hint"]'), -}; - -test.describe(`@ellipsis ${TAG.ACCESSIBILITY}`, () => { - test('Basic usage', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx', 'en'); - - { - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - - { - await page.locator('[data-ui-name="Tag.Text"]').hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - }); - - test('Multiple use', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/multiple_use.tsx', 'en'); - - { - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - }); - - test('No hint with multiline', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/no_hint_with_multiline.tsx', 'en'); - - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - }); - - test('With required last symbols', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/with_required_last_symbols.tsx', 'en'); - - { - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - - { - await locators.text(page).first().hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - }); - - test('With search selection', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/with_search_selection.tsx', 'en'); - - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - }); -}); diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx b/semcore/base-components/__tests__/ellipsis.browser-test.tsx deleted file mode 100644 index 85fbf2d55b..0000000000 --- a/semcore/base-components/__tests__/ellipsis.browser-test.tsx +++ /dev/null @@ -1,332 +0,0 @@ -import type { Page } from '@semcore/testing-utils/playwright'; -import { test, expect } from '@semcore/testing-utils/playwright'; -import { loadPage } from '@semcore/testing-utils/shared/helpers'; -import { TAG } from '@semcore/testing-utils/shared/tags'; - -export const locators = { - link: (page: Page) => page.getByRole('link'), - text: (page: Page) => page.locator('[data-ui-name="Text"]'), - hint: (page: Page) => page.locator('[data-ui-name="Hint"]'), -}; - -/* ===================================================== -@visual -Visual states, hover and focus styles, paddings, margins, and snapshots. -===================================================== */ -test.describe(`${TAG.VISUAL}`, () => { - test.describe('Link with ellipsis', () => { - const ellipsisVariants = [ - { ellipsis: true, size: 200, description: 'true and size: 200' }, - { ellipsis: { cropPosition: 'middle' }, description: 'cropPosition: middle' }, - { ellipsis: { cropPosition: 'end' }, color: 'text-success', description: 'cropPosition: end, color: text- success' }, - { ellipsis: { cropPosition: 'middle', lastRequiredSymbols: 2 }, description: 'cropPosition: middle, , lastRequiredSymbols: 2' }, - { ellipsis: { cropPosition: 'end', maxLine: 2 }, description: 'cropPosition: end, maxLine: 2' }, - ]; - - ellipsisVariants.forEach((variant) => { - test(`Verify ellipsis on link with keyboard focus when ${variant.description}`, { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@ellipsis', '@link'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant); - await locators.link(page).waitFor({ state: 'visible' }); - await page.waitForTimeout(200); - - await test.step('Focus link with keyboard', async () => { - await page.keyboard.press('Tab'); - await expect(locators.link(page)).toBeFocused(); - await expect(page).toHaveScreenshot(); - }); - }); - - test(`Verify ellipsis on link with mouse hover when ${variant.description}`, { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis', '@link'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant); - await page.waitForTimeout(100); - - await test.step('Hover link and verify hint appears', async () => { - await locators.link(page).hover(); - await page.waitForTimeout(200); - - const hasMaxLine = typeof variant.ellipsis === 'object' && 'maxLine' in variant.ellipsis; - if (!hasMaxLine) { - await locators.hint(page).waitFor({ state: 'visible' }); - } - await expect(page).toHaveScreenshot(); - }); - }); - }); - }); - - test.describe('Link without ellipsis', () => { - const noEllipsisVariants = [ - { ellipsis: false, description: 'false' }, - { ellipsis: { cropPosition: 'end', maxLine: 6 }, description: 'maxLine: 6 (text not truncated)' }, - ]; - - noEllipsisVariants.forEach((variant) => { - test(`Verify no hint appears when ${variant.description}`, { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, TAG.KEYBOARD, '@ellipsis', '@link'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant); - await page.waitForTimeout(100); - - await test.step('Focus and hover link - no hint should appear', async () => { - await page.keyboard.press('Tab'); - await locators.link(page).hover(); - await expect(locators.hint(page)).toHaveCount(0); - await expect(page).toHaveScreenshot(); - }); - }); - }); - }); - - test.describe('Text with ellipsis', () => { - const textVariants = [ - { ellipsis: true, size: 100 }, - { ellipsis: { cropPosition: 'end' }, size: 200 }, - { ellipsis: true, size: 200 }, - { ellipsis: { cropPosition: 'end' }, size: 400 }, - { ellipsis: true, size: 500 }, - { ellipsis: { cropPosition: 'end' }, size: 600 }, - { ellipsis: true, size: 700 }, - { ellipsis: { cropPosition: 'end' }, size: 800 }, - { ellipsis: { cropPosition: 'middle', lastRequiredSymbols: 2 }, size: 100 }, - { ellipsis: { cropPosition: 'middle', lastRequiredSymbols: 7 }, size: 200 }, - { ellipsis: { cropPosition: 'middle' }, size: 300 }, - { ellipsis: { cropPosition: 'middle' }, size: 400 }, - { ellipsis: { cropPosition: 'middle' }, size: 500 }, - { ellipsis: { cropPosition: 'middle' }, size: 600 }, - { ellipsis: { cropPosition: 'middle' }, size: 700 }, - { ellipsis: { cropPosition: 'middle' }, size: 800 }, - ]; - - textVariants.forEach((variant) => { - const ellipsisDesc = variant.ellipsis === true ? 'true' : JSON.stringify(variant.ellipsis); - test(`Verify ellipsis on text with ellipsis: ${ellipsisDesc}, size: ${variant.size}`, { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis', '@typography'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/trim_with_special_text_size.tsx', 'en', variant); - await locators.text(page).waitFor({ state: 'visible' }); - await page.waitForTimeout(200); - - await test.step('Hover text and verify hint appears', async () => { - await locators.text(page).hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - }); - }); - }); - - test.describe('Text without ellipsis', () => { - const noEllipsisVariants = [ - { ellipsis: false, description: 'false' }, - { ellipsis: { cropPosition: 'end', maxLine: 6 }, description: 'maxLine: 6 (text not truncated)' }, - ]; - - noEllipsisVariants.forEach((variant) => { - test(`Verify no hint appears when ellipsis: ${variant.description}`, { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@ellipsis', '@typography'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/trim_with_special_text_size.tsx', 'en', variant); - await page.waitForTimeout(100); - - await test.step('Hover text - no hint should appear', async () => { - await locators.text(page).hover(); - await expect(locators.hint(page)).toHaveCount(0); - await expect(page).toHaveScreenshot(); - }); - }); - }); - }); - - test('Verify basic ellipsis usage', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis', '@typography'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx', 'en'); - await page.waitForTimeout(100); - - await test.step('Hover text and verify hint appears', async () => { - await page.locator('[data-ui-name="Tag.Text"]').hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - }); - - test('Verify search highlight works well', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis', '@typography'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/with_search_selection.tsx', 'en'); - - await expect(page).toHaveScreenshot(); - }); -}); - -/* ===================================================== -@functional -Keyboard and mouse interactions - no snapshots here. -We verify states, visibility, and attributes. -===================================================== */ -test.describe(`${TAG.FUNCTIONAL}`, () => { - test('Verify hint shows full text on hover and hides on mouse leave', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx', 'en'); - - await test.step('Initial state - no hint visible', async () => { - await expect(locators.hint(page)).toHaveCount(0); - }); - - await test.step('Hover text - hint should appear', async () => { - await page.locator('[data-ui-name="Tag.Text"]').hover(); - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Move mouse away - hint should hide', async () => { - await page.mouse.move(0, 0); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify hint shows on link focus and hides when enableHintTriggerRef', { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@ellipsis', '@link'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', { ellipsis: true, enableHintTriggerRef: true }); - await locators.link(page).waitFor({ state: 'visible' }); - await page.waitForTimeout(200); - - await test.step('Focus link with keyboard - hint should appear', async () => { - await page.keyboard.press('Tab'); - await expect(locators.link(page)).toBeFocused(); - await locators.hint(page).waitFor({ state: 'visible' }); - - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Escape - hint should hide', async () => { - await page.keyboard.press('Escape'); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify no hint when text is not truncated', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@ellipsis'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', { ellipsis: false }); - await page.waitForTimeout(100); - - await test.step('Hover - no hint should appear', async () => { - await locators.link(page).hover(); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify required last symbols preservation', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@ellipsis'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/with_required_last_symbols.tsx', 'en'); - await page.waitForTimeout(100); - - await test.step('Verify first text preserves last 5 symbols', async () => { - const textContent = await locators.text(page).first().textContent(); - // Should end with "terns." (5 symbols from original text) - expect(textContent).toMatch(/terns\.$/); - }); - - await test.step('Hover and verify hint shows full text', async () => { - await locators.text(page).first().hover(); - await expect(locators.hint(page)).toHaveCount(1); - const hintText = await locators.hint(page).textContent(); - expect(hintText).toContain('Intergalactic is a constantly developing'); - }); - }); - - test('Verify hint positioning near truncated text', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@ellipsis'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx', 'en'); - await page.waitForTimeout(100); - - await test.step('Show hint and verify it is positioned above text', async () => { - await page.locator('[data-ui-name="Tag.Text"]').hover(); - - await expect(locators.hint(page)).toHaveCount(1); - - const textBox = await page.locator('[data-ui-name="Tag.Text"]').boundingBox(); - const hintBox = await locators.hint(page).boundingBox(); - - expect(textBox).not.toBeNull(); - expect(hintBox).not.toBeNull(); - - // Hint should be positioned above or near the text - if (textBox && hintBox) { - expect(Math.abs(hintBox.y - textBox.y)).toBeLessThan(200); - } - }); - }); - - test('Verify observe children truncation', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@ellipsis'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/observe_children_mutations.tsx', 'en'); - - await test.step('Initial state - short text without ellipsis', async () => { - const textElement = locators.text(page); - await expect(textElement).toBeVisible(); - const textContent = await textElement.textContent(); - expect(textContent).toBe('Short text'); - - // No ellipsis structure initially - const ariaHiddenSpan = textElement.locator('span[aria-hidden="true"]'); - await expect(ariaHiddenSpan).toHaveCount(0); - }); - - await test.step('Click button to change text to long text', async () => { - await page.getByRole('button').first().click(); - - // Wait for text to change - const textElement = locators.text(page); - await expect(textElement.locator('span[aria-hidden="true"]')).toBeVisible(); - - // Verify ellipsis structure appeared - const ariaHiddenSpan = textElement.locator('span[aria-hidden="true"]'); - const ariaHiddenText = await ariaHiddenSpan.textContent(); - expect(ariaHiddenText).toContain('...'); - }); - - await test.step('Hover on ellipsis text - hint should appear with full text', async () => { - await page.getByRole('button').nth(0).click(); - - const textElement = locators.text(page); - await textElement.hover(); - - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(locators.hint(page)).toHaveCount(1); - - const hintText = await locators.hint(page).textContent(); - expect(hintText).toContain('This is a very long text that was changed directly in DOM'); - }); - - await test.step('Verify return to Initial state - short text without ellipsis', async () => { - await page.mouse.move(0, 0); - await locators.hint(page).waitFor({ state: 'hidden' }); - - await expect(locators.hint(page)).toHaveCount(0); - - await page.getByRole('button').nth(1).click(); - - const textElement = locators.text(page); - await expect(textElement).toBeVisible(); - const textContent = await textElement.textContent(); - expect(textContent).toBe('Short text'); - - // No ellipsis structure - const ariaHiddenSpan = textElement.locator('span[aria-hidden="true"]'); - await expect(ariaHiddenSpan).toHaveCount(0); - - await textElement.hover(); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); -}); diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-darwin.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-darwin.png deleted file mode 100644 index b1b6d7bb58..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-darwin.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-linux.png deleted file mode 100644 index 91ab78b304..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-firefox-linux.png deleted file mode 100644 index 86f606b4a3..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-webkit-linux.png deleted file mode 100644 index a87e9f09c9..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--25041-when-cropPosition-end-color-text--success-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-chromium-linux.png deleted file mode 100644 index a2ed4d297d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-firefox-linux.png deleted file mode 100644 index 4b3791e39d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-webkit-linux.png deleted file mode 100644 index 0ffe6e3c6b..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--29e0a-ouse-hover-when-cropPosition-end-maxLine-2-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-chromium-linux.png deleted file mode 100644 index 4bd1920828..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-firefox-linux.png deleted file mode 100644 index 65a2575875..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-webkit-linux.png deleted file mode 100644 index b7bf5a840f..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--546aa-oard-focus-when-cropPosition-end-maxLine-2-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-chromium-linux.png deleted file mode 100644 index 966bd743fb..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-firefox-linux.png deleted file mode 100644 index cbfe3f7723..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png deleted file mode 100644 index 89134ff1a8..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png deleted file mode 100644 index 0ceca5029b..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png deleted file mode 100644 index 1d55acfd8d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--ce2d4-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png deleted file mode 100644 index d554454d2a..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png deleted file mode 100644 index 691f499967..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png deleted file mode 100644 index b56599235a..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--f3138-ropPosition-middle-lastRequiredSymbols-2-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-firefox-linux.png deleted file mode 100644 index b2e822cb02..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-chromium-linux.png deleted file mode 100644 index 8b3f90a634..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-firefox-linux.png deleted file mode 100644 index 80d57a5afd..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-chromium-linux.png deleted file mode 100644 index 6366c58019..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-firefox-linux.png deleted file mode 100644 index 99b42ef9dd..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-webkit-linux.png deleted file mode 100644 index 6846c36fc8..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-cropPosition-middle-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-chromium-linux.png deleted file mode 100644 index 29ffd90ece..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-firefox-linux.png deleted file mode 100644 index 954d290cda..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-webkit-linux.png deleted file mode 100644 index d316b2ac32..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-mouse-hover-when-true-and-size-200-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-chromium-linux.png deleted file mode 100644 index 9e0296b089..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-firefox-linux.png deleted file mode 100644 index 8591e5e439..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-webkit-linux.png deleted file mode 100644 index 07a66044e5..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-false-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-chromium-linux.png deleted file mode 100644 index 2dd771fd0b..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-firefox-linux.png deleted file mode 100644 index e26eabee0d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-webkit-linux.png deleted file mode 100644 index 37364200ae..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-without-ellipsis-Verify-no-hint-appears-when-maxLine-6-text-not-truncated-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-chromium-linux.png deleted file mode 100644 index a405e3b523..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-firefox-linux.png deleted file mode 100644 index 821919e323..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-webkit-linux.png deleted file mode 100644 index 17b181fa00..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1778f-llipsis-cropPosition-middle-size-700-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-chromium-linux.png deleted file mode 100644 index 78144a512f..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-firefox-linux.png deleted file mode 100644 index 11f54153bb..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-webkit-linux.png deleted file mode 100644 index 75baa52985..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--32ac2-llipsis-cropPosition-middle-size-500-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-chromium-linux.png deleted file mode 100644 index fe32c5b3c2..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-firefox-linux.png deleted file mode 100644 index 141601a7ad..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-webkit-linux.png deleted file mode 100644 index cf6abde6f6..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--50c74-h-ellipsis-cropPosition-end-size-200-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-chromium-linux.png deleted file mode 100644 index f00318c7b4..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-firefox-linux.png deleted file mode 100644 index 0dc1ee2763..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-webkit-linux.png deleted file mode 100644 index cf29077dd6..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--58d8a--middle-lastRequiredSymbols-7-size-200-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-chromium-linux.png deleted file mode 100644 index d749708977..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-firefox-linux.png deleted file mode 100644 index 8fce54fc36..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-webkit-linux.png deleted file mode 100644 index 4be6901250..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--667ce-llipsis-cropPosition-middle-size-300-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-chromium-linux.png deleted file mode 100644 index c82ebeeb04..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-firefox-linux.png deleted file mode 100644 index 785520eb9f..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-webkit-linux.png deleted file mode 100644 index 45445eb33a..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--71d08--middle-lastRequiredSymbols-2-size-100-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-chromium-linux.png deleted file mode 100644 index f76aa845c5..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-firefox-linux.png deleted file mode 100644 index 7954329b2e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-webkit-linux.png deleted file mode 100644 index f4548ea247..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--74807-h-ellipsis-cropPosition-end-size-400-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-chromium-linux.png deleted file mode 100644 index f4184b7696..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-firefox-linux.png deleted file mode 100644 index 8b49e726df..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-webkit-linux.png deleted file mode 100644 index cf7a1cf706..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8081d-llipsis-cropPosition-middle-size-800-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-chromium-linux.png deleted file mode 100644 index a13d6390ae..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-firefox-linux.png deleted file mode 100644 index 98a4eef9d1..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-webkit-linux.png deleted file mode 100644 index 1267126d31..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--8a6f9-h-ellipsis-cropPosition-end-size-600-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-chromium-linux.png deleted file mode 100644 index 38eeb74b62..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-firefox-linux.png deleted file mode 100644 index b338fe1d16..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-webkit-linux.png deleted file mode 100644 index a06c0f901d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ad5cd-llipsis-cropPosition-middle-size-600-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-chromium-linux.png deleted file mode 100644 index 1b3b348d3e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-firefox-linux.png deleted file mode 100644 index a19c6d57f8..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-webkit-linux.png deleted file mode 100644 index 00814343a9..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ec6ae-llipsis-cropPosition-middle-size-400-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-chromium-linux.png deleted file mode 100644 index c8afd954b0..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-firefox-linux.png deleted file mode 100644 index 1d28ce6a4e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-webkit-linux.png deleted file mode 100644 index 45e6d5a885..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--ef0fe-h-ellipsis-cropPosition-end-size-800-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-chromium-linux.png deleted file mode 100644 index aa819dae32..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-firefox-linux.png deleted file mode 100644 index 20a6136049..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-chromium-linux.png deleted file mode 100644 index fe32c5b3c2..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-firefox-linux.png deleted file mode 100644 index 141601a7ad..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-webkit-linux.png deleted file mode 100644 index cf6abde6f6..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-200-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-chromium-linux.png deleted file mode 100644 index d8b9ef3efb..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-firefox-linux.png deleted file mode 100644 index 55a658fbe5..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-webkit-linux.png deleted file mode 100644 index bd273e5ba4..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-500-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-chromium-linux.png deleted file mode 100644 index 29714abf1e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-firefox-linux.png deleted file mode 100644 index ee852b651d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-webkit-linux.png deleted file mode 100644 index 9ca49be69a..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-700-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-firefox-linux.png deleted file mode 100644 index a44f6ddcd1..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-webkit-linux.png deleted file mode 100644 index e85eab89b9..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-firefox-linux.png deleted file mode 100644 index a44f6ddcd1..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-webkit-linux.png deleted file mode 100644 index e85eab89b9..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-chromium-linux.png deleted file mode 100644 index 4400a50e3e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-firefox-linux.png deleted file mode 100644 index 8668dfbb5d..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-webkit-linux.png deleted file mode 100644 index a276cfb618..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-basic-ellipsis-usage-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-chromium-linux.png deleted file mode 100644 index 8c444adf9e..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-firefox-linux.png deleted file mode 100644 index 280d0d5185..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-webkit-linux.png deleted file mode 100644 index a1cae6e906..0000000000 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Verify-search-highlight-works-well-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.axe-test.tsx b/semcore/base-components/__tests__/hint.axe-test.tsx deleted file mode 100644 index 55187655ae..0000000000 --- a/semcore/base-components/__tests__/hint.axe-test.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { expect, test, getAccessibilityViolations } from '@semcore/testing-utils/playwright'; -import type { Page } from '@semcore/testing-utils/playwright'; -import { loadPage } from '@semcore/testing-utils/shared/helpers'; -import { TAG } from '@semcore/testing-utils/shared/tags'; - -export const locators = { - trigger: (page: Page, index?: number) => { - const base = page.getByRole('button'); - return typeof index === 'number' ? base.nth(index) : base; - }, - hint: (page: Page, index?: number) => { - const base = page.locator('[data-ui-name="Hint"]'); - return typeof index === 'number' ? base.nth(index) : base; - }, - text: (page: Page) => page.getByText('Export to PDF'), -}; - -test.describe(`@hint ${TAG.ACCESSIBILITY}`, () => { - test('Basic usage', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - - { - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - - { - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'visible' }); - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - }); - - test('Timeout', async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/timeout.tsx', 'en'); - - { - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - - { - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'visible' }); - const violations = await getAccessibilityViolations({ page }); - expect(violations).toEqual([]); - } - }); -}); diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx b/semcore/base-components/__tests__/hint.browser-test.tsx deleted file mode 100644 index 1c3aefa6ef..0000000000 --- a/semcore/base-components/__tests__/hint.browser-test.tsx +++ /dev/null @@ -1,205 +0,0 @@ -import type { Page } from '@semcore/testing-utils/playwright'; -import { test, expect } from '@semcore/testing-utils/playwright'; -import { loadPage } from '@semcore/testing-utils/shared/helpers'; -import { TAG } from '@semcore/testing-utils/shared/tags'; - -export const locators = { - triggerBth: (page: Page, index?: number) => { - const base = page.getByRole('button'); - return typeof index === 'number' ? base.nth(index) : base; - }, - triggerLink: (page: Page, index?: number) => { - const base = page.getByRole('link'); - return typeof index === 'number' ? base.nth(index) : base; - }, - hint: (page: Page, index?: number) => { - const base = page.locator('[data-ui-name="Hint"]'); - return typeof index === 'number' ? base.nth(index) : base; - }, - text: (page: Page) => page.getByText('Export to PDF'), -}; - -/* ===================================================== -@visual -Visual states, hover and focus styles, paddings, margins, and snapshots. -===================================================== */ -test.describe(`${TAG.VISUAL}`, () => { - const placementVariants = [ - { placement: 'top-start' }, - { placement: 'top' }, - { placement: 'top-end' }, - { placement: 'bottom-start' }, - { placement: 'bottom' }, - { placement: 'bottom-end' }, - { placement: 'right-start' }, - { placement: 'right' }, - { placement: 'right-end' }, - { placement: 'left-start' }, - { placement: 'left' }, - { placement: 'left-end' }, - - ]; - placementVariants.forEach((variant) => { - test(`Verify hint with placement= ${variant.placement}`, { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/tests/examples/base-example-props.tsx', 'en', variant); - - await test.step('Hover trigger and verify hint appears', async () => { - await locators.triggerBth(page).hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - }); - }); - - test('Verify hint focus state', { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - await page.waitForTimeout(100); - - await test.step('Focus on button', async () => { - await page.keyboard.press('Tab'); - await expect(locators.triggerBth(page)).toBeFocused(); - await expect(locators.hint(page)).toHaveCount(1); - await expect(page).toHaveScreenshot(); - }); - - await test.step('Focus on Link', async () => { - await page.waitForTimeout(100); - await page.keyboard.press('Tab'); - await expect(locators.triggerLink(page)).toBeFocused(); - await expect(locators.hint(page)).toHaveCount(1); - await expect(page).toHaveScreenshot(); - }); - }); - - test('Verify cursor anchoring', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/tests/examples/cursor_anchoring.tsx', 'en'); - - await test.step('Hover link and verify hint follows cursor', async () => { - const link = page.getByRole('link').first(); - const box = await link.boundingBox(); - await link.hover({ position: { x: box!.width / 6, y: box!.height / 2 } }); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - }); -}); - -/* ===================================================== -@functional -Keyboard and mouse interactions - no snapshots here. -We verify states, visibility, and attributes. -===================================================== */ -test.describe(`${TAG.FUNCTIONAL}`, () => { - test('Verify hint shows on hover and hides on mouse leave', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - - await test.step('Initial state - hint should not be visible', async () => { - await expect(locators.hint(page)).toHaveCount(0); - }); - - await test.step('Hover trigger - hint should appear', async () => { - await locators.triggerBth(page).hover(); - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Move mouse away - hint should hide', async () => { - await page.mouse.move(0, 0); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify hint shows on focus and hides on esc', { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - - await page.getByRole('button').waitFor({ state: 'visible' }); - await test.step('Hint shown when bth focused', async () => { - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Hint closed on ESC', async () => { - await page.keyboard.press('Escape'); - await locators.hint(page).waitFor({ state: 'hidden' }); - await expect(locators.hint(page)).toHaveCount(0); - }); - - await test.step('Hint shown when link focused', async () => { - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Hint closed on ESC', async () => { - await page.keyboard.press('Escape'); - await locators.hint(page).waitFor({ state: 'hidden' }); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify hint hides on blur', { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@hint'], - }, async ({ page, browserName }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - if (browserName == 'firefox') test.skip(); - await test.step('Show hint by focusing trigger', async () => { - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(locators.hint(page)).toHaveCount(1); - }); - - await test.step('Press Escape - hint should hide', async () => { - await page.keyboard.press('Tab'); - await locators.hint(page).waitFor({ state: 'hidden' }); - await expect(locators.hint(page)).toHaveCount(0); - }); - }); - - test('Verify custom timeout delays', { - tag: [TAG.PRIORITY_MEDIUM, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/tests/examples/base-example-props.tsx', 'en', { timeout: 1000 }); - - await test.step('Hover and verify hint respects custom show delay', async () => { - await locators.triggerBth(page).hover(); - - await page.waitForTimeout(500); - await expect(locators.hint(page)).toHaveCount(0); - - await page.waitForTimeout(1000); - await expect(locators.hint(page)).toHaveCount(1); - }); - }); - - test('Verify hint z-index stacking', { - tag: [TAG.PRIORITY_MEDIUM, '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/hint/docs/examples/basic-usage.tsx', 'en'); - - await test.step('Show hint', async () => { - await locators.triggerBth(page).hover(); - await expect(locators.hint(page)).toBeVisible({ timeout: 1000 }); - }); - - await test.step('Verify hint has proper z-index', async () => { - const hint = locators.hint(page); - const zIndex = await hint.evaluate((el) => { - return window.getComputedStyle(el).zIndex; - }); - - // Hint should have high z-index for tooltip layer - expect(parseInt(zIndex)).toBeGreaterThan(0); - }); - }); -}); diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-chromium-linux.png deleted file mode 100644 index 9a9208f5aa..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-firefox-linux.png deleted file mode 100644 index e6c9211f60..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-webkit-linux.png deleted file mode 100644 index 92df2ecc0c..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-cursor-anchoring-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-chromium-linux.png deleted file mode 100644 index c28322ab50..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-firefox-linux.png deleted file mode 100644 index 61087be043..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-webkit-linux.png deleted file mode 100644 index af1aa43fe8..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-firefox-linux.png deleted file mode 100644 index a286ed0332..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-webkit-linux.png deleted file mode 100644 index e7d8333ac2..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-chromium-linux.png deleted file mode 100644 index cf0721a108..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-firefox-linux.png deleted file mode 100644 index 9fb59cb26e..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-webkit-linux.png deleted file mode 100644 index 8529927016..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-chromium-linux.png deleted file mode 100644 index 125e42e223..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-firefox-linux.png deleted file mode 100644 index e8105fe99e..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-webkit-linux.png deleted file mode 100644 index c6e0f2f203..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-chromium-linux.png deleted file mode 100644 index bb834f0cae..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-firefox-linux.png deleted file mode 100644 index 48fdfd30c5..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-webkit-linux.png deleted file mode 100644 index da72201f6b..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-bottom-start-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-chromium-linux.png deleted file mode 100644 index d961706d13..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-firefox-linux.png deleted file mode 100644 index f1a15a5aad..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-webkit-linux.png deleted file mode 100644 index a1a0b20088..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-chromium-linux.png deleted file mode 100644 index 82d2be3750..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-webkit-linux.png deleted file mode 100644 index d9a6ad24de..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-chromium-linux.png deleted file mode 100644 index b0a7025547..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-firefox-linux.png deleted file mode 100644 index 842025f24e..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-webkit-linux.png deleted file mode 100644 index 7fa27201a9..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-start-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-chromium-linux.png deleted file mode 100644 index 4aac643887..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-firefox-linux.png deleted file mode 100644 index e237248ebf..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-webkit-linux.png deleted file mode 100644 index 739ead87f0..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-chromium-linux.png deleted file mode 100644 index cdb966abda..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-firefox-linux.png deleted file mode 100644 index 048997a130..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-webkit-linux.png deleted file mode 100644 index 8e876043e3..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-chromium-linux.png deleted file mode 100644 index bab174da66..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-firefox-linux.png deleted file mode 100644 index d46b5ea51f..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-webkit-linux.png deleted file mode 100644 index 701c5e9751..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-right-start-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-chromium-linux.png deleted file mode 100644 index f62f7de91d..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-firefox-linux.png deleted file mode 100644 index 1805b01727..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-webkit-linux.png deleted file mode 100644 index 3e85b6c1a2..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-chromium-linux.png deleted file mode 100644 index 9f5d7075fb..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-firefox-linux.png deleted file mode 100644 index fd493deebf..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-webkit-linux.png deleted file mode 100644 index d4f60a1150..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-chromium-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-chromium-linux.png deleted file mode 100644 index 302552c65c..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-chromium-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-firefox-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-firefox-linux.png deleted file mode 100644 index 02a074ca4f..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-webkit-linux.png b/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-webkit-linux.png deleted file mode 100644 index ac00736593..0000000000 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-top-start-1-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/hint.test.tsx b/semcore/base-components/__tests__/hint.test.tsx deleted file mode 100644 index 7a0c44f424..0000000000 --- a/semcore/base-components/__tests__/hint.test.tsx +++ /dev/null @@ -1,94 +0,0 @@ -import { expect, test, describe, vi, afterEach } from '@semcore/testing-utils/vitest'; -import { render, fireEvent, waitFor, cleanup } from '@testing-library/react'; -import React, { useRef } from 'react'; - -import { Hint } from '../src'; - -describe('Hint', () => { - afterEach(cleanup); - test('Should support controlled visible mode', async () => { - const TestComponent = () => { - const [visible, setVisible] = React.useState(false); - const ref = useRef(null); - - return ( - <> - - - - Hint text - - - ); - }; - - const { getByTestId } = render(); - - expect(document.body.querySelector('[data-testid="hint"]')).toBeNull(); - - fireEvent.click(getByTestId('toggle')); - await waitFor(() => { - expect(document.body.querySelector('[data-testid="hint"]')).not.toBeNull(); - }); - - fireEvent.click(getByTestId('toggle')); - await waitFor(() => { - expect(document.body.querySelector('[data-testid="hint"]')).toBeNull(); - }); - }); - - test('Should call onVisibleChange callback', async () => { - vi.useFakeTimers(); - const handleChange = vi.fn(); - - const TestComponent = () => { - const ref = useRef(null); - return ( - <> - - - Hint text - - - ); - }; - - const { getByTestId } = render(); - - fireEvent.mouseEnter(getByTestId('trigger')); - - vi.advanceTimersByTime(60); - await waitFor(() => { - expect(handleChange).toHaveBeenCalledWith(true); - }); - - fireEvent.mouseLeave(getByTestId('trigger')); - - vi.advanceTimersByTime(60); - await waitFor(() => { - expect(handleChange).toHaveBeenCalledWith(false); - }); - - vi.useRealTimers(); - }); - - test('Should use defaultVisible for initial state', () => { - const TestComponent = () => { - const ref = useRef(null); - return ( - <> - - -
Hint text
- - - ); - }; - - render(); - - expect(document.body.querySelector('[data-testid="hint"]')).not.toBeNull(); - }); -}); diff --git a/semcore/base-components/package.json b/semcore/base-components/package.json index ccf16831e9..861b7aa60c 100644 --- a/semcore/base-components/package.json +++ b/semcore/base-components/package.json @@ -19,7 +19,6 @@ } }, "dependencies": { - "@floating-ui/dom": "1.7.2", "@popperjs/core": "2.11.5", "classnames": "2.2.6", "csstype": "3.1.3", diff --git a/semcore/base-components/src/components/ellipsis/Ellipsis.ts b/semcore/base-components/src/components/ellipsis/Ellipsis.ts deleted file mode 100644 index 7ab5d932b1..0000000000 --- a/semcore/base-components/src/components/ellipsis/Ellipsis.ts +++ /dev/null @@ -1,311 +0,0 @@ -import type { Intergalactic } from '@semcore/core'; -import EventEmitter from '@semcore/core/lib/utils/eventEmitter'; -import type { CSSProperties } from 'react'; - -import type { Events, EllipsisSettings, TruncateOptions } from './Ellipsis.types'; -import { ellipsisManager, isSafari } from './EllipsisManager'; -import { Scheduler } from './Scheduler'; -import { textMeasurer } from './TextMeasurer'; - -export class Ellipsis extends EventEmitter { - public readonly element: HTMLElement; - public readonly containerElement: HTMLElement | undefined; - public textContent: string; - - private readonly settings: Intergalactic.InternalTypings.PartialRequired; - - public readonly scheduler = new Scheduler(); - - private _isEllipsized: boolean = false; - private calculatedFont = ''; - private isTnum: boolean = false; - - private requiredFrom = -1; - private requiredTo = -1; - private stylesForRequired: CSSProperties | string | null = null; - - constructor(element: HTMLElement, props: EllipsisSettings) { - super(); - - this.containerElement = props.containerElement; - this.element = element; - this.textContent = element.textContent ?? ''; - this.settings = { - cropPosition: props.cropPosition ?? 'end', - maxLine: props.maxLine ?? 1, - recalculateContainerWidth: props.recalculateContainerWidth, - observeChildrenMutations: props.observeChildrenMutations, - }; - - if ('lastRequiredSymbols' in props && props.lastRequiredSymbols !== undefined) { - this.requiredTo = this.textContent.length; - this.requiredFrom = this.requiredTo - props.lastRequiredSymbols; - } - - this.handleChanges = this.handleChanges.bind(this); - - if (props.cropPosition === 'middle' && this.isElementInViewport()) { - ellipsisManager.addEllipsis(this); - } else { - this.scheduler.schedule(() => ellipsisManager.addEllipsis(this), isSafari ? 10 : 'idle'); - } - } - - set isEllipsized(isEllipsized: boolean) { - this._isEllipsized = isEllipsized; - this.emit('isEllipsized', isEllipsized); - } - - get isEllipsized(): boolean { - return this._isEllipsized; - } - - get cropPosition() { - return this.settings.cropPosition; - } - - get maxLine() { - return this.settings.maxLine; - } - - get observeChildrenMutations() { - return this.settings.observeChildrenMutations; - } - - public getTruncateSize(options?: TruncateOptions): [number, number] { - const text = options?.text ?? this.textContent; - const containerWidth = options?.containerWidth ?? this.getContainerWidth(); - const font = options?.font ?? this.getFont(); - - let keep = 0; - let left = 0; - let right = text.length; - let size = 0; - - while (left < right) { - const mid = Math.floor((left + right) / 2); - keep = Math.max(0, Math.ceil(mid / 2)); - let testText: string; - if (options?.direction === undefined) { - testText = text.slice(0, keep) + '...' + text.slice(-keep); - } else { - testText = options.direction === 'start' ? text.slice(0, keep) : text.slice(-keep); - } - const testWidth = textMeasurer.measure(testText, font, this.isTnum); - - if (testWidth < containerWidth) { - size = keep; - left = mid + 1; - } else { - right = mid; - } - } - - if (left === 0) { - return [0, 0]; - } - - return [size, size]; - } - - public cleanUp(): void { - ellipsisManager.removeEllipsis(this); - this.scheduler.cancel(); - this.isEllipsized = false; - this.element.textContent = this.textContent; - } - - public setRequiredIndexes(indexes: [number, number], styles?: CSSProperties | string): void { - const [from, to] = indexes; - - this.requiredFrom = from; - this.requiredTo = to; - - if (styles) { - this.stylesForRequired = styles; - } - - this.handleChanges(); - } - - public handleChanges() { - this.element.textContent = this.textContent; - - this.isEllipsized = this.isTextOverflowing(); - - if (this.isEllipsized && this.settings.cropPosition === 'middle') { - if (this.requiredFrom === -1 && this.requiredTo === -1) { - const [from, to] = this.getTruncateSize(); - const croppedText = this.textContent.slice(0, from) + '...' + this.textContent.slice(-1 * to); - - this.setCroppedText(croppedText); - } else { - this.handleRequiredPath(this.requiredFrom, this.requiredTo); - } - } - } - - private setCroppedText(text: string): void { - const croppedElement = document.createElement('span'); - croppedElement.setAttribute('aria-hidden', 'true'); - croppedElement.textContent = text; - - this.element.innerHTML = ''; - this.element.appendChild(croppedElement); - this.addFullText(); - } - - private addFullText(): void { - const hiddenFullText = document.createElement('span'); - hiddenFullText.textContent = this.textContent; - - hiddenFullText.style.setProperty('position', 'absolute'); - hiddenFullText.style.setProperty('width', '1px'); - hiddenFullText.style.setProperty('height', '1px'); - hiddenFullText.style.setProperty('padding', '0'); - hiddenFullText.style.setProperty('margin', '-1px'); - hiddenFullText.style.setProperty('overflow', 'hidden'); - hiddenFullText.style.setProperty('white-space', 'nowrap'); - hiddenFullText.style.setProperty('border-width', '0'); - - this.element.appendChild(hiddenFullText); - } - - private isTextOverflowing(): boolean { - let isOverflowing = false; - - if (this.settings.maxLine > 1) { - const measuringElement = textMeasurer.createMeasurerElement(this.element); - measuringElement.textContent = this.textContent; - - const { height: currentHeight, width: currentWidth } = this.element.getBoundingClientRect(); - - document.body.appendChild(measuringElement); - - measuringElement.style.width = `${currentWidth}px`; - - const width = measuringElement.scrollWidth; - const height = measuringElement.getBoundingClientRect().height; - - if (Math.ceil(currentHeight) < height || Math.ceil(currentWidth) < width) { - isOverflowing = true; - } - - document.body.removeChild(measuringElement); - } else { - isOverflowing = textMeasurer.measure(this.textContent, this.getFont(), this.isTnum) > this.getContainerWidth(); - } - - return isOverflowing; - } - - private handleRequiredPath(from: number, to: number) { - const requiredText = `...${this.textContent.slice(from, to)}${this.textContent.length === to ? '' : '...'}`; - const requiredWidth = textMeasurer.measure(requiredText, this.getFont(), this.isTnum); - const startText = this.textContent.slice(0, from); - const endText = this.textContent.slice(to); - const containerWidth = this.textContent.length === to - ? (this.getContainerWidth() - requiredWidth) - : (this.getContainerWidth() - requiredWidth) / 2; - - const [sizeStart] = this.getTruncateSize({ - text: startText, - containerWidth, - direction: 'start', - }); - const [sizeEnd] = this.getTruncateSize({ - text: endText, - containerWidth, - direction: 'end', - }); - - const start = startText.slice(0, sizeStart); - const end = endText.slice(-1 * sizeEnd); - - if (this.stylesForRequired === null) { - this.setCroppedText(`${start}${requiredText}${end}`); - } else { - this.highlightRequiredPath(start, end, requiredText, this.stylesForRequired); - } - } - - private highlightRequiredPath(start: string, end: string, requiredText: string, stylesForRequired: string | CSSProperties): void { - const startElement = document.createElement('span'); - startElement.setAttribute('aria-hidden', 'true'); - startElement.textContent = start ? `${start}...` : ''; - const endElement = document.createElement('span'); - endElement.setAttribute('aria-hidden', 'true'); - endElement.textContent = end ? `...${end}` : ''; - - const requiredElement = document.createElement('span'); - requiredElement.setAttribute('aria-hidden', 'true'); - requiredElement.textContent = `${requiredText.slice(3, end ? -3 : undefined)}`; - - if (typeof stylesForRequired === 'string') { - requiredElement.classList.add(stylesForRequired); - } else { - for (const key in stylesForRequired) { - const style = stylesForRequired[key as keyof CSSProperties]; - - if (typeof style === 'string' || typeof style === 'number') { - const propertyName = key.replaceAll(/[A-Z]/g, (g) => `-${g[0].toLocaleLowerCase()}`); - requiredElement.style.setProperty(propertyName, style.toString()); - } - } - } - - this.element.innerHTML = ''; - this.element.append(startElement, requiredElement, endElement); - this.addFullText(); - } - - private isElementInViewport(): boolean { - const rect = this.element.getBoundingClientRect(); - return ( - rect.top >= 0 && - rect.left >= 0 && - rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && - rect.right <= (window.innerWidth || document.documentElement.clientWidth) - ); - } - - private getFont() { - if (!this.calculatedFont) { - const styleElement = window.getComputedStyle(this.element); - this.calculatedFont = `${styleElement.fontWeight} ${styleElement.fontSize} ${styleElement.fontFamily}`; - this.isTnum = styleElement.getPropertyValue('font-variant-numeric') === 'tabular-nums'; - } - - return this.calculatedFont; - } - - private getContainerWidth() { - const containerElement = this.containerElement; - - let width: number; - - if (containerElement) { - const computedStyle = window.getComputedStyle(containerElement); - const containerWidth = Math.ceil(containerElement.getBoundingClientRect().width) - this.calculatePaddings(computedStyle); - - if (this.settings.recalculateContainerWidth !== undefined) { - width = this.settings.recalculateContainerWidth(containerWidth); - } else { - width = containerWidth; - } - } else { - const computedStyle = window.getComputedStyle(this.element); - width = Math.ceil(this.element.getBoundingClientRect().width) - this.calculatePaddings(computedStyle); - } - - return width; - } - - private calculatePaddings(computedStyle: CSSStyleDeclaration): number { - const paddingLeft = Number(computedStyle?.paddingLeft.replace('px', '') ?? '0'); - const paddingRight = Number(computedStyle?.paddingRight.replace('px', '') ?? '0'); - const paddings = paddingLeft + paddingRight; - - return paddings; - } -} diff --git a/semcore/base-components/src/components/ellipsis/Ellipsis.types.ts b/semcore/base-components/src/components/ellipsis/Ellipsis.types.ts deleted file mode 100644 index d23abfef4a..0000000000 --- a/semcore/base-components/src/components/ellipsis/Ellipsis.types.ts +++ /dev/null @@ -1,59 +0,0 @@ -type CommonEllipsisSettings = { - /** - * Common container element for few ellipsises for improve performance. - */ - containerElement?: HTMLElement; - - /** - * Function for crop or increase a container width. For example, for tables with accordion - */ - recalculateContainerWidth?: (width: number) => number; - - /** - * Flag to enable observing changes in cropped texts. - * @default false - */ - observeChildrenMutations?: boolean; -}; - -type MiddleCroppedEllipsisSettings = { - /** - * Crop position - * @default end - */ - cropPosition: 'middle'; - - maxLine?: never; - - /** - * Count of last symbols which shouldn't be cropped. - */ - lastRequiredSymbols?: number; -}; - -type EndCroppedEllipsisSettings = { - /** - * Crop position - * @default end - */ - cropPosition?: 'end'; - /** - * Lines count in multiline Ellipsis. - * Applies only for `cropPosition = 'end'` - * @default 1 - */ - maxLine?: number; -}; - -export type EllipsisSettings = Readonly<(EndCroppedEllipsisSettings | MiddleCroppedEllipsisSettings) & CommonEllipsisSettings>; - -export type Events = { - isEllipsized: (isEllipsized: boolean) => void; -}; - -export type TruncateOptions = { - text?: string; - containerWidth?: number; - font?: string; - direction?: 'start' | 'end'; -}; diff --git a/semcore/base-components/src/components/ellipsis/EllipsisManager.ts b/semcore/base-components/src/components/ellipsis/EllipsisManager.ts deleted file mode 100644 index ff1d81f652..0000000000 --- a/semcore/base-components/src/components/ellipsis/EllipsisManager.ts +++ /dev/null @@ -1,226 +0,0 @@ -import canUseDOM from '@semcore/core/lib/utils/canUseDOM'; - -import type { Ellipsis } from './Ellipsis'; -import { Queue } from './Queue'; - -export const isSafari = canUseDOM() ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : false; - -class EllipsisManager { - private readonly queue: Queue; - - private ro = new ResizeObserver(this.handleResizeObserver.bind(this)); - private io = new IntersectionObserver(this.handleIntersectionObserver.bind(this), { - root: null, - // @ts-ignore - scrollMargin: '500px 500px 500px 500px', - threshold: 0.1, - }); - - private readonly containersMap = new WeakMap>(); - private readonly containersApproximateSizeMap = new WeakMap(); - - private handledElements = new WeakSet(); - private ellipsisEntities = new WeakMap(); - private ellipsisMutationObservers = new WeakMap(); - - constructor() { - this.queue = new Queue(isSafari ? { queueTimeout: 16 } : undefined); - - this.handleResizeObserver = this.handleResizeObserver.bind(this); - this.handleMutationObserver = this.handleMutationObserver.bind(this); - this.handleIntersectionObserver = this.handleIntersectionObserver.bind(this); - - this.handleCopy = this.handleCopy.bind(this); - - if (canUseDOM()) { - document.addEventListener('copy', this.handleCopy); - } - } - - public addEllipsis(ellipsis: Ellipsis) { - const element = ellipsis.element; - - if (!this.ellipsisEntities.has(element)) { - this.ellipsisEntities.set(element, ellipsis); - - this.io.observe(element); - - if (ellipsis.observeChildrenMutations) { - const mo = new MutationObserver(this.handleMutationObserver); - mo.observe(element, { - characterData: true, - subtree: true, - characterDataOldValue: true, - childList: true, - }); - - this.ellipsisMutationObservers.set(element, mo); - } - } - - if (ellipsis.containerElement !== undefined) { - const ellipsisSet = this.containersMap.get(ellipsis.containerElement) ?? new Set(); - - ellipsisSet.add(ellipsis); - - this.containersMap.set(ellipsis.containerElement, ellipsisSet); - } - } - - public removeEllipsis(ellipsis: Ellipsis) { - const element = ellipsis.element; - - if (this.ellipsisEntities.has(element)) { - this.ellipsisEntities.delete(element); - this.handledElements.delete(element); - - this.io.unobserve(element); - this.ro.unobserve(element); - this.ellipsisMutationObservers.get(element)?.disconnect(); - this.ellipsisMutationObservers.delete(element); - } - - if (ellipsis.containerElement) { - const ellipsisSet = this.containersMap.get(ellipsis.containerElement); - if (ellipsisSet) { - ellipsisSet.delete(ellipsis); - - if (ellipsisSet.size === 0) { - this.containersMap.delete(ellipsis.containerElement); - } else { - this.containersMap.set(ellipsis.containerElement, ellipsisSet); - } - } - } - } - - private handleResizeObserver(entries: ResizeObserverEntry[]) { - entries.forEach((entry) => { - const target = entry.target; - - if (target instanceof HTMLElement) { - const ellipsisSet = this.containersMap.get(target); - if (ellipsisSet !== undefined) { - const firstEllipsis = ellipsisSet.values().next().value; - if (firstEllipsis) { - this.containersApproximateSizeMap.set(target, firstEllipsis.getTruncateSize()); - } - - for (const el of ellipsisSet.values()) { - const ellipsis = this.ellipsisEntities.get(el.element); - - if (ellipsis) { - if (ellipsis.cropPosition === 'middle') { - this.setApproximateSize(target, ellipsis); - } - - this.queue.add(ellipsis.handleChanges); - } - } - } else { - const ellipsis = this.ellipsisEntities.get(target); - - if (ellipsis) { - this.queue.add(ellipsis.handleChanges); - } - } - } - }); - } - - private handleMutationObserver(mutations: MutationRecord[]) { - if (mutations.length === 1) { - const { type, target } = mutations[0]; - - let text: Text | undefined; - - if (type === 'characterData' && target instanceof Text) { - text = target; - } else if (type === 'childList') { - const mutation = mutations[0]; - const addedNodes = mutation.addedNodes; - const removedNodes = mutation.removedNodes; - if (addedNodes.length === 1 && addedNodes[0] instanceof Text && removedNodes.length === 2 && removedNodes[0] instanceof HTMLSpanElement && removedNodes[1] instanceof HTMLSpanElement) { - text = addedNodes[0]; - } - } - - const parent = text?.parentElement; - if (text && parent instanceof HTMLElement) { - const ellipsis = this.ellipsisEntities.get(parent); - - if (ellipsis) { - ellipsis.textContent = text.wholeText; - ellipsis?.scheduler.schedule(ellipsis?.handleChanges); - } - } - } - } - - private handleIntersectionObserver(entries: IntersectionObserverEntry[]) { - entries.forEach((entry) => { - const target = entry.target; - - if (target instanceof HTMLElement) { - if (entry.isIntersecting === true && !this.handledElements.has(target)) { - const ellipsis = this.ellipsisEntities.get(target); - - if (ellipsis?.containerElement !== undefined) { - this.ro?.observe(ellipsis?.containerElement); - - if (ellipsis.cropPosition === 'middle') { - this.setApproximateSize(target, ellipsis); - } - - this.queue.add(ellipsis.handleChanges); - } else { - this.ro?.observe(target); - } - - this.handledElements.add(target); - } else if (entry.isIntersecting === false && this.handledElements.has(target)) { - const ellipsis = this.ellipsisEntities.get(target); - - if (ellipsis) { - this.queue.delete(ellipsis.handleChanges); - } - - this.handledElements.delete(target); - - this.ro?.unobserve(target); - this.ellipsisMutationObservers.get(target)?.disconnect(); - } - } - }); - } - - private setApproximateSize(container: HTMLElement, ellipsis: Ellipsis) { - const approximateSize = this.containersApproximateSizeMap.get(container); - - if (approximateSize && ellipsis.textContent.length > approximateSize[0] + approximateSize[1]) { - ellipsis.element.textContent = ellipsis?.textContent.slice(0, approximateSize[0]) + '...' + ellipsis?.textContent.slice(-1 * approximateSize[1]); - } - } - - private handleCopy(event: ClipboardEvent) { - if (event instanceof ClipboardEvent && event.target instanceof HTMLElement && event.target.parentElement instanceof HTMLElement) { - const selection = window.getSelection(); - const ellipsis = this.ellipsisEntities.get(event.target.parentElement); - - if (selection && ellipsis) { - const ellipsisSpans = ellipsis.element.childNodes; - const croppedSpan = ellipsisSpans[0]; - const fullSpan = ellipsisSpans[ellipsisSpans.length - 1]; - - const isCroppedSelected = (selection.anchorNode === croppedSpan?.childNodes[0] && selection.focusOffset === croppedSpan?.textContent?.length) || (selection.focusNode === croppedSpan?.childNodes[0] && selection.focusOffset === 0); - const isFullSelected = selection.focusNode === fullSpan?.childNodes[0] && selection.focusOffset === fullSpan?.textContent?.length; - - if (fullSpan?.textContent && (!(selection.focusNode instanceof Text) || isCroppedSelected || isFullSelected)) { - navigator.clipboard.writeText(fullSpan.textContent); - } - } - } - } -} - -export const ellipsisManager = new EllipsisManager(); diff --git a/semcore/base-components/src/components/ellipsis/Queue.ts b/semcore/base-components/src/components/ellipsis/Queue.ts deleted file mode 100644 index b4ba0e83ef..0000000000 --- a/semcore/base-components/src/components/ellipsis/Queue.ts +++ /dev/null @@ -1,48 +0,0 @@ -import { Scheduler, type Task } from './Scheduler'; - -type Options = { - queueTimeout?: number; -}; - -export class Queue { - private queue = new Set(); - - private readonly queueTimeout: number = 0; - private processQueueTick: Scheduler | null = null; - - constructor(options?: Options) { - if (options?.queueTimeout) { - this.queueTimeout = options.queueTimeout; - } - - this.processQueue = this.processQueue.bind(this); - } - - public add(task: Task) { - this.queue.add(task); - - if (this.queue.size === 1 && this.processQueueTick === null) { - this.processQueueTick = new Scheduler(); - this.processQueueTick.schedule(this.processQueue, this.queueTimeout === 0 ? undefined : this.queueTimeout); - } - } - - public delete(task: Task) { - this.queue.delete(task); - } - - private processQueue(): void { - const nextTask = this.queue.values().next().value; - - if (nextTask) { - this.queue.delete(nextTask); - nextTask(); - - this.processQueueTick = new Scheduler(); - this.processQueueTick.schedule(this.processQueue, this.queueTimeout === 0 ? undefined : this.queueTimeout); - } else { - this.processQueueTick?.cancel(); - this.processQueueTick = null; - } - } -} diff --git a/semcore/base-components/src/components/ellipsis/Scheduler.ts b/semcore/base-components/src/components/ellipsis/Scheduler.ts deleted file mode 100644 index f83cd27b1b..0000000000 --- a/semcore/base-components/src/components/ellipsis/Scheduler.ts +++ /dev/null @@ -1,43 +0,0 @@ -import canUseDOM from '@semcore/core/lib/utils/canUseDOM'; - -export type Task = (...args: any[]) => void; -/** - * Util class for scheduling some work - */ -export class Scheduler { - private idleId: number | null = null; - private animationFrameId: number | null = null; - private timeout: ReturnType | null = null; - - public schedule(task: Task, timeoutOrType?: number | 'idle') { - if (typeof timeoutOrType === 'number') { - if (this.timeout !== null) { - clearTimeout(this.timeout); - } - - this.timeout = setTimeout(task, timeoutOrType); - } else if (timeoutOrType === 'idle' && canUseDOM() && 'requestIdleCallback' in window) { - if (this.idleId !== null) { - window.cancelIdleCallback(this.idleId); - } - - this.idleId = window.requestIdleCallback(task); - } else { - if (this.animationFrameId !== null) { - cancelAnimationFrame(this.animationFrameId); - } - - this.animationFrameId = requestAnimationFrame(task); - } - } - - public cancel() { - if (this.idleId !== null) { - window.cancelIdleCallback(this.idleId); - } else if (this.animationFrameId !== null) { - cancelAnimationFrame(this.animationFrameId); - } else if (this.timeout !== null) { - clearTimeout(this.timeout); - } - } -} diff --git a/semcore/base-components/src/components/ellipsis/TextMeasurer.ts b/semcore/base-components/src/components/ellipsis/TextMeasurer.ts deleted file mode 100644 index 93ec322e21..0000000000 --- a/semcore/base-components/src/components/ellipsis/TextMeasurer.ts +++ /dev/null @@ -1,55 +0,0 @@ -/** - * Util class for measure text size in different elements - */ -class TextMeasurer { - private canvas = document.createElement('canvas'); - private ctx = this.canvas.getContext('2d')!; - - private canvasTnum = document.createElement('canvas'); - private ctxTnum = this.canvasTnum.getContext('2d')!; - - constructor() { - this.canvasTnum.style.setProperty('font-variant-numeric', 'tabular-nums'); - this.canvasTnum.style.setProperty('display', 'none'); - document.body.appendChild(this.canvasTnum); - } - - public measure(text: string, font: string, isTnum: boolean): number { - const ctx = isTnum ? this.ctxTnum : this.ctx; - - ctx.clearRect(0, 0, this.canvas.width, this.canvas.height); - ctx.font = font; - - const textData = ctx.measureText(text); - return Math.ceil(textData.width); - } - - public createMeasurerElement(element: HTMLElement) { - const styleElement = window.getComputedStyle(element, null); - const temporaryElement = document.createElement('temporary-block'); - temporaryElement.style.display = styleElement.getPropertyValue('display'); - temporaryElement.style.padding = styleElement.getPropertyValue('padding'); - temporaryElement.style.position = 'absolute'; - temporaryElement.style.right = '0%'; - temporaryElement.style.bottom = '0%'; - temporaryElement.style.visibility = 'hidden'; - temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space'); - temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap'); - - this.setFontSettings(temporaryElement, styleElement); - - return temporaryElement; - } - - private setFontSettings = (element: HTMLElement, styleElement: CSSStyleDeclaration): void => { - element.style.fontFamily = styleElement.getPropertyValue('font-family'); - element.style.fontSize = styleElement.getPropertyValue('font-size'); - element.style.fontWeight = styleElement.getPropertyValue('font-weight'); - element.style.lineHeight = styleElement.getPropertyValue('line-height'); - element.style.fontFeatureSettings = - styleElement.getPropertyValue('font-feature-settings'); - element.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric'); - }; -} - -export const textMeasurer = new TextMeasurer(); diff --git a/semcore/base-components/src/components/ellipsis/index.ts b/semcore/base-components/src/components/ellipsis/index.ts deleted file mode 100644 index e699493a6c..0000000000 --- a/semcore/base-components/src/components/ellipsis/index.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { Ellipsis } from './Ellipsis'; -import type { EllipsisSettings } from './Ellipsis.types'; - -export { - Ellipsis, -}; -export type { - EllipsisSettings, -}; diff --git a/semcore/base-components/src/components/hint/Hint.tsx b/semcore/base-components/src/components/hint/Hint.tsx deleted file mode 100644 index 8e83857274..0000000000 --- a/semcore/base-components/src/components/hint/Hint.tsx +++ /dev/null @@ -1,351 +0,0 @@ -import { computePosition, flip, offset, shift, type Placement } from '@floating-ui/dom'; -import { createComponent, Root, sstyled, Component, lastInteraction } from '@semcore/core'; -import { getAccessibleName } from '@semcore/core/lib/utils/getAccessibleName'; -import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable'; -import { zIndexStackingEnhance } from '@semcore/core/lib/utils/zIndexStacking'; -import type { DataType } from 'csstype'; -import React from 'react'; - -import { Middleware } from './Middleware'; -import keyframes from '../animation/style/keyframes.shadow.css'; -import { Box } from '../flex-box'; -import { Portal } from '../portal'; -import styles from './style/hint.shadow.css'; - -type Handlers = { - visible: null; -}; - -export type SimpleHintPopperProps = { - /** Ref to the trigger element */ - triggerRef: React.RefObject; - /** - * The position of the popper relative to the trigger that called it. - * @default top - */ - placement?: Placement; - /** - * Timer to show and hide the popper - * @default [500, 500] - */ - timeout?: DefaultProps['timeout']; - /** - * Hint content. - * Better to use here some short text. - * */ - children: React.ReactNode; - - /** Popper visibility value */ - visible?: boolean; - /** Default popper visibility - * @default false */ - defaultVisible?: boolean; - /** Function called when visibility changes */ - onVisibleChange?: (visible: boolean, e?: Event) => boolean | void; -}; - -type DefaultProps = { - defaultVisible?: boolean; - timeout: number | [number, number]; - timingFunction: DataType.EasingFunction; - placement?: Placement; -}; - -type State = { - innerVisible: boolean | null; - calculatedPlacement?: Placement; -}; - -const enhances = [ - zIndexStackingEnhance('z-index-tooltip'), - cssVariableEnhance({ - variable: '--intergalactic-duration-popper', - fallback: '200', - map: (v: string) => Number.parseInt(v, 10).toString(), - prop: 'duration', - }), - cssVariableEnhance({ - variable: '--intergalactic-spacing-1x', - fallback: '4', - map: (v: string) => Number.parseInt(v, 10).toString(), - prop: 'offset', - }), - cssVariableEnhance({ - variable: '--intergalactic-spacing-1x', - fallback: '4', - map: (v: string) => Number.parseInt(v, 10).toString(), - prop: 'padding', - }), -] as const; - -function propToArray(prop: number | [number, number]): [number, number] { - return Array.isArray(prop) ? prop : [prop, prop]; -} - -const keyframesMap = new Map(); - -class HintPopperRoot extends Component { - public readonly hintRef = React.createRef(); - - static style = Object.assign(keyframes, styles); - - private showTimer?: number; - private hideTimer?: number; - - static enhance = enhances; - - static defaultProps: DefaultProps = { - defaultVisible: false, - timeout: [500, 500], - timingFunction: 'ease-out', - placement: 'top', - }; - - constructor(props: SimpleHintPopperProps) { - super(props); - - this.handleFocus = this.handleFocus.bind(this); - this.handleBlur = this.handleBlur.bind(this); - this.handleMouseEnter = this.handleMouseEnter.bind(this); - this.handleMouseLeave = this.handleMouseLeave.bind(this); - this.handleKeyDown = this.handleKeyDown.bind(this); - - this.state = { - innerVisible: props.visible ?? null, - calculatedPlacement: props.placement, - }; - } - - uncontrolledProps() { - return { - visible: null, - }; - } - - componentDidMount() { - const trigger = this.asProps.triggerRef.current; - - if (trigger) { - this.subscribe(trigger); - } - } - - componentWillUnmount() { - const trigger = this.asProps.triggerRef.current; - - if (trigger) { - this.unsubscribe(trigger); - } - } - - componentDidUpdate(prevProps: SimpleHintPopperProps) { - if (prevProps.visible !== this.props.visible) { - requestAnimationFrame(() => { - const trigger = this.props.triggerRef.current; - - if (this.props.visible && trigger) { - this.showHint(trigger); - } else { - this.hideHint(); - } - }); - } - } - - private subscribe(trigger: HTMLElement) { - trigger.addEventListener('focus', this.handleFocus); - trigger.addEventListener('blur', this.handleBlur); - trigger.addEventListener('mouseenter', this.handleMouseEnter); - trigger.addEventListener('mouseleave', this.handleMouseLeave); - trigger.addEventListener('keydown', this.handleKeyDown); - - if (this.asProps.visible) { - this.showHint(trigger); - } - } - - private unsubscribe(trigger: HTMLElement) { - trigger.removeEventListener('focus', this.handleFocus); - trigger.removeEventListener('blur', this.handleBlur); - trigger.removeEventListener('mouseenter', this.handleMouseEnter); - trigger.removeEventListener('mouseleave', this.handleMouseLeave); - trigger.removeEventListener('keydown', this.handleKeyDown); - - this.hideHint(); - } - - private showHint(node: HTMLElement, mouseEvent?: MouseEvent): void { - const { placement, timeout } = this.asProps; - - const showTimeout = Array.isArray(timeout) ? timeout[0] : timeout; - - if (this.hideTimer) { - clearTimeout(this.hideTimer); - } - - this.showTimer = window.setTimeout(() => { - this.handlers.visible(true); - - window.setTimeout(() => { - const popperElement = this.hintRef.current; - if (popperElement) { - const middleware = [ - offset(Number(this.asProps.offset)), - flip(), - shift({ padding: Number(this.asProps.padding) }), - ]; - const verticalPlacement = !placement || placement.startsWith('top') || placement.startsWith('bottom'); - if (mouseEvent !== undefined && verticalPlacement) { - middleware.push( - Middleware.verticalCursorAnchoring({ x: mouseEvent.clientX }), - shift({ padding: Number(this.asProps.padding) }), - ); - } - - computePosition(node, popperElement, { - placement: placement, - middleware, - }).then(({ x, y, placement }) => { - Object.assign(popperElement.style, { - left: `${x}px`, - top: `${y}px`, - }); - popperElement.style.visibility = 'visible'; - - this.setState({ innerVisible: true, calculatedPlacement: placement }); - }); - } - }, 10); - }, showTimeout); - } - - private hideHint(): void { - const { timeout } = this.asProps; - - const hideTimeout = Array.isArray(timeout) ? timeout[1] : timeout; - - if (this.showTimer) { - clearTimeout(this.showTimer); - } - - this.setState({ innerVisible: false }); - - this.hideTimer = window.setTimeout(() => { - this.hintRef.current?.style.setProperty('visibility', 'hidden'); - this.handlers.visible(false); - this.setState({ innerVisible: null }); - }, hideTimeout); - } - - private handleFocus(e: FocusEvent): void { - if (e.target instanceof HTMLElement && this.asProps.triggerRef.current === e.target && lastInteraction.isKeyboard()) { - this.showHint(e.target); - } - } - - private handleBlur(e: FocusEvent): void { - if (e.target instanceof HTMLElement && this.asProps.triggerRef.current === e.target) { - this.hideHint(); - } - } - - private handleKeyDown(e: KeyboardEvent): void { - if (e.key === 'Escape' && e.target instanceof HTMLElement && this.asProps.triggerRef.current === e.target && this.state.innerVisible) { - e.stopPropagation(); - this.hideHint(); - } - } - - private handleMouseEnter(e: MouseEvent): void { - if (e.target instanceof HTMLElement && this.asProps.triggerRef.current === e.target) { - this.showHint(e.target, e); - } - } - - private handleMouseLeave(e: MouseEvent): void { - if (e.target instanceof HTMLElement && this.asProps.triggerRef.current === e.target) { - this.hideHint(); - } - } - - private keyframesKey(placement?: Placement) { - if (!placement) { - return 'opacity'; - } - - if (keyframesMap.has(placement)) { - return keyframesMap.get(placement)!; - } - - let keyframe: string = 'opacity'; - - if (placement.startsWith('left')) keyframe = 'scale-left'; - if (placement.startsWith('right')) keyframe = 'scale-right'; - if (placement.startsWith('bottom')) keyframe = 'scale-bottom'; - if (placement.startsWith('top')) keyframe = 'scale-top'; - - keyframesMap.set(placement, keyframe); - - return keyframe; - } - - private setTriggerAriaLabel() { - const { triggerRef, children } = this.asProps; - - requestAnimationFrame(() => { - const trigger = triggerRef.current; - - if (trigger) { - const textContent = trigger.textContent; - const ariaLabel = getAccessibleName(trigger); - - if (!textContent && !ariaLabel) { - const label = (typeof children === 'string' || typeof children === 'number') - ? children.toString() - : (this.hintRef.current?.textContent ?? ''); - triggerRef.current?.setAttribute('aria-label', label); - } - } - }); - } - - render() { - const SHintPopper = Root; - const { visible, Children, parentZIndexStacking, styles, timingFunction } = this.asProps; - const { innerVisible, calculatedPlacement } = this.state; - - this.setTriggerAriaLabel(); - - if (!visible) { - return null; - } - - const duration = propToArray(Number(this.asProps.duration)); - - /* `visible && innerVisible === null` - is a condition to start showing right after hover/focus */ - const showHint = (visible && innerVisible === null) || innerVisible === true; - - return sstyled(styles)( - - - - - , - ); - } -} - -export const Hint = createComponent<'div', SimpleHintPopperProps>(HintPopperRoot); diff --git a/semcore/base-components/src/components/hint/Middleware.ts b/semcore/base-components/src/components/hint/Middleware.ts deleted file mode 100644 index 7101149c77..0000000000 --- a/semcore/base-components/src/components/hint/Middleware.ts +++ /dev/null @@ -1,19 +0,0 @@ -import type { MiddlewareState } from '@floating-ui/dom'; - -type MouseEnterCursorPosition = { - x: number; -}; - -export class Middleware { - public static verticalCursorAnchoring(mouseCursorPosition: MouseEnterCursorPosition) { - return { - name: 'verticalCursorAnchoring', - fn(state: MiddlewareState) { - const { rects, x } = state; - return { - x: rects.floating.width > rects.reference.width ? x : mouseCursorPosition.x - rects.floating.width / 2, - }; - }, - }; - } -} diff --git a/semcore/base-components/src/components/hint/index.ts b/semcore/base-components/src/components/hint/index.ts deleted file mode 100644 index 58dae3a55b..0000000000 --- a/semcore/base-components/src/components/hint/index.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Hint } from './Hint'; -import type { SimpleHintPopperProps } from './Hint'; - -export { Hint }; -export type { - SimpleHintPopperProps, -}; diff --git a/semcore/base-components/src/components/hint/style/hint.shadow.css b/semcore/base-components/src/components/hint/style/hint.shadow.css deleted file mode 100644 index ddb980a557..0000000000 --- a/semcore/base-components/src/components/hint/style/hint.shadow.css +++ /dev/null @@ -1,39 +0,0 @@ -SHintPopper { - width: max-content; - position: absolute; - top: 0; - left: 0; - max-width: 250px; - word-break: break-all; - visibility: hidden; - - background: var(--intergalactic-tooltip-invert, #191b23); - border: 1px solid var(--intergalactic-border-tooltip-invert, #6c6e79); - color: var(--intergalactic-text-primary-invert, #ffffff); - padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px); - border-radius: var(--intergalactic-rounded-small, 4px); - font-size: var(--intergalactic-fs-100, 12px); - line-height: var(--intergalactic-lh-100, 133%); - box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15)); - - animation-fill-mode: both; - animation-timing-function: var(--timingFunction); - animation-duration: var(--durationFinalize); - animation-name: var(--keyframesFinalize); - - &[visible] { - animation-duration: var(--durationInitialize); - animation-name: var(--keyframesInitialize); - } -} - -@media (prefers-reduced-motion) { - SHintPopper { - animation-timing-function: step-end; - animation-iteration-count: 1; - } - SHintPopper[visible] { - animation-timing-function: step-end; - animation-iteration-count: 1; - } -} diff --git a/semcore/base-components/src/index.ts b/semcore/base-components/src/index.ts index 42eaf5f796..027eb6ef76 100644 --- a/semcore/base-components/src/index.ts +++ b/semcore/base-components/src/index.ts @@ -1,9 +1,7 @@ export * from './components/animation'; export * from './components/breakpoints'; -export * from './components/ellipsis'; export * from './components/flex-box'; export * from './components/grid'; -export * from './components/hint'; export * from './components/neighbor-location'; export * from './components/outside-click'; export * from './components/popper'; diff --git a/semcore/base-components/vite.config.ts b/semcore/base-components/vite.config.ts index dd0d26bc80..e0ec8a7b53 100644 --- a/semcore/base-components/vite.config.ts +++ b/semcore/base-components/vite.config.ts @@ -18,6 +18,7 @@ export default mergeConfig( /@semcore\/*/, 'classnames', 'csstype', + '@floating-ui/dom', '@popperjs/core', 'popper-max-size-modifier', ], diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx index 8d211b93c3..8f1066b852 100644 --- a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx +++ b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx @@ -283,7 +283,7 @@ test.describe(`${TAG.VISUAL}`, () => { await expect(page).toHaveScreenshot(); await locators.button(page).nth(1).hover(); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); }); @@ -399,10 +399,10 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { expect(tagNameText).toBe('h2'); await page.keyboard.press('Tab'); - await expect(page.locator(`[data-ui-name="Hint"]`)).toHaveCount(0); + await expect(page.getByRole('tooltip')).toHaveCount(0); await locators.button(page).nth(1).hover(); - await page.locator(`[data-ui-name="Hint"]`).waitFor({ state: 'visible' }); - await expect(page.locator(`[data-ui-name="Hint"]`)).toHaveCount(1); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); + await expect(page.getByRole('tooltip')).toHaveCount(1); }); }); diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-chromium-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-chromium-linux.png index 30a06a418a..6ba6e177ec 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-chromium-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-firefox-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-firefox-linux.png index cc58163bc8..3c6b9232d3 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-firefox-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-webkit-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-webkit-linux.png index a72551564d..82084290a3 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-webkit-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-1-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-chromium-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-chromium-linux.png index f3b1cad41a..18f17ac5dd 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-chromium-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-firefox-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-firefox-linux.png index 93886f6a62..d9deded26d 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-firefox-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-webkit-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-webkit-linux.png index 2cdde6fe69..775777c284 100644 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-webkit-linux.png and b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Base-trigger-and-few-tags-2-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-chromium-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-chromium-linux.png deleted file mode 100644 index 4f6cdb3845..0000000000 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-chromium-linux.png and /dev/null differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-firefox-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-firefox-linux.png deleted file mode 100644 index db762fc0c5..0000000000 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-firefox-linux.png and /dev/null differ diff --git a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-webkit-linux.png b/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-webkit-linux.png deleted file mode 100644 index b654d87ab8..0000000000 Binary files a/semcore/base-trigger/__tests__/base-trigger.browser-test.tsx-snapshots/Base-trigger-Styles-and-a11y-checks-Verify-ellipsis-in-trigger-and-few-tags-2-webkit-linux.png and /dev/null differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx index 74c53dd033..8119020370 100644 --- a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx +++ b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx @@ -372,10 +372,9 @@ test.describe(`${TAG.VISUAL}`, () => { await loadPage(page, 'stories/components/base-trigger/advanced/examples/button-trigger-ellipsis.tsx', 'en'); await expect(page).toHaveScreenshot(); - await page.waitForTimeout(200); await locators.button(page).nth(1).hover(); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); }); @@ -459,8 +458,10 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { expect(tagNameText).toBe('h2'); await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); - await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(1); + await expect(page.getByRole('tooltip')).toHaveCount(0); + + await locators.button(page).nth(1).hover(); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); + await expect(page.getByRole('tooltip')).toHaveCount(1); }); }); diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-chromium-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-chromium-linux.png index 5088568229..4fb62fc59a 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-chromium-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-firefox-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-firefox-linux.png index 4d30980153..9b93a75eda 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-firefox-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-webkit-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-webkit-linux.png index 31905fee13..0c187ae497 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-webkit-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-1-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-chromium-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-chromium-linux.png index b5b68999d7..a9cefca61e 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-chromium-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-firefox-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-firefox-linux.png index 1ab38b4110..3ad632e8ca 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-firefox-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-webkit-linux.png b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-webkit-linux.png index 64f7df2ff5..f7671c61c8 100644 Binary files a/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-webkit-linux.png and b/semcore/base-trigger/__tests__/button-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Button-trigger-and-few-tags-2-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx index 70bda03100..d12350225a 100644 --- a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx +++ b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx @@ -125,7 +125,7 @@ test.describe(`${TAG.VISUAL}`, () => { await expect(page).toHaveScreenshot(); await locators.trigger(page).nth(1).hover(); - await page.locator(`[data-ui-name="Hint"]`).waitFor({ state: 'visible' }); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); @@ -443,15 +443,15 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { const button = page.getByRole('combobox', { name: 'Material' }); await expect(button).toHaveAttribute('value', 'Glass,Metal,Paper'); - await expect(button.locator('[data-ui-name="FilterTrigger.Text"]')).toContainText( + await expect(button.locator('div[data-ui-name="FilterTrigger.Text"]')).toContainText( '3 selected', ); - const textSpan = button.locator('[data-ui-name="FilterTrigger.Text"] span'); + const textSpan = button.locator('div[data-ui-name="FilterTrigger.Text"] span'); await expect(textSpan).toHaveAttribute('aria-hidden', 'true'); await locators.clearButton(page).click(); - await expect(button.locator('[data-ui-name="FilterTrigger.Text"]')).not.toContainText( + await expect(button.locator('div[data-ui-name="FilterTrigger.Text"]')).not.toContainText( '3 selected', ); }); diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-chromium-linux.png index 66a2db4096..13b1a2fca2 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-firefox-linux.png index 5fc0c678db..07aced4930 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-webkit-linux.png index 69b1168326..79a8e83a64 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-1-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-chromium-linux.png index 118cad5fcc..61b0bb5bca 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-firefox-linux.png index fb658522ad..bc64f097e8 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-webkit-linux.png index 8a67a7e7e0..f965e77b2f 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Filter-trigger-and-few-tags-2-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png index ad05e7f7cb..bcfaa8c444 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png index d130344cab..6d13896bac 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png index eb853c66c6..c3119f2e7c 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png index f2c17929ad..97351be0cc 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/base-size-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png index 76af1d6da3..70a3b25eec 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png index ddb4f45d20..9e5fecfb79 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png index 8b7ae07acd..e7c8d40f1a 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/select-size-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png index 8e95aabe3f..6984a70310 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png index c659ec4f55..f046fb9efb 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png index a0d69e4d1b..1876f195e4 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-false-active-true-placeholder-undefined-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-chromium-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-chromium-linux.png index 9dfac7d887..4b05550360 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-chromium-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png index 6bf685bf1c..0a12749864 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-webkit-linux.png b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-webkit-linux.png index fffd94eb60..8377113cdd 100644 Binary files a/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-webkit-linux.png and b/semcore/base-trigger/__tests__/filter-trigger.browser-test.tsx-snapshots/with-addonssize-l-disabled-true-active-true-placeholder-Placeholder-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx index f0514388be..fcf36f156e 100644 --- a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx +++ b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx @@ -199,7 +199,7 @@ test.describe(`${TAG.VISUAL}`, () => { await expect(page).toHaveScreenshot(); await locators.button(page).nth(1).hover(); - await page.locator(`[data-ui-name="Hint"]`).waitFor({ state: 'visible' }); + await page.getByRole('tooltip').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); }); diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-chromium-linux.png index 407379a83b..b7bb4fb0db 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-chromium-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-firefox-linux.png index 8f301a7625..c1d7b08954 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-firefox-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-webkit-linux.png index a285f9a4ec..10a0e0dc3b 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-webkit-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-1-webkit-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-chromium-linux.png index 654d490eb2..d087736bb5 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-chromium-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-chromium-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-firefox-linux.png index 74c5be74cb..c2e3c623e6 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-firefox-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-firefox-linux.png differ diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-webkit-linux.png index 5ef708efa5..7301bc4794 100644 Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-webkit-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Link-trigger-2-webkit-linux.png differ diff --git a/semcore/base-trigger/package.json b/semcore/base-trigger/package.json index 61233c0689..88f688e2d6 100644 --- a/semcore/base-trigger/package.json +++ b/semcore/base-trigger/package.json @@ -19,8 +19,7 @@ "dependencies": { "@semcore/counter": "16.0.11", "@semcore/spin": "16.0.11", - "@semcore/tooltip": "16.0.11", - "@semcore/typography": "16.3.2" + "@semcore/tooltip": "16.0.11" }, "peerDependencies": { "@semcore/base-components": "^16.0.0", diff --git a/semcore/base-trigger/src/BaseTrigger.jsx b/semcore/base-trigger/src/BaseTrigger.jsx index dcef7ae158..9fc390ae09 100644 --- a/semcore/base-trigger/src/BaseTrigger.jsx +++ b/semcore/base-trigger/src/BaseTrigger.jsx @@ -3,7 +3,6 @@ import { createComponent, Component, Root, sstyled } from '@semcore/core'; import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance'; import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable'; -import { Text as TextKit } from '@semcore/typography'; import React from 'react'; import style from './style/base-trigger.shadow.css'; @@ -29,14 +28,11 @@ class RootBaseTrigger extends Component { empty: false, }; - triggerRef = React.createRef(); - getTextProps() { const { placeholder, empty } = this.asProps; return { placeholder, empty, - triggerRef: this.triggerRef, }; } @@ -58,7 +54,6 @@ class RootBaseTrigger extends Component { tabIndex={0} neighborLocation={neighborLocation} state={theme} - ref={this.triggerRef} > {state === 'invalid' && } @@ -73,26 +68,12 @@ class RootBaseTrigger extends Component { function Text(props) { const SText = Root; - const textRef = React.useRef(); - const { children, styles, empty, placeholder, triggerRef, ellipsis = false, hintProps } = props; - const content = empty ? placeholder : children; + const { children, styles, empty, placeholder } = props; return sstyled(styles)( - <> - - {content} - - , + + {empty ? placeholder : children} + , ); } diff --git a/semcore/base-trigger/src/FilterTrigger.jsx b/semcore/base-trigger/src/FilterTrigger.jsx index f30209a795..ffbcd6aab2 100644 --- a/semcore/base-trigger/src/FilterTrigger.jsx +++ b/semcore/base-trigger/src/FilterTrigger.jsx @@ -1,4 +1,4 @@ -import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components'; +import { NeighborLocation, Box, ScreenReaderOnly } from '@semcore/base-components'; import { createComponent, Component, Root, sstyled } from '@semcore/core'; import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps'; @@ -12,6 +12,7 @@ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable'; import { default as SemcoreCounter } from '@semcore/counter'; import ChevronDown from '@semcore/icon/ChevronDown/m'; import Close from '@semcore/icon/Close/m'; +import { Hint } from '@semcore/tooltip'; import React from 'react'; import BaseTrigger from './BaseTrigger'; @@ -197,8 +198,6 @@ class ClearButton extends Component { static displayName = 'ClearButton'; static style = style; - triggerRef = React.createRef(); - render() { const SFilterTrigger = Root; const { @@ -214,22 +213,22 @@ class ClearButton extends Component { if (empty) return null; return sstyled(styles)( - <> - - - - - {title ?? ariaLabel ?? getI18nText('clear')} - , + + + + + + + {title ?? ariaLabel ?? getI18nText('clear')} + , ); } } diff --git a/semcore/base-trigger/src/LinkTrigger.jsx b/semcore/base-trigger/src/LinkTrigger.jsx index 6fa44eeeac..764eb70045 100644 --- a/semcore/base-trigger/src/LinkTrigger.jsx +++ b/semcore/base-trigger/src/LinkTrigger.jsx @@ -4,7 +4,6 @@ import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance'; import ChevronDown from '@semcore/icon/ChevronDown/m'; import Spin from '@semcore/spin'; -import { Text as TextKit } from '@semcore/typography'; import React from 'react'; import style from './style/link-trigger.shadow.css'; @@ -18,14 +17,11 @@ class RootLinkTrigger extends Component { static enhance = [resolveColorEnhance()]; - triggerRef = React.createRef(); - getTextProps() { const { placeholder, empty } = this.asProps; return { placeholder, empty, - triggerRef: this.triggerRef, }; } @@ -42,7 +38,6 @@ class RootLinkTrigger extends Component { tag='button' type='button' tabIndex={loading ? -1 : 0} - ref={this.triggerRef} use:color={color} > {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)} @@ -56,25 +51,13 @@ class RootLinkTrigger extends Component { function Text(props) { const SText = Root; - const textRef = React.useRef(); - const { children, styles, empty, placeholder, triggerRef, ellipsis = false, hintProps } = props; - const content = empty ? placeholder : children; + const { children, styles, empty, placeholder } = props; return sstyled(styles)( - <> - - {content} - - , + /* "use:" prefix was used for backward compatibility (by lsroman) */ + + {empty ? placeholder : children} + , ); } diff --git a/semcore/base-trigger/src/index.d.ts b/semcore/base-trigger/src/index.d.ts index 34ed820d16..b9438abddd 100644 --- a/semcore/base-trigger/src/index.d.ts +++ b/semcore/base-trigger/src/index.d.ts @@ -2,7 +2,6 @@ import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components' import type { Intergalactic } from '@semcore/core'; import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance'; import type { CounterProps } from '@semcore/counter'; -import type { Text } from '@semcore/typography'; import type React from 'react'; export type BaseTriggerProps = BoxProps & @@ -69,7 +68,7 @@ export type FilterTriggerCounterProps = { }; declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & { - Text: typeof Text; + Text: typeof Box; Addon: typeof Box; }; diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx index 240ef49df7..d6389c488b 100644 --- a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx +++ b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx @@ -14,7 +14,7 @@ test.describe(`${TAG.VISUAL}`, () => { }, async ({ page, browserName }) => { await loadPage(page, 'stories/components/breadcrumbs/docs/examples/usage_example.tsx', 'en'); - const breadcrumbLinks = page.locator('a[data-ui-name="Breadcrumbs.Item"]'); + const breadcrumbLinks = page.locator('[data-ui-name="Ellipsis.Content"]'); const chevronIcons = page.locator('[data-ui-name="ChevronRight"]'); const lastItem = page.locator('[aria-current="page"]'); @@ -51,8 +51,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); await test.step('Verify links in normal and hover states', async () => { - const links = await breadcrumbLinks.all(); - for (const link of links) { + for (const link of await breadcrumbLinks.all()) { const styles = await link.evaluate((el) => { const computed = getComputedStyle(el); return { @@ -78,7 +77,6 @@ test.describe(`${TAG.VISUAL}`, () => { } await breadcrumbLinks.first().hover(); - await expect(page).toHaveScreenshot(); }); await test.step('Verify separator styles', async () => { @@ -125,13 +123,13 @@ test.describe(`${TAG.VISUAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/breadcrumbs/advanced/examples/trim_middle.tsx', 'en', item); - const breadcrumb = page.locator('[data-ui-name="Breadcrumbs.Item"]').nth(1); - const hint = page.locator('[data-ui-name="Hint"]'); + const breadcrumbLinks = page.locator('[data-ui-name="Tooltip"]'); + const status = page.getByRole('status'); await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); - await breadcrumb.hover(); - await hint.waitFor({ state: 'visible' }); + await breadcrumbLinks.nth(1).hover(); + await status.waitFor({ state: 'attached' }); await expect(page).toHaveScreenshot(); }); }); @@ -143,13 +141,13 @@ test.describe(`${TAG.VISUAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/breadcrumbs/docs/examples/usage_example.tsx', 'en'); - const breadcrumb = page.locator('[data-ui-name="Breadcrumbs.Item"]').nth(1); - const hint = page.locator('[data-ui-name="Hint"]'); + const breadcrumbLinks = page.locator('[data-ui-name="Ellipsis.Content"]'); + const status = page.getByRole('status'); await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); - await breadcrumb.hover(); - await hint.waitFor({ state: 'visible' }); + await breadcrumbLinks.nth(1).hover(); + await status.waitFor({ state: 'attached' }); await expect(page).toHaveScreenshot(); }); @@ -173,7 +171,7 @@ Keyboard and mouse interactions - no snapshots here. We verify states, visibility, and attributes. ===================================================== */ test.describe(`${TAG.FUNCTIONAL}`, () => { - test('Verify ellipsis truncation in the end', { + test('Verify ellipsis in the end', { tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, TAG.KEYBOARD, @@ -182,21 +180,43 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/breadcrumbs/docs/examples/usage_example.tsx', 'en'); - const breadcrumbLinks = page.getByRole('link'); + const breadcrumbLinks = page.locator('[data-ui-name="Ellipsis.Content"]'); const lastItem = page.locator('[aria-current="page"]'); const status = page.getByRole('status'); - const hint = page.locator('[data-ui-name="Hint"]'); + + const count = await breadcrumbLinks.count(); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } await breadcrumbLinks.first().hover(); - await expect(hint).toHaveCount(0); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } await breadcrumbLinks.nth(1).hover(); - await expect(hint).toHaveCount(1); - await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(0)).not.toHaveAttribute('aria-describedby', /popper/); + await expect(breadcrumbLinks.nth(1)).toHaveAttribute('aria-describedby', /popper/); + await expect(status).toHaveCount(1); await lastItem.hover(); - await expect(hint).toHaveCount(0); - await expect(status).toHaveCount(0); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } + + await page.keyboard.press('Tab'); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } + + await page.keyboard.press('Tab'); + await expect(breadcrumbLinks.nth(0)).not.toHaveAttribute('aria-describedby', /popper/); + await expect(breadcrumbLinks.nth(1)).toHaveAttribute('aria-describedby', /popper/); + await expect(status).toHaveCount(1); }); const variables = [ @@ -212,22 +232,38 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/breadcrumbs/advanced/examples/trim_middle.tsx', 'en', item); - const breadcrumbLinks = page.getByRole('link'); + const breadcrumbLinks = page.locator('[data-ui-name="Tooltip"]'); const lastItem = page.locator('[aria-current="page"]'); const status = page.getByRole('status'); - const hint = page.locator('[data-ui-name="Hint"]'); + const count = await breadcrumbLinks.count(); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } await breadcrumbLinks.first().hover(); - await expect(hint).toHaveCount(0); + await expect(breadcrumbLinks.first()).toHaveAttribute('aria-describedby', /popper/); + await expect(status).toHaveCount(1); + await expect(breadcrumbLinks.nth(1)).not.toHaveAttribute('aria-describedby', /popper/); await breadcrumbLinks.nth(1).hover(); - await expect(hint).toHaveCount(1); - await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.first()).not.toHaveAttribute('aria-describedby', /popper/); + await expect(status).toHaveCount(1); + await expect(breadcrumbLinks.nth(1)).toHaveAttribute('aria-describedby', /popper/); if (item.active) { await lastItem.hover(); - await expect(hint).toHaveCount(1); - await expect(status).toHaveCount(0); + for (let i = 0; i < count; i++) { + await expect(status).toHaveCount(0); + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + } + } else { + await breadcrumbLinks.nth(2).hover(); + for (let i = 0; i < count - 1; i++) { + await expect(breadcrumbLinks.nth(i).first()).not.toHaveAttribute('aria-describedby', /popper/); + await expect(breadcrumbLinks.nth(2)).toHaveAttribute('aria-describedby', /popper/); + await expect(status).toHaveCount(1); + } } }); }); @@ -264,7 +300,8 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await expect(item).toHaveAttribute('level', `${i + 1}`); } - const currentItem = page.locator('nav ol > li').nth(2).locator('span').first(); + const currentItem = page.locator('nav ol > li').nth(2).locator('span'); + await expect(currentItem).toHaveAttribute('aria-current', 'page'); await expect(currentItem).toHaveAttribute('tabindex', '-1'); }); @@ -314,7 +351,7 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/breadcrumbs/docs/examples/usage_example.tsx', 'en'); - const breadcrumbLinks = page.locator('[data-ui-name="Breadcrumbs.Item"]'); + const breadcrumbLinks = page.locator('[data-ui-name="Ellipsis.Content"]'); const lastItem = page.locator('[aria-current="page"]'); await page.keyboard.press('Tab'); await expect(breadcrumbLinks.first()).toBeFocused(); diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-chromium-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-chromium-linux.png index b3cf0e5a2e..60ea17b66d 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-chromium-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-chromium-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-firefox-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-firefox-linux.png index 0982b5ce3b..0e73484ae0 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-firefox-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-firefox-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-webkit-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-webkit-linux.png index 83db8b28c5..495f64ca8c 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-webkit-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-end-1-webkit-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-chromium-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-chromium-linux.png index 4da75a3c2a..ffeae97ac8 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-chromium-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-chromium-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-firefox-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-firefox-linux.png index 71037f2e47..80eab680ac 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-firefox-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-firefox-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-webkit-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-webkit-linux.png index c16616c5c3..cc4a668dbc 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-webkit-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-false-1-webkit-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-chromium-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-chromium-linux.png index 7f276356c7..2e3150951c 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-chromium-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-chromium-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-firefox-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-firefox-linux.png index 573e07b66b..1ab0102256 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-firefox-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-firefox-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-webkit-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-webkit-linux.png index 323eaa4f90..a1bd430bd2 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-webkit-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-the-middle-and-last-item-is-active-true-1-webkit-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-chromium-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-chromium-linux.png index d0ec23f814..228f339ef6 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-chromium-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-chromium-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-firefox-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-firefox-linux.png index 1a36759549..253223462d 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-firefox-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-firefox-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-webkit-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-webkit-linux.png index 83973cd24b..d5bb2c39eb 100644 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-webkit-linux.png and b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/-visual-Verify-links-and-icons-styles-1-webkit-linux.png differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-chromium-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-chromium-linux.png deleted file mode 100644 index 54786dccdf..0000000000 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-firefox-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-firefox-linux.png deleted file mode 100644 index 26f70feecd..0000000000 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-firefox-linux.png and /dev/null differ diff --git a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-webkit-linux.png b/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-webkit-linux.png deleted file mode 100644 index c76a99d1e8..0000000000 Binary files a/semcore/breadcrumbs/__tests__/breadcrumbs.browser-test.tsx-snapshots/Styles-Verify-ellipsis-truncation-in-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/breadcrumbs/package.json b/semcore/breadcrumbs/package.json index 67fddd1412..1706db9393 100644 --- a/semcore/breadcrumbs/package.json +++ b/semcore/breadcrumbs/package.json @@ -16,9 +16,7 @@ "import": "./lib/esm/index.mjs", "types": "./lib/types/index.d.ts" }, - "dependencies": { - "@semcore/typography": "16.3.2" - }, + "dependencies": {}, "peerDependencies": { "@semcore/base-components": "^16.0.0", "@semcore/icon": "^17.0.0" @@ -32,7 +30,6 @@ "@semcore/core": "workspace:*", "@semcore/base-components": "workspace:*", "@semcore/icon": "workspace:*", - "@semcore/testing-utils": "workspace:*", - "@semcore/typography": "workspace:*" + "@semcore/testing-utils": "workspace:*" } } diff --git a/semcore/breadcrumbs/src/Breadcrumbs.jsx b/semcore/breadcrumbs/src/Breadcrumbs.jsx index 727d1665d9..75160748b0 100644 --- a/semcore/breadcrumbs/src/Breadcrumbs.jsx +++ b/semcore/breadcrumbs/src/Breadcrumbs.jsx @@ -2,7 +2,6 @@ import { Box } from '@semcore/base-components'; import { createComponent, Component, sstyled, Root } from '@semcore/core'; import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance'; import SSeparator from '@semcore/icon/ChevronRight/m'; -import { Text } from '@semcore/typography'; import React from 'react'; import style from './style/breadcrumbs.shadow.css'; @@ -41,34 +40,35 @@ class Breadcrumbs extends Component { } } -function Item(props) { - const SBreadcrumbsItem = Root; - const { styles, separator, active, disabled, href, tabIndex, tag, ellipsis = true, hintProps } = props; - const SSeparator = 'div'; - const SListItem = 'li'; +class Item extends Component { + static defaultProps = { + tag: 'a', + locale: 'en', + tabIndex: 0, + }; + + render() { + const SBreadcrumbsItem = Root; + const { styles, separator, active, disabled, href, tabIndex, tag } = this.asProps; + const SSeparator = 'div'; + const SListItem = 'li'; - return sstyled(styles)( - <> - - - - - , - ); + return sstyled(styles)( + <> + + + + + , + ); + } } -Item.defaultProps = { - tag: 'a', - locale: 'en', - tabIndex: 0, -}; export default createComponent(Breadcrumbs, { Item, diff --git a/semcore/breadcrumbs/src/index.d.ts b/semcore/breadcrumbs/src/index.d.ts index 74181a2c77..6586ce4ec7 100644 --- a/semcore/breadcrumbs/src/index.d.ts +++ b/semcore/breadcrumbs/src/index.d.ts @@ -1,4 +1,4 @@ -import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components'; +import type { BoxProps } from '@semcore/base-components'; import type { PropGetterFn, Intergalactic } from '@semcore/core'; export type BreadcrumbsProps = BoxProps & { @@ -15,13 +15,6 @@ export type BreadcrumbsItemProps = BoxProps & { active?: boolean; /** Specifies the locale for i18n support */ locale?: string; - /** - * Ellipsis settings. You shouldn't use `cropPosition: middle` for breadcrumbs. - * If you're sure you need `cropPosition: middle`, set `w` to Breadcrumbs.Item manually, for correct Ellipsis calculations. - * @default false - */ - ellipsis?: true | EllipsisSettings; - hintProps?: SimpleHintPopperProps; }; export type BreadcrumbsContext = BreadcrumbsProps & { diff --git a/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css b/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css index a766989705..e965967762 100644 --- a/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css +++ b/semcore/breadcrumbs/src/style/breadcrumbs.shadow.css @@ -7,6 +7,9 @@ SBreadcrumbs { SListContainer { display: contents; list-style: none; + overflow: hidden; + margin: 0; + padding: 0; SSeparator { margin: 0 var(--intergalactic-spacing-2x, 8px); @@ -34,6 +37,9 @@ SBreadcrumbs { color: var(--intergalactic-text-secondary, #6c6e79); text-decoration: none; cursor: pointer; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; &:hover { text-decoration: underline; diff --git a/semcore/breakpoints/README.md b/semcore/breakpoints/README.md new file mode 100644 index 0000000000..464046bb93 --- /dev/null +++ b/semcore/breakpoints/README.md @@ -0,0 +1,41 @@ +# @semcore/breakpoints (DEPRECATED) + +## This package is deprecated. Use `@semcore/base-components`. + +[![version](https://img.shields.io/npm/v/@semcore/breakpoints.svg)](https://www.npmjs.com/@semcore/breakpoints) +[![downloads](https://img.shields.io/npm/dt/@semcore/breakpoints.svg)](https://www.npmjs.com/package/@semcore/breakpoints) +[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) + +> This component is part of the Intergalactic Design System + +### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/chart-showcase/) + +### 🏠 [Design system](https://developer.semrush.com/intergalactic/) + +## Install + +```sh +npm install @semcore/breakpoints +``` + + + +## 👤 Author + +[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) +and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors) + +## 🤝 Contributing + +Contributions, issues and feature requests are welcome! + +Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at +the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md). + +## Show your support + +Give a ⭐️ if this project helped you! + +## 📝 License + +This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed. diff --git a/semcore/button/__tests__/button-link.browser-test.tsx b/semcore/button/__tests__/button-link.browser-test.tsx index 8faa6de5bd..6856690a68 100644 --- a/semcore/button/__tests__/button-link.browser-test.tsx +++ b/semcore/button/__tests__/button-link.browser-test.tsx @@ -71,8 +71,12 @@ test.describe(`${TAG.VISUAL} `, () => { } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -90,7 +94,7 @@ test.describe(`${TAG.VISUAL} `, () => { if (!item.active && !item.disabled) { await test.step(`Verify focus styles for not active button styles`, async () => { await page.keyboard.press('Tab'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); + await page.getByText('ButtonLink Addon').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); } @@ -104,8 +108,12 @@ test.describe(`${TAG.VISUAL} `, () => { } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-chromium-linux.png index 4e073b8dc3..b521993be1 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-firefox-linux.png index e8a50e2180..2d4c666fff 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-webkit-linux.png index 86d32dbc20..90219a250b 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-85e88-sabled-true-active-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png index d03af593e2..dc1d87989b 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png index ae603a97f9..6acd3c5368 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png index 375f429d55..0727aaec8d 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-100-us-b28c6-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png index 85af79794b..d0ded3d5ee 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png index 010209ff05..18fe3f262c 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png index f69384a6c9..df47f2daae 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-500-us-bb076-abled-false-active-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-chromium-linux.png index dddeed53e4..737e9b4b92 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-firefox-linux.png index 9ad84e5f37..a5e267f728 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-webkit-linux.png index 35545608f9..7086275ae3 100644 Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-undefi-e0f43-disabled-false-active-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx b/semcore/button/__tests__/button.browser-test.tsx index 592d10a5b2..5fcdb01f4c 100644 --- a/semcore/button/__tests__/button.browser-test.tsx +++ b/semcore/button/__tests__/button.browser-test.tsx @@ -111,12 +111,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } + if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -170,13 +176,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -188,10 +199,11 @@ test.describe(`${TAG.VISUAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/button/tests/examples/button-icon-only.tsx', 'en', item); + const count = await locators.button(page).count(); + if (!item.active && !item.disabled) { await test.step(`Verify focus styles for not active button styles`, async () => { await page.keyboard.press('Tab'); - await page.getByText('Addon only').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); @@ -206,8 +218,12 @@ test.describe(`${TAG.VISUAL} `, () => { } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -283,13 +299,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -343,13 +364,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -366,7 +392,7 @@ test.describe(`${TAG.VISUAL} `, () => { if (!item.active && !item.disabled) { await test.step(`Verify focus styles for not active button styles`, async () => { await page.keyboard.press('Tab'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); + await page.getByText('Addon only').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); } @@ -380,8 +406,12 @@ test.describe(`${TAG.VISUAL} `, () => { } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -457,13 +487,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -517,13 +552,18 @@ test.describe(`${TAG.VISUAL} `, () => { await test.step(`Verify attributes for loading`, async () => { for (let i = 0; i < count; i++) { await expect(locators.button(page).nth(i)).toHaveAttribute('aria-busy', 'true'); + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); } }); } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); @@ -540,7 +580,7 @@ test.describe(`${TAG.VISUAL} `, () => { if (!item.active && !item.disabled) { await test.step(`Verify focus styles for not active button styles`, async () => { await page.keyboard.press('Tab'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); + await page.getByText('Addon only').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); } @@ -554,8 +594,12 @@ test.describe(`${TAG.VISUAL} `, () => { } if (item.disabled) { - await test.step(`Verify disabled styles`, async () => { + await test.step(`Verify attributes for disabled`, async () => { await expect(page).toHaveScreenshot(); + + for (let i = 0; i < count; i++) { + await expect(locators.button(page).nth(i)).toHaveAttribute('tabindex', '0'); + } }); } }); diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index ee6a43a05b..2178c9a330 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index d363492d87..0cf2b2aa3b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 2c0c626f2b..29e915e62d 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--05e2d--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index 0a775068a6..6b2990023c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index f35f756628..d45e7811cd 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index ba23776271..2bbc4e1fee 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--09f87-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index e75f816a54..ee25f6c367 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 61358deeab..d4fedf9d96 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 0b3c9eaf79..a32900a5d1 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--17307--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index f8b602adac..c9607cfd6a 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index 2fb8fe71a8..a4636a5ef1 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index f2905f0d10..0446c16642 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--208a6-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 0dc8d23f91..bf2de8b7fd 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index c18a36ab5d..97211c5587 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index d19c2cba5b..663b11db8b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--35fd5--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 376bd765e7..67c6c992cd 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 306b7d67d3..0ae0d6a3bb 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index fe85d8dd15..96e61d2e71 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--3d8b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index d4e314501c..919bd74a3c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index a4694c677d..c0ae33140c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index 8c9f1af526..974ffcc83c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--5273d-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 8a643e7938..6f9536e814 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 9738a25aa6..832b25b921 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index d6ab6ef625..23bb5fb15a 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--544a0--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png index 744be26e23..cccc2fd8ba 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png index 619402b384..8016e3b5d9 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png index 85da08e030..00522f0ce3 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--6fa6a-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-chromium-linux.png index 2dd96201e3..1f239e73cb 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-firefox-linux.png index 993a535c9d..0b0388c681 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-webkit-linux.png index 12b1264538..13a8a62470 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--a25e5--active-false-loading-true-hintPlacement-left-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-chromium-linux.png index 53f53b2513..e750b71dcf 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-firefox-linux.png index 2c7cf12fee..de75471fbe 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-webkit-linux.png index 1745399c55..5c75fd5af5 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--bd41a-active-false-loading-false-hintPlacement-left-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index d82e024343..0a45c432c2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index fad157d2a3..e54ac672c2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 7e4aa75edb..1e50459621 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--c1494--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png index e456704ac0..8fdd3f4204 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png index 09dc01e6cb..6fb9cad93d 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png index 99b4b7f13a..26e37e1b9f 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--d1e84-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-chromium-linux.png index 20bc65cd5a..656fb60887 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-firefox-linux.png index 47e82bd4ef..d51078e14c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-webkit-linux.png index 1d1a05f2bc..f27d0a596e 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--dd960-ctive-false-loading-true-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-chromium-linux.png index 579cbade09..276af46a30 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-firefox-linux.png index a0faf4739f..1f9f6bf353 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-webkit-linux.png index 3775771ddc..2d9b88790d 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--debae-active-false-loading-false-hintPlacement-left-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 96bb4d00bc..3866b905d1 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 93b0c0cf30..faecf0ebb5 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index afdf75eb71..71a9c60ac4 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ea3ab--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png index 0ebcced8ce..82081fbe0c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png index 54099b9d5e..eb764fd9f8 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png index c05c7f6475..b8e6f62a08 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--f4ba6-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png index 13dfb5d987..f40390d760 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png index 2b9af39ff4..17e9af3f52 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png index fc74a0728f..8a4d8a3a6e 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--fa464-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index c1f42ff262..e6249696e1 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index b06ca8f4c0..9fc5e580dc 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 1c30b095ba..bf1c930a4a 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-l-use--ff14c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 0efed42e2f..21ddf7706f 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 1bead55b37..e4857eb32b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 653ced43aa..bd7f9c1de7 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--151b9--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-chromium-linux.png index 3adeb1d0ac..e32fd5f064 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-firefox-linux.png index ff4adecc42..a2abe3a0e0 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-webkit-linux.png index 0f58970eba..4b842057e0 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--27090--active-false-loading-true-hintPlacement-left-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 91434d9466..42378055d9 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index db98b10c4f..0ce5a8ed59 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 08e280eb41..f16c99606b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--2b7ed--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index 3c9aca1d95..d650ad8c73 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index c72b407f32..5d7b288e2b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index f34798fb34..6cbdfe042b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--66394-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 9a6aa0981a..ad3f6b75f1 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 1ae8ef8760..a5c25a2ec2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index 7aea103cab..5fd01b24e6 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--a8deb--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index 8a1d6cad6e..c22726ca86 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index 3e2a1f4236..fa9a2b4b95 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index 0f7f51e00e..75425136ae 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--aa177-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index d1e517efac..6eb89f61e8 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 337b5752f3..a11d55c81a 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index d9d54f1bbe..b3ef0266d0 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--c81bc--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png index beb9869d13..9b117cb967 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png index 1847b4f4ce..c70c6d04bb 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png index f3429486d1..416d354d69 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cac45-ctive-false-loading-false-hintPlacement-right-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png index 9f9f799f36..77a97be2aa 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png index a35b88e2e9..c261f86600 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png index 73a986355c..4a74f7a750 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--cedfd-tive-false-loading-false-hintPlacement-bottom-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 19cc9241e1..2b6b71bce2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index 79583ca1f5..48cf61b048 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index ba1e5e1893..abc61496ec 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--d0dcd--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png index 973c61e2f8..549abb4226 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png index 67fc70aa4d..7ac13715d2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png index 9620c1420f..1ad383e255 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--e5932-e-active-false-loading-true-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-chromium-linux.png index 810942ffef..420f67260b 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-firefox-linux.png index 7563b44208..1b4e820f84 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-webkit-linux.png index 0ec487cffe..5220c2df91 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f484c-active-false-loading-true-hintPlacement-right-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-chromium-linux.png index 0e9776eaa0..608d07e84f 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-firefox-linux.png index 3084c6f331..5abd9dfc40 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-webkit-linux.png index 615c0e4162..837f657137 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f4dee-active-false-loading-false-hintPlacement-left-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png index 9b14fe5000..f031352355 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png index e6c7fecaa4..06cbfb0197 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png index ce29018670..4138ca598c 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Addon-only-example-size-m-use--f8f7c--active-false-loading-false-hintPlacement-top-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-second-0cc72-ert-disabled-false-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-second-0cc72-ert-disabled-false-active-false-loading-false-1-chromium-linux.png index ec226d8993..8ed7891b27 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-second-0cc72-ert-disabled-false-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-second-0cc72-ert-disabled-false-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-tertia-c371a-uted-disabled-false-active-true-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-tertia-c371a-uted-disabled-false-active-true-loading-false-1-chromium-linux.png index a3817193ff..69e9a22471 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-tertia-c371a-uted-disabled-false-active-true-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Base-example-size-m-use-tertia-c371a-uted-disabled-false-active-true-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-chromium-linux.png index 09b0cc4cdc..2bd1864a64 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-firefox-linux.png index 6bfc3c4ba9..a598011a83 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-webkit-linux.png index 00baf13d7e..1ce5afdd17 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-0fd1a-uted-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-chromium-linux.png index 7c1dd74565..f36adfe434 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-firefox-linux.png index 252dcbf8e0..04e829ea89 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-webkit-linux.png index 6ef135baa0..8f6afe82f3 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-1b66c-info-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-chromium-linux.png index 4b86ce8319..0c79c6abd8 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-firefox-linux.png index 0605e7ae5e..0033e121ef 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-webkit-linux.png index 915c09aa23..d2467d38f2 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-6d142-cess-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-chromium-linux.png index 9d56af0714..8adb94ff4e 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-firefox-linux.png index a559d2bdd9..61288b257f 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-webkit-linux.png index 3fe244347e..b0efdc40af 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-795ce-rand-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-93410-vert-disabled-false-active-false-loading-true-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-93410-vert-disabled-false-active-false-loading-true-1-chromium-linux.png index 091085dac3..22b496054a 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-93410-vert-disabled-false-active-false-loading-true-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-93410-vert-disabled-false-active-false-loading-true-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-chromium-linux.png index 51e8d36dc3..98507363b0 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-firefox-linux.png index 5497002b0f..c5291db3f3 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-webkit-linux.png index 5a1b357161..feddebd7cc 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f4f54-uted-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-chromium-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-chromium-linux.png index 2250da19df..374a05ff72 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-chromium-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-chromium-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-firefox-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-firefox-linux.png index bd34fcc522..fe35baf4c3 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-firefox-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-firefox-linux.png differ diff --git a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-webkit-linux.png b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-webkit-linux.png index 48ea20e7e0..754445dfa9 100644 Binary files a/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-webkit-linux.png and b/semcore/button/__tests__/button.browser-test.tsx-snapshots/-visual-Verify-Neignbor-location-example-size-f77fe-nger-disabled-true-active-false-loading-false-1-webkit-linux.png differ diff --git a/semcore/button/package.json b/semcore/button/package.json index 8fbf0018ac..777c28034c 100644 --- a/semcore/button/package.json +++ b/semcore/button/package.json @@ -17,7 +17,8 @@ "build": "pnpm semcore-builder && pnpm vite build" }, "dependencies": { - "@semcore/spin": "16.0.11" + "@semcore/spin": "16.0.11", + "@semcore/tooltip": "16.0.11" }, "peerDependencies": { "@semcore/base-components": "^16.0.0" diff --git a/semcore/button/src/component/AbstractButton/AbstractButton.tsx b/semcore/button/src/component/AbstractButton/AbstractButton.tsx index 338727e073..95ea5137b6 100644 --- a/semcore/button/src/component/AbstractButton/AbstractButton.tsx +++ b/semcore/button/src/component/AbstractButton/AbstractButton.tsx @@ -1,8 +1,9 @@ -import { NeighborLocation, Box, Hint } from '@semcore/base-components'; +import { NeighborLocation, Box } from '@semcore/base-components'; import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core'; import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import hasLabels from '@semcore/core/lib/utils/hasLabels'; import logger from '@semcore/core/lib/utils/logger'; +import { Hint } from '@semcore/tooltip'; import React from 'react'; import type { AbstractButtonProps } from './AbstractButton.type'; @@ -16,16 +17,12 @@ export const MAP_USE_DEFAULT_THEME: Record = { type Props = AbstractButtonProps; -type State = { - ariaLabelledByContent: null | string; -}; - -export abstract class AbstractButton extends Component { +export abstract class AbstractButton extends Component { static displayName = 'AbstractButton'; containerRef = React.createRef(); - state: State = { + state = { ariaLabelledByContent: null, }; @@ -72,6 +69,28 @@ export abstract class AbstractButton extends Component + {children} + , + ); + } + + renderButtonWithHint({ buttonProps, children, hintProps }: any) { + const { styles, theme } = this.asProps; + const SButton = Root; + + return sstyled(styles)( + + {children} + , + ); + } + render() { const { styles, @@ -81,7 +100,7 @@ export abstract class AbstractButton extends Component = { + 'type': 'button', + 'tag': 'button', + disabled, + 'use:theme': useTheme, + 'ref': this.containerRef, + 'text-color': this.getTextColor(), + 'aria-busy': loading, + '__excludeProps': ['title'], + 'tabIndex': 0, + }; + + const hintProps = { + title: buttonAriaLabel, + timeout: [250, 50], + placement: hintPlacement, + theme: theme === 'invert' ? 'invert' : undefined, + __excludeProps: [], + }; return ( {(neighborLocation) => { - return sstyled(styles)( + const children = sstyled(styles)( <> - - {/* @ts-ignore */} - - {AddonLeft - ? ( - - - - ) - : null} - {addonTextChildren(Children, Button.Text, Button.Addon)} - {AddonRight - ? ( - - - - ) - : null} - - {loading && ( - - - - )} - - {showHint && ( - - {buttonAriaLabel} - + {/* @ts-ignore */} + + {AddonLeft + ? ( + + + + ) + : null} + {addonTextChildren(Children, Button.Text, Button.Addon)} + {AddonRight + ? ( + + + + ) + : null} + + {loading && ( + + + )} , ); + buttonProps.neighborLocation = neighborLocation; + + if (hasChildren === undefined || title) { + return this.renderButtonWithHint({ buttonProps, hintProps, children }); + } + + return this.renderButton({ buttonProps, children }); }} ); diff --git a/semcore/button/src/component/AbstractButton/AbstractButton.type.ts b/semcore/button/src/component/AbstractButton/AbstractButton.type.ts index f125b6381f..3c5ce577cf 100644 --- a/semcore/button/src/component/AbstractButton/AbstractButton.type.ts +++ b/semcore/button/src/component/AbstractButton/AbstractButton.type.ts @@ -1,5 +1,6 @@ -import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components'; +import type { BoxProps, NeighborItemProps } from '@semcore/base-components'; import type { PropGetterFn } from '@semcore/core'; +import type { TooltipHintProps } from '@semcore/tooltip'; import type React from 'react'; export type AbstractButtonProps = BoxProps & @@ -18,7 +19,7 @@ export type AbstractButtonProps = BoxProps & * Placement for hint * @default top */ - hintPlacement?: SimpleHintPopperProps['placement']; + hintPlacement?: TooltipHintProps['placement']; /** Button size. Defined in Button.type or ButtonLink.type */ size?: S; diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png index d823b73eef..f2b35fa75c 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png differ diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png index 23584f8431..bba0d379be 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png differ diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png index dee616c8b5..defaee8b0c 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png differ diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png index 68ea5c7115..1cfce215cf 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png differ diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png index f521f563a0..b52f11df49 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png differ diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png index 69a2056843..b21a166af3 100644 Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png differ diff --git a/semcore/card/src/style/card.shadow.css b/semcore/card/src/style/card.shadow.css index 27075120ea..7faae788da 100644 --- a/semcore/card/src/style/card.shadow.css +++ b/semcore/card/src/style/card.shadow.css @@ -26,28 +26,27 @@ SCard { line-height: normal; vertical-align: top; } +} - SDescription { - display: block; - margin-bottom: 0; - margin-top: var(--intergalactic-spacing-2x, 8px); - font-size: var(--intergalactic-fs-200, 14px); - color: var(--intergalactic-text-secondary, #6c6e79); - } +SDescription { + margin-bottom: 0; + margin-top: var(--intergalactic-spacing-2x, 8px); + font-size: var(--intergalactic-fs-200, 14px); + color: var(--intergalactic-text-secondary, #6c6e79); +} - SHeader { - padding-top: var(--intergalactic-spacing-2x, 8px); - padding-bottom: var(--intergalactic-spacing-2x, 8px); - padding-left: var(--intergalactic-spacing-5x, 20px); - padding-right: var(--intergalactic-spacing-5x, 20px); - box-shadow: inset 0 -1px 0 var(--intergalactic-border-secondary, #e0e1e9); - } +SHeader { + padding-top: var(--intergalactic-spacing-2x, 8px); + padding-bottom: var(--intergalactic-spacing-2x, 8px); + padding-left: var(--intergalactic-spacing-5x, 20px); + padding-right: var(--intergalactic-spacing-5x, 20px); + box-shadow: inset 0 -1px 0 var(--intergalactic-border-secondary, #e0e1e9); +} - SBody { - color: var(--intergalactic-text-primary, #191b23); - padding-bottom: var(--intergalactic-spacing-5x, 20px); - padding-left: var(--intergalactic-spacing-5x, 20px); - padding-right: var(--intergalactic-spacing-5x, 20px); - padding-top: var(--intergalactic-spacing-5x, 20px); - } +SBody { + color: var(--intergalactic-text-primary, #191b23); + padding-bottom: var(--intergalactic-spacing-5x, 20px); + padding-left: var(--intergalactic-spacing-5x, 20px); + padding-right: var(--intergalactic-spacing-5x, 20px); + padding-top: var(--intergalactic-spacing-5x, 20px); } diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-chromium-linux.png index 006a751ec3..135a174c22 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-firefox-linux.png index f52959de8f..4cd0bf5c8f 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-webkit-linux.png index bc30047a2d..5503ad0ea2 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-20a10--defaultIndex-undefined-or-index-undefined-1-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-chromium-linux.png index 40e1ab026f..a542e8cc54 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-firefox-linux.png index 97042e6060..0025c16f81 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-webkit-linux.png index 7415753f93..70d24627e7 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-50fbc--defaultIndex-undefined-or-index-undefined-2-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-chromium-linux.png index 38973a4d51..2453222fc6 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-firefox-linux.png index ecf45765b8..4560e3cb3e 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-webkit-linux.png index d698a54d52..bde322ecdb 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-defa-99f1c--defaultIndex-undefined-or-index-undefined-5-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-chromium-linux.png index 156a6614d9..90be37c907 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-firefox-linux.png index 0f56275382..96ded1c787 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-webkit-linux.png index 899a7e7e2b..0e9248b5c2 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-2d3a7--300-and-defaultIndex-undefined-or-index-1-2-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-chromium-linux.png index 114b4ba7d5..b1c599a8ed 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-firefox-linux.png index fe067f51fe..28172c4d29 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-webkit-linux.png index 022c355342..e0c727a2fa 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6328e--300-and-defaultIndex-undefined-or-index-1-1-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-chromium-linux.png index c26667d9c6..c61694e13c 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-firefox-linux.png index ebc3aee41a..bcebd6c7ad 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-webkit-linux.png index 1dc3deea24..adaec4e8ff 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-6773c--300-and-defaultIndex-undefined-or-index-1-4-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-a98e7--300-and-defaultIndex-undefined-or-index-1-3-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-a98e7--300-and-defaultIndex-undefined-or-index-1-3-webkit-linux.png index 11592f4ae6..7a5bba8f0f 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-a98e7--300-and-defaultIndex-undefined-or-index-1-3-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-hide-a98e7--300-and-defaultIndex-undefined-or-index-1-3-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-chromium-linux.png index f0d8c61756..aec07b59da 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-firefox-linux.png index 7db7a319e2..665e402bda 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-webkit-linux.png index 9a1e17ed4c..778e94ce0b 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-494d7--500-and-defaultIndex-2-or-index-undefined-1-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-chromium-linux.png index a0996ff3e4..1ef1a3fa10 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-firefox-linux.png index aaaf7f25dc..5c985412e9 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-webkit-linux.png index a486c28517..9867627d45 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-b2aeb--500-and-defaultIndex-2-or-index-undefined-5-webkit-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-chromium-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-chromium-linux.png index 0fd1cc7d99..c17cba699f 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-chromium-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-chromium-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-firefox-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-firefox-linux.png index fcdcc8b925..89b057e7fb 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-firefox-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-firefox-linux.png differ diff --git a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-webkit-linux.png b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-webkit-linux.png index b37cecc5a0..552a142489 100644 Binary files a/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-webkit-linux.png and b/semcore/carousel/__tests__/carousel.browser-test.tsx-snapshots/-visual-Verify-Carousel-with-indicators-prev-e9bf7--500-and-defaultIndex-2-or-index-undefined-2-webkit-linux.png differ diff --git a/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-chromium-linux.png b/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-chromium-linux.png index 49fb23f28f..e07c8a406c 100644 Binary files a/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-chromium-linux.png and b/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-webkit-linux.png b/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-webkit-linux.png index 4f3a67b2b4..0212ac35ca 100644 Binary files a/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-webkit-linux.png and b/semcore/checkbox/__tests__/checkbox.browser-test.tsx-snapshots/-visual-Verify-Checkbox-with-onther-elements-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-chromium-linux.png index a0b2626d6d..7e82a090bb 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-firefox-linux.png index 0f15c994ab..f31d9a4780 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-webkit-linux.png index bdf67dd7af..76bc9ea851 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-chromium-linux.png index a3738253bf..d286a44423 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-firefox-linux.png index be99d5e4aa..561f3da817 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-webkit-linux.png index 112ffa8f06..5286091fd1 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-chromium-linux.png index ad9a15a7f2..490acdc78a 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-firefox-linux.png index 5f584c1108..fe1fd15549 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-webkit-linux.png index 287e0f1b23..afac9dd1d6 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-Keyboard-navigation-when-No-palette-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-chromium-linux.png index 87d27eacfb..51d72b6b49 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-firefox-linux.png index 8f2eb78ec3..f454efb721 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-webkit-linux.png index 44db9a9c81..afffeb740c 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-chromium-linux.png index 651ff074eb..97783899ef 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-firefox-linux.png index 6b73ea3c84..b4c8df56da 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-webkit-linux.png index a992024c82..e176ec8464 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-default-item-states-for-active-and-background-colors-3-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-chromium-linux.png index 1fecc160f6..5d7d0a2962 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-firefox-linux.png index 8a0314f424..300f5ba945 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-webkit-linux.png index 3b75130b06..51ea92d1ae 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/-visual-Verify-predefined-palette-1-webkit-linux.png differ diff --git a/semcore/color-picker/package.json b/semcore/color-picker/package.json index b5987fd284..0def765130 100644 --- a/semcore/color-picker/package.json +++ b/semcore/color-picker/package.json @@ -20,6 +20,7 @@ "@semcore/button": "16.0.12", "@semcore/divider": "16.0.11", "@semcore/dropdown": "16.1.3", + "@semcore/tooltip": "16.0.11", "@semcore/input": "16.1.1" }, "peerDependencies": { diff --git a/semcore/color-picker/src/components/Item.tsx b/semcore/color-picker/src/components/Item.tsx index a395cdd8a0..5df823c695 100644 --- a/semcore/color-picker/src/components/Item.tsx +++ b/semcore/color-picker/src/components/Item.tsx @@ -1,6 +1,7 @@ -import { Box, ScreenReaderOnly, Hint } from '@semcore/base-components'; +import { Box, ScreenReaderOnly } from '@semcore/base-components'; import { Root, sstyled } from '@semcore/core'; import CloseM from '@semcore/icon/Close/m'; +import { Hint } from '@semcore/tooltip'; import React from 'react'; type ItemAsProps = { @@ -34,8 +35,6 @@ export function Item(props: ItemAsProps) { const SCloseIcon = Box; const deleteDescriber = `delete_${value}_${uid}`; - const triggerRef = React.useRef(null); - const handleKeydown = React.useCallback((event: React.KeyboardEvent) => { if (event.key === 'Backspace') { onRemove?.(event); @@ -43,38 +42,33 @@ export function Item(props: ItemAsProps) { }, []); return sstyled(styles)( - <> - - {displayLabel && A} - - {editable && ( - <> - - - - - {getI18nText('deleteColorDescriber')} - - - )} - - - {value ?? getI18nText('clearColor')} - - , + + {displayLabel && A} + + {editable && ( + <> + + + + + {getI18nText('deleteColorDescriber')} + + + )} + , ) as React.ReactElement; } diff --git a/semcore/core/CHANGELOG.md b/semcore/core/CHANGELOG.md index 17aa8a5297..5548ed79dc 100644 --- a/semcore/core/CHANGELOG.md +++ b/semcore/core/CHANGELOG.md @@ -105,7 +105,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel ### Fixed -- Return type for `findComponent` util. It could be only `ReactElement` or `undefined`. +- Return type for `fincComponent` util. It could be only `ReactElement` or `undefined`. ## [2.39.4] - 2025-05-13 diff --git a/semcore/core/src/core-types/Component.ts b/semcore/core/src/core-types/Component.ts index b625ae1a7f..c68e439184 100644 --- a/semcore/core/src/core-types/Component.ts +++ b/semcore/core/src/core-types/Component.ts @@ -112,9 +112,6 @@ export namespace Intergalactic { /** @private */ // eslint-disable-next-line @typescript-eslint/no-namespace export namespace InternalTypings { - export type PartialRequired = Omit & { - [key in K]-?: T[key]; - }; export type EfficientOmit = { [Property in keyof Type as Exclude]: Type[Property]; }; diff --git a/semcore/core/src/utils/eventEmitter.ts b/semcore/core/src/utils/eventEmitter.ts index 7ad67c7449..664a665165 100644 --- a/semcore/core/src/utils/eventEmitter.ts +++ b/semcore/core/src/utils/eventEmitter.ts @@ -1,39 +1,30 @@ -type Events = Record void>; -type Cleanup = () => void; - -export default class EventEmitter { - private events = new Map>(); - - public on(eventName: K, fn: H): Cleanup { - const handlers = this.events.get(eventName) ?? new Set(); - - handlers.add(fn); - - this.events.set(eventName, handlers); - - return () => { - this.off(eventName, fn); - }; - } +type DefaultEmit = (eventName: string, ...args: any[]) => void; +type DefaultSubscribe = (eventName: string, fn: any) => () => void; + +export default class EventEmitter { + private events: any = {}; + constructor() { + this.emit = ((eventName: string, ...args: any[]) => { + const event = this.events[eventName]; + if (event) { + event.forEach((fn: any) => { + fn.call(null, ...args); + }); + } + }) as any; + this.subscribe = ((eventName: string, fn: any) => { + if (!this.events[eventName]) { + this.events[eventName] = []; + } - public off(eventName: K, fn: H): void { - this.events.get(eventName)?.delete(fn); + this.events[eventName].push(fn); + return () => { + this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn); + }; + }) as any; } - public emit(eventName: K, ...args: Parameters) { - const handlers = this.events.get(eventName); - - if (handlers) { - for (const handler of handlers) { - handler.call(null, ...args); - } - } - } + emit: Emit; - /** - * @deprecated. Fallback to the `on` method for backward compatibility. - */ - public subscribe(eventName: K, fn: H): Cleanup { - return this.on(eventName, fn); - } + subscribe: Subscribe; } diff --git a/semcore/core/src/utils/ref.ts b/semcore/core/src/utils/ref.ts index b584a105eb..40eb1cdee4 100644 --- a/semcore/core/src/utils/ref.ts +++ b/semcore/core/src/utils/ref.ts @@ -1,4 +1,5 @@ -import React, { type MutableRefObject, type Ref } from 'react'; +import React, { type MutableRefObject, type Ref, type RefObject } from 'react'; +import { findDOMNode } from 'react-dom'; export function setRef(ref: Ref, value: T) { if (typeof ref === 'function') { diff --git a/semcore/core/src/utils/zIndexStacking.tsx b/semcore/core/src/utils/zIndexStacking.tsx index 38a8fc7748..071c9ce9ca 100644 --- a/semcore/core/src/utils/zIndexStacking.tsx +++ b/semcore/core/src/utils/zIndexStacking.tsx @@ -42,7 +42,7 @@ export const ZIndexStackingContextProvider: React.FC<{ ); }; export const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => { - return (props: any): { parentZIndexStacking: ReturnType } => { + return (props: any) => { const { ...other } = props; const parentZIndexStacking = useZIndexStacking(designToken); return { diff --git a/semcore/core/tsconfig-utils.json b/semcore/core/tsconfig-utils.json index d24bb34530..1c5f907c94 100644 --- a/semcore/core/tsconfig-utils.json +++ b/semcore/core/tsconfig-utils.json @@ -1,4 +1,4 @@ { "extends": "../../tsconfig.json", - "include": ["src/utils"] + "include": ["src/utils", "src/decorators"] } diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png b/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png new file mode 100644 index 0000000000..ace541e0ed Binary files /dev/null and b/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-chromium-linux.png index d6eb0c256c..25892f1a37 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-firefox-linux.png index ffb2d8aad9..57d16776a6 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-webkit-linux.png index 10cf1e3efd..23cf5ca659 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Inverted-axis-inversion-no-tooltip-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-chromium-linux.png index fac02773c0..149d018706 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-firefox-linux.png index 418951f8c4..a95dbb64af 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-webkit-linux.png index 071ac774b3..689cc21589 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-Standard-all-features-medium-size-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-chromium-linux.png index 17718f9620..48d77bfcab 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-firefox-linux.png index 0e64abf4d5..6fe923c9e3 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-webkit-linux.png index c9a53081f8..888aacceaf 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-rendering-with-dots-and-hover-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-chromium-linux.png index cb8b94558e..23bd08832a 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-firefox-linux.png index 805ab6c0a3..0c8746a3df 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-webkit-linux.png index 11919c82e8..63c3e24074 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-null-undefined-and-negative-values-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-chromium-linux.png index 27385ec191..3c8152cbdf 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-firefox-linux.png index afe58dba38..9d3c5e2a10 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-webkit-linux.png index 67e8e91a2d..ae6e4ea677 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-area-chart-with-single-data-point-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-chromium-linux.png index 91333bc23a..5d400f3682 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-firefox-linux.png index 1cb2e8d7eb..66c2b46920 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-webkit-linux.png index a6d86d92e2..7ad61aa970 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-chart-with-no-data-and-single-data-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-chromium-linux.png index 67ec3f3dcf..482fb68910 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-firefox-linux.png index 40bcbad37b..00eda73c59 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-webkit-linux.png index c12dd4911f..d788d7aa31 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-custom-line-styles-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-chromium-linux.png index c88b0c8da3..f9648f14af 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-firefox-linux.png index 37bcf9864e..a6e6862c2f 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-webkit-linux.png index f3df7ced39..3b4d1a960b 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-styles-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-chromium-linux.png index 22b02c9e4e..55b2db5096 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-firefox-linux.png index 7e3fdecc65..c9fdcf33ad 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-webkit-linux.png index 450f8ce559..62373a6a65 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-chromium-linux.png index 701f44339c..1cde1b9e3d 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-firefox-linux.png index 3f01ad32aa..b8d2d6e041 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-webkit-linux.png index 0ed0d022c6..b25da8f120 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-chromium-linux.png index 8ac28d20a5..1470e1023a 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-firefox-linux.png index 58035d967c..f7a8f85ac1 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-webkit-linux.png index 1e97b076de..1ba2d3a25d 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-hover-and-focus-styles-3-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-chromium-linux.png index 99d2dc7c17..0c75ce3205 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-firefox-linux.png index 62ab954483..69480e2055 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-webkit-linux.png index 1a404a2bb5..725b4fe7e9 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-legend-hover-styles-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-chromium-linux.png index 073a1f6e98..a6c880a7a8 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-firefox-linux.png index 62461c0d5a..6475c59a9e 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-webkit-linux.png index 18f6891d5d..5ece6c8952 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-chart-rendering-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-chromium-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-chromium-linux.png index c5746d78d6..a7cb2d238a 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-chromium-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-firefox-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-firefox-linux.png index 7a22ad20af..7a7723678c 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-firefox-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-webkit-linux.png b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-webkit-linux.png index f7c21d9a33..561ee72749 100644 Binary files a/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-webkit-linux.png and b/semcore/d3-chart/__tests__/area-chart.browser-test.tsx-snapshots/-visual-Verify-stacked-area-when-part-of-the-chart-has-no-data-or-only-one-value-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx index 315f838285..34585d1e0d 100644 --- a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx +++ b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx @@ -592,7 +592,7 @@ test.describe(`${TAG.VISUAL}`, () => { test.describe('Horizontal bars', () => { test('Verify HorizontalBar implementation', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -611,7 +611,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); test('Verify horizontal bar with custom labels', { - tag: [TAG.PRIORITY_MEDIUM, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_MEDIUM, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -628,7 +628,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); test('Verify horizontal bar with background', { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -652,7 +652,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); test('Verify grouped horizontal bars', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -698,11 +698,17 @@ test.describe(`${TAG.VISUAL}`, () => { duration: 0, }, }, + { + name: 'with primaryText false', + props: { + primaryText: false, + }, + }, ]; horizontalBarPropsVariations.forEach((variant) => { test(`Verify horizontal bar props ${variant.name}`, { - tag: [TAG.PRIORITY_MEDIUM, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_MEDIUM, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -721,7 +727,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); test('Verify horizontal bar legend and pattern fill mouse interaction', { - tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, @@ -750,7 +756,7 @@ test.describe(`${TAG.VISUAL}`, () => { }); test('Verify horizontal bar legend and pattern fill keyboard interaction', { - tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@bar-chart', '@d3-chart'], + tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@horizontal-bar-chart', '@bar-chart', '@d3-chart'], }, async ({ page }) => { await loadPage( page, diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png index 2c58fc78fe..05192e8bd9 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png index 737cb64c91..544dda8e94 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png index 1e96d7304d..cb5993271d 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-222bf--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png index 2760391e95..b2ed0b242a 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png index 20ee985975..3ffd723b35 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png index ffe9de9333..9a1e459e82 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Ve-e8cb8--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png index 94b60b44d3..603286e92d 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png index e60af418f6..0ac097fbac 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png index 521acf0e52..eebac8e444 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png index 944741de89..4af29ede15 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png index fb54d3a042..510f21fc8b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png index 272438c043..e7950a2485 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-chart---Legend-and-interactions-Verify-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-chromium-linux.png index 6c962e154f..41da179728 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-firefox-linux.png index fcca809ea8..56609f8365 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-webkit-linux.png index c0c86f5331..a1377a4b72 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-transparent-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png index 1c149afc9f..155054e48b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png index 1b0a2fb3f6..01562f43e6 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png index 910b2cf2da..e9acb6801c 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-chromium-linux.png index 957c402566..f62e9d07fb 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-firefox-linux.png index 2711875dc9..7bfbcddcc0 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-webkit-linux.png index bda906d1e1..bbc9d57fa9 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Bar-props-variations-Verify-bar-props-with-visual-styling-color-radius-transparency-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-chromium-linux.png index 49ec9a04af..0a3d14589e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-firefox-linux.png index 1f057df4e3..c747fb3b5b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-webkit-linux.png index 6b81e1b6b4..379d508b45 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Inverted-horizontal-layout-no-legend-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-chromium-linux.png index d3fdd5c1b9..9e964b7375 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-firefox-linux.png index e639158019..fddff337e9 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-webkit-linux.png index 4a4221fae5..3fbad04760 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-chart-Standard-all-features-enabled-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-chromium-linux.png index 888ed3a44c..a2179e5a09 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-firefox-linux.png index f77c339dc1..06310b2084 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-webkit-linux.png index 396c565369..87aa4a68d6 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-bar-with-scaleBand-and-scaleLinear-usage-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-chromium-linux.png index 854d1186bb..a161f61ef0 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-firefox-linux.png index cdf812c08c..767fa1f0a7 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-webkit-linux.png index 79a567fd50..ef25d40f08 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-date-format-in-bar-chart-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-chromium-linux.png index d9420114ea..735fbb4834 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-firefox-linux.png index 04151e72e2..4654d8f725 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-webkit-linux.png index d6fc5cd1a5..adf40fe69f 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-chromium-linux.png index 9bea35637e..8321fa90a8 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-firefox-linux.png index c0c6e56b83..8f767ad9a3 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-webkit-linux.png index 1ee4892f5f..799b2a408b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-negative-values-look-good-on-bar-charts-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-chromium-linux.png index ae06b6d964..522cc552b9 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-firefox-linux.png index 813887713a..0f08adb9bc 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-webkit-linux.png index 4f2e15a5fd..4c05cf2467 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Horizontal-with-trend-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-chromium-linux.png index db6a7c8943..40efac2f1b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-firefox-linux.png index 3ac94800ec..313719ae9f 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-webkit-linux.png index f616a85310..aa869230e5 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-chromium-linux.png index 9e5c8f3034..a0bee77c16 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-firefox-linux.png index f8f4261378..18341d3dc2 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-webkit-linux.png index 0aac83f8df..19b72eee8a 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-for-chart-Vertical-with-trend-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-chromium-linux.png index 42cc76a052..37a356b5cc 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-firefox-linux.png index f405217c9a..633a57c2b7 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-webkit-linux.png index 9bbb30df21..0e7b438a18 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Basic-bar-chart-Verify-trend-line-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-chromium-linux.png index 7fdc4f1ae0..19be8e1190 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-firefox-linux.png index 3c6a3d9ed3..7240e68ef0 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-webkit-linux.png index 29ed207f69..3f047fb729 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-null-and-undefined-values-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-chromium-linux.png index 3a6c43e5fa..439586993e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-firefox-linux.png index d7096d658c..6d6a3c0c8c 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-webkit-linux.png index b5be6ec377..6afb3d2044 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Data-variations-Verify-bar-chart-with-single-data-point-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-chromium-linux.png index 7134321233..219774c0ed 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-firefox-linux.png index cb2fd1507a..3278d9d3ad 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-webkit-linux.png index 53d69458b1..0fb3f4f19e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-chromium-linux.png index b5f0f10ce7..8e47644ef1 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-firefox-linux.png index 0d1b9bf310..05a8c891a0 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-webkit-linux.png index a12c062ee2..e58d6f1adf 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-horizontal-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-chromium-linux.png index 9c4c25efef..75979a4914 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-firefox-linux.png index 2425389572..1b1b232f62 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-webkit-linux.png index d4a736074e..4c9539fcf1 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-chromium-linux.png index 9a2fd1e46d..cec5d029ce 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-firefox-linux.png index d1429b8e78..c1a1270d92 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-webkit-linux.png index 53ddb55213..ba66e72b38 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-grouped-bars-vertical-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-chromium-linux.png index 2681b2d1e2..c98a147ae2 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-firefox-linux.png index 730b890b80..7a25c5f660 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-webkit-linux.png index 0767f46f80..6cd8225a33 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-chromium-linux.png index 3762ce2651..a0dac54e92 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-firefox-linux.png index 84a02a15d8..19c1d14fa2 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-webkit-linux.png index ddd46fbbd0..fa597abad7 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-horizontal-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-chromium-linux.png index 421441ba50..3460c4c92b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-firefox-linux.png index 2b0559da59..fd839310a8 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-webkit-linux.png index 6892ecbc73..d46f610dcf 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-chromium-linux.png index e5d4614d16..8728483594 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-firefox-linux.png index 9a85c93413..5180f901f5 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-webkit-linux.png index 3b34a6fd11..84a3c82200 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Grouped-and-stacked-bars-Verify-bar-chart-with-stacked-bars-vertical-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-chromium-linux.png new file mode 100644 index 0000000000..11d56228fb Binary files /dev/null and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-firefox-linux.png new file mode 100644 index 0000000000..144d8df3ec Binary files /dev/null and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-webkit-linux.png new file mode 100644 index 0000000000..476af48902 Binary files /dev/null and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Horizontal-bars-Verify-horizontal-bar-props-with-primaryText-false-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png index 8a9b0f4531..f3148fac1f 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png index 87edfc61b9..cd6a9dc444 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png index 431de0792b..7352f0a9a5 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png index 8a9b0f4531..f3148fac1f 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png index 87edfc61b9..cd6a9dc444 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png index 431de0792b..7352f0a9a5 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png index 8b3e8586c3..c42cf521f4 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png index 6e0c0f1f98..4f87c98e61 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png index 8ab227030b..29936bb794 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png index dfcf3a8d82..a6cb669fc5 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png index 9847a39f75..f41a79c518 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png index f7a71707d1..54e8766fac 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png index ebaa6d1879..7ff4c4589e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png index b8d7baa3ff..507452f670 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png index 418d0a3de0..e8f04960c0 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-size-constraints-hMin-maxBarSize-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-chromium-linux.png index 7b5040aa21..307c1358ac 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-firefox-linux.png index 8b95de6eab..57a55db4df 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-webkit-linux.png index b25f8cf8f9..b080725803 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-bar-props-with-visual-styling-colors-radius-transparency-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-chromium-linux.png index 15b202e0a6..6d4f820848 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-firefox-linux.png index 3dc55d1e5d..8b2d208aa8 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-webkit-linux.png index 7dd4f220b0..b55d8dd290 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-bars-Verify-stacked-grouped-bars-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png index d624040d43..c1736ead4a 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png index 99f78ac06d..6d2ef58a0e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png index df51a0cf66..979bdb4d4b 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-1acd4-bar-legend-and-pattern-fill-mouse-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png index f1498a1190..6b826b9c49 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png index e0a86f4412..a9cbe39c14 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png index 9b3cd13735..1b0c718b3a 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-7b1c1--legend-and-pattern-fill-keyboard-interaction-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png index bb0f69c146..06c4dfa79e 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png index 1a71147e5c..882becca17 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png index 09d24b3a43..9ab7c3febf 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-a8f18--legend-and-pattern-fill-keyboard-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png index 6834056a14..01200f4953 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png index c928232c5f..75ef67b757 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png index ae8042a2b2..3410c0c1f2 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-db8da-bar-legend-and-pattern-fill-mouse-interaction-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-chromium-linux.png index e78c9010c4..1c62aa14a9 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-firefox-linux.png index 6820ed01ee..7698e1d407 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-webkit-linux.png index e85cd9afda..06c3a660a4 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-HoverRect-tooltip-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-chromium-linux.png index e71b4adb4f..a93cf58418 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-firefox-linux.png index 14034a644d..cab96214d2 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-webkit-linux.png index 7a4e6a3da7..0c69b14809 100644 Binary files a/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-chart.browser-test.tsx-snapshots/-visual-Stacked-horizontal-bars-Verify-stacked-horizontal-bar-chart-with-negative-values-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-con-b1c7d-andard-all-features-medium-size-with-axis-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-con-b1c7d-andard-all-features-medium-size-with-axis-1-chromium-linux.png index 3a876b54b0..88acbaecf7 100644 Binary files a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-con-b1c7d-andard-all-features-medium-size-with-axis-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-con-b1c7d-andard-all-features-medium-size-with-axis-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-chromium-linux.png b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-chromium-linux.png index 6fb1fc0763..9cc855ccd6 100644 Binary files a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-firefox-linux.png b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-firefox-linux.png index 6e3e322faf..5525194763 100644 Binary files a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-webkit-linux.png b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-webkit-linux.png index c7872d5739..3881abda5a 100644 Binary files a/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bar-horizontal-compact.browser-test.tsx-snapshots/-visual-Verify-bar-horizontal-compact-with-links-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-chromium-linux.png index 30f873a7f7..8e9b63c336 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-firefox-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-firefox-linux.png index cd9517cd6a..31308bdd09 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-webkit-linux.png index 3094aa26bb..4a1250bf03 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Inverted-yAxis-and-no-tooltip-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-chromium-linux.png index eeb1e4c25b..03782c3ac6 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-firefox-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-firefox-linux.png index 62e52f2ca9..62d2dcb6d4 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-webkit-linux.png index cbab5e973c..362546fe62 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-Standard-all-features-enabled-medium-size-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-chromium-linux.png index 0cfabe0f5d..41585d40fb 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png index 6f9b224cf2..85d37922e5 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-chromium-linux.png index ae1cb42db9..fde6bf03d5 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-firefox-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-firefox-linux.png index db78d0b6dc..7321f8cd89 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-webkit-linux.png index 53bf10c2a7..097097fcab 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-color-customization-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-chromium-linux.png index 170aba72a4..074998c3b0 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-firefox-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-firefox-linux.png index 66c17efd73..1e883cec4e 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-firefox-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-webkit-linux.png index 6c3ddf16b8..0d511d79a4 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-chromium-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-chromium-linux.png index c52cff4f3a..491dc0865f 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-chromium-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-firefox-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-firefox-linux.png index a6d52cd1a1..1d1f07052b 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-firefox-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-webkit-linux.png index a8bb6a97cc..30f0e99e21 100644 Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-interactions-by-mouse-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-chromium-linux.png index c88e0ae81b..21574994e1 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-firefox-linux.png index 466e8c5aa6..8e379e339e 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-webkit-linux.png index 93f9049b95..a60e7d5ee2 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-chromium-linux.png index 6396888603..b234c9ff98 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-firefox-linux.png index ee593c9752..114dfcda01 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-webkit-linux.png index 94949cd051..5c8baab999 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Adaptive-chart-Verify-chart-looks-good-on-small-resolutions-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-chromium-linux.png index 490bfffa4b..46f0fc239a 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-firefox-linux.png index 60bba7ac37..07106bcecc 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-webkit-linux.png index c0801b70a8..f6568b2179 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-Tooltip-controlled-appearing-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-chromium-linux.png index 2fe5ff53f9..a12b84f68e 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-firefox-linux.png index 67063d858c..6cc88f36fa 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-webkit-linux.png index 35427475fe..06cb5872fc 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Hover-Line-and-Tooltip-Verify-synscronous-charts-by-EventEmitter-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-chromium-linux.png index d6ca5460cf..f46e3fe794 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-firefox-linux.png index 1b85f84fd5..df9a1eaf4a 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-webkit-linux.png index 782d8080df..2773fd908a 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Pattern-fills-dots-and-lines-Verify-enforcing-patterns-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-chromium-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-chromium-linux.png index 2cd9615068..d02ce2af1b 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-chromium-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-firefox-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-firefox-linux.png index 1762af7959..1bd27e3858 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-firefox-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-webkit-linux.png b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-webkit-linux.png index 0f07f85311..fe804deab6 100644 Binary files a/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-webkit-linux.png and b/semcore/d3-chart/__tests__/d3-chart-base.browser-test.tsx-snapshots/-visual-Reference-Lines-Verify-attributes-reference-lines-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-chromium-linux.png index d4fc76b3e0..05f2d5063e 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-firefox-linux.png index 09c51ecf61..d023331718 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-webkit-linux.png index 231fe906fe..76f8774834 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-default-props-looks-good-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-chromium-linux.png index bc86a6b9fa..bdcf006f7e 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-firefox-linux.png index a5e324031a..78a860594a 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-webkit-linux.png index e127d5bdbd..4c012119f9 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-area-with-empty-line-renders-and-looks-good-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-chromium-linux.png index e79ed43fb4..0b71fe0d87 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-firefox-linux.png index 86439bbead..3089e98b64 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-webkit-linux.png index 0a1ecfde15..a529402388 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-curve-prop-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-chromium-linux.png index 20d27c813e..afe86f9659 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-firefox-linux.png index 752742336a..6b4fbb8ea7 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-webkit-linux.png index b0e95211ef..c314a8e64d 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-custom-tooltip-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-chromium-linux.png index 658ab7be18..6faaee7b5c 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-firefox-linux.png index 0ac836f2c2..dd5af86e5f 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-webkit-linux.png index 012f20880b..b40c80194f 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-dots-partial-display-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-chromium-linux.png index 34d0b71caa..3112c7a223 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-firefox-linux.png index 8689095ba8..ab05a3a384 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-webkit-linux.png index b97855151a..3726e03795 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-hoverLine-works-well-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-chromium-linux.png index 1d6df8d8f4..db8f3c098c 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-firefox-linux.png index e9804f035c..35c9181cf5 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-webkit-linux.png index 1ed39e1100..88de5267d5 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-interpolation-renders-correctly-when-dots-can-be-hovered-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-chromium-linux.png index 2c390038d9..ba91ad948c 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-firefox-linux.png index 931065cf61..5e463c894e 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-webkit-linux.png index c852c00daf..6a47346fdb 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-All-features-enabled-standard-size-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-chromium-linux.png index 88fe5c27d6..8fa3bfc524 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-firefox-linux.png index 80eaf2ec57..e70fa93934 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-webkit-linux.png index e0e1de5cbe..322567c53d 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Inverted-large-margins-patterns-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-chromium-linux.png index b8d5407b8f..02fb06f1fb 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-firefox-linux.png index a5df725a92..7db2de9208 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-webkit-linux.png index 8489ae1d27..5513b05a7b 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-line-chart-with-config-Minimal-features-medium-size-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-chromium-linux.png index b435e2b20a..4f401264bf 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-firefox-linux.png index e292169f1f..bc234733c1 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-webkit-linux.png index 0b6ac3acba..90a8dd5b5d 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-chromium-linux.png index b435e2b20a..21f73cdd2d 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-firefox-linux.png index e292169f1f..bc234733c1 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-webkit-linux.png index 0b6ac3acba..90a8dd5b5d 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-chromium-linux.png index 15174582c3..d98598feea 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-firefox-linux.png index 425ac1ad43..12ed74b2c3 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-webkit-linux.png index 0a2e2a268b..798fd62834 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-keyboard-interactions-3-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-chromium-linux.png index d2280c9bd6..f1c4280653 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-firefox-linux.png index 75a23f2f6e..e013db29d5 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-webkit-linux.png index 219cc6e5fa..75c7b49f6e 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-chromium-linux.png index 8eca510599..20710eb746 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-firefox-linux.png index 9987fe0494..260f173e8c 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-webkit-linux.png index 350753cd96..915ea4a0d6 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-patterns-and-symbols-for-dots-mouse-interactions-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-chromium-linux.png index 82e2104e31..c0749d3cb4 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-firefox-linux.png index 5d543cc0b0..aaeae7ae73 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-webkit-linux.png index 2a7976928e..782b3b18f4 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-render-and-interactions-with-Line-and-Dots-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-chromium-linux.png index 882054369c..bcdeaa6822 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-firefox-linux.png index c839fbf3d9..57cb508ce6 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-webkit-linux.png index 50fadc74cd..ee1ccf473a 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-chromium-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-chromium-linux.png index ff98833b58..ee73c86d97 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-chromium-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-firefox-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-firefox-linux.png index 7292a6e33c..a7c3e26180 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-firefox-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-webkit-linux.png b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-webkit-linux.png index f4cb074b74..341616d675 100644 Binary files a/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-webkit-linux.png and b/semcore/d3-chart/__tests__/line-chart.browser-test.tsx-snapshots/-visual-Verify-time-scale-with-tooltip-2-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-chromium-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-chromium-linux.png index be9a8ed7b0..8728c04aa9 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-chromium-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-firefox-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-firefox-linux.png index 444fbb8bc6..8af6a601f7 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-firefox-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-legend-and-pattern-fill-focus-styles-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-chromium-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-chromium-linux.png index 5285891946..4a9fd9cc3c 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-chromium-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-firefox-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-firefox-linux.png index a29eb136c9..498a5ff894 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-firefox-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-webkit-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-webkit-linux.png index f825867278..eead5755f3 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-webkit-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-1-Standard-all-features-enabled-medium-size-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-chromium-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-chromium-linux.png index abda6adb7f..bcbff53467 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-chromium-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-firefox-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-firefox-linux.png index e6a2b7061a..47af2fd89c 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-firefox-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-webkit-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-webkit-linux.png index 36ed301383..bb860639e8 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-webkit-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-chart-with-config-3-Inverted-axis-inversion-no-tooltip-no-legend-1-webkit-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-chromium-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-chromium-linux.png index aff766d437..d427ddffa8 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-chromium-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-chromium-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-firefox-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-firefox-linux.png index 1b83602704..1654578782 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-firefox-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-firefox-linux.png differ diff --git a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-webkit-linux.png b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-webkit-linux.png index 6cba4db688..9bf6e8479f 100644 Binary files a/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-webkit-linux.png and b/semcore/d3-chart/__tests__/scatterplot-chart.browser-test.tsx-snapshots/-visual-Verify-scatterplot-with-colors-and-numbers-1-webkit-linux.png differ diff --git a/semcore/d3-chart/src/Axis.jsx b/semcore/d3-chart/src/Axis.jsx index f2a7ac20ed..ec19b357b3 100644 --- a/semcore/d3-chart/src/Axis.jsx +++ b/semcore/d3-chart/src/Axis.jsx @@ -341,6 +341,7 @@ function Ticks(props) { position={positionClass} hide={hide} multiline={multiline} + primaryText={props.primaryText} {...pos(scale, value, position)} > { lines.length > 1 diff --git a/semcore/d3-chart/src/component/Chart/BarChart.tsx b/semcore/d3-chart/src/component/Chart/BarChart.tsx index 28db84f57b..7b0721c677 100644 --- a/semcore/d3-chart/src/component/Chart/BarChart.tsx +++ b/semcore/d3-chart/src/component/Chart/BarChart.tsx @@ -1,4 +1,3 @@ -import { Box, Flex } from '@semcore/base-components'; import { createComponent } from '@semcore/core'; import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance'; import { scaleBand, scaleLinear, scaleTime } from 'd3-scale'; @@ -8,7 +7,7 @@ import { AbstractChart } from './AbstractChart'; import type { BaseLegendProps } from './AbstractChart.type'; import type { BarChartData, BarChartProps, BarChartType } from './BarChart.type'; // @ts-ignore -import { minMax, GroupBar, HoverRect, StackBar, Line } from '../..'; +import { minMax, GroupBar, HoverRect, StackBar, Line, YAxis, XAxis } from '../..'; import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales'; import type { BarProps } from '../../types'; import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type'; @@ -179,6 +178,63 @@ class BarChartComponent extends AbstractChart< ); } + protected override renderAxis(): React.ReactNode { + const { + invertAxis, + showXAxis, + showYAxis, + data, + axisXValueFormatter, + axisYValueFormatter, + multilineXTicks, + multilineYTicks, + } = this.asProps; + + if (!Array.isArray(data)) { + return null; + } + + const xTicks = this.xTicks; + const yTicks = this.yTicks; + + const childrenX = axisXValueFormatter + ? ({ value }: any) => ({ children: axisXValueFormatter(value) }) + : undefined; + const childrenY = axisYValueFormatter + ? ({ value }: any) => ({ children: axisYValueFormatter(value) }) + : undefined; + + return ( + <> + {showYAxis && ( + + {yTicks + ? ( + {childrenY} + ) + : ( + {childrenY} + )} + {invertAxis !== true && (yTicks ? : )} + + )} + + {showXAxis && ( + + {xTicks + ? ( + {childrenX} + ) + : ( + {childrenX} + )} + {invertAxis === true && (xTicks ? : )} + + )} + + ); + } + protected getLegendAriaLabel(): string { return this.asProps.getI18nText('legendForChart', { chartType: 'Bar' }); } diff --git a/semcore/d3-chart/src/style/axis.shadow.css b/semcore/d3-chart/src/style/axis.shadow.css index e046b3b3b3..3657af3bae 100644 --- a/semcore/d3-chart/src/style/axis.shadow.css +++ b/semcore/d3-chart/src/style/axis.shadow.css @@ -10,7 +10,7 @@ STick { font-size: var(--intergalactic-fs-100, 12px); fill: var(--intergalactic-chart-grid-text-label, #6c6e79); } -STick[position='left'], STick[position='right'] { +STick[primaryText] { fill: var(--intergalactic-text-primary, #191b23); } diff --git a/semcore/d3-chart/src/types/Axis.d.ts b/semcore/d3-chart/src/types/Axis.d.ts index f25bf81597..5fd52fd2b4 100644 --- a/semcore/d3-chart/src/types/Axis.d.ts +++ b/semcore/d3-chart/src/types/Axis.d.ts @@ -40,6 +40,10 @@ export type AxisTicksProps = Context & { ticks?: any[]; /** Enables multiline tick labels, applicable only for band scales */ multiline?: boolean; + /** + * Enable `--intergalactic-text-primary` color for ticks + */ + primaryText?: boolean; }; /** @deprecated */ diff --git a/semcore/d3-chart/src/utils.ts b/semcore/d3-chart/src/utils.ts index 290c52daac..f485eb11e0 100644 --- a/semcore/d3-chart/src/utils.ts +++ b/semcore/d3-chart/src/utils.ts @@ -331,13 +331,16 @@ export const calculateBubbleDomain = ( return [min, max]; }; -type CommonEvents = { - setTooltipVisible: (visible: boolean) => void; - setTooltipPosition: (x: number, y: number) => void; -}; - -type Events = { - [K in keyof CommonEvents as `${K}_${string}`]: CommonEvents[K]; -}; - -export const PlotEventEmitter = EventEmitter; +interface PlotEventEmitterEmit { + (event: `setTooltipVisible_${string}`, visible: boolean): void; + (event: `setTooltipPosition_${string}`, x: number, y: number): void; +} +type Unsubscribe = () => void; +interface PlotEventEmitterSubscribe { + (event: `setTooltipVisible_${string}`, callback: (visible: boolean) => void): Unsubscribe; + (event: `setTooltipPosition_${string}`, callback: (x: number, y: number) => void): Unsubscribe; +} +export const PlotEventEmitter = EventEmitter as typeof EventEmitter< + PlotEventEmitterEmit, + PlotEventEmitterSubscribe +>; diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png index 72ad69c171..d2ab1bd566 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png index b212de95e1..32aab8e4ba 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png index e1c5afa252..212e325d3f 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-chromium-linux.png index a73730ba95..cd410ee45e 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-firefox-linux.png index 54475bbbd7..2bdc5d3847 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-webkit-linux.png index 8d97f544f5..5b5a75a4f3 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-accordion-with-custom-component-styles-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png index 1f473f9b01..b3cd8cab46 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png index 2b368fb070..3679dc943d 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png index f579b2af7c..f7a3109f9c 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png index 8c304f64b2..f4a489ae6a 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png index d9fd7a7a4d..299ef776f6 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png index f46cbb55da..c2e5d8b0cb 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png index d15ea7d1fa..1564995917 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png index d9fd7a7a4d..299ef776f6 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png index f46cbb55da..c2e5d8b0cb 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png index 1f473f9b01..72ae3a4261 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png index 2b368fb070..3679dc943d 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png index f579b2af7c..f7a3109f9c 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png index 1f473f9b01..b3cd8cab46 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png index 2b368fb070..3679dc943d 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png index f579b2af7c..f7a3109f9c 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-checkbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png index 14845e1df3..297de972ef 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png index 7b48d99089..af81f341e0 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png index 75e8f5758f..4224d8b164 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/-visual-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png deleted file mode 100644 index 0d7bdef65d..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png deleted file mode 100644 index 0ad33bd07a..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png deleted file mode 100644 index 7c6732e9e7..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Primary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png deleted file mode 100644 index 954845d3f7..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-chromium-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png deleted file mode 100644 index eced2d9d96..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-firefox-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png deleted file mode 100644 index 1ebf451312..0000000000 Binary files a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx-snapshots/Base-styles-Secondary-Table-Verify-styles-when-long-text-and-icons-in-header-2-webkit-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png index 1834070211..84274559d1 100644 Binary files a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png index 0e0e312f82..c81d2ab1e0 100644 Binary files a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png index 6359516e59..8288ac0fc6 100644 Binary files a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png index 20f421ef82..b2bcd5340a 100644 Binary files a/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-cells.browser-test.tsx-snapshots/-visual-Verify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-columns.browser-test.tsx b/semcore/data-table/__tests__/data-table-columns.browser-test.tsx index 59f610883d..6964c732b2 100644 --- a/semcore/data-table/__tests__/data-table-columns.browser-test.tsx +++ b/semcore/data-table/__tests__/data-table-columns.browser-test.tsx @@ -248,16 +248,16 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await loadPage(page, 'stories/components/data-table/docs/examples/sorting.tsx', 'en'); const columns = await page.locator('[data-ui-name="Head.Column"]').all(); - const [defaultSortColumnName, defaultSortValue] = ['vol', 'desc']; + const [defaultSortColumnName, defaultSortValue] = ['kd', 'desc']; for (const column of columns) { const columnName = await column.getAttribute('name'); if (defaultSortColumnName === columnName) { expect(column).toHaveAttribute('aria-sort', COLUMN_SORT_TO_ARIA[defaultSortValue]); continue; - } else { - expect(column).not.toHaveAttribute('aria-sort'); } + + expect(column).not.toHaveAttribute('aria-sort'); expect(column).toHaveAttribute('aria-describedby'); } }); diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx b/semcore/data-table/__tests__/data-table-header.browser-test.tsx index ec89a2ea55..4ab3b93664 100644 --- a/semcore/data-table/__tests__/data-table-header.browser-test.tsx +++ b/semcore/data-table/__tests__/data-table-header.browser-test.tsx @@ -46,7 +46,7 @@ test.describe(`${TAG.VISUAL}`, () => { test(`Verify styles when long text and icons in header when use=${item.use}`, { tag: [TAG.PRIORITY_HIGH, '@data-table', - '@base-components'], + '@ellipsis'], }, async ({ page }) => { await loadPage(page, 'stories/components/data-table/tests/examples/header-tests/long-header-ellipsis.tsx', 'en', item); @@ -54,17 +54,9 @@ test.describe(`${TAG.VISUAL}`, () => { const amazonIcon = page.getByLabel('AmazonM non interactive').nth(1); await amazonIcon.hover(); await page.getByText('AmazonM non interactive').waitFor({ state: 'visible' }); - await page.mouse.move(0, 0); - await page.getByText('AmazonM non interactive').waitFor({ state: 'hidden' }); - - const difficultyElement = page.getByText('Difficulty Difficulty'); - const difficultyBox = await difficultyElement.boundingBox(); - if (!difficultyBox) throw new Error('Difficulty element bounding box not found'); - await page.mouse.move( - difficultyBox.x + difficultyBox.width / 4, - difficultyBox.y + difficultyBox.height / 4, - ); - await page.locator('[data-ui-name="Hint"]').getByText('Difficulty Difficulty').waitFor({ state: 'visible' }); + + await page.locator('[data-ui-name="Ellipsis"]').hover(); + await page.getByRole('tooltip', { name: 'Difficulty Difficulty' }).waitFor({ state: 'visible' }); const elements = page.locator('[data-ui-name="Head.Column"]'); for (const element of await elements.all()) { @@ -163,8 +155,6 @@ test.describe(`${TAG.VISUAL}`, () => { await loadPage(page, 'stories/components/data-table/tests/examples/header-tests/sorting/multi-level-sorting.tsx', 'en'); await test.step('Verify focus on the 1st sorted icon', async () => { - await page.keyboard.press('Tab'); - await page.keyboard.press('Enter'); await page.keyboard.press('Tab'); await expect(page).toHaveScreenshot(); }); @@ -179,7 +169,7 @@ test.describe(`${TAG.VISUAL}`, () => { await test.step('Sorting activation on click', async () => { await locators.getHeadColumn(page, 1).hover(); - await locators.sortButton(page, 1).nth(1).click(); + await locators.sortButton(page, 1).click(); }); await test.step('Verify hover and click on another sorting column', async () => { @@ -929,20 +919,16 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await test.step('Verify focus on the 1st sorted icon', async () => { await page.keyboard.press('Tab'); - await page.keyboard.press('Enter'); - await page.keyboard.press('Tab'); - - await expect(locators.sortButton(page, 1).nth(1)).toBeFocused(); - await expect(locators.sortButton(page, 1).nth(1)).toHaveAttribute('aria-label', 'descending'); + await expect(locators.sortButton(page, 1)).toBeFocused(); + await expect(locators.sortButton(page, 1)).toHaveAttribute('aria-label', 'descending'); }); await test.step('Verify sorting interaction by keyboard', async () => { await page.keyboard.press('Enter'); - await expect(locators.sortButton(page, 1).nth(1)).toHaveAttribute('aria-label', 'ascending'); + await expect(locators.sortButton(page, 1)).toHaveAttribute('aria-label', 'ascending'); }); await test.step('Verify sorting interaction with mouse and keyboard', async () => { - await page.keyboard.press('Escape'); await page.keyboard.press('ArrowRight'); await expect(locators.sortButton(page, 2)).not.toHaveAttribute('aria-label'); @@ -971,9 +957,9 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await test.step('Verify sorting activation on click', async () => { await locators.getHeadColumn(page, 1).hover(); - await expect(locators.sortButton(page, 1).nth(1)).toHaveAttribute('aria-label', 'descending'); - await locators.sortButton(page, 1).nth(1).click(); - await expect(locators.sortButton(page, 1).nth(1)).toHaveAttribute('aria-label', 'ascending'); + await expect(locators.sortButton(page, 1)).toHaveAttribute('aria-label', 'descending'); + await locators.sortButton(page, 1).click(); + await expect(locators.sortButton(page, 1)).toHaveAttribute('aria-label', 'ascending'); }); await test.step('Verify hover and click on another sorting column', async () => { diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png index 6d85bbe9b9..e3cf1cbb9f 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png index 4c78d45e1f..417af77c84 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png index d91eee4432..015ff98a72 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png index 3f340d48e6..dfad55e196 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png index 00ae6c5eb3..7fd48a2c55 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png index 8f903990c6..d693914088 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png index 23ec19e39f..51698a7100 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png index 8813242073..6262ca117b 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-darwin.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-darwin.png deleted file mode 100644 index 80c7e00f07..0000000000 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-darwin.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png index 959262e4bb..b39c31e8d0 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-darwin.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-darwin.png deleted file mode 100644 index 71a29e72f1..0000000000 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-darwin.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png index b9f25181c6..7f096bc2e3 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png index a5a17deb34..557e9178e0 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png index 4af6b9c5e7..897fc47710 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png index e56e7ff095..d9ca9a581d 100644 Binary files a/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-header.browser-test.tsx-snapshots/-visual-One-level-Header-Verify-styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx b/semcore/data-table/__tests__/data-table-states.browser-test.tsx index e05b6b553e..5479c2108a 100644 --- a/semcore/data-table/__tests__/data-table-states.browser-test.tsx +++ b/semcore/data-table/__tests__/data-table-states.browser-test.tsx @@ -191,58 +191,6 @@ test.describe(`${TAG.VISUAL}`, () => { }); }); }); - - test.describe('Ellipsis', () => { - test(`Ellipsis with cropPosition = end`, { - tag: [TAG.PRIORITY_HIGH, - '@data-table', - '@ellipsis', - '@base-components'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/docs/examples/multiple_use.tsx', 'en'); - - await page.setViewportSize({ width: 1920, height: 1080 }); - - await page.keyboard.press('Tab'); - await page.keyboard.press('ArrowRight'); - await page.keyboard.press('ArrowRight'); - await page.keyboard.press('ArrowRight'); - - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - await page.keyboard.press('ArrowDown'); - await page.keyboard.press('ArrowDown'); - - await page.keyboard.press('ArrowDown'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'hidden' }); - await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(0); - }); - - test(`Ellipsis with cropPosition = middle`, { - tag: [TAG.PRIORITY_HIGH, - '@data-table', - '@ellipsis', - '@link', - '@base-components'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/in_table_with_link.tsx', 'en'); - - await page.keyboard.press('Tab'); - await page.keyboard.press('ArrowRight'); - await page.keyboard.press('ArrowRight'); - await page.keyboard.press('ArrowRight'); - - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - await page.keyboard.press('ArrowDown'); - await page.keyboard.press('ArrowDown'); - - await page.keyboard.press('ArrowDown'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'hidden' }); - await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(0); - }); - }); - test.describe('Limited mode', () => { test(`Verify limited state for table with accordion keyboard and mouse interactions`, { tag: [TAG.PRIORITY_HIGH, diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png index d5c3290a83..59e89a4dcf 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png index 271b40dc76..b95c8ef530 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png index 9b7ab6d2c1..c6f098af70 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png index 7e438f756d..575afc91a2 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png index b53c5109c5..7d76714010 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png index f799d92196..be6b95d867 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png index a2778be52f..e94fd810e6 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png index 4e1713c85c..916ea6e6b3 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png index f8dbdf061c..d284a31245 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png index 022e230441..7803b99f90 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png index 02a7a880ef..082979a0b8 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png index b1aac0ca43..4d590c896e 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png index ad6d004e87..6023889954 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png index 8e7aee9301..ded4a6a917 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png index f8a83a4263..bd0005421d 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png index 45b0f01f6a..b17f5fb65a 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png index 0169b03eb4..691a4ef92d 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png index 120adcf869..23dea194a2 100644 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-chromium-linux.png deleted file mode 100644 index 99e4f9a16b..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-chromium-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-firefox-linux.png deleted file mode 100644 index 91a519ed86..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-firefox-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-webkit-linux.png deleted file mode 100644 index e94fe540d0..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-webkit-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-chromium-linux.png deleted file mode 100644 index 69e1300e3e..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-chromium-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-firefox-linux.png deleted file mode 100644 index 5f3ae1e586..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-firefox-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-webkit-linux.png deleted file mode 100644 index 33d5319fbc..0000000000 Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-webkit-linux.png and /dev/null differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-chromium-linux.png index 38aef4b263..15ab6fb1e9 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-firefox-linux.png index 71adb855ee..1b72671d28 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-webkit-linux.png index fb262e63a8..7b14d3ac1f 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-false-1-webkit-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-chromium-linux.png index 15008ac94f..df113208e9 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-firefox-linux.png index 8d8304fceb..c880540b21 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-webkit-linux.png index bc7f09e81a..e1bbcb7ba0 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-l-up-true-1-webkit-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-chromium-linux.png index 576293a2b3..808020e9f4 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-firefox-linux.png index 3e13f33f83..0bbb7957c1 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-webkit-linux.png index b538094ead..07391ad1a0 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-false-1-webkit-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-chromium-linux.png index 9dad2842bf..aa98247284 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-firefox-linux.png index 6aea59a7ae..0fd2b912ff 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-webkit-linux.png index 784aabdf13..4d858136f4 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-size-m-up-true-1-webkit-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-chromium-linux.png index d923bad94b..1aacb2ea2b 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-firefox-linux.png index c6034d1fbb..e8d55934bb 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-webkit-linux.png index cd73dc9070..f23020518f 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-false-1-webkit-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-chromium-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-chromium-linux.png index 45b37d853a..a47ca8cc71 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-chromium-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-chromium-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-firefox-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-firefox-linux.png index 4277c7e922..079cd25166 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-firefox-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-firefox-linux.png differ diff --git a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-webkit-linux.png b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-webkit-linux.png index fe2ed6affa..50a3d4c0b5 100644 Binary files a/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-webkit-linux.png and b/semcore/dot/__tests__/dot.browser-test.tsx-snapshots/-visual-Verify-dot-with-counter-size-m-up-true-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-chromium-linux.png index bc1efbfa62..0445a8ee7e 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-firefox-linux.png index d2574e267d..05d8981d96 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-webkit-linux.png index 0948eca1bf..45c0b0458b 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-chromium-linux.png index 9d7b9fa4a1..156a62e6b1 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-firefox-linux.png index c4371cb710..e941f675e8 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-webkit-linux.png index ddfe926f0f..305de5e897 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-2-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-chromium-linux.png index aa7ed0ff7d..caa950e4ec 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-firefox-linux.png index bb7a5dbe96..cdcf0591cd 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-webkit-linux.png index 0f22b9088e..eedfa9b861 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-bottom-3-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-chromium-linux.png index a5938976cc..5b81081018 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-firefox-linux.png index b36769a7a9..94b67fbd14 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-webkit-linux.png index 85ef392fba..b8d3b32d26 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-chromium-linux.png index b538f3710c..85ffd8065f 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-firefox-linux.png index 9cb5250d19..31c3fd0a9c 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-webkit-linux.png index f46bad5bfb..9475f3cced 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-2-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-chromium-linux.png index a7b652a1de..833f1baf9a 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-firefox-linux.png index bb7a5dbe96..cdcf0591cd 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-webkit-linux.png index 0f22b9088e..eedfa9b861 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-false-3-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-chromium-linux.png index 1bf7c937e3..96dc9bb895 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-firefox-linux.png index a2017354de..63d4ef15dc 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-webkit-linux.png index 3571be6f88..0c28674807 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-chromium-linux.png index 5069589e21..21eb41d0c7 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-firefox-linux.png index fcfdac662c..d3a0259944 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-webkit-linux.png index f3bac36aea..dabf95ce4e 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-2-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-chromium-linux.png index aa7ed0ff7d..f684992baa 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-firefox-linux.png index bb7a5dbe96..cdcf0591cd 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-webkit-linux.png index 0f22b9088e..eedfa9b861 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-left-3-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-chromium-linux.png index 4cfb5a1f5f..d7bfaadf8b 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-firefox-linux.png index 15be82e3a8..cd5134d474 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-webkit-linux.png index 3f39d1b328..3de5d55cdc 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-chromium-linux.png index 8e941748d5..e8e4c6bbb9 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-firefox-linux.png index a75d2a1333..1abea1bd89 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-webkit-linux.png index 423852b705..44ca0ea4ef 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-2-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-chromium-linux.png index a7b652a1de..f684992baa 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-firefox-linux.png index bb7a5dbe96..cdcf0591cd 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-webkit-linux.png index 0f22b9088e..eedfa9b861 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-right-3-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-chromium-linux.png index 46cea1ec91..1d120268c6 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-firefox-linux.png index 6e05e83ac9..b92d187a46 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-webkit-linux.png index 7a8311e1d4..c0e6101a85 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-1-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-chromium-linux.png index 2d62c4db6e..8ea77be3c9 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-firefox-linux.png index a7b9eff869..80b510cdae 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-webkit-linux.png index b6111d6366..24aa4e5567 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-2-webkit-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-chromium-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-chromium-linux.png index a7b652a1de..f684992baa 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-chromium-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-chromium-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-firefox-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-firefox-linux.png index bb7a5dbe96..cdcf0591cd 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-firefox-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-firefox-linux.png differ diff --git a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-webkit-linux.png b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-webkit-linux.png index 0f22b9088e..eedfa9b861 100644 Binary files a/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-webkit-linux.png and b/semcore/drag-and-drop/__tests__/drag-and-drop.browser-test.tsx-snapshots/-visual-Verify-Dnd-when-drag-and-drop-marker-position-is-top-3-webkit-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx index 3b1caf02fa..01dd20d2aa 100644 --- a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx +++ b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx @@ -58,8 +58,6 @@ export const locators = { }, popper: (page: Page) => page.locator('[data-ui-name="DropdownMenu.Popper"]'), - hint: (page: Page) => - page.locator('[data-ui-name="Hint"]'), actions: (page: Page) => page.locator('[data-ui-name="DropdownMenu.Actions"]'), item: (page: Page) => @@ -506,38 +504,6 @@ test.describe(`${TAG.VISUAL} `, () => { }); }); - test('Verify Ellipsis and Hint on DD menu', { - tag: [TAG.PRIORITY_HIGH, - TAG.KEYBOARD, - TAG.MOUSE, - '@dropdown-menu'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/dropdown-menu/tests/examples/with_ellipsis.tsx', 'en'); - - await test.step('Verify Ellipsis applies and Hint shown on Hover with placement Top', async () => { - await locators.button(page).click(); - await locators.menuitem(page, 0).waitFor({ state: 'visible' }); - await locators.menuitem(page, 0).hover(); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - - await test.step('Verify Ellipsis applies and Hint shown on Focus with placement bottom', async () => { - await page.keyboard.press('Escape'); - await locators.menuitem(page, 0).waitFor({ state: 'hidden' }); - await locators.hint(page).waitFor({ state: 'hidden' }); - - await page.keyboard.press('Enter'); - await locators.menuitem(page, 0).waitFor({ state: 'visible' }); - await locators.hint(page).waitFor({ state: 'visible' }); - await page.keyboard.press('ArrowDown'); - await locators.hint(page).waitFor({ state: 'hidden' }); - await page.keyboard.press('ArrowDown'); - await locators.hint(page).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot(); - }); - }); - test('Verify virtual scroll by keyboard', { tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, @@ -858,16 +824,15 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/dropdown-menu/docs/examples/item_actions.tsx', 'en'); - const MathPlus = page.getByRole('menuitem', { name: 'Add new' }); - const Trash = page.getByRole('menuitem', { name: 'Delete' }); + const MathPlus = page.locator( + '[data-ui-name="DropdownMenu.Item"][aria-label="Add new"][role="menuitem"]', + ); + const Trash = page.locator( + '[data-ui-name="DropdownMenu.Item"][aria-label="Delete"][role="menuitem"]', + ); await test.step('Verify 1st item focused when menu expanded by Enter', async () => { await page.keyboard.press('Tab'); - await locators.button(page).waitFor({ state: 'visible' }); - // Webkit may not focus via Tab, so focus directly if needed - if (!(await locators.button(page).evaluate((el) => el === document.activeElement))) { - await locators.button(page).focus(); - } await expect(locators.button(page)).toBeFocused(); await page.keyboard.press('Enter'); await locators.menuitem(page, 0).waitFor({ state: 'visible' }); diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-chromium-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-chromium-linux.png deleted file mode 100644 index 68bc59b3fe..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-chromium-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-firefox-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-firefox-linux.png deleted file mode 100644 index 9c59431ca1..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-firefox-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-webkit-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-webkit-linux.png deleted file mode 100644 index bd28b0ecc1..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-1-webkit-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-chromium-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-chromium-linux.png deleted file mode 100644 index a7503132e6..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-chromium-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-firefox-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-firefox-linux.png deleted file mode 100644 index 632c923951..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-firefox-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-webkit-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-webkit-linux.png deleted file mode 100644 index f107e578da..0000000000 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-Ellipsis-and-Hint-on-DD-menu-2-webkit-linux.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-chromium-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-chromium-linux.png index 821bc34151..f546f2b9ea 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-chromium-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-chromium-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-firefox-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-firefox-linux.png index 4007c77f95..dd956cf158 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-firefox-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-firefox-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-webkit-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-webkit-linux.png index 1516aceb55..4c602708b2 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-webkit-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-Selectable-radio-2-webkit-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-chromium-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-chromium-linux.png index 477bb3d5a6..593de80a82 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-chromium-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-chromium-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-firefox-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-firefox-linux.png index 9f245cea5f..1895f07664 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-firefox-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-firefox-linux.png differ diff --git a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-webkit-linux.png b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-webkit-linux.png index a954efd5da..476da04008 100644 Binary files a/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-webkit-linux.png and b/semcore/dropdown-menu/__tests__/dropdown-menu.browser-test.tsx-snapshots/-visual-Verify-focus-on-dropdown-menu-with-actions-in-items-3-webkit-linux.png differ diff --git a/semcore/dropdown-menu/src/DropdownMenu.jsx b/semcore/dropdown-menu/src/DropdownMenu.jsx index a864883fdf..7ab94ea074 100644 --- a/semcore/dropdown-menu/src/DropdownMenu.jsx +++ b/semcore/dropdown-menu/src/DropdownMenu.jsx @@ -1,4 +1,4 @@ -import { Flex, ScrollArea as ScrollAreaComponent, Box } from '@semcore/base-components'; +import { ScrollArea as ScrollAreaComponent, Flex, Box } from '@semcore/base-components'; import ButtonComponent from '@semcore/button'; import { createComponent, sstyled, Root, lastInteraction } from '@semcore/core'; import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps'; @@ -392,8 +392,7 @@ function Item({ const menuItemContextValue = { contentId: id, - ref: itemRef, - forwardRef, + ref: forkRef(forwardRef, itemRef), role, tabIndex, ariaChecked, @@ -446,13 +445,13 @@ function Item({ document.removeEventListener('focus', onFocus, { capture: true }); document.removeEventListener('blur', onBlur, { capture: true }); }; - }); + }, [itemRef.current]); return sstyled(styles)( - - , - ); + return sstyled(styles)(); } function ItemHint({ styles }) { diff --git a/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css b/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css index e003a0bcca..1365e1e640 100644 --- a/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css +++ b/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css @@ -41,7 +41,7 @@ SDropdownMenuItemContainer[nesting-trigger] { SDropdownMenuItemAddon, SItemContentText { - display: inline-flex; /* todo: Brauer Ilia - why? should be changed to inline/inline-block for SItemContentText */ + display: inline-flex; margin-left: var(--intergalactic-spacing-1x, 4px); margin-right: var(--intergalactic-spacing-1x, 4px); diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-chromium-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-chromium-linux.png index 619f66cb60..fef42d7e70 100644 Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-chromium-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-chromium-linux.png differ diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-firefox-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-firefox-linux.png index 5b1cd22bf0..a116955736 100644 Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-firefox-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-firefox-linux.png differ diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-webkit-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-webkit-linux.png index 2f7d68fc53..d1612de6dc 100644 Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-webkit-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/advanced-filters.browser-test.tsx-snapshots/-visual-Verify-advanced-filters-visual-2-webkit-linux.png differ diff --git a/semcore/dropdown/__tests__/filters-with-dropdown/filter-include-exclude.browser-test.tsx-snapshots/-visual-Verify-Filters-include-exclude-2-chromium-linux.png b/semcore/dropdown/__tests__/filters-with-dropdown/filter-include-exclude.browser-test.tsx-snapshots/-visual-Verify-Filters-include-exclude-2-chromium-linux.png index c78691050f..ee5454f530 100644 Binary files a/semcore/dropdown/__tests__/filters-with-dropdown/filter-include-exclude.browser-test.tsx-snapshots/-visual-Verify-Filters-include-exclude-2-chromium-linux.png and b/semcore/dropdown/__tests__/filters-with-dropdown/filter-include-exclude.browser-test.tsx-snapshots/-visual-Verify-Filters-include-exclude-2-chromium-linux.png differ diff --git a/semcore/dropdown/src/AbstractDropdown.tsx b/semcore/dropdown/src/AbstractDropdown.tsx index 0729d423be..78ece45fe4 100644 --- a/semcore/dropdown/src/AbstractDropdown.tsx +++ b/semcore/dropdown/src/AbstractDropdown.tsx @@ -182,12 +182,6 @@ export abstract class AbstractDropdown extends Component { + element.style.fontFamily = styleElement.getPropertyValue('font-family'); + element.style.fontSize = styleElement.getPropertyValue('font-size'); + element.style.fontWeight = styleElement.getPropertyValue('font-weight'); + element.style.lineHeight = styleElement.getPropertyValue('line-height'); + element.style.fontFeatureSettings = + styleElement.getPropertyValue('font-feature-settings'); + element.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric'); +}; + +const createMeasurerElement = (element: HTMLDivElement, text?: string) => { + const styleElement = window.getComputedStyle(element, null); + const temporaryElement = document.createElement('temporary-block'); + temporaryElement.style.display = styleElement.getPropertyValue('display'); + temporaryElement.style.padding = styleElement.getPropertyValue('padding'); + temporaryElement.style.position = 'absolute'; + temporaryElement.style.right = '0%'; + temporaryElement.style.bottom = '0%'; + temporaryElement.style.visibility = 'hidden'; + temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space'); + temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap'); + + setFontSettings(temporaryElement, styleElement); + + temporaryElement.textContent = text ?? element.textContent; + return temporaryElement; +}; + +function isTextOverflowing(element: HTMLDivElement, multiline: boolean, text?: string): boolean { + if (!element) return false; + + const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect(); + const measuringElement = createMeasurerElement(element, text); + let isOverflowing = false; + + document.body.appendChild(measuringElement); + if (multiline) { + measuringElement.style.width = `${currentWidth}px`; + + const width = measuringElement.scrollWidth; + const height = measuringElement.getBoundingClientRect().height; + + if (Math.ceil(currentHeight) < height || Math.ceil(currentWidth) < width) { + isOverflowing = true; + } + } else { + measuringElement.style.whiteSpace = 'nowrap'; + isOverflowing = Math.ceil(currentWidth) < measuringElement.getBoundingClientRect().width; + } + + document.body.removeChild(measuringElement); + + return isOverflowing; +} + const forcedAdvancedMode = { forcedAdvancedMode: true } as any; const noAdvancedMode = {} as any; @@ -114,7 +168,7 @@ class RootEllipsis extends Component { showTooltip() { const { maxLine = 1, Children } = this.asProps; const text = reactToText(getOriginChildren(Children)); - return isTextOverflowing(this.textRef.current, maxLine > 1, text); + return isTextOverflowing(this.textRef.current!, maxLine > 1, text); } handlerVisibleChange = (visible: boolean) => { diff --git a/semcore/ellipsis/src/index.d.ts b/semcore/ellipsis/src/index.d.ts index 836f7061e9..3c7a06c01b 100644 --- a/semcore/ellipsis/src/index.d.ts +++ b/semcore/ellipsis/src/index.d.ts @@ -40,14 +40,11 @@ declare const useResizeObserver: ( ref: RefObject, hookOverride?: { width: number }, ) => { width: number }; -/** - * @deprecated. Use Text with ellipsis property for @semcore/typography. - */ + declare const Ellipsis: Intergalactic.Component<'div', EllipsisProps> & { Content: typeof Box; Popper: typeof Tooltip.Popper; }; -export default Ellipsis; - export { useResizeObserver }; +export default Ellipsis; diff --git a/semcore/ellipsis/src/utils.ts b/semcore/ellipsis/src/utils.ts deleted file mode 100644 index 247ce01d67..0000000000 --- a/semcore/ellipsis/src/utils.ts +++ /dev/null @@ -1,54 +0,0 @@ -export const setFontSettings = (element: HTMLElement, styleElement: CSSStyleDeclaration): void => { - element.style.fontFamily = styleElement.getPropertyValue('font-family'); - element.style.fontSize = styleElement.getPropertyValue('font-size'); - element.style.fontWeight = styleElement.getPropertyValue('font-weight'); - element.style.lineHeight = styleElement.getPropertyValue('line-height'); - element.style.fontFeatureSettings = - styleElement.getPropertyValue('font-feature-settings'); - element.style.fontVariantNumeric = styleElement.getPropertyValue('font-variant-numeric'); -}; - -export function isTextOverflowing(element: HTMLElement | null, multiline: boolean, text: string): boolean { - if (!element) return false; - - const { height: currentHeight, width: currentWidth } = element.getBoundingClientRect(); - const measuringElement = createMeasurerElement(element, text); - let isOverflowing = false; - - document.body.appendChild(measuringElement); - if (multiline) { - measuringElement.style.width = `${currentWidth}px`; - - const width = measuringElement.scrollWidth; - const height = measuringElement.getBoundingClientRect().height; - - if (Math.ceil(currentHeight) < height || Math.ceil(currentWidth) < width) { - isOverflowing = true; - } - } else { - measuringElement.style.whiteSpace = 'nowrap'; - isOverflowing = Math.ceil(currentWidth) < measuringElement.getBoundingClientRect().width; - } - - document.body.removeChild(measuringElement); - - return isOverflowing; -} - -function createMeasurerElement(element: HTMLElement, text?: string) { - const styleElement = window.getComputedStyle(element, null); - const temporaryElement = document.createElement('temporary-block'); - temporaryElement.style.display = styleElement.getPropertyValue('display'); - temporaryElement.style.padding = styleElement.getPropertyValue('padding'); - temporaryElement.style.position = 'absolute'; - temporaryElement.style.right = '0%'; - temporaryElement.style.bottom = '0%'; - temporaryElement.style.visibility = 'hidden'; - temporaryElement.style.whiteSpace = styleElement.getPropertyValue('white-space'); - temporaryElement.style.wordWrap = styleElement.getPropertyValue('word-wrap'); - - setFontSettings(temporaryElement, styleElement); - - temporaryElement.textContent = text ?? element.textContent; - return temporaryElement; -} diff --git a/semcore/feature-highlight/package.json b/semcore/feature-highlight/package.json index d82ca5da3e..a9e302cbaa 100644 --- a/semcore/feature-highlight/package.json +++ b/semcore/feature-highlight/package.json @@ -19,7 +19,7 @@ } }, "dependencies": { - "@semcore/badge": "^16.0.0", + "@semcore/badge": "^16.0.7", "@semcore/base-trigger": "^16.0.0", "@semcore/button": "^16.0.0", "@semcore/checkbox": "^16.0.0", diff --git a/semcore/feature-highlight/src/components/notice/Notice.tsx b/semcore/feature-highlight/src/components/notice/Notice.tsx index 63eb4c0980..19ea3124ec 100644 --- a/semcore/feature-highlight/src/components/notice/Notice.tsx +++ b/semcore/feature-highlight/src/components/notice/Notice.tsx @@ -84,4 +84,5 @@ export const NoticeFH = createComponent(NoticeFHRoot, { Title: Notice.Title, Text: Notice.Text, Close: Notice.Close, + CloseIcon: Notice.CloseIcon, }) as HighlightedNoticeComponent; diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-chromium-linux.png index 1eff621181..dd85cf773a 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-firefox-linux.png index a5d8e2f4e3..a3cce9da35 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-webkit-linux.png index 64a02d2e66..6f42b75cda 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-styles-with-medium-illustration-1-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-chromium-linux.png index 5959c2b769..5d022bb3d6 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-firefox-linux.png index c130ecc470..614c1aa4b6 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-webkit-linux.png index 95f0e35dca..199b529f25 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-chromium-linux.png index 01e2265ce0..8d7f168f52 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-firefox-linux.png index dfca212412..baaeb5f9f1 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-webkit-linux.png index 81193deb35..8174bf50d2 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-end-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-chromium-linux.png index feb7132d9c..6b9384901f 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-firefox-linux.png index 1a450fd1fc..121f6467e6 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-webkit-linux.png index 7a12acfb92..d78a2e04ea 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-auto-start-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-chromium-linux.png index 29f823e145..3454634dff 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-firefox-linux.png index efec45e15f..0bb0b91473 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-webkit-linux.png index 71cd33bc9e..f61158466b 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-chromium-linux.png index bfc93d4b70..bab718a858 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-firefox-linux.png index dc1e1e351e..62a1898238 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-webkit-linux.png index 2074ced7a6..65a595956d 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-end-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-chromium-linux.png index 614102cc0e..1a2ee41aad 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-firefox-linux.png index 926f681623..37abb47f0e 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-webkit-linux.png index 6d9933e018..29db48e947 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-bottom-start-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-chromium-linux.png index edcc748e53..a041e964ab 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-firefox-linux.png index 88fe30c5a4..f1b4effb16 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-webkit-linux.png index a018c3b4ba..8efaf4ee41 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-chromium-linux.png index d79e48b82b..220a4c61e3 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-firefox-linux.png index 5675159915..4c300855f5 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-webkit-linux.png index 0832b03056..490a2f8867 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-end-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-chromium-linux.png index 4a07cbe59c..6a146a2f7c 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-firefox-linux.png index fc720e567d..c5fef0b353 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-webkit-linux.png index d80a3a2540..b623d8d44f 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-left-start-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-chromium-linux.png index 2f50c9f2d7..5a1d8e9e20 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-firefox-linux.png index ab0a3ac89b..1fc97e1297 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-webkit-linux.png index 556becbd8d..ad0a437495 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-chromium-linux.png index 17495bd91c..8d9fc33cb7 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-firefox-linux.png index b55ae0f095..3bce9fbd01 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-webkit-linux.png index 839028e25d..e4db552356 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-end-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-chromium-linux.png index 926c522806..842563f17e 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-firefox-linux.png index 6bd5f78b2e..621982146f 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-webkit-linux.png index 66dfb09b1d..ef17f29528 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-right-start-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-chromium-linux.png index 8ef8e87b68..a24ef28d05 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-firefox-linux.png index 9212fca9bd..321b3e38b6 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-webkit-linux.png index b2f6df43bf..dec4bec055 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-chromium-linux.png index 9dfe955b63..0bf77f1431 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-firefox-linux.png index 09424706df..f9e1ad0dfe 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-webkit-linux.png index 23454ac3a9..e33c434a52 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-end-2-webkit-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-chromium-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-chromium-linux.png index a29ce4c24c..90d9ff6373 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-chromium-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-chromium-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-firefox-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-firefox-linux.png index 758d0e834d..4071da14de 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-firefox-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-firefox-linux.png differ diff --git a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-webkit-linux.png b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-webkit-linux.png index cdef95e6a7..0b65f1a417 100644 Binary files a/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-webkit-linux.png and b/semcore/feature-popover/__tests__/feature-popover.browser-test.tsx-snapshots/-visual-Verify-Feature-popover-when-placement-top-start-2-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/feedback-form.browser-test.tsx-snapshots/-visual-Verify-base-feedback-form-styles-5-chromium-linux.png b/semcore/feedback-form/__tests__/feedback-form.browser-test.tsx-snapshots/-visual-Verify-base-feedback-form-styles-5-chromium-linux.png index f1a5992bfa..0aa87dee4b 100644 Binary files a/semcore/feedback-form/__tests__/feedback-form.browser-test.tsx-snapshots/-visual-Verify-base-feedback-form-styles-5-chromium-linux.png and b/semcore/feedback-form/__tests__/feedback-form.browser-test.tsx-snapshots/-visual-Verify-base-feedback-form-styles-5-chromium-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx index b95caed8cf..3d6f518573 100644 --- a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx +++ b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx @@ -201,7 +201,7 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await page.keyboard.press('Enter'); await buttons.first().waitFor({ state: 'visible' }); await expect(locators.sliderRating(page)).toHaveAttribute('value', '2'); - if (browserName !== 'webkit') await expect(checkboxInput.first()).toBeFocused(); + if (browserName !== 'webkit') await expect.soft(checkboxInput.first()).toBeFocused(); await expect(checkboxInput.first()).toHaveAttribute('aria-invalid', 'false'); await expect(checkboxInput.first()).toHaveAttribute('aria-labelledby', 'option1'); }); diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-illustration-and-feature-highlight-notice-1-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-illustration-and-feature-highlight-notice-1-webkit-linux.png index 8fc2a3c893..704d0e7ff1 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-illustration-and-feature-highlight-notice-1-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-illustration-and-feature-highlight-notice-1-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-chromium-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-chromium-linux.png index b39a510de6..6316af9856 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-chromium-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-chromium-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-webkit-linux.png index b0ab93ac94..59b298b762 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-notice-with-title-and-subtitle-1-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-with-error-notice-on-submit-1-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-with-error-notice-on-submit-1-webkit-linux.png index eeae473231..3ad6aa82e6 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-with-error-notice-on-submit-1-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-feedback-rating-with-error-notice-on-submit-1-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-1-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-1-webkit-linux.png index 7c5d52ba2b..56dafc627d 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-1-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-1-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-2-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-2-webkit-linux.png index d9dc6945be..3991d98b9d 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-2-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-2-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-3-webkit-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-3-webkit-linux.png index 73c64f6537..c94466236f 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-3-webkit-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-3-webkit-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-4-chromium-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-4-chromium-linux.png index 322e206687..4aee922571 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-4-chromium-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-4-chromium-linux.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-5-chromium-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-5-chromium-linux.png index 6f659f752d..b024652498 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-5-chromium-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/-visual-Verify-five-stars-form-base-example-styles-5-chromium-linux.png differ diff --git a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx index 91dcc6c302..2ebbc6d731 100644 --- a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx +++ b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.tsx @@ -24,9 +24,7 @@ import type { FeedbackRatingCheckboxProps, FeedbackRatingItemProps, FeedbackRatingProps, - FormConfigItem, - FeedbackRatingDefaultProps, -} from './FeedbackRating.type'; + FormConfigItem } from './FeedbackRating.type'; import style from '../../style/feedback-rating.shadow.css'; import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales'; import CheckboxButton from '../checkbox-button/CheckboxButton'; @@ -41,8 +39,8 @@ type State = { class FeedbackRatingRoot extends Component< FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, + typeof FeedbackRatingRoot.defaultProps, {}, - FeedbackRatingDefaultProps, State > { static displayName = 'FeedbackRatingForm'; @@ -50,7 +48,7 @@ class FeedbackRatingRoot extends Component< static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const; - static defaultProps: FeedbackRatingDefaultProps = { + static defaultProps = { onSubmit: () => {}, i18n: localizedMessages, locale: 'en', diff --git a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.type.ts b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.type.ts index 1283e4ef5e..ede00afc86 100644 --- a/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.type.ts +++ b/semcore/feedback-form/src/component/feedback-rating/FeedbackRating.type.ts @@ -6,7 +6,6 @@ import type React from 'react'; import type { FieldProps } from 'react-final-form'; import type { FeedbackFormProps } from '../../index'; -import type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales'; export type FormConfigItem = { key: string; @@ -73,11 +72,3 @@ export type FeedbackRatingCheckboxProps = Omit & { focused: boolean; label: React.ReactNode; }; - -export type FeedbackRatingDefaultProps = { - onSubmit: () => void; - i18n: typeof localizedMessages; - locale: 'en'; - Illustration: Intergalactic.Component<'svg', IllustrationProps>; - Notice: typeof Notice; -}; diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-chromium-linux.png deleted file mode 100644 index 5176af0aac..0000000000 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-chromium-linux.png and /dev/null differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-firefox-linux.png deleted file mode 100644 index 507370b9f3..0000000000 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-firefox-linux.png and /dev/null differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-webkit-linux.png deleted file mode 100644 index a7e0894ce1..0000000000 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-LongTitle-withEllipsis-and-Description-1-webkit-linux.png and /dev/null differ diff --git a/semcore/icon/__tests__/icon.browser-test.tsx b/semcore/icon/__tests__/icon.browser-test.tsx index 64bdc7a4d9..25e29421e7 100644 --- a/semcore/icon/__tests__/icon.browser-test.tsx +++ b/semcore/icon/__tests__/icon.browser-test.tsx @@ -15,7 +15,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await loadPage(page, 'stories/components/icon/tests/examples/icons_pay.tsx', 'en'); const expectedAttributes = [ { - // 'aria-label': 'PayM neutral', + 'aria-label': 'PayM neutral', 'data-group': 'm', 'width': '21', 'height': '16', @@ -23,7 +23,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { 'aria-hidden': 'true', }, { - // 'aria-label': 'PayL neutral', + 'aria-label': 'PayL neutral', 'data-group': 'l', 'width': '32', 'height': '24', @@ -58,7 +58,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { const expectedAttributes = [ { - // 'aria-label': 'Icon neutralM', + 'aria-label': 'Icon neutralM', 'data-group': 'm', 'width': '16', 'height': '16', @@ -66,7 +66,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { 'aria-hidden': 'true', }, { - // 'aria-label': 'Icon neutraL', + 'aria-label': 'Icon neutraL', 'data-group': 'l', 'width': '24', 'height': '24', @@ -74,7 +74,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { 'aria-hidden': 'true', }, { - // 'aria-label': 'Icon ColoredM', + 'aria-label': 'Icon ColoredM', 'data-group': 'm', 'width': '16', 'height': '16', @@ -82,7 +82,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { 'aria-hidden': 'true', }, { - // 'aria-label': 'Icon ColoredL', + 'aria-label': 'Icon ColoredL', 'data-group': 'l', 'width': '24', 'height': '24', diff --git a/semcore/icon/package.json b/semcore/icon/package.json index 8b14e5a2f4..dd2af1d929 100644 --- a/semcore/icon/package.json +++ b/semcore/icon/package.json @@ -38,71 +38,6 @@ "import": "./lib/esm/index.mjs", "require": "./lib/cjs/index.js" }, - "./platform/TrafficMarketToolkit": { - "types": "./lib/platform/TrafficMarketToolkit/index.d.ts", - "import": "./lib/platform/TrafficMarketToolkit/index.mjs", - "require": "./lib/platform/TrafficMarketToolkit/index.js" - }, - "./platform/SEOToolkit": { - "types": "./lib/platform/SEOToolkit/index.d.ts", - "import": "./lib/platform/SEOToolkit/index.mjs", - "require": "./lib/platform/SEOToolkit/index.js" - }, - "./platform/ReportsToolkit": { - "types": "./lib/platform/ReportsToolkit/index.d.ts", - "import": "./lib/platform/ReportsToolkit/index.mjs", - "require": "./lib/platform/ReportsToolkit/index.js" - }, - "./platform/PRToolkit": { - "types": "./lib/platform/PRToolkit/index.d.ts", - "import": "./lib/platform/PRToolkit/index.mjs", - "require": "./lib/platform/PRToolkit/index.js" - }, - "./platform/SocialToolkit": { - "types": "./lib/platform/SocialToolkit/index.d.ts", - "import": "./lib/platform/SocialToolkit/index.mjs", - "require": "./lib/platform/SocialToolkit/index.js" - }, - "./platform/LocalToolkit": { - "types": "./lib/platform/LocalToolkit/index.d.ts", - "import": "./lib/platform/LocalToolkit/index.mjs", - "require": "./lib/platform/LocalToolkit/index.js" - }, - "./platform/HomePlatform": { - "types": "./lib/platform/HomePlatform/index.d.ts", - "import": "./lib/platform/HomePlatform/index.mjs", - "require": "./lib/platform/HomePlatform/index.js" - }, - "./platform/EnterpriseSolutions": { - "types": "./lib/platform/EnterpriseSolutions/index.d.ts", - "import": "./lib/platform/EnterpriseSolutions/index.mjs", - "require": "./lib/platform/EnterpriseSolutions/index.js" - }, - "./platform/ContentToolkit": { - "types": "./lib/platform/ContentToolkit/index.d.ts", - "import": "./lib/platform/ContentToolkit/index.mjs", - "require": "./lib/platform/ContentToolkit/index.js" - }, - "./platform/AppCenter": { - "types": "./lib/platform/AppCenter/index.d.ts", - "import": "./lib/platform/AppCenter/index.mjs", - "require": "./lib/platform/AppCenter/index.js" - }, - "./platform/AdsToolkit": { - "types": "./lib/platform/AdsToolkit/index.d.ts", - "import": "./lib/platform/AdsToolkit/index.mjs", - "require": "./lib/platform/AdsToolkit/index.js" - }, - "./platform/AIToolkit": { - "types": "./lib/platform/AIToolkit/index.d.ts", - "import": "./lib/platform/AIToolkit/index.mjs", - "require": "./lib/platform/AIToolkit/index.js" - }, - "./platform/AISEOToolkit": { - "types": "./lib/platform/AISEOToolkit/index.d.ts", - "import": "./lib/platform/AISEOToolkit/index.mjs", - "require": "./lib/platform/AISEOToolkit/index.js" - }, "./pay/WeChatPay/m": { "types": "./lib/pay/WeChatPay/m/index.d.ts", "import": "./lib/pay/WeChatPay/m/index.mjs", @@ -203,15 +138,70 @@ "import": "./lib/pay/AmericanExpress/l/index.mjs", "require": "./lib/pay/AmericanExpress/l/index.js" }, - "./color/YoutubeInvert/m": { - "types": "./lib/color/YoutubeInvert/m/index.d.ts", - "import": "./lib/color/YoutubeInvert/m/index.mjs", - "require": "./lib/color/YoutubeInvert/m/index.js" + "./platform/SocialToolkit": { + "types": "./lib/platform/SocialToolkit/index.d.ts", + "import": "./lib/platform/SocialToolkit/index.mjs", + "require": "./lib/platform/SocialToolkit/index.js" }, - "./color/YoutubeInvert/l": { - "types": "./lib/color/YoutubeInvert/l/index.d.ts", - "import": "./lib/color/YoutubeInvert/l/index.mjs", - "require": "./lib/color/YoutubeInvert/l/index.js" + "./platform/TrafficMarketToolkit": { + "types": "./lib/platform/TrafficMarketToolkit/index.d.ts", + "import": "./lib/platform/TrafficMarketToolkit/index.mjs", + "require": "./lib/platform/TrafficMarketToolkit/index.js" + }, + "./platform/SEOToolkit": { + "types": "./lib/platform/SEOToolkit/index.d.ts", + "import": "./lib/platform/SEOToolkit/index.mjs", + "require": "./lib/platform/SEOToolkit/index.js" + }, + "./platform/PRToolkit": { + "types": "./lib/platform/PRToolkit/index.d.ts", + "import": "./lib/platform/PRToolkit/index.mjs", + "require": "./lib/platform/PRToolkit/index.js" + }, + "./platform/HomePlatform": { + "types": "./lib/platform/HomePlatform/index.d.ts", + "import": "./lib/platform/HomePlatform/index.mjs", + "require": "./lib/platform/HomePlatform/index.js" + }, + "./platform/ReportsToolkit": { + "types": "./lib/platform/ReportsToolkit/index.d.ts", + "import": "./lib/platform/ReportsToolkit/index.mjs", + "require": "./lib/platform/ReportsToolkit/index.js" + }, + "./platform/LocalToolkit": { + "types": "./lib/platform/LocalToolkit/index.d.ts", + "import": "./lib/platform/LocalToolkit/index.mjs", + "require": "./lib/platform/LocalToolkit/index.js" + }, + "./platform/AppCenter": { + "types": "./lib/platform/AppCenter/index.d.ts", + "import": "./lib/platform/AppCenter/index.mjs", + "require": "./lib/platform/AppCenter/index.js" + }, + "./platform/ContentToolkit": { + "types": "./lib/platform/ContentToolkit/index.d.ts", + "import": "./lib/platform/ContentToolkit/index.mjs", + "require": "./lib/platform/ContentToolkit/index.js" + }, + "./platform/EnterpriseSolutions": { + "types": "./lib/platform/EnterpriseSolutions/index.d.ts", + "import": "./lib/platform/EnterpriseSolutions/index.mjs", + "require": "./lib/platform/EnterpriseSolutions/index.js" + }, + "./platform/AISEOToolkit": { + "types": "./lib/platform/AISEOToolkit/index.d.ts", + "import": "./lib/platform/AISEOToolkit/index.mjs", + "require": "./lib/platform/AISEOToolkit/index.js" + }, + "./platform/AIToolkit": { + "types": "./lib/platform/AIToolkit/index.d.ts", + "import": "./lib/platform/AIToolkit/index.mjs", + "require": "./lib/platform/AIToolkit/index.js" + }, + "./platform/AdsToolkit": { + "types": "./lib/platform/AdsToolkit/index.d.ts", + "import": "./lib/platform/AdsToolkit/index.mjs", + "require": "./lib/platform/AdsToolkit/index.js" }, "./color/Yahoo/m": { "types": "./lib/color/Yahoo/m/index.d.ts", @@ -223,6 +213,26 @@ "import": "./lib/color/Yahoo/l/index.mjs", "require": "./lib/color/Yahoo/l/index.js" }, + "./color/YoutubeInvert/m": { + "types": "./lib/color/YoutubeInvert/m/index.d.ts", + "import": "./lib/color/YoutubeInvert/m/index.mjs", + "require": "./lib/color/YoutubeInvert/m/index.js" + }, + "./color/YoutubeInvert/l": { + "types": "./lib/color/YoutubeInvert/l/index.d.ts", + "import": "./lib/color/YoutubeInvert/l/index.mjs", + "require": "./lib/color/YoutubeInvert/l/index.js" + }, + "./color/YoutubeColored/m": { + "types": "./lib/color/YoutubeColored/m/index.d.ts", + "import": "./lib/color/YoutubeColored/m/index.mjs", + "require": "./lib/color/YoutubeColored/m/index.js" + }, + "./color/YoutubeColored/l": { + "types": "./lib/color/YoutubeColored/l/index.d.ts", + "import": "./lib/color/YoutubeColored/l/index.mjs", + "require": "./lib/color/YoutubeColored/l/index.js" + }, "./color/WooCommerceColored/m": { "types": "./lib/color/WooCommerceColored/m/index.d.ts", "import": "./lib/color/WooCommerceColored/m/index.mjs", @@ -243,15 +253,25 @@ "import": "./lib/color/WhatConvertsColored/l/index.mjs", "require": "./lib/color/WhatConvertsColored/l/index.js" }, - "./color/YoutubeColored/m": { - "types": "./lib/color/YoutubeColored/m/index.d.ts", - "import": "./lib/color/YoutubeColored/m/index.mjs", - "require": "./lib/color/YoutubeColored/m/index.js" + "./color/WhatsApp/m": { + "types": "./lib/color/WhatsApp/m/index.d.ts", + "import": "./lib/color/WhatsApp/m/index.mjs", + "require": "./lib/color/WhatsApp/m/index.js" }, - "./color/YoutubeColored/l": { - "types": "./lib/color/YoutubeColored/l/index.d.ts", - "import": "./lib/color/YoutubeColored/l/index.mjs", - "require": "./lib/color/YoutubeColored/l/index.js" + "./color/WhatsApp/l": { + "types": "./lib/color/WhatsApp/l/index.d.ts", + "import": "./lib/color/WhatsApp/l/index.mjs", + "require": "./lib/color/WhatsApp/l/index.js" + }, + "./color/TikTokColoredInvert/m": { + "types": "./lib/color/TikTokColoredInvert/m/index.d.ts", + "import": "./lib/color/TikTokColoredInvert/m/index.mjs", + "require": "./lib/color/TikTokColoredInvert/m/index.js" + }, + "./color/TikTokColoredInvert/l": { + "types": "./lib/color/TikTokColoredInvert/l/index.d.ts", + "import": "./lib/color/TikTokColoredInvert/l/index.mjs", + "require": "./lib/color/TikTokColoredInvert/l/index.js" }, "./color/TikTokColored/m": { "types": "./lib/color/TikTokColored/m/index.d.ts", @@ -273,25 +293,15 @@ "import": "./lib/color/Snapchat/l/index.mjs", "require": "./lib/color/Snapchat/l/index.js" }, - "./color/WhatsApp/m": { - "types": "./lib/color/WhatsApp/m/index.d.ts", - "import": "./lib/color/WhatsApp/m/index.mjs", - "require": "./lib/color/WhatsApp/m/index.js" - }, - "./color/WhatsApp/l": { - "types": "./lib/color/WhatsApp/l/index.d.ts", - "import": "./lib/color/WhatsApp/l/index.mjs", - "require": "./lib/color/WhatsApp/l/index.js" - }, - "./color/TikTokColoredInvert/m": { - "types": "./lib/color/TikTokColoredInvert/m/index.d.ts", - "import": "./lib/color/TikTokColoredInvert/m/index.mjs", - "require": "./lib/color/TikTokColoredInvert/m/index.js" + "./color/PipedriveColored/m": { + "types": "./lib/color/PipedriveColored/m/index.d.ts", + "import": "./lib/color/PipedriveColored/m/index.mjs", + "require": "./lib/color/PipedriveColored/m/index.js" }, - "./color/TikTokColoredInvert/l": { - "types": "./lib/color/TikTokColoredInvert/l/index.d.ts", - "import": "./lib/color/TikTokColoredInvert/l/index.mjs", - "require": "./lib/color/TikTokColoredInvert/l/index.js" + "./color/PipedriveColored/l": { + "types": "./lib/color/PipedriveColored/l/index.d.ts", + "import": "./lib/color/PipedriveColored/l/index.mjs", + "require": "./lib/color/PipedriveColored/l/index.js" }, "./color/ShopifyColored/m": { "types": "./lib/color/ShopifyColored/m/index.d.ts", @@ -313,16 +323,6 @@ "import": "./lib/color/Salesforce/l/index.mjs", "require": "./lib/color/Salesforce/l/index.js" }, - "./color/PipedriveColored/m": { - "types": "./lib/color/PipedriveColored/m/index.d.ts", - "import": "./lib/color/PipedriveColored/m/index.mjs", - "require": "./lib/color/PipedriveColored/m/index.js" - }, - "./color/PipedriveColored/l": { - "types": "./lib/color/PipedriveColored/l/index.d.ts", - "import": "./lib/color/PipedriveColored/l/index.mjs", - "require": "./lib/color/PipedriveColored/l/index.js" - }, "./color/PerplexityColored/m": { "types": "./lib/color/PerplexityColored/m/index.d.ts", "import": "./lib/color/PerplexityColored/m/index.mjs", @@ -333,15 +333,15 @@ "import": "./lib/color/PerplexityColored/l/index.mjs", "require": "./lib/color/PerplexityColored/l/index.js" }, - "./color/Moz/m": { - "types": "./lib/color/Moz/m/index.d.ts", - "import": "./lib/color/Moz/m/index.mjs", - "require": "./lib/color/Moz/m/index.js" + "./color/MicrosoftOutlook/m": { + "types": "./lib/color/MicrosoftOutlook/m/index.d.ts", + "import": "./lib/color/MicrosoftOutlook/m/index.mjs", + "require": "./lib/color/MicrosoftOutlook/m/index.js" }, - "./color/Moz/l": { - "types": "./lib/color/Moz/l/index.d.ts", - "import": "./lib/color/Moz/l/index.mjs", - "require": "./lib/color/Moz/l/index.js" + "./color/MicrosoftOutlook/l": { + "types": "./lib/color/MicrosoftOutlook/l/index.d.ts", + "import": "./lib/color/MicrosoftOutlook/l/index.mjs", + "require": "./lib/color/MicrosoftOutlook/l/index.js" }, "./color/MicrosoftOffice/m": { "types": "./lib/color/MicrosoftOffice/m/index.d.ts", @@ -353,25 +353,25 @@ "import": "./lib/color/MicrosoftOffice/l/index.mjs", "require": "./lib/color/MicrosoftOffice/l/index.js" }, - "./color/MicrosoftOutlook/m": { - "types": "./lib/color/MicrosoftOutlook/m/index.d.ts", - "import": "./lib/color/MicrosoftOutlook/m/index.mjs", - "require": "./lib/color/MicrosoftOutlook/m/index.js" - }, - "./color/MicrosoftOutlook/l": { - "types": "./lib/color/MicrosoftOutlook/l/index.d.ts", - "import": "./lib/color/MicrosoftOutlook/l/index.mjs", - "require": "./lib/color/MicrosoftOutlook/l/index.js" + "./color/Moz/m": { + "types": "./lib/color/Moz/m/index.d.ts", + "import": "./lib/color/Moz/m/index.mjs", + "require": "./lib/color/Moz/m/index.js" }, - "./color/MicrosoftExchange/m": { - "types": "./lib/color/MicrosoftExchange/m/index.d.ts", - "import": "./lib/color/MicrosoftExchange/m/index.mjs", - "require": "./lib/color/MicrosoftExchange/m/index.js" + "./color/Moz/l": { + "types": "./lib/color/Moz/l/index.d.ts", + "import": "./lib/color/Moz/l/index.mjs", + "require": "./lib/color/Moz/l/index.js" }, - "./color/MicrosoftExchange/l": { - "types": "./lib/color/MicrosoftExchange/l/index.d.ts", - "import": "./lib/color/MicrosoftExchange/l/index.mjs", - "require": "./lib/color/MicrosoftExchange/l/index.js" + "./color/Microsoft/m": { + "types": "./lib/color/Microsoft/m/index.d.ts", + "import": "./lib/color/Microsoft/m/index.mjs", + "require": "./lib/color/Microsoft/m/index.js" + }, + "./color/Microsoft/l": { + "types": "./lib/color/Microsoft/l/index.d.ts", + "import": "./lib/color/Microsoft/l/index.mjs", + "require": "./lib/color/Microsoft/l/index.js" }, "./color/MetaColored/m": { "types": "./lib/color/MetaColored/m/index.d.ts", @@ -393,26 +393,6 @@ "import": "./lib/color/Matomo/l/index.mjs", "require": "./lib/color/Matomo/l/index.js" }, - "./color/Microsoft/m": { - "types": "./lib/color/Microsoft/m/index.d.ts", - "import": "./lib/color/Microsoft/m/index.mjs", - "require": "./lib/color/Microsoft/m/index.js" - }, - "./color/Microsoft/l": { - "types": "./lib/color/Microsoft/l/index.d.ts", - "import": "./lib/color/Microsoft/l/index.mjs", - "require": "./lib/color/Microsoft/l/index.js" - }, - "./color/Mailchimp/m": { - "types": "./lib/color/Mailchimp/m/index.d.ts", - "import": "./lib/color/Mailchimp/m/index.mjs", - "require": "./lib/color/Mailchimp/m/index.js" - }, - "./color/Mailchimp/l": { - "types": "./lib/color/Mailchimp/l/index.d.ts", - "import": "./lib/color/Mailchimp/l/index.mjs", - "require": "./lib/color/Mailchimp/l/index.js" - }, "./color/LookerStudio/m": { "types": "./lib/color/LookerStudio/m/index.d.ts", "import": "./lib/color/LookerStudio/m/index.mjs", @@ -423,15 +403,25 @@ "import": "./lib/color/LookerStudio/l/index.mjs", "require": "./lib/color/LookerStudio/l/index.js" }, - "./color/JavaScript/m": { - "types": "./lib/color/JavaScript/m/index.d.ts", - "import": "./lib/color/JavaScript/m/index.mjs", - "require": "./lib/color/JavaScript/m/index.js" + "./color/MicrosoftExchange/m": { + "types": "./lib/color/MicrosoftExchange/m/index.d.ts", + "import": "./lib/color/MicrosoftExchange/m/index.mjs", + "require": "./lib/color/MicrosoftExchange/m/index.js" }, - "./color/JavaScript/l": { - "types": "./lib/color/JavaScript/l/index.d.ts", - "import": "./lib/color/JavaScript/l/index.mjs", - "require": "./lib/color/JavaScript/l/index.js" + "./color/MicrosoftExchange/l": { + "types": "./lib/color/MicrosoftExchange/l/index.d.ts", + "import": "./lib/color/MicrosoftExchange/l/index.mjs", + "require": "./lib/color/MicrosoftExchange/l/index.js" + }, + "./color/Mailchimp/m": { + "types": "./lib/color/Mailchimp/m/index.d.ts", + "import": "./lib/color/Mailchimp/m/index.mjs", + "require": "./lib/color/Mailchimp/m/index.js" + }, + "./color/Mailchimp/l": { + "types": "./lib/color/Mailchimp/l/index.d.ts", + "import": "./lib/color/Mailchimp/l/index.mjs", + "require": "./lib/color/Mailchimp/l/index.js" }, "./color/LinkedInColored/m": { "types": "./lib/color/LinkedInColored/m/index.d.ts", @@ -463,16 +453,6 @@ "import": "./lib/color/Hubspot/l/index.mjs", "require": "./lib/color/Hubspot/l/index.js" }, - "./color/GoogleSlides/m": { - "types": "./lib/color/GoogleSlides/m/index.d.ts", - "import": "./lib/color/GoogleSlides/m/index.mjs", - "require": "./lib/color/GoogleSlides/m/index.js" - }, - "./color/GoogleSlides/l": { - "types": "./lib/color/GoogleSlides/l/index.d.ts", - "import": "./lib/color/GoogleSlides/l/index.mjs", - "require": "./lib/color/GoogleSlides/l/index.js" - }, "./color/GoogleSearchConsole/m": { "types": "./lib/color/GoogleSearchConsole/m/index.d.ts", "import": "./lib/color/GoogleSearchConsole/m/index.mjs", @@ -483,6 +463,16 @@ "import": "./lib/color/GoogleSearchConsole/l/index.mjs", "require": "./lib/color/GoogleSearchConsole/l/index.js" }, + "./color/GoogleSlides/m": { + "types": "./lib/color/GoogleSlides/m/index.d.ts", + "import": "./lib/color/GoogleSlides/m/index.mjs", + "require": "./lib/color/GoogleSlides/m/index.js" + }, + "./color/GoogleSlides/l": { + "types": "./lib/color/GoogleSlides/l/index.d.ts", + "import": "./lib/color/GoogleSlides/l/index.mjs", + "require": "./lib/color/GoogleSlides/l/index.js" + }, "./color/GoogleSheets/m": { "types": "./lib/color/GoogleSheets/m/index.d.ts", "import": "./lib/color/GoogleSheets/m/index.mjs", @@ -503,6 +493,16 @@ "import": "./lib/color/GoogleMyBusiness/l/index.mjs", "require": "./lib/color/GoogleMyBusiness/l/index.js" }, + "./color/JavaScript/m": { + "types": "./lib/color/JavaScript/m/index.d.ts", + "import": "./lib/color/JavaScript/m/index.mjs", + "require": "./lib/color/JavaScript/m/index.js" + }, + "./color/JavaScript/l": { + "types": "./lib/color/JavaScript/l/index.d.ts", + "import": "./lib/color/JavaScript/l/index.mjs", + "require": "./lib/color/JavaScript/l/index.js" + }, "./color/GoogleGenerativeAIColored/m": { "types": "./lib/color/GoogleGenerativeAIColored/m/index.d.ts", "import": "./lib/color/GoogleGenerativeAIColored/m/index.mjs", @@ -513,6 +513,16 @@ "import": "./lib/color/GoogleGenerativeAIColored/l/index.mjs", "require": "./lib/color/GoogleGenerativeAIColored/l/index.js" }, + "./color/GoogleMail/m": { + "types": "./lib/color/GoogleMail/m/index.d.ts", + "import": "./lib/color/GoogleMail/m/index.mjs", + "require": "./lib/color/GoogleMail/m/index.js" + }, + "./color/GoogleMail/l": { + "types": "./lib/color/GoogleMail/l/index.d.ts", + "import": "./lib/color/GoogleMail/l/index.mjs", + "require": "./lib/color/GoogleMail/l/index.js" + }, "./color/GoogleDocs/m": { "types": "./lib/color/GoogleDocs/m/index.d.ts", "import": "./lib/color/GoogleDocs/m/index.mjs", @@ -533,25 +543,15 @@ "import": "./lib/color/GoogleDisplayVideoAds/l/index.mjs", "require": "./lib/color/GoogleDisplayVideoAds/l/index.js" }, - "./color/GoogleMail/m": { - "types": "./lib/color/GoogleMail/m/index.d.ts", - "import": "./lib/color/GoogleMail/m/index.mjs", - "require": "./lib/color/GoogleMail/m/index.js" - }, - "./color/GoogleMail/l": { - "types": "./lib/color/GoogleMail/l/index.d.ts", - "import": "./lib/color/GoogleMail/l/index.mjs", - "require": "./lib/color/GoogleMail/l/index.js" - }, - "./color/GoogleDataStudio/m": { - "types": "./lib/color/GoogleDataStudio/m/index.d.ts", - "import": "./lib/color/GoogleDataStudio/m/index.mjs", - "require": "./lib/color/GoogleDataStudio/m/index.js" + "./color/GoogleColor/m": { + "types": "./lib/color/GoogleColor/m/index.d.ts", + "import": "./lib/color/GoogleColor/m/index.mjs", + "require": "./lib/color/GoogleColor/m/index.js" }, - "./color/GoogleDataStudio/l": { - "types": "./lib/color/GoogleDataStudio/l/index.d.ts", - "import": "./lib/color/GoogleDataStudio/l/index.mjs", - "require": "./lib/color/GoogleDataStudio/l/index.js" + "./color/GoogleColor/l": { + "types": "./lib/color/GoogleColor/l/index.d.ts", + "import": "./lib/color/GoogleColor/l/index.mjs", + "require": "./lib/color/GoogleColor/l/index.js" }, "./color/GoogleCloud/m": { "types": "./lib/color/GoogleCloud/m/index.d.ts", @@ -563,6 +563,16 @@ "import": "./lib/color/GoogleCloud/l/index.mjs", "require": "./lib/color/GoogleCloud/l/index.js" }, + "./color/GoogleDataStudio/m": { + "types": "./lib/color/GoogleDataStudio/m/index.d.ts", + "import": "./lib/color/GoogleDataStudio/m/index.mjs", + "require": "./lib/color/GoogleDataStudio/m/index.js" + }, + "./color/GoogleDataStudio/l": { + "types": "./lib/color/GoogleDataStudio/l/index.d.ts", + "import": "./lib/color/GoogleDataStudio/l/index.mjs", + "require": "./lib/color/GoogleDataStudio/l/index.js" + }, "./color/GoogleAnalytics4/m": { "types": "./lib/color/GoogleAnalytics4/m/index.d.ts", "import": "./lib/color/GoogleAnalytics4/m/index.mjs", @@ -573,6 +583,16 @@ "import": "./lib/color/GoogleAnalytics4/l/index.mjs", "require": "./lib/color/GoogleAnalytics4/l/index.js" }, + "./color/GoogleAds/m": { + "types": "./lib/color/GoogleAds/m/index.d.ts", + "import": "./lib/color/GoogleAds/m/index.mjs", + "require": "./lib/color/GoogleAds/m/index.js" + }, + "./color/GoogleAds/l": { + "types": "./lib/color/GoogleAds/l/index.d.ts", + "import": "./lib/color/GoogleAds/l/index.mjs", + "require": "./lib/color/GoogleAds/l/index.js" + }, "./color/GoogleAnalytics/m": { "types": "./lib/color/GoogleAnalytics/m/index.d.ts", "import": "./lib/color/GoogleAnalytics/m/index.mjs", @@ -583,15 +603,15 @@ "import": "./lib/color/GoogleAnalytics/l/index.mjs", "require": "./lib/color/GoogleAnalytics/l/index.js" }, - "./color/GoogleColor/m": { - "types": "./lib/color/GoogleColor/m/index.d.ts", - "import": "./lib/color/GoogleColor/m/index.mjs", - "require": "./lib/color/GoogleColor/m/index.js" + "./color/Figma/m": { + "types": "./lib/color/Figma/m/index.d.ts", + "import": "./lib/color/Figma/m/index.mjs", + "require": "./lib/color/Figma/m/index.js" }, - "./color/GoogleColor/l": { - "types": "./lib/color/GoogleColor/l/index.d.ts", - "import": "./lib/color/GoogleColor/l/index.mjs", - "require": "./lib/color/GoogleColor/l/index.js" + "./color/Figma/l": { + "types": "./lib/color/Figma/l/index.d.ts", + "import": "./lib/color/Figma/l/index.mjs", + "require": "./lib/color/Figma/l/index.js" }, "./color/GitHubInvert/m": { "types": "./lib/color/GitHubInvert/m/index.d.ts", @@ -623,25 +643,15 @@ "import": "./lib/color/GitLab/l/index.mjs", "require": "./lib/color/GitLab/l/index.js" }, - "./color/GoogleAds/m": { - "types": "./lib/color/GoogleAds/m/index.d.ts", - "import": "./lib/color/GoogleAds/m/index.mjs", - "require": "./lib/color/GoogleAds/m/index.js" - }, - "./color/GoogleAds/l": { - "types": "./lib/color/GoogleAds/l/index.d.ts", - "import": "./lib/color/GoogleAds/l/index.mjs", - "require": "./lib/color/GoogleAds/l/index.js" - }, - "./color/Figma/m": { - "types": "./lib/color/Figma/m/index.d.ts", - "import": "./lib/color/Figma/m/index.mjs", - "require": "./lib/color/Figma/m/index.js" + "./color/Confluence/m": { + "types": "./lib/color/Confluence/m/index.d.ts", + "import": "./lib/color/Confluence/m/index.mjs", + "require": "./lib/color/Confluence/m/index.js" }, - "./color/Figma/l": { - "types": "./lib/color/Figma/l/index.d.ts", - "import": "./lib/color/Figma/l/index.mjs", - "require": "./lib/color/Figma/l/index.js" + "./color/Confluence/l": { + "types": "./lib/color/Confluence/l/index.d.ts", + "import": "./lib/color/Confluence/l/index.mjs", + "require": "./lib/color/Confluence/l/index.js" }, "./color/Copilot/m": { "types": "./lib/color/Copilot/m/index.d.ts", @@ -653,16 +663,6 @@ "import": "./lib/color/Copilot/l/index.mjs", "require": "./lib/color/Copilot/l/index.js" }, - "./color/Confluence/m": { - "types": "./lib/color/Confluence/m/index.d.ts", - "import": "./lib/color/Confluence/m/index.mjs", - "require": "./lib/color/Confluence/m/index.js" - }, - "./color/Confluence/l": { - "types": "./lib/color/Confluence/l/index.d.ts", - "import": "./lib/color/Confluence/l/index.mjs", - "require": "./lib/color/Confluence/l/index.js" - }, "./color/ConstantContactColored/m": { "types": "./lib/color/ConstantContactColored/m/index.d.ts", "import": "./lib/color/ConstantContactColored/m/index.mjs", @@ -673,16 +673,6 @@ "import": "./lib/color/ConstantContactColored/l/index.mjs", "require": "./lib/color/ConstantContactColored/l/index.js" }, - "./color/ClaudeColored/m": { - "types": "./lib/color/ClaudeColored/m/index.d.ts", - "import": "./lib/color/ClaudeColored/m/index.mjs", - "require": "./lib/color/ClaudeColored/m/index.js" - }, - "./color/ClaudeColored/l": { - "types": "./lib/color/ClaudeColored/l/index.d.ts", - "import": "./lib/color/ClaudeColored/l/index.mjs", - "require": "./lib/color/ClaudeColored/l/index.js" - }, "./color/CampaignMonitorColored/m": { "types": "./lib/color/CampaignMonitorColored/m/index.d.ts", "import": "./lib/color/CampaignMonitorColored/m/index.mjs", @@ -693,6 +683,16 @@ "import": "./lib/color/CampaignMonitorColored/l/index.mjs", "require": "./lib/color/CampaignMonitorColored/l/index.js" }, + "./color/ClaudeColored/m": { + "types": "./lib/color/ClaudeColored/m/index.d.ts", + "import": "./lib/color/ClaudeColored/m/index.mjs", + "require": "./lib/color/ClaudeColored/m/index.js" + }, + "./color/ClaudeColored/l": { + "types": "./lib/color/ClaudeColored/l/index.d.ts", + "import": "./lib/color/ClaudeColored/l/index.mjs", + "require": "./lib/color/ClaudeColored/l/index.js" + }, "./color/CallRailColored/m": { "types": "./lib/color/CallRailColored/m/index.d.ts", "import": "./lib/color/CallRailColored/m/index.mjs", @@ -703,16 +703,6 @@ "import": "./lib/color/CallRailColored/l/index.mjs", "require": "./lib/color/CallRailColored/l/index.js" }, - "./color/CallTrackingMetricsColored/m": { - "types": "./lib/color/CallTrackingMetricsColored/m/index.d.ts", - "import": "./lib/color/CallTrackingMetricsColored/m/index.mjs", - "require": "./lib/color/CallTrackingMetricsColored/m/index.js" - }, - "./color/CallTrackingMetricsColored/l": { - "types": "./lib/color/CallTrackingMetricsColored/l/index.d.ts", - "import": "./lib/color/CallTrackingMetricsColored/l/index.mjs", - "require": "./lib/color/CallTrackingMetricsColored/l/index.js" - }, "./color/BirdeyeColored/m": { "types": "./lib/color/BirdeyeColored/m/index.d.ts", "import": "./lib/color/BirdeyeColored/m/index.mjs", @@ -723,6 +713,16 @@ "import": "./lib/color/BirdeyeColored/l/index.mjs", "require": "./lib/color/BirdeyeColored/l/index.js" }, + "./color/CallTrackingMetricsColored/m": { + "types": "./lib/color/CallTrackingMetricsColored/m/index.d.ts", + "import": "./lib/color/CallTrackingMetricsColored/m/index.mjs", + "require": "./lib/color/CallTrackingMetricsColored/m/index.js" + }, + "./color/CallTrackingMetricsColored/l": { + "types": "./lib/color/CallTrackingMetricsColored/l/index.d.ts", + "import": "./lib/color/CallTrackingMetricsColored/l/index.mjs", + "require": "./lib/color/CallTrackingMetricsColored/l/index.js" + }, "./color/Amazon/m": { "types": "./lib/color/Amazon/m/index.d.ts", "import": "./lib/color/Amazon/m/index.mjs", @@ -743,16 +743,6 @@ "import": "./lib/color/Ahrefs/l/index.mjs", "require": "./lib/color/Ahrefs/l/index.js" }, - "./ZoomPlus/m": { - "types": "./lib/ZoomPlus/m/index.d.ts", - "import": "./lib/ZoomPlus/m/index.mjs", - "require": "./lib/ZoomPlus/m/index.js" - }, - "./ZoomPlus/l": { - "types": "./lib/ZoomPlus/l/index.d.ts", - "import": "./lib/ZoomPlus/l/index.mjs", - "require": "./lib/ZoomPlus/l/index.js" - }, "./YoutubePlaceholder/m": { "types": "./lib/YoutubePlaceholder/m/index.d.ts", "import": "./lib/YoutubePlaceholder/m/index.mjs", @@ -763,6 +753,16 @@ "import": "./lib/YoutubePlaceholder/l/index.mjs", "require": "./lib/YoutubePlaceholder/l/index.js" }, + "./ZoomPlus/m": { + "types": "./lib/ZoomPlus/m/index.d.ts", + "import": "./lib/ZoomPlus/m/index.mjs", + "require": "./lib/ZoomPlus/m/index.js" + }, + "./ZoomPlus/l": { + "types": "./lib/ZoomPlus/l/index.d.ts", + "import": "./lib/ZoomPlus/l/index.mjs", + "require": "./lib/ZoomPlus/l/index.js" + }, "./ZoomMinus/m": { "types": "./lib/ZoomMinus/m/index.d.ts", "import": "./lib/ZoomMinus/m/index.mjs", @@ -773,6 +773,16 @@ "import": "./lib/ZoomMinus/l/index.mjs", "require": "./lib/ZoomMinus/l/index.js" }, + "./Yext/m": { + "types": "./lib/Yext/m/index.d.ts", + "import": "./lib/Yext/m/index.mjs", + "require": "./lib/Yext/m/index.js" + }, + "./Yext/l": { + "types": "./lib/Yext/l/index.d.ts", + "import": "./lib/Yext/l/index.mjs", + "require": "./lib/Yext/l/index.js" + }, "./Youtube/m": { "types": "./lib/Youtube/m/index.d.ts", "import": "./lib/Youtube/m/index.mjs", @@ -783,6 +793,16 @@ "import": "./lib/Youtube/l/index.mjs", "require": "./lib/Youtube/l/index.js" }, + "./Wordpress/m": { + "types": "./lib/Wordpress/m/index.d.ts", + "import": "./lib/Wordpress/m/index.mjs", + "require": "./lib/Wordpress/m/index.js" + }, + "./Wordpress/l": { + "types": "./lib/Wordpress/l/index.d.ts", + "import": "./lib/Wordpress/l/index.mjs", + "require": "./lib/Wordpress/l/index.js" + }, "./Wristwatch/m": { "types": "./lib/Wristwatch/m/index.d.ts", "import": "./lib/Wristwatch/m/index.mjs", @@ -793,16 +813,6 @@ "import": "./lib/Wristwatch/l/index.mjs", "require": "./lib/Wristwatch/l/index.js" }, - "./Yext/m": { - "types": "./lib/Yext/m/index.d.ts", - "import": "./lib/Yext/m/index.mjs", - "require": "./lib/Yext/m/index.js" - }, - "./Yext/l": { - "types": "./lib/Yext/l/index.d.ts", - "import": "./lib/Yext/l/index.mjs", - "require": "./lib/Yext/l/index.js" - }, "./Wine/m": { "types": "./lib/Wine/m/index.d.ts", "import": "./lib/Wine/m/index.mjs", @@ -813,16 +823,6 @@ "import": "./lib/Wine/l/index.mjs", "require": "./lib/Wine/l/index.js" }, - "./Wordpress/m": { - "types": "./lib/Wordpress/m/index.d.ts", - "import": "./lib/Wordpress/m/index.mjs", - "require": "./lib/Wordpress/m/index.js" - }, - "./Wordpress/l": { - "types": "./lib/Wordpress/l/index.d.ts", - "import": "./lib/Wordpress/l/index.mjs", - "require": "./lib/Wordpress/l/index.js" - }, "./WebStories/m": { "types": "./lib/WebStories/m/index.d.ts", "import": "./lib/WebStories/m/index.mjs", @@ -843,16 +843,6 @@ "import": "./lib/Warning/l/index.mjs", "require": "./lib/Warning/l/index.js" }, - "./VolumeUp/m": { - "types": "./lib/VolumeUp/m/index.d.ts", - "import": "./lib/VolumeUp/m/index.mjs", - "require": "./lib/VolumeUp/m/index.js" - }, - "./VolumeUp/l": { - "types": "./lib/VolumeUp/l/index.d.ts", - "import": "./lib/VolumeUp/l/index.mjs", - "require": "./lib/VolumeUp/l/index.js" - }, "./WebPages/m": { "types": "./lib/WebPages/m/index.d.ts", "import": "./lib/WebPages/m/index.mjs", @@ -863,6 +853,16 @@ "import": "./lib/WebPages/l/index.mjs", "require": "./lib/WebPages/l/index.js" }, + "./VolumeUp/m": { + "types": "./lib/VolumeUp/m/index.d.ts", + "import": "./lib/VolumeUp/m/index.mjs", + "require": "./lib/VolumeUp/m/index.js" + }, + "./VolumeUp/l": { + "types": "./lib/VolumeUp/l/index.d.ts", + "import": "./lib/VolumeUp/l/index.mjs", + "require": "./lib/VolumeUp/l/index.js" + }, "./Vk/m": { "types": "./lib/Vk/m/index.d.ts", "import": "./lib/Vk/m/index.mjs", @@ -893,15 +893,25 @@ "import": "./lib/VideoStop/l/index.mjs", "require": "./lib/VideoStop/l/index.js" }, - "./VideoCarousel/m": { - "types": "./lib/VideoCarousel/m/index.d.ts", - "import": "./lib/VideoCarousel/m/index.mjs", - "require": "./lib/VideoCarousel/m/index.js" + "./VideoAlt/m": { + "types": "./lib/VideoAlt/m/index.d.ts", + "import": "./lib/VideoAlt/m/index.mjs", + "require": "./lib/VideoAlt/m/index.js" }, - "./VideoCarousel/l": { - "types": "./lib/VideoCarousel/l/index.d.ts", - "import": "./lib/VideoCarousel/l/index.mjs", - "require": "./lib/VideoCarousel/l/index.js" + "./VideoAlt/l": { + "types": "./lib/VideoAlt/l/index.d.ts", + "import": "./lib/VideoAlt/l/index.mjs", + "require": "./lib/VideoAlt/l/index.js" + }, + "./Veterinary/m": { + "types": "./lib/Veterinary/m/index.d.ts", + "import": "./lib/Veterinary/m/index.mjs", + "require": "./lib/Veterinary/m/index.js" + }, + "./Veterinary/l": { + "types": "./lib/Veterinary/l/index.d.ts", + "import": "./lib/Veterinary/l/index.mjs", + "require": "./lib/Veterinary/l/index.js" }, "./VideoList/m": { "types": "./lib/VideoList/m/index.d.ts", @@ -913,6 +923,16 @@ "import": "./lib/VideoList/l/index.mjs", "require": "./lib/VideoList/l/index.js" }, + "./VideoCarousel/m": { + "types": "./lib/VideoCarousel/m/index.d.ts", + "import": "./lib/VideoCarousel/m/index.mjs", + "require": "./lib/VideoCarousel/m/index.js" + }, + "./VideoCarousel/l": { + "types": "./lib/VideoCarousel/l/index.d.ts", + "import": "./lib/VideoCarousel/l/index.mjs", + "require": "./lib/VideoCarousel/l/index.js" + }, "./Video/m": { "types": "./lib/Video/m/index.d.ts", "import": "./lib/Video/m/index.mjs", @@ -923,26 +943,6 @@ "import": "./lib/Video/l/index.mjs", "require": "./lib/Video/l/index.js" }, - "./Veterinary/m": { - "types": "./lib/Veterinary/m/index.d.ts", - "import": "./lib/Veterinary/m/index.mjs", - "require": "./lib/Veterinary/m/index.js" - }, - "./Veterinary/l": { - "types": "./lib/Veterinary/l/index.d.ts", - "import": "./lib/Veterinary/l/index.mjs", - "require": "./lib/Veterinary/l/index.js" - }, - "./VideoAlt/m": { - "types": "./lib/VideoAlt/m/index.d.ts", - "import": "./lib/VideoAlt/m/index.mjs", - "require": "./lib/VideoAlt/m/index.js" - }, - "./VideoAlt/l": { - "types": "./lib/VideoAlt/l/index.d.ts", - "import": "./lib/VideoAlt/l/index.mjs", - "require": "./lib/VideoAlt/l/index.js" - }, "./Value/m": { "types": "./lib/Value/m/index.d.ts", "import": "./lib/Value/m/index.mjs", @@ -953,26 +953,6 @@ "import": "./lib/Value/l/index.mjs", "require": "./lib/Value/l/index.js" }, - "./Vacation/m": { - "types": "./lib/Vacation/m/index.d.ts", - "import": "./lib/Vacation/m/index.mjs", - "require": "./lib/Vacation/m/index.js" - }, - "./Vacation/l": { - "types": "./lib/Vacation/l/index.d.ts", - "import": "./lib/Vacation/l/index.mjs", - "require": "./lib/Vacation/l/index.js" - }, - "./UserSharedFirst/m": { - "types": "./lib/UserSharedFirst/m/index.d.ts", - "import": "./lib/UserSharedFirst/m/index.mjs", - "require": "./lib/UserSharedFirst/m/index.js" - }, - "./UserSharedFirst/l": { - "types": "./lib/UserSharedFirst/l/index.d.ts", - "import": "./lib/UserSharedFirst/l/index.mjs", - "require": "./lib/UserSharedFirst/l/index.js" - }, "./UserShared/m": { "types": "./lib/UserShared/m/index.d.ts", "import": "./lib/UserShared/m/index.mjs", @@ -983,15 +963,15 @@ "import": "./lib/UserShared/l/index.mjs", "require": "./lib/UserShared/l/index.js" }, - "./UserGroup/m": { - "types": "./lib/UserGroup/m/index.d.ts", - "import": "./lib/UserGroup/m/index.mjs", - "require": "./lib/UserGroup/m/index.js" + "./Vacation/m": { + "types": "./lib/Vacation/m/index.d.ts", + "import": "./lib/Vacation/m/index.mjs", + "require": "./lib/Vacation/m/index.js" }, - "./UserGroup/l": { - "types": "./lib/UserGroup/l/index.d.ts", - "import": "./lib/UserGroup/l/index.mjs", - "require": "./lib/UserGroup/l/index.js" + "./Vacation/l": { + "types": "./lib/Vacation/l/index.d.ts", + "import": "./lib/Vacation/l/index.mjs", + "require": "./lib/Vacation/l/index.js" }, "./UserDemo/m": { "types": "./lib/UserDemo/m/index.d.ts", @@ -1003,6 +983,16 @@ "import": "./lib/UserDemo/l/index.mjs", "require": "./lib/UserDemo/l/index.js" }, + "./UserGroup/m": { + "types": "./lib/UserGroup/m/index.d.ts", + "import": "./lib/UserGroup/m/index.mjs", + "require": "./lib/UserGroup/m/index.js" + }, + "./UserGroup/l": { + "types": "./lib/UserGroup/l/index.d.ts", + "import": "./lib/UserGroup/l/index.mjs", + "require": "./lib/UserGroup/l/index.js" + }, "./Unsplash/m": { "types": "./lib/Unsplash/m/index.d.ts", "import": "./lib/Unsplash/m/index.mjs", @@ -1013,6 +1003,26 @@ "import": "./lib/Unsplash/l/index.mjs", "require": "./lib/Unsplash/l/index.js" }, + "./UserSharedFirst/m": { + "types": "./lib/UserSharedFirst/m/index.d.ts", + "import": "./lib/UserSharedFirst/m/index.mjs", + "require": "./lib/UserSharedFirst/m/index.js" + }, + "./UserSharedFirst/l": { + "types": "./lib/UserSharedFirst/l/index.d.ts", + "import": "./lib/UserSharedFirst/l/index.mjs", + "require": "./lib/UserSharedFirst/l/index.js" + }, + "./Unarchive/m": { + "types": "./lib/Unarchive/m/index.d.ts", + "import": "./lib/Unarchive/m/index.mjs", + "require": "./lib/Unarchive/m/index.js" + }, + "./Unarchive/l": { + "types": "./lib/Unarchive/l/index.d.ts", + "import": "./lib/Unarchive/l/index.mjs", + "require": "./lib/Unarchive/l/index.js" + }, "./User/m": { "types": "./lib/User/m/index.d.ts", "import": "./lib/User/m/index.mjs", @@ -1033,6 +1043,16 @@ "import": "./lib/Undo/l/index.mjs", "require": "./lib/Undo/l/index.js" }, + "./Twitter/m": { + "types": "./lib/Twitter/m/index.d.ts", + "import": "./lib/Twitter/m/index.mjs", + "require": "./lib/Twitter/m/index.js" + }, + "./Twitter/l": { + "types": "./lib/Twitter/l/index.d.ts", + "import": "./lib/Twitter/l/index.mjs", + "require": "./lib/Twitter/l/index.js" + }, "./TwitterCarousel/m": { "types": "./lib/TwitterCarousel/m/index.d.ts", "import": "./lib/TwitterCarousel/m/index.mjs", @@ -1043,15 +1063,25 @@ "import": "./lib/TwitterCarousel/l/index.mjs", "require": "./lib/TwitterCarousel/l/index.js" }, - "./Unarchive/m": { - "types": "./lib/Unarchive/m/index.d.ts", - "import": "./lib/Unarchive/m/index.mjs", - "require": "./lib/Unarchive/m/index.js" + "./TopStories/m": { + "types": "./lib/TopStories/m/index.d.ts", + "import": "./lib/TopStories/m/index.mjs", + "require": "./lib/TopStories/m/index.js" }, - "./Unarchive/l": { - "types": "./lib/Unarchive/l/index.d.ts", - "import": "./lib/Unarchive/l/index.mjs", - "require": "./lib/Unarchive/l/index.js" + "./TopStories/l": { + "types": "./lib/TopStories/l/index.d.ts", + "import": "./lib/TopStories/l/index.mjs", + "require": "./lib/TopStories/l/index.js" + }, + "./TimeNight/m": { + "types": "./lib/TimeNight/m/index.d.ts", + "import": "./lib/TimeNight/m/index.mjs", + "require": "./lib/TimeNight/m/index.js" + }, + "./TimeNight/l": { + "types": "./lib/TimeNight/l/index.d.ts", + "import": "./lib/TimeNight/l/index.mjs", + "require": "./lib/TimeNight/l/index.js" }, "./Trello/m": { "types": "./lib/Trello/m/index.d.ts", @@ -1063,15 +1093,15 @@ "import": "./lib/Trello/l/index.mjs", "require": "./lib/Trello/l/index.js" }, - "./Twitter/m": { - "types": "./lib/Twitter/m/index.d.ts", - "import": "./lib/Twitter/m/index.mjs", - "require": "./lib/Twitter/m/index.js" + "./Toxic/m": { + "types": "./lib/Toxic/m/index.d.ts", + "import": "./lib/Toxic/m/index.mjs", + "require": "./lib/Toxic/m/index.js" }, - "./Twitter/l": { - "types": "./lib/Twitter/l/index.d.ts", - "import": "./lib/Twitter/l/index.mjs", - "require": "./lib/Twitter/l/index.js" + "./Toxic/l": { + "types": "./lib/Toxic/l/index.d.ts", + "import": "./lib/Toxic/l/index.mjs", + "require": "./lib/Toxic/l/index.js" }, "./Trash/m": { "types": "./lib/Trash/m/index.d.ts", @@ -1083,45 +1113,15 @@ "import": "./lib/Trash/l/index.mjs", "require": "./lib/Trash/l/index.js" }, - "./Toxic/m": { - "types": "./lib/Toxic/m/index.d.ts", - "import": "./lib/Toxic/m/index.mjs", - "require": "./lib/Toxic/m/index.js" - }, - "./Toxic/l": { - "types": "./lib/Toxic/l/index.d.ts", - "import": "./lib/Toxic/l/index.mjs", - "require": "./lib/Toxic/l/index.js" + "./TimeClock/m": { + "types": "./lib/TimeClock/m/index.d.ts", + "import": "./lib/TimeClock/m/index.mjs", + "require": "./lib/TimeClock/m/index.js" }, - "./TimeNight/m": { - "types": "./lib/TimeNight/m/index.d.ts", - "import": "./lib/TimeNight/m/index.mjs", - "require": "./lib/TimeNight/m/index.js" - }, - "./TimeNight/l": { - "types": "./lib/TimeNight/l/index.d.ts", - "import": "./lib/TimeNight/l/index.mjs", - "require": "./lib/TimeNight/l/index.js" - }, - "./TopStories/m": { - "types": "./lib/TopStories/m/index.d.ts", - "import": "./lib/TopStories/m/index.mjs", - "require": "./lib/TopStories/m/index.js" - }, - "./TopStories/l": { - "types": "./lib/TopStories/l/index.d.ts", - "import": "./lib/TopStories/l/index.mjs", - "require": "./lib/TopStories/l/index.js" - }, - "./TimeDay/m": { - "types": "./lib/TimeDay/m/index.d.ts", - "import": "./lib/TimeDay/m/index.mjs", - "require": "./lib/TimeDay/m/index.js" - }, - "./TimeDay/l": { - "types": "./lib/TimeDay/l/index.d.ts", - "import": "./lib/TimeDay/l/index.mjs", - "require": "./lib/TimeDay/l/index.js" + "./TimeClock/l": { + "types": "./lib/TimeClock/l/index.d.ts", + "import": "./lib/TimeClock/l/index.mjs", + "require": "./lib/TimeClock/l/index.js" }, "./Tile/m": { "types": "./lib/Tile/m/index.d.ts", @@ -1133,26 +1133,6 @@ "import": "./lib/Tile/l/index.mjs", "require": "./lib/Tile/l/index.js" }, - "./TimeClock/m": { - "types": "./lib/TimeClock/m/index.d.ts", - "import": "./lib/TimeClock/m/index.mjs", - "require": "./lib/TimeClock/m/index.js" - }, - "./TimeClock/l": { - "types": "./lib/TimeClock/l/index.d.ts", - "import": "./lib/TimeClock/l/index.mjs", - "require": "./lib/TimeClock/l/index.js" - }, - "./ThumbUp/m": { - "types": "./lib/ThumbUp/m/index.d.ts", - "import": "./lib/ThumbUp/m/index.mjs", - "require": "./lib/ThumbUp/m/index.js" - }, - "./ThumbUp/l": { - "types": "./lib/ThumbUp/l/index.d.ts", - "import": "./lib/ThumbUp/l/index.mjs", - "require": "./lib/ThumbUp/l/index.js" - }, "./TikTok/m": { "types": "./lib/TikTok/m/index.d.ts", "import": "./lib/TikTok/m/index.mjs", @@ -1163,25 +1143,25 @@ "import": "./lib/TikTok/l/index.mjs", "require": "./lib/TikTok/l/index.js" }, - "./TextItalic/m": { - "types": "./lib/TextItalic/m/index.d.ts", - "import": "./lib/TextItalic/m/index.mjs", - "require": "./lib/TextItalic/m/index.js" + "./TimeDay/m": { + "types": "./lib/TimeDay/m/index.d.ts", + "import": "./lib/TimeDay/m/index.mjs", + "require": "./lib/TimeDay/m/index.js" }, - "./TextItalic/l": { - "types": "./lib/TextItalic/l/index.d.ts", - "import": "./lib/TextItalic/l/index.mjs", - "require": "./lib/TextItalic/l/index.js" + "./TimeDay/l": { + "types": "./lib/TimeDay/l/index.d.ts", + "import": "./lib/TimeDay/l/index.mjs", + "require": "./lib/TimeDay/l/index.js" }, - "./ThumbDown/m": { - "types": "./lib/ThumbDown/m/index.d.ts", - "import": "./lib/ThumbDown/m/index.mjs", - "require": "./lib/ThumbDown/m/index.js" + "./ThumbUp/m": { + "types": "./lib/ThumbUp/m/index.d.ts", + "import": "./lib/ThumbUp/m/index.mjs", + "require": "./lib/ThumbUp/m/index.js" }, - "./ThumbDown/l": { - "types": "./lib/ThumbDown/l/index.d.ts", - "import": "./lib/ThumbDown/l/index.mjs", - "require": "./lib/ThumbDown/l/index.js" + "./ThumbUp/l": { + "types": "./lib/ThumbUp/l/index.d.ts", + "import": "./lib/ThumbUp/l/index.mjs", + "require": "./lib/ThumbUp/l/index.js" }, "./TextQuotes/m": { "types": "./lib/TextQuotes/m/index.d.ts", @@ -1203,6 +1183,16 @@ "import": "./lib/TextUnderline/l/index.mjs", "require": "./lib/TextUnderline/l/index.js" }, + "./ThumbDown/m": { + "types": "./lib/ThumbDown/m/index.d.ts", + "import": "./lib/ThumbDown/m/index.mjs", + "require": "./lib/ThumbDown/m/index.js" + }, + "./ThumbDown/l": { + "types": "./lib/ThumbDown/l/index.d.ts", + "import": "./lib/ThumbDown/l/index.mjs", + "require": "./lib/ThumbDown/l/index.js" + }, "./Text/m": { "types": "./lib/Text/m/index.d.ts", "import": "./lib/Text/m/index.mjs", @@ -1223,15 +1213,15 @@ "import": "./lib/Telescope/l/index.mjs", "require": "./lib/Telescope/l/index.js" }, - "./TagFilled/m": { - "types": "./lib/TagFilled/m/index.d.ts", - "import": "./lib/TagFilled/m/index.mjs", - "require": "./lib/TagFilled/m/index.js" + "./TextItalic/m": { + "types": "./lib/TextItalic/m/index.d.ts", + "import": "./lib/TextItalic/m/index.mjs", + "require": "./lib/TextItalic/m/index.js" }, - "./TagFilled/l": { - "types": "./lib/TagFilled/l/index.d.ts", - "import": "./lib/TagFilled/l/index.mjs", - "require": "./lib/TagFilled/l/index.js" + "./TextItalic/l": { + "types": "./lib/TextItalic/l/index.d.ts", + "import": "./lib/TextItalic/l/index.mjs", + "require": "./lib/TextItalic/l/index.js" }, "./TextBold/m": { "types": "./lib/TextBold/m/index.d.ts", @@ -1243,16 +1233,6 @@ "import": "./lib/TextBold/l/index.mjs", "require": "./lib/TextBold/l/index.js" }, - "./Tag/m": { - "types": "./lib/Tag/m/index.d.ts", - "import": "./lib/Tag/m/index.mjs", - "require": "./lib/Tag/m/index.js" - }, - "./Tag/l": { - "types": "./lib/Tag/l/index.d.ts", - "import": "./lib/Tag/l/index.mjs", - "require": "./lib/Tag/l/index.js" - }, "./TackNo/m": { "types": "./lib/TackNo/m/index.d.ts", "import": "./lib/TackNo/m/index.mjs", @@ -1273,25 +1253,15 @@ "import": "./lib/Tack/l/index.mjs", "require": "./lib/Tack/l/index.js" }, - "./Tablet/m": { - "types": "./lib/Tablet/m/index.d.ts", - "import": "./lib/Tablet/m/index.mjs", - "require": "./lib/Tablet/m/index.js" - }, - "./Tablet/l": { - "types": "./lib/Tablet/l/index.d.ts", - "import": "./lib/Tablet/l/index.mjs", - "require": "./lib/Tablet/l/index.js" - }, - "./SummaryAI/m": { - "types": "./lib/SummaryAI/m/index.d.ts", - "import": "./lib/SummaryAI/m/index.mjs", - "require": "./lib/SummaryAI/m/index.js" + "./TagFilled/m": { + "types": "./lib/TagFilled/m/index.d.ts", + "import": "./lib/TagFilled/m/index.mjs", + "require": "./lib/TagFilled/m/index.js" }, - "./SummaryAI/l": { - "types": "./lib/SummaryAI/l/index.d.ts", - "import": "./lib/SummaryAI/l/index.mjs", - "require": "./lib/SummaryAI/l/index.js" + "./TagFilled/l": { + "types": "./lib/TagFilled/l/index.d.ts", + "import": "./lib/TagFilled/l/index.mjs", + "require": "./lib/TagFilled/l/index.js" }, "./Table/m": { "types": "./lib/Table/m/index.d.ts", @@ -1303,15 +1273,25 @@ "import": "./lib/Table/l/index.mjs", "require": "./lib/Table/l/index.js" }, - "./Stroller/m": { - "types": "./lib/Stroller/m/index.d.ts", - "import": "./lib/Stroller/m/index.mjs", - "require": "./lib/Stroller/m/index.js" + "./SummaryAI/m": { + "types": "./lib/SummaryAI/m/index.d.ts", + "import": "./lib/SummaryAI/m/index.mjs", + "require": "./lib/SummaryAI/m/index.js" }, - "./Stroller/l": { - "types": "./lib/Stroller/l/index.d.ts", - "import": "./lib/Stroller/l/index.mjs", - "require": "./lib/Stroller/l/index.js" + "./SummaryAI/l": { + "types": "./lib/SummaryAI/l/index.d.ts", + "import": "./lib/SummaryAI/l/index.mjs", + "require": "./lib/SummaryAI/l/index.js" + }, + "./Tag/m": { + "types": "./lib/Tag/m/index.d.ts", + "import": "./lib/Tag/m/index.mjs", + "require": "./lib/Tag/m/index.js" + }, + "./Tag/l": { + "types": "./lib/Tag/l/index.d.ts", + "import": "./lib/Tag/l/index.mjs", + "require": "./lib/Tag/l/index.js" }, "./StoriesAI/m": { "types": "./lib/StoriesAI/m/index.d.ts", @@ -1323,6 +1303,26 @@ "import": "./lib/StoriesAI/l/index.mjs", "require": "./lib/StoriesAI/l/index.js" }, + "./Stop/m": { + "types": "./lib/Stop/m/index.d.ts", + "import": "./lib/Stop/m/index.mjs", + "require": "./lib/Stop/m/index.js" + }, + "./Stop/l": { + "types": "./lib/Stop/l/index.d.ts", + "import": "./lib/Stop/l/index.mjs", + "require": "./lib/Stop/l/index.js" + }, + "./Tablet/m": { + "types": "./lib/Tablet/m/index.d.ts", + "import": "./lib/Tablet/m/index.mjs", + "require": "./lib/Tablet/m/index.js" + }, + "./Tablet/l": { + "types": "./lib/Tablet/l/index.d.ts", + "import": "./lib/Tablet/l/index.mjs", + "require": "./lib/Tablet/l/index.js" + }, "./Sport/m": { "types": "./lib/Sport/m/index.d.ts", "import": "./lib/Sport/m/index.mjs", @@ -1333,15 +1333,15 @@ "import": "./lib/Sport/l/index.mjs", "require": "./lib/Sport/l/index.js" }, - "./Stop/m": { - "types": "./lib/Stop/m/index.d.ts", - "import": "./lib/Stop/m/index.mjs", - "require": "./lib/Stop/m/index.js" + "./Stroller/m": { + "types": "./lib/Stroller/m/index.d.ts", + "import": "./lib/Stroller/m/index.mjs", + "require": "./lib/Stroller/m/index.js" }, - "./Stop/l": { - "types": "./lib/Stop/l/index.d.ts", - "import": "./lib/Stop/l/index.mjs", - "require": "./lib/Stop/l/index.js" + "./Stroller/l": { + "types": "./lib/Stroller/l/index.d.ts", + "import": "./lib/Stroller/l/index.mjs", + "require": "./lib/Stroller/l/index.js" }, "./SortDesc/m": { "types": "./lib/SortDesc/m/index.d.ts", @@ -1353,16 +1353,6 @@ "import": "./lib/SortDesc/l/index.mjs", "require": "./lib/SortDesc/l/index.js" }, - "./SortAsc/m": { - "types": "./lib/SortAsc/m/index.d.ts", - "import": "./lib/SortAsc/m/index.mjs", - "require": "./lib/SortAsc/m/index.js" - }, - "./SortAsc/l": { - "types": "./lib/SortAsc/l/index.d.ts", - "import": "./lib/SortAsc/l/index.mjs", - "require": "./lib/SortAsc/l/index.js" - }, "./SmileSad/m": { "types": "./lib/SmileSad/m/index.d.ts", "import": "./lib/SmileSad/m/index.mjs", @@ -1373,6 +1363,16 @@ "import": "./lib/SmileSad/l/index.mjs", "require": "./lib/SmileSad/l/index.js" }, + "./SortAsc/m": { + "types": "./lib/SortAsc/m/index.d.ts", + "import": "./lib/SortAsc/m/index.mjs", + "require": "./lib/SortAsc/m/index.js" + }, + "./SortAsc/l": { + "types": "./lib/SortAsc/l/index.d.ts", + "import": "./lib/SortAsc/l/index.mjs", + "require": "./lib/SortAsc/l/index.js" + }, "./Smoking/m": { "types": "./lib/Smoking/m/index.d.ts", "import": "./lib/Smoking/m/index.mjs", @@ -1383,16 +1383,6 @@ "import": "./lib/Smoking/l/index.mjs", "require": "./lib/Smoking/l/index.js" }, - "./SmileNeutral/m": { - "types": "./lib/SmileNeutral/m/index.d.ts", - "import": "./lib/SmileNeutral/m/index.mjs", - "require": "./lib/SmileNeutral/m/index.js" - }, - "./SmileNeutral/l": { - "types": "./lib/SmileNeutral/l/index.d.ts", - "import": "./lib/SmileNeutral/l/index.mjs", - "require": "./lib/SmileNeutral/l/index.js" - }, "./SmileSimple/m": { "types": "./lib/SmileSimple/m/index.d.ts", "import": "./lib/SmileSimple/m/index.mjs", @@ -1423,15 +1413,15 @@ "import": "./lib/Skype/l/index.mjs", "require": "./lib/Skype/l/index.js" }, - "./SideMenuRight/m": { - "types": "./lib/SideMenuRight/m/index.d.ts", - "import": "./lib/SideMenuRight/m/index.mjs", - "require": "./lib/SideMenuRight/m/index.js" + "./SmileNeutral/m": { + "types": "./lib/SmileNeutral/m/index.d.ts", + "import": "./lib/SmileNeutral/m/index.mjs", + "require": "./lib/SmileNeutral/m/index.js" }, - "./SideMenuRight/l": { - "types": "./lib/SideMenuRight/l/index.d.ts", - "import": "./lib/SideMenuRight/l/index.mjs", - "require": "./lib/SideMenuRight/l/index.js" + "./SmileNeutral/l": { + "types": "./lib/SmileNeutral/l/index.d.ts", + "import": "./lib/SmileNeutral/l/index.mjs", + "require": "./lib/SmileNeutral/l/index.js" }, "./SmileHappy/m": { "types": "./lib/SmileHappy/m/index.d.ts", @@ -1443,16 +1433,6 @@ "import": "./lib/SmileHappy/l/index.mjs", "require": "./lib/SmileHappy/l/index.js" }, - "./SimplifyText/m": { - "types": "./lib/SimplifyText/m/index.d.ts", - "import": "./lib/SimplifyText/m/index.mjs", - "require": "./lib/SimplifyText/m/index.js" - }, - "./SimplifyText/l": { - "types": "./lib/SimplifyText/l/index.d.ts", - "import": "./lib/SimplifyText/l/index.mjs", - "require": "./lib/SimplifyText/l/index.js" - }, "./Sitemap/m": { "types": "./lib/Sitemap/m/index.d.ts", "import": "./lib/Sitemap/m/index.mjs", @@ -1463,6 +1443,36 @@ "import": "./lib/Sitemap/l/index.mjs", "require": "./lib/Sitemap/l/index.js" }, + "./SimplifyText/m": { + "types": "./lib/SimplifyText/m/index.d.ts", + "import": "./lib/SimplifyText/m/index.mjs", + "require": "./lib/SimplifyText/m/index.js" + }, + "./SimplifyText/l": { + "types": "./lib/SimplifyText/l/index.d.ts", + "import": "./lib/SimplifyText/l/index.mjs", + "require": "./lib/SimplifyText/l/index.js" + }, + "./ShowYes/m": { + "types": "./lib/ShowYes/m/index.d.ts", + "import": "./lib/ShowYes/m/index.mjs", + "require": "./lib/ShowYes/m/index.js" + }, + "./ShowYes/l": { + "types": "./lib/ShowYes/l/index.d.ts", + "import": "./lib/ShowYes/l/index.mjs", + "require": "./lib/ShowYes/l/index.js" + }, + "./ShowNo/m": { + "types": "./lib/ShowNo/m/index.d.ts", + "import": "./lib/ShowNo/m/index.mjs", + "require": "./lib/ShowNo/m/index.js" + }, + "./ShowNo/l": { + "types": "./lib/ShowNo/l/index.d.ts", + "import": "./lib/ShowNo/l/index.mjs", + "require": "./lib/ShowNo/l/index.js" + }, "./ShortVideos/m": { "types": "./lib/ShortVideos/m/index.d.ts", "import": "./lib/ShortVideos/m/index.mjs", @@ -1483,35 +1493,25 @@ "import": "./lib/SideMenuLeft/l/index.mjs", "require": "./lib/SideMenuLeft/l/index.js" }, - "./ShowNo/m": { - "types": "./lib/ShowNo/m/index.d.ts", - "import": "./lib/ShowNo/m/index.mjs", - "require": "./lib/ShowNo/m/index.js" - }, - "./ShowNo/l": { - "types": "./lib/ShowNo/l/index.d.ts", - "import": "./lib/ShowNo/l/index.mjs", - "require": "./lib/ShowNo/l/index.js" - }, - "./ShowYes/m": { - "types": "./lib/ShowYes/m/index.d.ts", - "import": "./lib/ShowYes/m/index.mjs", - "require": "./lib/ShowYes/m/index.js" + "./ShareAlt/m": { + "types": "./lib/ShareAlt/m/index.d.ts", + "import": "./lib/ShareAlt/m/index.mjs", + "require": "./lib/ShareAlt/m/index.js" }, - "./ShowYes/l": { - "types": "./lib/ShowYes/l/index.d.ts", - "import": "./lib/ShowYes/l/index.mjs", - "require": "./lib/ShowYes/l/index.js" + "./ShareAlt/l": { + "types": "./lib/ShareAlt/l/index.d.ts", + "import": "./lib/ShareAlt/l/index.mjs", + "require": "./lib/ShareAlt/l/index.js" }, - "./Share/m": { - "types": "./lib/Share/m/index.d.ts", - "import": "./lib/Share/m/index.mjs", - "require": "./lib/Share/m/index.js" + "./SideMenuRight/m": { + "types": "./lib/SideMenuRight/m/index.d.ts", + "import": "./lib/SideMenuRight/m/index.mjs", + "require": "./lib/SideMenuRight/m/index.js" }, - "./Share/l": { - "types": "./lib/Share/l/index.d.ts", - "import": "./lib/Share/l/index.mjs", - "require": "./lib/Share/l/index.js" + "./SideMenuRight/l": { + "types": "./lib/SideMenuRight/l/index.d.ts", + "import": "./lib/SideMenuRight/l/index.mjs", + "require": "./lib/SideMenuRight/l/index.js" }, "./Settings/m": { "types": "./lib/Settings/m/index.d.ts", @@ -1523,15 +1523,35 @@ "import": "./lib/Settings/l/index.mjs", "require": "./lib/Settings/l/index.js" }, - "./ShareAlt/m": { - "types": "./lib/ShareAlt/m/index.d.ts", - "import": "./lib/ShareAlt/m/index.mjs", - "require": "./lib/ShareAlt/m/index.js" + "./SeoQuake/m": { + "types": "./lib/SeoQuake/m/index.d.ts", + "import": "./lib/SeoQuake/m/index.mjs", + "require": "./lib/SeoQuake/m/index.js" }, - "./ShareAlt/l": { - "types": "./lib/ShareAlt/l/index.d.ts", - "import": "./lib/ShareAlt/l/index.mjs", - "require": "./lib/ShareAlt/l/index.js" + "./SeoQuake/l": { + "types": "./lib/SeoQuake/l/index.d.ts", + "import": "./lib/SeoQuake/l/index.mjs", + "require": "./lib/SeoQuake/l/index.js" + }, + "./Share/m": { + "types": "./lib/Share/m/index.d.ts", + "import": "./lib/Share/m/index.mjs", + "require": "./lib/Share/m/index.js" + }, + "./Share/l": { + "types": "./lib/Share/l/index.d.ts", + "import": "./lib/Share/l/index.mjs", + "require": "./lib/Share/l/index.js" + }, + "./SemrushRank/m": { + "types": "./lib/SemrushRank/m/index.d.ts", + "import": "./lib/SemrushRank/m/index.mjs", + "require": "./lib/SemrushRank/m/index.js" + }, + "./SemrushRank/l": { + "types": "./lib/SemrushRank/l/index.d.ts", + "import": "./lib/SemrushRank/l/index.mjs", + "require": "./lib/SemrushRank/l/index.js" }, "./Serp/m": { "types": "./lib/Serp/m/index.d.ts", @@ -1553,16 +1573,6 @@ "import": "./lib/Sent/l/index.mjs", "require": "./lib/Sent/l/index.js" }, - "./SeoQuake/m": { - "types": "./lib/SeoQuake/m/index.d.ts", - "import": "./lib/SeoQuake/m/index.mjs", - "require": "./lib/SeoQuake/m/index.js" - }, - "./SeoQuake/l": { - "types": "./lib/SeoQuake/l/index.d.ts", - "import": "./lib/SeoQuake/l/index.mjs", - "require": "./lib/SeoQuake/l/index.js" - }, "./Semrush/m": { "types": "./lib/Semrush/m/index.d.ts", "import": "./lib/Semrush/m/index.mjs", @@ -1573,26 +1583,6 @@ "import": "./lib/Semrush/l/index.mjs", "require": "./lib/Semrush/l/index.js" }, - "./Sellzone/m": { - "types": "./lib/Sellzone/m/index.d.ts", - "import": "./lib/Sellzone/m/index.mjs", - "require": "./lib/Sellzone/m/index.js" - }, - "./Sellzone/l": { - "types": "./lib/Sellzone/l/index.d.ts", - "import": "./lib/Sellzone/l/index.mjs", - "require": "./lib/Sellzone/l/index.js" - }, - "./SemrushRank/m": { - "types": "./lib/SemrushRank/m/index.d.ts", - "import": "./lib/SemrushRank/m/index.mjs", - "require": "./lib/SemrushRank/m/index.js" - }, - "./SemrushRank/l": { - "types": "./lib/SemrushRank/l/index.d.ts", - "import": "./lib/SemrushRank/l/index.mjs", - "require": "./lib/SemrushRank/l/index.js" - }, "./SeeResultsAbout/m": { "types": "./lib/SeeResultsAbout/m/index.d.ts", "import": "./lib/SeeResultsAbout/m/index.mjs", @@ -1603,16 +1593,6 @@ "import": "./lib/SeeResultsAbout/l/index.mjs", "require": "./lib/SeeResultsAbout/l/index.js" }, - "./Security/m": { - "types": "./lib/Security/m/index.d.ts", - "import": "./lib/Security/m/index.mjs", - "require": "./lib/Security/m/index.js" - }, - "./Security/l": { - "types": "./lib/Security/l/index.d.ts", - "import": "./lib/Security/l/index.mjs", - "require": "./lib/Security/l/index.js" - }, "./SecurityNo/m": { "types": "./lib/SecurityNo/m/index.d.ts", "import": "./lib/SecurityNo/m/index.mjs", @@ -1633,6 +1613,26 @@ "import": "./lib/Search/l/index.mjs", "require": "./lib/Search/l/index.js" }, + "./Sellzone/m": { + "types": "./lib/Sellzone/m/index.d.ts", + "import": "./lib/Sellzone/m/index.mjs", + "require": "./lib/Sellzone/m/index.js" + }, + "./Sellzone/l": { + "types": "./lib/Sellzone/l/index.d.ts", + "import": "./lib/Sellzone/l/index.mjs", + "require": "./lib/Sellzone/l/index.js" + }, + "./Security/m": { + "types": "./lib/Security/m/index.d.ts", + "import": "./lib/Security/m/index.mjs", + "require": "./lib/Security/m/index.js" + }, + "./Security/l": { + "types": "./lib/Security/l/index.d.ts", + "import": "./lib/Security/l/index.mjs", + "require": "./lib/Security/l/index.js" + }, "./Safari/m": { "types": "./lib/Safari/m/index.d.ts", "import": "./lib/Safari/m/index.mjs", @@ -1643,15 +1643,15 @@ "import": "./lib/Safari/l/index.mjs", "require": "./lib/Safari/l/index.js" }, - "./Rss/m": { - "types": "./lib/Rss/m/index.d.ts", - "import": "./lib/Rss/m/index.mjs", - "require": "./lib/Rss/m/index.js" + "./Robot/m": { + "types": "./lib/Robot/m/index.d.ts", + "import": "./lib/Robot/m/index.mjs", + "require": "./lib/Robot/m/index.js" }, - "./Rss/l": { - "types": "./lib/Rss/l/index.d.ts", - "import": "./lib/Rss/l/index.mjs", - "require": "./lib/Rss/l/index.js" + "./Robot/l": { + "types": "./lib/Robot/l/index.d.ts", + "import": "./lib/Robot/l/index.mjs", + "require": "./lib/Robot/l/index.js" }, "./Science/m": { "types": "./lib/Science/m/index.d.ts", @@ -1663,16 +1663,6 @@ "import": "./lib/Science/l/index.mjs", "require": "./lib/Science/l/index.js" }, - "./Robot/m": { - "types": "./lib/Robot/m/index.d.ts", - "import": "./lib/Robot/m/index.mjs", - "require": "./lib/Robot/m/index.js" - }, - "./Robot/l": { - "types": "./lib/Robot/l/index.d.ts", - "import": "./lib/Robot/l/index.mjs", - "require": "./lib/Robot/l/index.js" - }, "./Retweet/m": { "types": "./lib/Retweet/m/index.d.ts", "import": "./lib/Retweet/m/index.mjs", @@ -1683,6 +1673,16 @@ "import": "./lib/Retweet/l/index.mjs", "require": "./lib/Retweet/l/index.js" }, + "./Restaurant/m": { + "types": "./lib/Restaurant/m/index.d.ts", + "import": "./lib/Restaurant/m/index.mjs", + "require": "./lib/Restaurant/m/index.js" + }, + "./Restaurant/l": { + "types": "./lib/Restaurant/l/index.d.ts", + "import": "./lib/Restaurant/l/index.mjs", + "require": "./lib/Restaurant/l/index.js" + }, "./ResizeRow/m": { "types": "./lib/ResizeRow/m/index.d.ts", "import": "./lib/ResizeRow/m/index.mjs", @@ -1693,6 +1693,16 @@ "import": "./lib/ResizeRow/l/index.mjs", "require": "./lib/ResizeRow/l/index.js" }, + "./Rss/m": { + "types": "./lib/Rss/m/index.d.ts", + "import": "./lib/Rss/m/index.mjs", + "require": "./lib/Rss/m/index.js" + }, + "./Rss/l": { + "types": "./lib/Rss/l/index.d.ts", + "import": "./lib/Rss/l/index.mjs", + "require": "./lib/Rss/l/index.js" + }, "./Return/m": { "types": "./lib/Return/m/index.d.ts", "import": "./lib/Return/m/index.mjs", @@ -1703,26 +1713,6 @@ "import": "./lib/Return/l/index.mjs", "require": "./lib/Return/l/index.js" }, - "./Restaurant/m": { - "types": "./lib/Restaurant/m/index.d.ts", - "import": "./lib/Restaurant/m/index.mjs", - "require": "./lib/Restaurant/m/index.js" - }, - "./Restaurant/l": { - "types": "./lib/Restaurant/l/index.d.ts", - "import": "./lib/Restaurant/l/index.mjs", - "require": "./lib/Restaurant/l/index.js" - }, - "./ResizeCol/m": { - "types": "./lib/ResizeCol/m/index.d.ts", - "import": "./lib/ResizeCol/m/index.mjs", - "require": "./lib/ResizeCol/m/index.js" - }, - "./ResizeCol/l": { - "types": "./lib/ResizeCol/l/index.d.ts", - "import": "./lib/ResizeCol/l/index.mjs", - "require": "./lib/ResizeCol/l/index.js" - }, "./Report/m": { "types": "./lib/Report/m/index.d.ts", "import": "./lib/Report/m/index.mjs", @@ -1743,16 +1733,6 @@ "import": "./lib/Reply/l/index.mjs", "require": "./lib/Reply/l/index.js" }, - "./Reload/m": { - "types": "./lib/Reload/m/index.d.ts", - "import": "./lib/Reload/m/index.mjs", - "require": "./lib/Reload/m/index.js" - }, - "./Reload/l": { - "types": "./lib/Reload/l/index.d.ts", - "import": "./lib/Reload/l/index.mjs", - "require": "./lib/Reload/l/index.js" - }, "./Rephrase/m": { "types": "./lib/Rephrase/m/index.d.ts", "import": "./lib/Rephrase/m/index.mjs", @@ -1773,6 +1753,16 @@ "import": "./lib/Religion/l/index.mjs", "require": "./lib/Religion/l/index.js" }, + "./ResizeCol/m": { + "types": "./lib/ResizeCol/m/index.d.ts", + "import": "./lib/ResizeCol/m/index.mjs", + "require": "./lib/ResizeCol/m/index.js" + }, + "./ResizeCol/l": { + "types": "./lib/ResizeCol/l/index.d.ts", + "import": "./lib/ResizeCol/l/index.mjs", + "require": "./lib/ResizeCol/l/index.js" + }, "./RelatedSearches/m": { "types": "./lib/RelatedSearches/m/index.d.ts", "import": "./lib/RelatedSearches/m/index.mjs", @@ -1793,8 +1783,18 @@ "import": "./lib/Redo/l/index.mjs", "require": "./lib/Redo/l/index.js" }, - "./RelatedProducts/m": { - "types": "./lib/RelatedProducts/m/index.d.ts", + "./Reload/m": { + "types": "./lib/Reload/m/index.d.ts", + "import": "./lib/Reload/m/index.mjs", + "require": "./lib/Reload/m/index.js" + }, + "./Reload/l": { + "types": "./lib/Reload/l/index.d.ts", + "import": "./lib/Reload/l/index.mjs", + "require": "./lib/Reload/l/index.js" + }, + "./RelatedProducts/m": { + "types": "./lib/RelatedProducts/m/index.d.ts", "import": "./lib/RelatedProducts/m/index.mjs", "require": "./lib/RelatedProducts/m/index.js" }, @@ -1813,26 +1813,6 @@ "import": "./lib/Redirect/l/index.mjs", "require": "./lib/Redirect/l/index.js" }, - "./Recreation/m": { - "types": "./lib/Recreation/m/index.d.ts", - "import": "./lib/Recreation/m/index.mjs", - "require": "./lib/Recreation/m/index.js" - }, - "./Recreation/l": { - "types": "./lib/Recreation/l/index.d.ts", - "import": "./lib/Recreation/l/index.mjs", - "require": "./lib/Recreation/l/index.js" - }, - "./QuestionsAnswers/m": { - "types": "./lib/QuestionsAnswers/m/index.d.ts", - "import": "./lib/QuestionsAnswers/m/index.mjs", - "require": "./lib/QuestionsAnswers/m/index.js" - }, - "./QuestionsAnswers/l": { - "types": "./lib/QuestionsAnswers/l/index.d.ts", - "import": "./lib/QuestionsAnswers/l/index.mjs", - "require": "./lib/QuestionsAnswers/l/index.js" - }, "./Recent/m": { "types": "./lib/Recent/m/index.d.ts", "import": "./lib/Recent/m/index.mjs", @@ -1843,6 +1823,16 @@ "import": "./lib/Recent/l/index.mjs", "require": "./lib/Recent/l/index.js" }, + "./Recreation/m": { + "types": "./lib/Recreation/m/index.d.ts", + "import": "./lib/Recreation/m/index.mjs", + "require": "./lib/Recreation/m/index.js" + }, + "./Recreation/l": { + "types": "./lib/Recreation/l/index.d.ts", + "import": "./lib/Recreation/l/index.mjs", + "require": "./lib/Recreation/l/index.js" + }, "./QuestionSerp/m": { "types": "./lib/QuestionSerp/m/index.d.ts", "import": "./lib/QuestionSerp/m/index.mjs", @@ -1853,16 +1843,6 @@ "import": "./lib/QuestionSerp/l/index.mjs", "require": "./lib/QuestionSerp/l/index.js" }, - "./Question/m": { - "types": "./lib/Question/m/index.d.ts", - "import": "./lib/Question/m/index.mjs", - "require": "./lib/Question/m/index.js" - }, - "./Question/l": { - "types": "./lib/Question/l/index.d.ts", - "import": "./lib/Question/l/index.mjs", - "require": "./lib/Question/l/index.js" - }, "./Pulse/m": { "types": "./lib/Pulse/m/index.d.ts", "import": "./lib/Pulse/m/index.mjs", @@ -1873,15 +1853,25 @@ "import": "./lib/Pulse/l/index.mjs", "require": "./lib/Pulse/l/index.js" }, - "./PublicSafety/m": { - "types": "./lib/PublicSafety/m/index.d.ts", - "import": "./lib/PublicSafety/m/index.mjs", - "require": "./lib/PublicSafety/m/index.js" + "./Question/m": { + "types": "./lib/Question/m/index.d.ts", + "import": "./lib/Question/m/index.mjs", + "require": "./lib/Question/m/index.js" }, - "./PublicSafety/l": { - "types": "./lib/PublicSafety/l/index.d.ts", - "import": "./lib/PublicSafety/l/index.mjs", - "require": "./lib/PublicSafety/l/index.js" + "./Question/l": { + "types": "./lib/Question/l/index.d.ts", + "import": "./lib/Question/l/index.mjs", + "require": "./lib/Question/l/index.js" + }, + "./QuestionsAnswers/m": { + "types": "./lib/QuestionsAnswers/m/index.d.ts", + "import": "./lib/QuestionsAnswers/m/index.mjs", + "require": "./lib/QuestionsAnswers/m/index.js" + }, + "./QuestionsAnswers/l": { + "types": "./lib/QuestionsAnswers/l/index.d.ts", + "import": "./lib/QuestionsAnswers/l/index.mjs", + "require": "./lib/QuestionsAnswers/l/index.js" }, "./PublicUtility/m": { "types": "./lib/PublicUtility/m/index.d.ts", @@ -1893,6 +1883,26 @@ "import": "./lib/PublicUtility/l/index.mjs", "require": "./lib/PublicUtility/l/index.js" }, + "./Prowly/m": { + "types": "./lib/Prowly/m/index.d.ts", + "import": "./lib/Prowly/m/index.mjs", + "require": "./lib/Prowly/m/index.js" + }, + "./Prowly/l": { + "types": "./lib/Prowly/l/index.d.ts", + "import": "./lib/Prowly/l/index.mjs", + "require": "./lib/Prowly/l/index.js" + }, + "./PositionTop/m": { + "types": "./lib/PositionTop/m/index.d.ts", + "import": "./lib/PositionTop/m/index.mjs", + "require": "./lib/PositionTop/m/index.js" + }, + "./PositionTop/l": { + "types": "./lib/PositionTop/l/index.d.ts", + "import": "./lib/PositionTop/l/index.mjs", + "require": "./lib/PositionTop/l/index.js" + }, "./Printing/m": { "types": "./lib/Printing/m/index.d.ts", "import": "./lib/Printing/m/index.mjs", @@ -1903,15 +1913,15 @@ "import": "./lib/Printing/l/index.mjs", "require": "./lib/Printing/l/index.js" }, - "./Prowly/m": { - "types": "./lib/Prowly/m/index.d.ts", - "import": "./lib/Prowly/m/index.mjs", - "require": "./lib/Prowly/m/index.js" + "./PublicSafety/m": { + "types": "./lib/PublicSafety/m/index.d.ts", + "import": "./lib/PublicSafety/m/index.mjs", + "require": "./lib/PublicSafety/m/index.js" }, - "./Prowly/l": { - "types": "./lib/Prowly/l/index.d.ts", - "import": "./lib/Prowly/l/index.mjs", - "require": "./lib/Prowly/l/index.js" + "./PublicSafety/l": { + "types": "./lib/PublicSafety/l/index.d.ts", + "import": "./lib/PublicSafety/l/index.mjs", + "require": "./lib/PublicSafety/l/index.js" }, "./Power/m": { "types": "./lib/Power/m/index.d.ts", @@ -1923,15 +1933,15 @@ "import": "./lib/Power/l/index.mjs", "require": "./lib/Power/l/index.js" }, - "./PositionTop/m": { - "types": "./lib/PositionTop/m/index.d.ts", - "import": "./lib/PositionTop/m/index.mjs", - "require": "./lib/PositionTop/m/index.js" + "./PositionLeft/m": { + "types": "./lib/PositionLeft/m/index.d.ts", + "import": "./lib/PositionLeft/m/index.mjs", + "require": "./lib/PositionLeft/m/index.js" }, - "./PositionTop/l": { - "types": "./lib/PositionTop/l/index.d.ts", - "import": "./lib/PositionTop/l/index.mjs", - "require": "./lib/PositionTop/l/index.js" + "./PositionLeft/l": { + "types": "./lib/PositionLeft/l/index.d.ts", + "import": "./lib/PositionLeft/l/index.mjs", + "require": "./lib/PositionLeft/l/index.js" }, "./PositionRight/m": { "types": "./lib/PositionRight/m/index.d.ts", @@ -1943,15 +1953,15 @@ "import": "./lib/PositionRight/l/index.mjs", "require": "./lib/PositionRight/l/index.js" }, - "./PositionLeft/m": { - "types": "./lib/PositionLeft/m/index.d.ts", - "import": "./lib/PositionLeft/m/index.mjs", - "require": "./lib/PositionLeft/m/index.js" + "./PositionMiddle/m": { + "types": "./lib/PositionMiddle/m/index.d.ts", + "import": "./lib/PositionMiddle/m/index.mjs", + "require": "./lib/PositionMiddle/m/index.js" }, - "./PositionLeft/l": { - "types": "./lib/PositionLeft/l/index.d.ts", - "import": "./lib/PositionLeft/l/index.mjs", - "require": "./lib/PositionLeft/l/index.js" + "./PositionMiddle/l": { + "types": "./lib/PositionMiddle/l/index.d.ts", + "import": "./lib/PositionMiddle/l/index.mjs", + "require": "./lib/PositionMiddle/l/index.js" }, "./PositionBottom/m": { "types": "./lib/PositionBottom/m/index.d.ts", @@ -1973,16 +1983,6 @@ "import": "./lib/PopupAlt/l/index.mjs", "require": "./lib/PopupAlt/l/index.js" }, - "./PositionMiddle/m": { - "types": "./lib/PositionMiddle/m/index.d.ts", - "import": "./lib/PositionMiddle/m/index.mjs", - "require": "./lib/PositionMiddle/m/index.js" - }, - "./PositionMiddle/l": { - "types": "./lib/PositionMiddle/l/index.d.ts", - "import": "./lib/PositionMiddle/l/index.mjs", - "require": "./lib/PositionMiddle/l/index.js" - }, "./Popup/m": { "types": "./lib/Popup/m/index.d.ts", "import": "./lib/Popup/m/index.mjs", @@ -2003,6 +2003,16 @@ "import": "./lib/PopularStores/l/index.mjs", "require": "./lib/PopularStores/l/index.js" }, + "./PopularProducts/m": { + "types": "./lib/PopularProducts/m/index.d.ts", + "import": "./lib/PopularProducts/m/index.mjs", + "require": "./lib/PopularProducts/m/index.js" + }, + "./PopularProducts/l": { + "types": "./lib/PopularProducts/l/index.d.ts", + "import": "./lib/PopularProducts/l/index.mjs", + "require": "./lib/PopularProducts/l/index.js" + }, "./Plug/m": { "types": "./lib/Plug/m/index.d.ts", "import": "./lib/Plug/m/index.mjs", @@ -2023,25 +2033,15 @@ "import": "./lib/Pinterest/l/index.mjs", "require": "./lib/Pinterest/l/index.js" }, - "./PinNo/m": { - "types": "./lib/PinNo/m/index.d.ts", - "import": "./lib/PinNo/m/index.mjs", - "require": "./lib/PinNo/m/index.js" - }, - "./PinNo/l": { - "types": "./lib/PinNo/l/index.d.ts", - "import": "./lib/PinNo/l/index.mjs", - "require": "./lib/PinNo/l/index.js" - }, - "./PopularProducts/m": { - "types": "./lib/PopularProducts/m/index.d.ts", - "import": "./lib/PopularProducts/m/index.mjs", - "require": "./lib/PopularProducts/m/index.js" + "./PinUsd/m": { + "types": "./lib/PinUsd/m/index.d.ts", + "import": "./lib/PinUsd/m/index.mjs", + "require": "./lib/PinUsd/m/index.js" }, - "./PopularProducts/l": { - "types": "./lib/PopularProducts/l/index.d.ts", - "import": "./lib/PopularProducts/l/index.mjs", - "require": "./lib/PopularProducts/l/index.js" + "./PinUsd/l": { + "types": "./lib/PinUsd/l/index.d.ts", + "import": "./lib/PinUsd/l/index.mjs", + "require": "./lib/PinUsd/l/index.js" }, "./Pins/m": { "types": "./lib/Pins/m/index.d.ts", @@ -2053,25 +2053,15 @@ "import": "./lib/Pins/l/index.mjs", "require": "./lib/Pins/l/index.js" }, - "./PinUsd/m": { - "types": "./lib/PinUsd/m/index.d.ts", - "import": "./lib/PinUsd/m/index.mjs", - "require": "./lib/PinUsd/m/index.js" - }, - "./PinUsd/l": { - "types": "./lib/PinUsd/l/index.d.ts", - "import": "./lib/PinUsd/l/index.mjs", - "require": "./lib/PinUsd/l/index.js" - }, - "./PinMap/m": { - "types": "./lib/PinMap/m/index.d.ts", - "import": "./lib/PinMap/m/index.mjs", - "require": "./lib/PinMap/m/index.js" + "./Pin/m": { + "types": "./lib/Pin/m/index.d.ts", + "import": "./lib/Pin/m/index.mjs", + "require": "./lib/Pin/m/index.js" }, - "./PinMap/l": { - "types": "./lib/PinMap/l/index.d.ts", - "import": "./lib/PinMap/l/index.mjs", - "require": "./lib/PinMap/l/index.js" + "./Pin/l": { + "types": "./lib/Pin/l/index.d.ts", + "import": "./lib/Pin/l/index.mjs", + "require": "./lib/Pin/l/index.js" }, "./PinList/m": { "types": "./lib/PinList/m/index.d.ts", @@ -2083,16 +2073,6 @@ "import": "./lib/PinList/l/index.mjs", "require": "./lib/PinList/l/index.js" }, - "./Pin/m": { - "types": "./lib/Pin/m/index.d.ts", - "import": "./lib/Pin/m/index.mjs", - "require": "./lib/Pin/m/index.js" - }, - "./Pin/l": { - "types": "./lib/Pin/l/index.d.ts", - "import": "./lib/Pin/l/index.mjs", - "require": "./lib/Pin/l/index.js" - }, "./Pictures/m": { "types": "./lib/Pictures/m/index.d.ts", "import": "./lib/Pictures/m/index.mjs", @@ -2103,15 +2083,25 @@ "import": "./lib/Pictures/l/index.mjs", "require": "./lib/Pictures/l/index.js" }, - "./PictureFrame/m": { - "types": "./lib/PictureFrame/m/index.d.ts", - "import": "./lib/PictureFrame/m/index.mjs", - "require": "./lib/PictureFrame/m/index.js" + "./PinMap/m": { + "types": "./lib/PinMap/m/index.d.ts", + "import": "./lib/PinMap/m/index.mjs", + "require": "./lib/PinMap/m/index.js" }, - "./PictureFrame/l": { - "types": "./lib/PictureFrame/l/index.d.ts", - "import": "./lib/PictureFrame/l/index.mjs", - "require": "./lib/PictureFrame/l/index.js" + "./PinMap/l": { + "types": "./lib/PinMap/l/index.d.ts", + "import": "./lib/PinMap/l/index.mjs", + "require": "./lib/PinMap/l/index.js" + }, + "./PinNo/m": { + "types": "./lib/PinNo/m/index.d.ts", + "import": "./lib/PinNo/m/index.mjs", + "require": "./lib/PinNo/m/index.js" + }, + "./PinNo/l": { + "types": "./lib/PinNo/l/index.d.ts", + "import": "./lib/PinNo/l/index.mjs", + "require": "./lib/PinNo/l/index.js" }, "./PictureAdd/m": { "types": "./lib/PictureAdd/m/index.d.ts", @@ -2163,15 +2153,15 @@ "import": "./lib/Perplexity/l/index.mjs", "require": "./lib/Perplexity/l/index.js" }, - "./Packaging/m": { - "types": "./lib/Packaging/m/index.d.ts", - "import": "./lib/Packaging/m/index.mjs", - "require": "./lib/Packaging/m/index.js" + "./PictureFrame/m": { + "types": "./lib/PictureFrame/m/index.d.ts", + "import": "./lib/PictureFrame/m/index.mjs", + "require": "./lib/PictureFrame/m/index.js" }, - "./Packaging/l": { - "types": "./lib/Packaging/l/index.d.ts", - "import": "./lib/Packaging/l/index.mjs", - "require": "./lib/Packaging/l/index.js" + "./PictureFrame/l": { + "types": "./lib/PictureFrame/l/index.d.ts", + "import": "./lib/PictureFrame/l/index.mjs", + "require": "./lib/PictureFrame/l/index.js" }, "./Pause/m": { "types": "./lib/Pause/m/index.d.ts", @@ -2193,16 +2183,6 @@ "import": "./lib/OrientationPortrait/l/index.mjs", "require": "./lib/OrientationPortrait/l/index.js" }, - "./OrganicCarousel/m": { - "types": "./lib/OrganicCarousel/m/index.d.ts", - "import": "./lib/OrganicCarousel/m/index.mjs", - "require": "./lib/OrganicCarousel/m/index.js" - }, - "./OrganicCarousel/l": { - "types": "./lib/OrganicCarousel/l/index.d.ts", - "import": "./lib/OrganicCarousel/l/index.mjs", - "require": "./lib/OrganicCarousel/l/index.js" - }, "./OrientationLandscape/m": { "types": "./lib/OrientationLandscape/m/index.d.ts", "import": "./lib/OrientationLandscape/m/index.mjs", @@ -2213,15 +2193,15 @@ "import": "./lib/OrientationLandscape/l/index.mjs", "require": "./lib/OrientationLandscape/l/index.js" }, - "./Organic/m": { - "types": "./lib/Organic/m/index.d.ts", - "import": "./lib/Organic/m/index.mjs", - "require": "./lib/Organic/m/index.js" + "./OrganicCarousel/m": { + "types": "./lib/OrganicCarousel/m/index.d.ts", + "import": "./lib/OrganicCarousel/m/index.mjs", + "require": "./lib/OrganicCarousel/m/index.js" }, - "./Organic/l": { - "types": "./lib/Organic/l/index.d.ts", - "import": "./lib/Organic/l/index.mjs", - "require": "./lib/Organic/l/index.js" + "./OrganicCarousel/l": { + "types": "./lib/OrganicCarousel/l/index.d.ts", + "import": "./lib/OrganicCarousel/l/index.mjs", + "require": "./lib/OrganicCarousel/l/index.js" }, "./Opera/m": { "types": "./lib/Opera/m/index.d.ts", @@ -2243,15 +2223,15 @@ "import": "./lib/Oil/l/index.mjs", "require": "./lib/Oil/l/index.js" }, - "./Notification/m": { - "types": "./lib/Notification/m/index.d.ts", - "import": "./lib/Notification/m/index.mjs", - "require": "./lib/Notification/m/index.js" + "./Packaging/m": { + "types": "./lib/Packaging/m/index.d.ts", + "import": "./lib/Packaging/m/index.mjs", + "require": "./lib/Packaging/m/index.js" }, - "./Notification/l": { - "types": "./lib/Notification/l/index.d.ts", - "import": "./lib/Notification/l/index.mjs", - "require": "./lib/Notification/l/index.js" + "./Packaging/l": { + "types": "./lib/Packaging/l/index.d.ts", + "import": "./lib/Packaging/l/index.mjs", + "require": "./lib/Packaging/l/index.js" }, "./NotificationNo/m": { "types": "./lib/NotificationNo/m/index.d.ts", @@ -2263,6 +2243,26 @@ "import": "./lib/NotificationNo/l/index.mjs", "require": "./lib/NotificationNo/l/index.js" }, + "./Notification/m": { + "types": "./lib/Notification/m/index.d.ts", + "import": "./lib/Notification/m/index.mjs", + "require": "./lib/Notification/m/index.js" + }, + "./Notification/l": { + "types": "./lib/Notification/l/index.d.ts", + "import": "./lib/Notification/l/index.mjs", + "require": "./lib/Notification/l/index.js" + }, + "./Organic/m": { + "types": "./lib/Organic/m/index.d.ts", + "import": "./lib/Organic/m/index.mjs", + "require": "./lib/Organic/m/index.js" + }, + "./Organic/l": { + "types": "./lib/Organic/l/index.d.ts", + "import": "./lib/Organic/l/index.mjs", + "require": "./lib/Organic/l/index.js" + }, "./Note/m": { "types": "./lib/Note/m/index.d.ts", "import": "./lib/Note/m/index.mjs", @@ -2273,26 +2273,6 @@ "import": "./lib/Note/l/index.mjs", "require": "./lib/Note/l/index.js" }, - "./News/m": { - "types": "./lib/News/m/index.d.ts", - "import": "./lib/News/m/index.mjs", - "require": "./lib/News/m/index.js" - }, - "./News/l": { - "types": "./lib/News/l/index.d.ts", - "import": "./lib/News/l/index.mjs", - "require": "./lib/News/l/index.js" - }, - "./Music/m": { - "types": "./lib/Music/m/index.d.ts", - "import": "./lib/Music/m/index.mjs", - "require": "./lib/Music/m/index.js" - }, - "./Music/l": { - "types": "./lib/Music/l/index.d.ts", - "import": "./lib/Music/l/index.mjs", - "require": "./lib/Music/l/index.js" - }, "./Museum/m": { "types": "./lib/Museum/m/index.d.ts", "import": "./lib/Museum/m/index.mjs", @@ -2323,6 +2303,26 @@ "import": "./lib/Monitoring/l/index.mjs", "require": "./lib/Monitoring/l/index.js" }, + "./News/m": { + "types": "./lib/News/m/index.d.ts", + "import": "./lib/News/m/index.mjs", + "require": "./lib/News/m/index.js" + }, + "./News/l": { + "types": "./lib/News/l/index.d.ts", + "import": "./lib/News/l/index.mjs", + "require": "./lib/News/l/index.js" + }, + "./Music/m": { + "types": "./lib/Music/m/index.d.ts", + "import": "./lib/Music/m/index.mjs", + "require": "./lib/Music/m/index.js" + }, + "./Music/l": { + "types": "./lib/Music/l/index.d.ts", + "import": "./lib/Music/l/index.mjs", + "require": "./lib/Music/l/index.js" + }, "./MoneyCoins/m": { "types": "./lib/MoneyCoins/m/index.d.ts", "import": "./lib/MoneyCoins/m/index.mjs", @@ -2403,16 +2403,6 @@ "import": "./lib/MathPlusAlt/l/index.mjs", "require": "./lib/MathPlusAlt/l/index.js" }, - "./MathMinusAlt/m": { - "types": "./lib/MathMinusAlt/m/index.d.ts", - "import": "./lib/MathMinusAlt/m/index.mjs", - "require": "./lib/MathMinusAlt/m/index.js" - }, - "./MathMinusAlt/l": { - "types": "./lib/MathMinusAlt/l/index.d.ts", - "import": "./lib/MathMinusAlt/l/index.mjs", - "require": "./lib/MathMinusAlt/l/index.js" - }, "./MathMinus/m": { "types": "./lib/MathMinus/m/index.d.ts", "import": "./lib/MathMinus/m/index.mjs", @@ -2443,16 +2433,6 @@ "import": "./lib/MailOpenFilled/l/index.mjs", "require": "./lib/MailOpenFilled/l/index.js" }, - "./MailOpen/m": { - "types": "./lib/MailOpen/m/index.d.ts", - "import": "./lib/MailOpen/m/index.mjs", - "require": "./lib/MailOpen/m/index.js" - }, - "./MailOpen/l": { - "types": "./lib/MailOpen/l/index.d.ts", - "import": "./lib/MailOpen/l/index.mjs", - "require": "./lib/MailOpen/l/index.js" - }, "./MailFilled/m": { "types": "./lib/MailFilled/m/index.d.ts", "import": "./lib/MailFilled/m/index.mjs", @@ -2473,6 +2453,16 @@ "import": "./lib/Mail/l/index.mjs", "require": "./lib/Mail/l/index.js" }, + "./MathMinusAlt/m": { + "types": "./lib/MathMinusAlt/m/index.d.ts", + "import": "./lib/MathMinusAlt/m/index.mjs", + "require": "./lib/MathMinusAlt/m/index.js" + }, + "./MathMinusAlt/l": { + "types": "./lib/MathMinusAlt/l/index.d.ts", + "import": "./lib/MathMinusAlt/l/index.mjs", + "require": "./lib/MathMinusAlt/l/index.js" + }, "./Magnet/m": { "types": "./lib/Magnet/m/index.d.ts", "import": "./lib/Magnet/m/index.mjs", @@ -2493,25 +2483,15 @@ "import": "./lib/MagicWand/l/index.mjs", "require": "./lib/MagicWand/l/index.js" }, - "./Logistic/m": { - "types": "./lib/Logistic/m/index.d.ts", - "import": "./lib/Logistic/m/index.mjs", - "require": "./lib/Logistic/m/index.js" - }, - "./Logistic/l": { - "types": "./lib/Logistic/l/index.d.ts", - "import": "./lib/Logistic/l/index.mjs", - "require": "./lib/Logistic/l/index.js" - }, - "./LockYes/m": { - "types": "./lib/LockYes/m/index.d.ts", - "import": "./lib/LockYes/m/index.mjs", - "require": "./lib/LockYes/m/index.js" + "./MailOpen/m": { + "types": "./lib/MailOpen/m/index.d.ts", + "import": "./lib/MailOpen/m/index.mjs", + "require": "./lib/MailOpen/m/index.js" }, - "./LockYes/l": { - "types": "./lib/LockYes/l/index.d.ts", - "import": "./lib/LockYes/l/index.mjs", - "require": "./lib/LockYes/l/index.js" + "./MailOpen/l": { + "types": "./lib/MailOpen/l/index.d.ts", + "import": "./lib/MailOpen/l/index.mjs", + "require": "./lib/MailOpen/l/index.js" }, "./LockNo/m": { "types": "./lib/LockNo/m/index.d.ts", @@ -2523,6 +2503,16 @@ "import": "./lib/LockNo/l/index.mjs", "require": "./lib/LockNo/l/index.js" }, + "./Logistic/m": { + "types": "./lib/Logistic/m/index.d.ts", + "import": "./lib/Logistic/m/index.mjs", + "require": "./lib/Logistic/m/index.js" + }, + "./Logistic/l": { + "types": "./lib/Logistic/l/index.d.ts", + "import": "./lib/Logistic/l/index.mjs", + "require": "./lib/Logistic/l/index.js" + }, "./ListCheck/m": { "types": "./lib/ListCheck/m/index.d.ts", "import": "./lib/ListCheck/m/index.mjs", @@ -2533,6 +2523,16 @@ "import": "./lib/ListCheck/l/index.mjs", "require": "./lib/ListCheck/l/index.js" }, + "./LockYes/m": { + "types": "./lib/LockYes/m/index.d.ts", + "import": "./lib/LockYes/m/index.mjs", + "require": "./lib/LockYes/m/index.js" + }, + "./LockYes/l": { + "types": "./lib/LockYes/l/index.d.ts", + "import": "./lib/LockYes/l/index.mjs", + "require": "./lib/LockYes/l/index.js" + }, "./ListNumber/m": { "types": "./lib/ListNumber/m/index.d.ts", "import": "./lib/ListNumber/m/index.mjs", @@ -2553,6 +2553,26 @@ "import": "./lib/ListAddCheck/l/index.mjs", "require": "./lib/ListAddCheck/l/index.js" }, + "./ListAddBottom/m": { + "types": "./lib/ListAddBottom/m/index.d.ts", + "import": "./lib/ListAddBottom/m/index.mjs", + "require": "./lib/ListAddBottom/m/index.js" + }, + "./ListAddBottom/l": { + "types": "./lib/ListAddBottom/l/index.d.ts", + "import": "./lib/ListAddBottom/l/index.mjs", + "require": "./lib/ListAddBottom/l/index.js" + }, + "./LinkedIn/m": { + "types": "./lib/LinkedIn/m/index.d.ts", + "import": "./lib/LinkedIn/m/index.mjs", + "require": "./lib/LinkedIn/m/index.js" + }, + "./LinkedIn/l": { + "types": "./lib/LinkedIn/l/index.d.ts", + "import": "./lib/LinkedIn/l/index.mjs", + "require": "./lib/LinkedIn/l/index.js" + }, "./ListAddTop/m": { "types": "./lib/ListAddTop/m/index.d.ts", "import": "./lib/ListAddTop/m/index.mjs", @@ -2573,16 +2593,6 @@ "import": "./lib/ListBullet/l/index.mjs", "require": "./lib/ListBullet/l/index.js" }, - "./ListAddBottom/m": { - "types": "./lib/ListAddBottom/m/index.d.ts", - "import": "./lib/ListAddBottom/m/index.mjs", - "require": "./lib/ListAddBottom/m/index.js" - }, - "./ListAddBottom/l": { - "types": "./lib/ListAddBottom/l/index.d.ts", - "import": "./lib/ListAddBottom/l/index.mjs", - "require": "./lib/ListAddBottom/l/index.js" - }, "./LinkExternalAlt/m": { "types": "./lib/LinkExternalAlt/m/index.d.ts", "import": "./lib/LinkExternalAlt/m/index.mjs", @@ -2593,15 +2603,15 @@ "import": "./lib/LinkExternalAlt/l/index.mjs", "require": "./lib/LinkExternalAlt/l/index.js" }, - "./LinkedIn/m": { - "types": "./lib/LinkedIn/m/index.d.ts", - "import": "./lib/LinkedIn/m/index.mjs", - "require": "./lib/LinkedIn/m/index.js" + "./LinkExternal/m": { + "types": "./lib/LinkExternal/m/index.d.ts", + "import": "./lib/LinkExternal/m/index.mjs", + "require": "./lib/LinkExternal/m/index.js" }, - "./LinkedIn/l": { - "types": "./lib/LinkedIn/l/index.d.ts", - "import": "./lib/LinkedIn/l/index.mjs", - "require": "./lib/LinkedIn/l/index.js" + "./LinkExternal/l": { + "types": "./lib/LinkExternal/l/index.d.ts", + "import": "./lib/LinkExternal/l/index.mjs", + "require": "./lib/LinkExternal/l/index.js" }, "./LinkInternal/m": { "types": "./lib/LinkInternal/m/index.d.ts", @@ -2623,35 +2633,15 @@ "import": "./lib/LinkAltBroken/l/index.mjs", "require": "./lib/LinkAltBroken/l/index.js" }, - "./LinkExternal/m": { - "types": "./lib/LinkExternal/m/index.d.ts", - "import": "./lib/LinkExternal/m/index.mjs", - "require": "./lib/LinkExternal/m/index.js" + "./LinkAltHalf/m": { + "types": "./lib/LinkAltHalf/m/index.d.ts", + "import": "./lib/LinkAltHalf/m/index.mjs", + "require": "./lib/LinkAltHalf/m/index.js" }, - "./LinkExternal/l": { - "types": "./lib/LinkExternal/l/index.d.ts", - "import": "./lib/LinkExternal/l/index.mjs", - "require": "./lib/LinkExternal/l/index.js" - }, - "./Link/m": { - "types": "./lib/Link/m/index.d.ts", - "import": "./lib/Link/m/index.mjs", - "require": "./lib/Link/m/index.js" - }, - "./Link/l": { - "types": "./lib/Link/l/index.d.ts", - "import": "./lib/Link/l/index.mjs", - "require": "./lib/Link/l/index.js" - }, - "./LinkAltHalf/m": { - "types": "./lib/LinkAltHalf/m/index.d.ts", - "import": "./lib/LinkAltHalf/m/index.mjs", - "require": "./lib/LinkAltHalf/m/index.js" - }, - "./LinkAltHalf/l": { - "types": "./lib/LinkAltHalf/l/index.d.ts", - "import": "./lib/LinkAltHalf/l/index.mjs", - "require": "./lib/LinkAltHalf/l/index.js" + "./LinkAltHalf/l": { + "types": "./lib/LinkAltHalf/l/index.d.ts", + "import": "./lib/LinkAltHalf/l/index.mjs", + "require": "./lib/LinkAltHalf/l/index.js" }, "./LikeFilled/m": { "types": "./lib/LikeFilled/m/index.d.ts", @@ -2663,6 +2653,16 @@ "import": "./lib/LikeFilled/l/index.mjs", "require": "./lib/LikeFilled/l/index.js" }, + "./Link/m": { + "types": "./lib/Link/m/index.d.ts", + "import": "./lib/Link/m/index.mjs", + "require": "./lib/Link/m/index.js" + }, + "./Link/l": { + "types": "./lib/Link/l/index.d.ts", + "import": "./lib/Link/l/index.mjs", + "require": "./lib/Link/l/index.js" + }, "./Like/m": { "types": "./lib/Like/m/index.d.ts", "import": "./lib/Like/m/index.mjs", @@ -2673,6 +2673,16 @@ "import": "./lib/Like/l/index.mjs", "require": "./lib/Like/l/index.js" }, + "./Law/m": { + "types": "./lib/Law/m/index.d.ts", + "import": "./lib/Law/m/index.mjs", + "require": "./lib/Law/m/index.js" + }, + "./Law/l": { + "types": "./lib/Law/l/index.d.ts", + "import": "./lib/Law/l/index.mjs", + "require": "./lib/Law/l/index.js" + }, "./LightningFilled/m": { "types": "./lib/LightningFilled/m/index.d.ts", "import": "./lib/LightningFilled/m/index.mjs", @@ -2683,16 +2693,6 @@ "import": "./lib/LightningFilled/l/index.mjs", "require": "./lib/LightningFilled/l/index.js" }, - "./Laptop/m": { - "types": "./lib/Laptop/m/index.d.ts", - "import": "./lib/Laptop/m/index.mjs", - "require": "./lib/Laptop/m/index.js" - }, - "./Laptop/l": { - "types": "./lib/Laptop/l/index.d.ts", - "import": "./lib/Laptop/l/index.mjs", - "require": "./lib/Laptop/l/index.js" - }, "./Lightning/m": { "types": "./lib/Lightning/m/index.d.ts", "import": "./lib/Lightning/m/index.mjs", @@ -2703,26 +2703,6 @@ "import": "./lib/Lightning/l/index.mjs", "require": "./lib/Lightning/l/index.js" }, - "./Law/m": { - "types": "./lib/Law/m/index.d.ts", - "import": "./lib/Law/m/index.mjs", - "require": "./lib/Law/m/index.js" - }, - "./Law/l": { - "types": "./lib/Law/l/index.d.ts", - "import": "./lib/Law/l/index.mjs", - "require": "./lib/Law/l/index.js" - }, - "./Key/m": { - "types": "./lib/Key/m/index.d.ts", - "import": "./lib/Key/m/index.mjs", - "require": "./lib/Key/m/index.js" - }, - "./Key/l": { - "types": "./lib/Key/l/index.d.ts", - "import": "./lib/Key/l/index.mjs", - "require": "./lib/Key/l/index.js" - }, "./Language/m": { "types": "./lib/Language/m/index.d.ts", "import": "./lib/Language/m/index.mjs", @@ -2733,6 +2713,26 @@ "import": "./lib/Language/l/index.mjs", "require": "./lib/Language/l/index.js" }, + "./Laptop/m": { + "types": "./lib/Laptop/m/index.d.ts", + "import": "./lib/Laptop/m/index.mjs", + "require": "./lib/Laptop/m/index.js" + }, + "./Laptop/l": { + "types": "./lib/Laptop/l/index.d.ts", + "import": "./lib/Laptop/l/index.mjs", + "require": "./lib/Laptop/l/index.js" + }, + "./KeyHotkey/m": { + "types": "./lib/KeyHotkey/m/index.d.ts", + "import": "./lib/KeyHotkey/m/index.mjs", + "require": "./lib/KeyHotkey/m/index.js" + }, + "./KeyHotkey/l": { + "types": "./lib/KeyHotkey/l/index.d.ts", + "import": "./lib/KeyHotkey/l/index.mjs", + "require": "./lib/KeyHotkey/l/index.js" + }, "./KeyCmd/m": { "types": "./lib/KeyCmd/m/index.d.ts", "import": "./lib/KeyCmd/m/index.mjs", @@ -2763,15 +2763,15 @@ "import": "./lib/InterestingFinds/l/index.mjs", "require": "./lib/InterestingFinds/l/index.js" }, - "./KeyHotkey/m": { - "types": "./lib/KeyHotkey/m/index.d.ts", - "import": "./lib/KeyHotkey/m/index.mjs", - "require": "./lib/KeyHotkey/m/index.js" + "./Key/m": { + "types": "./lib/Key/m/index.d.ts", + "import": "./lib/Key/m/index.mjs", + "require": "./lib/Key/m/index.js" }, - "./KeyHotkey/l": { - "types": "./lib/KeyHotkey/l/index.d.ts", - "import": "./lib/KeyHotkey/l/index.mjs", - "require": "./lib/KeyHotkey/l/index.js" + "./Key/l": { + "types": "./lib/Key/l/index.d.ts", + "import": "./lib/Key/l/index.mjs", + "require": "./lib/Key/l/index.js" }, "./Instagram/m": { "types": "./lib/Instagram/m/index.d.ts", @@ -2783,16 +2783,6 @@ "import": "./lib/Instagram/l/index.mjs", "require": "./lib/Instagram/l/index.js" }, - "./Jewelry/m": { - "types": "./lib/Jewelry/m/index.d.ts", - "import": "./lib/Jewelry/m/index.mjs", - "require": "./lib/Jewelry/m/index.js" - }, - "./Jewelry/l": { - "types": "./lib/Jewelry/l/index.d.ts", - "import": "./lib/Jewelry/l/index.mjs", - "require": "./lib/Jewelry/l/index.js" - }, "./Info/m": { "types": "./lib/Info/m/index.d.ts", "import": "./lib/Info/m/index.mjs", @@ -2803,6 +2793,16 @@ "import": "./lib/Info/l/index.mjs", "require": "./lib/Info/l/index.js" }, + "./Jewelry/m": { + "types": "./lib/Jewelry/m/index.d.ts", + "import": "./lib/Jewelry/m/index.mjs", + "require": "./lib/Jewelry/m/index.js" + }, + "./Jewelry/l": { + "types": "./lib/Jewelry/l/index.d.ts", + "import": "./lib/Jewelry/l/index.mjs", + "require": "./lib/Jewelry/l/index.js" + }, "./Infinity/m": { "types": "./lib/Infinity/m/index.d.ts", "import": "./lib/Infinity/m/index.mjs", @@ -2823,15 +2823,15 @@ "import": "./lib/Hourglass/l/index.mjs", "require": "./lib/Hourglass/l/index.js" }, - "./Hotel/m": { - "types": "./lib/Hotel/m/index.d.ts", - "import": "./lib/Hotel/m/index.mjs", - "require": "./lib/Hotel/m/index.js" + "./IndentedResult/m": { + "types": "./lib/IndentedResult/m/index.d.ts", + "import": "./lib/IndentedResult/m/index.mjs", + "require": "./lib/IndentedResult/m/index.js" }, - "./Hotel/l": { - "types": "./lib/Hotel/l/index.d.ts", - "import": "./lib/Hotel/l/index.mjs", - "require": "./lib/Hotel/l/index.js" + "./IndentedResult/l": { + "types": "./lib/IndentedResult/l/index.d.ts", + "import": "./lib/IndentedResult/l/index.mjs", + "require": "./lib/IndentedResult/l/index.js" }, "./Home/m": { "types": "./lib/Home/m/index.d.ts", @@ -2843,16 +2843,6 @@ "import": "./lib/Home/l/index.mjs", "require": "./lib/Home/l/index.js" }, - "./IndentedResult/m": { - "types": "./lib/IndentedResult/m/index.d.ts", - "import": "./lib/IndentedResult/m/index.mjs", - "require": "./lib/IndentedResult/m/index.js" - }, - "./IndentedResult/l": { - "types": "./lib/IndentedResult/l/index.d.ts", - "import": "./lib/IndentedResult/l/index.mjs", - "require": "./lib/IndentedResult/l/index.js" - }, "./Health/m": { "types": "./lib/Health/m/index.d.ts", "import": "./lib/Health/m/index.mjs", @@ -2883,15 +2873,25 @@ "import": "./lib/GoogleGenerativeAI/l/index.mjs", "require": "./lib/GoogleGenerativeAI/l/index.js" }, - "./Hashtag/m": { - "types": "./lib/Hashtag/m/index.d.ts", - "import": "./lib/Hashtag/m/index.mjs", - "require": "./lib/Hashtag/m/index.js" + "./Hotel/m": { + "types": "./lib/Hotel/m/index.d.ts", + "import": "./lib/Hotel/m/index.mjs", + "require": "./lib/Hotel/m/index.js" }, - "./Hashtag/l": { - "types": "./lib/Hashtag/l/index.d.ts", - "import": "./lib/Hashtag/l/index.mjs", - "require": "./lib/Hashtag/l/index.js" + "./Hotel/l": { + "types": "./lib/Hotel/l/index.d.ts", + "import": "./lib/Hotel/l/index.mjs", + "require": "./lib/Hotel/l/index.js" + }, + "./GoogleBusinessProfile/m": { + "types": "./lib/GoogleBusinessProfile/m/index.d.ts", + "import": "./lib/GoogleBusinessProfile/m/index.mjs", + "require": "./lib/GoogleBusinessProfile/m/index.js" + }, + "./GoogleBusinessProfile/l": { + "types": "./lib/GoogleBusinessProfile/l/index.d.ts", + "import": "./lib/GoogleBusinessProfile/l/index.mjs", + "require": "./lib/GoogleBusinessProfile/l/index.js" }, "./Google/m": { "types": "./lib/Google/m/index.d.ts", @@ -2903,15 +2903,25 @@ "import": "./lib/Google/l/index.mjs", "require": "./lib/Google/l/index.js" }, - "./GoogleBusinessProfile/m": { - "types": "./lib/GoogleBusinessProfile/m/index.d.ts", - "import": "./lib/GoogleBusinessProfile/m/index.mjs", - "require": "./lib/GoogleBusinessProfile/m/index.js" + "./Hashtag/m": { + "types": "./lib/Hashtag/m/index.d.ts", + "import": "./lib/Hashtag/m/index.mjs", + "require": "./lib/Hashtag/m/index.js" }, - "./GoogleBusinessProfile/l": { - "types": "./lib/GoogleBusinessProfile/l/index.d.ts", - "import": "./lib/GoogleBusinessProfile/l/index.mjs", - "require": "./lib/GoogleBusinessProfile/l/index.js" + "./Hashtag/l": { + "types": "./lib/Hashtag/l/index.d.ts", + "import": "./lib/Hashtag/l/index.mjs", + "require": "./lib/Hashtag/l/index.js" + }, + "./Goblet/m": { + "types": "./lib/Goblet/m/index.d.ts", + "import": "./lib/Goblet/m/index.mjs", + "require": "./lib/Goblet/m/index.js" + }, + "./Goblet/l": { + "types": "./lib/Goblet/l/index.d.ts", + "import": "./lib/Goblet/l/index.mjs", + "require": "./lib/Goblet/l/index.js" }, "./Globe/m": { "types": "./lib/Globe/m/index.d.ts", @@ -2923,15 +2933,15 @@ "import": "./lib/Globe/l/index.mjs", "require": "./lib/Globe/l/index.js" }, - "./Goblet/m": { - "types": "./lib/Goblet/m/index.d.ts", - "import": "./lib/Goblet/m/index.mjs", - "require": "./lib/Goblet/m/index.js" + "./Gift/m": { + "types": "./lib/Gift/m/index.d.ts", + "import": "./lib/Gift/m/index.mjs", + "require": "./lib/Gift/m/index.js" }, - "./Goblet/l": { - "types": "./lib/Goblet/l/index.d.ts", - "import": "./lib/Goblet/l/index.mjs", - "require": "./lib/Goblet/l/index.js" + "./Gift/l": { + "types": "./lib/Gift/l/index.d.ts", + "import": "./lib/Gift/l/index.mjs", + "require": "./lib/Gift/l/index.js" }, "./GenderFemale/m": { "types": "./lib/GenderFemale/m/index.d.ts", @@ -2943,15 +2953,15 @@ "import": "./lib/GenderFemale/l/index.mjs", "require": "./lib/GenderFemale/l/index.js" }, - "./Gift/m": { - "types": "./lib/Gift/m/index.d.ts", - "import": "./lib/Gift/m/index.mjs", - "require": "./lib/Gift/m/index.js" + "./Gambling/m": { + "types": "./lib/Gambling/m/index.d.ts", + "import": "./lib/Gambling/m/index.mjs", + "require": "./lib/Gambling/m/index.js" }, - "./Gift/l": { - "types": "./lib/Gift/l/index.d.ts", - "import": "./lib/Gift/l/index.mjs", - "require": "./lib/Gift/l/index.js" + "./Gambling/l": { + "types": "./lib/Gambling/l/index.d.ts", + "import": "./lib/Gambling/l/index.mjs", + "require": "./lib/Gambling/l/index.js" }, "./GenderMale/m": { "types": "./lib/GenderMale/m/index.d.ts", @@ -2973,6 +2983,16 @@ "import": "./lib/Games/l/index.mjs", "require": "./lib/Games/l/index.js" }, + "./Furniture/m": { + "types": "./lib/Furniture/m/index.d.ts", + "import": "./lib/Furniture/m/index.mjs", + "require": "./lib/Furniture/m/index.js" + }, + "./Furniture/l": { + "types": "./lib/Furniture/l/index.d.ts", + "import": "./lib/Furniture/l/index.mjs", + "require": "./lib/Furniture/l/index.js" + }, "./Funnel/m": { "types": "./lib/Funnel/m/index.d.ts", "import": "./lib/Funnel/m/index.mjs", @@ -3003,16 +3023,6 @@ "import": "./lib/FormatAlignRight/l/index.mjs", "require": "./lib/FormatAlignRight/l/index.js" }, - "./Gambling/m": { - "types": "./lib/Gambling/m/index.d.ts", - "import": "./lib/Gambling/m/index.mjs", - "require": "./lib/Gambling/m/index.js" - }, - "./Gambling/l": { - "types": "./lib/Gambling/l/index.d.ts", - "import": "./lib/Gambling/l/index.mjs", - "require": "./lib/Gambling/l/index.js" - }, "./FormatAlignLeft/m": { "types": "./lib/FormatAlignLeft/m/index.d.ts", "import": "./lib/FormatAlignLeft/m/index.mjs", @@ -3023,16 +3033,6 @@ "import": "./lib/FormatAlignLeft/l/index.mjs", "require": "./lib/FormatAlignLeft/l/index.js" }, - "./Furniture/m": { - "types": "./lib/Furniture/m/index.d.ts", - "import": "./lib/Furniture/m/index.mjs", - "require": "./lib/Furniture/m/index.js" - }, - "./Furniture/l": { - "types": "./lib/Furniture/l/index.d.ts", - "import": "./lib/Furniture/l/index.mjs", - "require": "./lib/Furniture/l/index.js" - }, "./FormatAlignJustify/m": { "types": "./lib/FormatAlignJustify/m/index.d.ts", "import": "./lib/FormatAlignJustify/m/index.mjs", @@ -3043,16 +3043,6 @@ "import": "./lib/FormatAlignJustify/l/index.mjs", "require": "./lib/FormatAlignJustify/l/index.js" }, - "./Formal/m": { - "types": "./lib/Formal/m/index.d.ts", - "import": "./lib/Formal/m/index.mjs", - "require": "./lib/Formal/m/index.js" - }, - "./Formal/l": { - "types": "./lib/Formal/l/index.d.ts", - "import": "./lib/Formal/l/index.mjs", - "require": "./lib/Formal/l/index.js" - }, "./FormatAlignCenter/m": { "types": "./lib/FormatAlignCenter/m/index.d.ts", "import": "./lib/FormatAlignCenter/m/index.mjs", @@ -3063,15 +3053,15 @@ "import": "./lib/FormatAlignCenter/l/index.mjs", "require": "./lib/FormatAlignCenter/l/index.js" }, - "./Food/m": { - "types": "./lib/Food/m/index.d.ts", - "import": "./lib/Food/m/index.mjs", - "require": "./lib/Food/m/index.js" + "./FolderOpenFilled/m": { + "types": "./lib/FolderOpenFilled/m/index.d.ts", + "import": "./lib/FolderOpenFilled/m/index.mjs", + "require": "./lib/FolderOpenFilled/m/index.js" }, - "./Food/l": { - "types": "./lib/Food/l/index.d.ts", - "import": "./lib/Food/l/index.mjs", - "require": "./lib/Food/l/index.js" + "./FolderOpenFilled/l": { + "types": "./lib/FolderOpenFilled/l/index.d.ts", + "import": "./lib/FolderOpenFilled/l/index.mjs", + "require": "./lib/FolderOpenFilled/l/index.js" }, "./Form/m": { "types": "./lib/Form/m/index.d.ts", @@ -3083,25 +3073,25 @@ "import": "./lib/Form/l/index.mjs", "require": "./lib/Form/l/index.js" }, - "./FolderOpenFilled/m": { - "types": "./lib/FolderOpenFilled/m/index.d.ts", - "import": "./lib/FolderOpenFilled/m/index.mjs", - "require": "./lib/FolderOpenFilled/m/index.js" + "./Formal/m": { + "types": "./lib/Formal/m/index.d.ts", + "import": "./lib/Formal/m/index.mjs", + "require": "./lib/Formal/m/index.js" }, - "./FolderOpenFilled/l": { - "types": "./lib/FolderOpenFilled/l/index.d.ts", - "import": "./lib/FolderOpenFilled/l/index.mjs", - "require": "./lib/FolderOpenFilled/l/index.js" + "./Formal/l": { + "types": "./lib/Formal/l/index.d.ts", + "import": "./lib/Formal/l/index.mjs", + "require": "./lib/Formal/l/index.js" }, - "./Folder/m": { - "types": "./lib/Folder/m/index.d.ts", - "import": "./lib/Folder/m/index.mjs", - "require": "./lib/Folder/m/index.js" + "./Food/m": { + "types": "./lib/Food/m/index.d.ts", + "import": "./lib/Food/m/index.mjs", + "require": "./lib/Food/m/index.js" }, - "./Folder/l": { - "types": "./lib/Folder/l/index.d.ts", - "import": "./lib/Folder/l/index.mjs", - "require": "./lib/Folder/l/index.js" + "./Food/l": { + "types": "./lib/Food/l/index.d.ts", + "import": "./lib/Food/l/index.mjs", + "require": "./lib/Food/l/index.js" }, "./FolderOpen/m": { "types": "./lib/FolderOpen/m/index.d.ts", @@ -3123,6 +3113,16 @@ "import": "./lib/FolderFilled/l/index.mjs", "require": "./lib/FolderFilled/l/index.js" }, + "./Folder/m": { + "types": "./lib/Folder/m/index.d.ts", + "import": "./lib/Folder/m/index.mjs", + "require": "./lib/Folder/m/index.js" + }, + "./Folder/l": { + "types": "./lib/Folder/l/index.d.ts", + "import": "./lib/Folder/l/index.mjs", + "require": "./lib/Folder/l/index.js" + }, "./Fish/m": { "types": "./lib/Fish/m/index.d.ts", "import": "./lib/Fish/m/index.mjs", @@ -3133,16 +3133,6 @@ "import": "./lib/Fish/l/index.mjs", "require": "./lib/Fish/l/index.js" }, - "./Firefox/m": { - "types": "./lib/Firefox/m/index.d.ts", - "import": "./lib/Firefox/m/index.mjs", - "require": "./lib/Firefox/m/index.js" - }, - "./Firefox/l": { - "types": "./lib/Firefox/l/index.d.ts", - "import": "./lib/Firefox/l/index.mjs", - "require": "./lib/Firefox/l/index.js" - }, "./Fire/m": { "types": "./lib/Fire/m/index.d.ts", "import": "./lib/Fire/m/index.mjs", @@ -3153,26 +3143,6 @@ "import": "./lib/Fire/l/index.mjs", "require": "./lib/Fire/l/index.js" }, - "./Filter/m": { - "types": "./lib/Filter/m/index.d.ts", - "import": "./lib/Filter/m/index.mjs", - "require": "./lib/Filter/m/index.js" - }, - "./Filter/l": { - "types": "./lib/Filter/l/index.d.ts", - "import": "./lib/Filter/l/index.mjs", - "require": "./lib/Filter/l/index.js" - }, - "./FileImport/m": { - "types": "./lib/FileImport/m/index.d.ts", - "import": "./lib/FileImport/m/index.mjs", - "require": "./lib/FileImport/m/index.js" - }, - "./FileImport/l": { - "types": "./lib/FileImport/l/index.d.ts", - "import": "./lib/FileImport/l/index.mjs", - "require": "./lib/FileImport/l/index.js" - }, "./FindResultsOn/m": { "types": "./lib/FindResultsOn/m/index.d.ts", "import": "./lib/FindResultsOn/m/index.mjs", @@ -3183,6 +3153,26 @@ "import": "./lib/FindResultsOn/l/index.mjs", "require": "./lib/FindResultsOn/l/index.js" }, + "./Firefox/m": { + "types": "./lib/Firefox/m/index.d.ts", + "import": "./lib/Firefox/m/index.mjs", + "require": "./lib/Firefox/m/index.js" + }, + "./Firefox/l": { + "types": "./lib/Firefox/l/index.d.ts", + "import": "./lib/Firefox/l/index.mjs", + "require": "./lib/Firefox/l/index.js" + }, + "./Filter/m": { + "types": "./lib/Filter/m/index.d.ts", + "import": "./lib/Filter/m/index.mjs", + "require": "./lib/Filter/m/index.js" + }, + "./Filter/l": { + "types": "./lib/Filter/l/index.d.ts", + "import": "./lib/Filter/l/index.mjs", + "require": "./lib/Filter/l/index.js" + }, "./FileUpload/m": { "types": "./lib/FileUpload/m/index.d.ts", "import": "./lib/FileUpload/m/index.mjs", @@ -3193,15 +3183,15 @@ "import": "./lib/FileUpload/l/index.mjs", "require": "./lib/FileUpload/l/index.js" }, - "./FeaturedVideo/m": { - "types": "./lib/FeaturedVideo/m/index.d.ts", - "import": "./lib/FeaturedVideo/m/index.mjs", - "require": "./lib/FeaturedVideo/m/index.js" + "./FileImport/m": { + "types": "./lib/FileImport/m/index.d.ts", + "import": "./lib/FileImport/m/index.mjs", + "require": "./lib/FileImport/m/index.js" }, - "./FeaturedVideo/l": { - "types": "./lib/FeaturedVideo/l/index.d.ts", - "import": "./lib/FeaturedVideo/l/index.mjs", - "require": "./lib/FeaturedVideo/l/index.js" + "./FileImport/l": { + "types": "./lib/FileImport/l/index.d.ts", + "import": "./lib/FileImport/l/index.mjs", + "require": "./lib/FileImport/l/index.js" }, "./FileExport/m": { "types": "./lib/FileExport/m/index.d.ts", @@ -3213,6 +3203,16 @@ "import": "./lib/FileExport/l/index.mjs", "require": "./lib/FileExport/l/index.js" }, + "./FeaturedVideo/m": { + "types": "./lib/FeaturedVideo/m/index.d.ts", + "import": "./lib/FeaturedVideo/m/index.mjs", + "require": "./lib/FeaturedVideo/m/index.js" + }, + "./FeaturedVideo/l": { + "types": "./lib/FeaturedVideo/l/index.d.ts", + "import": "./lib/FeaturedVideo/l/index.mjs", + "require": "./lib/FeaturedVideo/l/index.js" + }, "./FileDownload/m": { "types": "./lib/FileDownload/m/index.d.ts", "import": "./lib/FileDownload/m/index.mjs", @@ -3223,6 +3223,16 @@ "import": "./lib/FileDownload/l/index.mjs", "require": "./lib/FileDownload/l/index.js" }, + "./Fashion/m": { + "types": "./lib/Fashion/m/index.d.ts", + "import": "./lib/Fashion/m/index.mjs", + "require": "./lib/Fashion/m/index.js" + }, + "./Fashion/l": { + "types": "./lib/Fashion/l/index.d.ts", + "import": "./lib/Fashion/l/index.mjs", + "require": "./lib/Fashion/l/index.js" + }, "./FeaturedImage/m": { "types": "./lib/FeaturedImage/m/index.d.ts", "import": "./lib/FeaturedImage/m/index.mjs", @@ -3243,16 +3253,6 @@ "import": "./lib/FavoriteFilled/l/index.mjs", "require": "./lib/FavoriteFilled/l/index.js" }, - "./Fashion/m": { - "types": "./lib/Fashion/m/index.d.ts", - "import": "./lib/Fashion/m/index.mjs", - "require": "./lib/Fashion/m/index.js" - }, - "./Fashion/l": { - "types": "./lib/Fashion/l/index.d.ts", - "import": "./lib/Fashion/l/index.mjs", - "require": "./lib/Fashion/l/index.js" - }, "./Favorite/m": { "types": "./lib/Favorite/m/index.d.ts", "import": "./lib/Favorite/m/index.mjs", @@ -3273,16 +3273,6 @@ "import": "./lib/Farm/l/index.mjs", "require": "./lib/Farm/l/index.js" }, - "./ExpandText/m": { - "types": "./lib/ExpandText/m/index.d.ts", - "import": "./lib/ExpandText/m/index.mjs", - "require": "./lib/ExpandText/m/index.js" - }, - "./ExpandText/l": { - "types": "./lib/ExpandText/l/index.d.ts", - "import": "./lib/ExpandText/l/index.mjs", - "require": "./lib/ExpandText/l/index.js" - }, "./Facebook/m": { "types": "./lib/Facebook/m/index.d.ts", "import": "./lib/Facebook/m/index.mjs", @@ -3293,25 +3283,15 @@ "import": "./lib/Facebook/l/index.mjs", "require": "./lib/Facebook/l/index.js" }, - "./FacebookMessenger/m": { - "types": "./lib/FacebookMessenger/m/index.d.ts", - "import": "./lib/FacebookMessenger/m/index.mjs", - "require": "./lib/FacebookMessenger/m/index.js" - }, - "./FacebookMessenger/l": { - "types": "./lib/FacebookMessenger/l/index.d.ts", - "import": "./lib/FacebookMessenger/l/index.mjs", - "require": "./lib/FacebookMessenger/l/index.js" - }, - "./ExpandAlt/m": { - "types": "./lib/ExpandAlt/m/index.d.ts", - "import": "./lib/ExpandAlt/m/index.mjs", - "require": "./lib/ExpandAlt/m/index.js" + "./ExpandText/m": { + "types": "./lib/ExpandText/m/index.d.ts", + "import": "./lib/ExpandText/m/index.mjs", + "require": "./lib/ExpandText/m/index.js" }, - "./ExpandAlt/l": { - "types": "./lib/ExpandAlt/l/index.d.ts", - "import": "./lib/ExpandAlt/l/index.mjs", - "require": "./lib/ExpandAlt/l/index.js" + "./ExpandText/l": { + "types": "./lib/ExpandText/l/index.d.ts", + "import": "./lib/ExpandText/l/index.mjs", + "require": "./lib/ExpandText/l/index.js" }, "./Expand/m": { "types": "./lib/Expand/m/index.d.ts", @@ -3323,6 +3303,16 @@ "import": "./lib/Expand/l/index.mjs", "require": "./lib/Expand/l/index.js" }, + "./FacebookMessenger/m": { + "types": "./lib/FacebookMessenger/m/index.d.ts", + "import": "./lib/FacebookMessenger/m/index.mjs", + "require": "./lib/FacebookMessenger/m/index.js" + }, + "./FacebookMessenger/l": { + "types": "./lib/FacebookMessenger/l/index.d.ts", + "import": "./lib/FacebookMessenger/l/index.mjs", + "require": "./lib/FacebookMessenger/l/index.js" + }, "./Exit/m": { "types": "./lib/Exit/m/index.d.ts", "import": "./lib/Exit/m/index.mjs", @@ -3333,6 +3323,16 @@ "import": "./lib/Exit/l/index.mjs", "require": "./lib/Exit/l/index.js" }, + "./ExpandAlt/m": { + "types": "./lib/ExpandAlt/m/index.d.ts", + "import": "./lib/ExpandAlt/m/index.mjs", + "require": "./lib/ExpandAlt/m/index.js" + }, + "./ExpandAlt/l": { + "types": "./lib/ExpandAlt/l/index.d.ts", + "import": "./lib/ExpandAlt/l/index.mjs", + "require": "./lib/ExpandAlt/l/index.js" + }, "./Event/m": { "types": "./lib/Event/m/index.d.ts", "import": "./lib/Event/m/index.mjs", @@ -3343,15 +3343,15 @@ "import": "./lib/Event/l/index.mjs", "require": "./lib/Event/l/index.js" }, - "./Events/m": { - "types": "./lib/Events/m/index.d.ts", - "import": "./lib/Events/m/index.mjs", - "require": "./lib/Events/m/index.js" + "./Edit/m": { + "types": "./lib/Edit/m/index.d.ts", + "import": "./lib/Edit/m/index.mjs", + "require": "./lib/Edit/m/index.js" }, - "./Events/l": { - "types": "./lib/Events/l/index.d.ts", - "import": "./lib/Events/l/index.mjs", - "require": "./lib/Events/l/index.js" + "./Edit/l": { + "types": "./lib/Edit/l/index.d.ts", + "import": "./lib/Edit/l/index.mjs", + "require": "./lib/Edit/l/index.js" }, "./Education/m": { "types": "./lib/Education/m/index.d.ts", @@ -3363,15 +3363,15 @@ "import": "./lib/Education/l/index.mjs", "require": "./lib/Education/l/index.js" }, - "./Edit/m": { - "types": "./lib/Edit/m/index.d.ts", - "import": "./lib/Edit/m/index.mjs", - "require": "./lib/Edit/m/index.js" + "./Events/m": { + "types": "./lib/Events/m/index.d.ts", + "import": "./lib/Events/m/index.mjs", + "require": "./lib/Events/m/index.js" }, - "./Edit/l": { - "types": "./lib/Edit/l/index.d.ts", - "import": "./lib/Edit/l/index.mjs", - "require": "./lib/Edit/l/index.js" + "./Events/l": { + "types": "./lib/Events/l/index.d.ts", + "import": "./lib/Events/l/index.mjs", + "require": "./lib/Events/l/index.js" }, "./DropText/m": { "types": "./lib/DropText/m/index.d.ts", @@ -3403,16 +3403,6 @@ "import": "./lib/Drop/l/index.mjs", "require": "./lib/Drop/l/index.js" }, - "./DocumentPdf/m": { - "types": "./lib/DocumentPdf/m/index.d.ts", - "import": "./lib/DocumentPdf/m/index.mjs", - "require": "./lib/DocumentPdf/m/index.js" - }, - "./DocumentPdf/l": { - "types": "./lib/DocumentPdf/l/index.d.ts", - "import": "./lib/DocumentPdf/l/index.mjs", - "require": "./lib/DocumentPdf/l/index.js" - }, "./DocumentSad/m": { "types": "./lib/DocumentSad/m/index.d.ts", "import": "./lib/DocumentSad/m/index.mjs", @@ -3423,16 +3413,6 @@ "import": "./lib/DocumentSad/l/index.mjs", "require": "./lib/DocumentSad/l/index.js" }, - "./DocumentExport/m": { - "types": "./lib/DocumentExport/m/index.d.ts", - "import": "./lib/DocumentExport/m/index.mjs", - "require": "./lib/DocumentExport/m/index.js" - }, - "./DocumentExport/l": { - "types": "./lib/DocumentExport/l/index.d.ts", - "import": "./lib/DocumentExport/l/index.mjs", - "require": "./lib/DocumentExport/l/index.js" - }, "./DocumentHappy/m": { "types": "./lib/DocumentHappy/m/index.d.ts", "import": "./lib/DocumentHappy/m/index.mjs", @@ -3453,6 +3433,16 @@ "import": "./lib/DocumentDrop/l/index.mjs", "require": "./lib/DocumentDrop/l/index.js" }, + "./DocumentExport/m": { + "types": "./lib/DocumentExport/m/index.d.ts", + "import": "./lib/DocumentExport/m/index.mjs", + "require": "./lib/DocumentExport/m/index.js" + }, + "./DocumentExport/l": { + "types": "./lib/DocumentExport/l/index.d.ts", + "import": "./lib/DocumentExport/l/index.mjs", + "require": "./lib/DocumentExport/l/index.js" + }, "./DocumentCheck/m": { "types": "./lib/DocumentCheck/m/index.d.ts", "import": "./lib/DocumentCheck/m/index.mjs", @@ -3463,15 +3453,25 @@ "import": "./lib/DocumentCheck/l/index.mjs", "require": "./lib/DocumentCheck/l/index.js" }, - "./DesktopChart/m": { - "types": "./lib/DesktopChart/m/index.d.ts", - "import": "./lib/DesktopChart/m/index.mjs", - "require": "./lib/DesktopChart/m/index.js" + "./DocumentPdf/m": { + "types": "./lib/DocumentPdf/m/index.d.ts", + "import": "./lib/DocumentPdf/m/index.mjs", + "require": "./lib/DocumentPdf/m/index.js" }, - "./DesktopChart/l": { - "types": "./lib/DesktopChart/l/index.d.ts", - "import": "./lib/DesktopChart/l/index.mjs", - "require": "./lib/DesktopChart/l/index.js" + "./DocumentPdf/l": { + "types": "./lib/DocumentPdf/l/index.d.ts", + "import": "./lib/DocumentPdf/l/index.mjs", + "require": "./lib/DocumentPdf/l/index.js" + }, + "./Document/m": { + "types": "./lib/Document/m/index.d.ts", + "import": "./lib/Document/m/index.mjs", + "require": "./lib/Document/m/index.js" + }, + "./Document/l": { + "types": "./lib/Document/l/index.d.ts", + "import": "./lib/Document/l/index.mjs", + "require": "./lib/Document/l/index.js" }, "./Desktop/m": { "types": "./lib/Desktop/m/index.d.ts", @@ -3483,15 +3483,15 @@ "import": "./lib/Desktop/l/index.mjs", "require": "./lib/Desktop/l/index.js" }, - "./Document/m": { - "types": "./lib/Document/m/index.d.ts", - "import": "./lib/Document/m/index.mjs", - "require": "./lib/Document/m/index.js" + "./CursorDefault/m": { + "types": "./lib/CursorDefault/m/index.d.ts", + "import": "./lib/CursorDefault/m/index.mjs", + "require": "./lib/CursorDefault/m/index.js" }, - "./Document/l": { - "types": "./lib/Document/l/index.d.ts", - "import": "./lib/Document/l/index.mjs", - "require": "./lib/Document/l/index.js" + "./CursorDefault/l": { + "types": "./lib/CursorDefault/l/index.d.ts", + "import": "./lib/CursorDefault/l/index.mjs", + "require": "./lib/CursorDefault/l/index.js" }, "./CursorMove/m": { "types": "./lib/CursorMove/m/index.d.ts", @@ -3503,6 +3503,16 @@ "import": "./lib/CursorMove/l/index.mjs", "require": "./lib/CursorMove/l/index.js" }, + "./CurrencyUsd/m": { + "types": "./lib/CurrencyUsd/m/index.d.ts", + "import": "./lib/CurrencyUsd/m/index.mjs", + "require": "./lib/CurrencyUsd/m/index.js" + }, + "./CurrencyUsd/l": { + "types": "./lib/CurrencyUsd/l/index.d.ts", + "import": "./lib/CurrencyUsd/l/index.mjs", + "require": "./lib/CurrencyUsd/l/index.js" + }, "./Cut/m": { "types": "./lib/Cut/m/index.d.ts", "import": "./lib/Cut/m/index.mjs", @@ -3513,15 +3523,15 @@ "import": "./lib/Cut/l/index.mjs", "require": "./lib/Cut/l/index.js" }, - "./CurrencyUsd/m": { - "types": "./lib/CurrencyUsd/m/index.d.ts", - "import": "./lib/CurrencyUsd/m/index.mjs", - "require": "./lib/CurrencyUsd/m/index.js" + "./DesktopChart/m": { + "types": "./lib/DesktopChart/m/index.d.ts", + "import": "./lib/DesktopChart/m/index.mjs", + "require": "./lib/DesktopChart/m/index.js" }, - "./CurrencyUsd/l": { - "types": "./lib/CurrencyUsd/l/index.d.ts", - "import": "./lib/CurrencyUsd/l/index.mjs", - "require": "./lib/CurrencyUsd/l/index.js" + "./DesktopChart/l": { + "types": "./lib/DesktopChart/l/index.d.ts", + "import": "./lib/DesktopChart/l/index.mjs", + "require": "./lib/DesktopChart/l/index.js" }, "./Crown/m": { "types": "./lib/Crown/m/index.d.ts", @@ -3533,16 +3543,6 @@ "import": "./lib/Crown/l/index.mjs", "require": "./lib/Crown/l/index.js" }, - "./CursorDefault/m": { - "types": "./lib/CursorDefault/m/index.d.ts", - "import": "./lib/CursorDefault/m/index.mjs", - "require": "./lib/CursorDefault/m/index.js" - }, - "./CursorDefault/l": { - "types": "./lib/CursorDefault/l/index.d.ts", - "import": "./lib/CursorDefault/l/index.mjs", - "require": "./lib/CursorDefault/l/index.js" - }, "./Craft/m": { "types": "./lib/Craft/m/index.d.ts", "import": "./lib/Craft/m/index.mjs", @@ -3553,25 +3553,15 @@ "import": "./lib/Craft/l/index.mjs", "require": "./lib/Craft/l/index.js" }, - "./Crosshair/m": { - "types": "./lib/Crosshair/m/index.d.ts", - "import": "./lib/Crosshair/m/index.mjs", - "require": "./lib/Crosshair/m/index.js" - }, - "./Crosshair/l": { - "types": "./lib/Crosshair/l/index.d.ts", - "import": "./lib/Crosshair/l/index.mjs", - "require": "./lib/Crosshair/l/index.js" - }, - "./Copy/m": { - "types": "./lib/Copy/m/index.d.ts", - "import": "./lib/Copy/m/index.mjs", - "require": "./lib/Copy/m/index.js" + "./Comics/m": { + "types": "./lib/Comics/m/index.d.ts", + "import": "./lib/Comics/m/index.mjs", + "require": "./lib/Comics/m/index.js" }, - "./Copy/l": { - "types": "./lib/Copy/l/index.d.ts", - "import": "./lib/Copy/l/index.mjs", - "require": "./lib/Copy/l/index.js" + "./Comics/l": { + "types": "./lib/Comics/l/index.d.ts", + "import": "./lib/Comics/l/index.mjs", + "require": "./lib/Comics/l/index.js" }, "./Cosmetics/m": { "types": "./lib/Cosmetics/m/index.d.ts", @@ -3583,15 +3573,15 @@ "import": "./lib/Cosmetics/l/index.mjs", "require": "./lib/Cosmetics/l/index.js" }, - "./Comics/m": { - "types": "./lib/Comics/m/index.d.ts", - "import": "./lib/Comics/m/index.mjs", - "require": "./lib/Comics/m/index.js" + "./Crosshair/m": { + "types": "./lib/Crosshair/m/index.d.ts", + "import": "./lib/Crosshair/m/index.mjs", + "require": "./lib/Crosshair/m/index.js" }, - "./Comics/l": { - "types": "./lib/Comics/l/index.d.ts", - "import": "./lib/Comics/l/index.mjs", - "require": "./lib/Comics/l/index.js" + "./Crosshair/l": { + "types": "./lib/Crosshair/l/index.d.ts", + "import": "./lib/Crosshair/l/index.mjs", + "require": "./lib/Crosshair/l/index.js" }, "./ColumnThree/m": { "types": "./lib/ColumnThree/m/index.d.ts", @@ -3603,15 +3593,25 @@ "import": "./lib/ColumnThree/l/index.mjs", "require": "./lib/ColumnThree/l/index.js" }, - "./Collapse/m": { - "types": "./lib/Collapse/m/index.d.ts", - "import": "./lib/Collapse/m/index.mjs", - "require": "./lib/Collapse/m/index.js" + "./Copy/m": { + "types": "./lib/Copy/m/index.d.ts", + "import": "./lib/Copy/m/index.mjs", + "require": "./lib/Copy/m/index.js" }, - "./Collapse/l": { - "types": "./lib/Collapse/l/index.d.ts", - "import": "./lib/Collapse/l/index.mjs", - "require": "./lib/Collapse/l/index.js" + "./Copy/l": { + "types": "./lib/Copy/l/index.d.ts", + "import": "./lib/Copy/l/index.mjs", + "require": "./lib/Copy/l/index.js" + }, + "./CollapseList/m": { + "types": "./lib/CollapseList/m/index.d.ts", + "import": "./lib/CollapseList/m/index.mjs", + "require": "./lib/CollapseList/m/index.js" + }, + "./CollapseList/l": { + "types": "./lib/CollapseList/l/index.d.ts", + "import": "./lib/CollapseList/l/index.mjs", + "require": "./lib/CollapseList/l/index.js" }, "./CollapseAlt/m": { "types": "./lib/CollapseAlt/m/index.d.ts", @@ -3633,15 +3633,15 @@ "import": "./lib/ColumnTwo/l/index.mjs", "require": "./lib/ColumnTwo/l/index.js" }, - "./CollapseList/m": { - "types": "./lib/CollapseList/m/index.d.ts", - "import": "./lib/CollapseList/m/index.mjs", - "require": "./lib/CollapseList/m/index.js" + "./Collapse/m": { + "types": "./lib/Collapse/m/index.d.ts", + "import": "./lib/Collapse/m/index.mjs", + "require": "./lib/Collapse/m/index.js" }, - "./CollapseList/l": { - "types": "./lib/CollapseList/l/index.d.ts", - "import": "./lib/CollapseList/l/index.mjs", - "require": "./lib/CollapseList/l/index.js" + "./Collapse/l": { + "types": "./lib/Collapse/l/index.d.ts", + "import": "./lib/Collapse/l/index.mjs", + "require": "./lib/Collapse/l/index.js" }, "./ClusteredList/m": { "types": "./lib/ClusteredList/m/index.d.ts", @@ -3663,26 +3663,6 @@ "import": "./lib/Close/l/index.mjs", "require": "./lib/Close/l/index.js" }, - "./Claude/m": { - "types": "./lib/Claude/m/index.d.ts", - "import": "./lib/Claude/m/index.mjs", - "require": "./lib/Claude/m/index.js" - }, - "./Claude/l": { - "types": "./lib/Claude/l/index.d.ts", - "import": "./lib/Claude/l/index.mjs", - "require": "./lib/Claude/l/index.js" - }, - "./ChevronRight/m": { - "types": "./lib/ChevronRight/m/index.d.ts", - "import": "./lib/ChevronRight/m/index.mjs", - "require": "./lib/ChevronRight/m/index.js" - }, - "./ChevronRight/l": { - "types": "./lib/ChevronRight/l/index.d.ts", - "import": "./lib/ChevronRight/l/index.mjs", - "require": "./lib/ChevronRight/l/index.js" - }, "./Chrome/m": { "types": "./lib/Chrome/m/index.d.ts", "import": "./lib/Chrome/m/index.mjs", @@ -3703,55 +3683,75 @@ "import": "./lib/ChevronUp/l/index.mjs", "require": "./lib/ChevronUp/l/index.js" }, - "./ChevronLeft/m": { - "types": "./lib/ChevronLeft/m/index.d.ts", - "import": "./lib/ChevronLeft/m/index.mjs", - "require": "./lib/ChevronLeft/m/index.js" + "./ChevronRight/m": { + "types": "./lib/ChevronRight/m/index.d.ts", + "import": "./lib/ChevronRight/m/index.mjs", + "require": "./lib/ChevronRight/m/index.js" }, - "./ChevronLeft/l": { - "types": "./lib/ChevronLeft/l/index.d.ts", - "import": "./lib/ChevronLeft/l/index.mjs", - "require": "./lib/ChevronLeft/l/index.js" + "./ChevronRight/l": { + "types": "./lib/ChevronRight/l/index.d.ts", + "import": "./lib/ChevronRight/l/index.mjs", + "require": "./lib/ChevronRight/l/index.js" }, - "./ChevronDown/m": { - "types": "./lib/ChevronDown/m/index.d.ts", - "import": "./lib/ChevronDown/m/index.mjs", - "require": "./lib/ChevronDown/m/index.js" + "./ChevronDoubleUp/m": { + "types": "./lib/ChevronDoubleUp/m/index.d.ts", + "import": "./lib/ChevronDoubleUp/m/index.mjs", + "require": "./lib/ChevronDoubleUp/m/index.js" }, - "./ChevronDown/l": { - "types": "./lib/ChevronDown/l/index.d.ts", - "import": "./lib/ChevronDown/l/index.mjs", - "require": "./lib/ChevronDown/l/index.js" + "./ChevronDoubleUp/l": { + "types": "./lib/ChevronDoubleUp/l/index.d.ts", + "import": "./lib/ChevronDoubleUp/l/index.mjs", + "require": "./lib/ChevronDoubleUp/l/index.js" }, - "./ChevronDoubleLeft/m": { - "types": "./lib/ChevronDoubleLeft/m/index.d.ts", - "import": "./lib/ChevronDoubleLeft/m/index.mjs", - "require": "./lib/ChevronDoubleLeft/m/index.js" + "./Claude/m": { + "types": "./lib/Claude/m/index.d.ts", + "import": "./lib/Claude/m/index.mjs", + "require": "./lib/Claude/m/index.js" }, - "./ChevronDoubleLeft/l": { - "types": "./lib/ChevronDoubleLeft/l/index.d.ts", - "import": "./lib/ChevronDoubleLeft/l/index.mjs", - "require": "./lib/ChevronDoubleLeft/l/index.js" + "./Claude/l": { + "types": "./lib/Claude/l/index.d.ts", + "import": "./lib/Claude/l/index.mjs", + "require": "./lib/Claude/l/index.js" }, - "./Checkbox/m": { - "types": "./lib/Checkbox/m/index.d.ts", - "import": "./lib/Checkbox/m/index.mjs", - "require": "./lib/Checkbox/m/index.js" + "./ChevronDoubleRight/m": { + "types": "./lib/ChevronDoubleRight/m/index.d.ts", + "import": "./lib/ChevronDoubleRight/m/index.mjs", + "require": "./lib/ChevronDoubleRight/m/index.js" }, - "./Checkbox/l": { - "types": "./lib/Checkbox/l/index.d.ts", - "import": "./lib/Checkbox/l/index.mjs", - "require": "./lib/Checkbox/l/index.js" + "./ChevronDoubleRight/l": { + "types": "./lib/ChevronDoubleRight/l/index.d.ts", + "import": "./lib/ChevronDoubleRight/l/index.mjs", + "require": "./lib/ChevronDoubleRight/l/index.js" }, - "./ChevronDoubleUp/m": { - "types": "./lib/ChevronDoubleUp/m/index.d.ts", - "import": "./lib/ChevronDoubleUp/m/index.mjs", - "require": "./lib/ChevronDoubleUp/m/index.js" + "./ChevronDown/m": { + "types": "./lib/ChevronDown/m/index.d.ts", + "import": "./lib/ChevronDown/m/index.mjs", + "require": "./lib/ChevronDown/m/index.js" }, - "./ChevronDoubleUp/l": { - "types": "./lib/ChevronDoubleUp/l/index.d.ts", - "import": "./lib/ChevronDoubleUp/l/index.mjs", - "require": "./lib/ChevronDoubleUp/l/index.js" + "./ChevronDown/l": { + "types": "./lib/ChevronDown/l/index.d.ts", + "import": "./lib/ChevronDown/l/index.mjs", + "require": "./lib/ChevronDown/l/index.js" + }, + "./ChevronLeft/m": { + "types": "./lib/ChevronLeft/m/index.d.ts", + "import": "./lib/ChevronLeft/m/index.mjs", + "require": "./lib/ChevronLeft/m/index.js" + }, + "./ChevronLeft/l": { + "types": "./lib/ChevronLeft/l/index.d.ts", + "import": "./lib/ChevronLeft/l/index.mjs", + "require": "./lib/ChevronLeft/l/index.js" + }, + "./ChevronDoubleLeft/m": { + "types": "./lib/ChevronDoubleLeft/m/index.d.ts", + "import": "./lib/ChevronDoubleLeft/m/index.mjs", + "require": "./lib/ChevronDoubleLeft/m/index.js" + }, + "./ChevronDoubleLeft/l": { + "types": "./lib/ChevronDoubleLeft/l/index.d.ts", + "import": "./lib/ChevronDoubleLeft/l/index.mjs", + "require": "./lib/ChevronDoubleLeft/l/index.js" }, "./ChevronDoubleDown/m": { "types": "./lib/ChevronDoubleDown/m/index.d.ts", @@ -3763,25 +3763,25 @@ "import": "./lib/ChevronDoubleDown/l/index.mjs", "require": "./lib/ChevronDoubleDown/l/index.js" }, - "./ChevronDoubleRight/m": { - "types": "./lib/ChevronDoubleRight/m/index.d.ts", - "import": "./lib/ChevronDoubleRight/m/index.mjs", - "require": "./lib/ChevronDoubleRight/m/index.js" + "./Check/m": { + "types": "./lib/Check/m/index.d.ts", + "import": "./lib/Check/m/index.mjs", + "require": "./lib/Check/m/index.js" }, - "./ChevronDoubleRight/l": { - "types": "./lib/ChevronDoubleRight/l/index.d.ts", - "import": "./lib/ChevronDoubleRight/l/index.mjs", - "require": "./lib/ChevronDoubleRight/l/index.js" + "./Check/l": { + "types": "./lib/Check/l/index.d.ts", + "import": "./lib/Check/l/index.mjs", + "require": "./lib/Check/l/index.js" }, - "./CheckDouble/m": { - "types": "./lib/CheckDouble/m/index.d.ts", - "import": "./lib/CheckDouble/m/index.mjs", - "require": "./lib/CheckDouble/m/index.js" + "./CheckAlt/m": { + "types": "./lib/CheckAlt/m/index.d.ts", + "import": "./lib/CheckAlt/m/index.mjs", + "require": "./lib/CheckAlt/m/index.js" }, - "./CheckDouble/l": { - "types": "./lib/CheckDouble/l/index.d.ts", - "import": "./lib/CheckDouble/l/index.mjs", - "require": "./lib/CheckDouble/l/index.js" + "./CheckAlt/l": { + "types": "./lib/CheckAlt/l/index.d.ts", + "import": "./lib/CheckAlt/l/index.mjs", + "require": "./lib/CheckAlt/l/index.js" }, "./ChatQuestion/m": { "types": "./lib/ChatQuestion/m/index.d.ts", @@ -3793,35 +3793,35 @@ "import": "./lib/ChatQuestion/l/index.mjs", "require": "./lib/ChatQuestion/l/index.js" }, - "./CheckAlt/m": { - "types": "./lib/CheckAlt/m/index.d.ts", - "import": "./lib/CheckAlt/m/index.mjs", - "require": "./lib/CheckAlt/m/index.js" + "./Checkbox/m": { + "types": "./lib/Checkbox/m/index.d.ts", + "import": "./lib/Checkbox/m/index.mjs", + "require": "./lib/Checkbox/m/index.js" }, - "./CheckAlt/l": { - "types": "./lib/CheckAlt/l/index.d.ts", - "import": "./lib/CheckAlt/l/index.mjs", - "require": "./lib/CheckAlt/l/index.js" + "./Checkbox/l": { + "types": "./lib/Checkbox/l/index.d.ts", + "import": "./lib/Checkbox/l/index.mjs", + "require": "./lib/Checkbox/l/index.js" }, - "./ChatPlus/m": { - "types": "./lib/ChatPlus/m/index.d.ts", - "import": "./lib/ChatPlus/m/index.mjs", - "require": "./lib/ChatPlus/m/index.js" + "./CheckDouble/m": { + "types": "./lib/CheckDouble/m/index.d.ts", + "import": "./lib/CheckDouble/m/index.mjs", + "require": "./lib/CheckDouble/m/index.js" }, - "./ChatPlus/l": { - "types": "./lib/ChatPlus/l/index.d.ts", - "import": "./lib/ChatPlus/l/index.mjs", - "require": "./lib/ChatPlus/l/index.js" + "./CheckDouble/l": { + "types": "./lib/CheckDouble/l/index.d.ts", + "import": "./lib/CheckDouble/l/index.mjs", + "require": "./lib/CheckDouble/l/index.js" }, - "./Check/m": { - "types": "./lib/Check/m/index.d.ts", - "import": "./lib/Check/m/index.mjs", - "require": "./lib/Check/m/index.js" + "./ChatGPT/m": { + "types": "./lib/ChatGPT/m/index.d.ts", + "import": "./lib/ChatGPT/m/index.mjs", + "require": "./lib/ChatGPT/m/index.js" }, - "./Check/l": { - "types": "./lib/Check/l/index.d.ts", - "import": "./lib/Check/l/index.mjs", - "require": "./lib/Check/l/index.js" + "./ChatGPT/l": { + "types": "./lib/ChatGPT/l/index.d.ts", + "import": "./lib/ChatGPT/l/index.mjs", + "require": "./lib/ChatGPT/l/index.js" }, "./ChatCheck/m": { "types": "./lib/ChatCheck/m/index.d.ts", @@ -3833,35 +3833,25 @@ "import": "./lib/ChatCheck/l/index.mjs", "require": "./lib/ChatCheck/l/index.js" }, - "./ChatGPT/m": { - "types": "./lib/ChatGPT/m/index.d.ts", - "import": "./lib/ChatGPT/m/index.mjs", - "require": "./lib/ChatGPT/m/index.js" - }, - "./ChatGPT/l": { - "types": "./lib/ChatGPT/l/index.d.ts", - "import": "./lib/ChatGPT/l/index.mjs", - "require": "./lib/ChatGPT/l/index.js" - }, - "./ChatAI/m": { - "types": "./lib/ChatAI/m/index.d.ts", - "import": "./lib/ChatAI/m/index.mjs", - "require": "./lib/ChatAI/m/index.js" + "./Chat/m": { + "types": "./lib/Chat/m/index.d.ts", + "import": "./lib/Chat/m/index.mjs", + "require": "./lib/Chat/m/index.js" }, - "./ChatAI/l": { - "types": "./lib/ChatAI/l/index.d.ts", - "import": "./lib/ChatAI/l/index.mjs", - "require": "./lib/ChatAI/l/index.js" + "./Chat/l": { + "types": "./lib/Chat/l/index.d.ts", + "import": "./lib/Chat/l/index.mjs", + "require": "./lib/Chat/l/index.js" }, - "./ChatFilled/m": { - "types": "./lib/ChatFilled/m/index.d.ts", - "import": "./lib/ChatFilled/m/index.mjs", - "require": "./lib/ChatFilled/m/index.js" + "./ChatPlus/m": { + "types": "./lib/ChatPlus/m/index.d.ts", + "import": "./lib/ChatPlus/m/index.mjs", + "require": "./lib/ChatPlus/m/index.js" }, - "./ChatFilled/l": { - "types": "./lib/ChatFilled/l/index.d.ts", - "import": "./lib/ChatFilled/l/index.mjs", - "require": "./lib/ChatFilled/l/index.js" + "./ChatPlus/l": { + "types": "./lib/ChatPlus/l/index.d.ts", + "import": "./lib/ChatPlus/l/index.mjs", + "require": "./lib/ChatPlus/l/index.js" }, "./ChartVenn/m": { "types": "./lib/ChartVenn/m/index.d.ts", @@ -3873,6 +3863,16 @@ "import": "./lib/ChartVenn/l/index.mjs", "require": "./lib/ChartVenn/l/index.js" }, + "./ChatAI/m": { + "types": "./lib/ChatAI/m/index.d.ts", + "import": "./lib/ChatAI/m/index.mjs", + "require": "./lib/ChatAI/m/index.js" + }, + "./ChatAI/l": { + "types": "./lib/ChatAI/l/index.d.ts", + "import": "./lib/ChatAI/l/index.mjs", + "require": "./lib/ChatAI/l/index.js" + }, "./ChartPie/m": { "types": "./lib/ChartPie/m/index.d.ts", "import": "./lib/ChartPie/m/index.mjs", @@ -3883,25 +3883,15 @@ "import": "./lib/ChartPie/l/index.mjs", "require": "./lib/ChartPie/l/index.js" }, - "./Chat/m": { - "types": "./lib/Chat/m/index.d.ts", - "import": "./lib/Chat/m/index.mjs", - "require": "./lib/Chat/m/index.js" - }, - "./Chat/l": { - "types": "./lib/Chat/l/index.d.ts", - "import": "./lib/Chat/l/index.mjs", - "require": "./lib/Chat/l/index.js" - }, - "./ChartLine/m": { - "types": "./lib/ChartLine/m/index.d.ts", - "import": "./lib/ChartLine/m/index.mjs", - "require": "./lib/ChartLine/m/index.js" + "./ChatFilled/m": { + "types": "./lib/ChatFilled/m/index.d.ts", + "import": "./lib/ChatFilled/m/index.mjs", + "require": "./lib/ChatFilled/m/index.js" }, - "./ChartLine/l": { - "types": "./lib/ChartLine/l/index.d.ts", - "import": "./lib/ChartLine/l/index.mjs", - "require": "./lib/ChartLine/l/index.js" + "./ChatFilled/l": { + "types": "./lib/ChatFilled/l/index.d.ts", + "import": "./lib/ChatFilled/l/index.mjs", + "require": "./lib/ChatFilled/l/index.js" }, "./ChartBubble/m": { "types": "./lib/ChartBubble/m/index.d.ts", @@ -3933,15 +3923,15 @@ "import": "./lib/ChartBarStacked/l/index.mjs", "require": "./lib/ChartBarStacked/l/index.js" }, - "./Charge/m": { - "types": "./lib/Charge/m/index.d.ts", - "import": "./lib/Charge/m/index.mjs", - "require": "./lib/Charge/m/index.js" + "./ChartBar/m": { + "types": "./lib/ChartBar/m/index.d.ts", + "import": "./lib/ChartBar/m/index.mjs", + "require": "./lib/ChartBar/m/index.js" }, - "./Charge/l": { - "types": "./lib/Charge/l/index.d.ts", - "import": "./lib/Charge/l/index.mjs", - "require": "./lib/Charge/l/index.js" + "./ChartBar/l": { + "types": "./lib/ChartBar/l/index.d.ts", + "import": "./lib/ChartBar/l/index.mjs", + "require": "./lib/ChartBar/l/index.js" }, "./ChargebackLoss/m": { "types": "./lib/ChargebackLoss/m/index.d.ts", @@ -3953,25 +3943,15 @@ "import": "./lib/ChargebackLoss/l/index.mjs", "require": "./lib/ChargebackLoss/l/index.js" }, - "./ChargebackWin/m": { - "types": "./lib/ChargebackWin/m/index.d.ts", - "import": "./lib/ChargebackWin/m/index.mjs", - "require": "./lib/ChargebackWin/m/index.js" - }, - "./ChargebackWin/l": { - "types": "./lib/ChargebackWin/l/index.d.ts", - "import": "./lib/ChargebackWin/l/index.mjs", - "require": "./lib/ChargebackWin/l/index.js" - }, - "./ChartBar/m": { - "types": "./lib/ChartBar/m/index.d.ts", - "import": "./lib/ChartBar/m/index.mjs", - "require": "./lib/ChartBar/m/index.js" + "./ChartLine/m": { + "types": "./lib/ChartLine/m/index.d.ts", + "import": "./lib/ChartLine/m/index.mjs", + "require": "./lib/ChartLine/m/index.js" }, - "./ChartBar/l": { - "types": "./lib/ChartBar/l/index.d.ts", - "import": "./lib/ChartBar/l/index.mjs", - "require": "./lib/ChartBar/l/index.js" + "./ChartLine/l": { + "types": "./lib/ChartLine/l/index.d.ts", + "import": "./lib/ChartLine/l/index.mjs", + "require": "./lib/ChartLine/l/index.js" }, "./Casual/m": { "types": "./lib/Casual/m/index.d.ts", @@ -3983,15 +3963,35 @@ "import": "./lib/Casual/l/index.mjs", "require": "./lib/Casual/l/index.js" }, - "./CardUpdate/m": { - "types": "./lib/CardUpdate/m/index.d.ts", - "import": "./lib/CardUpdate/m/index.mjs", - "require": "./lib/CardUpdate/m/index.js" + "./Charge/m": { + "types": "./lib/Charge/m/index.d.ts", + "import": "./lib/Charge/m/index.mjs", + "require": "./lib/Charge/m/index.js" }, - "./CardUpdate/l": { - "types": "./lib/CardUpdate/l/index.d.ts", - "import": "./lib/CardUpdate/l/index.mjs", - "require": "./lib/CardUpdate/l/index.js" + "./Charge/l": { + "types": "./lib/Charge/l/index.d.ts", + "import": "./lib/Charge/l/index.mjs", + "require": "./lib/Charge/l/index.js" + }, + "./Cart/m": { + "types": "./lib/Cart/m/index.d.ts", + "import": "./lib/Cart/m/index.mjs", + "require": "./lib/Cart/m/index.js" + }, + "./Cart/l": { + "types": "./lib/Cart/l/index.d.ts", + "import": "./lib/Cart/l/index.mjs", + "require": "./lib/Cart/l/index.js" + }, + "./ChargebackWin/m": { + "types": "./lib/ChargebackWin/m/index.d.ts", + "import": "./lib/ChargebackWin/m/index.mjs", + "require": "./lib/ChargebackWin/m/index.js" + }, + "./ChargebackWin/l": { + "types": "./lib/ChargebackWin/l/index.d.ts", + "import": "./lib/ChargebackWin/l/index.mjs", + "require": "./lib/ChargebackWin/l/index.js" }, "./Cards/m": { "types": "./lib/Cards/m/index.d.ts", @@ -4013,15 +4013,15 @@ "import": "./lib/Car/l/index.mjs", "require": "./lib/Car/l/index.js" }, - "./Cart/m": { - "types": "./lib/Cart/m/index.d.ts", - "import": "./lib/Cart/m/index.mjs", - "require": "./lib/Cart/m/index.js" + "./CardUpdate/m": { + "types": "./lib/CardUpdate/m/index.d.ts", + "import": "./lib/CardUpdate/m/index.mjs", + "require": "./lib/CardUpdate/m/index.js" }, - "./Cart/l": { - "types": "./lib/Cart/l/index.d.ts", - "import": "./lib/Cart/l/index.mjs", - "require": "./lib/Cart/l/index.js" + "./CardUpdate/l": { + "types": "./lib/CardUpdate/l/index.d.ts", + "import": "./lib/CardUpdate/l/index.mjs", + "require": "./lib/CardUpdate/l/index.js" }, "./Canva/m": { "types": "./lib/Canva/m/index.d.ts", @@ -4033,16 +4033,6 @@ "import": "./lib/Canva/l/index.mjs", "require": "./lib/Canva/l/index.js" }, - "./CalendarCheck/m": { - "types": "./lib/CalendarCheck/m/index.d.ts", - "import": "./lib/CalendarCheck/m/index.mjs", - "require": "./lib/CalendarCheck/m/index.js" - }, - "./CalendarCheck/l": { - "types": "./lib/CalendarCheck/l/index.d.ts", - "import": "./lib/CalendarCheck/l/index.mjs", - "require": "./lib/CalendarCheck/l/index.js" - }, "./Calendar/m": { "types": "./lib/Calendar/m/index.d.ts", "import": "./lib/Calendar/m/index.mjs", @@ -4053,6 +4043,26 @@ "import": "./lib/Calendar/l/index.mjs", "require": "./lib/Calendar/l/index.js" }, + "./Bulb/m": { + "types": "./lib/Bulb/m/index.d.ts", + "import": "./lib/Bulb/m/index.mjs", + "require": "./lib/Bulb/m/index.js" + }, + "./Bulb/l": { + "types": "./lib/Bulb/l/index.d.ts", + "import": "./lib/Bulb/l/index.mjs", + "require": "./lib/Bulb/l/index.js" + }, + "./CalendarCheck/m": { + "types": "./lib/CalendarCheck/m/index.d.ts", + "import": "./lib/CalendarCheck/m/index.mjs", + "require": "./lib/CalendarCheck/m/index.js" + }, + "./CalendarCheck/l": { + "types": "./lib/CalendarCheck/l/index.d.ts", + "import": "./lib/CalendarCheck/l/index.mjs", + "require": "./lib/CalendarCheck/l/index.js" + }, "./Briefcase/m": { "types": "./lib/Briefcase/m/index.d.ts", "import": "./lib/Briefcase/m/index.mjs", @@ -4073,16 +4083,6 @@ "import": "./lib/BracketsCurly/l/index.mjs", "require": "./lib/BracketsCurly/l/index.js" }, - "./Bulb/m": { - "types": "./lib/Bulb/m/index.d.ts", - "import": "./lib/Bulb/m/index.mjs", - "require": "./lib/Bulb/m/index.js" - }, - "./Bulb/l": { - "types": "./lib/Bulb/l/index.d.ts", - "import": "./lib/Bulb/l/index.mjs", - "require": "./lib/Bulb/l/index.js" - }, "./BracketsCode/m": { "types": "./lib/BracketsCode/m/index.d.ts", "import": "./lib/BracketsCode/m/index.mjs", @@ -4093,16 +4093,6 @@ "import": "./lib/BracketsCode/l/index.mjs", "require": "./lib/BracketsCode/l/index.js" }, - "./BookmarkFilled/m": { - "types": "./lib/BookmarkFilled/m/index.d.ts", - "import": "./lib/BookmarkFilled/m/index.mjs", - "require": "./lib/BookmarkFilled/m/index.js" - }, - "./BookmarkFilled/l": { - "types": "./lib/BookmarkFilled/l/index.d.ts", - "import": "./lib/BookmarkFilled/l/index.mjs", - "require": "./lib/BookmarkFilled/l/index.js" - }, "./BracketsAngle/m": { "types": "./lib/BracketsAngle/m/index.d.ts", "import": "./lib/BracketsAngle/m/index.mjs", @@ -4113,15 +4103,15 @@ "import": "./lib/BracketsAngle/l/index.mjs", "require": "./lib/BracketsAngle/l/index.js" }, - "./AttacheCase/m": { - "types": "./lib/AttacheCase/m/index.d.ts", - "import": "./lib/AttacheCase/m/index.mjs", - "require": "./lib/AttacheCase/m/index.js" + "./BookmarkFilled/m": { + "types": "./lib/BookmarkFilled/m/index.d.ts", + "import": "./lib/BookmarkFilled/m/index.mjs", + "require": "./lib/BookmarkFilled/m/index.js" }, - "./AttacheCase/l": { - "types": "./lib/AttacheCase/l/index.d.ts", - "import": "./lib/AttacheCase/l/index.mjs", - "require": "./lib/AttacheCase/l/index.js" + "./BookmarkFilled/l": { + "types": "./lib/BookmarkFilled/l/index.d.ts", + "import": "./lib/BookmarkFilled/l/index.mjs", + "require": "./lib/BookmarkFilled/l/index.js" }, "./Book/m": { "types": "./lib/Book/m/index.d.ts", @@ -4133,25 +4123,15 @@ "import": "./lib/Book/l/index.mjs", "require": "./lib/Book/l/index.js" }, - "./Bookmark/m": { - "types": "./lib/Bookmark/m/index.d.ts", - "import": "./lib/Bookmark/m/index.mjs", - "require": "./lib/Bookmark/m/index.js" - }, - "./Bookmark/l": { - "types": "./lib/Bookmark/l/index.d.ts", - "import": "./lib/Bookmark/l/index.mjs", - "require": "./lib/Bookmark/l/index.js" - }, - "./Block/m": { - "types": "./lib/Block/m/index.d.ts", - "import": "./lib/Block/m/index.mjs", - "require": "./lib/Block/m/index.js" + "./AttacheCase/m": { + "types": "./lib/AttacheCase/m/index.d.ts", + "import": "./lib/AttacheCase/m/index.mjs", + "require": "./lib/AttacheCase/m/index.js" }, - "./Block/l": { - "types": "./lib/Block/l/index.d.ts", - "import": "./lib/Block/l/index.mjs", - "require": "./lib/Block/l/index.js" + "./AttacheCase/l": { + "types": "./lib/AttacheCase/l/index.d.ts", + "import": "./lib/AttacheCase/l/index.mjs", + "require": "./lib/AttacheCase/l/index.js" }, "./Attach/m": { "types": "./lib/Attach/m/index.d.ts", @@ -4163,6 +4143,16 @@ "import": "./lib/Attach/l/index.mjs", "require": "./lib/Attach/l/index.js" }, + "./Bookmark/m": { + "types": "./lib/Bookmark/m/index.d.ts", + "import": "./lib/Bookmark/m/index.mjs", + "require": "./lib/Bookmark/m/index.js" + }, + "./Bookmark/l": { + "types": "./lib/Bookmark/l/index.d.ts", + "import": "./lib/Bookmark/l/index.mjs", + "require": "./lib/Bookmark/l/index.js" + }, "./Arrows/m": { "types": "./lib/Arrows/m/index.d.ts", "import": "./lib/Arrows/m/index.mjs", @@ -4173,6 +4163,16 @@ "import": "./lib/Arrows/l/index.mjs", "require": "./lib/Arrows/l/index.js" }, + "./Block/m": { + "types": "./lib/Block/m/index.d.ts", + "import": "./lib/Block/m/index.mjs", + "require": "./lib/Block/m/index.js" + }, + "./Block/l": { + "types": "./lib/Block/l/index.d.ts", + "import": "./lib/Block/l/index.mjs", + "require": "./lib/Block/l/index.js" + }, "./AskAI/m": { "types": "./lib/AskAI/m/index.d.ts", "import": "./lib/AskAI/m/index.mjs", @@ -4183,16 +4183,6 @@ "import": "./lib/AskAI/l/index.mjs", "require": "./lib/AskAI/l/index.js" }, - "./ArrowRight/m": { - "types": "./lib/ArrowRight/m/index.d.ts", - "import": "./lib/ArrowRight/m/index.mjs", - "require": "./lib/ArrowRight/m/index.js" - }, - "./ArrowRight/l": { - "types": "./lib/ArrowRight/l/index.d.ts", - "import": "./lib/ArrowRight/l/index.mjs", - "require": "./lib/ArrowRight/l/index.js" - }, "./ArrowUp/m": { "types": "./lib/ArrowUp/m/index.d.ts", "import": "./lib/ArrowUp/m/index.mjs", @@ -4213,25 +4203,15 @@ "import": "./lib/ArrowLeft/l/index.mjs", "require": "./lib/ArrowLeft/l/index.js" }, - "./Architecture/m": { - "types": "./lib/Architecture/m/index.d.ts", - "import": "./lib/Architecture/m/index.mjs", - "require": "./lib/Architecture/m/index.js" - }, - "./Architecture/l": { - "types": "./lib/Architecture/l/index.d.ts", - "import": "./lib/Architecture/l/index.mjs", - "require": "./lib/Architecture/l/index.js" - }, - "./Apple/m": { - "types": "./lib/Apple/m/index.d.ts", - "import": "./lib/Apple/m/index.mjs", - "require": "./lib/Apple/m/index.js" + "./ArrowRight/m": { + "types": "./lib/ArrowRight/m/index.d.ts", + "import": "./lib/ArrowRight/m/index.mjs", + "require": "./lib/ArrowRight/m/index.js" }, - "./Apple/l": { - "types": "./lib/Apple/l/index.d.ts", - "import": "./lib/Apple/l/index.mjs", - "require": "./lib/Apple/l/index.js" + "./ArrowRight/l": { + "types": "./lib/ArrowRight/l/index.d.ts", + "import": "./lib/ArrowRight/l/index.mjs", + "require": "./lib/ArrowRight/l/index.js" }, "./ArrowDown/m": { "types": "./lib/ArrowDown/m/index.d.ts", @@ -4243,16 +4223,6 @@ "import": "./lib/ArrowDown/l/index.mjs", "require": "./lib/ArrowDown/l/index.js" }, - "./AppsBlock/m": { - "types": "./lib/AppsBlock/m/index.d.ts", - "import": "./lib/AppsBlock/m/index.mjs", - "require": "./lib/AppsBlock/m/index.js" - }, - "./AppsBlock/l": { - "types": "./lib/AppsBlock/l/index.d.ts", - "import": "./lib/AppsBlock/l/index.mjs", - "require": "./lib/AppsBlock/l/index.js" - }, "./Archive/m": { "types": "./lib/Archive/m/index.d.ts", "import": "./lib/Archive/m/index.mjs", @@ -4263,15 +4233,15 @@ "import": "./lib/Archive/l/index.mjs", "require": "./lib/Archive/l/index.js" }, - "./Amp/m": { - "types": "./lib/Amp/m/index.d.ts", - "import": "./lib/Amp/m/index.mjs", - "require": "./lib/Amp/m/index.js" + "./Apple/m": { + "types": "./lib/Apple/m/index.d.ts", + "import": "./lib/Apple/m/index.mjs", + "require": "./lib/Apple/m/index.js" }, - "./Amp/l": { - "types": "./lib/Amp/l/index.d.ts", - "import": "./lib/Amp/l/index.mjs", - "require": "./lib/Amp/l/index.js" + "./Apple/l": { + "types": "./lib/Apple/l/index.d.ts", + "import": "./lib/Apple/l/index.mjs", + "require": "./lib/Apple/l/index.js" }, "./Android/m": { "types": "./lib/Android/m/index.d.ts", @@ -4283,6 +4253,36 @@ "import": "./lib/Android/l/index.mjs", "require": "./lib/Android/l/index.js" }, + "./Amp/m": { + "types": "./lib/Amp/m/index.d.ts", + "import": "./lib/Amp/m/index.mjs", + "require": "./lib/Amp/m/index.js" + }, + "./Amp/l": { + "types": "./lib/Amp/l/index.d.ts", + "import": "./lib/Amp/l/index.mjs", + "require": "./lib/Amp/l/index.js" + }, + "./AppsBlock/m": { + "types": "./lib/AppsBlock/m/index.d.ts", + "import": "./lib/AppsBlock/m/index.mjs", + "require": "./lib/AppsBlock/m/index.js" + }, + "./AppsBlock/l": { + "types": "./lib/AppsBlock/l/index.d.ts", + "import": "./lib/AppsBlock/l/index.mjs", + "require": "./lib/AppsBlock/l/index.js" + }, + "./Architecture/m": { + "types": "./lib/Architecture/m/index.d.ts", + "import": "./lib/Architecture/m/index.mjs", + "require": "./lib/Architecture/m/index.js" + }, + "./Architecture/l": { + "types": "./lib/Architecture/l/index.d.ts", + "import": "./lib/Architecture/l/index.mjs", + "require": "./lib/Architecture/l/index.js" + }, "./AllDevices/m": { "types": "./lib/AllDevices/m/index.d.ts", "import": "./lib/AllDevices/m/index.mjs", @@ -4323,16 +4323,6 @@ "import": "./lib/AdobeExperienceCloud/l/index.mjs", "require": "./lib/AdobeExperienceCloud/l/index.js" }, - "./AddCampaign/m": { - "types": "./lib/AddCampaign/m/index.d.ts", - "import": "./lib/AddCampaign/m/index.mjs", - "require": "./lib/AddCampaign/m/index.js" - }, - "./AddCampaign/l": { - "types": "./lib/AddCampaign/l/index.d.ts", - "import": "./lib/AddCampaign/l/index.mjs", - "require": "./lib/AddCampaign/l/index.js" - }, "./AddressPack/m": { "types": "./lib/AddressPack/m/index.d.ts", "import": "./lib/AddressPack/m/index.mjs", @@ -4353,15 +4343,25 @@ "import": "./lib/AdMiddle/l/index.mjs", "require": "./lib/AdMiddle/l/index.js" }, - "./Ad/m": { - "types": "./lib/Ad/m/index.d.ts", - "import": "./lib/Ad/m/index.mjs", - "require": "./lib/Ad/m/index.js" + "./AdTop/m": { + "types": "./lib/AdTop/m/index.d.ts", + "import": "./lib/AdTop/m/index.mjs", + "require": "./lib/AdTop/m/index.js" }, - "./Ad/l": { - "types": "./lib/Ad/l/index.d.ts", - "import": "./lib/Ad/l/index.mjs", - "require": "./lib/Ad/l/index.js" + "./AdTop/l": { + "types": "./lib/AdTop/l/index.d.ts", + "import": "./lib/AdTop/l/index.mjs", + "require": "./lib/AdTop/l/index.js" + }, + "./AddCampaign/m": { + "types": "./lib/AddCampaign/m/index.d.ts", + "import": "./lib/AddCampaign/m/index.mjs", + "require": "./lib/AddCampaign/m/index.js" + }, + "./AddCampaign/l": { + "types": "./lib/AddCampaign/l/index.d.ts", + "import": "./lib/AddCampaign/l/index.mjs", + "require": "./lib/AddCampaign/l/index.js" }, "./AdBottom/m": { "types": "./lib/AdBottom/m/index.d.ts", @@ -4373,15 +4373,15 @@ "import": "./lib/AdBottom/l/index.mjs", "require": "./lib/AdBottom/l/index.js" }, - "./AdTop/m": { - "types": "./lib/AdTop/m/index.d.ts", - "import": "./lib/AdTop/m/index.mjs", - "require": "./lib/AdTop/m/index.js" + "./Ad/m": { + "types": "./lib/Ad/m/index.d.ts", + "import": "./lib/Ad/m/index.mjs", + "require": "./lib/Ad/m/index.js" }, - "./AdTop/l": { - "types": "./lib/AdTop/l/index.d.ts", - "import": "./lib/AdTop/l/index.mjs", - "require": "./lib/AdTop/l/index.js" + "./Ad/l": { + "types": "./lib/Ad/l/index.d.ts", + "import": "./lib/Ad/l/index.mjs", + "require": "./lib/Ad/l/index.js" } } } \ No newline at end of file diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-chromium-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-chromium-linux.png index a12c199a0e..c021ca1961 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-chromium-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-chromium-linux.png differ diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-firefox-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-firefox-linux.png index bfaca3a24d..13426590ec 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-firefox-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-firefox-linux.png differ diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-webkit-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-webkit-linux.png index 17c4168c9b..c5b542fdd2 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-webkit-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-editable-tag-with-save-button-hover-1-webkit-linux.png differ diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-chromium-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-chromium-linux.png index 8024df14ae..c45ad0d250 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-chromium-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-chromium-linux.png differ diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-firefox-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-firefox-linux.png index caac5e1092..f45d99d5ac 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-firefox-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-firefox-linux.png differ diff --git a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-webkit-linux.png b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-webkit-linux.png index 98df38a0ce..db099acda3 100644 Binary files a/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-webkit-linux.png and b/semcore/inline-edit/__tests__/inline-edit.browser-test.tsx-snapshots/-visual-Verify-simple-use-visual-states-3-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-chromium-linux.png index de4c0b3877..0b8659cac8 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-firefox-linux.png index a39d4c9612..f3f3c29ddf 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-webkit-linux.png index b132b927f5..581f8db470 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-keyboard-2-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-chromium-linux.png index 1bbee13a94..3eba28bd74 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-firefox-linux.png index ea47198d4c..7ad6599569 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-webkit-linux.png index 9d4441d907..fc45aab1d5 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Basic-usage-mouse-1-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-chromium-linux.png index 9ed9df99d9..68fbd8ec65 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-firefox-linux.png index 4e79520024..940c80108b 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-webkit-linux.png index 54cfa590c0..8b28f43206 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-chromium-linux.png index 5bc1999c03..cdf0044088 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-firefox-linux.png index 25538d6729..b6cb515343 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-webkit-linux.png index 1205469313..6bcd382c76 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-Number-only-input-keyboard-interactions-2-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-chromium-linux.png index b97c95ee0c..9f4db7a8e1 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-firefox-linux.png index 00a1e21498..7ef5262ae5 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-webkit-linux.png index 1ecb462303..b411c333ec 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-1-webkit-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-chromium-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-chromium-linux.png index 35ad4cacde..19922704e1 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-chromium-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-chromium-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-firefox-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-firefox-linux.png index fed2647a65..e75731a12c 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-firefox-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-firefox-linux.png differ diff --git a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-webkit-linux.png b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-webkit-linux.png index ab9fe6c462..72f63cd18a 100644 Binary files a/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-webkit-linux.png and b/semcore/inline-input/__tests__/inline-input.browser-test.tsx-snapshots/-visual-Verify-custom-icon-and-text-2-webkit-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-chromium-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-chromium-linux.png index 1b2a96b2e7..cf25fc99f7 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-chromium-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-chromium-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-firefox-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-firefox-linux.png index 473363bd73..dc4259bc64 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-firefox-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-firefox-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-webkit-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-webkit-linux.png index 85f7bc31c2..2c30410d5e 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-webkit-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-1-webkit-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-chromium-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-chromium-linux.png index 3102975308..e55d6b2981 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-chromium-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-chromium-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-firefox-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-firefox-linux.png index a3791a3c92..cd2c35389d 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-firefox-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-firefox-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-webkit-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-webkit-linux.png index 44a5cfb529..0aed228f11 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-webkit-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-2-webkit-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-chromium-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-chromium-linux.png index 8590621fa4..866dd96484 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-chromium-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-chromium-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-firefox-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-firefox-linux.png index 4413d82365..2dc79d1c15 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-firefox-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-firefox-linux.png differ diff --git a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-webkit-linux.png b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-webkit-linux.png index 7fc9a0b01b..0706ac142b 100644 Binary files a/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-webkit-linux.png and b/semcore/input-number/__tests__/input-number.browser-test.tsx-snapshots/-visual-Verify-custom-appearance-3-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx b/semcore/input-tags/__tests__/input-tags.browser-test.tsx index 261eb25f01..5b6d2b9959 100644 --- a/semcore/input-tags/__tests__/input-tags.browser-test.tsx +++ b/semcore/input-tags/__tests__/input-tags.browser-test.tsx @@ -239,8 +239,7 @@ test.describe(`${TAG.VISUAL} `, () => { await expect(page).toHaveScreenshot(); await inputText.nth(4).hover(); - await page - .getByText('Social media with a very long name').nth(1).waitFor({ state: 'visible' }); + await page.waitForSelector('text="Social media with a very long name"'); await expect(page).toHaveScreenshot(); await tagClose.first().hover(); await expect(page).toHaveScreenshot(); @@ -479,7 +478,6 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }); await test.step('Verify Tag Close can be focused by Tab', async () => { - await expect(locators.inputClose(page).first()).toBeVisible(); await page.keyboard.press('Tab'); await expect(locators.inputClose(page).first()).toBeFocused(); }); @@ -548,7 +546,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await expect(locators.tag(page)).toHaveCount(count1 - 1); await page.keyboard.type('Test2'); await page.keyboard.press('|'); - await expect(locators.inputText(page).nth(count1 - 1)).toContainText('Social media with a very long nameTest2'); + await expect(locators.inputText(page).nth(count1 - 1)).toHaveText('Social media with a very long nameTest2'); await expect(locators.tag(page)).toHaveCount(count1); await page.keyboard.press('Shift+Tab'); diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-106c5--xl-size-and-disabled-false-and-editable-true-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-106c5--xl-size-and-disabled-false-and-editable-true-1-chromium-linux.png index 4f602c288d..1041de55cf 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-106c5--xl-size-and-disabled-false-and-editable-true-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-106c5--xl-size-and-disabled-false-and-editable-true-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png index 25d7ba81ef..eb3846f069 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png index dee428c589..3b9810af27 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png index a5fc832fc3..b0d9aff198 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-13096-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-23af9-size-and-disabled-true-and-editable-undefined-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-23af9-size-and-disabled-true-and-editable-undefined-1-chromium-linux.png index 7d92403619..4a3d3bda78 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-23af9-size-and-disabled-true-and-editable-undefined-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-23af9-size-and-disabled-true-and-editable-undefined-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png index d04a05b1a2..c34c5e70e7 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png index f506444d68..4539f3cc39 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png index 67e3fcced8..e50af4cd19 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-2d46e-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png index 13df8ec773..876075c7ee 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png index 9353784760..8cca3ba98a 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png index 508ddd00e8..fece8b528c 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-38d1e-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png index fb5e21ccf5..0780c62b45 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png index 05f86ced9c..80a96580e3 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png index ea1fc3a892..8d2c830987 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-97ada-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png index 208ac4636f..c425259481 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png index 01e53fe274..a2cf66bec6 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png index bdabf5787d..4eaf320d23 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-9a882-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png index 466450de20..0379ab8329 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png index 746f3219f3..10c8bc5a86 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png index 3bd4ef0a1b..5868053706 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-bdc1c-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png index 0110582ac6..3484d4a1a2 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png index 2a136bd8bd..09035ac0ce 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png index d1b83854bf..c257f8e743 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cbf65-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png index 56a22ed4e1..0e8cb58e0f 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png index 412c9a4c51..6dd84fd4c9 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png index cc2fdf4fb6..76dd45985e 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-ccd47-size-l-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png index 79d4333aca..38e15c029f 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png index 15e303b939..30b3ac1e66 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png index e4a138e394..9465e57c0c 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-cd909-size-m-disabled-false-unfocused-and-focused-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-dc55e-ize-and-disabled-false-and-editable-undefined-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-dc55e-ize-and-disabled-false-and-editable-undefined-1-chromium-linux.png index 74dfdfa669..0a7d394886 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-dc55e-ize-and-disabled-false-and-editable-undefined-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-dc55e-ize-and-disabled-false-and-editable-undefined-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png index 8abdd18108..55f554d89e 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png index 8997ba7b17..c70c3506a1 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png index de9937d02e..79557680be 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-e3006-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png index 2cabcdb174..db04372940 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png index ed85fafc4e..b3e6851b5d 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png index 007f2958b6..d34f1cf9dc 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-edd95-size-l-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-f374a-size-and-disabled-true-and-editable-undefined-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-f374a-size-and-disabled-true-and-editable-undefined-1-webkit-linux.png index 70669e8d7b..e9a72405a9 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-f374a-size-and-disabled-true-and-editable-undefined-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-f374a-size-and-disabled-true-and-editable-undefined-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png index 358e5f5fea..0df6607f1c 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png index 6241d0a80f..d11143e4fb 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png index 0afabe1e03..dd866328bd 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Base-states-and-styles-Verify-InputTa-fbe55-size-m-disabled-false-unfocused-and-focused-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-chromium-linux.png index c1b41b9d9e..a6e4fa824e 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-firefox-linux.png index 654a53484f..6dd84fd4c9 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-webkit-linux.png index 95298d5f58..a156ec1eba 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--4585e-tags-can-be-added-removed-and-edited-by-mouse-3-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-chromium-linux.png index 575bb0b5bb..c83f60a3d2 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-webkit-linux.png index 52cfdd3be3..35ed8b7c16 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--5cc80-without-width-limitation-and-email-validation-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-chromium-linux.png index 09f1d7177e..779c2025c6 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-firefox-linux.png index e19f4d8bfd..9b274512ad 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-webkit-linux.png index ee546919da..2553371650 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--68bb1-tags-can-be-added-removed-and-edited-by-mouse-4-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-chromium-linux.png index 4b59caa651..288345cd15 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-firefox-linux.png index 3934eed505..728df656b5 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-webkit-linux.png index ad0d8b9aca..86644fc621 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--8a7f2--examples-Verify-input-tag-with-default-value-2-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-chromium-linux.png index 0852d441d0..eca345070d 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-firefox-linux.png index 654a53484f..6dd84fd4c9 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-webkit-linux.png index 15b2105692..245efa2d3a 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--9560b-tags-can-be-added-removed-and-edited-by-mouse-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-chromium-linux.png index 414bbea44b..85c51f8663 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-webkit-linux.png index 8f31443119..356f082125 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--b9339-without-width-limitation-and-email-validation-3-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-chromium-linux.png index 034f49e6e8..7e61a45d10 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-firefox-linux.png index debac68ee0..5c165c757d 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-webkit-linux.png index 301ba84b6d..0e8f459ec2 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--ecf5e--examples-Verify-input-tag-with-default-value-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-chromium-linux.png index 32fe9c95a9..d39648e89d 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-webkit-linux.png index ee93d92add..63e011c622 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--efe77-without-width-limitation-and-email-validation-1-webkit-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-chromium-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-chromium-linux.png index ee1f2a9b85..a5da31b100 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-chromium-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-chromium-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-firefox-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-firefox-linux.png index 77826ba4c7..6dd84fd4c9 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-firefox-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-firefox-linux.png differ diff --git a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-webkit-linux.png b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-webkit-linux.png index 01a5425203..b4ad54da5f 100644 Binary files a/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-webkit-linux.png and b/semcore/input-tags/__tests__/input-tags.browser-test.tsx-snapshots/-visual-Input-tags-visual-states-after-mouse--f7010-tags-can-be-added-removed-and-edited-by-mouse-2-webkit-linux.png differ diff --git a/semcore/input-tags/src/InputTags.tsx b/semcore/input-tags/src/InputTags.tsx index 85b473a1cd..6beb47c41d 100644 --- a/semcore/input-tags/src/InputTags.tsx +++ b/semcore/input-tags/src/InputTags.tsx @@ -54,7 +54,7 @@ export type InputTagsContext = InputTagsProps & { getTagProps: PropGetterFn; }; -class InputTagsRoot extends Component { +class InputTags extends Component { static displayName = 'InputTags'; static style = style; static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)] as const; @@ -383,7 +383,7 @@ function TagCloseButton(props: IRootComponentProps) { return sstyled(props.styles)(); } -const InputTags = createComponent(InputTagsRoot, { +export default createComponent(InputTags, { Value, TagsContainer: InputTagsContainer, Tag: [ @@ -395,11 +395,11 @@ const InputTags = createComponent(InputTagsRoot, { Circle: TagContainer.Circle, }, ], -}) as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & { +}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & { Value: typeof Input.Value; TagsContainer: Intergalactic.Component<'ul'>; Tag: Intergalactic.Component<'div', InputTagsTagProps> & { - Text: Intergalactic.Component<'div', TagProps & TagTextProps, TagContext> & { + Text: Intergalactic.Component<'div', TagProps, TagContext> & { Content: Intergalactic.Component<'div', TagTextProps>; }; Close: typeof TagContainer.Close; @@ -407,5 +407,3 @@ const InputTags = createComponent(InputTagsRoot, { Circle: typeof Tag.Circle; }; }; - -export default InputTags; diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-chromium-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-chromium-linux.png index c97efb47dc..5d2ff1c4d4 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-chromium-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-chromium-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-firefox-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-firefox-linux.png index 3a65611128..eb34b004f3 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-firefox-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-firefox-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-webkit-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-webkit-linux.png index dd11f41843..2d4c239335 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-webkit-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Dynamic-search-2-webkit-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-chromium-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-chromium-linux.png index be81f2581a..59147464df 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-chromium-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-chromium-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-firefox-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-firefox-linux.png index 9e545fc5c6..984e4e1fcf 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-firefox-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-firefox-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-webkit-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-webkit-linux.png index fc53bedbc7..8aee012966 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-webkit-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-2-webkit-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-chromium-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-chromium-linux.png index 54eb3a665a..274bd8ccef 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-chromium-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-chromium-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-firefox-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-firefox-linux.png index de7da94e81..e9f76ac59e 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-firefox-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-firefox-linux.png differ diff --git a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-webkit-linux.png b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-webkit-linux.png index a023a3cdc4..d92977a642 100644 Binary files a/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-webkit-linux.png and b/semcore/input/__tests__/filters-with-input/filter-search.browser-test.tsx-snapshots/-visual-Verify-Search-by-button-3-webkit-linux.png differ diff --git a/semcore/input/__tests__/input.browser-test.tsx b/semcore/input/__tests__/input.browser-test.tsx index b3b0edd016..de0cf6d843 100644 --- a/semcore/input/__tests__/input.browser-test.tsx +++ b/semcore/input/__tests__/input.browser-test.tsx @@ -152,8 +152,8 @@ test.describe(`${TAG.VISUAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/password_input.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); - await hintTrigger.click(); + const hint = page.locator('[data-ui-name="Hint"]'); + await hint.click(); await locators.hint(page, 'Hide password').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); @@ -263,7 +263,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/input_with_a_submit_icon.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); + const hint = page.locator('[data-ui-name="Hint"]'); await test.step('Verify focus return back to Input by Enter press on Submit button ', async () => { await page.keyboard.press('Tab'); await expect(locators.input(page)).toBeFocused(); @@ -273,14 +273,14 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await expect(locators.input(page)).toHaveValue('Hello world'); await page.keyboard.press('Tab'); - await expect(hintTrigger).toBeFocused(); + await expect(hint).toBeFocused(); await page.getByText('Submit').waitFor({ state: 'visible' }); await page.keyboard.press('Enter'); await expect(locators.input(page)).toHaveValue(''); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeVisible(); + await expect(hint).not.toBeVisible(); }); await test.step('Verify focus return back to Input by Space press on Submit button ', async () => { @@ -288,13 +288,13 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await expect(await locators.input(page).inputValue()).toBe('Hello world'); await page.keyboard.press('Tab'); - await expect(hintTrigger).toBeFocused(); + await expect(hint).toBeFocused(); await page.getByText('Submit').waitFor({ state: 'visible' }); await page.keyboard.press('Space'); await expect(await locators.input(page).inputValue()).toBe(''); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeVisible(); + await expect(hint).not.toBeVisible(); }); }); @@ -307,7 +307,7 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/input_with_a_submit_icon.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); + const hint = page.locator('[data-ui-name="Hint"]'); await locators.input(page).click(); await expect(locators.input(page)).toBeFocused(); @@ -315,16 +315,16 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await page.keyboard.type('Hello world'); await expect(await locators.input(page).inputValue()).toBe('Hello world'); - await expect(hintTrigger).toBeVisible(); + await expect(hint).toBeVisible(); - await hintTrigger.hover(); + await hint.hover(); await page.getByText('Submit').waitFor({ state: 'visible' }); await expect(await locators.input(page).inputValue()).toBe('Hello world'); - await hintTrigger.click(); + await hint.click(); await expect(await locators.input(page).inputValue()).toBe(''); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeVisible(); + await expect(hint).not.toBeVisible(); }); test('Verify password input keyboard interactions', { @@ -336,12 +336,12 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/password_input.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); + const hint = page.locator('[data-ui-name="Hint"]'); await page.keyboard.press('Tab'); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).toBeVisible(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).toBeVisible(); + await expect(hint).not.toBeFocused(); await expect(locators.input(page)).toHaveAttribute('autocomplete', 'current-password'); await expect(locators.input(page)).toHaveAttribute('value', 'I_like_cats'); @@ -353,14 +353,14 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { await expect(locators.input(page)).toHaveValue('Hello world'); await page.keyboard.press('Tab'); - await expect(hintTrigger).toBeFocused(); + await expect(hint).toBeFocused(); await page.getByText('Show password').waitFor({ state: 'visible' }); await page.keyboard.down('Enter'); await expect(locators.input(page)).toHaveValue('Hello world'); await page.getByText('Hide password').waitFor({ state: 'visible' }); - await expect(hintTrigger).toBeVisible(); + await expect(hint).toBeVisible(); await page.keyboard.press('Shift+Tab'); await expect(locators.input(page)).toBeFocused(); @@ -375,28 +375,28 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/password_input.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); + const hint = page.locator('[data-ui-name="Hint"]'); - await expect(hintTrigger).toBeVisible(); + await expect(hint).toBeVisible(); await expect(locators.input(page)).toHaveAttribute('autocomplete', 'current-password'); await expect(locators.input(page)).toHaveAttribute('value', 'I_like_cats'); - await hintTrigger.hover(); + await hint.hover(); await page.getByText('Show password').waitFor({ state: 'visible' }); await expect(locators.input(page)).not.toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); - await hintTrigger.click(); + await hint.click(); await expect(await locators.input(page).inputValue()).toBe('I_like_cats'); await page.getByText('Hide password').waitFor({ state: 'visible' }); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); await locators.input(page).click(); await expect(await locators.input(page).inputValue()).toBe('I_like_cats'); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); }); test('Verify Input Text addon mouse interactions', { @@ -451,27 +451,27 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/input/docs/examples/input_with_multiple_addons.tsx', 'en'); - const hintTrigger = locators.addon(page).locator('button'); + const hint = page.locator('[data-ui-name="Hint"]'); const link = page.locator('[data-ui-name="Link"]'); await page.keyboard.press('Tab'); await expect(locators.input(page)).toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); await expect(link).not.toBeFocused(); await page.keyboard.press('Tab'); await expect(locators.input(page)).not.toBeFocused(); await expect(link).toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); await page.keyboard.press('Tab'); await expect(locators.input(page)).not.toBeFocused(); await expect(link).not.toBeFocused(); - await expect(hintTrigger).toBeFocused(); + await expect(hint).toBeFocused(); await page.keyboard.press('Shift+Tab'); await expect(locators.input(page)).not.toBeFocused(); await expect(link).toBeFocused(); - await expect(hintTrigger).not.toBeFocused(); + await expect(hint).not.toBeFocused(); }); }); diff --git a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-chromium-linux.png b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-chromium-linux.png index 9c9a581956..db4b49dcf8 100644 Binary files a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-chromium-linux.png and b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-chromium-linux.png differ diff --git a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-firefox-linux.png b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-firefox-linux.png index 93b5e8332c..04338c1bbc 100644 Binary files a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-firefox-linux.png and b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-firefox-linux.png differ diff --git a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-webkit-linux.png b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-webkit-linux.png index 5b99a6ef38..6b4bcc0a99 100644 Binary files a/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-webkit-linux.png and b/semcore/input/__tests__/input.browser-test.tsx-snapshots/-visual-Verify-password-input-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx b/semcore/link/__tests__/link.browser-test.tsx index 8461cc6a34..412425fdd7 100644 --- a/semcore/link/__tests__/link.browser-test.tsx +++ b/semcore/link/__tests__/link.browser-test.tsx @@ -20,20 +20,20 @@ Visual states, hover and focus styles, paddings, margins, and snapshots. ===================================================== */ test.describe(` ${TAG.VISUAL}`, () => { const variables = [ - { size: 100, disabled: false, active: false, showAddonLeft: false, showAddonRight: false, color: undefined }, - { size: 200, disabled: false, active: true, showAddonLeft: true, showAddonRight: false, color: 'text-success' }, - { size: 300, disabled: false, active: false, showAddonLeft: false, showAddonRight: true, color: 'text-critical' }, - { size: 300, disabled: true, active: false, showAddonLeft: true, showAddonRight: false, color: undefined }, - { size: 400, disabled: false, active: true, showAddonLeft: false, showAddonRight: true, color: undefined }, - { size: 500, disabled: true, active: false, showAddonLeft: false, showAddonRight: false, color: 'text-success' }, - { size: 500, disabled: false, active: false, showAddonLeft: true, showAddonRight: true, color: undefined }, - { size: 600, disabled: false, active: true, showAddonLeft: false, showAddonRight: false, color: 'text-critical' }, - { size: 700, disabled: true, active: true, showAddonLeft: true, showAddonRight: true, color: undefined }, - { size: 800, disabled: false, active: false, showAddonLeft: true, showAddonRight: false, color: 'text-success' }, + { size: 100, disabled: false, active: false, showAddonLeft: false, showAddonRight: false, inline: false, color: undefined }, + { size: 200, disabled: false, active: true, showAddonLeft: true, showAddonRight: false, inline: true, color: 'text-success' }, + { size: 300, disabled: false, active: false, showAddonLeft: false, showAddonRight: true, inline: false, color: 'text-critical' }, + { size: 300, disabled: true, active: false, showAddonLeft: true, showAddonRight: false, inline: true, color: undefined }, + { size: 400, disabled: false, active: true, showAddonLeft: false, showAddonRight: true, inline: false, color: undefined }, + { size: 500, disabled: true, active: false, showAddonLeft: false, showAddonRight: false, inline: false, color: 'text-success' }, + { size: 500, disabled: false, active: false, showAddonLeft: true, showAddonRight: true, inline: true, color: undefined }, + { size: 600, disabled: false, active: true, showAddonLeft: false, showAddonRight: false, inline: true, color: 'text-critical' }, + { size: 700, disabled: true, active: true, showAddonLeft: true, showAddonRight: true, inline: false, color: undefined }, + { size: 800, disabled: false, active: false, showAddonLeft: true, showAddonRight: false, inline: false, color: 'text-success' }, ]; variables.forEach((item) => { - test(`Verify Link size=${item.size}, disabled=${item.disabled}, active=${item.active}, addonLeft=${item.showAddonLeft}, addonRight=${item.showAddonRight}, color=${item.color || 'default'}`, { + test(`Verify Link size=${item.size}, disabled=${item.disabled}, active=${item.active}, addonLeft=${item.showAddonLeft}, addonRight=${item.showAddonRight}, inline=${item.inline}, color=${item.color || 'default'}`, { tag: [TAG.PRIORITY_HIGH, '@link'], }, async ({ page }) => { await loadPage(page, 'stories/components/link/tests/examples/basic_usage.tsx', 'en', item); @@ -61,9 +61,17 @@ test.describe(` ${TAG.VISUAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/link/tests/examples/link_inside_the_content-with_enable_visited.tsx', 'en'); - await test.step('Verify links styles', async () => { + await test.step('Verify links styles active disabled and normal', async () => { await expect(page).toHaveScreenshot(); }); + + await test.step('Verify inline props', async () => { + const inlineTrue = page.locator('[data-testid="Inline-true"]'); + const inlineFalse = page.locator('[data-testid="Inline-false"]'); + + await expect(inlineTrue).toHaveClass(/inline/); + await expect(inlineFalse).not.toHaveClass(/inline/); + }); }); test('Verify Links without text mouse interactions', { @@ -89,10 +97,8 @@ test.describe(` ${TAG.VISUAL}`, () => { await test.step('Verify second link hover with hint', async () => { await locators.link(page, 1).hover(); await page.waitForSelector('text="Go to the next page"'); - if (browserName !== 'firefox') { - await expect(locators.link(page).first()).toHaveCSS('color', 'rgb(0, 109, 202)'); - await expect(locators.link(page, 1)).toHaveCSS('color', 'rgb(4, 71, 146)'); - } + await expect(locators.link(page).first()).toHaveCSS('color', 'rgb(0, 109, 202)'); + await expect(locators.link(page, 1)).toHaveCSS('color', 'rgb(4, 71, 146)'); }); }); @@ -112,7 +118,7 @@ test.describe(` ${TAG.VISUAL}`, () => { await page.keyboard.press('Tab'); await page.waitForSelector('text="Go to the next page"'); await expect(locators.link(page).first()).toHaveCSS('color', 'rgb(0, 109, 202)'); - await expect(locators.link(page).first()).toHaveCSS('color', 'rgb(0, 109, 202)'); + await expect(locators.link(page, 1)).toHaveCSS('color', 'rgb(4, 71, 146)'); await expect(page).toHaveScreenshot(); }); }); @@ -122,13 +128,8 @@ test.describe(` ${TAG.VISUAL}`, () => { }, async ({ page }) => { await loadPage(page, 'stories/components/link/docs/examples/links_with_ellipsis.tsx', 'en'); - await locators.link(page).waitFor({ state: 'visible' }); - await page.waitForTimeout(100); - await test.step('Verify ellipsis visual with focus', async () => { await page.keyboard.press('Tab'); - await expect(locators.link(page)).toBeFocused(); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); }); diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--c536a-nLeft-false-addonRight-false-color-default-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--501c1-addonRight-false-inline-false-color-default-1-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-webkit-linux.png deleted file mode 100644 index e9989a3f53..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-webkit-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-chromium-linux.png similarity index 58% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-chromium-linux.png index b74122c654..43ab530951 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-webkit-linux.png similarity index 96% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-webkit-linux.png index 5e83a6204c..1f6d27e199 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--9e861-addonRight-false-inline-false-color-default-2-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-chromium-linux.png similarity index 69% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-chromium-linux.png index 0e6b817112..b08c039a0b 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--6e254-nLeft-false-addonRight-false-color-default-3-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-webkit-linux.png similarity index 68% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-webkit-linux.png index 124346bb0a..68eda15253 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--42f03-nLeft-false-addonRight-false-color-default-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-disabled-false--dfd91-addonRight-false-inline-false-color-default-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-chromium-linux.png similarity index 66% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-chromium-linux.png index 2afaf976dd..3a8ba3acb3 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-firefox-linux.png new file mode 100644 index 0000000000..2f32933ecb Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-firefox-linux.png differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-webkit-linux.png similarity index 52% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-webkit-linux.png index 373a39cfac..dafe07447f 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on-text-with-ellipsis-true-size-100-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--1bda7-nRight-false-inline-true-color-text-success-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-firefox-linux.png deleted file mode 100644 index 8e17092965..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-webkit-linux.png deleted file mode 100644 index de8670db6f..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-chromium-linux.png similarity index 65% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-chromium-linux.png index 5e1daebcc1..76113f849b 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-firefox-linux.png new file mode 100644 index 0000000000..ceeca4bd1d Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-firefox-linux.png differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-webkit-linux.png similarity index 59% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-webkit-linux.png index a17edb5e15..f1fa610d9e 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on--744d1-when-cropPosition-end-color-text--success-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--7d1f3-nRight-false-inline-true-color-text-success-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-chromium-linux.png deleted file mode 100644 index d562a37b47..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-firefox-linux.png deleted file mode 100644 index 7119889507..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--aac0e-t-true-addonRight-false-color-text-success-1-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-firefox-linux.png deleted file mode 100644 index 8e17092965..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-chromium-linux.png similarity index 65% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-chromium-linux.png index 5e1daebcc1..76113f849b 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--5cfa5-t-true-addonRight-false-color-text-success-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-firefox-linux.png new file mode 100644 index 0000000000..ceeca4bd1d Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-webkit-linux.png similarity index 57% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-webkit-linux.png index 42fc0ad268..f1fa610d9e 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--ecea4-nRight-false-inline-true-color-text-success-2-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-chromium-linux.png similarity index 65% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-chromium-linux.png index d32a6da9be..bca0ca3d6a 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-firefox-linux.png new file mode 100644 index 0000000000..6e896f5a52 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-webkit-linux.png new file mode 100644 index 0000000000..615c56d69b Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--37b70-Right-true-inline-false-color-text-critical-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-firefox-linux.png deleted file mode 100644 index 2844ac28db..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-webkit-linux.png deleted file mode 100644 index 41025b6908..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--39bcf--false-addonRight-true-color-text-critical-1-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-chromium-linux.png similarity index 55% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-chromium-linux.png index 7e3a3cabbb..9f292cc790 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-firefox-linux.png new file mode 100644 index 0000000000..1a5a511431 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-webkit-linux.png new file mode 100644 index 0000000000..f5260fa0f4 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--458ed-Right-true-inline-false-color-text-critical-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-chromium-linux.png deleted file mode 100644 index d919fdc3ab..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-firefox-linux.png deleted file mode 100644 index 7c49d457d3..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-chromium-linux.png deleted file mode 100644 index a4dd766e4b..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-firefox-linux.png deleted file mode 100644 index 7c49d457d3..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-chromium-linux.png similarity index 63% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-chromium-linux.png index 3b06e52959..e4d50160d7 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-true-and-size-200-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-firefox-linux.png new file mode 100644 index 0000000000..1a5a511431 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-webkit-linux.png similarity index 63% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-webkit-linux.png index d80ee818c3..35ee17b63b 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--76ab7--false-addonRight-true-color-text-critical-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--f6669-Right-true-inline-false-color-text-critical-2-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-chromium-linux.png similarity index 68% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-chromium-linux.png index 0eebdc8c6e..63f4b66f8c 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-firefox-linux.png similarity index 70% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-firefox-linux.png index 27aeb5ae98..de0ba0f66c 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-firefox-linux.png differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-webkit-linux.png similarity index 51% rename from semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-webkit-linux.png index 6c92a44669..496b444b2f 100644 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-focus-state-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--82ed7--addonRight-false-inline-true-color-default-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-webkit-linux.png deleted file mode 100644 index 802b629baf..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-true--96cea-onLeft-true-addonRight-false-color-default-1-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-chromium-linux.png deleted file mode 100644 index 874a22c5e6..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-firefox-linux.png deleted file mode 100644 index 57452bd682..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-chromium-linux.png deleted file mode 100644 index 874a22c5e6..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-firefox-linux.png deleted file mode 100644 index 57452bd682..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--25572-onLeft-false-addonRight-true-color-default-2-firefox-linux.png and /dev/null differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-chromium-linux.png similarity index 54% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-chromium-linux.png index af62abb212..04232ae195 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-a-abb3a-hen-ellipsis-maxLine-6-text-not-truncated-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-firefox-linux.png new file mode 100644 index 0000000000..03c114affd Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-webkit-linux.png similarity index 53% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-webkit-linux.png index ee771ca3a0..79da3794f2 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8043e--addonRight-true-inline-false-color-default-2-webkit-linux.png differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-chromium-linux.png similarity index 54% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-chromium-linux.png index af62abb212..04232ae195 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-without-ellipsis-Verify-no-hint-appears-when-ellipsis-false-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-firefox-linux.png new file mode 100644 index 0000000000..03c114affd Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-webkit-linux.png new file mode 100644 index 0000000000..79da3794f2 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--8e95f--addonRight-true-inline-false-color-default-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--6e0be-onLeft-false-addonRight-true-color-default-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--afefe--addonRight-true-inline-false-color-default-1-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-chromium-linux.png deleted file mode 100644 index 9ee7a6ae92..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-firefox-linux.png deleted file mode 100644 index 78c1e0b0ac..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--102a5-donLeft-true-addonRight-true-color-default-3-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-chromium-linux.png similarity index 54% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-chromium-linux.png index 42fc0ad268..0e03a41e82 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-disabled-false--0dc26-onLeft-false-addonRight-true-color-default-3-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-chromium-linux.png differ diff --git a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-firefox-linux.png similarity index 51% rename from semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-firefox-linux.png index 4e80f97999..c82b24a15c 100644 Binary files a/semcore/base-components/__tests__/hint.browser-test.tsx-snapshots/-visual-Verify-hint-with-placement-left-end-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-webkit-linux.png new file mode 100644 index 0000000000..69a2080347 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--2330f--addonRight-true-inline-true-color-default-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-firefox-linux.png deleted file mode 100644 index b23a8a2ffd..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-webkit-linux.png deleted file mode 100644 index 26f4a977ea..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--62a14-donLeft-true-addonRight-true-color-default-1-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-chromium-linux.png similarity index 55% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-chromium-linux.png index de8670db6f..2603939091 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-disabled-false--b0cc2-t-true-addonRight-false-color-text-success-3-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-firefox-linux.png new file mode 100644 index 0000000000..c82b24a15c Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-webkit-linux.png new file mode 100644 index 0000000000..6eedf7104a Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--679bd--addonRight-true-inline-true-color-default-2-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-chromium-linux.png similarity index 55% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-chromium-linux.png index 85623cf520..9e1afa1e8d 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-disabled-false--c9f38--false-addonRight-true-color-text-critical-3-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-firefox-linux.png new file mode 100644 index 0000000000..51942f5983 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-firefox-linux.png differ diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-webkit-linux.png similarity index 54% rename from semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-webkit-linux.png index 78daaaba21..31305c1998 100644 Binary files a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Link-with-ellipsis-Verify-ellipsis-on-link-with-keyboard-focus-when-cropPosition-middle-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--80ba1--addonRight-true-inline-true-color-default-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-chromium-linux.png deleted file mode 100644 index 6457ee6c61..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-firefox-linux.png deleted file mode 100644 index 78c1e0b0ac..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-webkit-linux.png deleted file mode 100644 index b7851feecf..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-false--d6e6f-donLeft-true-addonRight-true-color-default-2-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--73442--false-addonRight-false-color-text-success-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-disabled-true--e63ac-Right-false-inline-false-color-text-success-1-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--8bc6c-false-addonRight-false-color-text-critical-1-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--7dbd3-Right-false-inline-true-color-text-critical-1-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--a73a5-false-addonRight-false-color-text-critical-2-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--b7537-Right-false-inline-true-color-text-critical-2-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-chromium-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-chromium-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-chromium-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-firefox-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-firefox-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-firefox-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-webkit-linux.png similarity index 100% rename from semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--beeb6-false-addonRight-false-color-text-critical-3-webkit-linux.png rename to semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-disabled-false--f222e-Right-false-inline-true-color-text-critical-3-webkit-linux.png diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-chromium-linux.png deleted file mode 100644 index 8b5615c6ec..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-firefox-linux.png deleted file mode 100644 index 96437e51fa..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-webkit-linux.png deleted file mode 100644 index 7cc173ae3a..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--c5dc2-donLeft-true-addonRight-true-color-default-1-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-chromium-linux.png new file mode 100644 index 0000000000..a5ea8e3dc8 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-firefox-linux.png new file mode 100644 index 0000000000..17cdf0de44 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-webkit-linux.png new file mode 100644 index 0000000000..d2628da8a5 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-700-disabled-true--ccc32--addonRight-true-inline-false-color-default-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-chromium-linux.png new file mode 100644 index 0000000000..b5a98feccc Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-firefox-linux.png new file mode 100644 index 0000000000..a60d240838 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-webkit-linux.png new file mode 100644 index 0000000000..2bb85b1fb7 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--51a85-Right-false-inline-false-color-text-success-2-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-chromium-linux.png deleted file mode 100644 index f5bce2d0a4..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-firefox-linux.png deleted file mode 100644 index b6aa9b70e4..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-webkit-linux.png deleted file mode 100644 index 509013aba7..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--5233e-t-true-addonRight-false-color-text-success-3-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-chromium-linux.png new file mode 100644 index 0000000000..36caec4551 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-firefox-linux.png new file mode 100644 index 0000000000..a60d240838 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-webkit-linux.png new file mode 100644 index 0000000000..57b2a99f43 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--7b2d8-Right-false-inline-false-color-text-success-3-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-chromium-linux.png deleted file mode 100644 index aa9e9dc320..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-firefox-linux.png deleted file mode 100644 index e1d1132106..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-webkit-linux.png deleted file mode 100644 index 3363eeedac..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--c5db6-t-true-addonRight-false-color-text-success-1-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-chromium-linux.png deleted file mode 100644 index 2ceb952d3b..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-chromium-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-firefox-linux.png deleted file mode 100644 index b6aa9b70e4..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-firefox-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-webkit-linux.png deleted file mode 100644 index 3e36c41bd7..0000000000 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fb8c6-t-true-addonRight-false-color-text-success-2-webkit-linux.png and /dev/null differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-chromium-linux.png new file mode 100644 index 0000000000..f58ad9c884 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-firefox-linux.png new file mode 100644 index 0000000000..cfdc9c9372 Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-webkit-linux.png new file mode 100644 index 0000000000..75c28a835b Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-disabled-false--fdcde-Right-false-inline-false-color-text-success-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-chromium-linux.png index fe525ee768..9683e926d5 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-firefox-linux.png index 246aed2acb..efe9bfa858 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-webkit-linux.png index 5a7112419f..d026842099 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-chromium-linux.png index 2211ebc4eb..f59d989b12 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-firefox-linux.png index 4feab83a38..63bda00590 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-webkit-linux.png index 0f2d4a2393..898856088e 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Links-without-text-mouse-interactions-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-chromium-linux.png index b437d1a8af..43bf8c4b18 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-firefox-linux.png index 6660f4d8ab..5ddfab16bd 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-webkit-linux.png index 741a6e0e48..da03da05e3 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-default-link-styles-when-links-inside-the-text-1-webkit-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-chromium-linux.png index 523c4c5313..b1e13f995e 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-chromium-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-firefox-linux.png index 7fcca08f0e..bc1fb2752f 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-firefox-linux.png differ diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-webkit-linux.png index 0d19255035..e1157ce126 100644 Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-link-with-ellipsis-1-webkit-linux.png differ diff --git a/semcore/link/package.json b/semcore/link/package.json index f048c27f6f..0c64134ad9 100644 --- a/semcore/link/package.json +++ b/semcore/link/package.json @@ -9,7 +9,7 @@ "author": "UI-kit team ", "license": "MIT", "scripts": { - "build": "pnpm semcore-builder && pnpm vite build" + "build": "pnpm semcore-builder --source=js && pnpm vite build" }, "exports": { "require": "./lib/cjs/index.js", @@ -18,7 +18,7 @@ }, "dependencies": { "@semcore/tooltip": "16.0.11", - "@semcore/typography": "16.3.2" + "@semcore/typography": "16.3.1" }, "peerDependencies": { "@semcore/base-components": "^16.0.0" diff --git a/semcore/link/src/Link.jsx b/semcore/link/src/Link.jsx new file mode 100644 index 0000000000..de12b93606 --- /dev/null +++ b/semcore/link/src/Link.jsx @@ -0,0 +1,155 @@ +import { Box } from '@semcore/base-components'; +import { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core'; +import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; +import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance'; +import hasLabels from '@semcore/core/lib/utils/hasLabels'; +import logger from '@semcore/core/lib/utils/logger'; +import { Hint } from '@semcore/tooltip'; +import { Text } from '@semcore/typography'; +import React from 'react'; + +import style from './style/link.shadow.css'; + +class RootLink extends Component { + static displayName = 'Link'; + static defaultProps = { + noWrap: true, + }; + + static style = style; + static enhance = [resolveColorEnhance()]; + containerRef = React.createRef(); + + state = { + ariaLabelledByContent: '', + }; + + componentDidMount() { + if (process.env.NODE_ENV !== 'production') { + logger.warn( + this.containerRef.current && !hasLabels(this.containerRef.current), + `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`, + this.asProps['data-ui-name'] || RootLink.displayName, + ); + } + + if (this.asProps['aria-labelledby']) { + setTimeout(() => { + this.setState({ + ariaLabelledByContent: + document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '', + }); + }, 0); + } + } + + renderLink({ linkProps, children }) { + const { styles } = this.asProps; + const SLink = Root; + + return sstyled(styles)( + + {children} + , + ); + } + + renderLinkWithHint({ linkProps, children, hintProps }) { + const { styles } = this.asProps; + const SLink = Root; + + return sstyled(styles)( + + {children} + , + ); + } + + render() { + const { + styles, + noWrap, + color, + resolveColor, + disabled, + href, + children: hasChildren, + addonLeft: AddonLeft, + addonRight: AddonRight, + Children, + title, + 'aria-label': ariaLabel, + hintPlacement, + } = this.asProps; + // @ts-ignore + const Link = this[CORE_INSTANCE]; + + const children = sstyled(styles)( + <> + {AddonLeft + ? ( + + + + ) + : null} + {addonTextChildren(Children, Link.Text, Link.Addon)} + {AddonRight + ? ( + + + + ) + : null} + , + ); + + const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? ''; + + const linkProps = { + 'role': 'link', + 'tabIndex': disabled ? -1 : 0, + 'use:href': disabled ? undefined : href, + 'visually-disabled': disabled, + 'render': Text, + 'text-color': resolveColor(color), + 'tag': 'a', + 'noWrapText': noWrap, + 'use:noWrap': false, + 'ref': this.containerRef, + '__excludeProps': ['disabled', 'aria-disabled'], + }; + + const hintProps = { + title: hintContent, + timeout: [250, 50], + placement: hintPlacement, + __excludeProps: [], + }; + + if (hasChildren === undefined || title) { + return this.renderLinkWithHint({ linkProps, hintProps, children }); + } + + return this.renderLink({ linkProps, children }); + } +} + +function LinkText(props) { + const SText = Root; + const { styles } = props; + return sstyled(styles)(); +} + +function Addon(props) { + const SAddon = Root; + const { styles } = props; + return sstyled(styles)(); +} + +const Link = createComponent(RootLink, { + Text: LinkText, + Addon, +}); + +export default Link; diff --git a/semcore/link/src/Link.tsx b/semcore/link/src/Link.tsx deleted file mode 100644 index e1e037de4a..0000000000 --- a/semcore/link/src/Link.tsx +++ /dev/null @@ -1,140 +0,0 @@ -import type { BoxProps } from '@semcore/base-components'; -import { Flex, Box, Hint } from '@semcore/base-components'; -import type { Intergalactic, IRootComponentProps } from '@semcore/core'; -import { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core'; -import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; -import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance'; -import hasLabels from '@semcore/core/lib/utils/hasLabels'; -import logger from '@semcore/core/lib/utils/logger'; -import type { TextProps } from '@semcore/typography'; -import { Text } from '@semcore/typography'; -import React from 'react'; - -import type { LinkProps } from './Link.types'; -import style from './style/link.shadow.css'; - -type State = { - ariaLabelledByContent: string; -}; - -class RootLink extends Component { - static displayName = 'Link'; - - static style = style; - static enhance = [resolveColorEnhance()] as const; - containerRef = React.createRef(); - - state: State = { - ariaLabelledByContent: '', - }; - - componentDidMount() { - if (process.env.NODE_ENV !== 'production') { - logger.warn( - this.containerRef.current && !hasLabels(this.containerRef.current), - `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`, - this.asProps['data-ui-name'] || RootLink.displayName, - ); - } - - if (this.asProps['aria-labelledby']) { - setTimeout(() => { - this.setState({ - ariaLabelledByContent: - document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '', - }); - }, 0); - } - } - - render() { - const { - styles, - color, - resolveColor, - disabled, - href, - children, - addonLeft: AddonLeft, - addonRight: AddonRight, - Children, - title, - 'aria-label': ariaLabel, - hintPlacement, - } = this.asProps; - // @ts-ignore - const Link = this[CORE_INSTANCE]; - const SLink = Root; - const SInner = Box; - const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? ''; - const showHint = children === undefined || title; - return sstyled(styles)( - <> - - - {AddonLeft - ? ( - - - - ) - : null} - {addonTextChildren(Children, Link.Text, Link.Addon)} - {AddonRight - ? ( - - - - ) - : null} - - - {showHint && ( - - {hintContent} - - )} - , - ); - } -} - -function LinkText(props: IRootComponentProps) { - const SText = Root; - const { styles } = props; - return sstyled(styles)(); -} - -function Addon(props: IRootComponentProps) { - const SAddon = Root; - const { styles } = props; - return sstyled(styles)(); -} - -const Link = createComponent(RootLink, { - Text: LinkText, - Addon, -}) as Intergalactic.Component<'a', LinkProps, {}, typeof RootLink.enhance> & { - Text: Intergalactic.Component<'span', TextProps>; - Addon: Intergalactic.Component<'span', BoxProps>; -}; - -export default Link; diff --git a/semcore/link/src/Link.types.ts b/semcore/link/src/index.d.ts similarity index 61% rename from semcore/link/src/Link.types.ts rename to semcore/link/src/index.d.ts index 037317fd4d..f65a54dc40 100644 --- a/semcore/link/src/Link.types.ts +++ b/semcore/link/src/index.d.ts @@ -1,13 +1,12 @@ -import type { SimpleHintPopperProps } from '@semcore/base-components'; +import type { BoxProps } from '@semcore/base-components'; import type { Intergalactic } from '@semcore/core'; import type { TextProps } from '@semcore/typography'; import type React from 'react'; -export type LinkProps = Intergalactic.InternalTypings.EfficientOmit & { +export type LinkProps = TextProps & { /** * CSS property of the display link (inline|inline-block) * @default false - * @deprecated. You should use default inline-flex for all cases. */ inline?: boolean; /** @@ -22,16 +21,18 @@ export type LinkProps = Intergalactic.InternalTypings.EfficientOmit & { + Text: Intergalactic.Component<'span', TextProps>; + Addon: Intergalactic.Component<'span', BoxProps>; +}; + +export default Link; diff --git a/semcore/link/src/index.js b/semcore/link/src/index.js new file mode 100644 index 0000000000..241046084c --- /dev/null +++ b/semcore/link/src/index.js @@ -0,0 +1 @@ +export { default } from './Link'; diff --git a/semcore/link/src/index.ts b/semcore/link/src/index.ts deleted file mode 100644 index e508c387af..0000000000 --- a/semcore/link/src/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -import type { LinkProps } from './Link.types'; - -export { default } from './Link'; -export type { LinkProps }; diff --git a/semcore/link/src/style/link.shadow.css b/semcore/link/src/style/link.shadow.css index ba66858c31..ac56d25f91 100644 --- a/semcore/link/src/style/link.shadow.css +++ b/semcore/link/src/style/link.shadow.css @@ -1,10 +1,15 @@ SLink { - display: inline; - align-items: center; + display: inline-block; + font-family: inherit; color: var(--intergalactic-text-link, #006dca); + line-height: normal; position: relative; cursor: pointer; text-decoration: none; + border: none; + padding: 0; + margin: 0; + box-shadow: none; -webkit-tap-highlight-color: transparent; background: none; transition: color 0.15s ease-in-out; @@ -42,7 +47,7 @@ SLink[visually-disabled] { pointer-events: none; } -SLink[noWrap] { +SLink[noWrapText] { white-space: nowrap; } @@ -50,17 +55,13 @@ SLink[inline] { display: inline; } -SInner { - align-items: baseline; - height: 100%; - width: 100%; -} - SAddon { - align-items: baseline; - vertical-align: -2px; + display: inline-flex; + justify-content: center; + align-items: center; + margin-bottom: var(--intergalactic-spacing-05x, 2px); + vertical-align: middle; pointer-events: none; - align-self: center; } SLink SAddon { @@ -79,9 +80,6 @@ SText { border-color: transparent; transition: border-bottom-color 0.15s ease-in-out; } -SText[ellipsis] { - vertical-align: middle; -} SLink[text-color] { color: var(--text-color); diff --git a/semcore/neighbor-location/README.md b/semcore/neighbor-location/README.md new file mode 100644 index 0000000000..11882f4a12 --- /dev/null +++ b/semcore/neighbor-location/README.md @@ -0,0 +1,39 @@ +# @semcore/neighbor-location (DEPRECATED) + +## This package is deprecated. Use `@semcore/base-components`. + +[![version](https://img.shields.io/npm/v/@semcore/neighbor-location.svg)](https://www.npmjs.com/@semcore/neighbor-location) +[![downloads](https://img.shields.io/npm/dt/@semcore/neighbor-location.svg)](https://www.npmjs.com/package/@semcore/neighbor-location) +[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) + +> This component is part of the Intergalactic Design System + +### 📖 [Component documentation](https://developer.semrush.com/intergalactic/utils/neighbor-location/) + +### 🏠 [Design system](https://developer.semrush.com/intergalactic/) + +## Install + +```sh +npm install @semcore/neighbor-location +``` + + + +## 👤 Author + +[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors) + +## 🤝 Contributing + +Contributions, issues and feature requests are welcome! + +Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md). + +## Show your support + +Give a ⭐️ if this project helped you! + +## 📝 License + +This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed. diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-chromium-linux.png index 48d845e123..70263c0f76 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-firefox-linux.png index 0a27ad60f9..ee9589b1a8 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-webkit-linux.png index c1c9dd9814..3e8b5d0f45 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-chromium-linux.png index 6455c51ddf..bd4b836ff3 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-firefox-linux.png index 5037fdc3b7..3f30d1fe3b 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-webkit-linux.png index 9cee6ee54f..72170a585b 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Basic-notice-2-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-chromium-linux.png index d4e1a14f1c..69514a401c 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-firefox-linux.png index 46344e896b..8112726ce1 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-webkit-linux.png index 086deda8f4..db84dbcd36 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-not-in-portal-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-chromium-linux.png index f26a31f3e6..c35caca705 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-firefox-linux.png index 6bc30a5f46..5a494bea79 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-webkit-linux.png index e1cc4845ec..9dd946ccce 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Failture-state-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-chromium-linux.png index c577439060..f172f64ca6 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-firefox-linux.png index d401d46b64..6ac89c55dc 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-webkit-linux.png index e8197a0aaf..7c3dbcc92e 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Notice-with-Undo-action-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-chromium-linux.png index cad1601844..b1eef67e1c 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-firefox-linux.png index e250d48ee2..10f549c24d 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-webkit-linux.png index 97d9247c31..907e2acaf2 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-Warning-notice-with-interactive-element-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-chromium-linux.png index 4755cd8f38..d091ae0728 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-firefox-linux.png index a9174cfac0..26c312277f 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-webkit-linux.png index dadf470286..bd8ef0f74b 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-1-webkit-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-chromium-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-chromium-linux.png index 4b2eea68ef..ba8d71f3a1 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-chromium-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-chromium-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-firefox-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-firefox-linux.png index c5ee85ad10..234bd8acee 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-firefox-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-firefox-linux.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-webkit-linux.png b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-webkit-linux.png index 27ee76c840..b66d0a93f9 100644 Binary files a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-webkit-linux.png and b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx-snapshots/-visual-Verify-notice-bubble-in-SM2-container-2-webkit-linux.png differ diff --git a/semcore/notice/__tests__/notice.browser-test.tsx b/semcore/notice/__tests__/notice.browser-test.tsx index 07821905a3..8dfe334ab0 100644 --- a/semcore/notice/__tests__/notice.browser-test.tsx +++ b/semcore/notice/__tests__/notice.browser-test.tsx @@ -60,6 +60,7 @@ test.describe(`${TAG.VISUAL}`, () => { for (const close of closes) { expect(close).toHaveAttribute('aria-label', 'Close notification'); + expect(close).toHaveAttribute('tabindex', '0'); } }); @@ -183,6 +184,7 @@ test.describe(`NoticeSmart ${TAG.FUNCTIONAL}`, () => { for (const close of closes) { expect(close).toHaveAttribute('aria-label', 'Close notification'); + expect(close).toHaveAttribute('tabindex', '0'); } }); }); diff --git a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-chromium-linux.png b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-chromium-linux.png index 0702fb8a20..dc076ecc98 100644 Binary files a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-chromium-linux.png and b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-firefox-linux.png b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-firefox-linux.png index 98bf18c665..42fa8e7b27 100644 Binary files a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-firefox-linux.png and b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-webkit-linux.png b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-webkit-linux.png index 0281c1e70f..217009368b 100644 Binary files a/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-webkit-linux.png and b/semcore/notice/__tests__/notice.browser-test.tsx-snapshots/-visual-Verify-NoticeSmart-after-mouse-and-keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/pagination/package.json b/semcore/pagination/package.json index 89923f0591..1fc04d90a9 100644 --- a/semcore/pagination/package.json +++ b/semcore/pagination/package.json @@ -21,6 +21,7 @@ "@semcore/input-number": "16.0.11", "@semcore/input": "16.1.1", "@semcore/link": "16.0.11", + "@semcore/tooltip": "16.0.11", "@semcore/typography": "16.3.2" }, "peerDependencies": { diff --git a/semcore/pagination/src/Pagination.jsx b/semcore/pagination/src/Pagination.jsx index 1ba2cf87d1..b81dbf2fa9 100644 --- a/semcore/pagination/src/Pagination.jsx +++ b/semcore/pagination/src/Pagination.jsx @@ -1,10 +1,11 @@ -import { Flex, ScreenReaderOnly, Hint } from '@semcore/base-components'; +import { Flex, ScreenReaderOnly } from '@semcore/base-components'; import Button, { ButtonLink } from '@semcore/button'; import { createComponent, Component, sstyled, Root } from '@semcore/core'; import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance'; import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID'; import ChevronDoubleLeft from '@semcore/icon/ChevronDoubleLeft/m'; import InputNumber from '@semcore/input-number'; +import { Hint } from '@semcore/tooltip'; import { Text } from '@semcore/typography'; import React from 'react'; @@ -257,23 +258,27 @@ class PaginationRoot extends Component { } class FirstPage extends Component { - buttonRef = React.createRef(); + static defaultProps = (props) => { + const hintContent = props.getI18nText('firstPage'); + + return { + children: ( + + + + ), + }; + }; render() { - const { getI18nText, Children, children, disabled } = this.asProps; - const hintContent = getI18nText('firstPage'); - const isAdvanced = children !== undefined; + const { getI18nText } = this.asProps; - return ( - <> - - {isAdvanced - ? - : } - - {!isAdvanced && ({hintContent})} - - ); + return ; } } diff --git a/semcore/popper/README.md b/semcore/popper/README.md new file mode 100644 index 0000000000..56a4bffd19 --- /dev/null +++ b/semcore/popper/README.md @@ -0,0 +1,41 @@ +# @semcore/popper (DEPRECATED) + +## This package is deprecated. Use `@semcore/base-components`. + +[![version](https://img.shields.io/npm/v/@semcore/popper.svg)](https://www.npmjs.com/@semcore/popper) +[![downloads](https://img.shields.io/npm/dt/@semcore/popper.svg)](https://www.npmjs.com/package/@semcore/popper) +[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) + +> This component is part of the Intergalactic Design System + +### 📖 [Component documentation](https://developer.semrush.com/intergalactic/utils/popper/) + +### 🏠 [Design system](https://developer.semrush.com/intergalactic/) + +## Install + +```sh +npm install @semcore/popper +``` + + + +## 👤 Author + +[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) +and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors) + +## 🤝 Contributing + +Contributions, issues and feature requests are welcome! + +Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at +the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md). + +## Show your support + +Give a ⭐️ if this project helped you! + +## 📝 License + +This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed. diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx b/semcore/product-head/__tests__/product-head.browser-test.tsx index 370bbdcbaa..ea20bb86f6 100644 --- a/semcore/product-head/__tests__/product-head.browser-test.tsx +++ b/semcore/product-head/__tests__/product-head.browser-test.tsx @@ -40,17 +40,12 @@ test.describe(`${TAG.VISUAL} `, () => { tag: [TAG.PRIORITY_HIGH, '@product-head', '@button', + '@tooltip', ], - }, async ({ page, browserName }) => { + }, async ({ page }) => { await loadPage(page, 'stories/components/product-head/advanced/examples/long-long-title.tsx', 'en'); - await page.locator('[data-ui-name="Text"]').nth(1).waitFor({ state: 'visible' }); - if (browserName == 'webkit') await expect(page).toHaveScreenshot(); // the hint not stable on webkit in ci - else { - await page.locator('[data-ui-name="Text"]').nth(1).hover(); - await page.waitForTimeout(100); // needed for ff - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible', timeout: 1500 }); - await expect(page).toHaveScreenshot(); - } + + await expect(page).toHaveScreenshot(); }); test('Verify renders when single items used', { diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-chromium-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-chromium-linux.png index 6b1fabda28..a837437b74 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-chromium-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-chromium-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-firefox-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-firefox-linux.png index 934b581c6a..c841df4c2a 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-firefox-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-firefox-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-webkit-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-webkit-linux.png index 5cb90107d1..fdda8c3895 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-webkit-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1280px-1-webkit-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-chromium-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-chromium-linux.png index 669cd81695..5bca29f369 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-chromium-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-chromium-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-firefox-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-firefox-linux.png index bba8787cca..966ebce581 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-firefox-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-firefox-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-webkit-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-webkit-linux.png index 273bf38505..a2573a46d7 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-webkit-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-1920px-1-webkit-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-chromium-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-chromium-linux.png index e72b22e135..77e8129f0e 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-chromium-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-chromium-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-firefox-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-firefox-linux.png index 45efdad11f..74aea7ef06 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-firefox-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-firefox-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-webkit-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-webkit-linux.png index d460070c1a..b43a171ba3 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-webkit-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-base-example-looks-good-on-screen-width-768px-1-webkit-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-chromium-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-chromium-linux.png index fa02afb630..a1a974225a 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-chromium-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-chromium-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-firefox-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-firefox-linux.png index 75f26b69aa..45a54ac1f3 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-firefox-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-firefox-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-webkit-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-webkit-linux.png index 3d2d0f1388..b15178be40 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-webkit-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-looks-good-when-long-long-title-1-webkit-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-chromium-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-chromium-linux.png index 129519f9e1..8ee51973cb 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-chromium-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-chromium-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-firefox-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-firefox-linux.png index aeb42c480f..37709da5ba 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-firefox-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-firefox-linux.png differ diff --git a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-webkit-linux.png b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-webkit-linux.png index 145f54c71c..962a698ecd 100644 Binary files a/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-webkit-linux.png and b/semcore/product-head/__tests__/product-head.browser-test.tsx-snapshots/-visual-Verify-renders-when-single-items-used-1-webkit-linux.png differ diff --git a/semcore/select/CHANGELOG.md b/semcore/select/CHANGELOG.md index 629e8f771f..b5124283ad 100644 --- a/semcore/select/CHANGELOG.md +++ b/semcore/select/CHANGELOG.md @@ -2,12 +2,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/). -## [17.0.0] - 2026-02-02 - -### Added - -- `Select.Option.Text` component. Use it if you have an options that should be ellipsized. - ## [16.1.12] - 2025-11-17 ### Changed diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx index 3c9aba83c9..a98e3e0b8f 100644 --- a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx +++ b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx @@ -10,7 +10,6 @@ const locators = { apply: (page: Page) => page.getByRole('button', { name: 'Apply' }), options: (page: Page) => page.getByRole('option'), checkboxes: (page: Page) => page.locator('[data-ui-name="Select.Option.Checkbox"]'), - ellipsisHint: (page: Page) => page.locator('[data-ui-name="Hint"]'), clear: (page: Page) => page.getByRole('button', { name: 'Clear' }), loadingText: (page: Page) => page.getByText('Loading...'), errorText: (page: Page) => page.getByText('Something went wrong.'), @@ -56,20 +55,18 @@ test.describe(TAG.VISUAL, () => { await test.step('Verify cleared search with options', async () => { await locators.clearSearch(page).click(); await locators.options(page).first().waitFor({ state: 'visible' }); - await locators.clearSearchHint(page).waitFor({ state: 'hidden' }); await expect(page).toHaveScreenshot(); }); await test.step('Verify option hover with hint', async () => { await locators.textbox(page).fill('Ads'); - await locators.optionByName(page, 'Shopping Ads (Product Listing Ads Block)').hover(); - const hint = page.locator('[data-ui-name="Hint"]'); - await hint.waitFor({ state: 'visible' }); + await locators.optionByName(page, 'Shopping Ads (Product Listing').hover(); + await locators.textByContent(page, 'Shopping Ads (Product Listing').nth(1).waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); await test.step('Verify applied filter state', async () => { - await locators.optionByName(page, 'Shopping Ads (Product Listing Ads Block)').click(); + await locators.options(page).first().click(); await locators.apply(page).click(); await locators.apply(page).waitFor({ state: 'hidden' }); await expect(page).toHaveScreenshot(); @@ -100,14 +97,12 @@ test.describe(TAG.VISUAL, () => { await expect(page).toHaveScreenshot(); }); - await test.step('Verify search, navigation state and hint on focus', async () => { + await test.step('Verify search and navigation state', async () => { await page.keyboard.press('Tab'); await page.keyboard.type('Ads'); await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); - const hint = page.locator('[data-ui-name="Hint"]'); - await hint.waitFor({ state: 'visible' }); await expect(page).toHaveScreenshot(); }); diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-1-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-1-chromium-linux.png index 1ed20133e6..9874a77986 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-1-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-1-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-2-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-2-chromium-linux.png index cf997a0c57..a0c0db709a 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-2-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-2-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-chromium-linux.png index dd6fe1a2ec..06623234e3 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-firefox-linux.png index ce0653bacc..0410be21a3 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-webkit-linux.png index 0decb9e019..09641d4fdd 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-3-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-chromium-linux.png index 54e819e761..49513f1780 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-firefox-linux.png index 3f2aa77079..a91458e426 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-webkit-linux.png index 861a89b555..eec22be080 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-4-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-chromium-linux.png index dc31d9b8a1..e6b9b9776e 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-firefox-linux.png index 467edc0920..ee45ec36fb 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-webkit-linux.png index c42df9c069..c9d80e515f 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-5-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-6-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-6-chromium-linux.png index f71a01f30c..7b9b7d7ae8 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-6-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-keyboard-interaction-states-6-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-chromium-linux.png index 310320e456..a0e6226d79 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-firefox-linux.png index 8362adeb0c..17bfd06bbc 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-webkit-linux.png index d725e68531..c94fc1451d 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-3-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-chromium-linux.png index 46fb99e923..0ac7940a37 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-firefox-linux.png index ac23d601e1..d070eb8e50 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-webkit-linux.png index 51028de02d..794624b023 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-5-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-chromium-linux.png index 3936a30c2f..41b36600d8 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-firefox-linux.png index ea08e1c315..b30305c76d 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-webkit-linux.png index 37a6b6709b..388889cd93 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-6-webkit-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-chromium-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-chromium-linux.png index c3a8092176..a65788a328 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-chromium-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-chromium-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-firefox-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-firefox-linux.png index 693116a35c..d2b58d8df2 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-firefox-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-firefox-linux.png differ diff --git a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-webkit-linux.png b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-webkit-linux.png index 8c32f04771..c381e0869a 100644 Binary files a/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-webkit-linux.png and b/semcore/select/__tests__/filters-with-select/serp-features.browser-test.tsx-snapshots/-visual-Verify-SERP-features-mouse-interaction-states-7-webkit-linux.png differ diff --git a/semcore/select/package.json b/semcore/select/package.json index d95b58eeeb..f582ecb4b3 100644 --- a/semcore/select/package.json +++ b/semcore/select/package.json @@ -23,7 +23,6 @@ "@semcore/dropdown": "16.1.3", "@semcore/dropdown-menu": "16.1.14", "@semcore/input": "16.1.1", - "@semcore/typography": "16.3.2", "classnames": "2.2.6" }, "peerDependencies": { @@ -40,6 +39,7 @@ "@semcore/base-components": "workspace:*", "@semcore/icon": "workspace:*", "@semcore/testing-utils": "workspace:*", + "@semcore/typography": "workspace:*", "@types/classnames": "2.2.6" } } diff --git a/semcore/select/src/Select.jsx b/semcore/select/src/Select.jsx index 4aa2593909..68ddd13bba 100644 --- a/semcore/select/src/Select.jsx +++ b/semcore/select/src/Select.jsx @@ -9,7 +9,6 @@ import logger from '@semcore/core/lib/utils/logger'; import Divider from '@semcore/divider'; import Dropdown, { AbstractDropdown, enhance, selectedIndexContext } from '@semcore/dropdown'; import DropdownMenu from '@semcore/dropdown-menu'; -import { Text } from '@semcore/typography'; import cn from 'classnames'; import React from 'react'; @@ -389,21 +388,14 @@ function Menu(props) { const optionPropsContext = React.createContext({}); function Option(props) { const SSelectOption = Root; - const { styles, Children, highlighted } = props; - const itemRef = React.useRef(null); + const { styles, Children } = props; const hasCheckbox = isAdvanceMode(Children, [Select.Option.Checkbox.displayName]); const hasContent = isAdvanceMode(Children, [Select.Option.Content.displayName]); - const optionPropsContextValue = { - ...props, - itemRef, - highlighted, - }; - return sstyled(styles)( - - + + {hasCheckbox && !hasContent ? ( @@ -450,34 +442,6 @@ function Checkbox(providedProps) { ); } -function OptionText(providedProps) { - const optionProps = React.useContext(optionPropsContext); - const selectedIndex = React.useContext(selectedIndexContext); - const props = React.useMemo( - () => ({ - key: optionProps?.id, - selected: optionProps?.selected, - disabled: optionProps?.disabled, - size: optionProps?.size, - hintProps: optionProps?.hintProps ?? {}, - ...(providedProps || {}), - }), - [providedProps, optionProps], - ); - - if (optionProps.itemRef) { - props.hintProps.triggerRef = optionProps.itemRef; - } - - props.hintProps.visible = selectedIndex === optionProps.index; - - return sstyled(props.styles)( - , - ); -} - const InputSearchWrapper = function () { return ; }; @@ -500,7 +464,6 @@ const Select = createComponent( { Addon: DropdownMenu.Item.Addon, Content: DropdownMenu.Item.Content, - Text: OptionText, Hint: DropdownMenu.Item.Hint, Checkbox, }, diff --git a/semcore/select/src/index.d.ts b/semcore/select/src/index.d.ts index 62c8b4b485..41a0fe7ef0 100644 --- a/semcore/select/src/index.d.ts +++ b/semcore/select/src/index.d.ts @@ -13,7 +13,6 @@ import type { import type DropdownMenu from '@semcore/dropdown-menu'; import type { InputValueProps } from '@semcore/input'; import type Input from '@semcore/input'; -import type { Text } from '@semcore/typography'; import type React from 'react'; export type SelectInputSearch = InputValueProps & {}; @@ -147,7 +146,6 @@ declare const Select: IntergalacticSelectComponent & { Addon: typeof DropdownMenu.Item.Addon; Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>; Content: typeof Flex; - Text: typeof Text; Hint: typeof Flex; }; Divider: typeof Divider; diff --git a/semcore/side-panel/__tests__/index.test.jsx b/semcore/side-panel/__tests__/index.test.jsx index 70a718d38d..2d1479768e 100644 --- a/semcore/side-panel/__tests__/index.test.jsx +++ b/semcore/side-panel/__tests__/index.test.jsx @@ -109,9 +109,9 @@ describe('SidePanel', () => { , ); - // 4 because: empty div, canvas (from TextMeasurer for tabular-nums support), - // div with `Content in portal` and div with `Content in body` should be in body too. + // 3 because: empty div, div with `Content in portal` + // and div with `Content in body` should be in body too. // Without `ignorePortalsStacking`, it'll be in the first `SidePanel`. - expect(document.body.children).toHaveLength(4); + expect(document.body.children).toHaveLength(3); }); }); diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx b/semcore/side-panel/__tests__/side-panel.browser-test.tsx index 4c8fab3a0f..b34776fdb8 100644 --- a/semcore/side-panel/__tests__/side-panel.browser-test.tsx +++ b/semcore/side-panel/__tests__/side-panel.browser-test.tsx @@ -42,7 +42,7 @@ test.describe(`${TAG.VISUAL} `, () => { await locators.button(page, 'Close').waitFor({ state: 'visible', timeout: 500 }); await page.waitForTimeout(200); // for finish animation - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test(`Verify Side panel with Header and Footer looks good in each placement = ${item.placement}`, { tag: [TAG.PRIORITY_HIGH, @@ -78,10 +78,10 @@ test.describe(`${TAG.VISUAL} `, () => { await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2); } - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); await page.keyboard.press('Tab'); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test(`Verify Internal component inside positioned correclty in each placement = ${item.placement}`, { @@ -96,7 +96,7 @@ test.describe(`${TAG.VISUAL} `, () => { await locators.button(page, 'Close').hover(); await page.getByText('Close').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test(`Verify Side panel with disabled overlay in each placement = ${item.placement}`, { @@ -109,7 +109,7 @@ test.describe(`${TAG.VISUAL} `, () => { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await page.getByText('Close').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); }); @@ -123,7 +123,7 @@ test.describe(`${TAG.VISUAL} `, () => { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await page.getByText('Features').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test('Verify Close button shown when SidePanel.Close and closable = false', { @@ -136,7 +136,7 @@ test.describe(`${TAG.VISUAL} `, () => { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await page.getByText('Close').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test('Verify Close button looks good when SidePanel.Close and closable = true', { @@ -149,7 +149,7 @@ test.describe(`${TAG.VISUAL} `, () => { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await page.getByText('Close').waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); test('Verify Side panel with Ellipsis and tooltip', { @@ -171,7 +171,7 @@ test.describe(`${TAG.VISUAL} `, () => { await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2); } await page.getByText('Heading 6, 16px Heading 6, 16px').nth(1).waitFor({ state: 'visible' }); - await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 }); + await expect(page).toHaveScreenshot(); }); }); @@ -200,8 +200,12 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { }); await test.step('Verify focus orted and is looped inside side panel', async () => { + await expect(locators.button(page, 'Close')).toHaveAttribute('tabindex', '0'); + await expect(locators.button(page, 'Close')).toBeFocused(); + await page.keyboard.press('Tab'); await expect(locators.back(page)).toBeFocused(); + await expect(locators.back(page)).toHaveAttribute('tabindex', '0'); await expect(locators.back(page)).toHaveAttribute('color', 'text-hint'); await page.keyboard.press('Tab'); diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-chromium-linux.png index 552351abb5..724310934a 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-firefox-linux.png index 1a68e7f1d7..d75d50d39a 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-webkit-linux.png index 8eb27e3fb2..424062216f 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-looks-good-when-SidePanel-Close-and-closable-true-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-darwin.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-darwin.png deleted file mode 100644 index 9fabfa2225..0000000000 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-darwin.png and /dev/null differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-linux.png index 80a1942641..335215a77a 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-darwin.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-darwin.png deleted file mode 100644 index 632b1ca99e..0000000000 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-darwin.png and /dev/null differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-linux.png index 5fbac07995..a4b9f80af7 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-webkit-linux.png index 5d8ba20a6d..0ab05d9472 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Close-button-shown-when-SidePanel-Close-and-closable-false-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-chromium-linux.png index 3d88aada9d..a9014358c5 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-firefox-linux.png index 07b7472a8a..dc2bddb60b 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-webkit-linux.png index 62ec120728..2763f9ee23 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-bottom-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-chromium-linux.png index e9195196a5..d2f120354b 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-firefox-linux.png index 36332d668c..a58387939c 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-webkit-linux.png index 816feb3f43..79ee2b7bfd 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-left-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-chromium-linux.png index 6185cb4d5c..be36ba4a1e 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-firefox-linux.png index 7559fe4e4a..7a4794954e 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-webkit-linux.png index 2b769e41da..cf748a210c 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-right-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-chromium-linux.png index b75f973860..3ec676537c 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-firefox-linux.png index b74593e780..41c74005e8 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-webkit-linux.png index e541a89261..edea204811 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Internal-component-inside-positioned-correclty-in-each-placement-top-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-No-Close-button-when-no-SidePanel-Close-and-closable-false-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-No-Close-button-when-no-SidePanel-Close-and-closable-false-1-chromium-linux.png index 5f97ce1cfe..93a1a36f25 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-No-Close-button-when-no-SidePanel-Close-and-closable-false-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-No-Close-button-when-no-SidePanel-Close-and-closable-false-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-chromium-linux.png index 77842c4744..62957d59a8 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-firefox-linux.png index 6c820b4e70..ce51e31b29 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-webkit-linux.png index e2049df6b6..59ccc78c9d 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Ellipsis-and-tooltip-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-chromium-linux.png index 55b54d4dab..9ee4ada989 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-firefox-linux.png index 5aa97a0073..af76d9bd87 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-webkit-linux.png index 044a7a693d..0b896e9906 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-2-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-2-chromium-linux.png index f70469533b..9ffe1f93e4 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-2-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-bottom-2-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-chromium-linux.png index e3db12c3cd..e17ce0ce61 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-firefox-linux.png index f5afd8402c..7f1095bbe6 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-webkit-linux.png index 8fba8e8e57..1761c7ae38 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-left-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-chromium-linux.png index 7d4771b01b..63d044b95c 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-firefox-linux.png index bba3820fe7..cf79a1b0f4 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-webkit-linux.png index 0f21de49aa..5787224f95 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-2-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-2-chromium-linux.png index 196905e732..b8a475f129 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-2-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-right-2-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-chromium-linux.png index d91cf25f2c..8ffd304246 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-firefox-linux.png index 3d9cdb2ca4..3ca58fa768 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-webkit-linux.png index 02cab4c2f9..cffd8f31c7 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-Header-and-Footer-looks-good-in-each-placement-top-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-chromium-linux.png index e21df66774..5a26b28d35 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-firefox-linux.png index be7f76a5b0..37b8a7fcb5 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-webkit-linux.png index 55e61a1324..7138f03865 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-bottom-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-chromium-linux.png index e43e95de94..98abab6b57 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-firefox-linux.png index 0ff6864780..a3f05aebcb 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-webkit-linux.png index 781bbfe99b..cea9a09339 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-left-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-chromium-linux.png index 80a1942641..335215a77a 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-firefox-linux.png index 51a0a1d905..a4b9f80af7 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-webkit-linux.png index 16e8ac767b..0ab05d9472 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-right-1-webkit-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-chromium-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-chromium-linux.png index 8bcee2b476..de1a4da433 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-chromium-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-chromium-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-firefox-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-firefox-linux.png index faf0439c7c..1c3a15cd72 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-firefox-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-firefox-linux.png differ diff --git a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-webkit-linux.png b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-webkit-linux.png index 6f9cb7f3e9..5deb909e9a 100644 Binary files a/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-webkit-linux.png and b/semcore/side-panel/__tests__/side-panel.browser-test.tsx-snapshots/-visual-Verify-Side-panel-with-disabled-overlay-in-each-placement-top-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.axe-test.ts b/semcore/tab-line/__tests__/tab-line.axe-test.ts index 9655aeb5b4..0a1b8d809d 100644 --- a/semcore/tab-line/__tests__/tab-line.axe-test.ts +++ b/semcore/tab-line/__tests__/tab-line.axe-test.ts @@ -4,7 +4,7 @@ import { TAG } from '@semcore/testing-utils/shared/tags'; test.describe(`${TAG.ACCESSIBILITY} @tab-line`, () => { test('Automatic tab activation', async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/docs/examples/manual_tab_activation.tsx', 'en'); + await loadPage(page, 'stories/components/tab-line/docs/examples/automatic_tab_activation.tsx', 'en'); const violations = await getAccessibilityViolations({ page }); diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx b/semcore/tab-line/__tests__/tab-line.browser-test.tsx index a7e79de3d6..00cbfea341 100644 --- a/semcore/tab-line/__tests__/tab-line.browser-test.tsx +++ b/semcore/tab-line/__tests__/tab-line.browser-test.tsx @@ -24,11 +24,12 @@ export const locators = { ===================================================== */ test.describe(`${TAG.VISUAL} `, () => { const variablesActive = [ - { disabled: false, size: 'm', underlined: true }, - { disabled: false, size: 'l', underlined: false }, + { disabled: false, size: 'm', underlined: true, selected: undefined }, + { disabled: false, size: 'l', underlined: false, selected: false }, + { disabled: false, size: 'm', underlined: true, selected: true }, ]; variablesActive.forEach((item) => { - test(`Verify active Tab lines size = ${item.size} underlined = ${item.underlined} styles`, { + test(`Verify active Tab lines size = ${item.size} underlined = ${item.underlined} selected = ${item.selected} styles`, { tag: [TAG.PRIORITY_HIGH, '@tab-line', '@base-components', @@ -88,11 +89,12 @@ test.describe(`${TAG.VISUAL} `, () => { }); const variablesDisabled = [ - { disabled: true, size: 'm', underlined: true }, - { disabled: true, size: 'l', underlined: false }, + { disabled: true, size: 'm', underlined: true, selected: undefined }, + { disabled: true, size: 'l', underlined: false, selected: false }, + { disabled: true, size: 'm', underlined: true, selected: true }, ]; variablesDisabled.forEach((item) => { - test(`Verify disabled Tab lines size = ${item.size} underlined = ${item.underlined} styles`, { + test(`Verify disabled Tab lines size = ${item.size} underlined = ${item.underlined} selected = ${item.selected} styles`, { tag: [TAG.PRIORITY_HIGH, '@tab-line', '@base-components', @@ -106,6 +108,26 @@ test.describe(`${TAG.VISUAL} `, () => { }); }); + const variablesWidth = [ + { disabled: false, size: 'm', underlined: true, selected: undefined, w: 500 }, + { disabled: false, size: 'l', underlined: false, selected: undefined, w: 500 }, + ]; + variablesWidth.forEach((item) => { + test(`Verify text and underline when width=${item.w} and underline =${item.underlined} is set`, { + tag: [TAG.PRIORITY_HIGH, + TAG.MOUSE, + '@tab-line', + '@base-components', + + '@counter', + '@badge'], + }, async ({ page }) => { + await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', item); + + await expect(page).toHaveScreenshot(); + }); + }); + test('Verify disabled tabLine with tooltip', { tag: [TAG.PRIORITY_HIGH, '@tab-line', @@ -123,37 +145,6 @@ test.describe(`${TAG.VISUAL} `, () => { await expect(page).toHaveScreenshot(); }); - - const variablesEllipsis = [ - { w: 100, size: 'l', behavior: 'auto', desc: 'default' }, - { w: 100, size: 'm', behavior: 'auto', ellipsis: { cropPosition: 'middle' }, desc: 'cropPosition:middle' }, - { w: 100, size: 'l', behavior: 'manual', desc: 'default' }, - { w: 100, size: 'm', behavior: 'manual', ellipsis: { cropPosition: 'middle' }, desc: 'cropPosition:middle' }, - - ]; - variablesEllipsis.forEach((item) => { - test(`Verify ellipsis in Tab lines behavior = ${item.behavior} size = ${item.size} ellipsis = ${item.desc} styles`, { - tag: [TAG.PRIORITY_HIGH, - '@tab-line', - '@base-components', - '@ellipsis', - '@hint', - '@counter', - '@badge'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', item); - await page.waitForTimeout(100); - - await page.keyboard.press('Tab'); - await page.waitForTimeout(100); - await page.keyboard.press('ArrowLeft'); - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); - await locators.tabLines(page).nth(2).hover(); - await page.locator('[data-ui-name="Hint"]').nth(1).waitFor({ state: 'visible' }); - await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(2); - await expect(page).toHaveScreenshot(); - }); - }); }); /* ===================================================== @@ -167,10 +158,10 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { TAG.MOUSE, '@tab-line'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', { behavior: 'auto' }); + await loadPage(page, 'stories/components/tab-line/docs/examples/automatic_tab_activation.tsx', 'en', { behavior: 'auto' }); await test.step('Verify tabline roles and attributes', async () => { - await expect(locators.tabLine(page)).toHaveAttribute('aria-label'); + await expect(locators.tabLine(page)).toHaveAttribute('aria-label', 'Animals'); }); await test.step('Verify tabs roles and attributes when first is selected', async () => { const countTabs = await locators.tabLines(page).count(); @@ -180,28 +171,25 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { await expect(locators.tabLines(page).nth(i)).toHaveAttribute('value'); await expect(locators.tabLines(page).nth(i)).toHaveAttribute('id'); } - await expect(locators.tabLines(page).nth(0)).not.toHaveAttribute('aria-controls'); - await expect(locators.tabLines(page).nth(0)).toHaveAttribute('tabindex', '-1'); - await expect(locators.tabLines(page).nth(1)).toHaveAttribute('tabindex', '0'); - await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-controls'); - for (let i = 2; i < countTabs; i++) { + await expect(locators.tabLines(page).nth(0)).toHaveAttribute('tabindex', '0'); + + await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-controls'); + for (let i = 1; i < countTabs; i++) { await expect(locators.tabLines(page).nth(i)).not.toHaveAttribute('aria-controls'); await expect(locators.tabLines(page).nth(i)).toHaveAttribute('tabindex', '-1'); } }); await test.step('Verify tabLine roles and attributes and selected attribute when first is selected', async () => { - await locators.tabLines(page).nth(0).click(); - await expect(locators.tabpanel(page)).toHaveAttribute('tabindex', '-1'); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-fb'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-1-1'); await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); }); await test.step('Verify tabLine roles and attributes and selected attribute when second is selected', async () => { await locators.tabLines(page).nth(1).click(); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-ig'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-1-2'); await expect(locators.tabLines(page).nth(0)).not.toHaveClass(/selected/); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveClass(/selected/); @@ -214,28 +202,25 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { TAG.KEYBOARD, '@tab-line'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', { behavior: 'auto' }); + await loadPage(page, 'stories/components/tab-line/docs/examples/automatic_tab_activation.tsx', 'en', { behavior: 'auto' }); await page.keyboard.press('Tab'); - await page.keyboard.press('ArrowLeft'); - await page.keyboard.press('Enter'); - await expect(locators.tabLines(page).first()).toBeFocused(); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-fb'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-1-1'); await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); await page.keyboard.press('ArrowRight'); await expect(locators.tabLines(page).nth(1)).toBeFocused(); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-ig'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-1-2'); await expect(locators.tabLines(page).nth(0)).not.toHaveClass(/selected/); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveClass(/selected/); await page.keyboard.press('ArrowLeft'); await expect(locators.tabLines(page).first()).toBeFocused(); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-fb'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-1-1'); await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); @@ -246,32 +231,29 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { TAG.KEYBOARD, '@tab-line'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', { behavior: 'manual' }); + await loadPage(page, 'stories/components/tab-line/docs/examples/manual_tab_activation.tsx', 'en'); await page.keyboard.press('Tab'); - await expect(locators.tabLines(page).nth(1)).toBeFocused(); - await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby'); - await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); - await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'false'); + await expect(locators.tabLines(page).first()).toBeFocused(); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); + await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); await page.keyboard.press('ArrowRight'); - await expect(locators.tabLines(page).nth(2)).toBeFocused(); + await expect(locators.tabLines(page).nth(1)).toBeFocused(); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); await page.keyboard.press('Space'); - await expect(locators.tabpanel(page)).toContainText('Twitter'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); await expect(locators.tabLines(page).nth(0)).not.toHaveClass(/selected/); - await expect(locators.tabLines(page).nth(1)).not.toHaveClass(/selected/); - - await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'true'); - await expect(locators.tabLines(page).nth(2)).toHaveClass(/selected/); + await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabLines(page).nth(1)).toHaveClass(/selected/); await page.keyboard.press('ArrowLeft'); - await page.keyboard.press('ArrowLeft'); - await expect(locators.tabLines(page).first()).toBeFocused(); - await expect(locators.tabpanel(page)).toContainText('Twitter'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); await page.keyboard.press('Enter'); - await expect(locators.tabpanel(page)).toContainText('Facebook'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); @@ -282,19 +264,18 @@ test.describe(`${TAG.FUNCTIONAL}`, () => { TAG.MOUSE, '@tab-line'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx', 'en', { behavior: 'manual' }); + await loadPage(page, 'stories/components/tab-line/docs/examples/manual_tab_activation.tsx', 'en'); - await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); - await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'false'); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); + await expect(locators.tabLines(page).nth(0)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'false'); - await locators.tabLines(page).nth(2).click(); + await locators.tabLines(page).nth(1).click(); await expect(locators.tabLines(page).nth(0)).not.toHaveClass(/selected/); - await expect(locators.tabLines(page).nth(1)).not.toHaveClass(/selected/); - - await expect(locators.tabLines(page).nth(2)).toHaveAttribute('aria-selected', 'true'); - await expect(locators.tabLines(page).nth(2)).toHaveClass(/selected/); - await expect(locators.tabpanel(page)).toContainText('Twitter'); + await expect(locators.tabLines(page).nth(1)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabLines(page).nth(1)).toHaveClass(/selected/); + await expect(locators.tabpanel(page)).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); }); test('Verify interactions with defaultValue props', { diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png new file mode 100644 index 0000000000..7ba77c14ea Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png new file mode 100644 index 0000000000..697e9f2fd2 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png new file mode 100644 index 0000000000..7aad861bd5 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png deleted file mode 100644 index c2a45f8a09..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png deleted file mode 100644 index 2fefdb0dab..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png deleted file mode 100644 index edfc9a88fb..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png new file mode 100644 index 0000000000..8aca3530ed Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png new file mode 100644 index 0000000000..62d9b9f852 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png new file mode 100644 index 0000000000..aa5d914e66 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png new file mode 100644 index 0000000000..d79db60329 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png new file mode 100644 index 0000000000..1483c9e6ab Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png new file mode 100644 index 0000000000..7f31d7da91 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png deleted file mode 100644 index ec2e0ec59f..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png deleted file mode 100644 index 951717e0b0..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png deleted file mode 100644 index fa602b4117..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-active-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png new file mode 100644 index 0000000000..55d0c67fbc Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png new file mode 100644 index 0000000000..f4cd4fef31 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png new file mode 100644 index 0000000000..94607a181f Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-selected-false-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png deleted file mode 100644 index da3b80f32c..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png deleted file mode 100644 index 6b0baeee2c..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png deleted file mode 100644 index 904bbebabc..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-l-underlined-false-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png new file mode 100644 index 0000000000..69acda2e79 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png new file mode 100644 index 0000000000..efd664cea5 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png new file mode 100644 index 0000000000..25c5be8374 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-true-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png new file mode 100644 index 0000000000..fa8c9d595d Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png new file mode 100644 index 0000000000..c941050b4a Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png new file mode 100644 index 0000000000..115b96fb15 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-selected-undefined-styles-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png deleted file mode 100644 index 50518611a7..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png deleted file mode 100644 index 040b075b12..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png deleted file mode 100644 index 9f3949ccef..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-lines-size-m-underlined-true-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png deleted file mode 100644 index 970583fea9..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png deleted file mode 100644 index 9f3cf26daf..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png deleted file mode 100644 index c61490aad9..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-1df77-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png deleted file mode 100644 index 555cac1c75..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png deleted file mode 100644 index b464a51ce8..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png deleted file mode 100644 index 61f0f4c653..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-25e42-ize-m-ellipsis-cropPosition-middle-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-chromium-linux.png deleted file mode 100644 index ffb8203da7..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-firefox-linux.png deleted file mode 100644 index 4d69e6e525..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-webkit-linux.png deleted file mode 100644 index 896881af50..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-auto-size-l-ellipsis-default-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-chromium-linux.png deleted file mode 100644 index 05ea5e9c47..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-firefox-linux.png deleted file mode 100644 index 6482ffe613..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-webkit-linux.png deleted file mode 100644 index 7450088b24..0000000000 Binary files a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-lines-behavior-manual-size-l-ellipsis-default-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-chromium-linux.png new file mode 100644 index 0000000000..1a171ce272 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-firefox-linux.png new file mode 100644 index 0000000000..8d3ff9364c Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-webkit-linux.png new file mode 100644 index 0000000000..2ff05a0201 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-false-is-set-1-webkit-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-chromium-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-chromium-linux.png new file mode 100644 index 0000000000..990c0614c3 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-chromium-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-firefox-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-firefox-linux.png new file mode 100644 index 0000000000..3388cfbd36 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-firefox-linux.png differ diff --git a/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-webkit-linux.png b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-webkit-linux.png new file mode 100644 index 0000000000..9104ee99a9 Binary files /dev/null and b/semcore/tab-line/__tests__/tab-line.browser-test.tsx-snapshots/-visual-Verify-text-and-underline-when-width-500-and-underline-true-is-set-1-webkit-linux.png differ diff --git a/semcore/tab-line/package.json b/semcore/tab-line/package.json index 52864beb82..eceba60ffa 100644 --- a/semcore/tab-line/package.json +++ b/semcore/tab-line/package.json @@ -16,9 +16,6 @@ "import": "./lib/esm/index.mjs", "types": "./lib/types/index.d.ts" }, - "dependencies": { - "@semcore/typography": "^16.3.2" - }, "peerDependencies": { "@semcore/base-components": "^16.0.0" }, diff --git a/semcore/tab-line/src/TabLine.jsx b/semcore/tab-line/src/TabLine.jsx index 32fc913e6f..c9dd838021 100644 --- a/semcore/tab-line/src/TabLine.jsx +++ b/semcore/tab-line/src/TabLine.jsx @@ -2,7 +2,6 @@ import { NeighborLocation, Box } from '@semcore/base-components'; import { createComponent, Component, sstyled, Root } from '@semcore/core'; import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import a11yEnhance from '@semcore/core/lib/utils/enhances/a11yEnhance'; -import { Text as UikitText } from '@semcore/typography'; import React from 'react'; import style from './style/tab-line.shadow.css'; @@ -35,7 +34,6 @@ class TabLineRoot extends Component { itemRefs = {}; containerRef = React.createRef(); animationStartTimeout = -1; - buttonRefsList = []; uncontrolledProps() { return { @@ -97,7 +95,7 @@ class TabLineRoot extends Component { this.handlers.value(value, e); }; - getItemProps(props, index) { + getItemProps(props, _index) { const { value, size } = this.asProps; const isSelected = value === props.value; return { @@ -109,21 +107,6 @@ class TabLineRoot extends Component { 'ref': (node) => { this.itemRefs[props.value] = node; }, - 'buttonRefsList': this.buttonRefsList, - index, - }; - } - - getItemTextProps(props, index) { - const { size: tabLineSize } = this.asProps; - const size = props.size - ? props.size - : tabLineSize === 'm' ? 200 : 300; - - return { - size, - buttonRefsList: this.buttonRefsList, - index, }; } @@ -168,10 +151,7 @@ class TabLineRoot extends Component { function TabLineItem(props) { const STabLineItem = Root; - const { Children, styles, addonLeft, addonRight, neighborLocation, buttonRefsList, index } = props; - const buttonRef = React.useRef(); - - buttonRefsList[index] = buttonRef; + const { Children, styles, addonLeft, addonRight, neighborLocation } = props; return ( @@ -184,7 +164,6 @@ function TabLineItem(props) { neighborLocation={neighborLocation} type='button' role='tab' - ref={buttonRef} > {addonLeft ? : null} {addonTextChildren(Children, TabLine.Item.Text, TabLine.Item.Addon)} @@ -196,9 +175,9 @@ function TabLineItem(props) { } function Text(props) { - const { styles, ellipsis = true, size, buttonRefsList, index, hintProps = {} } = props; + const { styles } = props; const SText = Root; - return sstyled(styles)(); + return sstyled(styles)(); } function Addon(props) { diff --git a/semcore/tab-line/src/style/tab-line.shadow.css b/semcore/tab-line/src/style/tab-line.shadow.css index 0fc8f16777..46b2f47491 100644 --- a/semcore/tab-line/src/style/tab-line.shadow.css +++ b/semcore/tab-line/src/style/tab-line.shadow.css @@ -97,6 +97,13 @@ STabLineItem[disabled] { pointer-events: none; } +SText { + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + SAddon { display: inline-flex; align-items: center; @@ -106,11 +113,21 @@ SAddon { STabLineItem[size='m'] { height: 28px; min-width: 18px; + + & SText { + font-size: var(--intergalactic-fs-200, 14px); + line-height: var(--intergalactic-lh-200, 142%); + } } STabLineItem[size='l'] { height: 40px; min-width: 26px; + + & SText { + font-size: var(--intergalactic-fs-300, 16px); + line-height: var(--intergalactic-lh-300, 150%); + } } STabLineItem[neighborLocation='left'] { diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx index 3f3513db5e..0fc717ac1e 100644 --- a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx +++ b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx @@ -21,7 +21,49 @@ export const locators = { Visual states, hover and focus styles, paddings, margins, and snapshots. ===================================================== */ test.describe(`${TAG.VISUAL} `, () => { - test(`Verify active Tab Panel styles`, { + const variablesActive = [ + { disabled: false, selected: undefined }, + { disabled: false, selected: true }, + ]; + variablesActive.forEach((item) => { + test(`Verify active Tab Panel selected = ${item.selected} styles`, { + tag: [TAG.PRIORITY_HIGH, + '@tab-panel', + '@base-components', + + '@counter', + '@badge'], + }, async ({ page }) => { + await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', item); + + await page.keyboard.press('Tab'); + await locators.tabPanels(page).nth(0).hover(); + await expect(page).toHaveScreenshot(); + + await locators.tabPanels(page).nth(1).hover(); + await expect(page).toHaveScreenshot(); + + await test.step('Verify tab panel styles', async () => { + const countText = await locators.text(page).count(); + for (let i = 0; i < countText; i++) { + await expect(locators.text(page).nth(i)).toHaveCSS('margin-right', '8px'); + await expect(locators.text(page).nth(i)).toHaveCSS('margin-left', '8px'); + } + + await expect(locators.addons(page).nth(0)).toHaveCSS('margin-left', '8px'); + await expect(locators.addons(page).nth(2)).toHaveCSS('margin-left', '8px'); + await expect(locators.addons(page).nth(4)).toHaveCSS('margin-left', '8px'); + await expect(locators.addons(page).nth(7)).toHaveCSS('margin-left', '8px'); + + await expect(locators.addons(page).nth(1)).toHaveCSS('margin-right', '8px'); + await expect(locators.addons(page).nth(3)).toHaveCSS('margin-right', '8px'); + await expect(locators.addons(page).nth(5)).toHaveCSS('margin-right', '8px'); + await expect(locators.addons(page).nth(6)).toHaveCSS('margin-right', '8px'); + }); + }); + }); + + test('Verify disabled Tab panel styles', { tag: [TAG.PRIORITY_HIGH, '@tab-panel', '@base-components', @@ -29,35 +71,12 @@ test.describe(`${TAG.VISUAL} `, () => { '@counter', '@badge'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en'); - - await page.keyboard.press('Tab'); - await locators.tabPanels(page).nth(0).hover(); - await expect(page).toHaveScreenshot(); + await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', { disabled: true }); - await locators.tabPanels(page).nth(1).hover(); await expect(page).toHaveScreenshot(); - - await test.step('Verify tab panel styles', async () => { - const countText = await locators.text(page).count(); - for (let i = 0; i < countText; i++) { - await expect(locators.text(page).nth(i)).toHaveCSS('margin-right', '8px'); - await expect(locators.text(page).nth(i)).toHaveCSS('margin-left', '8px'); - } - - await expect(locators.addons(page).nth(0)).toHaveCSS('margin-left', '8px'); - await expect(locators.addons(page).nth(2)).toHaveCSS('margin-left', '8px'); - await expect(locators.addons(page).nth(4)).toHaveCSS('margin-left', '8px'); - await expect(locators.addons(page).nth(7)).toHaveCSS('margin-left', '8px'); - - await expect(locators.addons(page).nth(1)).toHaveCSS('margin-right', '8px'); - await expect(locators.addons(page).nth(3)).toHaveCSS('margin-right', '8px'); - await expect(locators.addons(page).nth(5)).toHaveCSS('margin-right', '8px'); - await expect(locators.addons(page).nth(6)).toHaveCSS('margin-right', '8px'); - }); }); - test('Verify disabled Tab panel styles', { + test('Verify text width is set', { tag: [TAG.PRIORITY_HIGH, '@tab-panel', '@base-components', @@ -65,7 +84,7 @@ test.describe(`${TAG.VISUAL} `, () => { '@counter', '@badge'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', { disabled: true }); + await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', { w: 500 }); await expect(page).toHaveScreenshot(); }); @@ -86,43 +105,6 @@ test.describe(`${TAG.VISUAL} `, () => { await page.waitForSelector('text="Do not forget to add short text to explain why this item is disabled."'); await expect(page).toHaveScreenshot(); }); - - const variablesEllipsis = [ - { w: 100, behavior: 'auto', desc: 'default' }, - { w: 100, behavior: 'auto', ellipsis: { cropPosition: 'middle' }, desc: 'cropPosition:middle' }, - { w: 100, behavior: 'manual', desc: 'default' }, - { w: 100, behavior: 'manual', ellipsis: { cropPosition: 'middle' }, desc: 'cropPosition:middle' }, - - ]; - variablesEllipsis.forEach((item) => { - test(`Verify ellipsis in Tab Panel ellipsis = ${item.desc} behavior = ${item.behavior} styles`, { - - tag: [TAG.PRIORITY_HIGH, - '@tab-panel', - '@base-components', - '@ellipsis', - '@hint', - '@counter', - '@badge'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', item); - await page.waitForTimeout(100); - - await page.keyboard.press('Tab'); - await page.waitForTimeout(100); - - await page.keyboard.press('ArrowLeft'); - await page.waitForTimeout(100); - - await page.locator('[data-ui-name="Hint"]').waitFor({ state: 'visible' }); - - await locators.tabPanels(page).nth(1).hover(); - await page.locator('[data-ui-name="Hint"]').nth(1).waitFor({ state: 'visible' }); - - await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(2); - await expect(page).toHaveScreenshot(); - }); - }); }); /* ===================================================== @@ -214,30 +196,29 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { TAG.KEYBOARD, '@tab-panel'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', { behavior: 'manual' }); + await loadPage(page, 'stories/components/tab-panel/docs/examples/manual_tab_activation.tsx', 'en'); await page.keyboard.press('Tab'); - await expect(locators.tabPanels(page).nth(1)).toBeFocused(); - await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby'); - await expect(locators.tabPanels(page).nth(0)).toHaveAttribute('aria-selected', 'false'); - await expect(locators.tabPanels(page).nth(1)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabPanels(page).first()).toBeFocused(); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); + await expect(locators.tabPanels(page).nth(0)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabPanels(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabPanels(page).nth(2)).toHaveAttribute('aria-selected', 'false'); await page.keyboard.press('ArrowRight'); - await expect(locators.tabPanels(page).nth(2)).toBeFocused(); - await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby'); + await expect(locators.tabPanels(page).nth(1)).toBeFocused(); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); await page.keyboard.press('Space'); - await expect(locators.tabPanels(page).nth(1)).not.toHaveClass(/selected/); - await expect(locators.tabPanels(page).nth(2)).toHaveAttribute('aria-selected', 'true'); - await expect(locators.tabPanels(page).nth(2)).toHaveClass(/selected/); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); + await expect(locators.tabPanels(page).nth(0)).not.toHaveClass(/selected/); + await expect(locators.tabPanels(page).nth(1)).toHaveAttribute('aria-selected', 'true'); + await expect(locators.tabPanels(page).nth(1)).toHaveClass(/selected/); await page.keyboard.press('ArrowLeft'); - await page.keyboard.press('ArrowLeft'); - await expect(locators.tabPanels(page).first()).toBeFocused(); - await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby'); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); await page.keyboard.press('Enter'); - await expect(page.locator('div[role="tabpanel"]')).toContainText('Facebook'); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); await expect(locators.tabPanels(page).nth(0)).toHaveAttribute('aria-selected', 'true'); await expect(locators.tabPanels(page).nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(locators.tabPanels(page).nth(2)).toHaveAttribute('aria-selected', 'false'); @@ -248,20 +229,19 @@ test.describe(`${TAG.FUNCTIONAL} `, () => { TAG.MOUSE, '@tab-panel'], }, async ({ page }) => { - await loadPage(page, 'stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx', 'en', { behavior: 'manual' }); + await loadPage(page, 'stories/components/tab-panel/docs/examples/manual_tab_activation.tsx', 'en'); const TabPanels = page.locator('[data-ui-name="TabPanel.Item"]'); - await expect(TabPanels.nth(1)).toHaveAttribute('aria-selected', 'true'); - await expect(TabPanels.nth(0)).toHaveAttribute('aria-selected', 'false'); + await expect(page.getByRole('tabpanel')).toHaveAttribute('aria-labelledby', 'tab-label-3-1'); + await expect(TabPanels.nth(0)).toHaveAttribute('aria-selected', 'true'); + await expect(TabPanels.nth(1)).toHaveAttribute('aria-selected', 'false'); await expect(TabPanels.nth(2)).toHaveAttribute('aria-selected', 'false'); - await TabPanels.nth(2).click(); - await expect(page.locator('div[role="tabpanel"]')).toContainText('Twitter'); - await expect(TabPanels.nth(1)).not.toHaveClass(/selected/); + await TabPanels.nth(1).click(); + await expect(page.locator('div[role="tabpanel"]')).toHaveAttribute('aria-labelledby', 'tab-label-3-2'); await expect(TabPanels.nth(0)).not.toHaveClass(/selected/); - - await expect(TabPanels.nth(2)).toHaveAttribute('aria-selected', 'true'); - await expect(TabPanels.nth(2)).toHaveClass(/selected/); + await expect(TabPanels.nth(1)).toHaveAttribute('aria-selected', 'true'); + await expect(TabPanels.nth(1)).toHaveClass(/selected/); }); test('Verify interactions with defaultValue props', { diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-chromium-linux.png index 5518c3c21f..596bd0fc5a 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-chromium-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-firefox-linux.png index 94cd4fac15..bd707b8234 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-firefox-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-webkit-linux.png index 3c13d8b8a7..a0db26e8dd 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-webkit-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-1-webkit-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-chromium-linux.png index e383f8c951..c7796d1322 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-chromium-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-firefox-linux.png index 94cd4fac15..bd707b8234 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-firefox-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-webkit-linux.png index 9be33759b3..fce5ca57ab 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-webkit-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-true-styles-2-webkit-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-chromium-linux.png index ba268dbcd5..e767e36c06 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-chromium-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-firefox-linux.png index d3b5abb7af..3865c5696c 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-firefox-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-webkit-linux.png index da1212be34..8a090d43df 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-webkit-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-1-webkit-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-chromium-linux.png index 5db4c94c1d..4de817472c 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-chromium-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-firefox-linux.png index d3b5abb7af..3865c5696c 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-firefox-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-webkit-linux.png index e944b343f1..f6a5142f12 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-webkit-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-selected-undefined-styles-2-webkit-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-chromium-linux.png deleted file mode 100644 index ba268dbcd5..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-firefox-linux.png deleted file mode 100644 index d3b5abb7af..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-webkit-linux.png deleted file mode 100644 index da1212be34..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-chromium-linux.png deleted file mode 100644 index 5db4c94c1d..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-firefox-linux.png deleted file mode 100644 index d3b5abb7af..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-webkit-linux.png deleted file mode 100644 index e944b343f1..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-active-Tab-Panel-styles-2-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-chromium-linux.png index b1b48e0304..97f0dd5c0b 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-chromium-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-firefox-linux.png index 20cb15744e..7c57118ff8 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-firefox-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-webkit-linux.png index 0e25d96bbe..16943a0964 100644 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-webkit-linux.png and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-disabled-Tab-panel-styles-1-webkit-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-chromium-linux.png deleted file mode 100644 index dac47dc4ec..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-firefox-linux.png deleted file mode 100644 index 296ee79470..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-webkit-linux.png deleted file mode 100644 index 3baf36802b..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-auto-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-chromium-linux.png deleted file mode 100644 index 82aa5e894d..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-firefox-linux.png deleted file mode 100644 index 2e54d8eee0..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-webkit-linux.png deleted file mode 100644 index fd516672d1..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-cropPosition-middle-behavior-manual-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-chromium-linux.png deleted file mode 100644 index acd7de210c..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-firefox-linux.png deleted file mode 100644 index b59aa3898b..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-webkit-linux.png deleted file mode 100644 index 46fa8dc30b..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-auto-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-chromium-linux.png deleted file mode 100644 index 1553749c57..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-chromium-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-firefox-linux.png deleted file mode 100644 index aa46b80578..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-firefox-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-webkit-linux.png deleted file mode 100644 index 3a1de7f5ad..0000000000 Binary files a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-ellipsis-in-Tab-Panel-ellipsis-default-behavior-manual-styles-1-webkit-linux.png and /dev/null differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-chromium-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-chromium-linux.png new file mode 100644 index 0000000000..0eea082094 Binary files /dev/null and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-chromium-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-firefox-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-firefox-linux.png new file mode 100644 index 0000000000..d6545ffd62 Binary files /dev/null and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-firefox-linux.png differ diff --git a/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-webkit-linux.png b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-webkit-linux.png new file mode 100644 index 0000000000..666c6119aa Binary files /dev/null and b/semcore/tab-panel/__tests__/tab-panel.browser-test.tsx-snapshots/-visual-Verify-text-width-is-set-1-webkit-linux.png differ diff --git a/semcore/tab-panel/package.json b/semcore/tab-panel/package.json index 26629ae35c..5d72e60f52 100644 --- a/semcore/tab-panel/package.json +++ b/semcore/tab-panel/package.json @@ -16,9 +16,6 @@ "import": "./lib/esm/index.mjs", "types": "./lib/types/index.d.ts" }, - "dependencies": { - "@semcore/typography": "^16.3.2" - }, "peerDependencies": { "@semcore/base-components": "^16.0.0" }, diff --git a/semcore/tab-panel/src/TabPanel.jsx b/semcore/tab-panel/src/TabPanel.jsx index 430743f6d1..087366903f 100644 --- a/semcore/tab-panel/src/TabPanel.jsx +++ b/semcore/tab-panel/src/TabPanel.jsx @@ -2,7 +2,6 @@ import { Box } from '@semcore/base-components'; import { createComponent, Component, sstyled, Root } from '@semcore/core'; import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren'; import a11yEnhance from '@semcore/core/lib/utils/enhances/a11yEnhance'; -import { Text as UikitText } from '@semcore/typography'; import React from 'react'; import style from './style/tab-panel.shadow.css'; @@ -29,8 +28,6 @@ class TabPanelRoot extends Component { static enhance = [a11yEnhance(optionsA11yEnhance)]; - buttonRefsList = []; - uncontrolledProps() { return { value: null, @@ -48,7 +45,7 @@ class TabPanelRoot extends Component { } }; - getItemProps(props, index) { + getItemProps(props, _index) { const { value } = this.asProps; const isSelected = value === props.value; return { @@ -57,15 +54,6 @@ class TabPanelRoot extends Component { 'onKeyDown': this.handleKeyDown(props.value), 'tabIndex': isSelected ? 0 : -1, 'aria-selected': isSelected, - 'buttonRefsList': this.buttonRefsList, - index, - }; - } - - getItemTextProps(_, index) { - return { - buttonRefsList: this.buttonRefsList, - index, }; } @@ -79,13 +67,10 @@ class TabPanelRoot extends Component { function TabPanelItem(props) { const STabPanelItem = Root; - const { Children, styles, addonLeft, addonRight, buttonRefsList, index } = props; - const buttonRef = React.useRef(); - - buttonRefsList[index] = buttonRef; + const { Children, styles, addonLeft, addonRight } = props; return sstyled(styles)( - + {addonLeft ? : null} {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)} {addonRight ? : null} @@ -95,8 +80,8 @@ function TabPanelItem(props) { function Text(props) { const SText = Root; - const { styles, ellipsis = true, buttonRefsList, index, hintProps = {} } = props; - return sstyled(styles)(); + const { styles } = props; + return sstyled(styles)(); } function Addon(props) { diff --git a/semcore/tab-panel/src/style/tab-panel.shadow.css b/semcore/tab-panel/src/style/tab-panel.shadow.css index ce6ad2608e..0f19aa0cca 100644 --- a/semcore/tab-panel/src/style/tab-panel.shadow.css +++ b/semcore/tab-panel/src/style/tab-panel.shadow.css @@ -40,6 +40,12 @@ STabPanelItem { font-family: inherit; cursor: pointer; + & SText { + font-size: var(--intergalactic-fs-200, 14px); + line-height: var(--intergalactic-lh-200, 142%); + font-weight: var(--intergalactic-medium, 500); + } + &::-moz-focus-inner { border: none; padding: 0; @@ -90,7 +96,11 @@ STabPanelItem[selected] { } SText { + display: inline-block; margin: auto var(--intergalactic-spacing-2x, 8px); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } SAddon { diff --git a/semcore/tag/package.json b/semcore/tag/package.json index 62bd5bbf9a..c094396583 100644 --- a/semcore/tag/package.json +++ b/semcore/tag/package.json @@ -16,9 +16,7 @@ "import": "./lib/esm/index.mjs", "types": "./lib/types/index.d.ts" }, - "dependencies": { - "@semcore/typography": "16.3.2" - }, + "dependencies": {}, "peerDependencies": { "@semcore/base-components": "^16.0.0", "@semcore/icon": "^17.0.0" diff --git a/semcore/tag/src/Tag.jsx b/semcore/tag/src/Tag.jsx index 37a76f2f71..c7a3f74f25 100644 --- a/semcore/tag/src/Tag.jsx +++ b/semcore/tag/src/Tag.jsx @@ -8,7 +8,6 @@ import { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside' import { setFocus } from '@semcore/core/lib/utils/focus-lock/setFocus'; import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID'; import CloseM from '@semcore/icon/Close/m'; -import { Text as TypographyText } from '@semcore/typography'; import React from 'react'; import style from './style/tag.shadow.css'; @@ -26,8 +25,6 @@ class RootTag extends Component { locale: 'en', }; - tagRef = React.createRef(); - getCircleProps() { const { size, color, resolveColor } = this.asProps; return { size, color, resolveColor }; @@ -40,7 +37,6 @@ class RootTag extends Component { tabIndex: -1, id: `${id}-text`, role: undefined, - tagRef: this.tagRef, }; } @@ -75,23 +71,20 @@ class RootTag extends Component { const isInteractive = !disabled && interactive; return sstyled(styles)( - <> - - {addonLeft ? : null} - {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])} - {addonRight ? : null} - - , + + {addonLeft ? : null} + {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])} + {addonRight ? : null} + , ); } } @@ -285,20 +278,8 @@ function TagContainerCircle(props) { function Text(props) { const SText = Root; - const { styles, tagRef, ellipsis = false, hintProps } = props; - - return sstyled(styles)( - <> - - , - ); + const { styles } = props; + return sstyled(styles)(); } function Addon(props) { diff --git a/semcore/tag/src/index.d.ts b/semcore/tag/src/index.d.ts index 78f3e20e4c..dcc01c9a2e 100644 --- a/semcore/tag/src/index.d.ts +++ b/semcore/tag/src/index.d.ts @@ -1,4 +1,4 @@ -import type { EllipsisSettings, SimpleHintPopperProps, BoxProps } from '@semcore/base-components'; +import type { BoxProps } from '@semcore/base-components'; import type { PropGetterFn, Intergalactic } from '@semcore/core'; import type { IconProps } from '@semcore/icon'; import type React from 'react'; @@ -53,14 +53,7 @@ export type TagContext = TagProps & { export type TagAddonProps = BoxProps & {}; -export type TagTextProps = BoxProps & { - /** - * Ellipsis settings - * @default true - */ - ellipsis?: boolean | EllipsisSettings; - hintProps?: SimpleHintPopperProps | false; -}; +export type TagTextProps = BoxProps & {}; declare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & { Text: Intergalactic.Component<'div', TagTextProps>; diff --git a/semcore/tag/src/style/tag.shadow.css b/semcore/tag/src/style/tag.shadow.css index 4a4b592e68..5463f786ce 100644 --- a/semcore/tag/src/style/tag.shadow.css +++ b/semcore/tag/src/style/tag.shadow.css @@ -219,9 +219,12 @@ STag[theme="additional"] { } SText { - display: flex; + display: inline-block; padding-left: var(--intergalactic-spacing-1x, 4px); padding-right: var(--intergalactic-spacing-1x, 4px); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; position: relative; } diff --git a/semcore/tooltip/__tests__/tooltip.axe-test.tsx b/semcore/tooltip/__tests__/tooltip.axe-test.tsx index 2b9bd14dc9..89be2382e4 100644 --- a/semcore/tooltip/__tests__/tooltip.axe-test.tsx +++ b/semcore/tooltip/__tests__/tooltip.axe-test.tsx @@ -33,7 +33,24 @@ test.describe(`@tooltip ${TAG.ACCESSIBILITY}`, () => { } }); - await test.step('Verify descriprion tooltip expanded', async () => { + await test.step('Verify hint expanded', async () => { + { + await page.keyboard.press('Tab'); + await page.waitForSelector('text="Export to PDF"'); + + const violations = await getAccessibilityViolations({ page }); + + expect(violations).toEqual([]); + } + { + await page.locator('[data-name="CheckAlt"]').hover(); + await page.waitForSelector('text="You confirmed your email"'); + const violations = await getAccessibilityViolations({ page }); + expect(violations).toEqual([]); + } + }); + + await test.step('Verify desctiprion tooltip expanded', async () => { { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx b/semcore/tooltip/__tests__/tooltip.browser-test.tsx index d9cf6ec1a1..cd9734b39d 100644 --- a/semcore/tooltip/__tests__/tooltip.browser-test.tsx +++ b/semcore/tooltip/__tests__/tooltip.browser-test.tsx @@ -249,6 +249,42 @@ test.describe(TAG.VISUAL, () => { }); test.describe('Hint', () => { + test('Verify mouse interactions with Base example', { + tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@tooltip', '@hint'], + }, async ({ page }) => { + await loadPage(page, 'stories/components/tooltip/docs/examples/basic_usage.tsx', 'en'); + + const trigger = locators.hint(page); + const popper = locators.hintPopper(page); + + await test.step('Verify tooltip shown on hover interactive element', async () => { + const triggerRect = (await trigger.nth(0).boundingBox())!; + + await page.mouse.move( + triggerRect.x + triggerRect.width / 2, + triggerRect.y + triggerRect.height / 2, + { steps: 5 }, + ); + + await page.getByText('Export to PDF').waitFor({ state: 'visible' }); + await expect(page).toHaveScreenshot(); + }); + + await test.step('Verify tooltip shown on hover non-interactive element', async () => { + const triggerRect = (await trigger.nth(1).boundingBox())!; + + await page.mouse.move( + triggerRect.x + triggerRect.width / 2, + triggerRect.y + triggerRect.height / 2, + { steps: 5 }, + ); + + await page.getByText('You confirmed your email').waitFor({ state: 'visible' }); + await expect(popper).toHaveAttribute('aria-hidden', 'true'); + await expect(page).toHaveScreenshot(); + }); + }); + const hintThemeVariables = [ { hintTheme: 'default' }, { hintTheme: 'invert' }, @@ -718,13 +754,40 @@ test.describe(TAG.FUNCTIONAL, () => { }); test.describe('Hint', () => { + test('Verify keyboard interactions with Base example', { + tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@tooltip', '@hint'], + }, async ({ page }) => { + await loadPage(page, 'stories/components/tooltip/docs/examples/basic_usage.tsx', 'en'); + + const trigger = locators.hint(page); + const popper = locators.hintPopper(page); + + await test.step('Verify tooltip shown on Tab', async () => { + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await expect(trigger.nth(0)).toBeFocused(); + await expect(popper).toHaveCount(1); + await expect(popper).toHaveAttribute('aria-hidden', 'true'); + }); + + await test.step('Verify non interactive not focused by Tab', async () => { + await page.keyboard.press('Escape'); + await expect(popper).toHaveCount(0); + + await page.keyboard.press('Tab'); + await expect(trigger.nth(1)).not.toBeFocused(); + await expect(popper).toHaveCount(0); + }); + }); + const hintThemeVariables = [ { hintTheme: 'default' }, { hintTheme: 'invert' }, ]; hintThemeVariables.forEach((item) => { - test(`Verify hint=${item.hintTheme} mouse interaction`, { + test(`Verify theme=${item.hintTheme}`, { tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@tooltip', '@hint'], }, async ({ page }) => { await loadPage(page, 'stories/components/tooltip/tests/examples/configurable_tooltip.tsx', 'en', item); @@ -751,32 +814,6 @@ test.describe(TAG.FUNCTIONAL, () => { await expect(hintPopper).not.toBeVisible(); }); }); - test(`Verify hint=${item.hintTheme} keyboard interaction`, { - tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, '@tooltip', '@hint'], - }, async ({ page }) => { - await loadPage(page, 'stories/components/tooltip/tests/examples/configurable_tooltip.tsx', 'en', item); - - const hintPopper = locators.hintPopper(page); - - await test.step('Verify hint shown focus', async () => { - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - - await page.keyboard.press('Tab'); - - await hintPopper.first().waitFor({ state: 'visible' }); - await expect(hintPopper).toBeVisible(); - await expect(hintPopper).toHaveCount(1); - await expect(hintPopper).toHaveAttribute('aria-hidden', 'true'); - }); - - await test.step('Verify hint closes on Esc', async () => { - await page.keyboard.press('Escape'); - - await hintPopper.first().waitFor({ state: 'hidden' }); - await expect(hintPopper).not.toBeVisible(); - }); - }); }); }); }); diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-chromium-linux.png index 8a60d642cb..bea23830d8 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-chromium-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-firefox-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-firefox-linux.png index c57b1c8d4c..5f4096ab4b 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-firefox-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-webkit-linux.png index 68ec33ec6f..1741f27d7d 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-webkit-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Base-example-1-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-chromium-linux.png index bb26e455b2..4cf9c50504 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-chromium-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-webkit-linux.png index d90f48e1c1..dd78712cb8 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-webkit-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Description-tooltip-Verify-Informer-3-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-chromium-linux.png new file mode 100644 index 0000000000..b6b90618ea Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-firefox-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-firefox-linux.png new file mode 100644 index 0000000000..8320c064bd Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-webkit-linux.png new file mode 100644 index 0000000000..024e0399f0 Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-1-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-chromium-linux.png new file mode 100644 index 0000000000..39cacebce2 Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-firefox-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-firefox-linux.png new file mode 100644 index 0000000000..e420cd8703 Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-webkit-linux.png new file mode 100644 index 0000000000..e42b6e1aa0 Binary files /dev/null and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Hint-Verify-mouse-interactions-with-Base-example-2-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-chromium-linux.png index 508423b06c..031c95f8a5 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-chromium-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-firefox-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-firefox-linux.png index 969efd2261..2e91830510 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-firefox-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-webkit-linux.png index 98d818b870..32951f66e3 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-webkit-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Base-example-1-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-chromium-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-chromium-linux.png index 706c74b42d..d170a87f80 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-chromium-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-firefox-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-firefox-linux.png index 91b0968ef8..6a7fbb74f1 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-firefox-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-webkit-linux.png b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-webkit-linux.png index 8eacf9e984..96678bf738 100644 Binary files a/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-webkit-linux.png and b/semcore/tooltip/__tests__/tooltip.browser-test.tsx-snapshots/-visual-Tooltip-Verify-Nested-trigger-1-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-chromium-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-chromium-linux.png index 6d59b213fa..01ab3485cd 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-chromium-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-firefox-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-firefox-linux.png index 5df031f6e6..a2627207c3 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-firefox-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-firefox-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-webkit-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-webkit-linux.png index f33042a949..61da037c63 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-webkit-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Default-summary-2-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-chromium-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-chromium-linux.png index bb7d09c614..689f6c6940 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-chromium-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-chromium-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-webkit-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-webkit-linux.png index 4fa421ebe8..a55434d294 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-webkit-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-1-webkit-linux.png differ diff --git a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-2-chromium-linux.png b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-2-chromium-linux.png index b7bd35195d..5babed9bc8 100644 Binary files a/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-2-chromium-linux.png and b/semcore/tooltip/__tests__/ux-patterns-with-tooltips/summary.browser-test.tsx-snapshots/-visual-Verify-Summary-with-error-2-chromium-linux.png differ diff --git a/semcore/tooltip/src/index.d.ts b/semcore/tooltip/src/index.d.ts index ffd2157481..6a8c097ee8 100644 --- a/semcore/tooltip/src/index.d.ts +++ b/semcore/tooltip/src/index.d.ts @@ -118,8 +118,4 @@ declare const DescriptionTooltip: Intergalactic.Component< }; export default Tooltip; -export { - /** @deprecated. Use Hint component from @semcore/base-components */ - Hint, - DescriptionTooltip, -}; +export { Hint, DescriptionTooltip }; diff --git a/semcore/typography/CHANGELOG.md b/semcore/typography/CHANGELOG.md index 00ea1fda1b..ccee353a20 100644 --- a/semcore/typography/CHANGELOG.md +++ b/semcore/typography/CHANGELOG.md @@ -2,12 +2,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/). -## [17.0.0] - 2026-02-02 - -### Added - -- `ellipsis` property to crop the text out of the box. - ## [16.3.2] - 2025-11-17 ### Changed diff --git a/semcore/typography/package.json b/semcore/typography/package.json index fdf7796d72..adcb3a1633 100644 --- a/semcore/typography/package.json +++ b/semcore/typography/package.json @@ -9,7 +9,7 @@ "author": "UI-kit team ", "license": "MIT", "scripts": { - "build": "pnpm semcore-builder --source=ts,js && pnpm vite build" + "build": "pnpm semcore-builder --source=js && pnpm vite build" }, "exports": { "require": "./lib/cjs/index.js", diff --git a/semcore/typography/src/Text.jsx b/semcore/typography/src/Text.jsx new file mode 100644 index 0000000000..9e4af3b861 --- /dev/null +++ b/semcore/typography/src/Text.jsx @@ -0,0 +1,38 @@ +import { Box } from '@semcore/base-components'; +import { createBaseComponent, Root, sstyled } from '@semcore/core'; +import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver'; +import React from 'react'; + +import styles from './style/text.shadow.css'; + +function getTextDecoration(underline, lineThrough) { + if (underline) { + return 'underline'; + } + + if (lineThrough) { + return 'line-through'; + } +} + +function Text(props, ref) { + const SText = Root; + const { color, underline, lineThrough } = props; + const textDecoration = getTextDecoration(underline, lineThrough); + const resolveColor = useColorResolver(); + + return sstyled(styles)( + , + ); +} + +Text.displayName = 'Text'; + +export default createBaseComponent(Text); diff --git a/semcore/typography/src/Text.tsx b/semcore/typography/src/Text.tsx deleted file mode 100644 index 1cb3cc8764..0000000000 --- a/semcore/typography/src/Text.tsx +++ /dev/null @@ -1,116 +0,0 @@ -import { Ellipsis, Hint, Box } from '@semcore/base-components'; -import { Root, sstyled, Component, createComponent } from '@semcore/core'; -import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance'; -import React from 'react'; - -import type { TextProps } from './index'; -import styles from './style/text.shadow.css'; - -type DefaultProps = { - ellipsis: TextProps['ellipsis'] | false; -}; - -type State = { - showHint: boolean; -}; - -class TextRoot extends Component { - private ellipsis: Ellipsis | null = null; - private innerRef = React.createRef(); - - static enhance = [resolveColorEnhance()] as const; - static styles = styles; - static displayName = 'Text'; - - static defaultProps: DefaultProps = { - ellipsis: false, - }; - - state = { - showHint: false, - }; - - constructor(props: TextProps) { - super(props); - - this.handleEllipsized = this.handleEllipsized.bind(this); - } - - componentDidMount(): void { - this.initEllipsis(); - } - - componentDidUpdate(prevProps: TextProps) { - if (prevProps.ellipsis !== this.asProps.ellipsis) { - this.cleanUpEllipsis(); - - this.initEllipsis(); - } - } - - componentWillUnmount() { - this.cleanUpEllipsis(); - } - - render(): React.ReactNode { - const SText = Root; - const { color, underline, lineThrough, hintProps, children, ellipsis, resolveColor } = this.asProps; - const { showHint } = this.state; - - const cropPosition = typeof ellipsis === 'object' ? (ellipsis.cropPosition ?? 'end') : (ellipsis === true ? 'end' : undefined); - let withHint = hintProps !== false; - - const maxLineValue = typeof ellipsis === 'object' && ellipsis.maxLine !== undefined ? ellipsis.maxLine : undefined; - if (hintProps === undefined && maxLineValue !== undefined && maxLineValue > 1) { - withHint = false; - } - - return sstyled(styles)( - <> - - {showHint && withHint && {children}} - , - ); - } - - private handleEllipsized(isEllipsis: boolean) { - this.setState({ showHint: isEllipsis }); - } - - private initEllipsis() { - const ellipsis = this.asProps.ellipsis; - if (ellipsis && this.innerRef.current) { - this.ellipsis = ellipsis instanceof Ellipsis ? ellipsis : new Ellipsis(this.innerRef.current, ellipsis === true ? {} : ellipsis); - - this.ellipsis.on('isEllipsized', this.handleEllipsized); - } - } - - private cleanUpEllipsis() { - this.ellipsis?.off('isEllipsized', this.handleEllipsized); - this.ellipsis?.cleanUp(); - this.setState({ showHint: false }); - } - - private getTextDecoration(underline?: boolean, lineThrough?: boolean) { - if (underline) { - return 'underline'; - } - - if (lineThrough) { - return 'line-through'; - } - } -} - -export default createComponent(TextRoot); diff --git a/semcore/typography/src/index.d.ts b/semcore/typography/src/index.d.ts index 0f280fa7d8..d752f79b54 100644 --- a/semcore/typography/src/index.d.ts +++ b/semcore/typography/src/index.d.ts @@ -1,4 +1,4 @@ -import type { BoxProps, Flex, FlexProps, EllipsisSettings, SimpleHintPopperProps, Ellipsis } from '@semcore/base-components'; +import type { BoxProps, Flex, FlexProps } from '@semcore/base-components'; import type { PropGetterFn, Intergalactic } from '@semcore/core'; import type { Property } from 'csstype'; import type React from 'react'; @@ -6,10 +6,7 @@ import type React from 'react'; export type TextProps = BoxProps & { /** Font size and line-heights */ size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800; - /** - * The text will not be wrapped on a new line and will be cut off with ellipsis - * @deprecated use ellipsis prop instead - **/ + /** The text will not be wrapped on a new line and will be cut off with ellipsis */ noWrap?: boolean; /** CSS property `font-weight: 700;` */ bold?: boolean; @@ -47,10 +44,6 @@ export type TextProps = BoxProps & { disabled?: boolean; /** Enable formatting/styling for all nested HTML tags with our default styles for them */ formatTags?: boolean; - /** The text will not be wrapped on a new line and will be cut off with ellipsis. Also, it will show a hint with full text. */ - ellipsis?: true | Readonly | Ellipsis; - /** Settings for a hint with full text (cropped by ellipsis) */ - hintProps?: Partial> | false; }; export type ListProps = TextProps & { diff --git a/semcore/typography/src/style/text.shadow.css b/semcore/typography/src/style/text.shadow.css index 1828b08b33..3652673e32 100644 --- a/semcore/typography/src/style/text.shadow.css +++ b/semcore/typography/src/style/text.shadow.css @@ -227,29 +227,6 @@ SText { } } -SText[ellipsis] { - overflow: hidden; - text-overflow: ellipsis; - white-space: pre; - display: inline-block; - - &[trim='end']::after { - content: ''; - display: block; - } - - &[maxLine] { - -webkit-line-clamp: var(--maxLine); - display: -webkit-box; - -webkit-box-orient: vertical; - white-space: normal; - overflow-wrap: break-word; - } - &[trim='middle'] { - text-overflow: unset; - } -} - SText[size='100'] { font-size: var(--intergalactic-fs-100, 12px); line-height: var(--intergalactic-lh-100, 133%); diff --git a/semcore/ui/__tests__/index.test.js b/semcore/ui/__tests__/index.test.js index f624b5a1f2..55da268dfb 100644 --- a/semcore/ui/__tests__/index.test.js +++ b/semcore/ui/__tests__/index.test.js @@ -8,7 +8,7 @@ const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8')); const semcorePackages = fs .readdirSync(path.resolve(__dirname, '../../')) - .filter((pkg) => !['ui', 'table', 'icon', 'illustration', 'stylelint-plugin'].includes(pkg)) + .filter((pkg) => !['ui', 'table', 'stylelint-plugin'].includes(pkg)) .map((pkg) => `@semcore/${pkg}`); const dependencyPackages = Object.keys(packageJson.dependencies || {}).filter((pkg) => diff --git a/semcore/widget-empty/CHANGELOG.md b/semcore/widget-empty/CHANGELOG.md index e4c61850c8..ff7a242c07 100644 --- a/semcore/widget-empty/CHANGELOG.md +++ b/semcore/widget-empty/CHANGELOG.md @@ -2,12 +2,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/). -## [17.0.0] - 2026-02-02 - -### BREAK - -- Removed unnecessary `margin-bottom` for the widget container. - ## [16.0.11] - 2025-10-29 ### Changed diff --git a/semcore/widget-empty/__tests__/widget-empty.browser-test.tsx-snapshots/-visual-Verify-WidgetError-with-i18n-1-firefox-linux.png b/semcore/widget-empty/__tests__/widget-empty.browser-test.tsx-snapshots/-visual-Verify-WidgetError-with-i18n-1-firefox-linux.png index 05ac1911b4..afa54d9b9b 100644 Binary files a/semcore/widget-empty/__tests__/widget-empty.browser-test.tsx-snapshots/-visual-Verify-WidgetError-with-i18n-1-firefox-linux.png and b/semcore/widget-empty/__tests__/widget-empty.browser-test.tsx-snapshots/-visual-Verify-WidgetError-with-i18n-1-firefox-linux.png differ diff --git a/stories/components/base-components/ellipsis/docs/ellipsis.stories.tsx b/stories/components/base-components/ellipsis/docs/ellipsis.stories.tsx deleted file mode 100644 index 453680524e..0000000000 --- a/stories/components/base-components/ellipsis/docs/ellipsis.stories.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react-vite'; - -import BasicUsageExample from './examples/basic_usage'; -import MultipleUseExample from './examples/multiple_use'; -import NoHintWithMultilineExample from './examples/no_hint_with_multiline'; -import WithRequiredLastSymbolsExample from './examples/with_required_last_symbols'; -import WithSearchSelectionExample from './examples/with_search_selection'; - -const meta: Meta = { - title: 'Components/Base Components/Ellipsis/Docs', -}; - -export const BasicUsage: StoryObj = { - render: BasicUsageExample, -}; - -export const MultipleUse: StoryObj = { - render: MultipleUseExample, -}; - -export const NoHintWithMultiline: StoryObj = { - render: NoHintWithMultilineExample, -}; - -export const WithSearchSelection: StoryObj = { - render: WithSearchSelectionExample, -}; - -export const WithRequiredLastSymbols: StoryObj = { - render: WithRequiredLastSymbolsExample, -}; - -export default meta; diff --git a/stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx b/stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx deleted file mode 100644 index 391d0e9155..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/basic_usage.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import type { EllipsisSettings } from '@semcore/ui/base-components'; -import Tag from '@semcore/ui/tag'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; - -const ellipsisSettings: EllipsisSettings = { cropPosition: 'middle' }; - -const Demo = () => { - return ( - - - {text} - - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/hint-props.tsx b/stories/components/base-components/ellipsis/docs/examples/hint-props.tsx deleted file mode 100644 index 98fc00f103..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/hint-props.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import type { SimpleHintPopperProps } from '@semcore/ui/base-components'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; - -const hintProps: Partial> = { - placement: 'bottom', -}; - -const Demo = () => { - return ( - - {text} - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/multiple_use.tsx b/stories/components/base-components/ellipsis/docs/examples/multiple_use.tsx deleted file mode 100644 index b6cea7906a..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/multiple_use.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import type { DataTableProps } from '@semcore/ui/data-table'; -import { DataTable } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const Demo = () => { - const columns = React.useMemo(() => { - return [ - { name: 'keyword', children: 'Keyword' }, - { name: 'kd', children: 'KD,%' }, - { name: 'cpc', children: 'CPC' }, - { - name: 'vol', - children: 'Vol.', - gtcWidth: '100px', - }, - ]; - }, []); - - const renderCell: DataTableProps['renderCell'] | undefined = React.useMemo(() => { - return (props) => { - const cellRef = React.useRef(null); - - if (props.columnName === 'vol') { - return { - ref: cellRef, - children: ( - - {props.value} - - ), - }; - } - - return props.defaultRender(); - }; - }, []); - - return ( - - ); -}; - -const data = [ - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000,500,00032,500,000,500,00032,500,000,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920,000,50032,500,000,500,00032,500,000,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640,000,50032,500,000,500,00032,500,000,500,00032,500,000,500,000', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290,000,500', - }, -]; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/no_hint_with_multiline.tsx b/stories/components/base-components/ellipsis/docs/examples/no_hint_with_multiline.tsx deleted file mode 100644 index 4f68481ff4..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/no_hint_with_multiline.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; - -const ellipsisSettings = { cropPosition: 'end', maxLine: 2 } as const; - -const Demo = () => { - return ( - - {text} - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/paragraph.tsx b/stories/components/base-components/ellipsis/docs/examples/paragraph.tsx deleted file mode 100644 index b40560ddf4..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/paragraph.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import type { EllipsisSettings } from '@semcore/ui/base-components'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; - -const ellipsisSettings: EllipsisSettings = { maxLine: 3 }; - -const Demo = () => { - return ( - - {text} - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/with_required_last_symbols.tsx b/stories/components/base-components/ellipsis/docs/examples/with_required_last_symbols.tsx deleted file mode 100644 index a781e72895..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/with_required_last_symbols.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; - -const Demo = () => { - return ( - - {text} - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/docs/examples/with_search_selection.tsx b/stories/components/base-components/ellipsis/docs/examples/with_search_selection.tsx deleted file mode 100644 index 418c5a6d48..0000000000 --- a/stories/components/base-components/ellipsis/docs/examples/with_search_selection.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import SearchIcon from '@semcore/icon/Search/m'; -import { Flex, Ellipsis } from '@semcore/ui/base-components'; -import Input from '@semcore/ui/input'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const text = 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.'; -const highlightStyle = { - background: 'var(--intergalactic-bg-highlight-results, #ef980066)', -}; -const minSearchLength = 3; - -const Demo = () => { - const ref = React.useRef(null); - const [ellipsis, setEllipsis] = React.useState(undefined); - const [search, setSearch] = React.useState('dev'); - - React.useEffect(() => { - if (ref.current) { - setEllipsis(new Ellipsis(ref.current, { cropPosition: 'middle' })); - } - }, []); - - React.useEffect(() => { - const from = search.length >= minSearchLength - ? text.indexOf(search) - : -1; - const to = from !== -1 ? from + search.length : -1; - - if (ellipsis instanceof Ellipsis) { - ellipsis.setRequiredIndexes([from, to], highlightStyle); - } - }, [search, ellipsis]); - - return ( - - - {`Enter at least ${minSearchLength} characters to search:`} - - - - - - - - {text} - - - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx b/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx deleted file mode 100644 index abc573df16..0000000000 --- a/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx +++ /dev/null @@ -1,122 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react-vite'; - -import AdvancedFeaturesDemoExample from './examples/advanced_features_demo'; -import CopyFullTextExample from './examples/copy_full_text'; -import TableLinkExample from './examples/in_table_with_link'; -import LinkExample, { defaultProps as LinkExampleProps } from './examples/link_with_ellipsis'; -import ObserveChildrenMutationsExample from './examples/observe_children_mutations'; -import TextExample from './examples/text_cases'; -import TrimWithTextSizeExample, { defaultProps as TextSizeExampleProps } from './examples/trim_with_special_text_size'; - -const meta: Meta = { - title: 'Components/Base Components/Ellipsis/Tests', -}; - -export default meta; - -export const TableLink: StoryObj = { - render: TableLinkExample, -}; - -export const Link: StoryObj = { - render: LinkExample, - argTypes: { - ellipsis: { - control: 'select', - options: ['false', 'true', 'cropPosition:middle', 'cropPosition:end', 'cropPosition:end maxLine:2', 'cropPosition:end maxLine:6', 'cropPosition:middle lastRequiredSymbols:3', 'cropPosition:middle lastRequiredSymbols:0'], - mapping: { - 'false': false, - 'true': true, - 'cropPosition:middle': { cropPosition: 'middle' }, - 'cropPosition:end': { cropPosition: 'end' }, - 'cropPosition:end maxLine:2': { cropPosition: 'end', maxLine: 2 }, - 'cropPosition:end maxLine:6': { cropPosition: 'end', maxLine: 6 }, - 'cropPosition:middle lastRequiredSymbols:3': { cropPosition: 'middle', lastRequiredSymbols: 3 }, - 'cropPosition:middle lastRequiredSymbols:0': { cropPosition: 'middle', lastRequiredSymbols: 0 }, - }, - }, - w: { - control: { type: 'number' }, - description: 'Width of the link text', - }, - color: { - control: { type: 'select' }, - options: [ - undefined, - 'text-primary', - 'text-secondary', - 'text-success', - 'text-critical', - ], - description: 'Text color', - }, - size: { - control: { type: 'select' }, - options: [undefined, 100, 200, 300, 400, 500], - description: 'Text size', - }, - active: { - control: { type: 'boolean' }, - description: 'Active state of the link', - }, - disabled: { - control: { type: 'boolean' }, - description: 'Disabled state of the link', - }, - enableHintTriggerRef: { - control: { type: 'boolean' }, - description: 'Enable triggerRef in hintProps (sets link as hint trigger)', - }, - hintProps: { - control: { type: 'object' }, - description: 'Hint properties (triggerRef is set automatically when enableHintTriggerRef is true)', - }, - }, - args: LinkExampleProps, -}; - -export const TrimWithTextSize: StoryObj = { - render: TrimWithTextSizeExample, - argTypes: { - ellipsis: { - control: 'select', - options: ['false', 'true', 'cropPosition:middle', 'cropPosition:end', 'cropPosition:end maxLine:2', 'cropPosition:end maxLine:6', 'cropPosition:middle lastRequiredSymbols:3', 'cropPosition:middle lastRequiredSymbols:0'], - mapping: { - 'false': false, - 'true': true, - 'cropPosition:middle': { cropPosition: 'middle' }, - 'cropPosition:end': { cropPosition: 'end' }, - 'cropPosition:end maxLine:2': { cropPosition: 'end', maxLine: 2 }, - 'cropPosition:end maxLine:6': { cropPosition: 'end', maxLine: 6 }, - 'cropPosition:middle lastRequiredSymbols:3': { cropPosition: 'middle', lastRequiredSymbols: 3 }, - 'cropPosition:middle lastRequiredSymbols:0': { cropPosition: 'middle', lastRequiredSymbols: 0 }, - - }, - }, - - size: { - control: { type: 'select' }, - options: ['100', '200', '300', '400', '500', '600', '700', '800'], - }, - w: { - control: { type: 'number' }, - }, - }, - args: TextSizeExampleProps, -}; - -export const Text = { - render: TextExample, -}; - -export const CopyFullText: StoryObj = { - render: CopyFullTextExample, -}; - -export const AdvancedFeaturesDemo: StoryObj = { - render: AdvancedFeaturesDemoExample, -}; - -export const ObserveChildrenMutations: StoryObj = { - render: ObserveChildrenMutationsExample, -}; diff --git a/stories/components/base-components/ellipsis/tests/examples/advanced_features_demo.tsx b/stories/components/base-components/ellipsis/tests/examples/advanced_features_demo.tsx deleted file mode 100644 index a5269df8db..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/advanced_features_demo.tsx +++ /dev/null @@ -1,343 +0,0 @@ -import FileM from '@semcore/icon/FileExport/m'; -import FolderM from '@semcore/icon/Folder/m'; -import SearchM from '@semcore/icon/Search/m'; -import { Box, Flex } from '@semcore/ui/base-components'; -import { DataTable } from '@semcore/ui/data-table'; -import Input from '@semcore/ui/input'; -import TabLine from '@semcore/ui/tab-line'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const Demo = () => { - const [activeTab, setActiveTab] = React.useState('files'); - const [searchQuery, setSearchQuery] = React.useState(''); - const [copiedItem, setCopiedItem] = React.useState(null); - - const files = [ - { - id: 1, - name: 'project-documentation-final-version-2024-updated.pdf', - path: '/home/user/documents/work/projects/intergalactic/docs', - description: 'Final version of project documentation with all updates and reviews from Q4 2024', - size: '2.4 MB', - }, - { - id: 2, - name: 'meeting-notes-Q4-2024-team-discussion-action-items.docx', - path: '/home/user/documents/meetings/2024/Q4', - description: 'Meeting notes containing team discussions and action items from quarterly review', - size: '156 KB', - }, - { - id: 3, - name: 'component-library-design-system-guidelines-v3.sketch', - path: '/home/user/design/intergalactic/components', - description: 'Complete design system guidelines version 3 for Intergalactic component library', - size: '45.2 MB', - }, - { - id: 4, - name: 'user-research-findings-january-2024-summary.pdf', - path: '/home/user/research/2024/january', - description: 'Summary of user research findings and insights from January 2024 interviews', - size: '3.8 MB', - }, - ]; - - const logs = [ - { - id: 1, - timestamp: '2024-01-14 10:23:45', - level: 'ERROR', - message: - 'Authentication failed for user admin@example.com: Invalid credentials provided in login attempt', - }, - { - id: 2, - timestamp: '2024-01-14 10:24:12', - level: 'WARN', - message: - 'Database connection pool reaching capacity: 95% utilization detected, consider scaling', - }, - { - id: 3, - timestamp: '2024-01-14 10:25:33', - level: 'INFO', - message: - 'Successfully processed batch job: 1,245 records updated in customer database table', - }, - { - id: 4, - timestamp: '2024-01-14 10:26:18', - level: 'ERROR', - message: - 'Failed to send notification email to support@example.com: SMTP timeout after 30 seconds', - }, - ]; - - const handleCopy = React.useCallback((text: string) => { - navigator.clipboard.writeText(text); - setCopiedItem(text); - setTimeout(() => setCopiedItem(null), 2000); - }, []); - - const filteredFiles = files.filter( - (file) => - file.name.toLowerCase().includes(searchQuery.toLowerCase()) || - file.path.toLowerCase().includes(searchQuery.toLowerCase()) || - file.description.toLowerCase().includes(searchQuery.toLowerCase()), - ); - - const filteredLogs = logs.filter((log) => - log.message.toLowerCase().includes(searchQuery.toLowerCase()), - ); - - return ( - - - - Advanced Features Demo - - - Real-world example: File browser and log viewer with search highlighting and copy - functionality - - - - {/* Search */} - - - - - setSearchQuery(value as string)} - /> - - - {copiedItem && ( - - ✓ Copied to clipboard! - - )} - - {/* Tabs */} - setActiveTab(v)}> - - - Files ({filteredFiles.length}/{files.length}) - - - - - Logs ({filteredLogs.length}/{logs.length}) - - - - - {/* Files table */} - {activeTab === 'files' && ( - { - const rowData = filteredFiles[props.rowIndex]; - - if (props.columnName === 'name') { - return ( - - - handleCopy(rowData.name)} - title='Click to copy' - > - {rowData.name} - - - ); - } - - if (props.columnName === 'path') { - return ( - - - handleCopy(rowData.path)} - title='Click to copy' - > - {rowData.path} - - - ); - } - - if (props.columnName === 'description') { - return ( - handleCopy(rowData.description)} - title='Click to copy description' - > - {rowData.description} - - ); - } - - return props.defaultRender(); - }} - /> - )} - - {/* Logs table */} - {activeTab === 'logs' && ( - { - const rowData = filteredLogs[props.rowIndex]; - - if (props.columnName === 'timestamp') { - return ( - - {rowData.timestamp} - - ); - } - - if (props.columnName === 'level') { - const levelColors = { - ERROR: 'var(--intergalactic-text-critical)', - WARN: 'var(--intergalactic-text-warning)', - INFO: 'var(--intergalactic-text-info)', - }; - return ( - - {rowData.level} - - ); - } - - if (props.columnName === 'message') { - return ( - handleCopy(rowData.message)} - title='Click to copy full message' - > - {rowData.message} - - ); - } - - return props.defaultRender(); - }} - /> - )} - - {/* No results */} - {searchQuery && - ((activeTab === 'files' && filteredFiles.length === 0) || - (activeTab === 'logs' && filteredLogs.length === 0)) && ( - - - No results found for "{searchQuery}" - - - )} - - {/* Feature highlights */} - - - - ✓ Copy Full Text - - - Click on any truncated text to copy the full content. The complete path, filename, or - message is copied - not the truncated version with "..." - - - - - - ✓ Different Crop Positions - - - File name, Path, and Message use middle crop (shows start and end). Description uses - end crop (shows only beginning). - - - - - {/* Instructions */} - - - Try it out: - - -
  • Search for: "documentation", "error", "2024", "user"
    • -
  • Notice how matches stay visible even when text is truncated
    • -
  • Click on any truncated text to copy the full version
    • -
  • Try selecting and copying with Ctrl+C / Cmd+C
    • -
  • Switch between Files and Logs tabs
    • -     -     -     - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/examples/copy_full_text.tsx b/stories/components/base-components/ellipsis/tests/examples/copy_full_text.tsx deleted file mode 100644 index 0de210a85f..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/copy_full_text.tsx +++ /dev/null @@ -1,111 +0,0 @@ -import { Box, Flex } from '@semcore/ui/base-components'; -import Link from '@semcore/ui/link'; -import Notice from '@semcore/ui/notice'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const Demo = () => { - const [copiedText, setCopiedText] = React.useState(''); - const [showNotice, setShowNotice] = React.useState(false); - - const longText = - 'Intergalactic is a constantly developing system of UI components, guidelines and UX patterns for building exceptional web experiences.'; - - React.useEffect(() => { - const handleCopy = async () => { - try { - const text = await navigator.clipboard.readText(); - setCopiedText(text); - setShowNotice(true); - setTimeout(() => setShowNotice(false), 3000); - } catch (err) { - console.log('Clipboard read failed'); - } - }; - - document.addEventListener('copy', handleCopy); - return () => document.removeEventListener('copy', handleCopy); - }, []); - - return ( - - - - Copy Full Text Feature - - - Try to select and copy the truncated text below. The full text will be copied to your - clipboard, not the truncated version! - - - - {/* Example 1: End crop */} - - - Example 1: End crop - - - {longText} - - - Select the text above and press Ctrl+C (or Cmd+C) - - - - {/* Example 2: Middle crop */} - - - Example 2: Middle crop - - - {longText} - - - With middle crop, full text is also available via aria-label - - - - {/* Example 3: Very long text */} - - - Example 3: Very long URL - - - https://example.com/very/long/path/to/resource/with/many/segments/file.pdf - - - - Perfect for copying long URLs or file paths - - - - {/* Copied text display */} - {showNotice && copiedText && ( - - Copied to clipboard! - - - - {copiedText} - - - - - )} - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/examples/in_table_with_link.tsx b/stories/components/base-components/ellipsis/tests/examples/in_table_with_link.tsx deleted file mode 100644 index 37a5655c07..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/in_table_with_link.tsx +++ /dev/null @@ -1,121 +0,0 @@ -import LinkExternalM from '@semcore/icon/LinkExternal/m'; -import { type EllipsisSettings } from '@semcore/ui/base-components'; -import { DataTable } from '@semcore/ui/data-table'; -import Link from '@semcore/ui/link'; -import React from 'react'; - -const removeProtocol = (url: string): string => url.replace(/^(http|https):\/\//, ''); - -const Demo = () => { - const urlRef = React.useRef(null); - const [columnElement, setColumnElement] = React.useState(undefined); - - React.useEffect(() => { - if (urlRef.current) { - setColumnElement(urlRef.current); - } - }, []); - - const ellipsisSettings: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: columnElement, - recalculateContainerWidth: (width: number) => width - 28, - }; - }, [columnElement]); - - return ( - { - const triggerRef = React.useRef(null); - - if (props.columnName === 'url') { - const pageUrl = props.value?.toString?.() || ''; - - return ( - - - {removeProtocol(pageUrl)} - - - - ); - } - - return props.defaultRender(); - }} - /> - ); -}; - -const data = [ - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - url: 'https://developer.semrush.com/intergalactic/', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - url: 'https://developer.semrush.com/intergalactic/', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - url: 'https://developer.semrush.com/intergalactic/', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - url: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - url: 'https://semrush.com', - }, -]; - -export default Demo; - -export const App = () => ; diff --git a/stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx b/stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx deleted file mode 100644 index de211afed5..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import type { EllipsisSettings, SimpleHintPopperProps } from '@semcore/ui/base-components'; -import Link from '@semcore/ui/link'; -import React from 'react'; - -type LinkEllipsisProps = { - ellipsis?: true | EllipsisSettings; - w?: number | string; - color?: string; - size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800; - active?: boolean; - disabled?: boolean; - enableHintTriggerRef?: boolean; - hintProps?: SimpleHintPopperProps; -}; - -const Demo = (props: LinkEllipsisProps) => { - const linkRef = React.useRef(null); - - let linkDisplayValue: 'inline-block' | undefined; - - if (typeof props.ellipsis === 'object' && props.ellipsis.maxLine && props.ellipsis.maxLine > 1) { - linkDisplayValue = 'inline-block'; - } - - return ( - - - https://developer.semrush.com/intergalactic/components/ellipsis/ellipsis - - - ); -}; - -export const defaultProps: LinkEllipsisProps = { - ellipsis: true, - w: 120, -}; - -Demo.defaultProps = defaultProps; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/examples/observe_children_mutations.tsx b/stories/components/base-components/ellipsis/tests/examples/observe_children_mutations.tsx deleted file mode 100644 index 9574a5248e..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/observe_children_mutations.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import type { EllipsisSettings } from '@semcore/ui/base-components'; -import { Box } from '@semcore/ui/base-components'; -import Button from '@semcore/ui/button'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const ellipsisSettings: EllipsisSettings = { cropPosition: 'middle', observeChildrenMutations: true }; - -const Demo = () => { - const divRef = React.useRef(null); - const [text, setText] = React.useState('Short text'); - - const changeText = () => { - const newText = - 'This is a very long text that was changed directly in DOM and should be automatically truncated with ellipsis. Hover to see full text in hint!'; - - setText(newText); - }; - - const resetText = () => { - const shortText = 'Short text'; - - setText(shortText); - }; - - return ( - - - {text} - - - - - - - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/examples/text_cases.tsx b/stories/components/base-components/ellipsis/tests/examples/text_cases.tsx deleted file mode 100644 index c82bc2b4d5..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/text_cases.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import { Box } from '@semcore/ui/base-components'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const Demo = () => { - return ( -
    -

    - - Segment 2sfdsf - -

    -

    - - Segment 2sfdsf - -

    -

    - - Lorem bbjips - -

    -

    - - Lorem bbjips - -

    -

    - - - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi hic nemo tenetur - voluptatem! A aliquid assumenda dolore ducimus impedit numquam ratione recusandae sed - ullam voluptate? Aperiam distinctio minus possimus quasi. - - - -

    -

    - - Segment 2sfdsf - -

    -

    - - Segment 2sfdsf - -

    -

    - - Word WordWor - -

    -
    - ); -}; - -export default Demo; diff --git a/stories/components/base-components/ellipsis/tests/examples/trim_with_special_text_size.tsx b/stories/components/base-components/ellipsis/tests/examples/trim_with_special_text_size.tsx deleted file mode 100644 index c118bceda5..0000000000 --- a/stories/components/base-components/ellipsis/tests/examples/trim_with_special_text_size.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import type { EllipsisSettings, BoxProps } from '@semcore/ui/base-components'; -import type { TextProps } from '@semcore/ui/typography'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -type TextExampleProps = { - ellipsis?: true | EllipsisSettings; -} & TextProps & BoxProps; - -const Demo = (props: TextExampleProps) => { - return ( - - WordWord WordWord - - ); -}; - -export const defaultProps: TextExampleProps = { - ellipsis: true, - size: 400, - w: 100, -}; - -Demo.defaultProps = defaultProps; - -export default Demo; diff --git a/stories/components/base-components/hint/docs/Hint.stories.tsx b/stories/components/base-components/hint/docs/Hint.stories.tsx deleted file mode 100644 index 13b10e7749..0000000000 --- a/stories/components/base-components/hint/docs/Hint.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react-vite'; - -import { Button } from './__tests__/hoverbtn.test'; -import { Link } from './__tests__/hoverlink.test'; -import BasicUsageExample from './examples/basic-usage'; -import TimeoutExample from './examples/timeout'; -import { playWrapper } from '../../../../utils/playWrapper'; -const meta: Meta = { - title: 'Components/Base Components/Hint/Docs', -}; - -export const BasicUsage: StoryObj = { - render: BasicUsageExample, - play: playWrapper(Button), -}; - -export const Timeout: StoryObj = { - render: TimeoutExample, - play: playWrapper(Link), -}; - -export default meta; diff --git a/stories/components/base-components/hint/docs/__tests__/hoverbtn.test.tsx b/stories/components/base-components/hint/docs/__tests__/hoverbtn.test.tsx deleted file mode 100644 index cc6d2d608d..0000000000 --- a/stories/components/base-components/hint/docs/__tests__/hoverbtn.test.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { expect, userEvent, within, waitFor } from 'storybook/test'; - -export async function Button({ canvasElement }: { canvasElement: HTMLElement }) { - const canvas = within(canvasElement); - - const trigger = await waitFor(async () => { - const button = await within(document.body).findByRole('button'); - if (!button) throw new Error('Button not found'); - return button; - }); - - await userEvent.click(await trigger); -} diff --git a/stories/components/base-components/hint/docs/__tests__/hoverlink.test.tsx b/stories/components/base-components/hint/docs/__tests__/hoverlink.test.tsx deleted file mode 100644 index e04652d095..0000000000 --- a/stories/components/base-components/hint/docs/__tests__/hoverlink.test.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { expect, userEvent, within, waitFor } from 'storybook/test'; - -export async function Link({ canvasElement }: { canvasElement: HTMLElement }) { - const canvas = within(canvasElement); - - const trigger = await waitFor(async () => { - const button = await within(document.body).findByRole('link'); - if (!button) throw new Error('Button not found'); - return button; - }); - - await userEvent.hover(await trigger); -} diff --git a/stories/components/base-components/hint/docs/examples/basic-usage.tsx b/stories/components/base-components/hint/docs/examples/basic-usage.tsx deleted file mode 100644 index e98f30f421..0000000000 --- a/stories/components/base-components/hint/docs/examples/basic-usage.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import FileExportM from '@semcore/icon/FileExport/m'; -import LinkExternalM from '@semcore/icon/LinkExternal/m'; -import { Flex } from '@semcore/ui/base-components'; -import Button from '@semcore/ui/button'; -import Link from '@semcore/ui/link'; -import React from 'react'; - -const Demo = () => { - return ( - - - console.log('Hint visibility changed:', visible)} - > - Export to PDF - - {' '} - {/* <=== will be shown when the button is hovered of focused */} - - ); -}; - -export const defaultProps: Partial = { - placement: undefined, - timeout: undefined, - visible: undefined, - defaultVisible: undefined, -}; - -Demo.defaultProps = defaultProps; - -export default Demo; diff --git a/stories/components/base-components/hint/tests/examples/cursor_anchoring.tsx b/stories/components/base-components/hint/tests/examples/cursor_anchoring.tsx deleted file mode 100644 index 3dce3cd9d8..0000000000 --- a/stories/components/base-components/hint/tests/examples/cursor_anchoring.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { Hint } from '@semcore/ui/base-components'; -import Link from '@semcore/ui/link'; -import React from 'react'; - -const Demo = () => { - const ref = React.useRef(null); - - return ( - <> - - Intergalactic is a constantly developing system of UI components, guidelines and UX patterns. - - Export to PDF - - ); -}; - -export default Demo; diff --git a/stories/components/base-components/hint/tests/hint.stories.tsx b/stories/components/base-components/hint/tests/hint.stories.tsx deleted file mode 100644 index b5498905e2..0000000000 --- a/stories/components/base-components/hint/tests/hint.stories.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react-vite'; - -import { Link } from './__tests__/hoverlink.test'; -import HintExample, { defaultProps } from './examples/base-example-props'; -import CursorAnchoringExample from './examples/cursor_anchoring'; -import { playWrapper } from '../../../../utils/playWrapper'; - -const meta: Meta = { - title: 'Components/Base Components/Hint/Tests', -}; - -export default meta; - -export const CursorAnchoring: StoryObj = { - render: CursorAnchoringExample, - play: playWrapper(Link), -}; - -export const Hint: StoryObj = { - render: HintExample, - argTypes: { - placement: { - control: { type: 'select' }, - options: ['top-start', 'top', 'top-end', 'left-start', 'left', 'left-end', 'right-start', 'right', 'right-end', 'bottom-start', 'bottom', 'bottom-end'], - }, - timeout: { - control: { type: 'number' }, - }, - visible: { - control: { type: 'boolean' }, - }, - defaultVisible: { - control: { type: 'boolean' }, - }, - }, - args: defaultProps, -}; diff --git a/stories/components/base-components/neighbor-location/tests/examples/wraping-test-combination.tsx b/stories/components/base-components/neighbor-location/tests/examples/wraping-test-combination.tsx index c05ce736a8..0159f410ed 100644 --- a/stories/components/base-components/neighbor-location/tests/examples/wraping-test-combination.tsx +++ b/stories/components/base-components/neighbor-location/tests/examples/wraping-test-combination.tsx @@ -3,6 +3,7 @@ import { Flex, NeighborLocation } from '@semcore/ui/base-components'; import Button, { ButtonLink } from '@semcore/ui/button'; import Input from '@semcore/ui/input'; import Select from '@semcore/ui/select'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { @@ -19,7 +20,7 @@ const Demo = () => { - + diff --git a/stories/components/base-trigger/advanced/examples/base-trigger-ellipsis.tsx b/stories/components/base-trigger/advanced/examples/base-trigger-ellipsis.tsx index dbe7096c24..92a92b8050 100644 --- a/stories/components/base-trigger/advanced/examples/base-trigger-ellipsis.tsx +++ b/stories/components/base-trigger/advanced/examples/base-trigger-ellipsis.tsx @@ -1,5 +1,7 @@ import BaseTrigger from '@semcore/ui/base-trigger'; import DropdownMenu from '@semcore/ui/dropdown-menu'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { @@ -7,22 +9,26 @@ const Demo = () => { <> - - No ellipsis Few Tags Tags Tags + + Few tags tags

    - - This is first trigger with a very very long text! + + + This is first trigger with a very very long text! +

    - - This is second trigger with a very very long text! + + + This is second trigger with a very very long text! + @@ -36,9 +42,9 @@ const Demo = () => {

    - + This is third trigger with a very very long text! - +     ); diff --git a/stories/components/base-trigger/advanced/examples/button-trigger-ellipsis.tsx b/stories/components/base-trigger/advanced/examples/button-trigger-ellipsis.tsx index c4ad41e1f1..f388ab185c 100644 --- a/stories/components/base-trigger/advanced/examples/button-trigger-ellipsis.tsx +++ b/stories/components/base-trigger/advanced/examples/button-trigger-ellipsis.tsx @@ -1,5 +1,7 @@ import { ButtonTrigger } from '@semcore/ui/base-trigger'; import DropdownMenu from '@semcore/ui/dropdown-menu'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { @@ -7,23 +9,26 @@ const Demo = () => { <> - - Few Tags Tags Tags + + Few tags tags

    - - This is first trigger with a very very long text! + + + This is first trigger with a very very long text! +

    - - - This is second trigger with a very very long text! + + + This is second trigger with a very very long text! + @@ -37,9 +42,9 @@ const Demo = () => {

    - + This is third trigger with a very very long text! - + diff --git a/stories/components/base-trigger/advanced/examples/filter-trigger-ellipsis.tsx b/stories/components/base-trigger/advanced/examples/filter-trigger-ellipsis.tsx index 2f6697f31f..03450103cd 100644 --- a/stories/components/base-trigger/advanced/examples/filter-trigger-ellipsis.tsx +++ b/stories/components/base-trigger/advanced/examples/filter-trigger-ellipsis.tsx @@ -9,22 +9,26 @@ const Demo = () => { <> - - Few tags tags + + Few tags tags

    - - This is first trigger with a very very long text! + + + This is first trigger with a very very long text! +

    - - This is second trigger with a very very long text! + + + This is second trigger with a very very long text! + @@ -38,10 +42,11 @@ const Demo = () => {

    - + This is third trigger with a very very long text! - + + ); }; diff --git a/stories/components/base-trigger/advanced/examples/link-trigger-ellipsis.tsx b/stories/components/base-trigger/advanced/examples/link-trigger-ellipsis.tsx index 11e39f2267..0eab4fb725 100644 --- a/stories/components/base-trigger/advanced/examples/link-trigger-ellipsis.tsx +++ b/stories/components/base-trigger/advanced/examples/link-trigger-ellipsis.tsx @@ -1,5 +1,7 @@ import { LinkTrigger } from '@semcore/ui/base-trigger'; import DropdownMenu from '@semcore/ui/dropdown-menu'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { @@ -7,28 +9,32 @@ const Demo = () => { <> - - Few Tags Tags Tags + + Dat First List


    - - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores atque autem - commodi, doloribus ex harum inventore modi praesentium quam ratione reprehenderit rerum - tempore voluptas. Aliquam eos expedita illo quasi unde! + + + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores atque autem + commodi, doloribus ex harum inventore modi praesentium quam ratione reprehenderit rerum + tempore voluptas. Aliquam eos expedita illo quasi unde! +


    - - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores atque autem - commodi, doloribus ex harum inventore modi praesentium quam ratione reprehenderit rerum - tempore voluptas. Aliquam eos expedita illo quasi unde! + + + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores atque autem + commodi, doloribus ex harum inventore modi praesentium quam ratione reprehenderit rerum + tempore voluptas. Aliquam eos expedita illo quasi unde! + diff --git a/stories/components/breadcrumbs/advanced/examples/trim_middle.tsx b/stories/components/breadcrumbs/advanced/examples/trim_middle.tsx index 3895414b88..d7f14e03a1 100644 --- a/stories/components/breadcrumbs/advanced/examples/trim_middle.tsx +++ b/stories/components/breadcrumbs/advanced/examples/trim_middle.tsx @@ -1,16 +1,17 @@ import Breadcrumbs from '@semcore/ui/breadcrumbs'; import type { BreadcrumbsItemProps } from '@semcore/ui/breadcrumbs'; +import Ellipsis from '@semcore/ui/ellipsis'; import React from 'react'; const Demo = (props: BreadcrumbsItemProps) => ( - + Ellipsis - + This title is longer than a giraffe's neck, I bet it's been doing neck workouts! - Current page + Current page ); diff --git a/stories/components/breadcrumbs/docs/examples/usage_example.tsx b/stories/components/breadcrumbs/docs/examples/usage_example.tsx index a5a0bae464..affb8641e5 100644 --- a/stories/components/breadcrumbs/docs/examples/usage_example.tsx +++ b/stories/components/breadcrumbs/docs/examples/usage_example.tsx @@ -1,25 +1,21 @@ import Breadcrumbs from '@semcore/ui/breadcrumbs'; +import Ellipsis from '@semcore/ui/ellipsis'; import React from 'react'; const Demo = () => ( - - Ellipsis - - - This title is longer than a giraffe's neck, I bet it's been doing neck workouts! - + + + Ellipsis + + + + + + This title is longer than a giraffe's neck, I bet it's been doing neck workouts! + + + Current page ); diff --git a/stories/components/button/docs/examples/addons.tsx b/stories/components/button/docs/examples/addons.tsx index 3540339f2a..edd58f63e1 100644 --- a/stories/components/button/docs/examples/addons.tsx +++ b/stories/components/button/docs/examples/addons.tsx @@ -10,7 +10,7 @@ const Demo = () => { diff --git a/stories/components/button/tests/examples/button-base.tsx b/stories/components/button/tests/examples/button-base.tsx index 2c65403c76..dc5cc6168a 100644 --- a/stories/components/button/tests/examples/button-base.tsx +++ b/stories/components/button/tests/examples/button-base.tsx @@ -88,7 +88,7 @@ const Demo = (props: ExampleProps) => { > Button with Badge - + new diff --git a/stories/components/button/tests/examples/button-link/button-link-base.tsx b/stories/components/button/tests/examples/button-link/button-link-base.tsx index 8a5cc1b7a8..14cde5baac 100644 --- a/stories/components/button/tests/examples/button-link/button-link-base.tsx +++ b/stories/components/button/tests/examples/button-link/button-link-base.tsx @@ -81,7 +81,7 @@ const Demo = (props: ExampleProps) => { > ButtonLink with Badge - + new diff --git a/stories/components/card/docs/examples/ellipsis.tsx b/stories/components/card/docs/examples/ellipsis.tsx index d89aac22ba..635ddf48c6 100644 --- a/stories/components/card/docs/examples/ellipsis.tsx +++ b/stories/components/card/docs/examples/ellipsis.tsx @@ -1,5 +1,6 @@ import { Flex } from '@semcore/ui/base-components'; import Card from '@semcore/ui/card'; +import Ellipsis from '@semcore/ui/ellipsis'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -10,19 +11,19 @@ const Demo = () => ( Long title which should show ellipsis when there isn't enough space. - + Very long description which should show ellipsis when there isn't enough space. - + Long body text which should show ellipsis when there isn't enough space. diff --git a/stories/components/d3-chart/docs/examples/bar-horizontal/background.tsx b/stories/components/d3-chart/docs/examples/bar-horizontal/background.tsx index 06eba1c3be..e523cb4968 100644 --- a/stories/components/d3-chart/docs/examples/bar-horizontal/background.tsx +++ b/stories/components/d3-chart/docs/examples/bar-horizontal/background.tsx @@ -21,7 +21,7 @@ const Demo = () => { return ( - + diff --git a/stories/components/d3-chart/docs/examples/bar-horizontal/bar-labels.tsx b/stories/components/d3-chart/docs/examples/bar-horizontal/bar-labels.tsx index d1449a529c..db7bc8a3c4 100644 --- a/stories/components/d3-chart/docs/examples/bar-horizontal/bar-labels.tsx +++ b/stories/components/d3-chart/docs/examples/bar-horizontal/bar-labels.tsx @@ -24,7 +24,7 @@ const Demo = () => { return ( - + {({ index, x, y, width, height }) => { diff --git a/stories/components/d3-chart/docs/examples/bar-horizontal/grouped-horizontal-bars.tsx b/stories/components/d3-chart/docs/examples/bar-horizontal/grouped-horizontal-bars.tsx index 5fa7165247..72d49bb88c 100644 --- a/stories/components/d3-chart/docs/examples/bar-horizontal/grouped-horizontal-bars.tsx +++ b/stories/components/d3-chart/docs/examples/bar-horizontal/grouped-horizontal-bars.tsx @@ -24,7 +24,7 @@ const Demo = () => { return ( - + diff --git a/stories/components/d3-chart/docs/examples/bar-horizontal/horizontal-bar.tsx b/stories/components/d3-chart/docs/examples/bar-horizontal/horizontal-bar.tsx index 13f4311c20..1c06719376 100644 --- a/stories/components/d3-chart/docs/examples/bar-horizontal/horizontal-bar.tsx +++ b/stories/components/d3-chart/docs/examples/bar-horizontal/horizontal-bar.tsx @@ -24,7 +24,7 @@ const Demo = () => { return ( - + diff --git a/stories/components/d3-chart/docs/examples/bar-horizontal/legend-and-pattern-fill.tsx b/stories/components/d3-chart/docs/examples/bar-horizontal/legend-and-pattern-fill.tsx index c0c9982e1b..900ba367b2 100644 --- a/stories/components/d3-chart/docs/examples/bar-horizontal/legend-and-pattern-fill.tsx +++ b/stories/components/d3-chart/docs/examples/bar-horizontal/legend-and-pattern-fill.tsx @@ -85,7 +85,7 @@ const Demo = () => { patterns > - + diff --git a/stories/components/d3-chart/tests/area-chart.stories.tsx b/stories/components/d3-chart/tests/area-chart.stories.tsx index b21df9cc8d..872137aba8 100644 --- a/stories/components/d3-chart/tests/area-chart.stories.tsx +++ b/stories/components/d3-chart/tests/area-chart.stories.tsx @@ -1,3 +1,4 @@ +import type { AreaChartProps } from '@semcore/d3-chart'; import type { Meta, StoryObj } from '@storybook/react-vite'; import AnimatedDotsExample from './examples/area-chart/animated-dots'; diff --git a/stories/components/d3-chart/tests/bar-horizontal.stories.tsx b/stories/components/d3-chart/tests/bar-horizontal.stories.tsx index 2c5d8c1dc3..ff000ddd77 100644 --- a/stories/components/d3-chart/tests/bar-horizontal.stories.tsx +++ b/stories/components/d3-chart/tests/bar-horizontal.stories.tsx @@ -16,6 +16,7 @@ export const HorizontalBarProps: StoryObj = { barTransparent: { control: 'boolean' }, maxBarSize: { control: { type: 'number', min: 10, max: 100, step: 5 } }, duration: { control: { type: 'number', min: 0, max: 2000, step: 100 } }, + primaryText: { control: 'boolean' }, }, args: HorizontalBarPropsDefaultProps, }; diff --git a/stories/components/d3-chart/tests/examples/bar-horizontal/horizontal-bar-props.tsx b/stories/components/d3-chart/tests/examples/bar-horizontal/horizontal-bar-props.tsx index f0cbe4b301..d3f11165d1 100644 --- a/stories/components/d3-chart/tests/examples/bar-horizontal/horizontal-bar-props.tsx +++ b/stories/components/d3-chart/tests/examples/bar-horizontal/horizontal-bar-props.tsx @@ -8,6 +8,7 @@ interface HorizontalBarPropsStoryProps { barTransparent?: boolean; maxBarSize?: number; duration?: number; + primaryText?: boolean; } const Demo = (props: HorizontalBarPropsStoryProps = {}) => { @@ -17,6 +18,7 @@ const Demo = (props: HorizontalBarPropsStoryProps = {}) => { barTransparent = false, maxBarSize, duration = 0, + primaryText = true, } = props; const MARGIN = 40; @@ -44,7 +46,7 @@ const Demo = (props: HorizontalBarPropsStoryProps = {}) => { return ( - + @@ -65,6 +67,7 @@ const Demo = (props: HorizontalBarPropsStoryProps = {}) => { export const defaultProps: HorizontalBarPropsStoryProps = { duration: 0, + primaryText: true, }; Demo.defaultProps = defaultProps; diff --git a/stories/components/data-table/advanced/examples/accordion_with_many_rows.tsx b/stories/components/data-table/advanced/examples/accordion_with_many_rows.tsx index 9a9a796ae9..8594b21ad3 100644 --- a/stories/components/data-table/advanced/examples/accordion_with_many_rows.tsx +++ b/stories/components/data-table/advanced/examples/accordion_with_many_rows.tsx @@ -1,7 +1,5 @@ -import type { EllipsisSettings } from '@semcore/base-components'; import type { DataTableProps } from '@semcore/ui/data-table'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; import React from 'react'; export type TableInTableProps = { @@ -16,46 +14,6 @@ export type TableInTableProps = { }; const Demo = (props: TableInTableProps) => { - const keywordRef = React.useRef(null); - const volRef = React.useRef(null); - - const [keywordElement, setKeywordElement] = React.useState(null); - const [volElement, setVolElement] = React.useState(null); - - React.useEffect(() => { - setKeywordElement(keywordRef.current); - setVolElement(volRef.current); - }, []); - - const renderCell: DataTableProps['renderCell'] = React.useMemo(() => (props) => { - const ellipsisSettingsVol: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: volElement ?? undefined, - } as const; - }, [volElement]); - - const ellipsisSettingsKeyword: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: keywordElement ?? undefined, - recalculateContainerWidth: (props.isAccordionRow || props.row[ACCORDION]) ? (width: number) => width - 26 : undefined, - } as const; - }, [keywordElement, props.isAccordionRow]); - - if (props.dataKey === 'keyword' && keywordElement) { - return ( - {props.value} - ); - } - if (props.dataKey === 'vol' && volElement) { - return ( - {props.value} - ); - } - return props.defaultRender(); - }, [keywordElement, volElement]); - return ( { accordionAnimationRows={props.accordionAnimationRows} accordionMode={props.accordionMode} columns={[ - { name: 'keyword', children: 'Keyword', ref: keywordRef, gtcWidth: '120px' }, + { name: 'keyword', children: 'Keyword' }, { name: 'kd', children: 'KD %' }, { name: 'cpc', children: 'CPC' }, - { name: 'vol', children: 'Vol.', ref: volRef, gtcWidth: 'minmax(60px, 120px)' }, + { name: 'vol', children: 'Vol.' }, { name: 'kd1', children: 'KD %' }, { name: 'cpc1', children: 'CPC' }, { name: 'vol1', children: 'Vol.' }, @@ -82,7 +40,6 @@ const Demo = (props: TableInTableProps) => { { name: 'cpc4', children: 'CPC' }, { name: 'vol4', children: 'Vol.' }, ]} - renderCell={renderCell} /> ); }; @@ -95,22 +52,13 @@ export const accordionTableInTableDefaultProps: TableInTableProps = { Demo.defaultProps = accordionTableInTableDefaultProps; -function generateRandomString(length: number) { - const chars = '0123456789'; - let result = ''; - for (let i = 0; i < length; i++) { - result += chars.charAt(Math.floor(Math.random() * chars.length)); - } - return result; -} - const acc = Array(300) .fill(null) .map((item, id) => ({ keyword: 'www.ebay.com' + id, kd: '11.2', cpc: '$3.4', - vol: generateRandomString(10), + vol: '65,457,920', kd1: '1.2', cpc1: '$4.4', diff --git a/stories/components/data-table/advanced/examples/big_table_with_sticky_header.tsx b/stories/components/data-table/advanced/examples/big_table_with_sticky_header.tsx index 1e87c58633..f5b1e538e9 100644 --- a/stories/components/data-table/advanced/examples/big_table_with_sticky_header.tsx +++ b/stories/components/data-table/advanced/examples/big_table_with_sticky_header.tsx @@ -1,7 +1,7 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; import { Box } from '@semcore/ui/base-components'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { @@ -39,8 +39,8 @@ const Demo = () => { name: 'kd', children: ( <> - - + + ), gtcWidth: 'minmax(20%, 250px)', diff --git a/stories/components/data-table/advanced/examples/link_in_table.tsx b/stories/components/data-table/advanced/examples/link_in_table.tsx index db7429544b..3a7ef74994 100644 --- a/stories/components/data-table/advanced/examples/link_in_table.tsx +++ b/stories/components/data-table/advanced/examples/link_in_table.tsx @@ -1,8 +1,8 @@ import LinkExternalM from '@semcore/icon/LinkExternal/m'; import { Flex } from '@semcore/ui/base-components'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; -import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { @@ -16,7 +16,7 @@ const Demo = () => { renderCell={(props) => { return ( - {props.value} + {props.value} { const ChartExample = () => { const containerRef = React.useRef(null); - const [containerElement, setContainerElement] = React.useState(null); - - React.useEffect(() => { - setContainerElement(containerRef.current); - }, []); - - const renderCell: DataTableProps['renderCell'] = React.useMemo(() => { - return (props) => { - const ellipsisSettings: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: containerElement ?? undefined, - } as const; - }, [containerElement]); - - if (props.columnName === 'vol' && containerElement) { - return ( - - {props.value} - - ); - } - - return props.defaultRender(); - }; - }, [containerElement]); + const containerRect = useResizeObserver(containerRef); return ( { { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} expandedRows={new Set()} - renderCell={renderCell} + renderCell={(props) => { + if (props.columnName === 'vol') { + return ( + + {props.value} + + ); + } + + return props.defaultRender(); + }} onKeyDown={(e) => { if (e.key !== 'Escape') { e.stopPropagation(); diff --git a/stories/components/data-table/advanced/examples/selectable_with_merged_rows.tsx b/stories/components/data-table/advanced/examples/selectable_with_merged_rows.tsx index c554a7362f..0669d8468d 100644 --- a/stories/components/data-table/advanced/examples/selectable_with_merged_rows.tsx +++ b/stories/components/data-table/advanced/examples/selectable_with_merged_rows.tsx @@ -52,7 +52,7 @@ const Demo = () => { = ({ value, cropPosition = 'none', handle = true, cellProps, headerRef }) => { +const Copy: FC = ({ value, trim = 'none', handle = true }) => { const timeourRef = useRef(); const [copied, setCopied] = useState(false); const intl = useIntl(); @@ -57,18 +54,9 @@ const Copy: FC = ({ value, cropPosition = 'none', handle = true, cell }); const copiedTitle = intl.formatMessage(copiedMessageDescriptor); - const ellipsisProps = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: headerRef ?? undefined, - // `width - 28` because there is custom copy icon (20px) on each cell + 8px gap between text and Icon. Therefore, the header width should be reduced based on the width of this icon. - recalculateContainerWidth: (width: number) => (width - 28), - }; - }, [cropPosition, cellProps.columnName, headerRef]); - return ( = ({ value, cropPosition = 'none', handle = true, cell alignItems='center' gap={2} > - {cropPosition === 'none' + {trim === 'none' ? ( {value} ) : ( - + {value} - + )} {handle && ( @@ -94,7 +82,7 @@ const Copy: FC = ({ value, cropPosition = 'none', handle = true, cell ); }; -const CopyCell = ({ value, cellProps, headerRef }: any) => ; +const CopyCell = ({ value }: any) => ; const StatusCell = ({ value }: any) => ; diff --git a/stories/components/data-table/advanced/examples/table_perf/table_perf.tsx b/stories/components/data-table/advanced/examples/table_perf/table_perf.tsx index 15cf7783d9..e508123814 100644 --- a/stories/components/data-table/advanced/examples/table_perf/table_perf.tsx +++ b/stories/components/data-table/advanced/examples/table_perf/table_perf.tsx @@ -1,6 +1,6 @@ import type { DataTableData } from '@semcore/ui/data-table'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis from '@semcore/ui/ellipsis'; import React from 'react'; import { IntlProvider } from 'react-intl'; @@ -18,8 +18,6 @@ export type AccordionInTableProps = { loading: boolean; }; -const refsMap: Record = {}; - const COLUMNS_CONFIG = [ { id: 'actions', @@ -34,7 +32,6 @@ const COLUMNS_CONFIG = [ defaultActive: true, Component: CopyCell, wMin: 150, - ref: (node: HTMLElement | null) => refsMap['payment_intent_id'] = node, }, { id: 'payment_status', @@ -179,7 +176,6 @@ const cols = COLUMNS_CONFIG.map((c) => ({ name: c.id, children: c.id, gtcWidth: c.wMin ? `minmax(${c.wMin}px, 1fr)` : 'max-content', - ref: c.ref, })); // with React.memo @@ -226,12 +222,12 @@ const Demo = (props: AccordionInTableProps) => { const Component = componentsMap[props.columnName]; if (Component) { return { - children: , + children: , }; } return { - children: {props.value}, + children: {props.value}, }; }} /> diff --git a/stories/components/data-table/docs/examples/fixed-header.tsx b/stories/components/data-table/docs/examples/fixed-header.tsx index 56f6840ece..5eda8bb047 100644 --- a/stories/components/data-table/docs/examples/fixed-header.tsx +++ b/stories/components/data-table/docs/examples/fixed-header.tsx @@ -1,3 +1,4 @@ +import { Box } from '@semcore/ui/base-components'; import { DataTable } from '@semcore/ui/data-table'; import React from 'react'; diff --git a/stories/components/data-table/docs/examples/sorting.tsx b/stories/components/data-table/docs/examples/sorting.tsx index ffd92f2ac5..406af43c1d 100644 --- a/stories/components/data-table/docs/examples/sorting.tsx +++ b/stories/components/data-table/docs/examples/sorting.tsx @@ -1,12 +1,12 @@ import type { DataTableSort } from '@semcore/ui/data-table'; import { DataTable } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis from '@semcore/ui/ellipsis'; import React from 'react'; type SortableColumn = Exclude; const Demo = () => { - const [sort, setSort] = React.useState>(['vol', 'desc']); + const [sort, setSort] = React.useState>(['kd', 'desc']); const sortedData = React.useMemo( () => [...data].sort((aRow, bRow) => { @@ -40,7 +40,7 @@ const Demo = () => { { name: 'keyword', children: 'Keyword', justifyContent: 'left', sortable: true }, { name: 'kd', - children: KD % and some another text long, + children: KD % and some another text long, justifyContent: 'right', gtcWidth: 'minmax(0, 68px)', sortable: true, diff --git a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/accordion-duration.tsx b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/accordion-duration.tsx index 0d548f8998..5f652f358a 100644 --- a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/accordion-duration.tsx +++ b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/accordion-duration.tsx @@ -1,7 +1,7 @@ import type { BoxProps } from '@semcore/ui/base-components'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; import type { DataTableProps } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; import { NoData } from '@semcore/ui/widget-empty'; import React from 'react'; @@ -42,6 +42,9 @@ const Demo = (props: AccordionDurationProps) => { }; const ChartExample = () => { + const containerRef = React.useRef(null); + const containerRect = useResizeObserver(containerRef); + return ( { { name: 'keyword', children: 'Keyword' }, { name: 'kd', children: 'KD,%' }, { name: 'cpc', children: 'CPC' }, - { name: 'vol', children: 'Vol.', gtcWidth: '100px' }, + { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} expandedRows={new Set()} renderCell={(props) => { if (props.columnName === 'vol') { return ( - + {props.value} - + ); } diff --git a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/for-animation-and-justify-content-test.tsx b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/for-animation-and-justify-content-test.tsx index 235b913854..3d915b85a8 100644 --- a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/for-animation-and-justify-content-test.tsx +++ b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/for-animation-and-justify-content-test.tsx @@ -1,6 +1,6 @@ import { DataTable, ACCORDION } from '@semcore/ui/data-table'; import type { DataTableSort, DataTableProps } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; import React from 'react'; type SortableColumn = Exclude; @@ -67,6 +67,9 @@ const Demo = (props: AccordionWithTablenProps) => { }; const ChartExample = () => { + const containerRef = React.useRef(null); + const containerRect = useResizeObserver(containerRef); + return ( { { name: 'keyword', children: 'Keyword' }, { name: 'kd', children: 'KD,%' }, { name: 'cpc', children: 'CPC' }, - { name: 'vol', children: 'Vol.', gtcWidth: '100px' }, + { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} expandedRows={new Set()} renderCell={(props) => { if (props.columnName === 'vol') { return ( - + {props.value} - + ); } diff --git a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/table-in-table-in-table.tsx b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/table-in-table-in-table.tsx index 2fdeebf5b9..5c56627333 100644 --- a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/table-in-table-in-table.tsx +++ b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/table-in-table-in-table.tsx @@ -1,7 +1,6 @@ -import type { EllipsisSettings } from '@semcore/base-components'; -import { Text } from '@semcore/typography'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; import type { DataTableSort, DataTableProps } from '@semcore/ui/data-table'; +import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; import { NoData } from '@semcore/ui/widget-empty'; import React from 'react'; @@ -92,37 +91,7 @@ const Demo = (props: TableInTableInTableProps) => { const TableExample = () => { const containerRef = React.useRef(null); - const [containerElement, setContainerElement] = React.useState(null); - - React.useEffect(() => { - setContainerElement(containerRef.current); - }, []); - - const renderCell: DataTableProps['renderCell'] = React.useMemo(() => { - return (props) => { - const ellipsisSettings: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: containerElement ?? undefined, - recalculateContainerWidth: typeof props.row.vol === 'string' - ? undefined - : (width: number) => { - return width - 26; - }, - } as const; - }, [containerElement, props.row.vol]); - - if (props.columnName === 'vol' && containerElement) { - return ( - - {props.value} - - ); - } - - return props.defaultRender(); - }; - }, [containerElement]); + const containerRect = useResizeObserver(containerRef); return ( { { name: 'cpc', children: 'CPC' }, { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} - renderCell={renderCell} + renderCell={(props) => { + if (props.columnName === 'vol') { + return ( + + {props.value} + + ); + } + + return props.defaultRender(); + }} onKeyDown={(e) => { if (e.key !== 'Escape') { e.stopPropagation(); @@ -154,37 +133,7 @@ const ChartExample = () => { }; const TableExample1 = () => { const containerRef = React.useRef(null); - const [containerElement, setContainerElement] = React.useState(null); - - React.useEffect(() => { - setContainerElement(containerRef.current); - }, []); - - const renderCell: DataTableProps['renderCell'] = React.useMemo(() => { - return (props) => { - const ellipsisSettings: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: containerElement ?? undefined, - recalculateContainerWidth: typeof props.row.vol === 'string' - ? undefined - : (width: number) => { - return width - 26; - }, - } as const; - }, [containerElement]); - - if (props.columnName === 'vol' && containerElement) { - return ( - - {props.value} - - ); - } - - return props.defaultRender(); - }; - }, [containerElement]); + const containerRect = useResizeObserver(containerRef); return ( { { name: 'cpc', children: 'CPC' }, { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} - renderCell={renderCell} + renderCell={(props) => { + if (props.columnName === 'vol') { + return ( + + {props.value} + + ); + } + + return props.defaultRender(); + }} onKeyDown={(e) => { if (e.key !== 'Escape') { e.stopPropagation(); diff --git a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/with-sorting.tsx b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/with-sorting.tsx index 8ae6938b2e..353bad473e 100644 --- a/stories/components/data-table/tests/examples/accordion-tests/table-in-table/with-sorting.tsx +++ b/stories/components/data-table/tests/examples/accordion-tests/table-in-table/with-sorting.tsx @@ -1,6 +1,6 @@ import type { DataTableSort } from '@semcore/ui/data-table'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; import React from 'react'; type SortableColumn = Exclude; @@ -56,6 +56,9 @@ const Demo = () => { }; const ChartExample = () => { + const containerRef = React.useRef(null); + const containerRect = useResizeObserver(containerRef); + return ( { { name: 'keyword', children: 'Keyword' }, { name: 'kd', children: 'KD,%' }, { name: 'cpc', children: 'CPC' }, - { name: 'vol', children: 'Vol.', gtcWidth: '100px' }, + { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} expandedRows={new Set()} renderCell={(props) => { if (props.columnName === 'vol') { return ( - + {props.value} - + ); } diff --git a/stories/components/data-table/tests/examples/additional-tests/performmance-tooltips-ellipsis-test.tsx b/stories/components/data-table/tests/examples/additional-tests/performmance-tooltips-ellipsis-test.tsx index f1e0496d67..842078e269 100644 --- a/stories/components/data-table/tests/examples/additional-tests/performmance-tooltips-ellipsis-test.tsx +++ b/stories/components/data-table/tests/examples/additional-tests/performmance-tooltips-ellipsis-test.tsx @@ -3,8 +3,9 @@ import InfoM from '@semcore/icon/Info/m'; import { Flex } from '@semcore/ui/base-components'; import Button, { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; -import Tooltip, { DescriptionTooltip } from '@semcore/ui/tooltip'; +import Tooltip, { Hint, DescriptionTooltip } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React, { useEffect } from 'react'; @@ -140,10 +141,10 @@ const Demo = () => { if (props.columnName === 'vol') { return ( <> - + {' '} {props.value} - + { if (props.columnName === 'cpc') { return ( - + No Wrap False @@ -59,11 +60,11 @@ const Demo = () => { } if (props.columnName === 'vol') { return ( - - + <> + {' '} {props.value} - + { color='gray-300' ml={1} /> - + ); } return props.defaultRender(); diff --git a/stories/components/data-table/tests/examples/cells-tests/selectable_with_merged_rows-cells.tsx b/stories/components/data-table/tests/examples/cells-tests/selectable_with_merged_rows-cells.tsx index 8d078e500f..b457a465cb 100644 --- a/stories/components/data-table/tests/examples/cells-tests/selectable_with_merged_rows-cells.tsx +++ b/stories/components/data-table/tests/examples/cells-tests/selectable_with_merged_rows-cells.tsx @@ -85,7 +85,7 @@ const Demo = (props: SelectableWithMergedRowsProps) => { + + , Keyword (Keyword 1-100) @@ -33,8 +35,8 @@ const columns = [ children: ( Difficulty Difficlty 123 - - + + ), }, @@ -42,9 +44,9 @@ const columns = [ name: 'cpc', gtcWidth: '85px', children: ( <> - Difficulty Difficulty - - + Difficulty Difficulty + + ), }, diff --git a/stories/components/data-table/tests/examples/header-tests/multi-level-borders.tsx b/stories/components/data-table/tests/examples/header-tests/multi-level-borders.tsx index 2c71948a6b..3c01d2550c 100644 --- a/stories/components/data-table/tests/examples/header-tests/multi-level-borders.tsx +++ b/stories/components/data-table/tests/examples/header-tests/multi-level-borders.tsx @@ -1,6 +1,7 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -27,7 +28,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), @@ -43,7 +44,7 @@ const Demo = () => { { name: 'group2', children: ( - Borders both - Organic Sessions rganic Sessions rganic Sessions + Borders both - Organic Sessions rganic Sessions rganic Sessions ), borders: 'both', columns: [ @@ -52,10 +53,10 @@ const Demo = () => { gtcWidth: '100px', children: ( <> - + Kd Organic Sessions Organic Sessions - - + + ), @@ -80,7 +81,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), @@ -104,7 +105,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), diff --git a/stories/components/data-table/tests/examples/header-tests/multi-level-header-non-interactive.tsx b/stories/components/data-table/tests/examples/header-tests/multi-level-header-non-interactive.tsx index 29bf3ab5fc..de0a58b71e 100644 --- a/stories/components/data-table/tests/examples/header-tests/multi-level-header-non-interactive.tsx +++ b/stories/components/data-table/tests/examples/header-tests/multi-level-header-non-interactive.tsx @@ -1,9 +1,9 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; import type { BoxProps } from '@semcore/ui/base-components'; import { Flex } from '@semcore/ui/base-components'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; import type { DataTableProps } from '@semcore/ui/data-table'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; export type MultiLevelNonInteractiveProps = { @@ -28,8 +28,8 @@ const columns = [ name: 'kd', children: ( - - + + ), diff --git a/stories/components/data-table/tests/examples/header-tests/one-level-interactive-header.tsx b/stories/components/data-table/tests/examples/header-tests/one-level-interactive-header.tsx index 93abed698d..e12d66da71 100644 --- a/stories/components/data-table/tests/examples/header-tests/one-level-interactive-header.tsx +++ b/stories/components/data-table/tests/examples/header-tests/one-level-interactive-header.tsx @@ -5,6 +5,7 @@ import { ButtonLink } from '@semcore/ui/button'; import Checkbox from '@semcore/ui/checkbox'; import { DataTable } from '@semcore/ui/data-table'; import type { DataTableSort, DataTableProps } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; import Tooltip, { Hint, DescriptionTooltip } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; @@ -196,9 +197,9 @@ const Demo = (props: OneLevelInteractiveExampleProps) => { if (props.columnName === 'vol') { return ( <> - + {props.value} - + ); } diff --git a/stories/components/data-table/tests/examples/header-tests/sorting/multi-level-sorting.tsx b/stories/components/data-table/tests/examples/header-tests/sorting/multi-level-sorting.tsx index 3ac30fa32b..fc12d56a58 100644 --- a/stories/components/data-table/tests/examples/header-tests/sorting/multi-level-sorting.tsx +++ b/stories/components/data-table/tests/examples/header-tests/sorting/multi-level-sorting.tsx @@ -1,9 +1,9 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; import type { BoxProps } from '@semcore/ui/base-components'; -import { Box } from '@semcore/ui/base-components'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; import type { DataTableSort, DataTableProps } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -34,7 +34,7 @@ const columns: DataTableProps['columns'] = [ children: ( Kd Organic Sessions Organic Sessions - + ), }, @@ -65,8 +65,8 @@ const columns: DataTableProps['columns'] = [ gtcWidth: '100px', children: ( <> - Kd Organic Sessions - + Kd Organic Sessions + ), }, @@ -74,38 +74,10 @@ const columns: DataTableProps['columns'] = [ name: 'cpc2', children: 'CPC', sortable: true, - }, { name: 'vol2', - children: (props) => { - const containerRef = React.useRef(null); - const [headerCell, setHeaderCell] = React.useState(null); - - React.useEffect(() => { - if (containerRef.current) { - const cell = containerRef.current.closest('[role="columnheader"]') as HTMLElement; - if (cell) { - setHeaderCell(cell); - if (!cell.hasAttribute('tabindex')) { - cell.setAttribute('tabindex', '0'); - } - } - } - }, []); - - return ( - - - Vol.Vol.Vol.Vol.Vol. - - - ); - }, + children: 'Vol.', }, ], }, @@ -122,8 +94,8 @@ const columns: DataTableProps['columns'] = [ name: 'kd3', children: ( <> - - + + ), }, diff --git a/stories/components/data-table/tests/examples/header-tests/sorting/sorting-default-undefined.tsx b/stories/components/data-table/tests/examples/header-tests/sorting/sorting-default-undefined.tsx index 3e4d8109cd..06243b6399 100644 --- a/stories/components/data-table/tests/examples/header-tests/sorting/sorting-default-undefined.tsx +++ b/stories/components/data-table/tests/examples/header-tests/sorting/sorting-default-undefined.tsx @@ -1,6 +1,6 @@ import type { DataTableSort } from '@semcore/ui/data-table'; import { DataTable } from '@semcore/ui/data-table'; -import { Text } from '@semcore/ui/typography'; +import Ellipsis from '@semcore/ui/ellipsis'; import React from 'react'; type SortableColumn = Exclude; @@ -41,7 +41,7 @@ const Demo = () => { { name: 'keyword', children: 'Keyword', justifyContent: 'left', sortable: true }, { name: 'kd', - children: KD % and some another text long, + children: KD % and some another text long, justifyContent: 'right', gtcWidth: 'minmax(0, 68px)', sortable: true, diff --git a/stories/components/data-table/tests/examples/header-tests/sorting/sorting-with-interactive.tsx b/stories/components/data-table/tests/examples/header-tests/sorting/sorting-with-interactive.tsx index 32e34452bd..0ebbb3a188 100644 --- a/stories/components/data-table/tests/examples/header-tests/sorting/sorting-with-interactive.tsx +++ b/stories/components/data-table/tests/examples/header-tests/sorting/sorting-with-interactive.tsx @@ -1,7 +1,9 @@ import InfoM from '@semcore/icon/Info/m'; import { ButtonLink } from '@semcore/ui/button'; +import Checkbox from '@semcore/ui/checkbox'; import { DataTable } from '@semcore/ui/data-table'; import type { DataTableSort } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; import { DescriptionTooltip } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; @@ -68,9 +70,9 @@ const Demo = () => { { name: 'kd', children: ( - + KD % and some another text long - + ), justifyContent: 'right', gtcWidth: 'minmax(0, 68px)', diff --git a/stories/components/data-table/tests/examples/limited-mode/accordion.tsx b/stories/components/data-table/tests/examples/limited-mode/accordion.tsx index c6c1a375bc..e395d22d36 100644 --- a/stories/components/data-table/tests/examples/limited-mode/accordion.tsx +++ b/stories/components/data-table/tests/examples/limited-mode/accordion.tsx @@ -1,7 +1,8 @@ -import { type EllipsisSettings, Flex } from '@semcore/ui/base-components'; +import { Flex } from '@semcore/ui/base-components'; import Button from '@semcore/ui/button'; import { DataTable, ACCORDION } from '@semcore/ui/data-table'; import type { DataTableProps } from '@semcore/ui/data-table'; +import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; import { Text } from '@semcore/ui/typography'; import { NoData } from '@semcore/ui/widget-empty'; import React from 'react'; @@ -61,32 +62,7 @@ const Demo = (props: TableInTableProps) => { const ChartExample = () => { const containerRef = React.useRef(null); - const [containerElement, setContainerElement] = React.useState(null); - - React.useEffect(() => { - setContainerElement(containerRef.current); - }, []); - - const renderCell: DataTableProps['renderCell'] = React.useMemo(() => { - return (props) => { - const ellipsisSettings: EllipsisSettings = React.useMemo(() => { - return { - cropPosition: 'middle', - containerElement: containerElement ?? undefined, - } as const; - }, [containerElement]); - - if (props.columnName === 'vol' && containerElement) { - return ( - - {props.value} - - ); - } - - return props.defaultRender(); - }; - }, [containerElement]); + const containerRect = useResizeObserver(containerRef); return ( { { name: 'vol', children: 'Vol.', gtcWidth: '100px', ref: containerRef }, ]} expandedRows={new Set()} - renderCell={renderCell} + renderCell={(props) => { + if (props.columnName === 'vol') { + return ( + + {props.value} + + ); + } + + return props.defaultRender(); + }} onKeyDown={(e) => { if (e.key !== 'Escape') { e.stopPropagation(); diff --git a/stories/components/data-table/tests/examples/virtualization/dd-select-in-cell.tsx b/stories/components/data-table/tests/examples/virtualization/dd-select-in-cell.tsx index 9dcad8f4bc..4d6c4b4061 100644 --- a/stories/components/data-table/tests/examples/virtualization/dd-select-in-cell.tsx +++ b/stories/components/data-table/tests/examples/virtualization/dd-select-in-cell.tsx @@ -5,6 +5,7 @@ import Checkbox from '@semcore/ui/checkbox'; import { DataTable } from '@semcore/ui/data-table'; import Dropdown from '@semcore/ui/dropdown'; import Select from '@semcore/ui/select'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; diff --git a/stories/components/data-table/tests/examples/virtualization/header-content.tsx b/stories/components/data-table/tests/examples/virtualization/header-content.tsx index 5ebf53884b..f811e40afa 100644 --- a/stories/components/data-table/tests/examples/virtualization/header-content.tsx +++ b/stories/components/data-table/tests/examples/virtualization/header-content.tsx @@ -1,7 +1,8 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; import WhatsAppM from '@semcore/icon/color/WhatsApp/m'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -40,7 +41,7 @@ const Demo = () => { { name: 'keyword', gtcWidth: '65px', sortable: true, children: ( - + , Keyword (Keyword 1-100) @@ -53,8 +54,8 @@ const Demo = () => { children: ( Difficulty Difficlty 123 - - + + ), }, @@ -62,9 +63,9 @@ const Demo = () => { name: 'cpc', gtcWidth: '85px', children: ( <> - Difficulty Difficulty - - + Difficulty Difficulty + + ), }, diff --git a/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx b/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx index 9a5676363b..71b4b3e8ed 100644 --- a/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx +++ b/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx @@ -4,6 +4,7 @@ import { Flex } from '@semcore/ui/base-components'; import Button, { ButtonLink } from '@semcore/ui/button'; import Checkbox from '@semcore/ui/checkbox'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; import { DescriptionTooltip, Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; diff --git a/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx b/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx index fb45ddccdd..a3d22b121f 100644 --- a/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx @@ -1,6 +1,7 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; -import { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -28,7 +29,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), @@ -44,7 +45,7 @@ const Demo = () => { { name: 'group2', children: ( - Borders both - Organic Sessions rganic Sessions rganic Sessions + Borders both - Organic Sessions rganic Sessions rganic Sessions ), borders: 'both', columns: [ @@ -53,10 +54,10 @@ const Demo = () => { gtcWidth: '100px', children: ( <> - + Kd Organic Sessions Organic Sessions - - + + ), @@ -81,7 +82,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), @@ -105,7 +106,7 @@ const Demo = () => { <> Kd Organic Sessions Organic Sessions - + ), diff --git a/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx b/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx index 475cba3fae..df1f93cde2 100644 --- a/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx @@ -1,7 +1,8 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; -import { ButtonLink } from '@semcore/ui/button'; import type { DataTableSort } from '@semcore/ui/data-table'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -49,7 +50,7 @@ const Demo = () => { children: ( Kd Organic Sessions Organic Sessions - + ), }, @@ -69,8 +70,8 @@ const Demo = () => { gtcWidth: '100px', children: ( <> - Kd Organic Sessions - + Kd Organic Sessions + ), }, @@ -88,8 +89,8 @@ const Demo = () => { name: 'kd', children: ( <> - - + + ), }, diff --git a/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx b/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx index e9337b9bda..ee81bb8589 100644 --- a/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx +++ b/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx @@ -3,6 +3,7 @@ import InfoM from '@semcore/icon/Info/m'; import { Flex } from '@semcore/ui/base-components'; import Button, { ButtonLink } from '@semcore/ui/button'; import { DataTable } from '@semcore/ui/data-table'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; import Tooltip, { Hint, DescriptionTooltip } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; @@ -106,10 +107,10 @@ const Demo = () => { if (props.columnName === 'vol') { return ( <> - + {' '} {props.value} - + { if (props.columnName === 'vol') { return ( <> - + {props.value} - + ); } diff --git a/stories/components/dot/tests/examples/sizes-and-positions.tsx b/stories/components/dot/tests/examples/sizes-and-positions.tsx index b5fb1e5f77..44aa646dc2 100644 --- a/stories/components/dot/tests/examples/sizes-and-positions.tsx +++ b/stories/components/dot/tests/examples/sizes-and-positions.tsx @@ -9,7 +9,7 @@ import React from 'react'; const Demo = (props: DotProps) => { return ( - + { return ( - + = { title: 'Components/Dropdown Menu/Tests', @@ -115,25 +114,6 @@ export const WithSearch: Story = { render: WithSearchExample, }; -export const WithEllipsis: StoryObj = { - render: WithEllipsisExample, - argTypes: { - addExtraItems: { - control: { type: 'boolean' }, - description: 'Add 5 extra menu items to enable scroll', - }, - selectable: { - control: { type: 'boolean' }, - description: 'Enable selectable mode', - }, - multiselect: { - control: { type: 'boolean' }, - description: 'Enable multiselect mode (requires selectable to be true)', - }, - }, - args: defaultWithEllipsisProps, -}; - export const OnVisible2nd: Story = { render: OnVisible2ndExample, }; diff --git a/stories/components/dropdown-menu/tests/examples/list_item_types.tsx b/stories/components/dropdown-menu/tests/examples/list_item_types.tsx index 3bc319dd61..30eb8090e9 100644 --- a/stories/components/dropdown-menu/tests/examples/list_item_types.tsx +++ b/stories/components/dropdown-menu/tests/examples/list_item_types.tsx @@ -53,7 +53,7 @@ const Demo = () => { Menu item 5 - + admin diff --git a/stories/components/dropdown-menu/tests/examples/with-focusable-in-trigger.tsx b/stories/components/dropdown-menu/tests/examples/with-focusable-in-trigger.tsx index b52fdd64c5..6a36419fdb 100644 --- a/stories/components/dropdown-menu/tests/examples/with-focusable-in-trigger.tsx +++ b/stories/components/dropdown-menu/tests/examples/with-focusable-in-trigger.tsx @@ -1,6 +1,7 @@ import LinkExternalM from '@semcore/icon/LinkExternal/m'; import Button, { ButtonLink } from '@semcore/ui/button'; import DropdownMenu from '@semcore/ui/dropdown-menu'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { diff --git a/stories/components/dropdown-menu/tests/examples/with_ellipsis.tsx b/stories/components/dropdown-menu/tests/examples/with_ellipsis.tsx deleted file mode 100644 index 2dfab20f52..0000000000 --- a/stories/components/dropdown-menu/tests/examples/with_ellipsis.tsx +++ /dev/null @@ -1,117 +0,0 @@ -import DesktopIconM from '@semcore/icon/Desktop/m'; -import Button from '@semcore/ui/button'; -import DropdownMenu from '@semcore/ui/dropdown-menu'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -type WithEllipsisProps = { - addExtraItems?: boolean; - selectable?: boolean; - multiselect?: boolean; -}; - -const Demo = (props: WithEllipsisProps) => { - const [selectedSingle, setSelectedSingle] = React.useState(0); - const [selectedMulti, setSelectedMulti] = React.useState([0]); - - const totalItems = props.addExtraItems ? 9 : 4; - - const handleItemClick = (index: number) => { - if (!props.selectable) return; - - if (props.multiselect) { - if (!selectedMulti.includes(index)) { - setSelectedMulti([...selectedMulti, index]); - } else { - setSelectedMulti(selectedMulti.filter((i) => i !== index)); - } - } else { - setSelectedSingle(index); - } - }; - - const isSelected = (index: number) => { - if (!props.selectable) return false; - return props.multiselect ? selectedMulti.includes(index) : selectedSingle === index; - }; - - return ( - - Menu - - - handleItemClick(0)}> - - Menu item 1 with long long long text - - - handleItemClick(1)}> - - Menu item L 2 with long long long text - - Hint for menu item 2 with long long - - handleItemClick(2)}> - - - - - Menu item hint shown on hover and focus - - Hint item menu item will show on hover but this is very bad example, for testing purposes, do not use it in real products! - - handleItemClick(3)}> - - - - - Menu item 4 - - - {props.addExtraItems && ( - <> - handleItemClick(4)}> - - Menu item 5 with long long long text - - - handleItemClick(5)}> - - - - - Menu item 6 with long long long text - - - handleItemClick(6)}> - - Menu item 7 with long long long text - - - handleItemClick(7)}> - - Menu item 8 with long long long text - - - handleItemClick(8)}> - - Menu item 9 with long long long text - - - - )} - - - - ); -}; - -export const defaultProps: WithEllipsisProps = { - addExtraItems: false, - selectable: false, - multiselect: false, -}; - -Demo.defaultProps = defaultProps; - -export default Demo; diff --git a/stories/components/ellipsis/docs/ellipsis.stories.tsx b/stories/components/ellipsis/docs/ellipsis.stories.tsx index bdda02297e..cac9f8db08 100644 --- a/stories/components/ellipsis/docs/ellipsis.stories.tsx +++ b/stories/components/ellipsis/docs/ellipsis.stories.tsx @@ -4,10 +4,6 @@ export type ExampleEllipsisProps = EllipsisProps; import AdvancedUseExample, { defaultProps as advancedDefaultProps } from './examples/advanced_use'; import BasicUsageExample, { defaultProps as basicDefaultProps } from './examples/basic_usage'; -import BreadcrumbsExample from './examples/breadcrumbs'; -import CardExample from './examples/card'; -import DataTableExample from './examples/data-table'; -import InputTagsExample, { defaultProps as inputTagsDefaultProps } from './examples/input-tags'; import MultilineExample, { defaultProps as multilineDefaultProps } from './examples/multiline'; import MultipleUseExample, { defaultProps as multipleUseProps } from './examples/multiple_use'; import TooltipCursorAnchoringExample, { defaultProps as tooltipCursorAnchoringProps } from './examples/tooltip-cursor-anchoring'; @@ -58,23 +54,6 @@ export const TooltipCursorAnchoring: Story = { args: tooltipCursorAnchoringProps, }; -export const Breadcrumbs: Story = { - render: BreadcrumbsExample, -}; - -export const CardEllipsis: Story = { - render: CardExample, -}; - -export const DataTableEllipsis: Story = { - render: DataTableExample, -}; - -export const InputTags: Story = { - render: InputTagsExample, - args: inputTagsDefaultProps, -}; - export const TrimmingType: Story = { render: TrimmingTypeExample, }; diff --git a/stories/components/ellipsis/docs/examples/basic_usage.tsx b/stories/components/ellipsis/docs/examples/basic_usage.tsx index db54846eeb..4f3d37a64e 100644 --- a/stories/components/ellipsis/docs/examples/basic_usage.tsx +++ b/stories/components/ellipsis/docs/examples/basic_usage.tsx @@ -5,18 +5,11 @@ import Link from '@semcore/ui/link'; import React from 'react'; const Demo = (props: EllipsisProps) => { - let linkDisplayValue: 'block' | undefined; - - if (props.maxLine && props.maxLine > 1) { - linkDisplayValue = 'block'; - } - return ( ( - - - - Ellipsis - - - - - - This title is longer than a giraffe's neck, I bet it's been doing neck workouts! - - - - Current page - -); - -export default Demo; diff --git a/stories/components/ellipsis/docs/examples/card.tsx b/stories/components/ellipsis/docs/examples/card.tsx deleted file mode 100644 index 2e386eaa4f..0000000000 --- a/stories/components/ellipsis/docs/examples/card.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { Flex } from '@semcore/ui/base-components'; -import Card from '@semcore/ui/card'; -import Ellipsis from '@semcore/ui/ellipsis'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -const tooltipContent = `Hey! Don't forget to place some useful information here.`; - -const Demo = () => ( - - - - - Long title which should show ellipsis when there isn't enough space. - - - - Very long description which should show ellipsis when there isn't enough space. - - - - - Long body text which should show ellipsis when there isn't enough space. - - - -); -export default Demo; diff --git a/stories/components/ellipsis/docs/examples/data-table.tsx b/stories/components/ellipsis/docs/examples/data-table.tsx deleted file mode 100644 index 406af43c1d..0000000000 --- a/stories/components/ellipsis/docs/examples/data-table.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import type { DataTableSort } from '@semcore/ui/data-table'; -import { DataTable } from '@semcore/ui/data-table'; -import Ellipsis from '@semcore/ui/ellipsis'; -import React from 'react'; - -type SortableColumn = Exclude; - -const Demo = () => { - const [sort, setSort] = React.useState>(['kd', 'desc']); - const sortedData = React.useMemo( - () => - [...data].sort((aRow, bRow) => { - const [prop, sortDirection] = sort; - const a = aRow[prop as SortableColumn]; - const b = bRow[prop as SortableColumn]; - if (a === b) return 0; - if (sortDirection === 'asc') return a > b ? 1 : -1; - else return a > b ? -1 : 1; - }), - [sort], - ); - const numberFormat = React.useMemo(() => new Intl.NumberFormat('en-US'), []); - const currencyFormat = React.useMemo( - () => new Intl.NumberFormat('en-US', { currency: 'USD', style: 'currency' }), - [], - ); - const handleSortChange: (sort: DataTableSort, e?: React.SyntheticEvent) => void = ( - newSort, - ) => { - setSort(newSort as DataTableSort); - }; - - return ( - KD % and some another text long, - justifyContent: 'right', - gtcWidth: 'minmax(0, 68px)', - sortable: true, - }, - { name: 'cpc', children: 'CPC', gtcWidth: 'minmax(0, 60px)', sortable: 'asc' }, - { - name: 'vol', - children: 'Vol.', - gtcWidth: 'minmax(0, 120px)', - justifyContent: 'left', - sortable: 'desc', - }, - ]} - renderCell={(props) => { - if (props.columnName === 'keyword') { - return props.defaultRender(); - } - - const rawValue = props.row[props.columnName as SortableColumn]; - - return typeof rawValue === 'number' && rawValue !== -1 - ? props.columnName === 'cpc' - ? currencyFormat.format(rawValue) - : numberFormat.format(rawValue) - : 'n/a'; - }} - /> - ); -}; - -export default Demo; - -const data = [ - { - keyword: 'ebay buy', - kd: 77.8, - cpc: 1.25, - vol: 32500000, - }, - { - keyword: 'www.ebay.com', - kd: 11.2, - cpc: 3.4, - vol: 65457920, - }, - { - keyword: 'www.ebay.com', - kd: 10, - cpc: 0.65, - vol: 47354640, - }, - { - keyword: 'ebay buy', - kd: -1, - cpc: 0, - vol: -1, - }, - { - keyword: 'ebay buy', - kd: 75.89, - cpc: 0, - vol: 21644290, - }, -]; diff --git a/stories/components/ellipsis/docs/examples/input-tags.tsx b/stories/components/ellipsis/docs/examples/input-tags.tsx deleted file mode 100644 index cbf3234bb2..0000000000 --- a/stories/components/ellipsis/docs/examples/input-tags.tsx +++ /dev/null @@ -1,117 +0,0 @@ -import { Flex } from '@semcore/ui/base-components'; -import Ellipsis from '@semcore/ui/ellipsis'; -import type { InputTagsProps, InputTagsValueProps, InputTagsTagProps } from '@semcore/ui/input-tags'; -import InputTags from '@semcore/ui/input-tags'; -import { Text } from '@semcore/ui/typography'; -import React from 'react'; - -type ExampleInputTagsProps = InputTagsProps & InputTagsValueProps; - -const Demo = (props: ExampleInputTagsProps) => { - const inputValueRef = React.useRef(null); - const [tags, setTags] = React.useState([ - 'TikTok', - 'Facebook', - 'LinkedIn', - 'Instagram', - 'Social media with a very long name', - ]); - const [value, setValue] = React.useState(props.value); - - const handleAppendTags = (newTags: string[]) => { - setTags((tags) => [...tags, ...newTags]); - setValue(''); - }; - - const handleRemoveTag = () => { - if (tags.length === 0) return; - setTags(tags.slice(0, -1)); - setValue(`${tags.slice(-1)[0]} ${value}`); - }; - - const handleCloseTag = (e: React.SyntheticEvent) => { - e.preventDefault(); - }; - - const handleTagKeyDown = (e: React.KeyboardEvent) => { - if (e.code === 'Enter' || e.code === 'Space') { - handleEditTag(e); - } - return false; - }; - - const handleEditTag = ( - e: React.SyntheticEvent | React.KeyboardEvent, - ) => { - const { dataset } = e.currentTarget; - let allTags = [...tags]; - if (value) { - allTags = [...allTags, value]; - } - setTags(allTags.filter((tag, ind) => ind !== Number(dataset.id))); - if (!e.defaultPrevented && dataset.id !== undefined) { - setValue(tags[Number(dataset.id)]); - inputValueRef.current?.focus(); - } - return false; - }; - - const handleInputKeyDown = (e: React.KeyboardEvent) => { - const value = e.target instanceof HTMLInputElement ? e.target.value : null; - if (e.key === 'Enter' && value) { - handleAppendTags([value]); - - return false; - } - }; - - return ( - - - Social media - - - {tags.map((tag, idx) => ( - - - {tag} - - {!props.disabled && } - - ))} - - - - ); -}; - -export const defaultProps: ExampleInputTagsProps = { - size: 'l', - placeholder: 'Add social media', - defaultValue: undefined, - state: undefined, - disabled: false, - delimiters: undefined, -}; - -Demo.defaultProps = defaultProps; - -export default Demo; diff --git a/stories/components/ellipsis/test/ellipsis.stories.tsx b/stories/components/ellipsis/test/ellipsis.stories.tsx index d051e7b45c..2cf8391a90 100644 --- a/stories/components/ellipsis/test/ellipsis.stories.tsx +++ b/stories/components/ellipsis/test/ellipsis.stories.tsx @@ -2,7 +2,7 @@ import type { EllipsisProps } from '@semcore/ui/ellipsis'; import Ellipsis from '@semcore/ui/ellipsis'; import type { Meta, StoryObj } from '@storybook/react-vite'; -import TableWithLinksExample, { defaultProps as ellipsisInTableDefaultProps } from './examples/in_table_with_link'; +import TableWithLinksExample from './examples/in_table_with_link'; import MultipleTagsInOneComponentsExample from './examples/multiple_tags_in_one_components'; import OnChangePropsExample from './examples/on_change_props'; import TextCasesExample from './examples/text_cases'; @@ -26,27 +26,24 @@ const meta: Meta = { }; export default meta; -type Story = StoryObj; -export const TableWithLinks: Story = { +export const TableWithLinks: StoryObj = { render: TableWithLinksExample, - args: ellipsisInTableDefaultProps, - }; -export const TextCases: Story = { +export const TextCases: StoryObj = { render: TextCasesExample, }; -export const OnChangeProps: Story = { +export const OnChangeProps: StoryObj = { render: OnChangePropsExample, }; -export const TrimWithTextSize: Story = { +export const TrimWithTextSize: StoryObj = { render: TrimWithTextSizeExample, args: sizeEllipsisProps, }; -export const MultipleTagsInOneComponents: Story = { +export const MultipleTagsInOneComponents: StoryObj = { render: MultipleTagsInOneComponentsExample, }; diff --git a/stories/components/ellipsis/test/examples/in_table_with_link.tsx b/stories/components/ellipsis/test/examples/in_table_with_link.tsx index 5df6b5c5e3..3124bc3acb 100644 --- a/stories/components/ellipsis/test/examples/in_table_with_link.tsx +++ b/stories/components/ellipsis/test/examples/in_table_with_link.tsx @@ -1,14 +1,12 @@ import LinkExternalM from '@semcore/icon/LinkExternal/m'; import { DataTable } from '@semcore/ui/data-table'; import Ellipsis, { useResizeObserver } from '@semcore/ui/ellipsis'; -import type { EllipsisProps } from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; -import { Text } from '@semcore/ui/typography'; import React from 'react'; const removeProtocol = (url: string): string => url.replace(/^(http|https):\/\//, ''); -const Demo = (propsEllipsis: EllipsisProps) => { +const Demo = () => { const containerRef = React.useRef(null); const containerRect = useResizeObserver(containerRef); @@ -34,11 +32,13 @@ const Demo = (propsEllipsis: EllipsisProps) => { target='_blank' rel='noopener noreferrer' color='text-primary' + w='100%' wMin={0} + style={{ display: 'inline-flex', alignItems: 'center' }} > - + alert('Hi!')} containerRect={containerRect} containerRef={containerRef} @@ -56,11 +56,7 @@ const Demo = (propsEllipsis: EllipsisProps) => { /> ); }; -export const defaultProps: EllipsisProps = { - trim: 'middle', -}; -Demo.defaultProps = defaultProps; const data = [ { keyword: 'ebay buy', diff --git a/stories/components/feature-highlight/tests/examples/tabline.tsx b/stories/components/feature-highlight/tests/examples/tabline.tsx index 86b3c4a337..3ab0b632fe 100644 --- a/stories/components/feature-highlight/tests/examples/tabline.tsx +++ b/stories/components/feature-highlight/tests/examples/tabline.tsx @@ -1,4 +1,3 @@ -import type { EllipsisSettings } from '@semcore/ui/base-components'; import { Flex, ScreenReaderOnly } from '@semcore/ui/base-components'; import { TabLineFH, BadgeFH } from '@semcore/ui/feature-highlight'; import type { TabLineProps } from '@semcore/ui/tab-line'; @@ -15,8 +14,6 @@ export type TabLineFHAdvancedProps = TabLineProps & { disabled?: boolean; defaultValue?: number; ariaLabel?: string; - ellipsis?: true | EllipsisSettings; - w?: number | string; }; const Demo = (props: TabLineFHAdvancedProps) => { @@ -31,34 +28,25 @@ const Demo = (props: TabLineFHAdvancedProps) => { disabled = false, defaultValue = 2, ariaLabel = 'Tabs with highlighted item', - ellipsis, } = props; - const firstRef = React.useRef(null); - const secondRef = React.useRef(null); - const thirdRef = React.useRef(null); - return ( - - - {firstTabText} - + + {firstTabText} - + {secondTabText} {showBadge && ( @@ -67,10 +55,8 @@ const Demo = (props: TabLineFHAdvancedProps) => { )} - - - {thirdTabText} - + + {thirdTabText} Powered by AI @@ -89,8 +75,6 @@ export const defaultProps: TabLineFHAdvancedProps = { disabled: false, defaultValue: 2, ariaLabel: 'Tabs with highlighted item', - ellipsis: true, - w: undefined, }; Demo.defaultProps = defaultProps; diff --git a/stories/components/feature-highlight/tests/feature-highlight-tabline.stories.tsx b/stories/components/feature-highlight/tests/feature-highlight-tabline.stories.tsx index 6fd32789a3..c9f54df6cb 100644 --- a/stories/components/feature-highlight/tests/feature-highlight-tabline.stories.tsx +++ b/stories/components/feature-highlight/tests/feature-highlight-tabline.stories.tsx @@ -25,21 +25,6 @@ export const TabLineProps: StoryObj = { options: [1, 2, 3], }, ariaLabel: { control: 'text' }, - w: { - control: { type: 'number' }, - }, - ellipsis: { - control: 'select', - options: ['false', 'true', 'cropPosition:middle', 'cropPosition:end', 'cropPosition:middle lastRequiredSymbols:3', 'cropPosition:middle lastRequiredSymbols:0'], - mapping: { - 'false': false, - 'true': true, - 'cropPosition:middle': { cropPosition: 'middle' }, - 'cropPosition:end': { cropPosition: 'end' }, - 'cropPosition:middle lastRequiredSymbols:3': { cropPosition: 'middle', lastRequiredSymbols: 3 }, - 'cropPosition:middle lastRequiredSymbols:0': { cropPosition: 'middle', lastRequiredSymbols: 0 }, - }, - }, }, args: defaultProps, }; diff --git a/stories/components/icon/tests/examples/icons_color.tsx b/stories/components/icon/tests/examples/icons_color.tsx index 41e2d7bae7..584b2728e3 100644 --- a/stories/components/icon/tests/examples/icons_color.tsx +++ b/stories/components/icon/tests/examples/icons_color.tsx @@ -1,19 +1,20 @@ import WhatsAppL from '@semcore/icon/color/WhatsApp/l'; import WhatsAppM from '@semcore/icon/color/WhatsApp/m'; -import { Flex, Box } from '@semcore/ui/base-components'; +import { Flex } from '@semcore/ui/base-components'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { return ( <> - + - + - + - + ); diff --git a/stories/components/icon/tests/examples/icons_pay.tsx b/stories/components/icon/tests/examples/icons_pay.tsx index edeae82fb8..43adc899c7 100644 --- a/stories/components/icon/tests/examples/icons_pay.tsx +++ b/stories/components/icon/tests/examples/icons_pay.tsx @@ -1,19 +1,22 @@ +import AmericanExpressL from '@semcore/icon/pay/AmericanExpress/l'; +import AmericanExpressM from '@semcore/icon/pay/AmericanExpress/m'; import PayPalL from '@semcore/icon/pay/PayPal/l'; import PayPalM from '@semcore/icon/pay/PayPal/m'; -import { Flex, Box } from '@semcore/ui/base-components'; +import { Flex } from '@semcore/ui/base-components'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { return ( <> - - { return ( <> - - - - - - - - - - - - - - { return ( <> - - - + - - - + - - - - - - - + + ); diff --git a/stories/components/input-tags/docs/examples/entering_and_editing_tags.tsx b/stories/components/input-tags/docs/examples/entering_and_editing_tags.tsx index 1cc3bfe623..1f837bceda 100644 --- a/stories/components/input-tags/docs/examples/entering_and_editing_tags.tsx +++ b/stories/components/input-tags/docs/examples/entering_and_editing_tags.tsx @@ -1,14 +1,10 @@ -import { Flex, type EllipsisSettings } from '@semcore/ui/base-components'; -import type { InputTagsProps, InputTagsValueProps } from '@semcore/ui/input-tags'; +import { Flex } from '@semcore/ui/base-components'; +import Ellipsis from '@semcore/ui/ellipsis'; import InputTags from '@semcore/ui/input-tags'; import { Text } from '@semcore/ui/typography'; import React from 'react'; -type ExampleInputTagsProps = InputTagsProps & InputTagsValueProps; - -const ellipsisSettings: EllipsisSettings = { cropPosition: 'middle', observeChildrenMutations: true }; - -const Demo = (props: ExampleInputTagsProps) => { +const Demo = () => { const inputValueRef = React.useRef(null); const [tags, setTags] = React.useState([ 'TikTok', @@ -17,7 +13,7 @@ const Demo = (props: ExampleInputTagsProps) => { 'Instagram', 'Social media with a very long name', ]); - const [value, setValue] = React.useState(props.value); + const [value, setValue] = React.useState(''); const handleAppendTags = (newTags: string[]) => { setTags((tags) => [...tags, ...newTags]); @@ -73,47 +69,35 @@ const Demo = (props: ExampleInputTagsProps) => { Social media - + {tags.map((tag, idx) => ( - {tag} + {tag} - {!props.disabled && } + ))} ); }; -export const defaultProps: ExampleInputTagsProps = { - size: 'l', - placeholder: 'Add social media', - defaultValue: undefined, - state: undefined, - disabled: false, - delimiters: undefined, -}; - -Demo.defaultProps = defaultProps; - export default Demo; diff --git a/stories/components/input-tags/docs/input-tags.stories.tsx b/stories/components/input-tags/docs/input-tags.stories.tsx index d7527fa593..002d1ce310 100644 --- a/stories/components/input-tags/docs/input-tags.stories.tsx +++ b/stories/components/input-tags/docs/input-tags.stories.tsx @@ -1,7 +1,7 @@ import InputTags from '@semcore/ui/input-tags'; import type { Meta, StoryObj } from '@storybook/react-vite'; -import EnteringAndEditingTagsExample, { defaultProps as defaultPropsEditing } from './examples/entering_and_editing_tags'; +import EnteringAndEditingTagsExample from './examples/entering_and_editing_tags'; import SelectForTagFilteringExample from './examples/select_for_tag_filtering'; import WrappingEmailInTagExample, { defaultPropsEmail } from './examples/wrapping_email_in_tag'; @@ -35,7 +35,6 @@ export const WrappingEmailInTag: StoryObj = { export const EnteringAndEditingTags: StoryObj = { render: EnteringAndEditingTagsExample, - args: defaultPropsEditing, }; export const SelectForTagFiltering: StoryObj = { diff --git a/stories/components/input-tags/tests/examples/entering_and_editing_tags.tsx b/stories/components/input-tags/tests/examples/entering_and_editing_tags.tsx index 9a43cc09a2..2d4233b480 100644 --- a/stories/components/input-tags/tests/examples/entering_and_editing_tags.tsx +++ b/stories/components/input-tags/tests/examples/entering_and_editing_tags.tsx @@ -1,4 +1,5 @@ import { Flex } from '@semcore/ui/base-components'; +import Ellipsis from '@semcore/ui/ellipsis'; import type { InputTagsProps, InputTagsValueProps, InputTagsTagProps } from '@semcore/ui/input-tags'; import InputTags from '@semcore/ui/input-tags'; import { Text } from '@semcore/ui/typography'; @@ -86,7 +87,7 @@ const Demo = (props: ExampleInputTagsProps) => { active={props.active} > - {tag} + {tag} diff --git a/stories/components/input/docs/examples/input_with_a_submit_icon.tsx b/stories/components/input/docs/examples/input_with_a_submit_icon.tsx index f762f2e4fa..f358e74f9e 100644 --- a/stories/components/input/docs/examples/input_with_a_submit_icon.tsx +++ b/stories/components/input/docs/examples/input_with_a_submit_icon.tsx @@ -2,6 +2,7 @@ import CheckM from '@semcore/icon/Check/m'; import { Flex } from '@semcore/ui/base-components'; import { ButtonLink } from '@semcore/ui/button'; import Input from '@semcore/ui/input'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -22,7 +23,8 @@ const Demo = () => { /> {value && ( - { /> {value && ( - { Forgot? - setType((type) => (type === 'password' ? 'text' : 'password'))} diff --git a/stories/components/input/docs/examples/input_with_other_component_inside.tsx b/stories/components/input/docs/examples/input_with_other_component_inside.tsx index eb41e006a1..aa35928aaf 100644 --- a/stories/components/input/docs/examples/input_with_other_component_inside.tsx +++ b/stories/components/input/docs/examples/input_with_other_component_inside.tsx @@ -42,7 +42,9 @@ const Demo = () => { aria-describedby='badge-new' /> - + + new + diff --git a/stories/components/input/docs/examples/password_input.tsx b/stories/components/input/docs/examples/password_input.tsx index 9ed1c3fea3..fccd4f1a0b 100644 --- a/stories/components/input/docs/examples/password_input.tsx +++ b/stories/components/input/docs/examples/password_input.tsx @@ -3,6 +3,7 @@ import ShowYesM from '@semcore/icon/ShowYes/m'; import { Flex } from '@semcore/ui/base-components'; import { ButtonLink } from '@semcore/ui/button'; import Input from '@semcore/ui/input'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -23,8 +24,9 @@ const Demo = () => { id='password-example' /> - setType((type) => (type === 'password' ? 'text' : 'password'))} diff --git a/stories/components/input/tests/examples/input-base-example.tsx b/stories/components/input/tests/examples/input-base-example.tsx index 22e08b13a5..634573d11a 100644 --- a/stories/components/input/tests/examples/input-base-example.tsx +++ b/stories/components/input/tests/examples/input-base-example.tsx @@ -69,7 +69,7 @@ const Demo = (props: BaseExampleProps) => { readOnly={props.readOnly} /> - + alpha @@ -92,7 +92,7 @@ const Demo = (props: BaseExampleProps) => { readOnly={props.readOnly} /> - + alpha diff --git a/stories/components/input/tests/examples/input-with-neighborlocation.tsx b/stories/components/input/tests/examples/input-with-neighborlocation.tsx index e645abae5d..71e5ce7ba2 100644 --- a/stories/components/input/tests/examples/input-with-neighborlocation.tsx +++ b/stories/components/input/tests/examples/input-with-neighborlocation.tsx @@ -4,6 +4,7 @@ import { Flex, NeighborLocation } from '@semcore/ui/base-components'; import { ButtonLink } from '@semcore/ui/button'; import type { InputProps, InputValueProps } from '@semcore/ui/input'; import Input from '@semcore/ui/input'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; type WithNeighborLocationExampleProps = InputProps & InputValueProps & BoxProps; @@ -26,7 +27,7 @@ const Demo = (props: WithNeighborLocationExampleProps) => { readOnly={props.readOnly} /> - + { return ( <> - + - Link + Link diff --git a/stories/components/link/docs/examples/link_inside_the_content.tsx b/stories/components/link/docs/examples/link_inside_the_content.tsx index f094e12138..4a5658ee58 100644 --- a/stories/components/link/docs/examples/link_inside_the_content.tsx +++ b/stories/components/link/docs/examples/link_inside_the_content.tsx @@ -1,49 +1,48 @@ import LinkExternalM from '@semcore/icon/LinkExternal/m'; import Link from '@semcore/ui/link'; -import { Text, List } from '@semcore/ui/typography'; +import { List } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { return ( - <> - - The Intergalactic Design System +
    +

    + The Intergalactic Design System is so cutting-edge that even black holes are jealous of + its sleek interface, {' '} - - - is so cutting-edge that even black holes are jealous of - its sleek interface, look at them - + + look at them . - - +

    +

    Aliens from distant galaxies use it to {' '} - + create otherworldly websites + {' '} {' '} that are so user-friendly, even a space-faring cat with paws can navigate them. - - Look at these: - +

    +

    Look at these:

    + - + Alien fashionistas on Mars are rocking sleek spacesuits with astonishing components. - - This link has noWrap="true". Rumor has it that our design system's official font is so futuristic that it writes its + + Rumor has it that our design system's official font is so futuristic that it writes its own code while you're reading it. - +
    ); }; diff --git a/stories/components/link/docs/examples/link_without_text.tsx b/stories/components/link/docs/examples/link_without_text.tsx index 4853ea91ce..0f495e5c57 100644 --- a/stories/components/link/docs/examples/link_without_text.tsx +++ b/stories/components/link/docs/examples/link_without_text.tsx @@ -1,20 +1,18 @@ import HomeM from '@semcore/icon/Home/m'; import LinkExternalM from '@semcore/icon/LinkExternal/m'; -import { Hint } from '@semcore/ui/base-components'; import Link from '@semcore/ui/link'; +import { Hint } from '@semcore/ui/tooltip'; import React from 'react'; const Demo = () => { - const linkRef = React.useRef(null); return ( <> - + - Go to the next page ); }; diff --git a/stories/components/link/docs/examples/links_with_ellipsis.tsx b/stories/components/link/docs/examples/links_with_ellipsis.tsx index 772eb744fb..ec5f8f3604 100644 --- a/stories/components/link/docs/examples/links_with_ellipsis.tsx +++ b/stories/components/link/docs/examples/links_with_ellipsis.tsx @@ -6,20 +6,23 @@ import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { - const linkRef = React.useRef(null); return ( - Sep 3 + Sep 3 - - - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque iusto, sed! - Asperiores, consectetur deserunt et ipsam omnis quae repellendus velit veniam. - Asperiores dicta dolor ducimus enim fugit laborum minima reprehenderit? - - - - + + + + + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque iusto, sed! + Asperiores, consectetur deserunt et ipsam omnis quae repellendus velit veniam. + Asperiores dicta dolor ducimus enim fugit laborum minima reprehenderit? + + + + + + ); diff --git a/stories/components/link/tests/examples/link-hint.tsx b/stories/components/link/tests/examples/link-hint.tsx index 333d793322..15074212c9 100644 --- a/stories/components/link/tests/examples/link-hint.tsx +++ b/stories/components/link/tests/examples/link-hint.tsx @@ -1,14 +1,14 @@ import VideoListL from '@semcore/icon/VideoList/l'; import { Flex } from '@semcore/ui/base-components'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; -import { Text } from '@semcore/ui/typography'; import React from 'react'; const Demo = () => { return ( <> - cndskjnvd vnkfdlnbklfdnb bfndklbnkld + cndskjnvd vnkfdlnbklfdnb bfndklbnkld { - cndskjnvd vnkfdlnbklfdnb bfndklbnkld + cndskjnvd vnkfdlnbklfdnb bfndklbnkld { - cndskjnvd vnkfdlnbklfdnb bfndklbnkld + cndskjnvd vnkfdlnbklfdnb bfndklbnkld { return (
    @@ -13,7 +10,7 @@ const Demo = () => { The Intergalactic Design System is so cutting-edge that even black holes are jealous of its sleek interface, {' '} - + look at them @@ -24,7 +21,7 @@ const Demo = () => {

    Aliens from distant galaxies use it to {' '} - + create otherworldly websites {' '} {' '} @@ -37,7 +34,7 @@ const Demo = () => {

    Aliens from distant galaxies use it to {' '} - + create otherworldly websites {' '} {' '} @@ -58,47 +55,34 @@ const Demo = () => { - This is some text with a - {' '} - {' '} - - noWrap=false Disabled Alien fashionistas on Mars are rocking sleek spacesuits with astonishing components. + + Inline = true Alien fashionistas on Mars are rocking sleek spacesuits with astonishing components. + + + + + + + + Inline = false Alien fashionistas on Mars are rocking sleek spacesuits with astonishing components. - This is some text with a - {' '} - {' '} - - noWrap=true Disabled Alien fashionistas on Mars are rocking sleek spacesuits with astonishing components. + + noWrap=false Rumor has it that our design system's official font is so futuristic that it writes its + own code while you're reading it. + + + + + noWrap=true Rumor has it that our design system's official font is so futuristic that it writes its + own code while you're reading it. - - - This is some text with a - {' '} - - Link and addon Left - - {' '} - and - {' '} - - Link and addon Right - - {' '} - and - {' '} - - Link without addon - - {' '} - to check that everything is on the baseline -

    ); }; diff --git a/stories/components/pills/tests/examples/basic_example.tsx b/stories/components/pills/tests/examples/basic_example.tsx index c192172e97..e0a7cb80bd 100644 --- a/stories/components/pills/tests/examples/basic_example.tsx +++ b/stories/components/pills/tests/examples/basic_example.tsx @@ -34,7 +34,7 @@ const Demo = (props: PillExampleProps) => { Badge - + admin diff --git a/stories/components/product-head/advanced/examples/long-long-title.tsx b/stories/components/product-head/advanced/examples/long-long-title.tsx index 48ec6be5b3..3c43ac4052 100644 --- a/stories/components/product-head/advanced/examples/long-long-title.tsx +++ b/stories/components/product-head/advanced/examples/long-long-title.tsx @@ -5,6 +5,7 @@ import InfoM from '@semcore/icon/Info/m'; import { Flex, Box } from '@semcore/ui/base-components'; import { LinkTrigger } from '@semcore/ui/base-trigger'; import { ButtonLink } from '@semcore/ui/button'; +import Ellipsis from '@semcore/ui/ellipsis'; import Link from '@semcore/ui/link'; import Header, { Info, Title } from '@semcore/ui/product-head'; import Select from '@semcore/ui/select'; @@ -18,17 +19,17 @@ const Demo = () => {
    - <Text color='text-secondary' tag={Flex} mr={4}> - <Text ellipsis={true}> + <Text color='text-secondary' noWrap tag={Flex} mr={4}> + <Ellipsis trim='end'> Domain.com Domain.com Domain.com Domain.com Domain.com Domain.com Domain.com Domain.com Domain.com Domain.com - </Text> + </Ellipsis> <ButtonLink addonLeft={EditM} aria-label='Hint for button-link' /> </Text> Feedback - User manual + User manual diff --git a/stories/components/product-head/docs/examples/extended_example.tsx b/stories/components/product-head/docs/examples/extended_example.tsx index 20be2c0c04..066c6b63fc 100644 --- a/stories/components/product-head/docs/examples/extended_example.tsx +++ b/stories/components/product-head/docs/examples/extended_example.tsx @@ -28,7 +28,7 @@ const Demo = () => { Feedback - User manual + User manual diff --git a/stories/components/side-panel/tests/examples/with-ellipsis-and-tooltip.tsx b/stories/components/side-panel/tests/examples/with-ellipsis-and-tooltip.tsx index 0c6f622863..91547939da 100644 --- a/stories/components/side-panel/tests/examples/with-ellipsis-and-tooltip.tsx +++ b/stories/components/side-panel/tests/examples/with-ellipsis-and-tooltip.tsx @@ -1,5 +1,6 @@ import FileExportM from '@semcore/icon/FileExport/m'; import Button from '@semcore/ui/button'; +import Ellipsis from '@semcore/ui/ellipsis'; import SidePanel from '@semcore/ui/side-panel'; import Tooltip from '@semcore/ui/tooltip'; import React from 'react'; @@ -13,7 +14,7 @@ const Demo = () => { setVisible(false)} aria-label='My side panel'> Go to Tool Name - Heading 6, 16px Heading 6, 16px + Heading 6, 16px Heading 6, 16px Content diff --git a/stories/components/tab-line/docs/examples/automatic_tab_activation.tsx b/stories/components/tab-line/docs/examples/automatic_tab_activation.tsx new file mode 100644 index 0000000000..9d5f778eb1 --- /dev/null +++ b/stories/components/tab-line/docs/examples/automatic_tab_activation.tsx @@ -0,0 +1,75 @@ +import TabLine from '@semcore/ui/tab-line'; +import React from 'react'; + +const Demo = () => { + const [value, setValue] = React.useState(1); + + return ( + <> + + + Cats + + + Dogs + + + Birds + + + { + [ +
    +

    Cats

    +

    + They are the only creatures that can simultaneously demand your attention and ignore + you completely, while plotting world domination from the top of the refrigerator. +

    +
    , + , + , + ][value - 1] + } + + ); +}; + +export default Demo; diff --git a/stories/components/tab-line/docs/examples/manual_tab_activation.tsx b/stories/components/tab-line/docs/examples/manual_tab_activation.tsx index c6eb029248..268021a45d 100644 --- a/stories/components/tab-line/docs/examples/manual_tab_activation.tsx +++ b/stories/components/tab-line/docs/examples/manual_tab_activation.tsx @@ -12,21 +12,21 @@ const Demo = () => { aria-controls={value === 1 ? 'tab-panel-3-1' : undefined} id='tab-label-3-1' > - Catsasdfasdfasdfadsf + Cats - Dogsasdfasdfasdfasdf + Dogs - Birdsadsfasdfasdfasdf + Birds { diff --git a/stories/components/tab-line/docs/examples/tab_line_item_addons.tsx b/stories/components/tab-line/docs/examples/tab_line_item_addons.tsx index 505bd195fe..7196fe57c6 100644 --- a/stories/components/tab-line/docs/examples/tab_line_item_addons.tsx +++ b/stories/components/tab-line/docs/examples/tab_line_item_addons.tsx @@ -30,7 +30,7 @@ const Demo = () => { Instagram - new + new = { export default meta; type Story = StoryObj; -export const ManualTabActivation: Story = { - render: ManualTabActivationExample, +export const AutomaticTabActivation: Story = { + render: AutomaticTabActivationExample, }; export const DisabledTabLineItem: Story = { render: DisabledTabLineItemExample, }; +export const ManualTabActivation: Story = { + render: ManualTabActivationExample, +}; + export const TabLineItemAddons: Story = { render: TabLineItemAddonsExample, }; diff --git a/stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx b/stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx index 6e4c631b77..dacb099524 100644 --- a/stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx +++ b/stories/components/tab-line/tests/examples/tab_line_item_addons_and_props.tsx @@ -2,16 +2,14 @@ import FacebookM from '@semcore/icon/Facebook/m'; import InstagramM from '@semcore/icon/Instagram/m'; import TwitterM from '@semcore/icon/Twitter/m'; import Badge from '@semcore/ui/badge'; -import type { BoxProps, EllipsisSettings } from '@semcore/ui/base-components'; +import type { BoxProps } from '@semcore/ui/base-components'; import Counter from '@semcore/ui/counter'; import TabLine from '@semcore/ui/tab-line'; import type { TabLineProps, TabLineItemProps } from '@semcore/ui/tab-line'; import { Text } from '@semcore/ui/typography'; import React from 'react'; -type TabLineDefProps = TabLineProps & BoxProps & TabLineItemProps & { - ellipsis?: true | EllipsisSettings; -}; +type TabLineDefProps = TabLineProps & BoxProps & TabLineItemProps; const Demo = (props: TabLineDefProps) => { const [value, setValue] = React.useState(2); @@ -19,6 +17,7 @@ const Demo = (props: TabLineDefProps) => { return ( <> { aria-label='Social network reports' > - Facebook + Facebook { - Instagram Instagram + Instagram - new + new { - Twitter Twitter + Twitter - 1 + Twitter - Twitter3 + + Twitter3 + { 32 - Twitter2 + Twitter2 - Twitter4 Twitter4 + + Twitter4 + @@ -177,7 +175,6 @@ export const defaultProps: TabLineDefProps = { underlined: undefined, selected: undefined, w: undefined, - ellipsis: true, }; Demo.defaultProps = defaultProps; diff --git a/stories/components/tab-line/tests/tab-line.stories.tsx b/stories/components/tab-line/tests/tab-line.stories.tsx index 7f90f4c776..60076af57e 100644 --- a/stories/components/tab-line/tests/tab-line.stories.tsx +++ b/stories/components/tab-line/tests/tab-line.stories.tsx @@ -24,6 +24,9 @@ export const TabLineItemAddons: StoryObj = { underlined: { control: { type: 'boolean' }, }, + selected: { + control: { type: 'boolean' }, + }, behavior: { control: { type: 'select' }, options: ['auto', 'manual'], @@ -31,18 +34,6 @@ export const TabLineItemAddons: StoryObj = { w: { control: { type: 'number' }, }, - ellipsis: { - control: 'select', - options: ['false', 'true', 'cropPosition:middle', 'cropPosition:middle lastRequiredSymbols:3', 'cropPosition:middle lastRequiredSymbols:0'], - mapping: { - 'false': false, - 'true': true, - 'cropPosition:middle': { cropPosition: 'middle' }, - 'cropPosition:end': { cropPosition: 'end' }, - 'cropPosition:middle lastRequiredSymbols:3': { cropPosition: 'middle', lastRequiredSymbols: 3 }, - 'cropPosition:middle lastRequiredSymbols:0': { cropPosition: 'middle', lastRequiredSymbols: 0 }, - }, - }, }, args: TabLineItemAddonsProps, }; diff --git a/stories/components/tab-panel/docs/examples/manual_tab_activation.tsx b/stories/components/tab-panel/docs/examples/manual_tab_activation.tsx new file mode 100644 index 0000000000..7ba45f6f51 --- /dev/null +++ b/stories/components/tab-panel/docs/examples/manual_tab_activation.tsx @@ -0,0 +1,75 @@ +import TabPanel from '@semcore/ui/tab-panel'; +import React from 'react'; + +const Demo = () => { + const [value, setValue] = React.useState(1); + + return ( + <> + + + Cats + + + Dogs + + + Birds + + + { + [ +
    +

    Cats

    +

    + They are the only creatures that can simultaneously demand your attention and ignore + you completely, while plotting world domination from the top of the refrigerator. +

    +
    , + , + , + ][value - 1] + } + + ); +}; + +export default Demo; diff --git a/stories/components/tab-panel/docs/examples/tab_panel_item_addons.tsx b/stories/components/tab-panel/docs/examples/tab_panel_item_addons.tsx index a43afbbc59..c1a3d32ffc 100644 --- a/stories/components/tab-panel/docs/examples/tab_panel_item_addons.tsx +++ b/stories/components/tab-panel/docs/examples/tab_panel_item_addons.tsx @@ -30,7 +30,7 @@ const Demo = () => { Instagram - new + new = { @@ -21,6 +22,10 @@ export const DisabledTabPanelItem: Story = { render: DisabledTabPanelItemExample, }; +export const ManualTabActivation: Story = { + render: ManualTabActivationExample, +}; + export const TabPanelAddons: Story = { render: TabPanelAddonsExample, }; diff --git a/stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx b/stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx index 0eaec11586..b961c3dac2 100644 --- a/stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx +++ b/stories/components/tab-panel/tests/examples/tab_panel_item_addons_and_props.tsx @@ -2,16 +2,14 @@ import FacebookM from '@semcore/icon/Facebook/m'; import InstagramM from '@semcore/icon/Instagram/m'; import TwitterM from '@semcore/icon/Twitter/m'; import Badge from '@semcore/ui/badge'; -import type { BoxProps, EllipsisSettings } from '@semcore/ui/base-components'; +import type { BoxProps } from '@semcore/ui/base-components'; import Counter from '@semcore/ui/counter'; import TabPanel from '@semcore/ui/tab-panel'; import type { TabPanelProps, TabPanelItemProps } from '@semcore/ui/tab-panel'; import { Text } from '@semcore/ui/typography'; import React from 'react'; -type TabPanelDefProps = TabPanelProps & BoxProps & TabPanelItemProps & { - ellipsis?: true | EllipsisSettings; -}; +type TabPanelDefProps = TabPanelProps & BoxProps & TabPanelItemProps; const Demo = (props: TabPanelDefProps) => { const [value, setValue] = React.useState(2); @@ -19,20 +17,21 @@ const Demo = (props: TabPanelDefProps) => { return ( <> setValue(val)} aria-label='Social network reports' > - Facebook + Facebook @@ -46,13 +45,12 @@ const Demo = (props: TabPanelDefProps) => { - Instagram Instagram + Instagram - new + new { - Twitter + Twitter - 1 + Twitter { addonRight={TwitterM} > - Twitter3 + Twitter3 { 32 - Twitter2 + Twitter2 - Twitter4 + Twitter4 @@ -176,7 +171,6 @@ export const defaultProps: TabPanelDefProps = { disabled: false, selected: undefined, w: undefined, - ellipsis: true, }; Demo.defaultProps = defaultProps; diff --git a/stories/components/tab-panel/tests/tab-panel.stories.tsx b/stories/components/tab-panel/tests/tab-panel.stories.tsx index d7250d6646..72d891578b 100644 --- a/stories/components/tab-panel/tests/tab-panel.stories.tsx +++ b/stories/components/tab-panel/tests/tab-panel.stories.tsx @@ -17,6 +17,9 @@ export const TabPanelItemAddons: StoryObj = { disabled: { control: { type: 'boolean' }, }, + selected: { + control: { type: 'boolean' }, + }, behavior: { control: { type: 'select' }, options: ['auto', 'manual'], @@ -24,18 +27,6 @@ export const TabPanelItemAddons: StoryObj = { w: { control: { type: 'number' }, }, - ellipsis: { - control: 'select', - options: ['false', 'true', 'cropPosition:middle', 'cropPosition:end', 'cropPosition:middle lastRequiredSymbols:3', 'cropPosition:middle lastRequiredSymbols:0'], - mapping: { - 'false': false, - 'true': true, - 'cropPosition:middle': { cropPosition: 'middle' }, - 'cropPosition:end': { cropPosition: 'end' }, - 'cropPosition:middle lastRequiredSymbols:3': { cropPosition: 'middle', lastRequiredSymbols: 3 }, - 'cropPosition:middle lastRequiredSymbols:0': { cropPosition: 'middle', lastRequiredSymbols: 0 }, - }, - }, }, args: TabPanelItemAddonsProps, }; diff --git a/stories/components/tag/docs/examples/removing_tag.tsx b/stories/components/tag/docs/examples/removing_tag.tsx index 67af4bab36..102188ed79 100644 --- a/stories/components/tag/docs/examples/removing_tag.tsx +++ b/stories/components/tag/docs/examples/removing_tag.tsx @@ -17,7 +17,7 @@ const Demo = () => { return ( {tags.map((tag, idx) => ( - + {tag} diff --git a/stories/components/tooltip/docs/examples/basic_usage.tsx b/stories/components/tooltip/docs/examples/basic_usage.tsx index d4894ec78f..a99f66a8fd 100644 --- a/stories/components/tooltip/docs/examples/basic_usage.tsx +++ b/stories/components/tooltip/docs/examples/basic_usage.tsx @@ -26,7 +26,16 @@ const Demo = () => ( addonLeft={FileExportM} /> - + + Hint: + + + DescriptionTooltip: diff --git a/stories/patterns/core/tests/focus-in-all-components.tsx b/stories/patterns/core/tests/focus-in-all-components.tsx index 3b2c602c14..9e37a89a44 100644 --- a/stories/patterns/core/tests/focus-in-all-components.tsx +++ b/stories/patterns/core/tests/focus-in-all-components.tsx @@ -284,7 +284,7 @@ const FocusInAllComponents = () => { Instagram - + new     diff --git a/stories/patterns/filters/advanced-filters/docs/examples/filters-with-filter-conditions.tsx b/stories/patterns/filters/advanced-filters/docs/examples/filters-with-filter-conditions.tsx index c7b858904d..202ccbf1f7 100644 --- a/stories/patterns/filters/advanced-filters/docs/examples/filters-with-filter-conditions.tsx +++ b/stories/patterns/filters/advanced-filters/docs/examples/filters-with-filter-conditions.tsx @@ -8,6 +8,7 @@ import Divider from '@semcore/ui/divider'; import Dropdown from '@semcore/ui/dropdown'; import Input from '@semcore/ui/input'; import Select from '@semcore/ui/select'; +import { Hint } from '@semcore/ui/tooltip'; import React, { useEffect, useRef, useState } from 'react'; const makeOptions = (options: string[]) => options.map((value) => ({ value, children: value })); diff --git a/stories/patterns/filters/filter-search/docs/examples/dynamic_search.tsx b/stories/patterns/filters/filter-search/docs/examples/dynamic_search.tsx index ab25856c97..cc217e85d9 100644 --- a/stories/patterns/filters/filter-search/docs/examples/dynamic_search.tsx +++ b/stories/patterns/filters/filter-search/docs/examples/dynamic_search.tsx @@ -3,6 +3,7 @@ import Search from '@semcore/icon/Search/m'; import { Flex } from '@semcore/ui/base-components'; import { ButtonLink } from '@semcore/ui/button'; import Input from '@semcore/ui/input'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -34,7 +35,7 @@ const Demo = () => { /> {value && ( - + )} diff --git a/stories/patterns/filters/filter-search/docs/examples/search-by-button.tsx b/stories/patterns/filters/filter-search/docs/examples/search-by-button.tsx index db36d423b9..1e58a69313 100644 --- a/stories/patterns/filters/filter-search/docs/examples/search-by-button.tsx +++ b/stories/patterns/filters/filter-search/docs/examples/search-by-button.tsx @@ -3,6 +3,7 @@ import Search from '@semcore/icon/Search/m'; import { Flex, Box } from '@semcore/ui/base-components'; import Button, { ButtonLink } from '@semcore/ui/button'; import Input from '@semcore/ui/input'; +import { Hint } from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import React from 'react'; @@ -41,7 +42,7 @@ const Demo = () => { )} - - - ); -}; -export const ListIcons = ({ data, ...props }) => { return (
      { aria-label={props['aria-label']} > {data.map((icon) => { - return (); + const Icon = icons[icon.name]; + if (!Icon) { + throw new Error(`Icon ${icon.name} not found in import from @icons`); + } + + return ( +
    • + +
      • + ); })}
    ); diff --git a/website/docs/style/icon/styles.module.css b/website/docs/style/icon/styles.module.css index 83ef7c0ec7..2582c6dd8f 100644 --- a/website/docs/style/icon/styles.module.css +++ b/website/docs/style/icon/styles.module.css @@ -30,6 +30,12 @@ ul.list { box-sizing: border-box; outline: none; padding: var(--intergalactic-spacing-3x); + font-size: var(--intergalactic-fs-200); + line-height: var(--intergalactic-lh-200); + color: var(--intergalactic-text-secondary); + text-wrap: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .previewIcon button:hover { diff --git a/website/docs/style/illustration/illustration-group.jsx b/website/docs/style/illustration/illustration-group.jsx index ee618ff045..d73d6ae397 100644 --- a/website/docs/style/illustration/illustration-group.jsx +++ b/website/docs/style/illustration/illustration-group.jsx @@ -1,6 +1,7 @@ import Copy from '@components/Copy'; import { Flex } from '@semcore/base-components'; import Button from '@semcore/button'; +import Ellipsis from '@semcore/ellipsis'; import CopyM from '@semcore/icon/Copy/m'; import FileDownloadM from '@semcore/icon/FileDownload/m'; import SidePanel from '@semcore/side-panel'; @@ -78,12 +79,10 @@ export const ListIllustrations = ({ data, ...props }) => { `Illustration ${illustration.name} not found in import from @illustrations`, ); } - const buttonRef = React.useRef(); return (
    • ); diff --git a/website/docs/style/illustration/styles.module.css b/website/docs/style/illustration/styles.module.css index 0bde9a4c9a..bb7ffd61a5 100644 --- a/website/docs/style/illustration/styles.module.css +++ b/website/docs/style/illustration/styles.module.css @@ -38,7 +38,7 @@ ul.list { box-shadow: var(--intergalactic-keyboard-focus); } -button[data-name='PanelTrigger'] { +div[data-name='PanelTrigger'] { width: 100%; padding: var(--intergalactic-spacing-3x); font-size: var(--intergalactic-fs-200); @@ -46,7 +46,7 @@ button[data-name='PanelTrigger'] { color: var(--intergalactic-text-secondary); } -button[data-name='PanelTrigger'] svg { +div[data-name='PanelTrigger'] svg { display: block; margin: 0 auto var(--intergalactic-spacing-3x); -} +} \ No newline at end of file diff --git a/website/docs/table-group/data-table/data-table.md b/website/docs/table-group/data-table/data-table.md index 1587b76d57..2945dd9ea0 100644 --- a/website/docs/table-group/data-table/data-table.md +++ b/website/docs/table-group/data-table/data-table.md @@ -49,7 +49,7 @@ Table: Common styles for table content You can use [Tooltip](../../components/tooltip/tooltip.md) to display additional information about a column. -![](static/tooltip.png) +![](static/tooltip-2.png) ### Long titles @@ -57,9 +57,9 @@ By default, long column titles wrap to the next line. ![](static/header-text-wrap.png) -Alternatively, if the space is limited, you can disable text wrap and truncate the title with [ellipsis](../../utils/ellipsis/ellipsis), showing the full text on hover. +Alternatively, if the space is limited, you can disable text wrap and truncate the title with [Ellipsis](../../components/ellipsis/ellipsis.md), showing the full text on hover. -![](static/hint.png) +![](static/tooltip-1.png) ### Sticky header diff --git a/website/docs/table-group/data-table/static/hint.png b/website/docs/table-group/data-table/static/hint.png deleted file mode 100644 index 8215c1a257..0000000000 Binary files a/website/docs/table-group/data-table/static/hint.png and /dev/null differ diff --git a/website/docs/table-group/data-table/static/tooltip-1.png b/website/docs/table-group/data-table/static/tooltip-1.png new file mode 100644 index 0000000000..c2f7cac0d0 Binary files /dev/null and b/website/docs/table-group/data-table/static/tooltip-1.png differ diff --git a/website/docs/table-group/data-table/static/tooltip.png b/website/docs/table-group/data-table/static/tooltip-2.png similarity index 100% rename from website/docs/table-group/data-table/static/tooltip.png rename to website/docs/table-group/data-table/static/tooltip-2.png diff --git a/website/docs/table-group/table-controls/static/ellipsis-end.png b/website/docs/table-group/table-controls/static/ellipsis-end.png index 8807bc9847..ba14428ce0 100644 Binary files a/website/docs/table-group/table-controls/static/ellipsis-end.png and b/website/docs/table-group/table-controls/static/ellipsis-end.png differ diff --git a/website/docs/table-group/table-controls/static/ellipsis-middle.png b/website/docs/table-group/table-controls/static/ellipsis-middle.png index 2c02d8ec49..289d4555cc 100644 Binary files a/website/docs/table-group/table-controls/static/ellipsis-middle.png and b/website/docs/table-group/table-controls/static/ellipsis-middle.png differ diff --git a/website/docs/table-group/table-controls/table-controls.md b/website/docs/table-group/table-controls/table-controls.md index 576125da16..ae02c4c17d 100644 --- a/website/docs/table-group/table-controls/table-controls.md +++ b/website/docs/table-group/table-controls/table-controls.md @@ -96,11 +96,9 @@ Use `Shift` key to select a range of rows at once. Use the action bar to show info and actions for the selected rows. - * Place the bar above the table. Placing the bar between the table header and body will make the table less accessible. * If the beginning of the table is currently visible, the action bar shifts the whole table down and up when appearing and disappearing. * Alternatively, the action bar can be displayed permanently. In this case selecting rows adds or replaces elements in the bar. - ::: tip If your action bar shifts the table down and up, set a 150–200ms transition for smooth entrance and exit. [Refer to our example](../data-table/data-table-code.md#checkboxes-and-action-bar). @@ -174,19 +172,17 @@ Links in cells can lead to internal pages or external resources: Choose from three options based on context: - ### Truncate text at the end -- this solution is suitable for most tables, since data they contain usually occupies a single row -- show the full text in a [hint](../../utils/hint/hint) while hovering over the text +- This solution is suitable for most tables, since data they contain usually occupies a single row. +- Show the full text in the tooltip while hovering over the text. ![](static/ellipsis-end.png) ### Truncate text in the middle - -- this option is suitable for URLs that differ in the last characters -- show the full text in a [hint](../../utils/hint/hint) while hovering over the text +- This option is suitable for URLs that differ in the last characters. +- Show the full text in the tooltip while hovering over the text. ![](static/ellipsis-middle.png) diff --git a/website/docs/utils/ellipsis/ellipsis-a11y.md b/website/docs/utils/ellipsis/ellipsis-a11y.md deleted file mode 100644 index 25a9ca8598..0000000000 --- a/website/docs/utils/ellipsis/ellipsis-a11y.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: Ellipsis -tabs: Design('ellipsis'), A11y('ellipsis-a11y'), Example('ellipsis-code'), Changelog('ellipsis-changelog') ---- - -## Considerations for designers and developers - -Avoid using `ellipsis` for noninteractive text—when using keyboard, the hint with the full text can only appear on focus, so it will be inaccessible for keyboard users. - -If you have to truncate noninteractive text, provide a control to expand the full text, such as a **Show more** [button](../../components/button/button). - -## Other recommendations - -Find more accessibility recommendations in the common [Accessibility guide](/core-principles/a11y/a11y). diff --git a/website/docs/utils/ellipsis/ellipsis-changelog.md b/website/docs/utils/ellipsis/ellipsis-changelog.md deleted file mode 100644 index be76a25f17..0000000000 --- a/website/docs/utils/ellipsis/ellipsis-changelog.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Ellipsis -tabs: Design('ellipsis'), A11y('ellipsis-a11y'), Example('ellipsis-code'), Changelog('ellipsis-changelog') ---- - -::: info -This is the common changelog of the `base-components` package. -::: - -::: changelog base-components ::: diff --git a/website/docs/utils/ellipsis/ellipsis-code.md b/website/docs/utils/ellipsis/ellipsis-code.md deleted file mode 100644 index 0a6418d44b..0000000000 --- a/website/docs/utils/ellipsis/ellipsis-code.md +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: Ellipsis -tabs: Design('ellipsis'), A11y('ellipsis-a11y'), Example('ellipsis-code'), Changelog('ellipsis-changelog') ---- - -## Basic usage - -You can enable ellipsis in [Text](../../style/typography/typography-api#text) by passing ellipsis settings to the `ellipsis` property. - -To use the default settings, use `ellipsis={true}`. - -Ellipsis can be enabled in all other components that are based on Text, such as: [Tag.Text](../../components/tag/tag-api#tag-text), [Link.Text](../../components/link/link-api#link-text), [Card.Title](../../components/card/card-api#card-title), and so on. To find out which components support the `ellipsis` property, refer to the API documentation. - -::: sandbox - - - -::: - -## Performance optimization - -If you have a lot of ellipsis instances on one screen, you can optimize the performance by using one observer for all instances. - -::: sandbox - - - -::: - -## Search in cropped text - -It's possible to implement text search in the cropped parts of the content. - -You can use a `CSSProperties` object or a string with the class name to highlight the found text. - -Note that you should calculate `from`/`to` indexes by yourself. - - -::: sandbox - - - -::: - -## Precise ellipsis position - -When using `cropPosition: 'middle'`, you can position the ellipsis more precisely by defining how many characters should be visible after the ellipsis. - -::: sandbox - - - -::: - -## Multiline paragraphs - -You can truncate paragraphs of text with ellipsis using the `maxLine` property. - -Note that `maxLine` can only be used with `cropPosition: end`, and the hint is automatically disabled in this case. - -::: sandbox - - - -::: - -## Hint properties - -You can customize the hint that appears on hover/focus by using the `hintProps` property. - -::: sandbox - - - -::: diff --git a/website/docs/utils/ellipsis/ellipsis.md b/website/docs/utils/ellipsis/ellipsis.md deleted file mode 100644 index 86539f2e2f..0000000000 --- a/website/docs/utils/ellipsis/ellipsis.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: Ellipsis -tabs: Design('ellipsis'), A11y('ellipsis-a11y'), Example('ellipsis-code'), Changelog('ellipsis-changelog') ---- - -## Description - -**Ellipsis** is a tool that allows to truncate a line or a paragraph of text. For a single line, a [hint](../hint/hint) with the full text appears on hover. - -**Use ellipsis in the following situations:** - -- You need to keep the text from wrapping to a new line. -- You need to truncate the text at a certain line. -- The text is user-entered or dynamic and it's difficult to know how much space to allocate, for example, for [InlineInput](/components/inline-input/inline-input) width. - -**Avoid the following:** - -- Truncating an error, a validation message, or any other type of notification. -- Hiding content when there is enough space for it. -- Using ellipsis as a punctuation mark at the end of a sentence. - -## Appearance - -Ellipsis can be placed in the end or in the middle of the text. - -Table: Ellipsis placement - -| Ellipsis placement | Description | -| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `end` | Truncates the end of the text string. It's the most common case. Use an ellipsis at the end of a text string or paragraph to indicate that there is more content, or to shorten a long text string.

    ![](static/ellipsis-end.png)

    | -| `middle` | Truncates the middle of the text string. Use when several text strings have different beginnings and/or endings but the exact same middle characters. Can also be used to shorten a phrase or text string when the end of a string can't be truncated by an ellipsis.

    ![](static/ellipsis-middle.png)

    | - -Ellipsis can also be placed after multiple lines of text to truncate paragraphs. - -![](static/ellipsis-pharagraph.png) - -## Hint - -When truncating a single line of text, a [hint](../hint/hint) with the full text appears on hover on the truncated element. - -![](static/ellipsis-end-hint.png) - -Hint is disabled when truncating paragraphs because the full text is usually too long in such cases. - -![](static/paragraph-no-hint.png) - -## Usage in UX/UI - -### Long URLs - -Long URLs are common in tables and other widgets. Read more about long links in [Table controls](/table-group/table-controls/table-controls#long-links-and-text). - -![](static/ellipsis-middle-hint.png) - -### Table head - -To fit more data in the limited space you can truncate table column names. In this case always show a hint on hover to show the entire column name. - -![](static/ellipsis-table-head.png) - -### Breadcrumbs - -When you need to truncate Breadcrumbs items, crop them with an ellipsis at the end of each string. - -![](static/breadcrumbs.png) - -### Card titles - -To show more data in a limited space you can truncate the [Card](/components/card/card) title. In this case always show the full text on hover. - -![](static/card-ellipsis.png) diff --git a/website/docs/utils/ellipsis/static/breadcrumbs.png b/website/docs/utils/ellipsis/static/breadcrumbs.png deleted file mode 100644 index 8d1385b48a..0000000000 Binary files a/website/docs/utils/ellipsis/static/breadcrumbs.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/ellipsis-end-hint.png b/website/docs/utils/ellipsis/static/ellipsis-end-hint.png deleted file mode 100644 index 82f792b7ba..0000000000 Binary files a/website/docs/utils/ellipsis/static/ellipsis-end-hint.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/ellipsis-end.png b/website/docs/utils/ellipsis/static/ellipsis-end.png deleted file mode 100644 index 3e4e514ddc..0000000000 Binary files a/website/docs/utils/ellipsis/static/ellipsis-end.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/ellipsis-middle-hint.png b/website/docs/utils/ellipsis/static/ellipsis-middle-hint.png deleted file mode 100644 index 09811b3920..0000000000 Binary files a/website/docs/utils/ellipsis/static/ellipsis-middle-hint.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/ellipsis-middle.png b/website/docs/utils/ellipsis/static/ellipsis-middle.png deleted file mode 100644 index 2fc6cccbf6..0000000000 Binary files a/website/docs/utils/ellipsis/static/ellipsis-middle.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/ellipsis-table-head.png b/website/docs/utils/ellipsis/static/ellipsis-table-head.png deleted file mode 100644 index a0bb6421ee..0000000000 Binary files a/website/docs/utils/ellipsis/static/ellipsis-table-head.png and /dev/null differ diff --git a/website/docs/utils/ellipsis/static/paragraph-no-hint.png b/website/docs/utils/ellipsis/static/paragraph-no-hint.png deleted file mode 100644 index cf9be4ce0a..0000000000 Binary files a/website/docs/utils/ellipsis/static/paragraph-no-hint.png and /dev/null differ diff --git a/website/docs/utils/hint/hint-a11y.md b/website/docs/utils/hint/hint-a11y.md deleted file mode 100644 index a89ab3b38a..0000000000 --- a/website/docs/utils/hint/hint-a11y.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: Hint -tabs: Design('hint'), A11y('hint-a11y'), API('hint-api'), Example('hint-code'), Changelog('hint-changelog') ---- - -## What component has - -### Keyboard support - -Table: Keyboard support - -| Key | Function | -| ----- | ------------------------------------------- | -| `Esc` | Hides the hint when its trigger is focused. | - -### Roles and attributes - -The following list describes roles and attributes that the component already has. - -Table: Roles and attributes - -| Element | Attribute | Usage | -| -------------- | -------------------------- | ------------------------------------------------------------------------ | -| Hint's trigger | `aria-label` | `aria-label` is automatically populated with the Hint's text. | -| Hint's popper | `aria-hidden` | Hides the popper from assistive technology to prevent redundant reading. | diff --git a/website/docs/utils/hint/hint-api.md b/website/docs/utils/hint/hint-api.md deleted file mode 100644 index 1e0ecb5301..0000000000 --- a/website/docs/utils/hint/hint-api.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Hint -tabs: Design('hint'), A11y('hint-a11y'), API('hint-api'), Example('hint-code'), Changelog('hint-changelog') ---- - -```jsx -import { Hint } from '@semcore/base-components'; -``` - - - - diff --git a/website/docs/utils/hint/hint-changelog.md b/website/docs/utils/hint/hint-changelog.md deleted file mode 100644 index d8fc2538f8..0000000000 --- a/website/docs/utils/hint/hint-changelog.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Hint -tabs: Design('hint'), A11y('hint-a11y'), API('hint-api'), Example('hint-code'), Changelog('hint-changelog') ---- - -::: info -This is the common changelog of the `base-components` package. -::: - -::: changelog base-components ::: diff --git a/website/docs/utils/hint/hint-code.md b/website/docs/utils/hint/hint-code.md deleted file mode 100644 index 8457b3c545..0000000000 --- a/website/docs/utils/hint/hint-code.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: Hint -tabs: Design('hint'), A11y('hint-a11y'), API('hint-api'), Example('hint-code'), Changelog('hint-changelog') ---- - -## Basic usage - -In [Button](../../components/button/button-code) and [Link](../../components/link/link-code), Hint can be enabled by using either `title` or `aria-label` attribute. - -You can set the Hint's position using the `hintPlacement` property. - -::: sandbox - - - -::: - - -## Advanced usage - -To use Hint with other components, or to customize its behavior, use the `Hint` component explicitly with `triggerRef` property. - -::: sandbox - - - -::: - -## With ellipsis - -When using with [Ellipsis](../ellipsis/ellipsis-code), Hint is usually enabled automatically when text is overflowing. For more information, refer to [Ellipsis](../ellipsis/ellipsis-code). diff --git a/website/docs/utils/hint/hint.md b/website/docs/utils/hint/hint.md deleted file mode 100644 index 0dae64794f..0000000000 --- a/website/docs/utils/hint/hint.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: Hint -tabs: Design('hint'), A11y('hint-a11y'), API('hint-api'), Example('hint-code'), Changelog('hint-changelog') ---- - - - -## Description - -**Hint** is a more compact counterpart of [Tooltip](../../components/tooltip/tooltip) that displays element's name or text when it's hidden or cropped. - -Use hint in the following cases: - -1. With buttons, links, or other controls that don't have visible text. -![](static/hint.png) -2. With truncated text. -![](static/truncated-text.png) - -## Appearance - - -By default, hint appears above the trigger, but you can choose other placement options. Try placing the hint so that it doesn't cover other UI elements. - - -![](static/hint-placement.png) - -## Interaction - -Hint appears on: - -- mouse hover -- keyboard focus - -Hint disappears when: - -- mouse leaves the trigger -- trigger is no longer focused -- user presses `Esc` - -When the trigger is large, hint automatically appears closer to the cursor position. - -![](static/large-trigger.png) diff --git a/website/docs/utils/hint/static/hint-placement.png b/website/docs/utils/hint/static/hint-placement.png deleted file mode 100644 index e6b2527bf7..0000000000 Binary files a/website/docs/utils/hint/static/hint-placement.png and /dev/null differ diff --git a/website/docs/utils/hint/static/hint.png b/website/docs/utils/hint/static/hint.png deleted file mode 100644 index e4c16b3604..0000000000 Binary files a/website/docs/utils/hint/static/hint.png and /dev/null differ diff --git a/website/docs/utils/hint/static/large-trigger.png b/website/docs/utils/hint/static/large-trigger.png deleted file mode 100644 index 5b13c6a822..0000000000 Binary files a/website/docs/utils/hint/static/large-trigger.png and /dev/null differ diff --git a/website/docs/utils/hint/static/truncated-text.png b/website/docs/utils/hint/static/truncated-text.png deleted file mode 100644 index b3c32a26a7..0000000000 Binary files a/website/docs/utils/hint/static/truncated-text.png and /dev/null differ