@vellira-ui/tokens 2.24.0 → 2.25.0

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 (63) hide show
  1. package/dist/css/tokens.css +73 -64
  2. package/dist/dark/components/button.d.ts +5 -5
  3. package/dist/dark/components/button.js +4 -4
  4. package/dist/dark/components/checkbox.d.ts +4 -4
  5. package/dist/dark/components/dropdown.d.ts +5 -5
  6. package/dist/dark/components/formField.d.ts +3 -3
  7. package/dist/dark/components/input.d.ts +7 -6
  8. package/dist/dark/components/input.d.ts.map +1 -1
  9. package/dist/dark/components/input.js +2 -1
  10. package/dist/dark/components/menu.d.ts +2 -2
  11. package/dist/dark/components/modal.d.ts +3 -3
  12. package/dist/dark/components/radio.d.ts +4 -4
  13. package/dist/dark/components/radio.js +5 -5
  14. package/dist/dark/components/select.d.ts +6 -6
  15. package/dist/dark/components/select.js +4 -4
  16. package/dist/dark/components/tabs.d.ts +3 -3
  17. package/dist/dark/components/tooltip.d.ts +1 -1
  18. package/dist/dark/semantic/border.d.ts +2 -1
  19. package/dist/dark/semantic/border.d.ts.map +1 -1
  20. package/dist/dark/semantic/border.js +2 -1
  21. package/dist/dark/semantic/surface.d.ts +2 -1
  22. package/dist/dark/semantic/surface.d.ts.map +1 -1
  23. package/dist/dark/semantic/surface.js +2 -1
  24. package/dist/dark/semantic/text.d.ts +1 -1
  25. package/dist/dark/semantic/text.js +1 -1
  26. package/dist/dark/theme.d.ts +2 -1
  27. package/dist/dark/theme.d.ts.map +1 -1
  28. package/dist/generated/token-types.d.ts +5 -5
  29. package/dist/generated/token-types.d.ts.map +1 -1
  30. package/dist/generated/token-types.js +8 -0
  31. package/dist/highContrast/components/checkbox.d.ts +1 -1
  32. package/dist/highContrast/components/input.d.ts +1 -0
  33. package/dist/highContrast/components/input.d.ts.map +1 -1
  34. package/dist/highContrast/components/input.js +1 -0
  35. package/dist/highContrast/components/radio.d.ts +1 -1
  36. package/dist/highContrast/components/radio.js +1 -1
  37. package/dist/highContrast/components/select.d.ts +1 -1
  38. package/dist/highContrast/components/select.js +1 -1
  39. package/dist/highContrast/semantic/control.d.ts +1 -1
  40. package/dist/highContrast/semantic/control.js +1 -1
  41. package/dist/highContrast/semantic/surface.d.ts +1 -0
  42. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  43. package/dist/highContrast/semantic/surface.js +1 -0
  44. package/dist/highContrast/theme.d.ts +2 -1
  45. package/dist/highContrast/theme.d.ts.map +1 -1
  46. package/dist/index.d.ts +1 -1
  47. package/dist/light/components/checkbox.d.ts +3 -3
  48. package/dist/light/components/input.d.ts +2 -1
  49. package/dist/light/components/input.d.ts.map +1 -1
  50. package/dist/light/components/input.js +2 -1
  51. package/dist/light/components/radio.d.ts +2 -2
  52. package/dist/light/components/select.d.ts +4 -4
  53. package/dist/light/components/select.js +3 -3
  54. package/dist/light/semantic/control.d.ts +3 -3
  55. package/dist/light/semantic/control.js +3 -3
  56. package/dist/light/theme.d.ts +2 -1
  57. package/dist/light/theme.d.ts.map +1 -1
  58. package/dist/primitives/colors.d.ts +1 -0
  59. package/dist/primitives/colors.d.ts.map +1 -1
  60. package/dist/primitives/colors.js +1 -0
  61. package/dist/tokens/typography.d.ts +1 -1
  62. package/dist/tokens/typography.js +1 -1
  63. package/package.json +1 -1
package/dist/highContrast/components/input.js CHANGED
@@ -58,6 +58,7 @@ export const input = {
58
58
  danger: icons.danger,
59
59
  muted: icons.muted,
60
60
  inverse: icons.inverse,
61
+ brand: icons.brand,
61
62
  },
62
63
  clearButton: {
63
64
  fg: status.error.fg,
package/dist/highContrast/components/radio.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const radio: {
2
2
  readonly default: {
3
- readonly bg: "#000000";
3
+ readonly bg: "#1F2937";
4
4
  readonly fg: "#F9FAFB";
5
5
  readonly border: "#FFFFFF";
6
6
  };
package/dist/highContrast/components/radio.js CHANGED
@@ -6,7 +6,7 @@ import { surface } from '../semantic/surface.js';
6
6
  import { text } from '../semantic/text.js';
7
7
  export const radio = {
8
8
  default: {
9
- bg: surface.default,
9
+ bg: surface.muted,
10
10
  fg: text.inverse,
11
11
  border: border.default,
12
12
  },
package/dist/highContrast/components/select.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const select: {
17
17
  readonly ring: "#F59E0B";
18
18
  };
19
19
  readonly disabled: {
20
- readonly bg: "#111827";
20
+ readonly bg: "#1F2937";
21
21
  readonly fg: "#6B7280";
22
22
  readonly border: "#4B5563";
23
23
  };
package/dist/highContrast/components/select.js CHANGED
@@ -24,7 +24,7 @@ export const select = {
24
24
  ring: focus.ring,
25
25
  },
26
26
  disabled: {
27
- bg: surface.subtle,
27
+ bg: surface.disabled,
28
28
  fg: text.disabled,
29
29
  border: border.disabled,
30
30
  },
package/dist/highContrast/semantic/control.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const control: {
2
2
  readonly default: {
3
- readonly bg: "#000000";
3
+ readonly bg: "#1F2937";
4
4
  readonly fg: "#FFFFFF";
5
5
  readonly border: "#4B5563";
6
6
  };
package/dist/highContrast/semantic/control.js CHANGED
@@ -4,7 +4,7 @@ import { surface } from './surface.js';
4
4
  import { text } from './text.js';
5
5
  export const control = {
6
6
  default: {
7
- bg: surface.default,
7
+ bg: surface.muted,
8
8
  fg: text.primary,
9
9
  border: border.muted,
10
10
  },
package/dist/highContrast/semantic/surface.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const surface: {
5
5
  readonly elevated: "#374151";
6
6
  readonly pressed: "#111827";
7
7
  readonly danger: string;
8
+ readonly disabled: "#1F2937";
8
9
  readonly hover: "#1F2937";
9
10
  readonly active: "#6B7280";
10
11
  readonly inverse: "#FFFFFF";
package/dist/highContrast/semantic/surface.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;CAYV,CAAC"}
1
+ {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;CAaV,CAAC"}
package/dist/highContrast/semantic/surface.js CHANGED
@@ -7,6 +7,7 @@ export const surface = {
7
7
  elevated: colors.gray[700],
8
8
  pressed: colors.gray[900],
9
9
  danger: withAlpha(colors.error[800], 0.5),
10
+ disabled: colors.gray[800],
10
11
  hover: colors.gray[800],
11
12
  active: colors.gray[500],
12
13
  inverse: colors.mono[50],
package/dist/highContrast/theme.d.ts CHANGED
@@ -42,6 +42,7 @@ export declare const highContrastTheme: {
42
42
  readonly 600: "#4F4867";
43
43
  readonly 700: "#3D3754";
44
44
  readonly 800: "#2F2A42";
45
+ readonly 850: "#242034";
45
46
  readonly 900: "#231F31";
46
47
  readonly 950: "#181521";
47
48
  };
@@ -191,7 +192,7 @@ export declare const highContrastTheme: {
191
192
  };
192
193
  readonly typography: {
193
194
  readonly family: {
194
- readonly base: "KantumruyPro";
195
+ readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
195
196
  readonly extraLight: "KantumruyPro-ExtraLight";
196
197
  readonly regular: "KantumruyPro-Regular";
197
198
  readonly medium: "KantumruyPro-Medium";
package/dist/highContrast/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -58,7 +58,7 @@ export declare const theme: {
58
58
  };
59
59
  readonly typography: {
60
60
  readonly family: {
61
- readonly base: "KantumruyPro";
61
+ readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
62
62
  readonly extraLight: "KantumruyPro-ExtraLight";
63
63
  readonly regular: "KantumruyPro-Regular";
64
64
  readonly medium: "KantumruyPro-Medium";
package/dist/light/components/checkbox.d.ts CHANGED
@@ -11,13 +11,13 @@ export declare const checkbox: {
11
11
  };
12
12
  readonly checked: {
13
13
  readonly default: {
14
- readonly bg: "#5037C8";
14
+ readonly bg: "#6346E8";
15
15
  readonly fg: "#FFFFFF";
16
- readonly border: "#5037C8";
16
+ readonly border: "#6346E8";
17
17
  };
18
18
  readonly hover: {
19
19
  readonly bg: "#402C9F";
20
- readonly fg: "#FFFFFF";
20
+ readonly fg: "#5037C8";
21
21
  readonly border: "#402C9F";
22
22
  };
23
23
  readonly pressed: {
package/dist/light/components/input.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const input: {
3
3
  readonly bg: "transparent";
4
4
  readonly fg: "#4F4867";
5
5
  readonly border: "#BBB2D2";
6
- readonly placeholder: "#958CB0";
6
+ readonly placeholder: "#6B6386";
7
7
  readonly icon: "#9B7CFF";
8
8
  };
9
9
  readonly hover: {
@@ -51,6 +51,7 @@ export declare const input: {
51
51
  readonly danger: "#E11D48";
52
52
  readonly muted: "#6B6386";
53
53
  readonly inverse: "#1A1A1A";
54
+ readonly brand: "#9B7CFF";
54
55
  };
55
56
  readonly clearButton: {
56
57
  readonly fg: "#E11D48";
package/dist/light/components/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/light/components/input.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqER,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/light/components/input.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsER,CAAC"}
package/dist/light/components/input.js CHANGED
@@ -10,7 +10,7 @@ export const input = {
10
10
  bg: 'transparent',
11
11
  fg: text.primary,
12
12
  border: border.default,
13
- placeholder: text.muted,
13
+ placeholder: text.secondary,
14
14
  icon: icons.brand,
15
15
  },
16
16
  hover: {
@@ -58,6 +58,7 @@ export const input = {
58
58
  danger: icons.danger,
59
59
  muted: icons.muted,
60
60
  inverse: icons.inverse,
61
+ brand: icons.brand,
61
62
  },
62
63
  clearButton: {
63
64
  fg: status.error.fg,
package/dist/light/components/radio.d.ts CHANGED
@@ -17,8 +17,8 @@ export declare const radio: {
17
17
  readonly checked: {
18
18
  readonly default: {
19
19
  readonly fg: "#5037C8";
20
- readonly bg: "#5037C8";
21
- readonly border: "#5037C8";
20
+ readonly bg: "#6346E8";
21
+ readonly border: "#6346E8";
22
22
  };
23
23
  readonly hover: {
24
24
  readonly fg: "#5037C8";
package/dist/light/components/select.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const select: {
2
2
  readonly trigger: {
3
3
  readonly default: {
4
- readonly bg: "#F4F1FB";
4
+ readonly bg: "#FFFFFF";
5
5
  readonly fg: "#1A1A1A";
6
6
  readonly border: "#BBB2D2";
7
7
  };
@@ -17,9 +17,9 @@ export declare const select: {
17
17
  readonly ring: "#5037C8";
18
18
  };
19
19
  readonly disabled: {
20
- readonly bg: "#FFFFFF";
20
+ readonly bg: "#F4F1FB";
21
21
  readonly fg: "#9CA3AF";
22
- readonly border: "#EEE8FA";
22
+ readonly border: "#E4DDF4";
23
23
  };
24
24
  readonly placeholder: {
25
25
  readonly fg: "#6B6386";
@@ -50,7 +50,7 @@ export declare const select: {
50
50
  readonly fg: "#342580";
51
51
  };
52
52
  readonly selected: {
53
- readonly bg: "#5037C8";
53
+ readonly bg: "#6346E8";
54
54
  readonly fg: "#FFFFFF";
55
55
  };
56
56
  readonly disabled: {
package/dist/light/components/select.js CHANGED
@@ -8,7 +8,7 @@ import { text } from '../semantic/text.js';
8
8
  export const select = {
9
9
  trigger: {
10
10
  default: {
11
- bg: surface.default,
11
+ bg: surface.subtle,
12
12
  fg: text.subtle,
13
13
  border: border.default,
14
14
  },
@@ -20,9 +20,9 @@ export const select = {
20
20
  ring: focus.ring,
21
21
  },
22
22
  disabled: {
23
- bg: surface.subtle,
23
+ bg: surface.disabled,
24
24
  fg: text.disabled,
25
- border: border.muted,
25
+ border: border.disabled,
26
26
  },
27
27
  placeholder: {
28
28
  fg: text.secondary,
package/dist/light/semantic/control.d.ts CHANGED
@@ -16,13 +16,13 @@ export declare const control: {
16
16
  };
17
17
  readonly selected: {
18
18
  readonly default: {
19
- readonly bg: "#5037C8";
19
+ readonly bg: "#6346E8";
20
20
  readonly fg: "#FFFFFF";
21
- readonly border: "#5037C8";
21
+ readonly border: "#6346E8";
22
22
  };
23
23
  readonly hover: {
24
24
  readonly bg: "#402C9F";
25
- readonly fg: "#FFFFFF";
25
+ readonly fg: "#5037C8";
26
26
  readonly border: "#402C9F";
27
27
  };
28
28
  readonly active: {
package/dist/light/semantic/control.js CHANGED
@@ -20,13 +20,13 @@ export const control = {
20
20
  },
21
21
  selected: {
22
22
  default: {
23
- bg: colors.primary[700],
23
+ bg: colors.primary[600],
24
24
  fg: text.onInverse,
25
- border: colors.primary[700],
25
+ border: colors.primary[600],
26
26
  },
27
27
  hover: {
28
28
  bg: colors.primary[800],
29
- fg: text.onInverse,
29
+ fg: text.brand,
30
30
  border: colors.primary[800],
31
31
  },
32
32
  active: {
package/dist/light/theme.d.ts CHANGED
@@ -42,6 +42,7 @@ export declare const lightTheme: {
42
42
  readonly 600: "#4F4867";
43
43
  readonly 700: "#3D3754";
44
44
  readonly 800: "#2F2A42";
45
+ readonly 850: "#242034";
45
46
  readonly 900: "#231F31";
46
47
  readonly 950: "#181521";
47
48
  };
@@ -191,7 +192,7 @@ export declare const lightTheme: {
191
192
  };
192
193
  readonly typography: {
193
194
  readonly family: {
194
- readonly base: "KantumruyPro";
195
+ readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
195
196
  readonly extraLight: "KantumruyPro-ExtraLight";
196
197
  readonly regular: "KantumruyPro-Regular";
197
198
  readonly medium: "KantumruyPro-Medium";
package/dist/light/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/light/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYb,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/light/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYb,CAAC"}
package/dist/primitives/colors.d.ts CHANGED
@@ -46,6 +46,7 @@ export declare const colors: {
46
46
  readonly 600: "#4F4867";
47
47
  readonly 700: "#3D3754";
48
48
  readonly 800: "#2F2A42";
49
+ readonly 850: "#242034";
49
50
  readonly 900: "#231F31";
50
51
  readonly 950: "#181521";
51
52
  };
package/dist/primitives/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJT,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJT,CAAC"}
package/dist/primitives/colors.js CHANGED
@@ -46,6 +46,7 @@ export const colors = {
46
46
  600: '#4F4867',
47
47
  700: '#3D3754',
48
48
  800: '#2F2A42',
49
+ 850: '#242034',
49
50
  900: '#231F31',
50
51
  950: '#181521',
51
52
  },
package/dist/tokens/typography.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const typography: {
2
2
  readonly family: {
3
- readonly base: "KantumruyPro";
3
+ readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
4
4
  readonly extraLight: "KantumruyPro-ExtraLight";
5
5
  readonly regular: "KantumruyPro-Regular";
6
6
  readonly medium: "KantumruyPro-Medium";
package/dist/tokens/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const typography = {
2
2
  family: {
3
- base: 'KantumruyPro',
3
+ base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
4
4
  extraLight: 'KantumruyPro-ExtraLight',
5
5
  regular: 'KantumruyPro-Regular',
6
6
  medium: 'KantumruyPro-Medium',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vellira-ui/tokens",
3
- "version": "2.24.0",
3
+ "version": "2.25.0",
4
4
  "description": "Design tokens for Vellira Design System",
5
5
  "author": "Roman Bakurov",
6
6
  "license": "MIT",