npm - @vellira-ui/tokens - Versions diffs - 2.103.1 → 2.103.3 - Mend

@vellira-ui/tokens 2.103.1 → 2.103.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

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

@@ -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/dark/components/input.js CHANGED Viewed

@@ -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';
@@ -98,7 +98,7 @@ export const input = createInputTokens({
     },
     error: {
         border: status.error.border,
-        ring: status.error.fg,
+        ring: status.error.ring,
     },
     readOnly: {
         bg: surface.subtle,
@@ -119,8 +119,8 @@ export const input = createInputTokens({
     },
     clearButton: {
         fg: icons.muted,
-        hoverFg: status.error.fg,
-        hoverBg: status.error.bg,
+        hoverFg: icons.danger,
+        hoverBg: 'rgba(251, 113, 133, 0.16)',
         focusBg: surface.subtle,
         pressedBg: surface.pressed,
     },

package/dist/dark/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/dark/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/dark/components/radio.d.ts CHANGED Viewed

@@ -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 focus: {
         readonly ring: "#B8A8FF";

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

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