@teseor/css 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teseor/css",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "CSS library - reset, primitives, components, utilities",
   "license": "MIT",
   "author": "letanure",

package/src/00-config/tokens/shadows/index.scss

@@ -1,5 +1,5 @@
 :root {
-  --shadow-sm: 0 1px 2px hsl(var(--ui-hue-primary) 10% 20% / 0.05);
-  --shadow-md: 0 4px 6px hsl(var(--ui-hue-primary) 10% 20% / 0.1);
-  --shadow-lg: 0 10px 15px hsl(var(--ui-hue-primary) 10% 20% / 0.15);
+  --shadow-sm: 0 1px 2px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.05);
+  --shadow-md: 0 4px 6px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.1);
+  --shadow-lg: 0 10px 15px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.15);
 }

package/src/04-components/{button → actions/button}/button.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'button.docs.json');
 

package/src/04-components/{button → actions/button}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component button
 // @element button

package/src/04-components/{button-group → actions/button-group}/button-group.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'button-group.docs.json');
 

package/src/04-components/{button-group → actions/button-group}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Button Group - container for grouped buttons
 // Joins buttons together with shared borders

package/src/04-components/{avatar → data-display/avatar}/avatar.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'avatar.docs.json');
 

package/src/04-components/{avatar → data-display/avatar}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component avatar
 // @element div

package/src/04-components/{badge → data-display/badge}/badge.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'badge.docs.json');
 

package/src/04-components/{badge → data-display/badge}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component badge
 // @element span

package/src/04-components/{card → data-display/card}/card.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'card.docs.json');
 

package/src/04-components/{card → data-display/card}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/mixins/border' as *;
+@use '../../../00-config/mixins/border' as *;
 
 // @component card
 // @element div

package/src/04-components/{data-list → data-display/data-list}/data-list.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'data-list.docs.json');
 

package/src/04-components/{data-list → data-display/data-list}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Data-List - key-value pairs
 // Display structured data with labels and values

package/src/04-components/{icon → data-display/icon}/icon.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'icon.docs.json');
 

package/src/04-components/{icon → data-display/icon}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component icon
 // @element svg

package/src/04-components/{status → data-display/status}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Status - visual status indicator
 // Small dot or badge to show state

package/src/04-components/{status → data-display/status}/status.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'status.docs.json');
 

package/src/04-components/{table → data-display/table}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Token definitions
 @layer components.tokens {

package/src/04-components/{table → data-display/table}/table.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'table.docs.json');
 

package/src/04-components/{tag → data-display/tag}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component tag
 // @element span

package/src/04-components/{tag → data-display/tag}/tag.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'tag.docs.json');
 

package/src/04-components/{accordion → disclosure/accordion}/accordion.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'accordion.docs.json');
 

package/src/04-components/{accordion → disclosure/accordion}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Accordion - grouped expandable sections
 // Container for multiple disclosure items

package/src/04-components/disclosure/{disclosure.visual.spec.ts → disclosure/disclosure.visual.spec.ts}

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'disclosure.docs.json');
 

package/src/04-components/disclosure/{index.scss → disclosure/index.scss}

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Disclosure - expandable/collapsible content section
 // Uses native details/summary for no-JS accessibility

package/src/04-components/{alert → feedback/alert}/alert.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'alert.docs.json');
 

package/src/04-components/{alert → feedback/alert}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component alert
 // @element div

package/src/04-components/{progress → feedback/progress}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Progress - progress bar indicator
 // Shows completion status of a task

package/src/04-components/{progress → feedback/progress}/progress.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'progress.docs.json');
 

package/src/04-components/{skeleton → feedback/skeleton}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Skeleton - loading placeholder
 // Animated shimmer effect for content loading states

package/src/04-components/{skeleton → feedback/skeleton}/skeleton.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'skeleton.docs.json');
 

package/src/04-components/{spinner → feedback/spinner}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component spinner
 // @element div

package/src/04-components/{spinner → feedback/spinner}/spinner.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'spinner.docs.json');
 

package/src/04-components/{toast → feedback/toast}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Toast - notification messages
 // Appears in viewport corner with auto-dismiss

package/src/04-components/{toast → feedback/toast}/toast.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'toast.docs.json');
 

package/src/04-components/{checkbox → forms/checkbox}/checkbox.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'checkbox.docs.json');
 

package/src/04-components/{checkbox → forms/checkbox}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component checkbox
 // @element input

package/src/04-components/{field → forms/field}/field.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'field.docs.json');
 

package/src/04-components/{field → forms/field}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Field - form field wrapper
 // Combines label, control, helper text, and error message

package/src/04-components/{form-error → forms/form-error}/form-error.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'form-error.docs.json');
 

package/src/04-components/{form-error → forms/form-error}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Form Error - validation error message for form fields
 // Displays error text with danger color

package/src/04-components/{form-helper → forms/form-helper}/form-helper.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'form-helper.docs.json');
 

package/src/04-components/{form-helper → forms/form-helper}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Form Helper - helper text for form fields
 // Displays muted text below form controls

package/src/04-components/{input → forms/input}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component input
 // @element input

package/src/04-components/{input → forms/input}/input.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'input.docs.json');
 

package/src/04-components/{label → forms/label}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component label
 // @element label

package/src/04-components/{label → forms/label}/label.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'label.docs.json');
 

package/src/04-components/{radio → forms/radio}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component radio
 // @element input

package/src/04-components/{radio → forms/radio}/radio.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'radio.docs.json');
 

package/src/04-components/{select → forms/select}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component select
 // @element select

package/src/04-components/{select → forms/select}/select.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'select.docs.json');
 

package/src/04-components/{textarea → forms/textarea}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component textarea
 // @element textarea

package/src/04-components/{textarea → forms/textarea}/textarea.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'textarea.docs.json');
 

package/src/04-components/{toggle → forms/toggle}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component toggle
 // @element div

package/src/04-components/{toggle → forms/toggle}/toggle.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'toggle.docs.json');
 

package/src/04-components/index.scss

@@ -1,42 +1,42 @@
-@forward './accordion/index';
-@forward './alert/index';
-@forward './avatar/index';
-@forward './badge/index';
-@forward './breadcrumb/index';
-@forward './button/index';
-@forward './button-group/index';
-@forward './card/index';
-@forward './checkbox/index';
-@forward './code/index';
-@forward './data-list/index';
-@forward './dialog/index';
-@forward './disclosure/index';
-@forward './divider/index';
-@forward './drawer/index';
-@forward './field/index';
-@forward './form-error/index';
-@forward './form-helper/index';
-@forward './heading/index';
-@forward './icon/index';
-@forward './input/index';
-@forward './label/index';
-@forward './link/index';
-@forward './menu/index';
-@forward './modal/index';
-@forward './nav/index';
-@forward './overlay/index';
-@forward './pagination/index';
-@forward './popover/index';
-@forward './progress/index';
-@forward './radio/index';
-@forward './select/index';
-@forward './skeleton/index';
-@forward './spinner/index';
-@forward './status/index';
-@forward './table/index';
-@forward './tabs/index';
-@forward './tag/index';
-@forward './textarea/index';
-@forward './toast/index';
-@forward './toggle/index';
-@forward './tooltip/index';
+@forward './actions/button/index';
+@forward './actions/button-group/index';
+@forward './data-display/avatar/index';
+@forward './data-display/badge/index';
+@forward './data-display/card/index';
+@forward './data-display/data-list/index';
+@forward './data-display/icon/index';
+@forward './data-display/status/index';
+@forward './data-display/table/index';
+@forward './data-display/tag/index';
+@forward './disclosure/accordion/index';
+@forward './disclosure/disclosure/index';
+@forward './feedback/alert/index';
+@forward './feedback/progress/index';
+@forward './feedback/skeleton/index';
+@forward './feedback/spinner/index';
+@forward './feedback/toast/index';
+@forward './forms/checkbox/index';
+@forward './forms/field/index';
+@forward './forms/form-error/index';
+@forward './forms/form-helper/index';
+@forward './forms/input/index';
+@forward './forms/label/index';
+@forward './forms/radio/index';
+@forward './forms/select/index';
+@forward './forms/textarea/index';
+@forward './forms/toggle/index';
+@forward './layout/divider/index';
+@forward './navigation/breadcrumb/index';
+@forward './navigation/menu/index';
+@forward './navigation/nav/index';
+@forward './navigation/pagination/index';
+@forward './navigation/tabs/index';
+@forward './overlays/dialog/index';
+@forward './overlays/drawer/index';
+@forward './overlays/modal/index';
+@forward './overlays/overlay/index';
+@forward './overlays/popover/index';
+@forward './overlays/tooltip/index';
+@forward './typography/code/index';
+@forward './typography/heading/index';
+@forward './typography/link/index';

package/src/04-components/{divider → layout/divider}/divider.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'divider.docs.json');
 

package/src/04-components/{divider → layout/divider}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // @component divider
 // @element div

package/src/04-components/{breadcrumb → navigation/breadcrumb}/breadcrumb.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'breadcrumb.docs.json');
 

package/src/04-components/{breadcrumb → navigation/breadcrumb}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Breadcrumb - navigation hierarchy
 // Shows current page location in site structure

package/src/04-components/{menu → navigation/menu}/index.scss

@@ -1,4 +1,4 @@
-@use '../../00-config/tokens/variables' as t;
+@use '../../../00-config/tokens/variables' as t;
 
 // Menu - action menu
 // Dropdown list of actions or options

package/src/04-components/{menu → navigation/menu}/menu.visual.spec.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../testing';
+import { saveForLostPixel, setupVisualTestFromDocs, validateGridRhythm } from '../../../testing';
 
 const DOCS_PATH = resolve(__dirname, 'menu.docs.json');