npm - @vellira-ui/tokens - Versions diffs - 2.103.0 → 2.103.2 - Mend

@vellira-ui/tokens 2.103.0 → 2.103.2

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 (196) hide show

package/dist/highContrast/components/tabs.d.ts CHANGED Viewed

@@ -244,7 +244,7 @@ export declare const tabs: {
         };
         readonly focusRing: string;
     };
-    readonly disabled: import("../../factories/createTabsTokens.js").TabsStateTokens;
+    readonly disabled: import("../../factories/index.js").TabsStateTokens;
     readonly list: {
         border: string;
         segmentedBg: string;

package/dist/highContrast/components/tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createTabsPalette, createTabsTokens, } from '../../factories/createTabsTokens.js';
+import { createTabsPalette, createTabsTokens, } from '../../factories/components/createTabsTokens.js';
 import { colors } from '../../primitives/colors.js';
 import { withAlpha } from '../../utils/color.js';
 import { border } from '../semantic/border.js';

package/dist/highContrast/components/tooltip.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const tooltip: import("../../factories/createTooltipTokens.js").TooltipTokens;
+export declare const tooltip: import("../../factories/index.js").TooltipTokens;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/highContrast/components/tooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,~~gEAKlB~~,CAAC"}
1	+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,kDAKlB,CAAC"}

package/dist/highContrast/components/tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createTooltipTokensFromTheme } from '../../factories/createTooltipTokens.js';
+import { createTooltipTokensFromTheme } from '../../factories/components/createTooltipTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';

package/dist/light/components/accordion.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const accordionTokens: import("../../factories/createAccordionTokens.js").AccordionTokensConfig;
+export declare const accordionTokens: import("../../factories/index.js").AccordionTokensConfig;
 //# sourceMappingURL=accordion.d.ts.map

package/dist/light/components/accordion.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/light/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,~~0EAK1B~~,CAAC"}
1	+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/light/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0DAK1B,CAAC"}

package/dist/light/components/accordion.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createAccordionTokensFromSemantics } from '../../factories/createAccordionTokens.js';
+import { createAccordionTokensFromSemantics } from '../../factories/components/createAccordionTokens.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
 import { surface } from '../semantic/surface.js';

package/dist/light/components/button.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ export declare const button: {
     readonly primary: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonPalette.js").ButtonState;
-            hover: import("../../factories/createButtonPalette.js").ButtonState;
-            pressed: import("../../factories/createButtonPalette.js").ButtonState;
+            default: import("../../factories/index.js").ButtonState;
+            hover: import("../../factories/index.js").ButtonState;
+            pressed: import("../../factories/index.js").ButtonState;
         };
         readonly outline: {
             readonly default: {
@@ -78,9 +78,9 @@ export declare const button: {
     readonly neutral: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonPalette.js").ButtonState;
-            hover: import("../../factories/createButtonPalette.js").ButtonState;
-            pressed: import("../../factories/createButtonPalette.js").ButtonState;
+            default: import("../../factories/index.js").ButtonState;
+            hover: import("../../factories/index.js").ButtonState;
+            pressed: import("../../factories/index.js").ButtonState;
         };
         readonly outline: {
             readonly default: {
@@ -154,9 +154,9 @@ export declare const button: {
     readonly success: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonPalette.js").ButtonState;
-            hover: import("../../factories/createButtonPalette.js").ButtonState;
-            pressed: import("../../factories/createButtonPalette.js").ButtonState;
+            default: import("../../factories/index.js").ButtonState;
+            hover: import("../../factories/index.js").ButtonState;
+            pressed: import("../../factories/index.js").ButtonState;
         };
         readonly outline: {
             readonly default: {
@@ -230,9 +230,9 @@ export declare const button: {
     readonly warning: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonPalette.js").ButtonState;
-            hover: import("../../factories/createButtonPalette.js").ButtonState;
-            pressed: import("../../factories/createButtonPalette.js").ButtonState;
+            default: import("../../factories/index.js").ButtonState;
+            hover: import("../../factories/index.js").ButtonState;
+            pressed: import("../../factories/index.js").ButtonState;
         };
         readonly outline: {
             readonly default: {
@@ -306,9 +306,9 @@ export declare const button: {
     readonly danger: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonPalette.js").ButtonState;
-            hover: import("../../factories/createButtonPalette.js").ButtonState;
-            pressed: import("../../factories/createButtonPalette.js").ButtonState;
+            default: import("../../factories/index.js").ButtonState;
+            hover: import("../../factories/index.js").ButtonState;
+            pressed: import("../../factories/index.js").ButtonState;
         };
         readonly outline: {
             readonly default: {

package/dist/light/components/button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"~~AAuKA~~,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAYT~~,CAAC"}
1	+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AA0KA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC"}

package/dist/light/components/button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createButtonPalette } from '../../factories/createButtonPalette.js';
+import { createButtonPalette, createButtonTokens, } from '../../factories/components/createButtonTokens.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { surface } from '../semantic/surface.js';
@@ -148,7 +148,7 @@ const danger = createButtonPalette({
     pressedBg: colors.error[200],
     pressedBorder: colors.error[600],
 });
-export const button = {
+export const button = createButtonTokens({
     primary,
     neutral,
     success,
@@ -159,4 +159,4 @@ export const button = {
         fg: text.disabled,
         border: border.disabled,
     },
-};
+});

package/dist/light/components/checkbox.d.ts CHANGED Viewed

@@ -12,33 +12,33 @@ export declare const checkbox: {
     };
     readonly primary: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxPalette.js").CheckboxState;
+        readonly default: import("../../factories/index.js").CheckboxState;
+        readonly hover: import("../../factories/index.js").CheckboxState;
+        readonly pressed: import("../../factories/index.js").CheckboxState;
     };
     readonly neutral: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxPalette.js").CheckboxState;
+        readonly default: import("../../factories/index.js").CheckboxState;
+        readonly hover: import("../../factories/index.js").CheckboxState;
+        readonly pressed: import("../../factories/index.js").CheckboxState;
     };
     readonly success: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxPalette.js").CheckboxState;
+        readonly default: import("../../factories/index.js").CheckboxState;
+        readonly hover: import("../../factories/index.js").CheckboxState;
+        readonly pressed: import("../../factories/index.js").CheckboxState;
     };
     readonly warning: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxPalette.js").CheckboxState;
+        readonly default: import("../../factories/index.js").CheckboxState;
+        readonly hover: import("../../factories/index.js").CheckboxState;
+        readonly pressed: import("../../factories/index.js").CheckboxState;
     };
     readonly danger: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxPalette.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxPalette.js").CheckboxState;
+        readonly default: import("../../factories/index.js").CheckboxState;
+        readonly hover: import("../../factories/index.js").CheckboxState;
+        readonly pressed: import("../../factories/index.js").CheckboxState;
     };
     readonly focus: {
         readonly ring: "#5037C8";

package/dist/light/components/checkbox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/light/components/checkbox.ts"],"names":[],"mappings":"~~AAqHA~~,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAyBX~~,CAAC"}
1	+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/light/components/checkbox.ts"],"names":[],"mappings":"AAwHA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnB,CAAC"}

package/dist/light/components/checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createCheckboxPalette } from '../../factories/createCheckboxPalette.js';
+import { createCheckboxPalette, createCheckboxTokens, } from '../../factories/components/createCheckboxTokens.js';
 import { colors } from '../../primitives/colors.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
@@ -109,7 +109,7 @@ const danger = createCheckboxPalette({
         labelFg: colors.error[700],
     },
 });
-export const checkbox = {
+export const checkbox = createCheckboxTokens({
     default: control.default,
     hover: {
         ...control.hover,
@@ -129,4 +129,4 @@ export const checkbox = {
         border: status.error.border,
         ring: status.error.ring,
     },
-};
+});

package/dist/light/components/contextMenu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createContextMenuTokensFromSemantics } from '../../factories/createContextMenuTokens.js';
+import { createContextMenuTokensFromSemantics } from '../../factories/components/createContextMenuTokens.js';
 import { focus } from '../semantic/focus.js';
 import { menu } from '../semantic/menu.js';
 import { text } from '../semantic/text.js';

package/dist/light/components/dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"~~AAyEA~~,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAuHX~~,CAAC"}
1	+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/light/components/dropdown.ts"],"names":[],"mappings":"AA4EA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHnB,CAAC"}

package/dist/light/components/dropdown.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
-import { createDropdownPalette } from '../../factories/createDropdownPalette.js';
-import { createInputColorPalette } from '../../factories/createInputPalette.js';
+import { createDropdownPalette, createDropdownTokens, } from '../../factories/components/createDropdownTokens.js';
+import { createInputColorPalette } from '../../factories/components/createInputTokens.js';
+import { createComponentFocusRing } from '../../factories/shared/componentFocusRing.js';
 import { createComponentShadowIntent } from '../../platform-output/component-token-intents.js';
 import { colors } from '../../primitives/colors.js';
 import { withAlpha } from '../../utils/color.js';
@@ -64,7 +64,7 @@ const danger = createInputColorPalette({
     hoverBg: colors.error[50],
     ring: colors.error[500],
 });
-export const dropdown = {
+export const dropdown = createDropdownTokens({
     primary: createDropdownPalette(primary, {
         contentBorder: 'transparent',
         itemActiveBg: colors.primary[100],
@@ -168,4 +168,4 @@ export const dropdown = {
         bg: border.muted,
         fg: text.muted,
     },
-};
+});

package/dist/light/components/formField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/light/components/formField.ts"],"names":[],"mappings":"~~AAOA~~,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAMpB~~,CAAC"}
1	+ {"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/light/components/formField.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUpB,CAAC"}

package/dist/light/components/formField.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { createFormFieldTokensFromTheme } from '../../factories/createFormFieldTokens.js';
+import { createFormFieldTokensFromTheme } from '../../factories/components/createFormFieldTokens.js';
+import { colors } from '../../primitives/colors.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';
@@ -10,4 +11,8 @@ export const formField = createFormFieldTokensFromTheme({
     typography,
     status,
     text,
+    presentation: {
+        requiredMarkFg: colors.error[700],
+        labelInfoBorder: colors.vellira[500],
+    },
 });

package/dist/light/components/input.d.ts CHANGED Viewed

@@ -2,91 +2,91 @@ export declare const input: {
     readonly primary: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly filled: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly soft: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
     };
     readonly neutral: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly filled: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly soft: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
     };
     readonly success: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly filled: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly soft: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
     };
     readonly warning: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly filled: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly soft: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
     };
     readonly danger: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly filled: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
         readonly soft: {
-            default: import("../../factories/createInputPalette.js").InputState;
-            hover: import("../../factories/createInputPalette.js").InputState;
-            focus: import("../../factories/createInputPalette.js").InputState;
+            default: import("../../factories/index.js").InputState;
+            hover: import("../../factories/index.js").InputState;
+            focus: import("../../factories/index.js").InputState;
         };
     };
     readonly default: {

package/dist/light/components/input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/light/components/input.ts"],"names":[],"mappings":"~~AAsEA~~,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FR,CAAC"}
1	+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/light/components/input.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FhB,CAAC"}

package/dist/light/components/input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createInputColorPalette } from '../../factories/createInputPalette.js';
+import { createInputColorPalette, createInputTokens, } from '../../factories/components/createInputTokens.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
@@ -61,7 +61,7 @@ const danger = createInputColorPalette({
     hoverBg: colors.error[50],
     ring: colors.error[500],
 });
-export const input = {
+export const input = createInputTokens({
     primary,
     neutral,
     success,
@@ -119,8 +119,8 @@ export const input = {
     },
     clearButton: {
         fg: icons.muted,
-        hoverFg: status.error.fg,
-        hoverBg: status.error.bg,
+        hoverFg: icons.danger,
+        hoverBg: colors.error[100],
         focusBg: surface.subtle,
         pressedBg: surface.pressed,
     },
@@ -143,4 +143,4 @@ export const input = {
     spinner: {
         fg: icons.muted,
     },
-};
+});

package/dist/light/components/modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createModalTokensFromSemantics } from '../../factories/createModalTokens.js';
+import { createModalTokensFromSemantics } from '../../factories/components/createModalTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { focus } from '../semantic/focus.js';

package/dist/light/components/popover.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createPopoverTokensFromTheme } from '../../factories/createPopoverTokens.js';
+import { createPopoverTokensFromTheme } from '../../factories/components/createPopoverTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { overlay } from '../semantic/overlay.js';

package/dist/light/components/radio.d.ts CHANGED Viewed

@@ -50,33 +50,33 @@ export declare const radio: {
     };
     readonly primary: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioPalette.js").RadioState;
-        readonly hover: import("../../factories/createRadioPalette.js").RadioState;
-        readonly pressed: import("../../factories/createRadioPalette.js").RadioState;
+        readonly default: import("../../factories/index.js").RadioState;
+        readonly hover: import("../../factories/index.js").RadioState;
+        readonly pressed: import("../../factories/index.js").RadioState;
     };
     readonly neutral: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioPalette.js").RadioState;
-        readonly hover: import("../../factories/createRadioPalette.js").RadioState;
-        readonly pressed: import("../../factories/createRadioPalette.js").RadioState;
+        readonly default: import("../../factories/index.js").RadioState;
+        readonly hover: import("../../factories/index.js").RadioState;
+        readonly pressed: import("../../factories/index.js").RadioState;
     };
     readonly success: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioPalette.js").RadioState;
-        readonly hover: import("../../factories/createRadioPalette.js").RadioState;
-        readonly pressed: import("../../factories/createRadioPalette.js").RadioState;
+        readonly default: import("../../factories/index.js").RadioState;
+        readonly hover: import("../../factories/index.js").RadioState;
+        readonly pressed: import("../../factories/index.js").RadioState;
     };
     readonly warning: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioPalette.js").RadioState;
-        readonly hover: import("../../factories/createRadioPalette.js").RadioState;
-        readonly pressed: import("../../factories/createRadioPalette.js").RadioState;
+        readonly default: import("../../factories/index.js").RadioState;
+        readonly hover: import("../../factories/index.js").RadioState;
+        readonly pressed: import("../../factories/index.js").RadioState;
     };
     readonly danger: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioPalette.js").RadioState;
-        readonly hover: import("../../factories/createRadioPalette.js").RadioState;
-        readonly pressed: import("../../factories/createRadioPalette.js").RadioState;
+        readonly default: import("../../factories/index.js").RadioState;
+        readonly hover: import("../../factories/index.js").RadioState;
+        readonly pressed: import("../../factories/index.js").RadioState;
     };
     readonly invalid: {
         readonly border: "#E11D48";

package/dist/light/components/radio.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/light/components/radio.ts"],"names":[],"mappings":"~~AA0HA~~,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CAmCR~~,CAAC"}
1	+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/light/components/radio.ts"],"names":[],"mappings":"AA2HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,CAAC"}

package/dist/light/components/radio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createRadioPalette, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioPalette.js';
+import { createRadioPalette, createRadioTokens, radioMotionTokens, radioSizeTokens, } from '../../factories/components/createRadioTokens.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
@@ -110,7 +110,7 @@ const danger = createRadioPalette({
         labelFg: colors.error[700],
     },
 });
-export const radio = {
+export const radio = createRadioTokens({
     size: radioSizeTokens,
     motion: radioMotionTokens,
     default: control.default,
@@ -137,4 +137,4 @@ export const radio = {
         border: border.disabled,
         labelFg: text.disabled,
     },
-};
+});

package/dist/light/components/radioGroup.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { createRadioGroupTokensFromSpacing } from '../../factories/createRadioGroupTokens.js';
+import { createRadioGroupTokensFromSpacing } from '../../factories/components/createRadioGroupTokens.js';
 import { spacing } from '../../tokens/spacing.js';
 export const radioGroup = createRadioGroupTokensFromSpacing(spacing);