@vellira-ui/tokens 2.44.3 → 2.44.5

package/dist/css/tokens.css

@@ -1245,7 +1245,7 @@
   --input-spinner-fg: #958CB0;
   --modal-overlay-bg: rgba(24, 21, 33, 0.52);
   --modal-overlay-blur: 4px;
-  --modal-overlay-animation-duration: 200ms;
+  --modal-overlay-animation-duration: 180ms;
   --modal-content-bg: #FFFFFF;
   --modal-content-fg: #3D3754;
   --modal-content-border: #E4DDF4;
@@ -1260,7 +1260,7 @@
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
-  --modal-content-animation-duration: 160ms;
+  --modal-content-animation-duration: 180ms;
   --modal-content-size-sm: 400px;
   --modal-content-size-md: 560px;
   --modal-content-size-lg: 720px;
@@ -1292,6 +1292,34 @@
   --modal-close-button-disabled-bg: transparent;
   --modal-close-button-disabled-fg: #958CB0;
   --modal-close-button-disabled-border: transparent;
+  --modal-motion-close-duration: 150ms;
+  --modal-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
+  --modal-motion-open-duration: 180ms;
+  --radio-size-sm-control-size: 14px;
+  --radio-size-sm-indicator-size: 6px;
+  --radio-size-sm-label-font-size: 14px;
+  --radio-size-sm-label-line-height: 20px;
+  --radio-size-sm-description-font-size: 12px;
+  --radio-size-sm-description-line-height: 16px;
+  --radio-size-md-control-size: 16px;
+  --radio-size-md-indicator-size: 8px;
+  --radio-size-md-label-font-size: 16px;
+  --radio-size-md-label-line-height: 24px;
+  --radio-size-md-description-font-size: 14px;
+  --radio-size-md-description-line-height: 20px;
+  --radio-size-lg-control-size: 20px;
+  --radio-size-lg-indicator-size: 10px;
+  --radio-size-lg-label-font-size: 20px;
+  --radio-size-lg-label-line-height: 28px;
+  --radio-size-lg-description-font-size: 16px;
+  --radio-size-lg-description-line-height: 24px;
+  --radio-motion-control-duration: 150ms;
+  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --radio-motion-indicator-duration: 180ms;
+  --radio-motion-selected-duration: 260ms;
+  --radio-motion-pressed-scale: 0.96px;
+  --radio-motion-active-scale: 0.92px;
+  --radio-motion-pressed-opacity: 0.8px;
   --radio-default-bg: #FFFFFF;
   --radio-default-fg: #3D3754;
   --radio-default-border: #BBB2D2;
@@ -3451,7 +3479,7 @@
   --input-spinner-fg: #958CB0;
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-overlay-blur: 4px;
-  --modal-overlay-animation-duration: 200ms;
+  --modal-overlay-animation-duration: 180ms;
   --modal-content-bg: #242034;
   --modal-content-fg: #F4F1FB;
   --modal-content-border: #3D3754;
@@ -3466,7 +3494,7 @@
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
-  --modal-content-animation-duration: 160ms;
+  --modal-content-animation-duration: 180ms;
   --modal-content-size-sm: 400px;
   --modal-content-size-md: 560px;
   --modal-content-size-lg: 720px;
@@ -3498,6 +3526,34 @@
   --modal-close-button-disabled-bg: transparent;
   --modal-close-button-disabled-fg: #6B6386;
   --modal-close-button-disabled-border: transparent;
+  --modal-motion-close-duration: 150ms;
+  --modal-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
+  --modal-motion-open-duration: 180ms;
+  --radio-size-sm-control-size: 14px;
+  --radio-size-sm-indicator-size: 6px;
+  --radio-size-sm-label-font-size: 14px;
+  --radio-size-sm-label-line-height: 20px;
+  --radio-size-sm-description-font-size: 12px;
+  --radio-size-sm-description-line-height: 16px;
+  --radio-size-md-control-size: 16px;
+  --radio-size-md-indicator-size: 8px;
+  --radio-size-md-label-font-size: 16px;
+  --radio-size-md-label-line-height: 24px;
+  --radio-size-md-description-font-size: 14px;
+  --radio-size-md-description-line-height: 20px;
+  --radio-size-lg-control-size: 20px;
+  --radio-size-lg-indicator-size: 10px;
+  --radio-size-lg-label-font-size: 20px;
+  --radio-size-lg-label-line-height: 28px;
+  --radio-size-lg-description-font-size: 16px;
+  --radio-size-lg-description-line-height: 24px;
+  --radio-motion-control-duration: 150ms;
+  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --radio-motion-indicator-duration: 180ms;
+  --radio-motion-selected-duration: 260ms;
+  --radio-motion-pressed-scale: 0.96px;
+  --radio-motion-active-scale: 0.92px;
+  --radio-motion-pressed-opacity: 0.8px;
   --radio-default-bg: #2F2A42;
   --radio-default-fg: #F4F1FB;
   --radio-default-border: #4F4867;
@@ -3985,17 +4041,17 @@
   --select-warning-outline-default-bg: transparent;
   --select-warning-outline-default-fg: #F4F1FB;
   --select-warning-outline-default-border: #FBBF24;
-  --select-warning-outline-default-placeholder: #BBB2D2;
+  --select-warning-outline-default-placeholder: #F4F1FB;
   --select-warning-outline-default-icon: #FBBF24;
   --select-warning-outline-hover-bg: #451A03;
   --select-warning-outline-hover-fg: #F4F1FB;
   --select-warning-outline-hover-border: #F59E0B;
-  --select-warning-outline-hover-placeholder: #BBB2D2;
+  --select-warning-outline-hover-placeholder: #F4F1FB;
   --select-warning-outline-hover-icon: #F59E0B;
   --select-warning-outline-focus-bg: transparent;
   --select-warning-outline-focus-fg: #F4F1FB;
   --select-warning-outline-focus-border: #F59E0B;
-  --select-warning-outline-focus-placeholder: #BBB2D2;
+  --select-warning-outline-focus-placeholder: #F4F1FB;
   --select-warning-outline-focus-icon: #F59E0B;
   --select-warning-outline-dropdown-border: transparent;
   --select-warning-outline-dropdown-ring: #F59E0B;
@@ -4028,17 +4084,17 @@
   --select-warning-filled-default-bg: #451A03;
   --select-warning-filled-default-fg: #F4F1FB;
   --select-warning-filled-default-border: transparent;
-  --select-warning-filled-default-placeholder: #BBB2D2;
+  --select-warning-filled-default-placeholder: #F4F1FB;
   --select-warning-filled-default-icon: #FBBF24;
   --select-warning-filled-hover-bg: #78350F;
   --select-warning-filled-hover-fg: #F4F1FB;
   --select-warning-filled-hover-border: #FBBF24;
-  --select-warning-filled-hover-placeholder: #BBB2D2;
+  --select-warning-filled-hover-placeholder: #F4F1FB;
   --select-warning-filled-hover-icon: #F59E0B;
   --select-warning-filled-focus-bg: #242034;
   --select-warning-filled-focus-fg: #F4F1FB;
   --select-warning-filled-focus-border: #F59E0B;
-  --select-warning-filled-focus-placeholder: #BBB2D2;
+  --select-warning-filled-focus-placeholder: #F4F1FB;
   --select-warning-filled-focus-icon: #F59E0B;
   --select-warning-filled-dropdown-border: transparent;
   --select-warning-filled-dropdown-ring: #F59E0B;
@@ -4071,17 +4127,17 @@
   --select-warning-soft-default-bg: #78350F;
   --select-warning-soft-default-fg: #F4F1FB;
   --select-warning-soft-default-border: transparent;
-  --select-warning-soft-default-placeholder: #BBB2D2;
+  --select-warning-soft-default-placeholder: #F4F1FB;
   --select-warning-soft-default-icon: #FBBF24;
   --select-warning-soft-hover-bg: #78350F;
   --select-warning-soft-hover-fg: #F4F1FB;
   --select-warning-soft-hover-border: #FBBF24;
-  --select-warning-soft-hover-placeholder: #BBB2D2;
+  --select-warning-soft-hover-placeholder: #F4F1FB;
   --select-warning-soft-hover-icon: #F59E0B;
   --select-warning-soft-focus-bg: #78350F;
   --select-warning-soft-focus-fg: #F4F1FB;
   --select-warning-soft-focus-border: #F59E0B;
-  --select-warning-soft-focus-placeholder: #BBB2D2;
+  --select-warning-soft-focus-placeholder: #F4F1FB;
   --select-warning-soft-focus-icon: #F59E0B;
   --select-warning-soft-dropdown-border: transparent;
   --select-warning-soft-dropdown-ring: #F59E0B;
@@ -5668,7 +5724,7 @@
   --input-spinner-fg: #9CA3AF;
   --modal-overlay-bg: rgba(0, 0, 0, 0.82);
   --modal-overlay-blur: 4px;
-  --modal-overlay-animation-duration: 200ms;
+  --modal-overlay-animation-duration: 180ms;
   --modal-content-bg: #111827;
   --modal-content-fg: #FFFFFF;
   --modal-content-border: #9CA3AF;
@@ -5683,7 +5739,7 @@
   --modal-content-viewport-margin: 32px;
   --modal-content-top-offset: 40px;
   --modal-content-z-index-offset: 1;
-  --modal-content-animation-duration: 160ms;
+  --modal-content-animation-duration: 180ms;
   --modal-content-size-sm: 400px;
   --modal-content-size-md: 560px;
   --modal-content-size-lg: 720px;
@@ -5715,6 +5771,34 @@
   --modal-close-button-disabled-bg: transparent;
   --modal-close-button-disabled-fg: #6B7280;
   --modal-close-button-disabled-border: transparent;
+  --modal-motion-close-duration: 150ms;
+  --modal-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
+  --modal-motion-open-duration: 180ms;
+  --radio-size-sm-control-size: 14px;
+  --radio-size-sm-indicator-size: 6px;
+  --radio-size-sm-label-font-size: 14px;
+  --radio-size-sm-label-line-height: 20px;
+  --radio-size-sm-description-font-size: 12px;
+  --radio-size-sm-description-line-height: 16px;
+  --radio-size-md-control-size: 16px;
+  --radio-size-md-indicator-size: 8px;
+  --radio-size-md-label-font-size: 16px;
+  --radio-size-md-label-line-height: 24px;
+  --radio-size-md-description-font-size: 14px;
+  --radio-size-md-description-line-height: 20px;
+  --radio-size-lg-control-size: 20px;
+  --radio-size-lg-indicator-size: 10px;
+  --radio-size-lg-label-font-size: 20px;
+  --radio-size-lg-label-line-height: 28px;
+  --radio-size-lg-description-font-size: 16px;
+  --radio-size-lg-description-line-height: 24px;
+  --radio-motion-control-duration: 150ms;
+  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --radio-motion-indicator-duration: 180ms;
+  --radio-motion-selected-duration: 260ms;
+  --radio-motion-pressed-scale: 0.96px;
+  --radio-motion-active-scale: 0.92px;
+  --radio-motion-pressed-opacity: 0.8px;
   --radio-default-bg: #000000;
   --radio-default-fg: #FFFFFF;
   --radio-default-border: #9CA3AF;

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

@@ -2,7 +2,7 @@ export declare const modal: {
     readonly overlay: {
         readonly bg: string;
         readonly blur: 4;
-        readonly animationDuration: "200ms";
+        readonly animationDuration: "180ms";
     };
     readonly content: {
         readonly bg: string;
@@ -19,7 +19,7 @@ export declare const modal: {
         readonly viewportMargin: number;
         readonly topOffset: number;
         readonly zIndexOffset: "1";
-        readonly animationDuration: "160ms";
+        readonly animationDuration: "180ms";
         readonly size: {
             readonly sm: 400;
             readonly md: 560;
@@ -78,5 +78,10 @@ export declare const modal: {
             readonly border: "transparent";
         };
     };
+    readonly motion: {
+        readonly closeDuration: "150ms";
+        readonly easing: "cubic-bezier(0.22, 1, 0.36, 1)";
+        readonly openDuration: "180ms";
+    };
 };
 //# sourceMappingURL=modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/dark/components/modal.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/dark/components/modal.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC"}

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

@@ -1,4 +1,39 @@
 export declare const radio: {
+    readonly size: {
+        readonly sm: {
+            readonly controlSize: 14;
+            readonly indicatorSize: 6;
+            readonly labelFontSize: 14;
+            readonly labelLineHeight: 20;
+            readonly descriptionFontSize: 12;
+            readonly descriptionLineHeight: 16;
+        };
+        readonly md: {
+            readonly controlSize: 16;
+            readonly indicatorSize: 8;
+            readonly labelFontSize: 16;
+            readonly labelLineHeight: 24;
+            readonly descriptionFontSize: 14;
+            readonly descriptionLineHeight: 20;
+        };
+        readonly lg: {
+            readonly controlSize: 20;
+            readonly indicatorSize: 10;
+            readonly labelFontSize: 20;
+            readonly labelLineHeight: 28;
+            readonly descriptionFontSize: 16;
+            readonly descriptionLineHeight: 24;
+        };
+    };
+    readonly motion: {
+        readonly controlDuration: "150ms";
+        readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
+        readonly indicatorDuration: "180ms";
+        readonly selectedDuration: "260ms";
+        readonly pressedScale: 0.96;
+        readonly activeScale: 0.92;
+        readonly pressedOpacity: 0.8;
+    };
     readonly default: {
         readonly bg: "#2F2A42";
         readonly fg: "#F4F1FB";

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

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

package/dist/dark/components/radio.js

@@ -1,4 +1,4 @@
-import { createRadioPalette } from '../../factories/createRadioPalette.js';
+import { createRadioPalette, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioPalette.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
@@ -111,6 +111,8 @@ const danger = createRadioPalette({
     },
 });
 export const radio = {
+    size: radioSizeTokens,
+    motion: radioMotionTokens,
     default: control.default,
     hover: control.hover,
     pressed: control.active,

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/dark/components/select.ts"],"names":[],"mappings":"AA0EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOT,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/dark/components/select.ts"],"names":[],"mappings":"AA2EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOT,CAAC"}

package/dist/dark/components/select.js

@@ -53,6 +53,7 @@ const warning = createInputColorPalette({
     filledBg: colors.warning[950],
     filledHoverBg: colors.warning[900],
     hoverBg: colors.warning[950],
+    placeholder: text.primary,
     ring: colors.warning[500],
 });
 const danger = createInputColorPalette({

package/dist/factories/createModalTokens.d.ts

@@ -31,7 +31,7 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
     readonly overlay: {
         readonly bg: string;
         readonly blur: 4;
-        readonly animationDuration: "200ms";
+        readonly animationDuration: "180ms";
     };
     readonly content: {
         readonly bg: string;
@@ -48,7 +48,7 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
         readonly viewportMargin: number;
         readonly topOffset: number;
         readonly zIndexOffset: "1";
-        readonly animationDuration: "160ms";
+        readonly animationDuration: "180ms";
         readonly size: {
             readonly sm: 400;
             readonly md: 560;
@@ -102,6 +102,11 @@ export declare const createModalTokens: (config: ModalTokensConfig) => {
             readonly border: "transparent";
         };
     };
+    readonly motion: {
+        readonly closeDuration: "150ms";
+        readonly easing: "cubic-bezier(0.22, 1, 0.36, 1)";
+        readonly openDuration: "180ms";
+    };
 };
 export {};
 //# sourceMappingURL=createModalTokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createModalTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createModalTokens.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,cAAc,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AASF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC"}
+{"version":3,"file":"createModalTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createModalTokens.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,cAAc,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAcF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F9C,CAAC"}

package/dist/factories/createModalTokens.js

@@ -2,13 +2,17 @@ const modalLayout = {
     maxHeight: '90vh',
     nativeMaxHeight: '90%',
     zIndexOffset: '1',
-    animationDuration: '160ms',
+};
+const modalMotion = {
+    closeDuration: '150ms',
+    easing: 'cubic-bezier(0.22, 1, 0.36, 1)',
+    openDuration: '180ms',
 };
 export const createModalTokens = (config) => ({
     overlay: {
         bg: config.overlayBg,
         blur: 4,
-        animationDuration: '200ms',
+        animationDuration: modalMotion.openDuration,
     },
     content: {
         bg: config.contentBg,
@@ -25,7 +29,7 @@ export const createModalTokens = (config) => ({
         viewportMargin: config.spacing8,
         topOffset: config.spacing10,
         zIndexOffset: modalLayout.zIndexOffset,
-        animationDuration: modalLayout.animationDuration,
+        animationDuration: modalMotion.openDuration,
         size: {
             sm: 400,
             md: 560,
@@ -79,4 +83,5 @@ export const createModalTokens = (config) => ({
             border: 'transparent',
         },
     },
+    motion: modalMotion,
 });

package/dist/factories/createRadioPalette.d.ts

@@ -16,4 +16,39 @@ export declare const createRadioPalette: ({ ring, default: defaultState, hover,
     readonly hover: RadioState;
     readonly pressed: RadioState;
 };
+export declare const radioSizeTokens: {
+    readonly sm: {
+        readonly controlSize: 14;
+        readonly indicatorSize: 6;
+        readonly labelFontSize: 14;
+        readonly labelLineHeight: 20;
+        readonly descriptionFontSize: 12;
+        readonly descriptionLineHeight: 16;
+    };
+    readonly md: {
+        readonly controlSize: 16;
+        readonly indicatorSize: 8;
+        readonly labelFontSize: 16;
+        readonly labelLineHeight: 24;
+        readonly descriptionFontSize: 14;
+        readonly descriptionLineHeight: 20;
+    };
+    readonly lg: {
+        readonly controlSize: 20;
+        readonly indicatorSize: 10;
+        readonly labelFontSize: 20;
+        readonly labelLineHeight: 28;
+        readonly descriptionFontSize: 16;
+        readonly descriptionLineHeight: 24;
+    };
+};
+export declare const radioMotionTokens: {
+    readonly controlDuration: "150ms";
+    readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
+    readonly indicatorDuration: "180ms";
+    readonly selectedDuration: "260ms";
+    readonly pressedScale: 0.96;
+    readonly activeScale: 0.92;
+    readonly pressedOpacity: 0.8;
+};
 //# sourceMappingURL=createRadioPalette.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createRadioPalette.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kDAKhC,kBAAkB;;;;;CAMR,CAAC"}
+{"version":3,"file":"createRadioPalette.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioPalette.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kDAKhC,kBAAkB;;;;;CAMR,CAAC;AAEd,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC"}

package/dist/factories/createRadioPalette.js

@@ -1,6 +1,42 @@
+import { typography } from '../tokens/typography.js';
 export const createRadioPalette = ({ ring, default: defaultState, hover, pressed, }) => ({
     ring,
     default: defaultState,
     hover,
     pressed,
 });
+export const radioSizeTokens = {
+    sm: {
+        controlSize: 14,
+        indicatorSize: 6,
+        labelFontSize: typography.size.sm,
+        labelLineHeight: typography.lineHeight.sm,
+        descriptionFontSize: typography.size.xs,
+        descriptionLineHeight: typography.lineHeight.xs,
+    },
+    md: {
+        controlSize: 16,
+        indicatorSize: 8,
+        labelFontSize: typography.size.md,
+        labelLineHeight: typography.lineHeight.md,
+        descriptionFontSize: typography.size.sm,
+        descriptionLineHeight: typography.lineHeight.sm,
+    },
+    lg: {
+        controlSize: 20,
+        indicatorSize: 10,
+        labelFontSize: typography.size.lg,
+        labelLineHeight: typography.lineHeight.lg,
+        descriptionFontSize: typography.size.md,
+        descriptionLineHeight: typography.lineHeight.md,
+    },
+};
+export const radioMotionTokens = {
+    controlDuration: '150ms',
+    easing: 'cubic-bezier(0.16, 1, 0.3, 1)',
+    indicatorDuration: '180ms',
+    selectedDuration: '260ms',
+    pressedScale: 0.96,
+    activeScale: 0.92,
+    pressedOpacity: 0.8,
+};