@vellira-ui/tokens 2.24.0 → 2.25.1

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
@@ -1,8 +1,8 @@
1
1
  export declare const radio: {
2
2
  readonly default: {
3
- readonly bg: "#181521";
3
+ readonly bg: "#3D3754";
4
4
  readonly fg: "#F4F1FB";
5
- readonly border: "#4F4867";
5
+ readonly border: "#958CB0";
6
6
  };
7
7
  readonly hover: {
8
8
  readonly bg: "#3D3754";
@@ -32,7 +32,7 @@ export declare const radio: {
32
32
  };
33
33
  readonly disabled: {
34
34
  readonly bg: "#2F2A42";
35
- readonly fg: "#958CB0";
35
+ readonly fg: "#6B6386";
36
36
  readonly border: "#4F4867";
37
37
  };
38
38
  };
@@ -47,7 +47,7 @@ export declare const radio: {
47
47
  };
48
48
  readonly disabled: {
49
49
  readonly bg: "#2F2A42";
50
- readonly fg: "#958CB0";
50
+ readonly fg: "#6B6386";
51
51
  readonly border: "#4F4867";
52
52
  };
53
53
  };
@@ -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.elevated,
10
10
  fg: text.primary,
11
11
  border: border.default,
12
12
  },
@@ -26,9 +26,9 @@ export const radio = {
26
26
  fg: text.brand,
27
27
  },
28
28
  disabled: {
29
- bg: surface.subtle,
29
+ bg: surface.disabled,
30
30
  fg: text.disabled,
31
- border: border.default,
31
+ border: border.disabled,
32
32
  },
33
33
  },
34
34
  focus: {
@@ -41,8 +41,8 @@ export const radio = {
41
41
  border: status.error.border,
42
42
  },
43
43
  disabled: {
44
- bg: surface.subtle,
44
+ bg: surface.disabled,
45
45
  fg: text.disabled,
46
- border: border.default,
46
+ border: border.disabled,
47
47
  },
48
48
  };
@@ -3,7 +3,7 @@ export declare const select: {
3
3
  readonly default: {
4
4
  readonly bg: "transparent";
5
5
  readonly fg: "#FFFFFF";
6
- readonly border: "#231F31";
6
+ readonly border: "#958CB0";
7
7
  };
8
8
  readonly hover: {
9
9
  readonly bg: "#3D3754";
@@ -18,7 +18,7 @@ export declare const select: {
18
18
  };
19
19
  readonly disabled: {
20
20
  readonly bg: "#2F2A42";
21
- readonly fg: "#958CB0";
21
+ readonly fg: "#6B6386";
22
22
  readonly border: "#4F4867";
23
23
  };
24
24
  readonly placeholder: {
@@ -32,13 +32,13 @@ export declare const select: {
32
32
  readonly dropdown: {
33
33
  readonly bg: "#3D3754";
34
34
  readonly fg: "#F4F1FB";
35
- readonly border: "#4F4867";
35
+ readonly border: "#3D3754";
36
36
  };
37
37
  readonly option: {
38
38
  readonly default: {
39
39
  readonly bg: "transparent";
40
40
  readonly fg: "#F4F1FB";
41
- readonly border: "#4F4867";
41
+ readonly border: "#958CB0";
42
42
  };
43
43
  readonly hover: {
44
44
  readonly bg: "#6B6386";
@@ -55,8 +55,8 @@ export declare const select: {
55
55
  };
56
56
  readonly disabled: {
57
57
  readonly bg: "transparent";
58
- readonly fg: "#958CB0";
59
- readonly border: "#4F4867";
58
+ readonly fg: "#6B6386";
59
+ readonly border: "#958CB0";
60
60
  };
61
61
  };
62
62
  };
@@ -9,7 +9,7 @@ export const select = {
9
9
  default: {
10
10
  bg: 'transparent',
11
11
  fg: text.subtle,
12
- border: border.subtle,
12
+ border: border.default,
13
13
  },
14
14
  hover: control.hover,
15
15
  focus: {
@@ -19,9 +19,9 @@ export const select = {
19
19
  ring: focus.ring,
20
20
  },
21
21
  disabled: {
22
- bg: surface.subtle,
22
+ bg: surface.disabled,
23
23
  fg: text.disabled,
24
- border: border.default,
24
+ border: border.disabled,
25
25
  },
26
26
  placeholder: {
27
27
  fg: text.secondary,
@@ -34,7 +34,7 @@ export const select = {
34
34
  dropdown: {
35
35
  bg: surface.elevated,
36
36
  fg: text.primary,
37
- border: border.default,
37
+ border: border.muted,
38
38
  },
39
39
  option: {
40
40
  default: {
@@ -1,6 +1,6 @@
1
1
  export declare const tabs: {
2
2
  readonly list: {
3
- readonly border: "#4F4867";
3
+ readonly border: "#958CB0";
4
4
  };
5
5
  readonly trigger: {
6
6
  readonly default: {
@@ -23,7 +23,7 @@ export declare const tabs: {
23
23
  };
24
24
  readonly disabled: {
25
25
  readonly bg: "transparent";
26
- readonly fg: "#958CB0";
26
+ readonly fg: "#6B6386";
27
27
  readonly border: "transparent";
28
28
  };
29
29
  };
@@ -45,7 +45,7 @@ export declare const tabs: {
45
45
  };
46
46
  readonly disabled: {
47
47
  readonly bg: "transparent";
48
- readonly fg: "#958CB0";
48
+ readonly fg: "#6B6386";
49
49
  readonly border: "transparent";
50
50
  };
51
51
  };
@@ -2,7 +2,7 @@ export declare const tooltip: {
2
2
  readonly content: {
3
3
  readonly bg: "#FFFFFF";
4
4
  readonly fg: "#000000";
5
- readonly border: "#4F4867";
5
+ readonly border: "#958CB0";
6
6
  };
7
7
  readonly arrow: {
8
8
  readonly bg: "#FFFFFF";
@@ -1,9 +1,10 @@
1
1
  export declare const border: {
2
- readonly default: "#4F4867";
2
+ readonly default: "#958CB0";
3
3
  readonly muted: "#3D3754";
4
4
  readonly strong: "#2F2A42";
5
5
  readonly subtle: "#231F31";
6
6
  readonly elevated: "#6B6386";
7
+ readonly disabled: "#4F4867";
7
8
  readonly focus: "#B8A8FF";
8
9
  };
9
10
  //# sourceMappingURL=border.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;CAQT,CAAC"}
1
+ {"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/border.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAST,CAAC"}
@@ -1,9 +1,10 @@
1
1
  import { colors } from '../../primitives/colors.js';
2
2
  export const border = {
3
- default: colors.vellira[600],
3
+ default: colors.vellira[400],
4
4
  muted: colors.vellira[700],
5
5
  strong: colors.vellira[800],
6
6
  subtle: colors.vellira[900],
7
7
  elevated: colors.vellira[500],
8
+ disabled: colors.vellira[600],
8
9
  focus: colors.primary[300],
9
10
  };
@@ -1,10 +1,11 @@
1
1
  export declare const surface: {
2
2
  readonly default: "#181521";
3
3
  readonly muted: "#231F31";
4
- readonly subtle: "#2F2A42";
4
+ readonly subtle: "#242034";
5
5
  readonly elevated: "#3D3754";
6
6
  readonly pressed: "#4F4867";
7
7
  readonly danger: string;
8
+ readonly disabled: "#2F2A42";
8
9
  readonly hover: "#3D3754";
9
10
  readonly active: "#6B6386";
10
11
  readonly inverse: "#FFFFFF";
@@ -1 +1 @@
1
- {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;CAYV,CAAC"}
1
+ {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;CAaV,CAAC"}
@@ -3,10 +3,11 @@ import { withAlpha } from '../../utils/color.js';
3
3
  export const surface = {
4
4
  default: colors.vellira[950],
5
5
  muted: colors.vellira[900],
6
- subtle: colors.vellira[800],
6
+ subtle: colors.vellira[850],
7
7
  elevated: colors.vellira[700],
8
8
  pressed: colors.vellira[600],
9
9
  danger: withAlpha(colors.error[800], 0.5),
10
+ disabled: colors.vellira[800],
10
11
  hover: colors.vellira[700],
11
12
  active: colors.vellira[500],
12
13
  inverse: colors.mono[50],
@@ -2,7 +2,7 @@ export declare const text: {
2
2
  readonly primary: "#F4F1FB";
3
3
  readonly secondary: "#BBB2D2";
4
4
  readonly muted: "#6B6386";
5
- readonly disabled: "#958CB0";
5
+ readonly disabled: "#6B6386";
6
6
  readonly subtle: "#FFFFFF";
7
7
  readonly hover: "#9B7CFF";
8
8
  readonly inverse: "#FFFFFF";
@@ -3,7 +3,7 @@ export const text = {
3
3
  primary: colors.vellira[100],
4
4
  secondary: colors.vellira[300],
5
5
  muted: colors.vellira[500],
6
- disabled: colors.vellira[400],
6
+ disabled: colors.vellira[500],
7
7
  subtle: colors.mono[50],
8
8
  hover: colors.primary[400],
9
9
  inverse: colors.mono[50],
@@ -42,6 +42,7 @@ export declare const darkTheme: {
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 darkTheme: {
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";
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/dark/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYZ,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/dark/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYZ,CAAC"}