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/factories/{createSelectPalette.d.ts → palettes/createSelectIntentPalette.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { createInputColorPalette } from './createInputPalette.js';
+import type { createInputColorPalette } from './createInputIntentPalette.js';
 type SelectBasePalette = ReturnType<typeof createInputColorPalette>;
 type SelectPaletteConfig = {
     optionActiveBg?: string;
@@ -25,7 +25,7 @@ type SelectPaletteConfig = {
     optionSelectedPressedBorder?: string;
     optionSelectedPressedFg?: string;
 };
-export declare const createSelectPalette: (palette: SelectBasePalette, config?: SelectPaletteConfig) => {
+export declare const createSelectIntentPalette: (palette: SelectBasePalette, config?: SelectPaletteConfig) => {
     readonly ring: string;
     readonly outline: {
         dropdown: {
@@ -76,9 +76,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -128,9 +128,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -180,9 +180,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     };
     readonly filled: {
         dropdown: {
@@ -233,9 +233,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -285,9 +285,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -337,9 +337,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     };
     readonly soft: {
         dropdown: {
@@ -390,9 +390,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -442,9 +442,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     } | {
         dropdown: {
             border: string;
@@ -494,10 +494,10 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
                 border: string;
             };
         };
-        default: import("./createInputPalette.js").InputState;
-        hover: import("./createInputPalette.js").InputState;
-        focus: import("./createInputPalette.js").InputState;
+        default: import("./createInputIntentPalette.js").InputState;
+        hover: import("./createInputIntentPalette.js").InputState;
+        focus: import("./createInputIntentPalette.js").InputState;
     };
 };
 export {};
-//# sourceMappingURL=createSelectPalette.d.ts.map
+//# sourceMappingURL=createSelectIntentPalette.d.ts.map

package/dist/factories/palettes/createSelectIntentPalette.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createSelectIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createSelectIntentPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEpE,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AA8DF,eAAO,MAAM,yBAAyB,GACpC,SAAS,iBAAiB,EAC1B,SAAQ,mBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC"}

package/dist/factories/{createSelectPalette.js → palettes/createSelectIntentPalette.js} RENAMED Viewed

@@ -52,7 +52,7 @@ const createSelectVariant = (palette, variant, config) => {
         },
     };
 };
-export const createSelectPalette = (palette, config = {}) => ({
+export const createSelectIntentPalette = (palette, config = {}) => ({
     ring: palette.ring,
     outline: createSelectVariant(palette, 'outline', config),
     filled: createSelectVariant(palette, 'filled', config),

package/dist/factories/shared/componentFocusRing.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"componentFocusRing.d.ts","sourceRoot":"","sources":["../../../src/factories/shared/componentFocusRing.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,iBAAiB;;;;;;;;CAMnD,CAAC"}

package/dist/factories/{componentFocusRing.js → shared/componentFocusRing.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { createComponentFocusRingShadowIntent } from '../platform-output/component-token-intents.js';
+import { createComponentFocusRingShadowIntent } from '../../platform-output/component-token-intents.js';
 export const createComponentFocusRing = (ring) => ({
     color: ring.color,
     width: ring.width,

package/dist/highContrast/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/highContrast/components/accordion.d.ts.map CHANGED Viewed

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

package/dist/highContrast/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/highContrast/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/highContrast/components/button.d.ts.map CHANGED Viewed

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

package/dist/highContrast/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 { status } from '../semantic/status.js';
@@ -148,7 +148,7 @@ const danger = createButtonPalette({
     pressedFg: colors.error[300],
     pressedBorder: colors.error[500],
 });
-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/highContrast/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: "#FCD34D";

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

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

package/dist/highContrast/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[300],
     },
 });
-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/highContrast/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/highContrast/components/dropdown.d.ts.map CHANGED Viewed

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

package/dist/highContrast/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 { border } from '../semantic/border.js';
@@ -64,7 +64,7 @@ const danger = createInputColorPalette({
     hoverBg: colors.error[950],
     ring: colors.error[300],
 });
-export const dropdown = {
+export const dropdown = createDropdownTokens({
     primary: createDropdownPalette(primary, {
         contentBorder: border.default,
         itemActiveRing: status.warning.border,
@@ -144,4 +144,4 @@ export const dropdown = {
         bg: border.default,
         fg: text.muted,
     },
-};
+});

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

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

package/dist/highContrast/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[400],
+        labelInfoBorder: colors.vellira[150],
+    },
 });

package/dist/highContrast/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/highContrast/components/input.d.ts.map CHANGED Viewed

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

package/dist/highContrast/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';
@@ -81,7 +81,7 @@ const danger = createInputColorPalette({
     hoverBg: colors.error[950],
     ring: colors.error[500],
 });
-export const input = {
+export const input = createInputTokens({
     primary,
     neutral,
     success,
@@ -139,8 +139,8 @@ export const input = {
     },
     clearButton: {
         fg: icons.muted,
-        hoverFg: status.error.fg,
-        hoverBg: status.error.bg,
+        hoverFg: colors.error[400],
+        hoverBg: colors.error[950],
         focusBg: surface.subtle,
         pressedBg: surface.pressed,
     },
@@ -163,4 +163,4 @@ export const input = {
     spinner: {
         fg: icons.muted,
     },
-};
+});

package/dist/highContrast/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/highContrast/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';