diff --git a/e2e/tests/core/components/core-koros-spec.ts b/e2e/tests/core/components/core-koros-spec.ts new file mode 100644 index 0000000000..c6caf50a48 --- /dev/null +++ b/e2e/tests/core/components/core-koros-spec.ts @@ -0,0 +1,12 @@ +import { test } from '@playwright/test'; +import { takeAllStorySnapshots } from '../../../helpers'; + +const componentName = 'koros'; +const storybook = 'core'; +const takeStateSnapshots = false; + +test.describe(`Testing ${storybook} component "${componentName}"`, () => { + test('Take snapshots of all stories', async ({ page, isMobile }) => { + await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName }); + }); +}); diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png new file mode 100644 index 0000000000..266f381671 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png new file mode 100644 index 0000000000..7e50f77549 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--basic-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png new file mode 100644 index 0000000000..90e8691b15 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png new file mode 100644 index 0000000000..6749f0d3cb Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--beat-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png new file mode 100644 index 0000000000..5da4166ff1 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png new file mode 100644 index 0000000000..e913301576 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--calm-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png new file mode 100644 index 0000000000..ac3f3a41ad Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png new file mode 100644 index 0000000000..49b713fe72 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--custom-color-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png new file mode 100644 index 0000000000..f79c24b6ea Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png new file mode 100644 index 0000000000..09fff9d4c3 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--dense-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png new file mode 100644 index 0000000000..a444b2cc86 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png new file mode 100644 index 0000000000..b00d86035d Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--flipped-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png new file mode 100644 index 0000000000..d1f3c130ed Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png new file mode 100644 index 0000000000..f49ed00f39 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--pulse-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png new file mode 100644 index 0000000000..922131d757 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png new file mode 100644 index 0000000000..41be00cd18 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-135-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png new file mode 100644 index 0000000000..77841ae0a7 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png new file mode 100644 index 0000000000..1b7f593cce Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-225-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png new file mode 100644 index 0000000000..404deaacba Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png new file mode 100644 index 0000000000..41ea4838ec Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-270-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png new file mode 100644 index 0000000000..4d7d6c8aa1 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png new file mode 100644 index 0000000000..8870978d00 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-315-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png new file mode 100644 index 0000000000..ee2721fc2e Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png new file mode 100644 index 0000000000..6c70633360 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-45-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png new file mode 100644 index 0000000000..18403ec807 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png new file mode 100644 index 0000000000..637809fe43 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--rotated-basic-90-deg-mobile.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png new file mode 100644 index 0000000000..b427b1b95b Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-desktop.png differ diff --git a/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png new file mode 100644 index 0000000000..4e91011383 Binary files /dev/null and b/e2e/tests/core/components/core-koros-spec.ts-snapshots/core-components-koros--vibration-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts b/e2e/tests/react/components/react-koros-spec.ts new file mode 100644 index 0000000000..f9cab405db --- /dev/null +++ b/e2e/tests/react/components/react-koros-spec.ts @@ -0,0 +1,12 @@ +import { test } from '@playwright/test'; +import { takeAllStorySnapshots } from '../../../helpers'; + +const componentName = 'koros'; +const storybook = 'react'; +const takeStateSnapshots = false; + +test.describe(`Testing ${storybook} component "${componentName}"`, () => { + test('Take snapshots of all stories', async ({ page, isMobile }) => { + await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName }); + }); +}); diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png new file mode 100644 index 0000000000..266f381671 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png new file mode 100644 index 0000000000..7e50f77549 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--basic-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png new file mode 100644 index 0000000000..90e8691b15 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png new file mode 100644 index 0000000000..6749f0d3cb Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--beat-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png new file mode 100644 index 0000000000..5da4166ff1 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png new file mode 100644 index 0000000000..e913301576 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--calm-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png new file mode 100644 index 0000000000..ac3f3a41ad Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png new file mode 100644 index 0000000000..49b713fe72 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--custom-color-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png new file mode 100644 index 0000000000..f79c24b6ea Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png new file mode 100644 index 0000000000..09fff9d4c3 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--dense-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png new file mode 100644 index 0000000000..5eb47bd684 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png new file mode 100644 index 0000000000..3b706d64c7 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--exact-fit-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png new file mode 100644 index 0000000000..a444b2cc86 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png new file mode 100644 index 0000000000..b00d86035d Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--flipped-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png new file mode 100644 index 0000000000..d1f3c130ed Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png new file mode 100644 index 0000000000..f49ed00f39 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--pulse-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png new file mode 100644 index 0000000000..070dbdf476 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png new file mode 100644 index 0000000000..543bcaa259 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png new file mode 100644 index 0000000000..cca6067502 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-in-container-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png new file mode 100644 index 0000000000..3893a22c68 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--rotated-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png new file mode 100644 index 0000000000..b427b1b95b Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png new file mode 100644 index 0000000000..4e91011383 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--vibration-mobile.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png new file mode 100644 index 0000000000..33fa4ae81f Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-desktop.png differ diff --git a/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png new file mode 100644 index 0000000000..55c59d1dd0 Binary files /dev/null and b/e2e/tests/react/components/react-koros-spec.ts-snapshots/react-components-koros--wave-mobile.png differ diff --git a/packages/core/src/components/koros/koros.stories.js b/packages/core/src/components/koros/koros.stories.js index 5341e45fd1..a43d9dac1f 100644 --- a/packages/core/src/components/koros/koros.stories.js +++ b/packages/core/src/components/koros/koros.stories.js @@ -99,11 +99,11 @@ export const Dense = () => `
@@ -200,80 +200,92 @@ export const Flipped = () => ` `; export const RotatedBasic45deg = () => ` -
- +
+
+ +
`; export const RotatedBasic90deg = () => ` -
- +
+
+ +
`; export const RotatedBasic135deg = () => ` -
- +
+
+ +
`; export const RotatedBasic225deg = () => ` -
- -
-`; - -export const RotatedBasic270deg = () => ` -
+
+
+
+
+`; + +export const RotatedBasic270deg = () => ` +
+
+ +
`; export const RotatedBasic315deg = () => ` -
- +
+
+ +
`; diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Basic.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Basic.png deleted file mode 100644 index 9aa9b9f260..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Basic.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Beat.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Beat.png deleted file mode 100644 index d4ab6d844d..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Beat.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Calm.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Calm.png deleted file mode 100644 index aab87ac302..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Calm.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Custom_Color.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Custom_Color.png deleted file mode 100644 index 221b5dfb06..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Custom_Color.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Dense.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Dense.png deleted file mode 100644 index 8a617d4996..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Dense.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Exact_Fit.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Exact_Fit.png deleted file mode 100644 index 9087981901..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Exact_Fit.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Flipped.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Flipped.png deleted file mode 100644 index b8425d3e48..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Flipped.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Playground.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Playground.png deleted file mode 100644 index 9aa9b9f260..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Playground.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Pulse.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Pulse.png deleted file mode 100644 index 421b33bde3..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Pulse.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated.png deleted file mode 100644 index 02e807ff1d..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated_In_Container.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated_In_Container.png deleted file mode 100644 index e1648aaa30..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Rotated_In_Container.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Vibration.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Vibration.png deleted file mode 100644 index 708abcef1e..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Vibration.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Wave.png b/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Wave.png deleted file mode 100644 index 5bc389db7a..0000000000 Binary files a/packages/react/.loki/reference/chrome_iphone7_Components_Koros_Wave.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Basic.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Basic.png deleted file mode 100644 index 4ea78534dc..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Basic.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Beat.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Beat.png deleted file mode 100644 index 10034727cd..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Beat.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Calm.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Calm.png deleted file mode 100644 index c9ac3d8163..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Calm.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Custom_Color.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Custom_Color.png deleted file mode 100644 index 81e7d5e738..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Custom_Color.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Dense.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Dense.png deleted file mode 100644 index 02b9a61eab..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Dense.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Exact_Fit.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Exact_Fit.png deleted file mode 100644 index a2313b0a41..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Exact_Fit.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Flipped.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Flipped.png deleted file mode 100644 index 7c184cbc38..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Flipped.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Playground.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Playground.png deleted file mode 100644 index 4ea78534dc..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Playground.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Pulse.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Pulse.png deleted file mode 100644 index 7059b9f17b..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Pulse.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated.png deleted file mode 100644 index 0cec64535c..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated_In_Container.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated_In_Container.png deleted file mode 100644 index 67870c7288..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Rotated_In_Container.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Vibration.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Vibration.png deleted file mode 100644 index fb9889888c..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Vibration.png and /dev/null differ diff --git a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Wave.png b/packages/react/.loki/reference/chrome_laptop_Components_Koros_Wave.png deleted file mode 100644 index f4d3d301a7..0000000000 Binary files a/packages/react/.loki/reference/chrome_laptop_Components_Koros_Wave.png and /dev/null differ diff --git a/packages/react/.lokirc.json b/packages/react/.lokirc.json index afaf5f590b..ddf44d2462 100644 --- a/packages/react/.lokirc.json +++ b/packages/react/.lokirc.json @@ -12,7 +12,7 @@ "preset": "iPhone 7" } }, - "skipStories": "Icons/.*|Button/*|Tag/*|Hero/*", + "skipStories": "Icons/.*|Button/*|Tag/*|Hero/*|Koros/*", "pixelmatch": { "threshold": 0.2, "alpha": 1, diff --git a/site/src/docs/components/koros/code.mdx b/site/src/docs/components/koros/code.mdx index 16e6d6d43f..ec8766caca 100644 --- a/site/src/docs/components/koros/code.mdx +++ b/site/src/docs/components/koros/code.mdx @@ -34,76 +34,61 @@ import { Koros } from 'hds-react';
@@ -118,11 +103,11 @@ import { Koros } from 'hds-react'; import { Koros } from 'hds-react'; () => (<> - - - - - + + + + + ) ``` @@ -132,66 +117,51 @@ import { Koros } from 'hds-react';
@@ -253,17 +223,17 @@ import { Koros } from 'hds-react'; ``` ```html -
+
- +
```