@vellira-ui/tokens 2.74.0 → 2.76.0

package/dist/css/tokens.css

@@ -2157,6 +2157,33 @@
   --select-option-success-fg: #0F766E;
   --select-option-warning-fg: #B45309;
   --select-option-danger-fg: #BE123C;
+  --switch-geometry-track-width: 44px;
+  --switch-geometry-track-height: 24px;
+  --switch-geometry-border-width: 2px;
+  --switch-geometry-padding: 1px;
+  --switch-geometry-thumb-size: 18px;
+  --switch-geometry-thumb-travel: 20px;
+  --switch-geometry-focus-ring-width: 2px;
+  --switch-geometry-focus-ring-offset: 2px;
+  --switch-geometry-press-scale: 0.98;
+  --switch-off-track-bg: #FFFFFF;
+  --switch-off-track-border: #BBB2D2;
+  --switch-off-thumb-bg: #3D3754;
+  --switch-on-default-track-bg: #6346E8;
+  --switch-on-default-track-border: #6346E8;
+  --switch-on-default-thumb-bg: #FFFFFF;
+  --switch-on-hover-track-bg: #5037C8;
+  --switch-on-hover-track-border: #5037C8;
+  --switch-on-hover-thumb-bg: #FFFFFF;
+  --switch-on-pressed-track-bg: #402C9F;
+  --switch-on-pressed-track-border: #402C9F;
+  --switch-on-pressed-thumb-bg: #FFFFFF;
+  --switch-focus-ring: #5037C8;
+  --switch-error-border: #E11D48;
+  --switch-error-ring: #F43F5E;
+  --switch-disabled-track-bg: #F4F1FB;
+  --switch-disabled-track-border: #E4DDF4;
+  --switch-disabled-thumb-bg: #958CB0;
   --tabs-primary-trigger-default-bg: transparent;
   --tabs-primary-trigger-default-fg: #6B6386;
   --tabs-primary-trigger-default-border: transparent;
@@ -4413,6 +4440,33 @@
   --select-option-success-fg: #2DD4BF;
   --select-option-warning-fg: #FBBF24;
   --select-option-danger-fg: #FB7185;
+  --switch-geometry-track-width: 44px;
+  --switch-geometry-track-height: 24px;
+  --switch-geometry-border-width: 2px;
+  --switch-geometry-padding: 1px;
+  --switch-geometry-thumb-size: 18px;
+  --switch-geometry-thumb-travel: 20px;
+  --switch-geometry-focus-ring-width: 2px;
+  --switch-geometry-focus-ring-offset: 2px;
+  --switch-geometry-press-scale: 0.98;
+  --switch-off-track-bg: #2F2A42;
+  --switch-off-track-border: #4F4867;
+  --switch-off-thumb-bg: #F4F1FB;
+  --switch-on-default-track-bg: #7352F8;
+  --switch-on-default-track-border: #7352F8;
+  --switch-on-default-thumb-bg: #FFFFFF;
+  --switch-on-hover-track-bg: #9B7CFF;
+  --switch-on-hover-track-border: #9B7CFF;
+  --switch-on-hover-thumb-bg: #FFFFFF;
+  --switch-on-pressed-track-bg: #6346E8;
+  --switch-on-pressed-track-border: #6346E8;
+  --switch-on-pressed-thumb-bg: #FFFFFF;
+  --switch-focus-ring: #B8A8FF;
+  --switch-error-border: #FB7185;
+  --switch-error-ring: #FB7185;
+  --switch-disabled-track-bg: #2F2A42;
+  --switch-disabled-track-border: #3D3754;
+  --switch-disabled-thumb-bg: #6B6386;
   --tabs-primary-trigger-default-bg: transparent;
   --tabs-primary-trigger-default-fg: #BBB2D2;
   --tabs-primary-trigger-default-border: transparent;
@@ -6680,6 +6734,33 @@
   --select-option-success-fg: #5EEAD4;
   --select-option-warning-fg: #FCD34D;
   --select-option-danger-fg: #FB7185;
+  --switch-geometry-track-width: 44px;
+  --switch-geometry-track-height: 24px;
+  --switch-geometry-border-width: 2px;
+  --switch-geometry-padding: 1px;
+  --switch-geometry-thumb-size: 18px;
+  --switch-geometry-thumb-travel: 20px;
+  --switch-geometry-focus-ring-width: 2px;
+  --switch-geometry-focus-ring-offset: 2px;
+  --switch-geometry-press-scale: 0.98;
+  --switch-off-track-bg: #000000;
+  --switch-off-track-border: #9CA3AF;
+  --switch-off-thumb-bg: #FFFFFF;
+  --switch-on-default-track-bg: #FCD34D;
+  --switch-on-default-track-border: #FCD34D;
+  --switch-on-default-thumb-bg: #000000;
+  --switch-on-hover-track-bg: #FDE68A;
+  --switch-on-hover-track-border: #FDE68A;
+  --switch-on-hover-thumb-bg: #000000;
+  --switch-on-pressed-track-bg: #FBBF24;
+  --switch-on-pressed-track-border: #FBBF24;
+  --switch-on-pressed-thumb-bg: #000000;
+  --switch-focus-ring: #FCD34D;
+  --switch-error-border: #FB7185;
+  --switch-error-ring: #FB7185;
+  --switch-disabled-track-bg: #111827;
+  --switch-disabled-track-border: #4B5563;
+  --switch-disabled-thumb-bg: #6B7280;
   --tabs-primary-trigger-default-bg: transparent;
   --tabs-primary-trigger-default-fg: #EEE8FA;
   --tabs-primary-trigger-default-border: transparent;

package/dist/dark/components/index.d.ts

@@ -9,6 +9,7 @@ export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
+export { switchTokens as switch } from './switch.js';
 export { tabs } from './tabs.js';
 export { tooltip } from './tooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/dark/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/dark/components/index.js

@@ -9,5 +9,6 @@ export { popover } from './popover.js';
 export { radio } from './radio.js';
 export { radioGroup } from './radioGroup.js';
 export { select } from './select.js';
+export { switchTokens as switch } from './switch.js';
 export { tabs } from './tabs.js';
 export { tooltip } from './tooltip.js';

package/dist/dark/components/switch.d.ts

@@ -0,0 +1,2 @@
+export declare const switchTokens: import("../../factories/createSwitchTokens.js").SwitchTokensConfig;
+//# sourceMappingURL=switch.d.ts.map

package/dist/dark/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/dark/components/switch.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEA0CvB,CAAC"}

package/dist/dark/components/switch.js

@@ -0,0 +1,47 @@
+import { createSwitchTokens } from '../../factories/createSwitchTokens.js';
+import { control } from '../semantic/control.js';
+import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
+export const switchTokens = createSwitchTokens({
+    geometry: {
+        trackWidth: 44,
+        trackHeight: 24,
+        borderWidth: 2,
+        padding: 1,
+        thumbSize: 18,
+        thumbTravel: 20,
+        focusRingWidth: 2,
+        focusRingOffset: 2,
+        pressScale: 0.98,
+    },
+    off: {
+        trackBg: control.default.bg,
+        trackBorder: control.default.border,
+        thumbBg: control.default.fg,
+    },
+    on: {
+        default: {
+            trackBg: control.selected.default.bg,
+            trackBorder: control.selected.default.border,
+            thumbBg: control.selected.default.fg,
+        },
+        hover: {
+            trackBg: control.selected.hover.bg,
+            trackBorder: control.selected.hover.border,
+            thumbBg: control.selected.hover.fg,
+        },
+        pressed: {
+            trackBg: control.selected.active.bg,
+            trackBorder: control.selected.active.border,
+            thumbBg: control.selected.active.fg,
+        },
+    },
+    focusRing: focus.ring.color,
+    errorBorder: status.error.border,
+    errorRing: status.error.ring,
+    disabled: {
+        trackBg: control.disabled.bg,
+        trackBorder: control.disabled.border,
+        thumbBg: control.disabled.fg,
+    },
+});

package/dist/factories/createSwitchTokens.d.ts

@@ -0,0 +1,31 @@
+export type SwitchVisualState = {
+    trackBg: string;
+    trackBorder: string;
+    thumbBg: string;
+};
+export type SwitchGeometry = {
+    trackWidth: number;
+    trackHeight: number;
+    borderWidth: number;
+    padding: number;
+    thumbSize: number;
+    thumbTravel: number;
+    focusRingWidth: number;
+    focusRingOffset: number;
+    pressScale: number;
+};
+export type SwitchTokensConfig = {
+    geometry: SwitchGeometry;
+    off: SwitchVisualState;
+    on: {
+        default: SwitchVisualState;
+        hover: SwitchVisualState;
+        pressed: SwitchVisualState;
+    };
+    focusRing: string;
+    errorBorder: string;
+    errorRing: string;
+    disabled: SwitchVisualState;
+};
+export declare const createSwitchTokens: (config: SwitchTokensConfig) => SwitchTokensConfig;
+//# sourceMappingURL=createSwitchTokens.d.ts.map

package/dist/factories/createSwitchTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSwitchTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSwitchTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;IACvB,EAAE,EAAE;QACF,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,kBAAkB,uBAAW,CAAC"}

package/dist/factories/createSwitchTokens.js

@@ -0,0 +1 @@
+export const createSwitchTokens = (config) => config;

package/dist/factories/index.d.ts

@@ -4,6 +4,7 @@ export * from './createInputPalette.js';
 export * from './createModalTokens.js';
 export * from './createRadioGroupTokens.js';
 export * from './createRadioPalette.js';
+export * from './createSwitchTokens.js';
 export * from './createTabsTokens.js';
 export * from './createTooltipTokens.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/factories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}

package/dist/factories/index.js

@@ -4,5 +4,6 @@ export * from './createInputPalette.js';
 export * from './createModalTokens.js';
 export * from './createRadioGroupTokens.js';
 export * from './createRadioPalette.js';
+export * from './createSwitchTokens.js';
 export * from './createTabsTokens.js';
 export * from './createTooltipTokens.js';