@vellira-ui/tokens 2.20.0 → 2.22.0

package/dist/generated/token-types.js

@@ -131,6 +131,12 @@ export const semanticTokenPaths = [
     'semantic.action.close.hover.bg',
     'semantic.action.close.hover.border',
     'semantic.action.close.hover.fg',
+    'semantic.action.close.muted.bg',
+    'semantic.action.close.muted.border',
+    'semantic.action.close.muted.fg',
+    'semantic.action.close.subtle.bg',
+    'semantic.action.close.subtle.border',
+    'semantic.action.close.subtle.fg',
     'semantic.action.danger.active.bg',
     'semantic.action.danger.active.border',
     'semantic.action.danger.active.fg',
@@ -141,6 +147,7 @@ export const semanticTokenPaths = [
     'semantic.action.danger.hover.border',
     'semantic.action.danger.hover.fg',
     'semantic.action.danger.muted.bg',
+    'semantic.action.danger.muted.border',
     'semantic.action.danger.muted.fg',
     'semantic.action.danger.subtle.bg',
     'semantic.action.danger.subtle.border',
@@ -169,6 +176,12 @@ export const semanticTokenPaths = [
     'semantic.action.secondary.hover.bg',
     'semantic.action.secondary.hover.border',
     'semantic.action.secondary.hover.fg',
+    'semantic.action.secondary.muted.bg',
+    'semantic.action.secondary.muted.border',
+    'semantic.action.secondary.muted.fg',
+    'semantic.action.secondary.subtle.bg',
+    'semantic.action.secondary.subtle.border',
+    'semantic.action.secondary.subtle.fg',
     'semantic.border.default',
     'semantic.border.disabled',
     'semantic.border.elevated',
@@ -176,6 +189,9 @@ export const semanticTokenPaths = [
     'semantic.border.muted',
     'semantic.border.strong',
     'semantic.border.subtle',
+    'semantic.control.default.bg',
+    'semantic.control.default.border',
+    'semantic.control.default.fg',
     'semantic.control.hover.bg',
     'semantic.control.hover.border',
     'semantic.control.hover.fg',
@@ -243,7 +259,9 @@ export const semanticTokenPaths = [
     'semantic.status.warning.fg',
     'semantic.status.warning.strong',
     'semantic.surface.active',
+    'semantic.surface.danger',
     'semantic.surface.default',
+    'semantic.surface.disabled',
     'semantic.surface.elevated',
     'semantic.surface.hover',
     'semantic.surface.inverse',
@@ -440,25 +458,46 @@ export const componentTokenPaths = [
     'components.formField.helperText.warning.fg',
     'components.formField.label.fg',
     'components.formField.requiredMark.fg',
+    'components.input.clearButton.fg',
+    'components.input.clearButton.focusBg',
+    'components.input.clearButton.hoverBg',
+    'components.input.clearButton.hoverFg',
+    'components.input.clearButton.pressedBg',
     'components.input.default.bg',
     'components.input.default.border',
     'components.input.default.fg',
+    'components.input.default.icon',
     'components.input.default.placeholder',
     'components.input.disabled.bg',
     'components.input.disabled.border',
     'components.input.disabled.fg',
+    'components.input.disabled.icon',
     'components.input.disabled.placeholder',
     'components.input.error.border',
     'components.input.error.ring',
     'components.input.focus.bg',
     'components.input.focus.border',
     'components.input.focus.fg',
+    'components.input.focus.icon',
     'components.input.focus.placeholder',
     'components.input.focus.ring',
     'components.input.hover.bg',
     'components.input.hover.border',
     'components.input.hover.fg',
+    'components.input.hover.icon',
     'components.input.hover.placeholder',
+    'components.input.icon.danger',
+    'components.input.icon.default',
+    'components.input.icon.inverse',
+    'components.input.icon.muted',
+    'components.input.icon.primary',
+    'components.input.icon.secondary',
+    'components.input.icon.success',
+    'components.input.readOnly.bg',
+    'components.input.readOnly.border',
+    'components.input.readOnly.fg',
+    'components.input.readOnly.icon',
+    'components.input.readOnly.placeholder',
     'components.input.success.border',
     'components.input.success.ring',
     'components.menu.groupLabel.fg',
@@ -584,6 +623,7 @@ export const baseTokenPaths = [
     'tokens.radius.md',
     'tokens.radius.sm',
     'tokens.radius.xl',
+    'tokens.radius.xs',
     'tokens.shadows.lg.blur',
     'tokens.shadows.lg.color',
     'tokens.shadows.lg.elevation',
@@ -934,25 +974,46 @@ export const tokenPaths = [
     'components.formField.helperText.warning.fg',
     'components.formField.label.fg',
     'components.formField.requiredMark.fg',
+    'components.input.clearButton.fg',
+    'components.input.clearButton.focusBg',
+    'components.input.clearButton.hoverBg',
+    'components.input.clearButton.hoverFg',
+    'components.input.clearButton.pressedBg',
     'components.input.default.bg',
     'components.input.default.border',
     'components.input.default.fg',
+    'components.input.default.icon',
     'components.input.default.placeholder',
     'components.input.disabled.bg',
     'components.input.disabled.border',
     'components.input.disabled.fg',
+    'components.input.disabled.icon',
     'components.input.disabled.placeholder',
     'components.input.error.border',
     'components.input.error.ring',
     'components.input.focus.bg',
     'components.input.focus.border',
     'components.input.focus.fg',
+    'components.input.focus.icon',
     'components.input.focus.placeholder',
     'components.input.focus.ring',
     'components.input.hover.bg',
     'components.input.hover.border',
     'components.input.hover.fg',
+    'components.input.hover.icon',
     'components.input.hover.placeholder',
+    'components.input.icon.danger',
+    'components.input.icon.default',
+    'components.input.icon.inverse',
+    'components.input.icon.muted',
+    'components.input.icon.primary',
+    'components.input.icon.secondary',
+    'components.input.icon.success',
+    'components.input.readOnly.bg',
+    'components.input.readOnly.border',
+    'components.input.readOnly.fg',
+    'components.input.readOnly.icon',
+    'components.input.readOnly.placeholder',
     'components.input.success.border',
     'components.input.success.ring',
     'components.menu.groupLabel.fg',
@@ -1080,6 +1141,12 @@ export const tokenPaths = [
     'semantic.action.close.hover.bg',
     'semantic.action.close.hover.border',
     'semantic.action.close.hover.fg',
+    'semantic.action.close.muted.bg',
+    'semantic.action.close.muted.border',
+    'semantic.action.close.muted.fg',
+    'semantic.action.close.subtle.bg',
+    'semantic.action.close.subtle.border',
+    'semantic.action.close.subtle.fg',
     'semantic.action.danger.active.bg',
     'semantic.action.danger.active.border',
     'semantic.action.danger.active.fg',
@@ -1090,6 +1157,7 @@ export const tokenPaths = [
     'semantic.action.danger.hover.border',
     'semantic.action.danger.hover.fg',
     'semantic.action.danger.muted.bg',
+    'semantic.action.danger.muted.border',
     'semantic.action.danger.muted.fg',
     'semantic.action.danger.subtle.bg',
     'semantic.action.danger.subtle.border',
@@ -1118,6 +1186,12 @@ export const tokenPaths = [
     'semantic.action.secondary.hover.bg',
     'semantic.action.secondary.hover.border',
     'semantic.action.secondary.hover.fg',
+    'semantic.action.secondary.muted.bg',
+    'semantic.action.secondary.muted.border',
+    'semantic.action.secondary.muted.fg',
+    'semantic.action.secondary.subtle.bg',
+    'semantic.action.secondary.subtle.border',
+    'semantic.action.secondary.subtle.fg',
     'semantic.border.default',
     'semantic.border.disabled',
     'semantic.border.elevated',
@@ -1125,6 +1199,9 @@ export const tokenPaths = [
     'semantic.border.muted',
     'semantic.border.strong',
     'semantic.border.subtle',
+    'semantic.control.default.bg',
+    'semantic.control.default.border',
+    'semantic.control.default.fg',
     'semantic.control.hover.bg',
     'semantic.control.hover.border',
     'semantic.control.hover.fg',
@@ -1192,7 +1269,9 @@ export const tokenPaths = [
     'semantic.status.warning.fg',
     'semantic.status.warning.strong',
     'semantic.surface.active',
+    'semantic.surface.danger',
     'semantic.surface.default',
+    'semantic.surface.disabled',
     'semantic.surface.elevated',
     'semantic.surface.hover',
     'semantic.surface.inverse',
@@ -1213,6 +1292,7 @@ export const tokenPaths = [
     'tokens.radius.md',
     'tokens.radius.sm',
     'tokens.radius.xl',
+    'tokens.radius.xs',
     'tokens.shadows.lg.blur',
     'tokens.shadows.lg.color',
     'tokens.shadows.lg.elevation',
@@ -1293,6 +1373,7 @@ export const baseCssVariableNames = [
     '--radius-md',
     '--radius-sm',
     '--radius-xl',
+    '--radius-xs',
     '--shadow-lg',
     '--shadow-md',
     '--shadow-sm',
@@ -1324,6 +1405,12 @@ export const themeCssVariableNames = [
     '--action-close-hover-bg',
     '--action-close-hover-border',
     '--action-close-hover-fg',
+    '--action-close-muted-bg',
+    '--action-close-muted-border',
+    '--action-close-muted-fg',
+    '--action-close-subtle-bg',
+    '--action-close-subtle-border',
+    '--action-close-subtle-fg',
     '--action-danger-active-bg',
     '--action-danger-active-border',
     '--action-danger-active-fg',
@@ -1334,6 +1421,7 @@ export const themeCssVariableNames = [
     '--action-danger-hover-border',
     '--action-danger-hover-fg',
     '--action-danger-muted-bg',
+    '--action-danger-muted-border',
     '--action-danger-muted-fg',
     '--action-danger-subtle-bg',
     '--action-danger-subtle-border',
@@ -1362,6 +1450,12 @@ export const themeCssVariableNames = [
     '--action-secondary-hover-bg',
     '--action-secondary-hover-border',
     '--action-secondary-hover-fg',
+    '--action-secondary-muted-bg',
+    '--action-secondary-muted-border',
+    '--action-secondary-muted-fg',
+    '--action-secondary-subtle-bg',
+    '--action-secondary-subtle-border',
+    '--action-secondary-subtle-fg',
     '--border-default',
     '--border-disabled',
     '--border-elevated',
@@ -1616,6 +1710,9 @@ export const themeCssVariableNames = [
     '--color-warning-800',
     '--color-warning-900',
     '--color-warning-950',
+    '--control-default-bg',
+    '--control-default-border',
+    '--control-default-fg',
     '--control-hover-bg',
     '--control-hover-border',
     '--control-hover-fg',
@@ -1689,25 +1786,46 @@ export const themeCssVariableNames = [
     '--form-field-helper-text-warning-fg',
     '--form-field-label-fg',
     '--form-field-required-mark-fg',
+    '--input-clear-button-fg',
+    '--input-clear-button-focus-bg',
+    '--input-clear-button-hover-bg',
+    '--input-clear-button-hover-fg',
+    '--input-clear-button-pressed-bg',
     '--input-default-bg',
     '--input-default-border',
     '--input-default-fg',
+    '--input-default-icon',
     '--input-default-placeholder',
     '--input-disabled-bg',
     '--input-disabled-border',
     '--input-disabled-fg',
+    '--input-disabled-icon',
     '--input-disabled-placeholder',
     '--input-error-border',
     '--input-error-ring',
     '--input-focus-bg',
     '--input-focus-border',
     '--input-focus-fg',
+    '--input-focus-icon',
     '--input-focus-placeholder',
     '--input-focus-ring',
     '--input-hover-bg',
     '--input-hover-border',
     '--input-hover-fg',
+    '--input-hover-icon',
     '--input-hover-placeholder',
+    '--input-icon-danger',
+    '--input-icon-default',
+    '--input-icon-inverse',
+    '--input-icon-muted',
+    '--input-icon-primary',
+    '--input-icon-secondary',
+    '--input-icon-success',
+    '--input-read-only-bg',
+    '--input-read-only-border',
+    '--input-read-only-fg',
+    '--input-read-only-icon',
+    '--input-read-only-placeholder',
     '--input-success-border',
     '--input-success-ring',
     '--menu-group-label-fg',
@@ -1833,7 +1951,9 @@ export const themeCssVariableNames = [
     '--status-warning-fg',
     '--status-warning-strong',
     '--surface-active',
+    '--surface-danger',
     '--surface-default',
+    '--surface-disabled',
     '--surface-elevated',
     '--surface-hover',
     '--surface-inverse',
@@ -1894,6 +2014,12 @@ export const cssVariableNames = [
     '--action-close-hover-bg',
     '--action-close-hover-border',
     '--action-close-hover-fg',
+    '--action-close-muted-bg',
+    '--action-close-muted-border',
+    '--action-close-muted-fg',
+    '--action-close-subtle-bg',
+    '--action-close-subtle-border',
+    '--action-close-subtle-fg',
     '--action-danger-active-bg',
     '--action-danger-active-border',
     '--action-danger-active-fg',
@@ -1904,6 +2030,7 @@ export const cssVariableNames = [
     '--action-danger-hover-border',
     '--action-danger-hover-fg',
     '--action-danger-muted-bg',
+    '--action-danger-muted-border',
     '--action-danger-muted-fg',
     '--action-danger-subtle-bg',
     '--action-danger-subtle-border',
@@ -1932,6 +2059,12 @@ export const cssVariableNames = [
     '--action-secondary-hover-bg',
     '--action-secondary-hover-border',
     '--action-secondary-hover-fg',
+    '--action-secondary-muted-bg',
+    '--action-secondary-muted-border',
+    '--action-secondary-muted-fg',
+    '--action-secondary-subtle-bg',
+    '--action-secondary-subtle-border',
+    '--action-secondary-subtle-fg',
     '--border-default',
     '--border-disabled',
     '--border-elevated',
@@ -2186,6 +2319,9 @@ export const cssVariableNames = [
     '--color-warning-800',
     '--color-warning-900',
     '--color-warning-950',
+    '--control-default-bg',
+    '--control-default-border',
+    '--control-default-fg',
     '--control-hover-bg',
     '--control-hover-border',
     '--control-hover-fg',
@@ -2274,25 +2410,46 @@ export const cssVariableNames = [
     '--form-field-helper-text-warning-fg',
     '--form-field-label-fg',
     '--form-field-required-mark-fg',
+    '--input-clear-button-fg',
+    '--input-clear-button-focus-bg',
+    '--input-clear-button-hover-bg',
+    '--input-clear-button-hover-fg',
+    '--input-clear-button-pressed-bg',
     '--input-default-bg',
     '--input-default-border',
     '--input-default-fg',
+    '--input-default-icon',
     '--input-default-placeholder',
     '--input-disabled-bg',
     '--input-disabled-border',
     '--input-disabled-fg',
+    '--input-disabled-icon',
     '--input-disabled-placeholder',
     '--input-error-border',
     '--input-error-ring',
     '--input-focus-bg',
     '--input-focus-border',
     '--input-focus-fg',
+    '--input-focus-icon',
     '--input-focus-placeholder',
     '--input-focus-ring',
     '--input-hover-bg',
     '--input-hover-border',
     '--input-hover-fg',
+    '--input-hover-icon',
     '--input-hover-placeholder',
+    '--input-icon-danger',
+    '--input-icon-default',
+    '--input-icon-inverse',
+    '--input-icon-muted',
+    '--input-icon-primary',
+    '--input-icon-secondary',
+    '--input-icon-success',
+    '--input-read-only-bg',
+    '--input-read-only-border',
+    '--input-read-only-fg',
+    '--input-read-only-icon',
+    '--input-read-only-placeholder',
     '--input-success-border',
     '--input-success-ring',
     '--line-height-lg',
@@ -2376,6 +2533,7 @@ export const cssVariableNames = [
     '--radius-md',
     '--radius-sm',
     '--radius-xl',
+    '--radius-xs',
     '--select-dropdown-bg',
     '--select-dropdown-border',
     '--select-dropdown-fg',
@@ -2441,7 +2599,9 @@ export const cssVariableNames = [
     '--status-warning-fg',
     '--status-warning-strong',
     '--surface-active',
+    '--surface-danger',
     '--surface-default',
+    '--surface-disabled',
     '--surface-elevated',
     '--surface-hover',
     '--surface-inverse',

package/dist/highContrast/components/button.d.ts

@@ -2,52 +2,52 @@ export declare const button: {
     readonly primary: {
         readonly solid: {
             readonly default: {
-                readonly bg: "#6D5BD0";
+                readonly bg: "#6346E8";
                 readonly fg: "#FFFFFF";
-                readonly border: "#6D5BD0";
+                readonly border: "#6346E8";
             };
             readonly hover: {
-                readonly bg: "#5B4BEA";
+                readonly bg: "#7C5CFF";
                 readonly fg: "#FFFFFF";
-                readonly border: "#5B4BEA";
+                readonly border: "#7C5CFF";
             };
             readonly pressed: {
-                readonly bg: "#6D5BD0";
+                readonly bg: "#9B7CFF";
                 readonly fg: "#FFFFFF";
-                readonly border: "#6D5BD0";
+                readonly border: "#9B7CFF";
             };
         };
         readonly outline: {
             readonly default: {
-                readonly fg: "#6D5BD0";
-                readonly border: "#6D5BD0";
+                readonly fg: "#B8A8FF";
+                readonly border: "#B8A8FF";
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#111827";
-                readonly fg: "#5B4BEA";
-                readonly border: "#5B4BEA";
+                readonly bg: "#1F2937";
+                readonly fg: "#B8A8FF";
+                readonly border: "#D4CCFF";
             };
             readonly pressed: {
-                readonly bg: "#111827";
-                readonly fg: "#6D5BD0";
-                readonly border: "#6D5BD0";
+                readonly bg: "#1F2937";
+                readonly fg: "#9B7CFF";
+                readonly border: "#9B7CFF";
             };
         };
         readonly ghost: {
             readonly default: {
-                readonly fg: "#6D5BD0";
+                readonly fg: "#B8A8FF";
                 readonly border: "transparent";
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#111827";
-                readonly fg: "#5B4BEA";
+                readonly bg: "#1F2937";
+                readonly fg: "#D4CCFF";
                 readonly border: "transparent";
             };
             readonly pressed: {
-                readonly bg: "#111827";
-                readonly fg: "#6D5BD0";
+                readonly bg: "#1F2937";
+                readonly fg: "#9B7CFF";
                 readonly border: "transparent";
             };
         };
@@ -55,52 +55,52 @@ export declare const button: {
     readonly secondary: {
         readonly solid: {
             readonly default: {
-                readonly bg: "#0265c7";
-                readonly fg: "#FFFFFF";
-                readonly border: "#0265c7";
+                readonly bg: "#3ED5EE";
+                readonly fg: "#000000";
+                readonly border: "#3ED5EE";
             };
             readonly hover: {
-                readonly bg: "#023ac7";
-                readonly fg: "#FFFFFF";
-                readonly border: "#023ac7";
+                readonly bg: "#79E8F8";
+                readonly fg: "#000000";
+                readonly border: "#79E8F8";
             };
             readonly pressed: {
-                readonly bg: "#0265c7";
-                readonly fg: "#FFFFFF";
-                readonly border: "#0265c7";
+                readonly bg: "#B4F4FD";
+                readonly fg: "#000000";
+                readonly border: "#B4F4FD";
             };
         };
         readonly outline: {
             readonly default: {
-                readonly fg: "#0265c7";
-                readonly border: "#0265c7";
+                readonly fg: "#79E8F8";
+                readonly border: "#79E8F8";
                 readonly bg: string;
             };
             readonly hover: {
                 readonly bg: "#1F2937";
-                readonly fg: "#023ac7";
-                readonly border: "#023ac7";
+                readonly fg: "#B4F4FD";
+                readonly border: "#B4F4FD";
             };
             readonly pressed: {
                 readonly bg: "#111827";
-                readonly fg: "#0265c7";
-                readonly border: "#0265c7";
+                readonly fg: "#B4F4FD";
+                readonly border: "#B4F4FD";
             };
         };
         readonly ghost: {
             readonly default: {
-                readonly fg: "#0265c7";
+                readonly fg: "#79E8F8";
                 readonly border: "transparent";
                 readonly bg: string;
             };
             readonly hover: {
                 readonly bg: "#1F2937";
-                readonly fg: "#023ac7";
+                readonly fg: "#B4F4FD";
                 readonly border: "transparent";
             };
             readonly pressed: {
                 readonly bg: "#111827";
-                readonly fg: "#0265c7";
+                readonly fg: "#B4F4FD";
                 readonly border: "transparent";
             };
         };
@@ -171,50 +171,50 @@ export declare const button: {
                 readonly border: "#F43F5E";
             };
             readonly pressed: {
-                readonly bg: "#B91C1C";
+                readonly bg: "#9F1239";
                 readonly fg: "#FFFFFF";
-                readonly border: "#B91C1C";
+                readonly border: "#9F1239";
             };
         };
         readonly outline: {
             readonly default: {
-                readonly fg: "#E11D48";
-                readonly border: "#E11D48";
+                readonly fg: "#FB7185";
+                readonly border: "#FB7185";
                 readonly bg: string;
             };
             readonly hover: {
                 readonly bg: "#111827";
-                readonly fg: "#F43F5E";
-                readonly border: "#F43F5E";
+                readonly fg: "#FDA4AF";
+                readonly border: "#FDA4AF";
             };
             readonly pressed: {
                 readonly bg: "#111827";
-                readonly fg: "#B91C1C";
-                readonly border: "#B91C1C";
+                readonly fg: "#9F1239";
+                readonly border: "#9F1239";
             };
         };
         readonly ghost: {
             readonly default: {
-                readonly fg: "#E11D48";
+                readonly fg: "#FB7185";
                 readonly border: "transparent";
                 readonly bg: string;
             };
             readonly hover: {
                 readonly bg: "#111827";
-                readonly fg: "#F43F5E";
+                readonly fg: "#FDA4AF";
                 readonly border: "transparent";
             };
             readonly pressed: {
                 readonly bg: "#111827";
-                readonly fg: "#B91C1C";
+                readonly fg: "#9F1239";
                 readonly border: "transparent";
             };
         };
     };
     readonly disabled: {
-        readonly bg: "#1F2937";
+        readonly bg: "#374151";
         readonly fg: "#6B7280";
-        readonly border: "#FFFFFF";
+        readonly border: "#4B5563";
     };
 };
 //# sourceMappingURL=button.d.ts.map

package/dist/highContrast/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}