@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,27 +1,27 @@
1
1
  export declare const status: {
2
2
  readonly success: {
3
- readonly fg: "#9AFFB8";
3
+ readonly fg: "#6EE7B7";
4
4
  readonly bg: "#111827";
5
- readonly border: "#9AFFB8";
6
- readonly strong: "#9AFFB8";
5
+ readonly border: "#6EE7B7";
6
+ readonly strong: "#6EE7B7";
7
7
  };
8
8
  readonly error: {
9
- readonly fg: "#FF8A8A";
9
+ readonly fg: "#FB7185";
10
10
  readonly bg: "#111827";
11
- readonly border: "#FF8A8A";
12
- readonly strong: "#FF8A8A";
11
+ readonly border: "#FB7185";
12
+ readonly strong: "#FDA4AF";
13
13
  };
14
14
  readonly warning: {
15
- readonly fg: "#FFFF00";
15
+ readonly fg: "#FBBF24";
16
16
  readonly bg: "#111827";
17
- readonly border: "#FFFF00";
18
- readonly strong: "#FFFF00";
17
+ readonly border: "#FBBF24";
18
+ readonly strong: "#FBBF24";
19
19
  };
20
20
  readonly info: {
21
- readonly fg: "#3399FF";
21
+ readonly fg: "#0284C7";
22
22
  readonly bg: "#111827";
23
- readonly border: "#3399FF";
24
- readonly strong: "#3399FF";
23
+ readonly border: "#0284C7";
24
+ readonly strong: "#0284C7";
25
25
  };
26
26
  };
27
27
  //# sourceMappingURL=status.d.ts.map
@@ -7,16 +7,16 @@ export const status = {
7
7
  strong: colors.success[300],
8
8
  },
9
9
  error: {
10
- fg: colors.error[300],
10
+ fg: colors.error[400],
11
11
  bg: colors.gray[900],
12
- border: colors.error[300],
12
+ border: colors.error[400],
13
13
  strong: colors.error[300],
14
14
  },
15
15
  warning: {
16
- fg: colors.warning[500],
16
+ fg: colors.warning[400],
17
17
  bg: colors.gray[900],
18
- border: colors.warning[500],
19
- strong: colors.warning[500],
18
+ border: colors.warning[400],
19
+ strong: colors.warning[400],
20
20
  },
21
21
  info: {
22
22
  fg: colors.info[400],
@@ -1,7 +1,7 @@
1
1
  export declare const surface: {
2
2
  readonly default: "#000000";
3
- readonly muted: "#111827";
4
- readonly subtle: "#1F2937";
3
+ readonly muted: "#1F2937";
4
+ readonly subtle: "#111827";
5
5
  readonly elevated: "#374151";
6
6
  readonly pressed: "#111827";
7
7
  readonly hover: "#1F2937";
@@ -1,8 +1,8 @@
1
1
  import { colors } from '../../primitives/colors.js';
2
2
  export const surface = {
3
3
  default: colors.mono[950],
4
- muted: colors.gray[900],
5
- subtle: colors.gray[800],
4
+ muted: colors.gray[800],
5
+ subtle: colors.gray[900],
6
6
  elevated: colors.gray[700],
7
7
  pressed: colors.gray[900],
8
8
  hover: colors.gray[800],
@@ -6,6 +6,6 @@ export declare const text: {
6
6
  readonly subtle: "#F3F4F6";
7
7
  readonly inverse: "#000000";
8
8
  readonly onInverse: "#000000";
9
- readonly brand: "#A78BFA";
9
+ readonly brand: "#B8A8FF";
10
10
  };
11
11
  //# sourceMappingURL=text.d.ts.map
@@ -4,100 +4,100 @@ export declare const highContrastTheme: {
4
4
  readonly name: "high-contrast";
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 highContrastTheme: {
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/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
@@ -10,10 +10,11 @@ export declare const theme: {
10
10
  readonly components: typeof import("./dark/components/index.js");
11
11
  readonly tokens: {
12
12
  readonly radius: {
13
- readonly sm: 4;
14
- readonly md: 8;
15
- readonly lg: 12;
16
- readonly xl: 16;
13
+ readonly xs: 4;
14
+ readonly sm: 8;
15
+ readonly md: 12;
16
+ readonly lg: 16;
17
+ readonly xl: 20;
17
18
  readonly full: 999;
18
19
  };
19
20
  readonly shadows: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
@@ -2,52 +2,52 @@ export declare const button: {
2
2
  readonly primary: {
3
3
  readonly solid: {
4
4
  readonly default: {
5
- readonly bg: "#5B4BEA";
5
+ readonly bg: "#6346E8";
6
6
  readonly fg: "#FFFFFF";
7
- readonly border: "#5B4BEA";
7
+ readonly border: "#6346E8";
8
8
  };
9
9
  readonly hover: {
10
- readonly bg: "#4936D9";
10
+ readonly bg: "#5037C8";
11
11
  readonly fg: "#FFFFFF";
12
- readonly border: "#4936D9";
12
+ readonly border: "#5037C8";
13
13
  };
14
14
  readonly pressed: {
15
- readonly bg: "#3B2BBF";
15
+ readonly bg: "#402C9F";
16
16
  readonly fg: "#FFFFFF";
17
- readonly border: "#3B2BBF";
17
+ readonly border: "#402C9F";
18
18
  };
19
19
  };
20
20
  readonly outline: {
21
21
  readonly default: {
22
- readonly fg: "#5B4BEA";
23
- readonly border: "#5B4BEA";
22
+ readonly fg: "#6346E8";
23
+ readonly border: "#6346E8";
24
24
  readonly bg: string;
25
25
  };
26
26
  readonly hover: {
27
- readonly bg: "#EEF0FF";
28
- readonly fg: "#4936D9";
29
- readonly border: "#4936D9";
27
+ readonly bg: "#EEE8FA";
28
+ readonly fg: "#5037C8";
29
+ readonly border: "#5037C8";
30
30
  };
31
31
  readonly pressed: {
32
- readonly bg: "#EEF0FF";
33
- readonly fg: "#3B2BBF";
34
- readonly border: "#3B2BBF";
32
+ readonly bg: "#E4DDF4";
33
+ readonly fg: "#402C9F";
34
+ readonly border: "#402C9F";
35
35
  };
36
36
  };
37
37
  readonly ghost: {
38
38
  readonly default: {
39
- readonly fg: "#5B4BEA";
39
+ readonly fg: "#6346E8";
40
40
  readonly border: "transparent";
41
41
  readonly bg: string;
42
42
  };
43
43
  readonly hover: {
44
- readonly bg: "#EEF0FF";
45
- readonly fg: "#4936D9";
44
+ readonly bg: "#F4F3FF";
45
+ readonly fg: "#5037C8";
46
46
  readonly border: "transparent";
47
47
  };
48
48
  readonly pressed: {
49
- readonly bg: "#EEF0FF";
50
- readonly fg: "#3B2BBF";
49
+ readonly bg: "#F4F3FF";
50
+ readonly fg: "#402C9F";
51
51
  readonly border: "transparent";
52
52
  };
53
53
  };
@@ -55,52 +55,52 @@ export declare const button: {
55
55
  readonly secondary: {
56
56
  readonly solid: {
57
57
  readonly default: {
58
- readonly bg: "#4C4F8F";
58
+ readonly bg: "#0B7D95";
59
59
  readonly fg: "#FFFFFF";
60
- readonly border: "#4C4F8F";
60
+ readonly border: "#0B7D95";
61
61
  };
62
62
  readonly hover: {
63
- readonly bg: "#190947";
63
+ readonly bg: "#0A6175";
64
64
  readonly fg: "#FFFFFF";
65
- readonly border: "#190947";
65
+ readonly border: "#0A6175";
66
66
  };
67
67
  readonly pressed: {
68
- readonly bg: "#160537";
68
+ readonly bg: "#094C5E";
69
69
  readonly fg: "#FFFFFF";
70
- readonly border: "#160537";
70
+ readonly border: "#094C5E";
71
71
  };
72
72
  };
73
73
  readonly outline: {
74
74
  readonly default: {
75
- readonly fg: "#4C4F8F";
76
- readonly border: "#4C4F8F";
75
+ readonly fg: "#0B7D95";
76
+ readonly border: "#0B7D95";
77
77
  readonly bg: string;
78
78
  };
79
79
  readonly hover: {
80
- readonly bg: "#EEE8FA";
81
- readonly fg: "#190947";
82
- readonly border: "#190947";
80
+ readonly bg: "#D9FBFF";
81
+ readonly fg: "#0A6175";
82
+ readonly border: "#0A6175";
83
83
  };
84
84
  readonly pressed: {
85
- readonly bg: "#EEE8FA";
86
- readonly fg: "#160537";
87
- readonly border: "#160537";
85
+ readonly bg: "#E4DDF4";
86
+ readonly fg: "#094C5E";
87
+ readonly border: "#094C5E";
88
88
  };
89
89
  };
90
90
  readonly ghost: {
91
91
  readonly default: {
92
- readonly fg: "#4C4F8F";
92
+ readonly fg: "#0B7D95";
93
93
  readonly border: "transparent";
94
94
  readonly bg: string;
95
95
  };
96
96
  readonly hover: {
97
- readonly bg: "#EEE8FA";
98
- readonly fg: "#190947";
97
+ readonly bg: "#D9FBFF";
98
+ readonly fg: "#0A6175";
99
99
  readonly border: "transparent";
100
100
  };
101
101
  readonly pressed: {
102
- readonly bg: "#EEE8FA";
103
- readonly fg: "#160537";
102
+ readonly bg: "#E4DDF4";
103
+ readonly fg: "#094C5E";
104
104
  readonly border: "transparent";
105
105
  };
106
106
  };
@@ -108,52 +108,52 @@ export declare const button: {
108
108
  readonly close: {
109
109
  readonly solid: {
110
110
  readonly default: {
111
- readonly bg: "#E8E2F3";
111
+ readonly bg: "#D8E4F2";
112
112
  readonly fg: "#0F0F0F";
113
- readonly border: "#E8E2F3";
113
+ readonly border: "#D8E4F2";
114
114
  };
115
115
  readonly hover: {
116
- readonly bg: "#D8D3E8";
116
+ readonly bg: "#C4D0DD";
117
117
  readonly fg: "#0F0F0F";
118
- readonly border: "#D8D3E8";
118
+ readonly border: "#C4D0DD";
119
119
  };
120
120
  readonly pressed: {
121
- readonly bg: "#A8A1BA";
121
+ readonly bg: "#98A8BD";
122
122
  readonly fg: "#0F0F0F";
123
- readonly border: "#A8A1BA";
123
+ readonly border: "#98A8BD";
124
124
  };
125
125
  };
126
126
  readonly outline: {
127
127
  readonly default: {
128
- readonly fg: "#E8E2F3";
129
- readonly border: "#E8E2F3";
128
+ readonly fg: "#4B5F7A";
129
+ readonly border: "#4B5F7A";
130
130
  readonly bg: string;
131
131
  };
132
132
  readonly hover: {
133
133
  readonly bg: "#EEE8FA";
134
- readonly fg: "#D8D3E8";
135
- readonly border: "#D8D3E8";
134
+ readonly fg: "#6B7F99";
135
+ readonly border: "#6B7F99";
136
136
  };
137
137
  readonly pressed: {
138
- readonly bg: "#EEE8FA";
139
- readonly fg: "#A8A1BA";
140
- readonly border: "#A8A1BA";
138
+ readonly bg: "#E4DDF4";
139
+ readonly fg: "#98A8BD";
140
+ readonly border: "#98A8BD";
141
141
  };
142
142
  };
143
143
  readonly ghost: {
144
144
  readonly default: {
145
- readonly fg: "#E8E2F3";
145
+ readonly fg: "#4F4867";
146
146
  readonly border: "transparent";
147
147
  readonly bg: string;
148
148
  };
149
149
  readonly hover: {
150
- readonly bg: "#EEE8FA";
151
- readonly fg: "#D8D3E8";
150
+ readonly bg: "#F4F3FF";
151
+ readonly fg: "#4F4867";
152
152
  readonly border: "transparent";
153
153
  };
154
154
  readonly pressed: {
155
- readonly bg: "#EEE8FA";
156
- readonly fg: "#A8A1BA";
155
+ readonly bg: "#F4F3FF";
156
+ readonly fg: "#4F4867";
157
157
  readonly border: "transparent";
158
158
  };
159
159
  };
@@ -161,52 +161,52 @@ export declare const button: {
161
161
  readonly danger: {
162
162
  readonly solid: {
163
163
  readonly default: {
164
- readonly bg: "#DC2626";
164
+ readonly bg: "#BE123C";
165
165
  readonly fg: "#FFFFFF";
166
- readonly border: "#DC2626";
166
+ readonly border: "#BE123C";
167
167
  };
168
168
  readonly hover: {
169
- readonly bg: "#B91C1C";
169
+ readonly bg: "#9F1239";
170
170
  readonly fg: "#FFFFFF";
171
- readonly border: "#B91C1C";
171
+ readonly border: "#9F1239";
172
172
  };
173
173
  readonly pressed: {
174
- readonly bg: "#B91C1C";
174
+ readonly bg: "#881337";
175
175
  readonly fg: "#FFFFFF";
176
- readonly border: "#B91C1C";
176
+ readonly border: "#881337";
177
177
  };
178
178
  };
179
179
  readonly outline: {
180
180
  readonly default: {
181
- readonly fg: "#DC2626";
182
- readonly border: "#DC2626";
181
+ readonly fg: "#BE123C";
182
+ readonly border: "#BE123C";
183
183
  readonly bg: string;
184
184
  };
185
185
  readonly hover: {
186
- readonly bg: "#FEF2F2";
187
- readonly fg: "#B91C1C";
188
- readonly border: "#B91C1C";
186
+ readonly bg: "#FFE4E6";
187
+ readonly fg: "#9F1239";
188
+ readonly border: "#9F1239";
189
189
  };
190
190
  readonly pressed: {
191
- readonly bg: "#FEF2F2";
192
- readonly fg: "#B91C1C";
193
- readonly border: "#B91C1C";
191
+ readonly bg: "#FFE4E6";
192
+ readonly fg: "#881337";
193
+ readonly border: "#881337";
194
194
  };
195
195
  };
196
196
  readonly ghost: {
197
197
  readonly default: {
198
- readonly fg: "#DC2626";
198
+ readonly fg: "#BE123C";
199
199
  readonly border: "transparent";
200
200
  readonly bg: string;
201
201
  };
202
202
  readonly hover: {
203
- readonly bg: "#FEF2F2";
204
- readonly fg: "#B91C1C";
203
+ readonly bg: "#FFE4E6";
204
+ readonly fg: "#9F1239";
205
205
  readonly border: "transparent";
206
206
  };
207
207
  readonly pressed: {
208
- readonly bg: "#FEF2F2";
209
- readonly fg: "#B91C1C";
208
+ readonly bg: "#FFE4E6";
209
+ readonly fg: "#881337";
210
210
  readonly border: "transparent";
211
211
  };
212
212
  };
@@ -214,7 +214,7 @@ export declare const button: {
214
214
  readonly disabled: {
215
215
  readonly bg: "#F4F1FB";
216
216
  readonly fg: "#9CA3AF";
217
- readonly border: "#E8E2F3";
217
+ readonly border: "#EEE8FA";
218
218
  };
219
219
  };
220
220
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}