@vellira-ui/tokens 2.20.0 → 2.21.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 (105) hide show
  1. package/dist/css/tokens.css +1002 -967
  2. package/dist/dark/components/button.d.ts +74 -74
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +34 -33
  5. package/dist/dark/components/checkbox.d.ts +14 -14
  6. package/dist/dark/components/dropdown.d.ts +19 -19
  7. package/dist/dark/components/formField.d.ts +8 -8
  8. package/dist/dark/components/input.d.ts +15 -15
  9. package/dist/dark/components/menu.d.ts +8 -8
  10. package/dist/dark/components/modal.d.ts +6 -6
  11. package/dist/dark/components/radio.d.ts +17 -17
  12. package/dist/dark/components/select.d.ts +19 -19
  13. package/dist/dark/components/tabs.d.ts +14 -14
  14. package/dist/dark/components/tooltip.d.ts +1 -1
  15. package/dist/dark/semantic/action.d.ts +52 -31
  16. package/dist/dark/semantic/action.d.ts.map +1 -1
  17. package/dist/dark/semantic/action.js +43 -22
  18. package/dist/dark/semantic/border.d.ts +6 -6
  19. package/dist/dark/semantic/border.js +4 -4
  20. package/dist/dark/semantic/control.d.ts +11 -11
  21. package/dist/dark/semantic/focus.d.ts +1 -1
  22. package/dist/dark/semantic/navigation.d.ts +10 -10
  23. package/dist/dark/semantic/status.d.ts +9 -9
  24. package/dist/dark/semantic/surface.d.ts +7 -7
  25. package/dist/dark/semantic/text.d.ts +5 -5
  26. package/dist/dark/theme.d.ts +74 -73
  27. package/dist/dark/theme.d.ts.map +1 -1
  28. package/dist/generated/token-types.d.ts +6 -6
  29. package/dist/generated/token-types.d.ts.map +1 -1
  30. package/dist/generated/token-types.js +60 -0
  31. package/dist/highContrast/components/button.d.ts +50 -50
  32. package/dist/highContrast/components/button.d.ts.map +1 -1
  33. package/dist/highContrast/components/button.js +29 -28
  34. package/dist/highContrast/components/checkbox.d.ts +11 -11
  35. package/dist/highContrast/components/dropdown.d.ts +11 -11
  36. package/dist/highContrast/components/formField.d.ts +5 -5
  37. package/dist/highContrast/components/input.d.ts +9 -9
  38. package/dist/highContrast/components/input.js +1 -1
  39. package/dist/highContrast/components/menu.d.ts +7 -7
  40. package/dist/highContrast/components/modal.d.ts +1 -1
  41. package/dist/highContrast/components/radio.d.ts +11 -11
  42. package/dist/highContrast/components/select.d.ts +13 -13
  43. package/dist/highContrast/components/select.js +2 -2
  44. package/dist/highContrast/components/tabs.d.ts +11 -11
  45. package/dist/highContrast/semantic/action.d.ts +38 -26
  46. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  47. package/dist/highContrast/semantic/action.js +34 -22
  48. package/dist/highContrast/semantic/border.d.ts +2 -2
  49. package/dist/highContrast/semantic/border.js +2 -2
  50. package/dist/highContrast/semantic/control.d.ts +14 -14
  51. package/dist/highContrast/semantic/control.js +3 -3
  52. package/dist/highContrast/semantic/focus.d.ts +1 -1
  53. package/dist/highContrast/semantic/navigation.d.ts +5 -5
  54. package/dist/highContrast/semantic/navigation.js +2 -2
  55. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  56. package/dist/highContrast/semantic/status.d.ts +12 -12
  57. package/dist/highContrast/semantic/status.js +5 -5
  58. package/dist/highContrast/semantic/surface.d.ts +2 -2
  59. package/dist/highContrast/semantic/surface.js +2 -2
  60. package/dist/highContrast/semantic/text.d.ts +1 -1
  61. package/dist/highContrast/theme.d.ts +74 -73
  62. package/dist/highContrast/theme.d.ts.map +1 -1
  63. package/dist/index.d.ts +5 -4
  64. package/dist/index.d.ts.map +1 -1
  65. package/dist/light/components/button.d.ts +76 -76
  66. package/dist/light/components/button.d.ts.map +1 -1
  67. package/dist/light/components/button.js +19 -18
  68. package/dist/light/components/checkbox.d.ts +16 -16
  69. package/dist/light/components/dropdown.d.ts +18 -18
  70. package/dist/light/components/dropdown.js +2 -2
  71. package/dist/light/components/formField.d.ts +8 -8
  72. package/dist/light/components/formField.js +1 -1
  73. package/dist/light/components/input.d.ts +17 -17
  74. package/dist/light/components/menu.d.ts +12 -12
  75. package/dist/light/components/modal.d.ts +7 -7
  76. package/dist/light/components/modal.js +1 -1
  77. package/dist/light/components/radio.d.ts +17 -17
  78. package/dist/light/components/select.d.ts +20 -20
  79. package/dist/light/components/select.js +4 -4
  80. package/dist/light/components/tabs.d.ts +12 -12
  81. package/dist/light/components/tooltip.d.ts +3 -3
  82. package/dist/light/semantic/action.d.ts +53 -33
  83. package/dist/light/semantic/action.d.ts.map +1 -1
  84. package/dist/light/semantic/action.js +39 -19
  85. package/dist/light/semantic/border.d.ts +5 -5
  86. package/dist/light/semantic/border.js +1 -1
  87. package/dist/light/semantic/control.d.ts +11 -11
  88. package/dist/light/semantic/focus.d.ts +1 -1
  89. package/dist/light/semantic/navigation.d.ts +8 -8
  90. package/dist/light/semantic/status.d.ts +13 -13
  91. package/dist/light/semantic/status.js +1 -1
  92. package/dist/light/semantic/surface.d.ts +7 -6
  93. package/dist/light/semantic/surface.d.ts.map +1 -1
  94. package/dist/light/semantic/surface.js +6 -5
  95. package/dist/light/semantic/text.d.ts +4 -4
  96. package/dist/light/theme.d.ts +74 -73
  97. package/dist/light/theme.d.ts.map +1 -1
  98. package/dist/primitives/colors.d.ts +73 -71
  99. package/dist/primitives/colors.d.ts.map +1 -1
  100. package/dist/primitives/colors.js +73 -71
  101. package/dist/semantic/selection.d.ts +1 -1
  102. package/dist/tokens/radius.d.ts +5 -4
  103. package/dist/tokens/radius.d.ts.map +1 -1
  104. package/dist/tokens/radius.js +5 -4
  105. package/package.json +1 -1
@@ -1,29 +1,29 @@
1
1
  export declare const control: {
2
2
  readonly hover: {
3
- readonly bg: "#29253A";
4
- readonly fg: "#A78BFA";
5
- readonly border: "#A78BFA";
3
+ readonly bg: "#2F2A42";
4
+ readonly fg: "#B8A8FF";
5
+ readonly border: "#B8A8FF";
6
6
  };
7
7
  readonly selected: {
8
8
  readonly default: {
9
- readonly bg: "#6D5BD0";
9
+ readonly bg: "#6346E8";
10
10
  readonly fg: "#FFFFFF";
11
- readonly border: "#6D5BD0";
11
+ readonly border: "#6346E8";
12
12
  };
13
13
  readonly hover: {
14
- readonly bg: "#5B4BEA";
14
+ readonly bg: "#5037C8";
15
15
  readonly fg: "#FFFFFF";
16
- readonly border: "#5B4BEA";
16
+ readonly border: "#5037C8";
17
17
  };
18
18
  readonly active: {
19
- readonly bg: "#4936D9";
19
+ readonly bg: "#402C9F";
20
20
  readonly fg: "#FFFFFF";
21
- readonly border: "#4936D9";
21
+ readonly border: "#402C9F";
22
22
  };
23
23
  readonly muted: {
24
- readonly bg: "#5B4BEA";
24
+ readonly bg: "#5037C8";
25
25
  readonly fg: "#FFFFFF";
26
- readonly border: "#7C6CF2";
26
+ readonly border: "#7C5CFF";
27
27
  };
28
28
  };
29
29
  };
@@ -1,5 +1,5 @@
1
1
  export declare const focus: {
2
- readonly ring: "#A78BFA";
2
+ readonly ring: "#B8A8FF";
3
3
  readonly ringOffset: "#000000";
4
4
  };
5
5
  //# sourceMappingURL=focus.d.ts.map
@@ -1,33 +1,33 @@
1
1
  export declare const navigation: {
2
2
  readonly hover: {
3
- readonly bg: "#413957";
3
+ readonly bg: "#6B6386";
4
4
  readonly fg: "#F4F1FB";
5
5
  };
6
6
  readonly active: {
7
- readonly bg: "#413957";
7
+ readonly bg: "#6B6386";
8
8
  readonly fg: "#F4F1FB";
9
9
  };
10
10
  readonly brandHover: {
11
- readonly bg: "#29253A";
12
- readonly fg: "#C4B5FD";
11
+ readonly bg: "#2F2A42";
12
+ readonly fg: "#D4CCFF";
13
13
  };
14
14
  readonly tabHover: {
15
- readonly fg: "#C4B5FD";
15
+ readonly fg: "#D4CCFF";
16
16
  };
17
17
  readonly tabFocus: {
18
- readonly ring: "#FFFF00";
18
+ readonly ring: "#F59E0B";
19
19
  };
20
20
  readonly optionHover: {
21
- readonly bg: "#413957";
21
+ readonly bg: "#6B6386";
22
22
  readonly fg: "#F4F1FB";
23
23
  };
24
24
  readonly optionActive: {
25
- readonly bg: "#413957";
25
+ readonly bg: "#6B6386";
26
26
  readonly fg: "#F4F1FB";
27
27
  };
28
- readonly border: "#312C44";
28
+ readonly border: "#3D3754";
29
29
  readonly triggerHover: {
30
- readonly bg: "#29253A";
30
+ readonly bg: "#2F2A42";
31
31
  readonly fg: "#FAF8FF";
32
32
  };
33
33
  };
@@ -1,27 +1,27 @@
1
1
  export declare const status: {
2
2
  readonly success: {
3
- readonly fg: "#4ADE80";
3
+ readonly fg: "#34D399";
4
4
  readonly bg: "rgba(74, 222, 128, 0.14)";
5
- readonly border: "#9AFFB8";
6
- readonly strong: "#22C55E";
5
+ readonly border: "#6EE7B7";
6
+ readonly strong: "#059669";
7
7
  };
8
8
  readonly error: {
9
9
  readonly fg: "#FB7185";
10
10
  readonly bg: "rgba(251, 113, 133, 0.16)";
11
- readonly border: "#FF8A8A";
11
+ readonly border: "#FDA4AF";
12
12
  readonly strong: "#E11D48";
13
13
  };
14
14
  readonly warning: {
15
- readonly fg: "#FFFF99";
15
+ readonly fg: "#FBBF24";
16
16
  readonly bg: "rgba(251, 191, 36, 0.14)";
17
17
  readonly border: "#FCD34D";
18
- readonly strong: "#FFEA00";
18
+ readonly strong: "#D97706";
19
19
  };
20
20
  readonly info: {
21
- readonly fg: "#3399FF";
21
+ readonly fg: "#0284C7";
22
22
  readonly bg: "rgba(96, 165, 250, 0.14)";
23
- readonly border: "#7BBCFF";
24
- readonly strong: "#0284C7";
23
+ readonly border: "#0EA5E9";
24
+ readonly strong: "#075985";
25
25
  };
26
26
  };
27
27
  //# sourceMappingURL=status.d.ts.map
@@ -1,11 +1,11 @@
1
1
  export declare const surface: {
2
- readonly default: "#1B1726";
3
- readonly muted: "#211E2E";
4
- readonly subtle: "#29253A";
5
- readonly elevated: "#312C44";
6
- readonly pressed: "#3A334D";
7
- readonly hover: "#29253A";
8
- readonly active: "#413957";
2
+ readonly default: "#181521";
3
+ readonly muted: "#231F31";
4
+ readonly subtle: "#2F2A42";
5
+ readonly elevated: "#3D3754";
6
+ readonly pressed: "#4F4867";
7
+ readonly hover: "#2F2A42";
8
+ readonly active: "#6B6386";
9
9
  readonly inverse: "#FFFFFF";
10
10
  };
11
11
  //# sourceMappingURL=surface.d.ts.map
@@ -1,12 +1,12 @@
1
1
  export declare const text: {
2
2
  readonly primary: "#F4F1FB";
3
- readonly secondary: "#A8A1BA";
4
- readonly muted: "#413957";
5
- readonly disabled: "#746F86";
3
+ readonly secondary: "#BBB2D2";
4
+ readonly muted: "#6B6386";
5
+ readonly disabled: "#958CB0";
6
6
  readonly subtle: "#FFFFFF";
7
- readonly hover: "#8B7CF6";
7
+ readonly hover: "#9B7CFF";
8
8
  readonly inverse: "#FFFFFF";
9
9
  readonly onInverse: "#000000";
10
- readonly brand: "#A78BFA";
10
+ readonly brand: "#B8A8FF";
11
11
  };
12
12
  //# sourceMappingURL=text.d.ts.map
@@ -4,100 +4,100 @@ export declare const darkTheme: {
4
4
  readonly name: "dark";
5
5
  readonly colors: {
6
6
  readonly primary: {
7
- readonly 50: "#EEF0FF";
8
- readonly 100: "#DDD6FE";
9
- readonly 200: "#C4B5FD";
10
- readonly 300: "#A78BFA";
11
- readonly 400: "#8B7CF6";
12
- readonly 500: "#7C6CF2";
13
- readonly 600: "#6D5BD0";
14
- readonly 700: "#5B4BEA";
15
- readonly 800: "#4936D9";
16
- readonly 900: "#4338CA";
17
- readonly 950: "#3B2BBF";
7
+ readonly 50: "#F4F3FF";
8
+ readonly 100: "#E9E6FF";
9
+ readonly 200: "#D4CCFF";
10
+ readonly 300: "#B8A8FF";
11
+ readonly 400: "#9B7CFF";
12
+ readonly 500: "#7C5CFF";
13
+ readonly 600: "#6346E8";
14
+ readonly 700: "#5037C8";
15
+ readonly 800: "#402C9F";
16
+ readonly 900: "#342580";
17
+ readonly 950: "#21164F";
18
18
  };
19
19
  readonly secondary: {
20
- readonly 50: "#F0F1FF";
21
- readonly 100: "#D8DAFF";
22
- readonly 200: "#B8BBF2";
23
- readonly 300: "#9EA2EA";
24
- readonly 400: "#7B80D8";
25
- readonly 500: "#4C4F8F";
26
- readonly 600: "#3c2d9e";
27
- readonly 700: "#2e156e";
28
- readonly 800: "#2f106c";
29
- readonly 900: "#190947";
30
- readonly 950: "#160537";
20
+ readonly 50: "#F2FDFF";
21
+ readonly 100: "#D9FBFF";
22
+ readonly 200: "#B4F4FD";
23
+ readonly 300: "#79E8F8";
24
+ readonly 400: "#3ED5EE";
25
+ readonly 500: "#1FBEDB";
26
+ readonly 600: "#0F9BB8";
27
+ readonly 700: "#0B7D95";
28
+ readonly 800: "#0A6175";
29
+ readonly 900: "#094C5E";
30
+ readonly 950: "#062F3B";
31
31
  };
32
32
  readonly vellira: {
33
33
  readonly 25: "#FDFCFF";
34
34
  readonly 50: "#FAF8FF";
35
35
  readonly 100: "#F4F1FB";
36
36
  readonly 150: "#EEE8FA";
37
- readonly 200: "#E8E2F3";
38
- readonly 250: "#D8D3E8";
39
- readonly 300: "#A8A1BA";
40
- readonly 400: "#746F86";
41
- readonly 500: "#413957";
42
- readonly 600: "#3A334D";
43
- readonly 700: "#312C44";
44
- readonly 800: "#29253A";
45
- readonly 900: "#211E2E";
46
- readonly 950: "#1B1726";
37
+ readonly 200: "#E4DDF4";
38
+ readonly 250: "#D4CEE8";
39
+ readonly 300: "#BBB2D2";
40
+ readonly 400: "#958CB0";
41
+ readonly 500: "#6B6386";
42
+ readonly 600: "#4F4867";
43
+ readonly 700: "#3D3754";
44
+ readonly 800: "#2F2A42";
45
+ readonly 900: "#231F31";
46
+ readonly 950: "#181521";
47
47
  };
48
48
  readonly info: {
49
49
  readonly 50: "#F0F9FF";
50
- readonly 100: "#EFF6FF";
51
- readonly 150: "#DBEAFE";
52
- readonly 200: "#93C5FD";
53
- readonly 250: "#4DA3FF";
54
- readonly 300: "#7BBCFF";
55
- readonly 400: "#3399FF";
56
- readonly 500: "#0EA5E9";
57
- readonly 600: "#0284C7";
58
- readonly 700: "#0265c7";
59
- readonly 800: "#023ac7";
60
- readonly 900: "#002B55";
61
- readonly 950: "#102A43";
50
+ readonly 100: "#E0F2FE";
51
+ readonly 150: "#BAE6FD";
52
+ readonly 200: "#7DD3FC";
53
+ readonly 250: "#38BDF8";
54
+ readonly 300: "#0EA5E9";
55
+ readonly 400: "#0284C7";
56
+ readonly 500: "#0369A1";
57
+ readonly 600: "#075985";
58
+ readonly 700: "#0C4A6E";
59
+ readonly 800: "#082F49";
60
+ readonly 900: "#0B2538";
61
+ readonly 950: "#071927";
62
62
  };
63
63
  readonly success: {
64
64
  readonly 50: "#ECFDF5";
65
65
  readonly 100: "#D1FAE5";
66
66
  readonly 200: "#A7F3D0";
67
- readonly 300: "#9AFFB8";
68
- readonly 400: "#4ADE80";
69
- readonly 500: "#00B956";
70
- readonly 600: "#22C55E";
71
- readonly 700: "#008F6A";
72
- readonly 800: "#00785A";
73
- readonly 900: "#166534";
74
- readonly 950: "#0F2F26";
67
+ readonly 300: "#6EE7B7";
68
+ readonly 400: "#34D399";
69
+ readonly 500: "#10B981";
70
+ readonly 600: "#059669";
71
+ readonly 700: "#047857";
72
+ readonly 800: "#065F46";
73
+ readonly 900: "#064E3B";
74
+ readonly 950: "#022C22";
75
75
  };
76
76
  readonly error: {
77
- readonly 50: "#FEF2F2";
78
- readonly 100: "#FFF1F2";
79
- readonly 200: "#FDA4AF";
80
- readonly 300: "#FF8A8A";
77
+ readonly 50: "#FFF1F2";
78
+ readonly 100: "#FFE4E6";
79
+ readonly 200: "#FECDD3";
80
+ readonly 300: "#FDA4AF";
81
81
  readonly 400: "#FB7185";
82
82
  readonly 500: "#F43F5E";
83
83
  readonly 600: "#E11D48";
84
- readonly 700: "#DC2626";
85
- readonly 800: "#B91C1C";
86
- readonly 900: "#9F1239";
84
+ readonly 700: "#BE123C";
85
+ readonly 800: "#9F1239";
86
+ readonly 900: "#881337";
87
87
  readonly 950: "#4C0519";
88
88
  };
89
89
  readonly warning: {
90
- readonly 50: "#FFF7ED";
91
- readonly 100: "#FFFBEB";
92
- readonly 200: "#FEF3C7";
90
+ readonly 50: "#FFFBEB";
91
+ readonly 100: "#FEF3C7";
92
+ readonly 200: "#FDE68A";
93
93
  readonly 300: "#FCD34D";
94
- readonly 400: "#FFFF99";
95
- readonly 500: "#FFFF00";
96
- readonly 600: "#FFEA00";
97
- readonly 700: "#C05621";
98
- readonly 800: "#A74308";
99
- readonly 900: "#92400E";
100
- readonly 950: "#3A2412";
94
+ readonly 400: "#FBBF24";
95
+ readonly 500: "#F59E0B";
96
+ readonly 600: "#D97706";
97
+ readonly 700: "#B45309";
98
+ readonly 800: "#92400E";
99
+ readonly 900: "#78350F";
100
+ readonly 950: "#451A03";
101
101
  };
102
102
  readonly gray: {
103
103
  readonly 50: "#F9FAFB";
@@ -143,10 +143,11 @@ export declare const darkTheme: {
143
143
  readonly components: typeof components;
144
144
  readonly tokens: {
145
145
  readonly radius: {
146
- readonly sm: 4;
147
- readonly md: 8;
148
- readonly lg: 12;
149
- readonly xl: 16;
146
+ readonly xs: 4;
147
+ readonly sm: 8;
148
+ readonly md: 12;
149
+ readonly lg: 16;
150
+ readonly xl: 20;
150
151
  readonly full: 999;
151
152
  };
152
153
  readonly shadows: {
@@ -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"}