@vellira-ui/tokens 2.103.1 → 2.103.2

package/dist/highContrast/components/tooltip.js

@@ -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

@@ -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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/light/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAK1B,CAAC"}
+{"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

@@ -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

@@ -2,9 +2,9 @@ export declare const button: {
     readonly primary: {
         readonly ring: string;
         readonly solid: {
-            default: import("../../factories/createButtonTokens.js").ButtonState;
-            hover: import("../../factories/createButtonTokens.js").ButtonState;
-            pressed: import("../../factories/createButtonTokens.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/createButtonTokens.js").ButtonState;
-            hover: import("../../factories/createButtonTokens.js").ButtonState;
-            pressed: import("../../factories/createButtonTokens.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/createButtonTokens.js").ButtonState;
-            hover: import("../../factories/createButtonTokens.js").ButtonState;
-            pressed: import("../../factories/createButtonTokens.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/createButtonTokens.js").ButtonState;
-            hover: import("../../factories/createButtonTokens.js").ButtonState;
-            pressed: import("../../factories/createButtonTokens.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/createButtonTokens.js").ButtonState;
-            hover: import("../../factories/createButtonTokens.js").ButtonState;
-            pressed: import("../../factories/createButtonTokens.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.js

@@ -1,4 +1,4 @@
-import { createButtonPalette, createButtonTokens, } from '../../factories/createButtonTokens.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';

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

@@ -12,33 +12,33 @@ export declare const checkbox: {
     };
     readonly primary: {
         readonly ring: string;
-        readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxTokens.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/createCheckboxTokens.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxTokens.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/createCheckboxTokens.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxTokens.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/createCheckboxTokens.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxTokens.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/createCheckboxTokens.js").CheckboxState;
-        readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
-        readonly pressed: import("../../factories/createCheckboxTokens.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.js

@@ -1,4 +1,4 @@
-import { createCheckboxPalette, createCheckboxTokens, } from '../../factories/createCheckboxTokens.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';

package/dist/light/components/contextMenu.js

@@ -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.js

@@ -1,6 +1,6 @@
-import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
-import { createDropdownPalette, createDropdownTokens, } from '../../factories/createDropdownTokens.js';
-import { createInputColorPalette } from '../../factories/createInputTokens.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';

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

@@ -1 +1 @@
-{"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/light/components/formField.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}
+{"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

@@ -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

@@ -2,91 +2,91 @@ export declare const input: {
     readonly primary: {
         readonly ring: string;
         readonly outline: {
-            default: import("../../factories/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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/createInputTokens.js").InputState;
-            hover: import("../../factories/createInputTokens.js").InputState;
-            focus: import("../../factories/createInputTokens.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.js

@@ -1,4 +1,4 @@
-import { createInputColorPalette, createInputTokens, } from '../../factories/createInputTokens.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';
@@ -119,8 +119,8 @@ export const input = createInputTokens({
     },
     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,
     },

package/dist/light/components/modal.js

@@ -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

@@ -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

@@ -50,33 +50,33 @@ export declare const radio: {
     };
     readonly primary: {
         readonly ring: string;
-        readonly default: import("../../factories/createRadioTokens.js").RadioState;
-        readonly hover: import("../../factories/createRadioTokens.js").RadioState;
-        readonly pressed: import("../../factories/createRadioTokens.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/createRadioTokens.js").RadioState;
-        readonly hover: import("../../factories/createRadioTokens.js").RadioState;
-        readonly pressed: import("../../factories/createRadioTokens.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/createRadioTokens.js").RadioState;
-        readonly hover: import("../../factories/createRadioTokens.js").RadioState;
-        readonly pressed: import("../../factories/createRadioTokens.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/createRadioTokens.js").RadioState;
-        readonly hover: import("../../factories/createRadioTokens.js").RadioState;
-        readonly pressed: import("../../factories/createRadioTokens.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/createRadioTokens.js").RadioState;
-        readonly hover: import("../../factories/createRadioTokens.js").RadioState;
-        readonly pressed: import("../../factories/createRadioTokens.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.js

@@ -1,4 +1,4 @@
-import { createRadioPalette, createRadioTokens, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioTokens.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';

package/dist/light/components/radioGroup.js

@@ -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);