@channel.io/bezier-tokens 0.2.10 → 0.2.11

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 (16) hide show
  1. package/dist/alpha/cjs/darkTheme.js +31 -31
  2. package/dist/alpha/cjs/global.js +1 -1
  3. package/dist/alpha/cjs/lightTheme.js +36 -36
  4. package/dist/alpha/css/styles.css +67 -67
  5. package/dist/alpha/esm/darkTheme.mjs +31 -31
  6. package/dist/alpha/esm/global.mjs +1 -1
  7. package/dist/alpha/esm/lightTheme.mjs +36 -36
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +31 -31
  9. package/dist/types/alpha/cjs/global.d.ts +1 -1
  10. package/dist/types/alpha/cjs/index.d.ts +68 -68
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +36 -36
  12. package/dist/types/alpha/esm/darkTheme.d.mts +31 -31
  13. package/dist/types/alpha/esm/global.d.mts +1 -1
  14. package/dist/types/alpha/esm/index.d.mts +68 -68
  15. package/dist/types/alpha/esm/lightTheme.d.mts +36 -36
  16. package/package.json +1 -1
package/dist/alpha/css/styles.css CHANGED
@@ -13,17 +13,17 @@
13
13
  --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
14
14
  --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
15
15
  --alpha-color-fg-black-pure: var(--alpha-color-white-100);
16
- --alpha-color-fg-black-pure-hovered: #c8c8c8ff;
16
+ --alpha-color-fg-black-pure-hovered: #edededff;
17
17
  --alpha-color-fg-black-darkest: var(--alpha-color-white-80);
18
- --alpha-color-fg-black-darkest-hovered: #c8c8c8cc;
18
+ --alpha-color-fg-black-darkest-hovered: #edededcc;
19
19
  --alpha-color-fg-black-darker: var(--alpha-color-white-60);
20
- --alpha-color-fg-black-darker-hovered: #c8c8c899;
20
+ --alpha-color-fg-black-darker-hovered: #ededed99;
21
21
  --alpha-color-fg-black-dark: var(--alpha-color-white-40);
22
- --alpha-color-fg-black-dark-hovered: #c8c8c866;
22
+ --alpha-color-fg-black-dark-hovered: #ededed66;
23
23
  --alpha-color-fg-black-light: var(--alpha-color-white-20);
24
- --alpha-color-fg-black-light-hovered: #c8c8c84d;
24
+ --alpha-color-fg-black-light-hovered: #ededed4d;
25
25
  --alpha-color-fg-black-lightest: var(--alpha-color-white-12);
26
- --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
26
+ --alpha-color-fg-black-lightest-hovered: #ededed2f;
27
27
  --alpha-color-fg-white-normal: var(--alpha-color-grey-900);
28
28
  --alpha-color-fg-white-normal-hovered: #2e2e33ff;
29
29
  --alpha-color-fg-blue-normal: var(--alpha-color-blue-300);
@@ -103,15 +103,15 @@
103
103
  --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
104
104
  --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a4d;
105
105
  --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
106
- --alpha-color-fg-absolute-white-dark-hovered: #c8c8c8ff;
106
+ --alpha-color-fg-absolute-white-dark-hovered: #edededff;
107
107
  --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
108
- --alpha-color-fg-absolute-white-normal-hovered: #c8c8c8e6;
108
+ --alpha-color-fg-absolute-white-normal-hovered: #ededede6;
109
109
  --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60);
110
- --alpha-color-fg-absolute-white-light-hovered: #c8c8c899;
110
+ --alpha-color-fg-absolute-white-light-hovered: #ededed99;
111
111
  --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40);
112
- --alpha-color-fg-absolute-white-lighter-hovered: #c8c8c866;
112
+ --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
113
113
  --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
114
- --alpha-color-fg-absolute-white-lightest-hovered: #c8c8c84d;
114
+ --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d;
115
115
  --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
116
116
  --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
117
117
  --alpha-color-fg-grey-normal: var(--alpha-color-grey-600);
@@ -131,19 +131,19 @@
131
131
  --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
132
132
  --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
133
133
  --alpha-color-bg-black-darker: var(--alpha-color-white-40);
134
- --alpha-color-bg-black-darker-hovered: #c8c8c866;
134
+ --alpha-color-bg-black-darker-hovered: #ededed66;
135
135
  --alpha-color-bg-black-dark: var(--alpha-color-white-20);
136
- --alpha-color-bg-black-dark-hovered: #c8c8c84d;
136
+ --alpha-color-bg-black-dark-hovered: #ededed4d;
137
137
  --alpha-color-bg-black-light: var(--alpha-color-white-12);
138
- --alpha-color-bg-black-light-hovered: #c8c8c82f;
138
+ --alpha-color-bg-black-light-hovered: #ededed2f;
139
139
  --alpha-color-bg-black-lighter: var(--alpha-color-white-8);
140
- --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
140
+ --alpha-color-bg-black-lighter-hovered: #ededed1e;
141
141
  --alpha-color-bg-black-lightest: var(--alpha-color-white-5);
142
- --alpha-color-bg-black-lightest-hovered: #c8c8c814;
142
+ --alpha-color-bg-black-lightest-hovered: #ededed14;
143
143
  --alpha-color-bg-black-transparent: var(--alpha-color-white-0);
144
- --alpha-color-bg-black-transparent-hovered: #ffffff1a;
144
+ --alpha-color-bg-black-transparent-hovered: #ffffff0d;
145
145
  --alpha-color-bg-grey-darkest: var(--alpha-color-white-100);
146
- --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
146
+ --alpha-color-bg-grey-darkest-hovered: #edededff;
147
147
  --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
148
148
  --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
149
149
  --alpha-color-bg-grey-light: var(--alpha-color-grey-700);
@@ -153,7 +153,7 @@
153
153
  --alpha-color-bg-grey-lightest: var(--alpha-color-grey-850);
154
154
  --alpha-color-bg-grey-lightest-hovered: #343538ff;
155
155
  --alpha-color-bg-grey-transparent: var(--alpha-color-white-0);
156
- --alpha-color-bg-grey-transparent-hovered: #ffffff1a;
156
+ --alpha-color-bg-grey-transparent-hovered: #ffffff0d;
157
157
  --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
158
158
  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
159
159
  --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
@@ -171,7 +171,7 @@
171
171
  --alpha-color-bg-white-normal: var(--alpha-color-grey-900);
172
172
  --alpha-color-bg-white-normal-hovered: #2e2e33ff;
173
173
  --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
174
- --alpha-color-bg-white-transparent-hovered: #ffffff1a;
174
+ --alpha-color-bg-white-transparent-hovered: #ffffff0d;
175
175
  --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
176
176
  --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
177
177
  --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-black-60);
@@ -179,7 +179,7 @@
179
179
  --alpha-color-bg-white-white-alpha-light: var(--alpha-color-black-20);
180
180
  --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a4d;
181
181
  --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-black-0);
182
- --alpha-color-bg-white-white-alpha-transparent-hovered: #0000001a;
182
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #0000000d;
183
183
  --alpha-color-bg-blue-normal: var(--alpha-color-blue-300);
184
184
  --alpha-color-bg-blue-normal-hovered: #93aefbff;
185
185
  --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45);
@@ -259,7 +259,7 @@
259
259
  --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-600);
260
260
  --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
261
261
  --alpha-color-bg-green-transparent: var(--alpha-color-green-300-0);
262
- --alpha-color-bg-green-transparent-hovered: #74d68b39;
262
+ --alpha-color-bg-green-transparent-hovered: #68cc7f1a;
263
263
  --alpha-color-bg-teal-normal: var(--alpha-color-teal-300);
264
264
  --alpha-color-bg-teal-normal-hovered: #4cdccfff;
265
265
  --alpha-color-bg-teal-light: var(--alpha-color-teal-300-45);
@@ -367,19 +367,19 @@
367
367
  --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
368
368
  --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a4d;
369
369
  --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
370
- --alpha-color-bg-absolute-black-transparent-hovered: #0000001a;
370
+ --alpha-color-bg-absolute-black-transparent-hovered: #0000000d;
371
371
  --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
372
- --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
372
+ --alpha-color-bg-absolute-white-dark-hovered: #edededff;
373
373
  --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
374
- --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
374
+ --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
375
375
  --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60);
376
- --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
376
+ --alpha-color-bg-absolute-white-light-hovered: #ededed99;
377
377
  --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40);
378
- --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
378
+ --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
379
379
  --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
380
- --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c84d;
380
+ --alpha-color-bg-absolute-white-lightest-hovered: #ededed4d;
381
381
  --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
382
- --alpha-color-bg-absolute-white-transparent-hovered: #ffffff1a;
382
+ --alpha-color-bg-absolute-white-transparent-hovered: #ffffff0d;
383
383
  --alpha-color-surface-lowest: var(--alpha-color-grey-800);
384
384
  --alpha-color-surface-lowest-hovered: #3b3c3fff;
385
385
  --alpha-color-surface-lower: var(--alpha-color-grey-850);
@@ -397,7 +397,7 @@
397
397
  --alpha-color-shadow-base: var(--alpha-color-black-8);
398
398
  --alpha-color-shadow-base-hovered: #0a0a0a1e;
399
399
  --alpha-color-shadow-base-inner: var(--alpha-color-white-8);
400
- --alpha-color-shadow-base-inner-hovered: #c8c8c81e;
400
+ --alpha-color-shadow-base-inner-hovered: #ededed1e;
401
401
  --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
402
402
  --alpha-color-dim-black-light-hovered: #0a0a0a4d;
403
403
  --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
@@ -526,7 +526,7 @@
526
526
  --alpha-color-green-300-45: #68cc7f73;
527
527
  --alpha-color-green-300-30: #68cc7f4d;
528
528
  --alpha-color-green-300-15: #68cc7f26;
529
- --alpha-color-green-300-0: #68cc7f26;
529
+ --alpha-color-green-300-0: #68cc7f00;
530
530
  --alpha-color-red-100: #ffb8b8;
531
531
  --alpha-color-red-200: #ffa6a6;
532
532
  --alpha-color-red-300: #ff8c8c;
@@ -923,17 +923,17 @@
923
923
  --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
924
924
  --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base);
925
925
  --alpha-color-fg-black-pure: var(--alpha-color-black-100);
926
- --alpha-color-fg-black-pure-hovered: #141414ff;
926
+ --alpha-color-fg-black-pure-hovered: #1c1c1cff;
927
927
  --alpha-color-fg-black-darkest: var(--alpha-color-black-85);
928
- --alpha-color-fg-black-darkest-hovered: #141414d9;
928
+ --alpha-color-fg-black-darkest-hovered: #1c1c1cd9;
929
929
  --alpha-color-fg-black-darker: var(--alpha-color-black-60);
930
- --alpha-color-fg-black-darker-hovered: #14141499;
930
+ --alpha-color-fg-black-darker-hovered: #1c1c1c99;
931
931
  --alpha-color-fg-black-dark: var(--alpha-color-black-40);
932
- --alpha-color-fg-black-dark-hovered: #14141466;
932
+ --alpha-color-fg-black-dark-hovered: #1c1c1c66;
933
933
  --alpha-color-fg-black-light: var(--alpha-color-black-15);
934
- --alpha-color-fg-black-light-hovered: #14141439;
934
+ --alpha-color-fg-black-light-hovered: #1c1c1c39;
935
935
  --alpha-color-fg-black-lightest: var(--alpha-color-black-8);
936
- --alpha-color-fg-black-lightest-hovered: #1414141e;
936
+ --alpha-color-fg-black-lightest-hovered: #1c1c1c1e;
937
937
  --alpha-color-fg-white-normal: var(--alpha-color-white-100);
938
938
  --alpha-color-fg-white-normal-hovered: #edededff;
939
939
  --alpha-color-fg-blue-normal: var(--alpha-color-blue-400);
@@ -1003,15 +1003,15 @@
1003
1003
  --alpha-color-fg-navy-dark: var(--alpha-color-navy-500);
1004
1004
  --alpha-color-fg-navy-dark-hovered: #34377cff;
1005
1005
  --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100);
1006
- --alpha-color-fg-absolute-black-dark-hovered: #141414ff;
1006
+ --alpha-color-fg-absolute-black-dark-hovered: #1c1c1cff;
1007
1007
  --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85);
1008
- --alpha-color-fg-absolute-black-normal-hovered: #141414d9;
1008
+ --alpha-color-fg-absolute-black-normal-hovered: #1c1c1cd9;
1009
1009
  --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60);
1010
- --alpha-color-fg-absolute-black-light-hovered: #14141499;
1010
+ --alpha-color-fg-absolute-black-light-hovered: #1c1c1c99;
1011
1011
  --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40);
1012
- --alpha-color-fg-absolute-black-lighter-hovered: #14141466;
1012
+ --alpha-color-fg-absolute-black-lighter-hovered: #1c1c1c66;
1013
1013
  --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20);
1014
- --alpha-color-fg-absolute-black-lightest-hovered: #1414144d;
1014
+ --alpha-color-fg-absolute-black-lightest-hovered: #1c1c1c4d;
1015
1015
  --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100);
1016
1016
  --alpha-color-fg-absolute-white-dark-hovered: #edededff;
1017
1017
  --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90);
@@ -1039,21 +1039,21 @@
1039
1039
  --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1040
1040
  --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
1041
1041
  --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
1042
- --alpha-color-bg-black-darkest-hovered: #14141499;
1042
+ --alpha-color-bg-black-darkest-hovered: #1c1c1c99;
1043
1043
  --alpha-color-bg-black-darker: var(--alpha-color-black-40);
1044
- --alpha-color-bg-black-darker-hovered: #14141466;
1044
+ --alpha-color-bg-black-darker-hovered: #1c1c1c66;
1045
1045
  --alpha-color-bg-black-dark: var(--alpha-color-black-15);
1046
- --alpha-color-bg-black-dark-hovered: #14141439;
1046
+ --alpha-color-bg-black-dark-hovered: #1c1c1c39;
1047
1047
  --alpha-color-bg-black-light: var(--alpha-color-black-8);
1048
- --alpha-color-bg-black-light-hovered: #1414141e;
1048
+ --alpha-color-bg-black-light-hovered: #1c1c1c1e;
1049
1049
  --alpha-color-bg-black-lighter: var(--alpha-color-black-5);
1050
- --alpha-color-bg-black-lighter-hovered: #14141414;
1050
+ --alpha-color-bg-black-lighter-hovered: #1c1c1c14;
1051
1051
  --alpha-color-bg-black-lightest: var(--alpha-color-black-3);
1052
- --alpha-color-bg-black-lightest-hovered: #1414140c;
1052
+ --alpha-color-bg-black-lightest-hovered: #1c1c1c0c;
1053
1053
  --alpha-color-bg-black-transparent: var(--alpha-color-black-0);
1054
- --alpha-color-bg-black-transparent-hovered: #0000001a;
1054
+ --alpha-color-bg-black-transparent-hovered: #0000000d;
1055
1055
  --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900);
1056
- --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
1056
+ --alpha-color-bg-grey-darkest-hovered: #42424aff;
1057
1057
  --alpha-color-bg-grey-dark: var(--alpha-color-grey-500);
1058
1058
  --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
1059
1059
  --alpha-color-bg-grey-light: var(--alpha-color-grey-200);
@@ -1063,7 +1063,7 @@
1063
1063
  --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50);
1064
1064
  --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1065
1065
  --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0);
1066
- --alpha-color-bg-grey-transparent-hovered: #2424281a;
1066
+ --alpha-color-bg-grey-transparent-hovered: #2424280d;
1067
1067
  --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
1068
1068
  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1069
1069
  --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
@@ -1081,7 +1081,7 @@
1081
1081
  --alpha-color-bg-white-normal: var(--alpha-color-white-100);
1082
1082
  --alpha-color-bg-white-normal-hovered: #edededff;
1083
1083
  --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
1084
- --alpha-color-bg-white-transparent-hovered: #ffffff1a;
1084
+ --alpha-color-bg-white-transparent-hovered: #ffffff0d;
1085
1085
  --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
1086
1086
  --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1087
1087
  --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
@@ -1089,7 +1089,7 @@
1089
1089
  --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
1090
1090
  --alpha-color-bg-white-white-alpha-light-hovered: #ededed4d;
1091
1091
  --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-white-0);
1092
- --alpha-color-bg-white-white-alpha-transparent-hovered: #ffffff1a;
1092
+ --alpha-color-bg-white-white-alpha-transparent-hovered: #ffffff0d;
1093
1093
  --alpha-color-bg-blue-normal: var(--alpha-color-blue-400);
1094
1094
  --alpha-color-bg-blue-normal-hovered: #5551fcff;
1095
1095
  --alpha-color-bg-blue-light: var(--alpha-color-blue-400-30);
@@ -1267,17 +1267,17 @@
1267
1267
  --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0);
1268
1268
  --alpha-color-bg-navy-transparent-hovered: #424fab1a;
1269
1269
  --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100);
1270
- --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
1270
+ --alpha-color-bg-absolute-black-dark-hovered: #1c1c1cff;
1271
1271
  --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85);
1272
- --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
1272
+ --alpha-color-bg-absolute-black-normal-hovered: #1c1c1cd9;
1273
1273
  --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60);
1274
- --alpha-color-bg-absolute-black-light-hovered: #14141499;
1274
+ --alpha-color-bg-absolute-black-light-hovered: #1c1c1c99;
1275
1275
  --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40);
1276
- --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
1276
+ --alpha-color-bg-absolute-black-lighter-hovered: #1c1c1c66;
1277
1277
  --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20);
1278
- --alpha-color-bg-absolute-black-lightest-hovered: #1414144d;
1278
+ --alpha-color-bg-absolute-black-lightest-hovered: #1c1c1c4d;
1279
1279
  --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0);
1280
- --alpha-color-bg-absolute-black-transparent-hovered: #0000001a;
1280
+ --alpha-color-bg-absolute-black-transparent-hovered: #0000000d;
1281
1281
  --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100);
1282
1282
  --alpha-color-bg-absolute-white-dark-hovered: #edededff;
1283
1283
  --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90);
@@ -1289,7 +1289,7 @@
1289
1289
  --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20);
1290
1290
  --alpha-color-bg-absolute-white-lightest-hovered: #ededed4d;
1291
1291
  --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0);
1292
- --alpha-color-bg-absolute-white-transparent-hovered: #ffffff1a;
1292
+ --alpha-color-bg-absolute-white-transparent-hovered: #ffffff0d;
1293
1293
  --alpha-color-surface-lowest: var(--alpha-color-grey-100);
1294
1294
  --alpha-color-surface-lowest-hovered: #e5e5e8ff;
1295
1295
  --alpha-color-surface-lower: var(--alpha-color-grey-50);
@@ -1297,21 +1297,21 @@
1297
1297
  --alpha-color-surface-normal: var(--alpha-color-white-100);
1298
1298
  --alpha-color-surface-normal-hovered: #edededff;
1299
1299
  --alpha-color-shadow-xlarge: var(--alpha-color-black-30);
1300
- --alpha-color-shadow-xlarge-hovered: #1414144d;
1300
+ --alpha-color-shadow-xlarge-hovered: #1c1c1c4d;
1301
1301
  --alpha-color-shadow-large: var(--alpha-color-black-22);
1302
- --alpha-color-shadow-large-hovered: #14141438;
1302
+ --alpha-color-shadow-large-hovered: #1c1c1c38;
1303
1303
  --alpha-color-shadow-medium: var(--alpha-color-black-15);
1304
- --alpha-color-shadow-medium-hovered: #14141439;
1304
+ --alpha-color-shadow-medium-hovered: #1c1c1c39;
1305
1305
  --alpha-color-shadow-small: var(--alpha-color-black-8);
1306
- --alpha-color-shadow-small-hovered: #1414141e;
1306
+ --alpha-color-shadow-small-hovered: #1c1c1c1e;
1307
1307
  --alpha-color-shadow-base: var(--alpha-color-black-5);
1308
- --alpha-color-shadow-base-hovered: #14141414;
1308
+ --alpha-color-shadow-base-hovered: #1c1c1c14;
1309
1309
  --alpha-color-shadow-base-inner: var(--alpha-color-white-12);
1310
1310
  --alpha-color-shadow-base-inner-hovered: #ededed2f;
1311
1311
  --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest);
1312
- --alpha-color-dim-black-light-hovered: #1414144d;
1312
+ --alpha-color-dim-black-light-hovered: #1c1c1c4d;
1313
1313
  --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter);
1314
- --alpha-color-dim-black-normal-hovered: #14141466;
1314
+ --alpha-color-dim-black-normal-hovered: #1c1c1c66;
1315
1315
  --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal);
1316
1316
  --alpha-color-primary-bg-normal-hovered: #5551fcff;
1317
1317
  --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light);
package/dist/alpha/esm/darkTheme.mjs CHANGED
@@ -18,17 +18,17 @@ export default Object.freeze({
18
18
  }),
19
19
  "color": Object.freeze({
20
20
  "alpha-color-fg-black-pure": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
21
- "alpha-color-fg-black-pure-hovered": Object.freeze({"value":"#c8c8c8ff"}),
21
+ "alpha-color-fg-black-pure-hovered": Object.freeze({"value":"#edededff"}),
22
22
  "alpha-color-fg-black-darkest": Object.freeze({"value":"#ffffffcc","ref":"alpha-color-white-80"}),
23
- "alpha-color-fg-black-darkest-hovered": Object.freeze({"value":"#c8c8c8cc"}),
23
+ "alpha-color-fg-black-darkest-hovered": Object.freeze({"value":"#edededcc"}),
24
24
  "alpha-color-fg-black-darker": Object.freeze({"value":"#ffffff99","ref":"alpha-color-white-60"}),
25
- "alpha-color-fg-black-darker-hovered": Object.freeze({"value":"#c8c8c899"}),
25
+ "alpha-color-fg-black-darker-hovered": Object.freeze({"value":"#ededed99"}),
26
26
  "alpha-color-fg-black-dark": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
27
- "alpha-color-fg-black-dark-hovered": Object.freeze({"value":"#c8c8c866"}),
27
+ "alpha-color-fg-black-dark-hovered": Object.freeze({"value":"#ededed66"}),
28
28
  "alpha-color-fg-black-light": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
29
- "alpha-color-fg-black-light-hovered": Object.freeze({"value":"#c8c8c84d"}),
29
+ "alpha-color-fg-black-light-hovered": Object.freeze({"value":"#ededed4d"}),
30
30
  "alpha-color-fg-black-lightest": Object.freeze({"value":"#ffffff1f","ref":"alpha-color-white-12"}),
31
- "alpha-color-fg-black-lightest-hovered": Object.freeze({"value":"#c8c8c82f"}),
31
+ "alpha-color-fg-black-lightest-hovered": Object.freeze({"value":"#ededed2f"}),
32
32
  "alpha-color-fg-white-normal": Object.freeze({"value":"#242428","ref":"alpha-color-grey-900"}),
33
33
  "alpha-color-fg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff"}),
34
34
  "alpha-color-fg-blue-normal": Object.freeze({"value":"#7d9efa","ref":"alpha-color-blue-300"}),
@@ -108,15 +108,15 @@ export default Object.freeze({
108
108
  "alpha-color-fg-absolute-black-lightest": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
109
109
  "alpha-color-fg-absolute-black-lightest-hovered": Object.freeze({"value":"#0a0a0a4d"}),
110
110
  "alpha-color-fg-absolute-white-dark": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
111
- "alpha-color-fg-absolute-white-dark-hovered": Object.freeze({"value":"#c8c8c8ff"}),
111
+ "alpha-color-fg-absolute-white-dark-hovered": Object.freeze({"value":"#edededff"}),
112
112
  "alpha-color-fg-absolute-white-normal": Object.freeze({"value":"#ffffffe6","ref":"alpha-color-white-90"}),
113
- "alpha-color-fg-absolute-white-normal-hovered": Object.freeze({"value":"#c8c8c8e6"}),
113
+ "alpha-color-fg-absolute-white-normal-hovered": Object.freeze({"value":"#ededede6"}),
114
114
  "alpha-color-fg-absolute-white-light": Object.freeze({"value":"#ffffff99","ref":"alpha-color-white-60"}),
115
- "alpha-color-fg-absolute-white-light-hovered": Object.freeze({"value":"#c8c8c899"}),
115
+ "alpha-color-fg-absolute-white-light-hovered": Object.freeze({"value":"#ededed99"}),
116
116
  "alpha-color-fg-absolute-white-lighter": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
117
- "alpha-color-fg-absolute-white-lighter-hovered": Object.freeze({"value":"#c8c8c866"}),
117
+ "alpha-color-fg-absolute-white-lighter-hovered": Object.freeze({"value":"#ededed66"}),
118
118
  "alpha-color-fg-absolute-white-lightest": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
119
- "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#c8c8c84d"}),
119
+ "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#ededed4d"}),
120
120
  "alpha-color-fg-grey-dark": Object.freeze({"value":"#a7a7aa","ref":"alpha-color-grey-500"}),
121
121
  "alpha-color-fg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff"}),
122
122
  "alpha-color-fg-grey-normal": Object.freeze({"value":"#7b7b7b","ref":"alpha-color-grey-600"}),
@@ -136,19 +136,19 @@ export default Object.freeze({
136
136
  "alpha-color-bg-black-darkest": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
137
137
  "alpha-color-bg-black-darkest-hovered": Object.freeze({"value":"#0a0a0a99"}),
138
138
  "alpha-color-bg-black-darker": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
139
- "alpha-color-bg-black-darker-hovered": Object.freeze({"value":"#c8c8c866"}),
139
+ "alpha-color-bg-black-darker-hovered": Object.freeze({"value":"#ededed66"}),
140
140
  "alpha-color-bg-black-dark": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
141
- "alpha-color-bg-black-dark-hovered": Object.freeze({"value":"#c8c8c84d"}),
141
+ "alpha-color-bg-black-dark-hovered": Object.freeze({"value":"#ededed4d"}),
142
142
  "alpha-color-bg-black-light": Object.freeze({"value":"#ffffff1f","ref":"alpha-color-white-12"}),
143
- "alpha-color-bg-black-light-hovered": Object.freeze({"value":"#c8c8c82f"}),
143
+ "alpha-color-bg-black-light-hovered": Object.freeze({"value":"#ededed2f"}),
144
144
  "alpha-color-bg-black-lighter": Object.freeze({"value":"#ffffff14","ref":"alpha-color-white-8"}),
145
- "alpha-color-bg-black-lighter-hovered": Object.freeze({"value":"#c8c8c81e"}),
145
+ "alpha-color-bg-black-lighter-hovered": Object.freeze({"value":"#ededed1e"}),
146
146
  "alpha-color-bg-black-lightest": Object.freeze({"value":"#ffffff0d","ref":"alpha-color-white-5"}),
147
- "alpha-color-bg-black-lightest-hovered": Object.freeze({"value":"#c8c8c814"}),
147
+ "alpha-color-bg-black-lightest-hovered": Object.freeze({"value":"#ededed14"}),
148
148
  "alpha-color-bg-black-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
149
- "alpha-color-bg-black-transparent-hovered": Object.freeze({"value":"#ffffff1a"}),
149
+ "alpha-color-bg-black-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
150
150
  "alpha-color-bg-grey-darkest": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
151
- "alpha-color-bg-grey-darkest-hovered": Object.freeze({"value":"#c8c8c8ff"}),
151
+ "alpha-color-bg-grey-darkest-hovered": Object.freeze({"value":"#edededff"}),
152
152
  "alpha-color-bg-grey-dark": Object.freeze({"value":"#a7a7aa","ref":"alpha-color-grey-500"}),
153
153
  "alpha-color-bg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff"}),
154
154
  "alpha-color-bg-grey-light": Object.freeze({"value":"#464748","ref":"alpha-color-grey-700"}),
@@ -158,7 +158,7 @@ export default Object.freeze({
158
158
  "alpha-color-bg-grey-lightest": Object.freeze({"value":"#2a2b2d","ref":"alpha-color-grey-850"}),
159
159
  "alpha-color-bg-grey-lightest-hovered": Object.freeze({"value":"#343538ff"}),
160
160
  "alpha-color-bg-grey-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
161
- "alpha-color-bg-grey-transparent-hovered": Object.freeze({"value":"#ffffff1a"}),
161
+ "alpha-color-bg-grey-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
162
162
  "alpha-color-bg-grey-grey-alpha-darkest": Object.freeze({"value":"#464748cc","ref":"alpha-color-grey-alpha-700-80"}),
163
163
  "alpha-color-bg-grey-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc"}),
164
164
  "alpha-color-bg-grey-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
@@ -176,7 +176,7 @@ export default Object.freeze({
176
176
  "alpha-color-bg-white-normal": Object.freeze({"value":"#242428","ref":"alpha-color-grey-900"}),
177
177
  "alpha-color-bg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff"}),
178
178
  "alpha-color-bg-white-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
179
- "alpha-color-bg-white-transparent-hovered": Object.freeze({"value":"#ffffff1a"}),
179
+ "alpha-color-bg-white-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
180
180
  "alpha-color-bg-white-white-alpha-lightest": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
181
181
  "alpha-color-bg-white-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc"}),
182
182
  "alpha-color-bg-white-white-alpha-lighter": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
@@ -184,7 +184,7 @@ export default Object.freeze({
184
184
  "alpha-color-bg-white-white-alpha-light": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
185
185
  "alpha-color-bg-white-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
186
186
  "alpha-color-bg-white-white-alpha-transparent": Object.freeze({"value":"#00000000","ref":"alpha-color-black-0"}),
187
- "alpha-color-bg-white-white-alpha-transparent-hovered": Object.freeze({"value":"#0000001a"}),
187
+ "alpha-color-bg-white-white-alpha-transparent-hovered": Object.freeze({"value":"#0000000d"}),
188
188
  "alpha-color-bg-blue-normal": Object.freeze({"value":"#7d9efa","ref":"alpha-color-blue-300"}),
189
189
  "alpha-color-bg-blue-normal-hovered": Object.freeze({"value":"#93aefbff"}),
190
190
  "alpha-color-bg-blue-light": Object.freeze({"value":"#7d9efa73","ref":"alpha-color-blue-300-45"}),
@@ -263,8 +263,8 @@ export default Object.freeze({
263
263
  "alpha-color-bg-green-shade-lighter-hovered": Object.freeze({"value":"#4f8d6766"}),
264
264
  "alpha-color-bg-green-shade-normal": Object.freeze({"value":"#4c7a5e","ref":"alpha-color-shade-green-600"}),
265
265
  "alpha-color-bg-green-shade-normal-hovered": Object.freeze({"value":"#4f8d67ff"}),
266
- "alpha-color-bg-green-transparent": Object.freeze({"value":"#68cc7f26","ref":"alpha-color-green-300-0"}),
267
- "alpha-color-bg-green-transparent-hovered": Object.freeze({"value":"#74d68b39"}),
266
+ "alpha-color-bg-green-transparent": Object.freeze({"value":"#68cc7f00","ref":"alpha-color-green-300-0"}),
267
+ "alpha-color-bg-green-transparent-hovered": Object.freeze({"value":"#68cc7f1a"}),
268
268
  "alpha-color-bg-teal-normal": Object.freeze({"value":"#40d3c5","ref":"alpha-color-teal-300"}),
269
269
  "alpha-color-bg-teal-normal-hovered": Object.freeze({"value":"#4cdccfff"}),
270
270
  "alpha-color-bg-teal-light": Object.freeze({"value":"#40d3c573","ref":"alpha-color-teal-300-45"}),
@@ -372,19 +372,19 @@ export default Object.freeze({
372
372
  "alpha-color-bg-absolute-black-lightest": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
373
373
  "alpha-color-bg-absolute-black-lightest-hovered": Object.freeze({"value":"#0a0a0a4d"}),
374
374
  "alpha-color-bg-absolute-black-transparent": Object.freeze({"value":"#00000000","ref":"alpha-color-black-0"}),
375
- "alpha-color-bg-absolute-black-transparent-hovered": Object.freeze({"value":"#0000001a"}),
375
+ "alpha-color-bg-absolute-black-transparent-hovered": Object.freeze({"value":"#0000000d"}),
376
376
  "alpha-color-bg-absolute-white-dark": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
377
- "alpha-color-bg-absolute-white-dark-hovered": Object.freeze({"value":"#c8c8c8ff"}),
377
+ "alpha-color-bg-absolute-white-dark-hovered": Object.freeze({"value":"#edededff"}),
378
378
  "alpha-color-bg-absolute-white-normal": Object.freeze({"value":"#ffffffe6","ref":"alpha-color-white-90"}),
379
- "alpha-color-bg-absolute-white-normal-hovered": Object.freeze({"value":"#c8c8c8e6"}),
379
+ "alpha-color-bg-absolute-white-normal-hovered": Object.freeze({"value":"#ededede6"}),
380
380
  "alpha-color-bg-absolute-white-light": Object.freeze({"value":"#ffffff99","ref":"alpha-color-white-60"}),
381
- "alpha-color-bg-absolute-white-light-hovered": Object.freeze({"value":"#c8c8c899"}),
381
+ "alpha-color-bg-absolute-white-light-hovered": Object.freeze({"value":"#ededed99"}),
382
382
  "alpha-color-bg-absolute-white-lighter": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
383
- "alpha-color-bg-absolute-white-lighter-hovered": Object.freeze({"value":"#c8c8c866"}),
383
+ "alpha-color-bg-absolute-white-lighter-hovered": Object.freeze({"value":"#ededed66"}),
384
384
  "alpha-color-bg-absolute-white-lightest": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
385
- "alpha-color-bg-absolute-white-lightest-hovered": Object.freeze({"value":"#c8c8c84d"}),
385
+ "alpha-color-bg-absolute-white-lightest-hovered": Object.freeze({"value":"#ededed4d"}),
386
386
  "alpha-color-bg-absolute-white-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
387
- "alpha-color-bg-absolute-white-transparent-hovered": Object.freeze({"value":"#ffffff1a"}),
387
+ "alpha-color-bg-absolute-white-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
388
388
  "alpha-color-surface-lowest": Object.freeze({"value":"#313234","ref":"alpha-color-grey-800"}),
389
389
  "alpha-color-surface-lowest-hovered": Object.freeze({"value":"#3b3c3fff"}),
390
390
  "alpha-color-surface-lower": Object.freeze({"value":"#2a2b2d","ref":"alpha-color-grey-850"}),
@@ -402,7 +402,7 @@ export default Object.freeze({
402
402
  "alpha-color-shadow-base": Object.freeze({"value":"#00000014","ref":"alpha-color-black-8"}),
403
403
  "alpha-color-shadow-base-hovered": Object.freeze({"value":"#0a0a0a1e"}),
404
404
  "alpha-color-shadow-base-inner": Object.freeze({"value":"#ffffff14","ref":"alpha-color-white-8"}),
405
- "alpha-color-shadow-base-inner-hovered": Object.freeze({"value":"#c8c8c81e"}),
405
+ "alpha-color-shadow-base-inner-hovered": Object.freeze({"value":"#ededed1e"}),
406
406
  "alpha-color-dim-black-light": Object.freeze({"value":"#00000033","ref":"alpha-color-bg-absolute-black-lightest"}),
407
407
  "alpha-color-dim-black-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
408
408
  "alpha-color-dim-black-normal": Object.freeze({"value":"#00000066","ref":"alpha-color-bg-absolute-black-lighter"}),
package/dist/alpha/esm/global.mjs CHANGED
@@ -41,7 +41,7 @@ export default Object.freeze({
41
41
  "alpha-color-green-300-45": Object.freeze({"value":"#68cc7f73"}),
42
42
  "alpha-color-green-300-30": Object.freeze({"value":"#68cc7f4d"}),
43
43
  "alpha-color-green-300-15": Object.freeze({"value":"#68cc7f26"}),
44
- "alpha-color-green-300-0": Object.freeze({"value":"#68cc7f26"}),
44
+ "alpha-color-green-300-0": Object.freeze({"value":"#68cc7f00"}),
45
45
  "alpha-color-red-100": Object.freeze({"value":"#ffb8b8"}),
46
46
  "alpha-color-red-200": Object.freeze({"value":"#ffa6a6"}),
47
47
  "alpha-color-red-300": Object.freeze({"value":"#ff8c8c"}),