@channel.io/bezier-tokens 0.2.13 → 0.3.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 (22) hide show
  1. package/README.md +35 -10
  2. package/dist/alpha/cjs/darkTheme.js +6 -6
  3. package/dist/alpha/cjs/global.js +1 -0
  4. package/dist/alpha/css/styles.css +7 -6
  5. package/dist/alpha/esm/darkTheme.mjs +6 -6
  6. package/dist/alpha/esm/global.mjs +1 -0
  7. package/dist/alpha/scss/dark-theme.scss +628 -0
  8. package/dist/alpha/scss/global.scss +922 -0
  9. package/dist/alpha/scss/index.scss +9 -0
  10. package/dist/alpha/scss/light-theme.scss +628 -0
  11. package/dist/scss/dark-theme.scss +294 -0
  12. package/dist/scss/global.scss +530 -0
  13. package/dist/scss/index.scss +9 -0
  14. package/dist/scss/light-theme.scss +294 -0
  15. package/dist/types/alpha/cjs/darkTheme.d.ts +9 -9
  16. package/dist/types/alpha/cjs/global.d.ts +3 -0
  17. package/dist/types/alpha/cjs/index.d.ts +12 -9
  18. package/dist/types/alpha/esm/darkTheme.d.mts +9 -9
  19. package/dist/types/alpha/esm/global.d.mts +3 -0
  20. package/dist/types/alpha/esm/index.d.mts +12 -9
  21. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  22. package/package.json +12 -7
package/dist/alpha/scss/dark-theme.scss ADDED
@@ -0,0 +1,628 @@
1
+
2
+ $alpha-gradient-fg-black: linear-gradient(90deg, #ffffff1f 0%, #ffffff33 100%) !default;
3
+ $alpha-shadow-1: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 1px 2px 0 #00000026 !default;
4
+ $alpha-shadow-2: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 2px 6px 0 #00000026 !default;
5
+ $alpha-shadow-3: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 16px 0 #00000033 !default;
6
+ $alpha-shadow-4: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 24px 0 #00000066 !default;
7
+ $alpha-shadow-5: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 6px 40px 0 #00000099 !default;
8
+ $alpha-shadow-6: inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 12px 60px 4px #00000099 !default;
9
+ $alpha-shadow-error: 0 0 0 1px #ffa15e !default;
10
+ $alpha-shadow-active: 0 0 0 1px #7d9efa !default;
11
+ $alpha-shadow-input-default: inset 0 0 0 1px #00000033, 0 0 2px 0 #00000014 !default;
12
+ $alpha-shadow-input-hover: inset 0 0 0 1px #7d9efa, 0 0 6px 0 #00000014 !default;
13
+ $alpha-shadow-input-active: inset 0 0 0 1px #7d9efa, 0 0 0 3px #7d9efa73, 0 0 6px 0 #00000014 !default;
14
+ $alpha-shadow-input-error: inset 0 0 0 1px #ffa15e, 0 0 0 3px #ffa15e73, 0 0 6px 0 #00000014 !default;
15
+ $alpha-color-fg-black-pure: #ffffff !default;
16
+ $alpha-color-fg-black-darkest: #ffffffcc !default;
17
+ $alpha-color-fg-black-darker: #ffffff99 !default;
18
+ $alpha-color-fg-black-dark: #ffffff66 !default;
19
+ $alpha-color-fg-black-light: #ffffff33 !default;
20
+ $alpha-color-fg-black-lightest: #ffffff1f !default;
21
+ $alpha-color-fg-white-normal: #242428 !default;
22
+ $alpha-color-fg-blue-normal: #7d9efa !default;
23
+ $alpha-color-fg-blue-light: #7d9efa73 !default;
24
+ $alpha-color-fg-blue-dark: #7d9efa !default;
25
+ $alpha-color-fg-cobalt-normal: #71b9f5 !default;
26
+ $alpha-color-fg-cobalt-light: #71b9f573 !default;
27
+ $alpha-color-fg-cobalt-dark: #71b9f5 !default;
28
+ $alpha-color-fg-red-normal: #ff8c8c !default;
29
+ $alpha-color-fg-red-light: #ff8c8c73 !default;
30
+ $alpha-color-fg-red-dark: #ff8c8c !default;
31
+ $alpha-color-fg-orange-normal: #ffa15e !default;
32
+ $alpha-color-fg-orange-light: #ffa15e73 !default;
33
+ $alpha-color-fg-orange-dark: #ffa15e !default;
34
+ $alpha-color-fg-green-normal: #68cc7f !default;
35
+ $alpha-color-fg-green-light: #68cc7f73 !default;
36
+ $alpha-color-fg-green-dark: #68cc7f !default;
37
+ $alpha-color-fg-teal-normal: #40d3c5 !default;
38
+ $alpha-color-fg-teal-light: #40d3c573 !default;
39
+ $alpha-color-fg-teal-dark: #40d3c5 !default;
40
+ $alpha-color-fg-olive-normal: #c8d630 !default;
41
+ $alpha-color-fg-olive-light: #c8d63073 !default;
42
+ $alpha-color-fg-olive-dark: #c8d630 !default;
43
+ $alpha-color-fg-yellow-normal: #f9c835 !default;
44
+ $alpha-color-fg-yellow-light: #f9c83573 !default;
45
+ $alpha-color-fg-yellow-dark: #f9c835 !default;
46
+ $alpha-color-fg-pink-normal: #ec6fd3 !default;
47
+ $alpha-color-fg-pink-light: #ec6fd373 !default;
48
+ $alpha-color-fg-pink-dark: #ec6fd3 !default;
49
+ $alpha-color-fg-purple-normal: #b184ff !default;
50
+ $alpha-color-fg-purple-light: #b184ff73 !default;
51
+ $alpha-color-fg-purple-dark: #b184ff !default;
52
+ $alpha-color-fg-navy-normal: #7683d3 !default;
53
+ $alpha-color-fg-navy-light: #7683d373 !default;
54
+ $alpha-color-fg-navy-dark: #7683d3 !default;
55
+ $alpha-color-fg-absolute-black-dark: #000000 !default;
56
+ $alpha-color-fg-absolute-black-normal: #000000d9 !default;
57
+ $alpha-color-fg-absolute-black-light: #00000099 !default;
58
+ $alpha-color-fg-absolute-black-lighter: #00000066 !default;
59
+ $alpha-color-fg-absolute-black-lightest: #00000033 !default;
60
+ $alpha-color-fg-absolute-white-dark: #ffffff !default;
61
+ $alpha-color-fg-absolute-white-normal: #ffffffe6 !default;
62
+ $alpha-color-fg-absolute-white-light: #ffffff99 !default;
63
+ $alpha-color-fg-absolute-white-lighter: #ffffff66 !default;
64
+ $alpha-color-fg-absolute-white-lightest: #ffffff33 !default;
65
+ $alpha-color-fg-grey-darkest: #ffffff !default;
66
+ $alpha-color-fg-grey-dark: #a7a7aa !default;
67
+ $alpha-color-fg-grey-normal: #7b7b7b !default;
68
+ $alpha-color-fg-grey-light: #464748 !default;
69
+ $alpha-color-fg-grey-lighter: #313234 !default;
70
+ $alpha-color-fg-grey-lightest: #2a2b2d !default;
71
+ $alpha-color-fg-grey-alpha-darker: #313234e6 !default;
72
+ $alpha-color-fg-grey-alpha-dark: #313234cc !default;
73
+ $alpha-color-fg-grey-alpha-light: #2a2b2dcc !default;
74
+ $alpha-color-bg-black-darkest: #00000099 !default;
75
+ $alpha-color-bg-black-darker: #ffffff66 !default;
76
+ $alpha-color-bg-black-dark: #ffffff33 !default;
77
+ $alpha-color-bg-black-light: #ffffff1f !default;
78
+ $alpha-color-bg-black-lighter: #ffffff14 !default;
79
+ $alpha-color-bg-black-lightest: #ffffff0d !default;
80
+ $alpha-color-bg-black-transparent: #ffffff00 !default;
81
+ $alpha-color-bg-grey-darkest: #ffffff !default;
82
+ $alpha-color-bg-grey-dark: #a7a7aa !default;
83
+ $alpha-color-bg-grey-light: #464748 !default;
84
+ $alpha-color-bg-grey-lighter: #313234 !default;
85
+ $alpha-color-bg-grey-lightest: #2a2b2d !default;
86
+ $alpha-color-bg-grey-transparent: #ffffff00 !default;
87
+ $alpha-color-bg-grey-normal: #7b7b7b !default;
88
+ $alpha-color-bg-grey-alpha-darkest: #464748cc !default;
89
+ $alpha-color-bg-grey-alpha-darker: #313234e6 !default;
90
+ $alpha-color-bg-grey-alpha-dark: #313234cc !default;
91
+ $alpha-color-bg-grey-alpha-light: #2a2b2dcc !default;
92
+ $alpha-color-bg-white-highest: #464748 !default;
93
+ $alpha-color-bg-white-higher: #313234 !default;
94
+ $alpha-color-bg-white-normal: #242428 !default;
95
+ $alpha-color-bg-white-transparent: #ffffff00 !default;
96
+ $alpha-color-bg-white-alpha-lightest: #313234cc !default;
97
+ $alpha-color-bg-white-alpha-lighter: #00000099 !default;
98
+ $alpha-color-bg-white-alpha-light: #00000033 !default;
99
+ $alpha-color-bg-white-alpha-transparent: #00000000 !default;
100
+ $alpha-color-bg-blue-normal: #7d9efa !default;
101
+ $alpha-color-bg-blue-light: #7d9efa73 !default;
102
+ $alpha-color-bg-blue-lighter: #7d9efa4d !default;
103
+ $alpha-color-bg-blue-lightest: #7d9efa26 !default;
104
+ $alpha-color-bg-blue-dark: #6d6afc !default;
105
+ $alpha-color-bg-blue-shade-lighter: #4c528966 !default;
106
+ $alpha-color-bg-blue-shade-normal: #4c5289 !default;
107
+ $alpha-color-bg-blue-transparent: #7d9efa00 !default;
108
+ $alpha-color-bg-cobalt-normal: #71b9f5 !default;
109
+ $alpha-color-bg-cobalt-light: #71b9f573 !default;
110
+ $alpha-color-bg-cobalt-lighter: #71b9f54d !default;
111
+ $alpha-color-bg-cobalt-lightest: #71b9f526 !default;
112
+ $alpha-color-bg-cobalt-dark: #5093e5 !default;
113
+ $alpha-color-bg-cobalt-shade-lighter: #4a618566 !default;
114
+ $alpha-color-bg-cobalt-shade-normal: #4a6185 !default;
115
+ $alpha-color-bg-cobalt-transparent: #71b9f500 !default;
116
+ $alpha-color-bg-red-normal: #ff8c8c !default;
117
+ $alpha-color-bg-red-light: #ff8c8c73 !default;
118
+ $alpha-color-bg-red-lighter: #ff8c8c4d !default;
119
+ $alpha-color-bg-red-lightest: #ff8c8c26 !default;
120
+ $alpha-color-bg-red-dark: #e55c5c !default;
121
+ $alpha-color-bg-red-shade-lighter: #90424866 !default;
122
+ $alpha-color-bg-red-shade-normal: #904248 !default;
123
+ $alpha-color-bg-red-transparent: #ff8c8c00 !default;
124
+ $alpha-color-bg-orange-normal: #ffa15e !default;
125
+ $alpha-color-bg-orange-light: #ffa15e73 !default;
126
+ $alpha-color-bg-orange-lighter: #ffa15e4d !default;
127
+ $alpha-color-bg-orange-lightest: #ffa15e26 !default;
128
+ $alpha-color-bg-orange-dark: #e67f2b !default;
129
+ $alpha-color-bg-orange-shade-lighter: #895a3466 !default;
130
+ $alpha-color-bg-orange-shade-normal: #895a34 !default;
131
+ $alpha-color-bg-orange-transparent: #ffa15e00 !default;
132
+ $alpha-color-bg-green-normal: #68cc7f !default;
133
+ $alpha-color-bg-green-light: #68cc7f73 !default;
134
+ $alpha-color-bg-green-lighter: #68cc7f4d !default;
135
+ $alpha-color-bg-green-lightest: #68cc7f26 !default;
136
+ $alpha-color-bg-green-dark: #40ad67 !default;
137
+ $alpha-color-bg-green-shade-lighter: #4c7a5e66 !default;
138
+ $alpha-color-bg-green-shade-normal: #4c7a5e !default;
139
+ $alpha-color-bg-green-transparent: #68cc7f00 !default;
140
+ $alpha-color-bg-teal-normal: #40d3c5 !default;
141
+ $alpha-color-bg-teal-light: #40d3c573 !default;
142
+ $alpha-color-bg-teal-lighter: #40d3c54d !default;
143
+ $alpha-color-bg-teal-lightest: #40d3c526 !default;
144
+ $alpha-color-bg-teal-dark: #09b2ac !default;
145
+ $alpha-color-bg-teal-shade-lighter: #47737d66 !default;
146
+ $alpha-color-bg-teal-shade-normal: #47737d !default;
147
+ $alpha-color-bg-teal-transparent: #40d3c500 !default;
148
+ $alpha-color-bg-olive-normal: #c8d630 !default;
149
+ $alpha-color-bg-olive-light: #c8d63073 !default;
150
+ $alpha-color-bg-olive-lighter: #c8d6304d !default;
151
+ $alpha-color-bg-olive-lightest: #c8d63026 !default;
152
+ $alpha-color-bg-olive-dark: #a9b110 !default;
153
+ $alpha-color-bg-olive-shade-lighter: #73763866 !default;
154
+ $alpha-color-bg-olive-shade-normal: #737638 !default;
155
+ $alpha-color-bg-olive-transparent: #c8d63000 !default;
156
+ $alpha-color-bg-yellow-normal: #f9c835 !default;
157
+ $alpha-color-bg-yellow-light: #f9c83573 !default;
158
+ $alpha-color-bg-yellow-lighter: #f9c8354d !default;
159
+ $alpha-color-bg-yellow-lightest: #f9c83526 !default;
160
+ $alpha-color-bg-yellow-dark: #edae0d !default;
161
+ $alpha-color-bg-yellow-shade-lighter: #7d6a2666 !default;
162
+ $alpha-color-bg-yellow-shade-normal: #7d6a26 !default;
163
+ $alpha-color-bg-yellow-transparent: #f9c83500 !default;
164
+ $alpha-color-bg-pink-normal: #ec6fd3 !default;
165
+ $alpha-color-bg-pink-light: #ec6fd373 !default;
166
+ $alpha-color-bg-pink-lighter: #ec6fd34d !default;
167
+ $alpha-color-bg-pink-lightest: #ec6fd326 !default;
168
+ $alpha-color-bg-pink-dark: #d64bb5 !default;
169
+ $alpha-color-bg-pink-shade-lighter: #85407566 !default;
170
+ $alpha-color-bg-pink-shade-normal: #854075 !default;
171
+ $alpha-color-bg-pink-transparent: #ec6fd300 !default;
172
+ $alpha-color-bg-purple-normal: #b184ff !default;
173
+ $alpha-color-bg-purple-light: #b184ff73 !default;
174
+ $alpha-color-bg-purple-lighter: #b184ff4d !default;
175
+ $alpha-color-bg-purple-lightest: #b184ff26 !default;
176
+ $alpha-color-bg-purple-dark: #8e57e7 !default;
177
+ $alpha-color-bg-purple-shade-lighter: #5b467d66 !default;
178
+ $alpha-color-bg-purple-shade-normal: #5b467d !default;
179
+ $alpha-color-bg-purple-transparent: #b184ff00 !default;
180
+ $alpha-color-bg-navy-normal: #7683d3 !default;
181
+ $alpha-color-bg-navy-light: #7683d373 !default;
182
+ $alpha-color-bg-navy-lighter: #7683d34d !default;
183
+ $alpha-color-bg-navy-lightest: #7683d326 !default;
184
+ $alpha-color-bg-navy-dark: #424fab !default;
185
+ $alpha-color-bg-navy-shade-lighter: #373b5666 !default;
186
+ $alpha-color-bg-navy-shade-normal: #373b56 !default;
187
+ $alpha-color-bg-navy-transparent: #7683d300 !default;
188
+ $alpha-color-bg-absolute-black-dark: #000000 !default;
189
+ $alpha-color-bg-absolute-black-normal: #000000d9 !default;
190
+ $alpha-color-bg-absolute-black-light: #00000099 !default;
191
+ $alpha-color-bg-absolute-black-lighter: #00000066 !default;
192
+ $alpha-color-bg-absolute-black-lightest: #00000033 !default;
193
+ $alpha-color-bg-absolute-black-transparent: #00000000 !default;
194
+ $alpha-color-bg-absolute-white-dark: #ffffff !default;
195
+ $alpha-color-bg-absolute-white-normal: #ffffffe6 !default;
196
+ $alpha-color-bg-absolute-white-light: #ffffff99 !default;
197
+ $alpha-color-bg-absolute-white-lighter: #ffffff66 !default;
198
+ $alpha-color-bg-absolute-white-lightest: #ffffff33 !default;
199
+ $alpha-color-bg-absolute-white-transparent: #ffffff00 !default;
200
+ $alpha-color-surface-lowest: #2a2b2d !default;
201
+ $alpha-color-surface-lower: #242428 !default;
202
+ $alpha-color-surface-normal: #1a1a1c !default;
203
+ $alpha-color-shadow-xlarge: #00000099 !default;
204
+ $alpha-color-shadow-large: #00000066 !default;
205
+ $alpha-color-shadow-medium: #00000033 !default;
206
+ $alpha-color-shadow-small: #00000026 !default;
207
+ $alpha-color-shadow-base: #00000014 !default;
208
+ $alpha-color-shadow-base-inner: #ffffff14 !default;
209
+ $alpha-color-dim-black-light: #00000033 !default;
210
+ $alpha-color-dim-black-normal: #00000066 !default;
211
+ $alpha-color-primary-bg-normal: #7d9efa !default;
212
+ $alpha-color-primary-bg-light: #7d9efa73 !default;
213
+ $alpha-color-primary-bg-lighter: #7d9efa4d !default;
214
+ $alpha-color-primary-bg-lightest: #7d9efa26 !default;
215
+ $alpha-color-primary-bg-dark: #6d6afc !default;
216
+ $alpha-color-primary-fg-normal: #7d9efa !default;
217
+ $alpha-color-primary-fg-light: #7d9efa73 !default;
218
+ $alpha-color-primary-fg-dark: #7d9efa !default;
219
+ $alpha-color-critical-bg-dark: #e55c5c !default;
220
+ $alpha-color-critical-bg-normal: #ff8c8c !default;
221
+ $alpha-color-critical-bg-light: #ff8c8c73 !default;
222
+ $alpha-color-critical-bg-lighter: #ff8c8c4d !default;
223
+ $alpha-color-critical-bg-lightest: #ff8c8c26 !default;
224
+ $alpha-color-critical-fg-normal: #ff8c8c !default;
225
+ $alpha-color-critical-fg-light: #ff8c8c73 !default;
226
+ $alpha-color-critical-fg-dark: #ff8c8c !default;
227
+ $alpha-color-warning-bg-dark: #e67f2b !default;
228
+ $alpha-color-warning-bg-normal: #ffa15e !default;
229
+ $alpha-color-warning-bg-light: #ffa15e73 !default;
230
+ $alpha-color-warning-bg-lighter: #ffa15e4d !default;
231
+ $alpha-color-warning-bg-lightest: #ffa15e26 !default;
232
+ $alpha-color-warning-fg-normal: #ffa15e !default;
233
+ $alpha-color-warning-fg-light: #ffa15e73 !default;
234
+ $alpha-color-warning-fg-dark: #ffa15e !default;
235
+ $alpha-color-accent-bg-dark: #5093e5 !default;
236
+ $alpha-color-accent-bg-normal: #71b9f5 !default;
237
+ $alpha-color-accent-bg-light: #71b9f573 !default;
238
+ $alpha-color-accent-bg-lighter: #71b9f54d !default;
239
+ $alpha-color-accent-bg-lightest: #71b9f526 !default;
240
+ $alpha-color-accent-fg-normal: #71b9f5 !default;
241
+ $alpha-color-accent-fg-light: #71b9f573 !default;
242
+ $alpha-color-accent-fg-dark: #71b9f5 !default;
243
+ $alpha-color-success-bg-dark: #40ad67 !default;
244
+ $alpha-color-success-bg-normal: #68cc7f !default;
245
+ $alpha-color-success-bg-light: #68cc7f73 !default;
246
+ $alpha-color-success-bg-lighter: #68cc7f4d !default;
247
+ $alpha-color-success-bg-lightest: #68cc7f26 !default;
248
+ $alpha-color-success-fg-normal: #68cc7f !default;
249
+ $alpha-color-success-fg-light: #68cc7f73 !default;
250
+ $alpha-color-success-fg-dark: #68cc7f !default;
251
+
252
+ $tokens: (
253
+ 'gradient': (
254
+ 'fg': (
255
+ 'black': $alpha-gradient-fg-black
256
+ )
257
+ ),
258
+ 'shadow': (
259
+ '1': $alpha-shadow-1,
260
+ '2': $alpha-shadow-2,
261
+ '3': $alpha-shadow-3,
262
+ '4': $alpha-shadow-4,
263
+ '5': $alpha-shadow-5,
264
+ '6': $alpha-shadow-6,
265
+ 'error': $alpha-shadow-error,
266
+ 'active': $alpha-shadow-active,
267
+ 'input': (
268
+ 'default': $alpha-shadow-input-default,
269
+ 'hover': $alpha-shadow-input-hover,
270
+ 'active': $alpha-shadow-input-active,
271
+ 'error': $alpha-shadow-input-error
272
+ )
273
+ ),
274
+ 'color': (
275
+ 'fg': (
276
+ 'black': (
277
+ 'pure': $alpha-color-fg-black-pure,
278
+ 'darkest': $alpha-color-fg-black-darkest,
279
+ 'darker': $alpha-color-fg-black-darker,
280
+ 'dark': $alpha-color-fg-black-dark,
281
+ 'light': $alpha-color-fg-black-light,
282
+ 'lightest': $alpha-color-fg-black-lightest
283
+ ),
284
+ 'white': (
285
+ 'normal': $alpha-color-fg-white-normal
286
+ ),
287
+ 'blue': (
288
+ 'normal': $alpha-color-fg-blue-normal,
289
+ 'light': $alpha-color-fg-blue-light,
290
+ 'dark': $alpha-color-fg-blue-dark
291
+ ),
292
+ 'cobalt': (
293
+ 'normal': $alpha-color-fg-cobalt-normal,
294
+ 'light': $alpha-color-fg-cobalt-light,
295
+ 'dark': $alpha-color-fg-cobalt-dark
296
+ ),
297
+ 'red': (
298
+ 'normal': $alpha-color-fg-red-normal,
299
+ 'light': $alpha-color-fg-red-light,
300
+ 'dark': $alpha-color-fg-red-dark
301
+ ),
302
+ 'orange': (
303
+ 'normal': $alpha-color-fg-orange-normal,
304
+ 'light': $alpha-color-fg-orange-light,
305
+ 'dark': $alpha-color-fg-orange-dark
306
+ ),
307
+ 'green': (
308
+ 'normal': $alpha-color-fg-green-normal,
309
+ 'light': $alpha-color-fg-green-light,
310
+ 'dark': $alpha-color-fg-green-dark
311
+ ),
312
+ 'teal': (
313
+ 'normal': $alpha-color-fg-teal-normal,
314
+ 'light': $alpha-color-fg-teal-light,
315
+ 'dark': $alpha-color-fg-teal-dark
316
+ ),
317
+ 'olive': (
318
+ 'normal': $alpha-color-fg-olive-normal,
319
+ 'light': $alpha-color-fg-olive-light,
320
+ 'dark': $alpha-color-fg-olive-dark
321
+ ),
322
+ 'yellow': (
323
+ 'normal': $alpha-color-fg-yellow-normal,
324
+ 'light': $alpha-color-fg-yellow-light,
325
+ 'dark': $alpha-color-fg-yellow-dark
326
+ ),
327
+ 'pink': (
328
+ 'normal': $alpha-color-fg-pink-normal,
329
+ 'light': $alpha-color-fg-pink-light,
330
+ 'dark': $alpha-color-fg-pink-dark
331
+ ),
332
+ 'purple': (
333
+ 'normal': $alpha-color-fg-purple-normal,
334
+ 'light': $alpha-color-fg-purple-light,
335
+ 'dark': $alpha-color-fg-purple-dark
336
+ ),
337
+ 'navy': (
338
+ 'normal': $alpha-color-fg-navy-normal,
339
+ 'light': $alpha-color-fg-navy-light,
340
+ 'dark': $alpha-color-fg-navy-dark
341
+ ),
342
+ 'absolute': (
343
+ 'black': (
344
+ 'dark': $alpha-color-fg-absolute-black-dark,
345
+ 'normal': $alpha-color-fg-absolute-black-normal,
346
+ 'light': $alpha-color-fg-absolute-black-light,
347
+ 'lighter': $alpha-color-fg-absolute-black-lighter,
348
+ 'lightest': $alpha-color-fg-absolute-black-lightest
349
+ ),
350
+ 'white': (
351
+ 'dark': $alpha-color-fg-absolute-white-dark,
352
+ 'normal': $alpha-color-fg-absolute-white-normal,
353
+ 'light': $alpha-color-fg-absolute-white-light,
354
+ 'lighter': $alpha-color-fg-absolute-white-lighter,
355
+ 'lightest': $alpha-color-fg-absolute-white-lightest
356
+ )
357
+ ),
358
+ 'grey': (
359
+ 'darkest': $alpha-color-fg-grey-darkest,
360
+ 'dark': $alpha-color-fg-grey-dark,
361
+ 'normal': $alpha-color-fg-grey-normal,
362
+ 'light': $alpha-color-fg-grey-light,
363
+ 'lighter': $alpha-color-fg-grey-lighter,
364
+ 'lightest': $alpha-color-fg-grey-lightest
365
+ ),
366
+ 'grey-alpha': (
367
+ 'darker': $alpha-color-fg-grey-alpha-darker,
368
+ 'dark': $alpha-color-fg-grey-alpha-dark,
369
+ 'light': $alpha-color-fg-grey-alpha-light
370
+ )
371
+ ),
372
+ 'bg': (
373
+ 'black': (
374
+ 'darkest': $alpha-color-bg-black-darkest,
375
+ 'darker': $alpha-color-bg-black-darker,
376
+ 'dark': $alpha-color-bg-black-dark,
377
+ 'light': $alpha-color-bg-black-light,
378
+ 'lighter': $alpha-color-bg-black-lighter,
379
+ 'lightest': $alpha-color-bg-black-lightest,
380
+ 'transparent': $alpha-color-bg-black-transparent
381
+ ),
382
+ 'grey': (
383
+ 'darkest': $alpha-color-bg-grey-darkest,
384
+ 'dark': $alpha-color-bg-grey-dark,
385
+ 'light': $alpha-color-bg-grey-light,
386
+ 'lighter': $alpha-color-bg-grey-lighter,
387
+ 'lightest': $alpha-color-bg-grey-lightest,
388
+ 'transparent': $alpha-color-bg-grey-transparent,
389
+ 'normal': $alpha-color-bg-grey-normal
390
+ ),
391
+ 'grey-alpha': (
392
+ 'darkest': $alpha-color-bg-grey-alpha-darkest,
393
+ 'darker': $alpha-color-bg-grey-alpha-darker,
394
+ 'dark': $alpha-color-bg-grey-alpha-dark,
395
+ 'light': $alpha-color-bg-grey-alpha-light
396
+ ),
397
+ 'white': (
398
+ 'highest': $alpha-color-bg-white-highest,
399
+ 'higher': $alpha-color-bg-white-higher,
400
+ 'normal': $alpha-color-bg-white-normal,
401
+ 'transparent': $alpha-color-bg-white-transparent
402
+ ),
403
+ 'white-alpha': (
404
+ 'lightest': $alpha-color-bg-white-alpha-lightest,
405
+ 'lighter': $alpha-color-bg-white-alpha-lighter,
406
+ 'light': $alpha-color-bg-white-alpha-light,
407
+ 'transparent': $alpha-color-bg-white-alpha-transparent
408
+ ),
409
+ 'blue': (
410
+ 'normal': $alpha-color-bg-blue-normal,
411
+ 'light': $alpha-color-bg-blue-light,
412
+ 'lighter': $alpha-color-bg-blue-lighter,
413
+ 'lightest': $alpha-color-bg-blue-lightest,
414
+ 'dark': $alpha-color-bg-blue-dark,
415
+ 'shade-lighter': $alpha-color-bg-blue-shade-lighter,
416
+ 'shade-normal': $alpha-color-bg-blue-shade-normal,
417
+ 'transparent': $alpha-color-bg-blue-transparent
418
+ ),
419
+ 'cobalt': (
420
+ 'normal': $alpha-color-bg-cobalt-normal,
421
+ 'light': $alpha-color-bg-cobalt-light,
422
+ 'lighter': $alpha-color-bg-cobalt-lighter,
423
+ 'lightest': $alpha-color-bg-cobalt-lightest,
424
+ 'dark': $alpha-color-bg-cobalt-dark,
425
+ 'shade-lighter': $alpha-color-bg-cobalt-shade-lighter,
426
+ 'shade-normal': $alpha-color-bg-cobalt-shade-normal,
427
+ 'transparent': $alpha-color-bg-cobalt-transparent
428
+ ),
429
+ 'red': (
430
+ 'normal': $alpha-color-bg-red-normal,
431
+ 'light': $alpha-color-bg-red-light,
432
+ 'lighter': $alpha-color-bg-red-lighter,
433
+ 'lightest': $alpha-color-bg-red-lightest,
434
+ 'dark': $alpha-color-bg-red-dark,
435
+ 'shade-lighter': $alpha-color-bg-red-shade-lighter,
436
+ 'shade-normal': $alpha-color-bg-red-shade-normal,
437
+ 'transparent': $alpha-color-bg-red-transparent
438
+ ),
439
+ 'orange': (
440
+ 'normal': $alpha-color-bg-orange-normal,
441
+ 'light': $alpha-color-bg-orange-light,
442
+ 'lighter': $alpha-color-bg-orange-lighter,
443
+ 'lightest': $alpha-color-bg-orange-lightest,
444
+ 'dark': $alpha-color-bg-orange-dark,
445
+ 'shade-lighter': $alpha-color-bg-orange-shade-lighter,
446
+ 'shade-normal': $alpha-color-bg-orange-shade-normal,
447
+ 'transparent': $alpha-color-bg-orange-transparent
448
+ ),
449
+ 'green': (
450
+ 'normal': $alpha-color-bg-green-normal,
451
+ 'light': $alpha-color-bg-green-light,
452
+ 'lighter': $alpha-color-bg-green-lighter,
453
+ 'lightest': $alpha-color-bg-green-lightest,
454
+ 'dark': $alpha-color-bg-green-dark,
455
+ 'shade-lighter': $alpha-color-bg-green-shade-lighter,
456
+ 'shade-normal': $alpha-color-bg-green-shade-normal,
457
+ 'transparent': $alpha-color-bg-green-transparent
458
+ ),
459
+ 'teal': (
460
+ 'normal': $alpha-color-bg-teal-normal,
461
+ 'light': $alpha-color-bg-teal-light,
462
+ 'lighter': $alpha-color-bg-teal-lighter,
463
+ 'lightest': $alpha-color-bg-teal-lightest,
464
+ 'dark': $alpha-color-bg-teal-dark,
465
+ 'shade-lighter': $alpha-color-bg-teal-shade-lighter,
466
+ 'shade-normal': $alpha-color-bg-teal-shade-normal,
467
+ 'transparent': $alpha-color-bg-teal-transparent
468
+ ),
469
+ 'olive': (
470
+ 'normal': $alpha-color-bg-olive-normal,
471
+ 'light': $alpha-color-bg-olive-light,
472
+ 'lighter': $alpha-color-bg-olive-lighter,
473
+ 'lightest': $alpha-color-bg-olive-lightest,
474
+ 'dark': $alpha-color-bg-olive-dark,
475
+ 'shade-lighter': $alpha-color-bg-olive-shade-lighter,
476
+ 'shade-normal': $alpha-color-bg-olive-shade-normal,
477
+ 'transparent': $alpha-color-bg-olive-transparent
478
+ ),
479
+ 'yellow': (
480
+ 'normal': $alpha-color-bg-yellow-normal,
481
+ 'light': $alpha-color-bg-yellow-light,
482
+ 'lighter': $alpha-color-bg-yellow-lighter,
483
+ 'lightest': $alpha-color-bg-yellow-lightest,
484
+ 'dark': $alpha-color-bg-yellow-dark,
485
+ 'shade-lighter': $alpha-color-bg-yellow-shade-lighter,
486
+ 'shade-normal': $alpha-color-bg-yellow-shade-normal,
487
+ 'transparent': $alpha-color-bg-yellow-transparent
488
+ ),
489
+ 'pink': (
490
+ 'normal': $alpha-color-bg-pink-normal,
491
+ 'light': $alpha-color-bg-pink-light,
492
+ 'lighter': $alpha-color-bg-pink-lighter,
493
+ 'lightest': $alpha-color-bg-pink-lightest,
494
+ 'dark': $alpha-color-bg-pink-dark,
495
+ 'shade-lighter': $alpha-color-bg-pink-shade-lighter,
496
+ 'shade-normal': $alpha-color-bg-pink-shade-normal,
497
+ 'transparent': $alpha-color-bg-pink-transparent
498
+ ),
499
+ 'purple': (
500
+ 'normal': $alpha-color-bg-purple-normal,
501
+ 'light': $alpha-color-bg-purple-light,
502
+ 'lighter': $alpha-color-bg-purple-lighter,
503
+ 'lightest': $alpha-color-bg-purple-lightest,
504
+ 'dark': $alpha-color-bg-purple-dark,
505
+ 'shade-lighter': $alpha-color-bg-purple-shade-lighter,
506
+ 'shade-normal': $alpha-color-bg-purple-shade-normal,
507
+ 'transparent': $alpha-color-bg-purple-transparent
508
+ ),
509
+ 'navy': (
510
+ 'normal': $alpha-color-bg-navy-normal,
511
+ 'light': $alpha-color-bg-navy-light,
512
+ 'lighter': $alpha-color-bg-navy-lighter,
513
+ 'lightest': $alpha-color-bg-navy-lightest,
514
+ 'dark': $alpha-color-bg-navy-dark,
515
+ 'shade-lighter': $alpha-color-bg-navy-shade-lighter,
516
+ 'shade-normal': $alpha-color-bg-navy-shade-normal,
517
+ 'transparent': $alpha-color-bg-navy-transparent
518
+ ),
519
+ 'absolute': (
520
+ 'black': (
521
+ 'dark': $alpha-color-bg-absolute-black-dark,
522
+ 'normal': $alpha-color-bg-absolute-black-normal,
523
+ 'light': $alpha-color-bg-absolute-black-light,
524
+ 'lighter': $alpha-color-bg-absolute-black-lighter,
525
+ 'lightest': $alpha-color-bg-absolute-black-lightest,
526
+ 'transparent': $alpha-color-bg-absolute-black-transparent
527
+ ),
528
+ 'white': (
529
+ 'dark': $alpha-color-bg-absolute-white-dark,
530
+ 'normal': $alpha-color-bg-absolute-white-normal,
531
+ 'light': $alpha-color-bg-absolute-white-light,
532
+ 'lighter': $alpha-color-bg-absolute-white-lighter,
533
+ 'lightest': $alpha-color-bg-absolute-white-lightest,
534
+ 'transparent': $alpha-color-bg-absolute-white-transparent
535
+ )
536
+ )
537
+ ),
538
+ 'surface': (
539
+ 'lowest': $alpha-color-surface-lowest,
540
+ 'lower': $alpha-color-surface-lower,
541
+ 'normal': $alpha-color-surface-normal
542
+ ),
543
+ 'shadow': (
544
+ 'xlarge': $alpha-color-shadow-xlarge,
545
+ 'large': $alpha-color-shadow-large,
546
+ 'medium': $alpha-color-shadow-medium,
547
+ 'small': $alpha-color-shadow-small,
548
+ 'base': $alpha-color-shadow-base,
549
+ 'base-inner': $alpha-color-shadow-base-inner
550
+ ),
551
+ 'dim': (
552
+ 'black': (
553
+ 'light': $alpha-color-dim-black-light,
554
+ 'normal': $alpha-color-dim-black-normal
555
+ )
556
+ ),
557
+ 'primary': (
558
+ 'bg': (
559
+ 'normal': $alpha-color-primary-bg-normal,
560
+ 'light': $alpha-color-primary-bg-light,
561
+ 'lighter': $alpha-color-primary-bg-lighter,
562
+ 'lightest': $alpha-color-primary-bg-lightest,
563
+ 'dark': $alpha-color-primary-bg-dark
564
+ ),
565
+ 'fg': (
566
+ 'normal': $alpha-color-primary-fg-normal,
567
+ 'light': $alpha-color-primary-fg-light,
568
+ 'dark': $alpha-color-primary-fg-dark
569
+ )
570
+ ),
571
+ 'critical': (
572
+ 'bg': (
573
+ 'dark': $alpha-color-critical-bg-dark,
574
+ 'normal': $alpha-color-critical-bg-normal,
575
+ 'light': $alpha-color-critical-bg-light,
576
+ 'lighter': $alpha-color-critical-bg-lighter,
577
+ 'lightest': $alpha-color-critical-bg-lightest
578
+ ),
579
+ 'fg': (
580
+ 'normal': $alpha-color-critical-fg-normal,
581
+ 'light': $alpha-color-critical-fg-light,
582
+ 'dark': $alpha-color-critical-fg-dark
583
+ )
584
+ ),
585
+ 'warning': (
586
+ 'bg': (
587
+ 'dark': $alpha-color-warning-bg-dark,
588
+ 'normal': $alpha-color-warning-bg-normal,
589
+ 'light': $alpha-color-warning-bg-light,
590
+ 'lighter': $alpha-color-warning-bg-lighter,
591
+ 'lightest': $alpha-color-warning-bg-lightest
592
+ ),
593
+ 'fg': (
594
+ 'normal': $alpha-color-warning-fg-normal,
595
+ 'light': $alpha-color-warning-fg-light,
596
+ 'dark': $alpha-color-warning-fg-dark
597
+ )
598
+ ),
599
+ 'accent': (
600
+ 'bg': (
601
+ 'dark': $alpha-color-accent-bg-dark,
602
+ 'normal': $alpha-color-accent-bg-normal,
603
+ 'light': $alpha-color-accent-bg-light,
604
+ 'lighter': $alpha-color-accent-bg-lighter,
605
+ 'lightest': $alpha-color-accent-bg-lightest
606
+ ),
607
+ 'fg': (
608
+ 'normal': $alpha-color-accent-fg-normal,
609
+ 'light': $alpha-color-accent-fg-light,
610
+ 'dark': $alpha-color-accent-fg-dark
611
+ )
612
+ ),
613
+ 'success': (
614
+ 'bg': (
615
+ 'dark': $alpha-color-success-bg-dark,
616
+ 'normal': $alpha-color-success-bg-normal,
617
+ 'light': $alpha-color-success-bg-light,
618
+ 'lighter': $alpha-color-success-bg-lighter,
619
+ 'lightest': $alpha-color-success-bg-lightest
620
+ ),
621
+ 'fg': (
622
+ 'normal': $alpha-color-success-fg-normal,
623
+ 'light': $alpha-color-success-fg-light,
624
+ 'dark': $alpha-color-success-fg-dark
625
+ )
626
+ )
627
+ )
628
+ );