@teseor/css 1.14.2 → 1.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/package.json +1 -1
  2. package/src/base/root.docs.json +35 -0
  3. package/src/components/actions/button/button.visual.spec.ts +5 -1
  4. package/src/components/actions/button-group/button-group.visual.spec.ts +5 -1
  5. package/src/components/actions/close-button/close-button.visual.spec.ts +5 -1
  6. package/src/components/content/divider/divider.visual.spec.ts +5 -1
  7. package/src/components/content/scroll-area/scroll-area.visual.spec.ts +5 -1
  8. package/src/components/content/spacer/spacer.visual.spec.ts +1 -1
  9. package/src/components/data-display/avatar/avatar.visual.spec.ts +5 -1
  10. package/src/components/data-display/badge/badge.visual.spec.ts +5 -1
  11. package/src/components/data-display/card/card.visual.spec.ts +5 -1
  12. package/src/components/data-display/data-list/data-list.visual.spec.ts +5 -1
  13. package/src/components/data-display/icon/icon.visual.spec.ts +5 -1
  14. package/src/components/data-display/image/image.visual.spec.ts +5 -1
  15. package/src/components/data-display/stat/stat.visual.spec.ts +5 -1
  16. package/src/components/data-display/status/status.visual.spec.ts +5 -1
  17. package/src/components/data-display/table/table.visual.spec.ts +5 -1
  18. package/src/components/data-display/tag/tag.visual.spec.ts +5 -1
  19. package/src/components/disclosure/accordion/accordion.visual.spec.ts +5 -1
  20. package/src/components/disclosure/disclosure/disclosure.visual.spec.ts +5 -1
  21. package/src/components/feedback/alert/alert.visual.spec.ts +5 -1
  22. package/src/components/feedback/progress/progress.visual.spec.ts +5 -1
  23. package/src/components/feedback/progress-circle/progress-circle.visual.spec.ts +5 -1
  24. package/src/components/feedback/skeleton/skeleton.visual.spec.ts +5 -1
  25. package/src/components/feedback/spinner/spinner.visual.spec.ts +5 -1
  26. package/src/components/feedback/toast/toast.visual.spec.ts +5 -1
  27. package/src/components/forms/checkbox/checkbox.visual.spec.ts +5 -1
  28. package/src/components/forms/checkbox-group/checkbox-group.visual.spec.ts +5 -1
  29. package/src/components/forms/field/field.visual.spec.ts +5 -1
  30. package/src/components/forms/fieldset/fieldset.visual.spec.ts +5 -1
  31. package/src/components/forms/form/form.visual.spec.ts +5 -1
  32. package/src/components/forms/form-error/form-error.visual.spec.ts +5 -1
  33. package/src/components/forms/form-helper/form-helper.visual.spec.ts +5 -1
  34. package/src/components/forms/input/input.visual.spec.ts +5 -1
  35. package/src/components/forms/label/label.visual.spec.ts +5 -1
  36. package/src/components/forms/number-input/number-input.visual.spec.ts +5 -1
  37. package/src/components/forms/password-input/password-input.visual.spec.ts +5 -1
  38. package/src/components/forms/radio/radio.visual.spec.ts +5 -1
  39. package/src/components/forms/radio-group/radio-group.visual.spec.ts +5 -1
  40. package/src/components/forms/search-input/search-input.visual.spec.ts +5 -1
  41. package/src/components/forms/select/select.visual.spec.ts +5 -1
  42. package/src/components/forms/slider/slider.visual.spec.ts +5 -1
  43. package/src/components/forms/textarea/textarea.visual.spec.ts +5 -1
  44. package/src/components/forms/toggle/toggle.visual.spec.ts +5 -1
  45. package/src/components/navigation/breadcrumb/breadcrumb.visual.spec.ts +5 -1
  46. package/src/components/navigation/dropdown-menu/dropdown-menu.visual.spec.ts +5 -1
  47. package/src/components/navigation/menu/menu.visual.spec.ts +5 -1
  48. package/src/components/navigation/nav/nav.visual.spec.ts +5 -1
  49. package/src/components/navigation/pagination/pagination.visual.spec.ts +5 -1
  50. package/src/components/navigation/tabs/tabs.visual.spec.ts +5 -1
  51. package/src/components/overlays/dialog/dialog.visual.spec.ts +5 -1
  52. package/src/components/overlays/drawer/drawer.visual.spec.ts +5 -1
  53. package/src/components/overlays/modal/modal.visual.spec.ts +5 -1
  54. package/src/components/overlays/overlay/overlay.visual.spec.ts +5 -1
  55. package/src/components/overlays/popover/popover.visual.spec.ts +5 -1
  56. package/src/components/overlays/tooltip/tooltip.visual.spec.ts +5 -1
  57. package/src/components/typography/blockquote/blockquote.visual.spec.ts +5 -1
  58. package/src/components/typography/code/code.visual.spec.ts +5 -1
  59. package/src/components/typography/code-block/code-block.visual.spec.ts +5 -1
  60. package/src/components/typography/heading/heading.visual.spec.ts +5 -1
  61. package/src/components/typography/kbd/kbd.visual.spec.ts +5 -1
  62. package/src/components/typography/link/link.visual.spec.ts +5 -1
  63. package/src/components/typography/list/list.visual.spec.ts +5 -1
  64. package/src/components/typography/mark/mark.visual.spec.ts +5 -1
  65. package/src/config/{tokens → guides}/accessibility.docs.json +1 -0
  66. package/src/config/guides/getting-started.docs.json +106 -0
  67. package/src/config/{tokens → guides}/theming.docs.json +1 -0
  68. package/src/config/tokens/design-tokens.docs.json +239 -0
  69. package/src/debug/debug.docs.json +96 -0
  70. package/src/debug/index.scss +81 -1
  71. package/src/layout/app-shell/app-shell.visual.spec.ts +1 -1
  72. package/src/layout/aspect-ratio/aspect-ratio.visual.spec.ts +1 -1
  73. package/src/layout/box/box.visual.spec.ts +1 -1
  74. package/src/layout/center/center.visual.spec.ts +1 -1
  75. package/src/layout/column/column.visual.spec.ts +1 -1
  76. package/src/layout/content/content.visual.spec.ts +1 -1
  77. package/src/layout/footer/footer.visual.spec.ts +1 -1
  78. package/src/layout/grid/grid.visual.spec.ts +1 -1
  79. package/src/layout/nav-rail/nav-rail.visual.spec.ts +1 -1
  80. package/src/layout/page-header/page-header.visual.spec.ts +1 -1
  81. package/src/layout/row/row.visual.spec.ts +1 -1
  82. package/src/layout/sidebar/sidebar.visual.spec.ts +1 -1
  83. package/src/layout/sidebar-nav/sidebar-nav.visual.spec.ts +1 -1
  84. package/src/layout/topbar/topbar.visual.spec.ts +1 -1
  85. package/src/debug/grid-overlay.scss +0 -81
  86. package/src/testing/api-types.ts +0 -20
  87. package/src/testing/grid-alignment.spec.ts +0 -38
  88. package/src/testing/html-generator.ts +0 -151
  89. package/src/testing/index.ts +0 -15
  90. package/src/testing/page-setup.ts +0 -149
  91. package/src/testing/rhythm.ts +0 -146
  92. package/src/testing/scaffold.ts +0 -50
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teseor/css",
3
- "version": "1.14.2",
3
+ "version": "1.14.3",
4
4
  "description": "CSS library - reset, primitives, components, utilities",
5
5
  "license": "MIT",
6
6
  "author": "letanure",
@@ -0,0 +1,35 @@
1
+ {
2
+ "id": "root",
3
+ "type": "token",
4
+ "title": "Root",
5
+ "description": "Base styles applied to the .root class: font family, size, line-height, color, and background",
6
+ "skipValidation": true,
7
+ "sections": [
8
+ {
9
+ "title": "Usage",
10
+ "description": "Add the .ui-root class to the html or body element to establish baseline typography and color.",
11
+ "examples": [
12
+ {
13
+ "title": "Basic setup",
14
+ "items": [
15
+ {
16
+ "tag": "div",
17
+ "class": "ui-root",
18
+ "children": [
19
+ {
20
+ "tag": "p",
21
+ "text": "Text inherits font-family, size, line-height, and color from .ui-root"
22
+ }
23
+ ]
24
+ }
25
+ ],
26
+ "code": "<html class=\"ui-root\">\n <body>\n <!-- All children inherit base styles -->\n </body>\n</html>"
27
+ },
28
+ {
29
+ "title": "Tokens applied",
30
+ "code": ".ui-root {\n font-family: var(--ui-font-sans);\n font-size: var(--ui-font-size-md);\n line-height: var(--ui-leading-md);\n color: var(--ui-color-text);\n background: var(--ui-color-bg);\n}"
31
+ }
32
+ ]
33
+ }
34
+ ]
35
+ }
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'button.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'button-group.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'close-button.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'divider.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'scroll-area.docs.json');
6
10
 
@@ -1,6 +1,6 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs } from '../../../testing';
3
+ import { saveForLostPixel, setupVisualTestFromDocs } from '../../../../test-utils';
4
4
 
5
5
  const DOCS_PATH = resolve(__dirname, 'spacer.docs.json');
6
6
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'avatar.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'badge.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'card.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'data-list.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'icon.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'image.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'stat.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'status.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'table.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'tag.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'accordion.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'disclosure.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'alert.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'progress.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'progress-circle.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'skeleton.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'spinner.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'toast.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'checkbox.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'checkbox-group.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'field.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'fieldset.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'form.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'form-error.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'form-helper.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'input.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'label.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'number-input.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'password-input.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'radio.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'radio-group.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'search-input.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'select.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'slider.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'textarea.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'toggle.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'breadcrumb.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'dropdown-menu.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'menu.docs.json');
6
10
 
@@ -1,6 +1,10 @@
1
1
  import { resolve } from 'node:path';
2
2
  import { expect, test } from '@playwright/test';
3
- import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
3
+ import {
4
+ saveForLostPixel,
5
+ setupVisualTestFromDocs,
6
+ validateGridRhythm,
7
+ } from '../../../../test-utils';
4
8
 
5
9
  const DOCS_PATH = resolve(__dirname, 'nav.docs.json');
6
10