@channel.io/bezier-tokens 0.2.11 → 0.2.13

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 (17) hide show
  1. package/dist/alpha/cjs/darkTheme.js +24 -22
  2. package/dist/alpha/cjs/global.js +16 -55
  3. package/dist/alpha/cjs/lightTheme.js +24 -22
  4. package/dist/alpha/css/styles.css +62 -97
  5. package/dist/alpha/esm/darkTheme.mjs +24 -22
  6. package/dist/alpha/esm/global.mjs +16 -55
  7. package/dist/alpha/esm/lightTheme.mjs +24 -22
  8. package/dist/types/alpha/cjs/darkTheme.d.ts +36 -29
  9. package/dist/types/alpha/cjs/global.d.ts +44 -174
  10. package/dist/types/alpha/cjs/index.d.ts +116 -232
  11. package/dist/types/alpha/cjs/lightTheme.d.ts +36 -29
  12. package/dist/types/alpha/esm/darkTheme.d.mts +36 -29
  13. package/dist/types/alpha/esm/global.d.mts +44 -174
  14. package/dist/types/alpha/esm/index.d.mts +116 -232
  15. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  16. package/dist/types/alpha/esm/lightTheme.d.mts +36 -29
  17. package/package.json +1 -1
package/dist/alpha/cjs/darkTheme.js CHANGED
@@ -117,6 +117,8 @@ module.exports = Object.freeze({
117
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
119
  "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#ededed4d"}),
120
+ "alpha-color-fg-grey-darkest": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
121
+ "alpha-color-fg-grey-darkest-hovered": Object.freeze({"value":"#edededff"}),
120
122
  "alpha-color-fg-grey-dark": Object.freeze({"value":"#a7a7aa","ref":"alpha-color-grey-500"}),
121
123
  "alpha-color-fg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff"}),
122
124
  "alpha-color-fg-grey-normal": Object.freeze({"value":"#7b7b7b","ref":"alpha-color-grey-600"}),
@@ -127,12 +129,12 @@ module.exports = Object.freeze({
127
129
  "alpha-color-fg-grey-lighter-hovered": Object.freeze({"value":"#3b3c3fff"}),
128
130
  "alpha-color-fg-grey-lightest": Object.freeze({"value":"#2a2b2d","ref":"alpha-color-grey-850"}),
129
131
  "alpha-color-fg-grey-lightest-hovered": Object.freeze({"value":"#343538ff"}),
130
- "alpha-color-fg-grey-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
131
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
132
- "alpha-color-fg-grey-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
133
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
134
- "alpha-color-fg-grey-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
135
- "alpha-color-fg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
132
+ "alpha-color-fg-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
133
+ "alpha-color-fg-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
134
+ "alpha-color-fg-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
135
+ "alpha-color-fg-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
136
+ "alpha-color-fg-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
137
+ "alpha-color-fg-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
136
138
  "alpha-color-bg-black-darkest": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
137
139
  "alpha-color-bg-black-darkest-hovered": Object.freeze({"value":"#0a0a0a99"}),
138
140
  "alpha-color-bg-black-darker": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
@@ -159,16 +161,16 @@ module.exports = Object.freeze({
159
161
  "alpha-color-bg-grey-lightest-hovered": Object.freeze({"value":"#343538ff"}),
160
162
  "alpha-color-bg-grey-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
161
163
  "alpha-color-bg-grey-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
162
- "alpha-color-bg-grey-grey-alpha-darkest": Object.freeze({"value":"#464748cc","ref":"alpha-color-grey-alpha-700-80"}),
163
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc"}),
164
- "alpha-color-bg-grey-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
165
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
166
- "alpha-color-bg-grey-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
167
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
168
- "alpha-color-bg-grey-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
169
- "alpha-color-bg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
170
164
  "alpha-color-bg-grey-normal": Object.freeze({"value":"#7b7b7b","ref":"alpha-color-grey-600"}),
171
165
  "alpha-color-bg-grey-normal-hovered": Object.freeze({"value":"#868686ff"}),
166
+ "alpha-color-bg-grey-alpha-darkest": Object.freeze({"value":"#464748cc","ref":"alpha-color-grey-alpha-700-80"}),
167
+ "alpha-color-bg-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc"}),
168
+ "alpha-color-bg-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
169
+ "alpha-color-bg-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
170
+ "alpha-color-bg-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
171
+ "alpha-color-bg-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
172
+ "alpha-color-bg-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
173
+ "alpha-color-bg-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
172
174
  "alpha-color-bg-white-highest": Object.freeze({"value":"#464748","ref":"alpha-color-grey-700"}),
173
175
  "alpha-color-bg-white-highest-hovered": Object.freeze({"value":"#505253ff"}),
174
176
  "alpha-color-bg-white-higher": Object.freeze({"value":"#313234","ref":"alpha-color-grey-800"}),
@@ -177,14 +179,14 @@ module.exports = Object.freeze({
177
179
  "alpha-color-bg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff"}),
178
180
  "alpha-color-bg-white-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
179
181
  "alpha-color-bg-white-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
180
- "alpha-color-bg-white-white-alpha-lightest": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
181
- "alpha-color-bg-white-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc"}),
182
- "alpha-color-bg-white-white-alpha-lighter": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
183
- "alpha-color-bg-white-white-alpha-lighter-hovered": Object.freeze({"value":"#0a0a0a99"}),
184
- "alpha-color-bg-white-white-alpha-light": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
185
- "alpha-color-bg-white-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
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":"#0000000d"}),
182
+ "alpha-color-bg-white-alpha-lightest": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
183
+ "alpha-color-bg-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc"}),
184
+ "alpha-color-bg-white-alpha-lighter": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
185
+ "alpha-color-bg-white-alpha-lighter-hovered": Object.freeze({"value":"#0a0a0a99"}),
186
+ "alpha-color-bg-white-alpha-light": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
187
+ "alpha-color-bg-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
188
+ "alpha-color-bg-white-alpha-transparent": Object.freeze({"value":"#00000000","ref":"alpha-color-black-0"}),
189
+ "alpha-color-bg-white-alpha-transparent-hovered": Object.freeze({"value":"#0000000d"}),
188
190
  "alpha-color-bg-blue-normal": Object.freeze({"value":"#7d9efa","ref":"alpha-color-blue-300"}),
189
191
  "alpha-color-bg-blue-normal-hovered": Object.freeze({"value":"#93aefbff"}),
190
192
  "alpha-color-bg-blue-light": Object.freeze({"value":"#7d9efa73","ref":"alpha-color-blue-300-45"}),
package/dist/alpha/cjs/global.js CHANGED
@@ -244,61 +244,6 @@ module.exports = Object.freeze({
244
244
  "alpha-color-shade-navy-400-20": Object.freeze({"value":"#5f69b033"}),
245
245
  "alpha-color-shade-navy-600-40": Object.freeze({"value":"#373b5666"}),
246
246
  }),
247
- "dimension": Object.freeze({
248
- "alpha-dimension-1": Object.freeze({"value":"1px"}),
249
- "alpha-dimension-2": Object.freeze({"value":"2px"}),
250
- "alpha-dimension-3": Object.freeze({"value":"3px"}),
251
- "alpha-dimension-4": Object.freeze({"value":"4px"}),
252
- "alpha-dimension-6": Object.freeze({"value":"6px"}),
253
- "alpha-dimension-7": Object.freeze({"value":"7px"}),
254
- "alpha-dimension-8": Object.freeze({"value":"8px"}),
255
- "alpha-dimension-10": Object.freeze({"value":"10px"}),
256
- "alpha-dimension-12": Object.freeze({"value":"12px"}),
257
- "alpha-dimension-14": Object.freeze({"value":"14px"}),
258
- "alpha-dimension-16": Object.freeze({"value":"16px"}),
259
- "alpha-dimension-20": Object.freeze({"value":"20px"}),
260
- "alpha-dimension-22": Object.freeze({"value":"22px"}),
261
- "alpha-dimension-24": Object.freeze({"value":"24px"}),
262
- "alpha-dimension-28": Object.freeze({"value":"28px"}),
263
- "alpha-dimension-30": Object.freeze({"value":"30px"}),
264
- "alpha-dimension-32": Object.freeze({"value":"32px"}),
265
- "alpha-dimension-36": Object.freeze({"value":"36px"}),
266
- "alpha-dimension-40": Object.freeze({"value":"40px"}),
267
- "alpha-dimension-42": Object.freeze({"value":"42px"}),
268
- "alpha-dimension-44": Object.freeze({"value":"44px"}),
269
- "alpha-dimension-48": Object.freeze({"value":"48px"}),
270
- "alpha-dimension-54": Object.freeze({"value":"54px"}),
271
- "alpha-dimension-60": Object.freeze({"value":"60px"}),
272
- "alpha-dimension-72": Object.freeze({"value":"72px"}),
273
- "alpha-dimension-90": Object.freeze({"value":"90px"}),
274
- "alpha-dimension-120": Object.freeze({"value":"120px"}),
275
- "alpha-dimension-160": Object.freeze({"value":"160px"}),
276
- "alpha-dimension-200": Object.freeze({"value":"200px"}),
277
- "alpha-dimension-240": Object.freeze({"value":"240px"}),
278
- "alpha-dimension-320": Object.freeze({"value":"320px"}),
279
- "alpha-dimension-420": Object.freeze({"value":"420px"}),
280
- "alpha-dimension-540": Object.freeze({"value":"540px"}),
281
- "alpha-dimension-640": Object.freeze({"value":"640px"}),
282
- "alpha-dimension-720": Object.freeze({"value":"720px"}),
283
- "alpha-dimension-800": Object.freeze({"value":"800px"}),
284
- "alpha-dimension-900": Object.freeze({"value":"900px"}),
285
- "alpha-dimension-source-10": Object.freeze({"value":"10px","ref":"alpha-dimension-10"}),
286
- "alpha-dimension-source-12": Object.freeze({"value":"12px","ref":"alpha-dimension-12"}),
287
- "alpha-dimension-source-16": Object.freeze({"value":"16px","ref":"alpha-dimension-16"}),
288
- "alpha-dimension-source-20": Object.freeze({"value":"20px","ref":"alpha-dimension-20"}),
289
- "alpha-dimension-source-24": Object.freeze({"value":"24px","ref":"alpha-dimension-24"}),
290
- "alpha-dimension-source-30": Object.freeze({"value":"30px","ref":"alpha-dimension-30"}),
291
- "alpha-dimension-source-36": Object.freeze({"value":"36px","ref":"alpha-dimension-36"}),
292
- "alpha-dimension-source-42": Object.freeze({"value":"42px","ref":"alpha-dimension-42"}),
293
- "alpha-dimension-source-48": Object.freeze({"value":"48px","ref":"alpha-dimension-48"}),
294
- "alpha-dimension-source-60": Object.freeze({"value":"60px","ref":"alpha-dimension-60"}),
295
- "alpha-dimension-source-72": Object.freeze({"value":"72px","ref":"alpha-dimension-72"}),
296
- "alpha-dimension-source-90": Object.freeze({"value":"90px","ref":"alpha-dimension-90"}),
297
- "alpha-dimension-source-120": Object.freeze({"value":"120px","ref":"alpha-dimension-120"}),
298
- "alpha-dimension-42-p": Object.freeze({"value":"42%"}),
299
- "alpha-dimension-100-p": Object.freeze({"value":"100%"}),
300
- "alpha-dimension-m-1": Object.freeze({"value":"-1px"}),
301
- }),
302
247
  "font": Object.freeze({
303
248
  "alpha-font-family-sans": Object.freeze({"value":"'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'"}),
304
249
  "alpha-font-family-mono": Object.freeze({"value":"'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'"}),
@@ -342,6 +287,22 @@ module.exports = Object.freeze({
342
287
  "opacity": Object.freeze({
343
288
  "alpha-opacity-disabled": Object.freeze({"value":0.4}),
344
289
  }),
290
+ "radius": Object.freeze({
291
+ "alpha-radius-2": Object.freeze({"value":"2px"}),
292
+ "alpha-radius-3": Object.freeze({"value":"3px"}),
293
+ "alpha-radius-4": Object.freeze({"value":"4px"}),
294
+ "alpha-radius-6": Object.freeze({"value":"6px"}),
295
+ "alpha-radius-7": Object.freeze({"value":"7px"}),
296
+ "alpha-radius-8": Object.freeze({"value":"8px"}),
297
+ "alpha-radius-10": Object.freeze({"value":"10px"}),
298
+ "alpha-radius-12": Object.freeze({"value":"12px"}),
299
+ "alpha-radius-14": Object.freeze({"value":"14px"}),
300
+ "alpha-radius-16": Object.freeze({"value":"16px"}),
301
+ "alpha-radius-20": Object.freeze({"value":"20px"}),
302
+ "alpha-radius-32": Object.freeze({"value":"32px"}),
303
+ "alpha-radius-rounded-half": Object.freeze({"value":"9999px"}),
304
+ "alpha-radius-smooth-corner": Object.freeze({"value":"42%"}),
305
+ }),
345
306
  "typography": Object.freeze({
346
307
  "alpha-typography-message-font-weight": Object.freeze({"value":400,"ref":"alpha-font-weight-regular"}),
347
308
  "alpha-typography-message-font-size": Object.freeze({"value":"1.55rem","ref":"alpha-font-size-15-5"}),
package/dist/alpha/cjs/lightTheme.js CHANGED
@@ -117,6 +117,8 @@ module.exports = Object.freeze({
117
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
119
  "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#ededed4d"}),
120
+ "alpha-color-fg-grey-darkest": Object.freeze({"value":"#242428","ref":"alpha-color-grey-900"}),
121
+ "alpha-color-fg-grey-darkest-hovered": Object.freeze({"value":"#42424aff"}),
120
122
  "alpha-color-fg-grey-dark": Object.freeze({"value":"#a7a7aa","ref":"alpha-color-grey-500"}),
121
123
  "alpha-color-fg-grey-dark-hovered": Object.freeze({"value":"#9b9b9eff"}),
122
124
  "alpha-color-fg-grey-normal": Object.freeze({"value":"#cfcfd1","ref":"alpha-color-grey-400"}),
@@ -127,12 +129,12 @@ module.exports = Object.freeze({
127
129
  "alpha-color-fg-grey-lighter-hovered": Object.freeze({"value":"#e5e5e8ff"}),
128
130
  "alpha-color-fg-grey-lightest": Object.freeze({"value":"#fcfcfc","ref":"alpha-color-grey-50"}),
129
131
  "alpha-color-fg-grey-lightest-hovered": Object.freeze({"value":"#eaeaeaff"}),
130
- "alpha-color-fg-grey-grey-alpha-darker": Object.freeze({"value":"#efeff0cc","ref":"alpha-color-grey-alpha-200-80"}),
131
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#dedee0cc"}),
132
- "alpha-color-fg-grey-grey-alpha-dark": Object.freeze({"value":"#f7f7f8cc","ref":"alpha-color-grey-alpha-100-80"}),
133
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#e5e5e8cc"}),
134
- "alpha-color-fg-grey-grey-alpha-light": Object.freeze({"value":"#fcfcfccc","ref":"alpha-color-grey-alpha-50-80"}),
135
- "alpha-color-fg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#eaeaeacc"}),
132
+ "alpha-color-fg-grey-alpha-darker": Object.freeze({"value":"#efeff0cc","ref":"alpha-color-grey-alpha-200-80"}),
133
+ "alpha-color-fg-grey-alpha-darker-hovered": Object.freeze({"value":"#dedee0cc"}),
134
+ "alpha-color-fg-grey-alpha-dark": Object.freeze({"value":"#f7f7f8cc","ref":"alpha-color-grey-alpha-100-80"}),
135
+ "alpha-color-fg-grey-alpha-dark-hovered": Object.freeze({"value":"#e5e5e8cc"}),
136
+ "alpha-color-fg-grey-alpha-light": Object.freeze({"value":"#fcfcfccc","ref":"alpha-color-grey-alpha-50-80"}),
137
+ "alpha-color-fg-grey-alpha-light-hovered": Object.freeze({"value":"#eaeaeacc"}),
136
138
  "alpha-color-bg-black-darkest": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
137
139
  "alpha-color-bg-black-darkest-hovered": Object.freeze({"value":"#1c1c1c99"}),
138
140
  "alpha-color-bg-black-darker": Object.freeze({"value":"#00000066","ref":"alpha-color-black-40"}),
@@ -159,16 +161,16 @@ module.exports = Object.freeze({
159
161
  "alpha-color-bg-grey-lightest-hovered": Object.freeze({"value":"#eaeaeaff"}),
160
162
  "alpha-color-bg-grey-transparent": Object.freeze({"value":"#24242800","ref":"alpha-color-grey-900-0"}),
161
163
  "alpha-color-bg-grey-transparent-hovered": Object.freeze({"value":"#2424280d"}),
162
- "alpha-color-bg-grey-grey-alpha-darkest": Object.freeze({"value":"#efeff0cc","ref":"alpha-color-grey-alpha-200-80"}),
163
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Object.freeze({"value":"#dedee0cc"}),
164
- "alpha-color-bg-grey-grey-alpha-darker": Object.freeze({"value":"#f7f7f8e6","ref":"alpha-color-grey-alpha-100-90"}),
165
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#e5e5e8e6"}),
166
- "alpha-color-bg-grey-grey-alpha-dark": Object.freeze({"value":"#f7f7f8cc","ref":"alpha-color-grey-alpha-100-80"}),
167
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#e5e5e8cc"}),
168
- "alpha-color-bg-grey-grey-alpha-light": Object.freeze({"value":"#fcfcfccc","ref":"alpha-color-grey-alpha-50-80"}),
169
- "alpha-color-bg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#eaeaeacc"}),
170
164
  "alpha-color-bg-grey-normal": Object.freeze({"value":"#cfcfd1","ref":"alpha-color-grey-400"}),
171
165
  "alpha-color-bg-grey-normal-hovered": Object.freeze({"value":"#c0c0c3ff"}),
166
+ "alpha-color-bg-grey-alpha-darkest": Object.freeze({"value":"#efeff0cc","ref":"alpha-color-grey-alpha-200-80"}),
167
+ "alpha-color-bg-grey-alpha-darkest-hovered": Object.freeze({"value":"#dedee0cc"}),
168
+ "alpha-color-bg-grey-alpha-darker": Object.freeze({"value":"#f7f7f8e6","ref":"alpha-color-grey-alpha-100-90"}),
169
+ "alpha-color-bg-grey-alpha-darker-hovered": Object.freeze({"value":"#e5e5e8e6"}),
170
+ "alpha-color-bg-grey-alpha-dark": Object.freeze({"value":"#f7f7f8cc","ref":"alpha-color-grey-alpha-100-80"}),
171
+ "alpha-color-bg-grey-alpha-dark-hovered": Object.freeze({"value":"#e5e5e8cc"}),
172
+ "alpha-color-bg-grey-alpha-light": Object.freeze({"value":"#fcfcfccc","ref":"alpha-color-grey-alpha-50-80"}),
173
+ "alpha-color-bg-grey-alpha-light-hovered": Object.freeze({"value":"#eaeaeacc"}),
172
174
  "alpha-color-bg-white-highest": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
173
175
  "alpha-color-bg-white-highest-hovered": Object.freeze({"value":"#edededff"}),
174
176
  "alpha-color-bg-white-higher": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
@@ -177,14 +179,14 @@ module.exports = Object.freeze({
177
179
  "alpha-color-bg-white-normal-hovered": Object.freeze({"value":"#edededff"}),
178
180
  "alpha-color-bg-white-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
179
181
  "alpha-color-bg-white-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
180
- "alpha-color-bg-white-white-alpha-lightest": Object.freeze({"value":"#ffffffe6","ref":"alpha-color-white-90"}),
181
- "alpha-color-bg-white-white-alpha-lightest-hovered": Object.freeze({"value":"#ededede6"}),
182
- "alpha-color-bg-white-white-alpha-lighter": Object.freeze({"value":"#ffffff99","ref":"alpha-color-white-60"}),
183
- "alpha-color-bg-white-white-alpha-lighter-hovered": Object.freeze({"value":"#ededed99"}),
184
- "alpha-color-bg-white-white-alpha-light": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
185
- "alpha-color-bg-white-white-alpha-light-hovered": Object.freeze({"value":"#ededed4d"}),
186
- "alpha-color-bg-white-white-alpha-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
187
- "alpha-color-bg-white-white-alpha-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
182
+ "alpha-color-bg-white-alpha-lightest": Object.freeze({"value":"#ffffffe6","ref":"alpha-color-white-90"}),
183
+ "alpha-color-bg-white-alpha-lightest-hovered": Object.freeze({"value":"#ededede6"}),
184
+ "alpha-color-bg-white-alpha-lighter": Object.freeze({"value":"#ffffff99","ref":"alpha-color-white-60"}),
185
+ "alpha-color-bg-white-alpha-lighter-hovered": Object.freeze({"value":"#ededed99"}),
186
+ "alpha-color-bg-white-alpha-light": Object.freeze({"value":"#ffffff33","ref":"alpha-color-white-20"}),
187
+ "alpha-color-bg-white-alpha-light-hovered": Object.freeze({"value":"#ededed4d"}),
188
+ "alpha-color-bg-white-alpha-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
189
+ "alpha-color-bg-white-alpha-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
188
190
  "alpha-color-bg-blue-normal": Object.freeze({"value":"#6d6afc","ref":"alpha-color-blue-400"}),
189
191
  "alpha-color-bg-blue-normal-hovered": Object.freeze({"value":"#5551fcff"}),
190
192
  "alpha-color-bg-blue-light": Object.freeze({"value":"#6d6afc4d","ref":"alpha-color-blue-400-30"}),
package/dist/alpha/css/styles.css CHANGED
@@ -112,6 +112,8 @@
112
112
  --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
113
113
  --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
114
114
  --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d;
115
+ --alpha-color-fg-grey-darkest: var(--alpha-color-white-100);
116
+ --alpha-color-fg-grey-darkest-hovered: #edededff;
115
117
  --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
116
118
  --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
117
119
  --alpha-color-fg-grey-normal: var(--alpha-color-grey-600);
@@ -122,12 +124,12 @@
122
124
  --alpha-color-fg-grey-lighter-hovered: #3b3c3fff;
123
125
  --alpha-color-fg-grey-lightest: var(--alpha-color-grey-850);
124
126
  --alpha-color-fg-grey-lightest-hovered: #343538ff;
125
- --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
126
- --alpha-color-fg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
127
- --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
128
- --alpha-color-fg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
129
- --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
130
- --alpha-color-fg-grey-grey-alpha-light-hovered: #343538cc;
127
+ --alpha-color-fg-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
128
+ --alpha-color-fg-grey-alpha-darker-hovered: #3b3c3fe6;
129
+ --alpha-color-fg-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
130
+ --alpha-color-fg-grey-alpha-dark-hovered: #3b3c3fcc;
131
+ --alpha-color-fg-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
132
+ --alpha-color-fg-grey-alpha-light-hovered: #343538cc;
131
133
  --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
132
134
  --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
133
135
  --alpha-color-bg-black-darker: var(--alpha-color-white-40);
@@ -154,16 +156,16 @@
154
156
  --alpha-color-bg-grey-lightest-hovered: #343538ff;
155
157
  --alpha-color-bg-grey-transparent: var(--alpha-color-white-0);
156
158
  --alpha-color-bg-grey-transparent-hovered: #ffffff0d;
157
- --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
158
- --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
159
- --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
160
- --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
161
- --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
162
- --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
163
- --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
164
- --alpha-color-bg-grey-grey-alpha-light-hovered: #343538cc;
165
159
  --alpha-color-bg-grey-normal: var(--alpha-color-grey-600);
166
160
  --alpha-color-bg-grey-normal-hovered: #868686ff;
161
+ --alpha-color-bg-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80);
162
+ --alpha-color-bg-grey-alpha-darkest-hovered: #505253cc;
163
+ --alpha-color-bg-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90);
164
+ --alpha-color-bg-grey-alpha-darker-hovered: #3b3c3fe6;
165
+ --alpha-color-bg-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80);
166
+ --alpha-color-bg-grey-alpha-dark-hovered: #3b3c3fcc;
167
+ --alpha-color-bg-grey-alpha-light: var(--alpha-color-grey-alpha-850-80);
168
+ --alpha-color-bg-grey-alpha-light-hovered: #343538cc;
167
169
  --alpha-color-bg-white-highest: var(--alpha-color-grey-700);
168
170
  --alpha-color-bg-white-highest-hovered: #505253ff;
169
171
  --alpha-color-bg-white-higher: var(--alpha-color-grey-800);
@@ -172,14 +174,14 @@
172
174
  --alpha-color-bg-white-normal-hovered: #2e2e33ff;
173
175
  --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
174
176
  --alpha-color-bg-white-transparent-hovered: #ffffff0d;
175
- --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
176
- --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
177
- --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-black-60);
178
- --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
179
- --alpha-color-bg-white-white-alpha-light: var(--alpha-color-black-20);
180
- --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a4d;
181
- --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-black-0);
182
- --alpha-color-bg-white-white-alpha-transparent-hovered: #0000000d;
177
+ --alpha-color-bg-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80);
178
+ --alpha-color-bg-white-alpha-lightest-hovered: #3b3c3fcc;
179
+ --alpha-color-bg-white-alpha-lighter: var(--alpha-color-black-60);
180
+ --alpha-color-bg-white-alpha-lighter-hovered: #0a0a0a99;
181
+ --alpha-color-bg-white-alpha-light: var(--alpha-color-black-20);
182
+ --alpha-color-bg-white-alpha-light-hovered: #0a0a0a4d;
183
+ --alpha-color-bg-white-alpha-transparent: var(--alpha-color-black-0);
184
+ --alpha-color-bg-white-alpha-transparent-hovered: #0000000d;
183
185
  --alpha-color-bg-blue-normal: var(--alpha-color-blue-300);
184
186
  --alpha-color-bg-blue-normal-hovered: #93aefbff;
185
187
  --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45);
@@ -728,59 +730,6 @@
728
730
  --alpha-color-shade-navy-600: #373b56;
729
731
  --alpha-color-shade-navy-400-20: #5f69b033;
730
732
  --alpha-color-shade-navy-600-40: #373b5666;
731
- --alpha-dimension-1: 1px;
732
- --alpha-dimension-2: 2px;
733
- --alpha-dimension-3: 3px;
734
- --alpha-dimension-4: 4px;
735
- --alpha-dimension-6: 6px;
736
- --alpha-dimension-7: 7px;
737
- --alpha-dimension-8: 8px;
738
- --alpha-dimension-10: 10px;
739
- --alpha-dimension-12: 12px;
740
- --alpha-dimension-14: 14px;
741
- --alpha-dimension-16: 16px;
742
- --alpha-dimension-20: 20px;
743
- --alpha-dimension-22: 22px;
744
- --alpha-dimension-24: 24px;
745
- --alpha-dimension-28: 28px;
746
- --alpha-dimension-30: 30px;
747
- --alpha-dimension-32: 32px;
748
- --alpha-dimension-36: 36px;
749
- --alpha-dimension-40: 40px;
750
- --alpha-dimension-42: 42px;
751
- --alpha-dimension-44: 44px;
752
- --alpha-dimension-48: 48px;
753
- --alpha-dimension-54: 54px;
754
- --alpha-dimension-60: 60px;
755
- --alpha-dimension-72: 72px;
756
- --alpha-dimension-90: 90px;
757
- --alpha-dimension-120: 120px;
758
- --alpha-dimension-160: 160px;
759
- --alpha-dimension-200: 200px;
760
- --alpha-dimension-240: 240px;
761
- --alpha-dimension-320: 320px;
762
- --alpha-dimension-420: 420px;
763
- --alpha-dimension-540: 540px;
764
- --alpha-dimension-640: 640px;
765
- --alpha-dimension-720: 720px;
766
- --alpha-dimension-800: 800px;
767
- --alpha-dimension-900: 900px;
768
- --alpha-dimension-source-10: var(--alpha-dimension-10);
769
- --alpha-dimension-source-12: var(--alpha-dimension-12);
770
- --alpha-dimension-source-16: var(--alpha-dimension-16);
771
- --alpha-dimension-source-20: var(--alpha-dimension-20);
772
- --alpha-dimension-source-24: var(--alpha-dimension-24);
773
- --alpha-dimension-source-30: var(--alpha-dimension-30);
774
- --alpha-dimension-source-36: var(--alpha-dimension-36);
775
- --alpha-dimension-source-42: var(--alpha-dimension-42);
776
- --alpha-dimension-source-48: var(--alpha-dimension-48);
777
- --alpha-dimension-source-60: var(--alpha-dimension-60);
778
- --alpha-dimension-source-72: var(--alpha-dimension-72);
779
- --alpha-dimension-source-90: var(--alpha-dimension-90);
780
- --alpha-dimension-source-120: var(--alpha-dimension-120);
781
- --alpha-dimension-42-p: 42%;
782
- --alpha-dimension-100-p: 100%;
783
- --alpha-dimension-m-1: -1px;
784
733
  --alpha-font-family-sans: 'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif';
785
734
  --alpha-font-family-mono: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
786
735
  --alpha-font-size-11: 1.1rem;
@@ -818,6 +767,20 @@
818
767
  --alpha-gradient-bg-blue: linear-gradient(90deg, var(--alpha-color-blue-300) 50%, var(--alpha-color-green-200) 100%);
819
768
  --alpha-gradient-fg-green: linear-gradient(90deg, var(--alpha-color-green-400) 0%, var(--alpha-color-green-300) 100%);
820
769
  --alpha-opacity-disabled: 0.4;
770
+ --alpha-radius-2: 2px;
771
+ --alpha-radius-3: 3px;
772
+ --alpha-radius-4: 4px;
773
+ --alpha-radius-6: 6px;
774
+ --alpha-radius-7: 7px;
775
+ --alpha-radius-8: 8px;
776
+ --alpha-radius-10: 10px;
777
+ --alpha-radius-12: 12px;
778
+ --alpha-radius-14: 14px;
779
+ --alpha-radius-16: 16px;
780
+ --alpha-radius-20: 20px;
781
+ --alpha-radius-32: 32px;
782
+ --alpha-radius-rounded-half: 9999px;
783
+ --alpha-radius-smooth-corner: 42%;
821
784
  --alpha-typography-message-font-weight: var(--alpha-font-weight-regular);
822
785
  --alpha-typography-message-font-size: var(--alpha-font-size-15-5);
823
786
  --alpha-typography-message-line-height: var(--alpha-font-line-height-23);
@@ -1022,6 +985,8 @@
1022
985
  --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
1023
986
  --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20);
1024
987
  --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d;
988
+ --alpha-color-fg-grey-darkest: var(--alpha-color-grey-900);
989
+ --alpha-color-fg-grey-darkest-hovered: #42424aff;
1025
990
  --alpha-color-fg-grey-dark: var(--alpha-color-grey-500);
1026
991
  --alpha-color-fg-grey-dark-hovered: #9b9b9eff;
1027
992
  --alpha-color-fg-grey-normal: var(--alpha-color-grey-400);
@@ -1032,12 +997,12 @@
1032
997
  --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff;
1033
998
  --alpha-color-fg-grey-lightest: var(--alpha-color-grey-50);
1034
999
  --alpha-color-fg-grey-lightest-hovered: #eaeaeaff;
1035
- --alpha-color-fg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-200-80);
1036
- --alpha-color-fg-grey-grey-alpha-darker-hovered: #dedee0cc;
1037
- --alpha-color-fg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1038
- --alpha-color-fg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1039
- --alpha-color-fg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1040
- --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
1000
+ --alpha-color-fg-grey-alpha-darker: var(--alpha-color-grey-alpha-200-80);
1001
+ --alpha-color-fg-grey-alpha-darker-hovered: #dedee0cc;
1002
+ --alpha-color-fg-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1003
+ --alpha-color-fg-grey-alpha-dark-hovered: #e5e5e8cc;
1004
+ --alpha-color-fg-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1005
+ --alpha-color-fg-grey-alpha-light-hovered: #eaeaeacc;
1041
1006
  --alpha-color-bg-black-darkest: var(--alpha-color-black-60);
1042
1007
  --alpha-color-bg-black-darkest-hovered: #1c1c1c99;
1043
1008
  --alpha-color-bg-black-darker: var(--alpha-color-black-40);
@@ -1064,16 +1029,16 @@
1064
1029
  --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
1065
1030
  --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0);
1066
1031
  --alpha-color-bg-grey-transparent-hovered: #2424280d;
1067
- --alpha-color-bg-grey-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
1068
- --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
1069
- --alpha-color-bg-grey-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
1070
- --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
1071
- --alpha-color-bg-grey-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1072
- --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
1073
- --alpha-color-bg-grey-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1074
- --alpha-color-bg-grey-grey-alpha-light-hovered: #eaeaeacc;
1075
1032
  --alpha-color-bg-grey-normal: var(--alpha-color-grey-400);
1076
1033
  --alpha-color-bg-grey-normal-hovered: #c0c0c3ff;
1034
+ --alpha-color-bg-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80);
1035
+ --alpha-color-bg-grey-alpha-darkest-hovered: #dedee0cc;
1036
+ --alpha-color-bg-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90);
1037
+ --alpha-color-bg-grey-alpha-darker-hovered: #e5e5e8e6;
1038
+ --alpha-color-bg-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80);
1039
+ --alpha-color-bg-grey-alpha-dark-hovered: #e5e5e8cc;
1040
+ --alpha-color-bg-grey-alpha-light: var(--alpha-color-grey-alpha-50-80);
1041
+ --alpha-color-bg-grey-alpha-light-hovered: #eaeaeacc;
1077
1042
  --alpha-color-bg-white-highest: var(--alpha-color-white-100);
1078
1043
  --alpha-color-bg-white-highest-hovered: #edededff;
1079
1044
  --alpha-color-bg-white-higher: var(--alpha-color-white-100);
@@ -1082,14 +1047,14 @@
1082
1047
  --alpha-color-bg-white-normal-hovered: #edededff;
1083
1048
  --alpha-color-bg-white-transparent: var(--alpha-color-white-0);
1084
1049
  --alpha-color-bg-white-transparent-hovered: #ffffff0d;
1085
- --alpha-color-bg-white-white-alpha-lightest: var(--alpha-color-white-90);
1086
- --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
1087
- --alpha-color-bg-white-white-alpha-lighter: var(--alpha-color-white-60);
1088
- --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
1089
- --alpha-color-bg-white-white-alpha-light: var(--alpha-color-white-20);
1090
- --alpha-color-bg-white-white-alpha-light-hovered: #ededed4d;
1091
- --alpha-color-bg-white-white-alpha-transparent: var(--alpha-color-white-0);
1092
- --alpha-color-bg-white-white-alpha-transparent-hovered: #ffffff0d;
1050
+ --alpha-color-bg-white-alpha-lightest: var(--alpha-color-white-90);
1051
+ --alpha-color-bg-white-alpha-lightest-hovered: #ededede6;
1052
+ --alpha-color-bg-white-alpha-lighter: var(--alpha-color-white-60);
1053
+ --alpha-color-bg-white-alpha-lighter-hovered: #ededed99;
1054
+ --alpha-color-bg-white-alpha-light: var(--alpha-color-white-20);
1055
+ --alpha-color-bg-white-alpha-light-hovered: #ededed4d;
1056
+ --alpha-color-bg-white-alpha-transparent: var(--alpha-color-white-0);
1057
+ --alpha-color-bg-white-alpha-transparent-hovered: #ffffff0d;
1093
1058
  --alpha-color-bg-blue-normal: var(--alpha-color-blue-400);
1094
1059
  --alpha-color-bg-blue-normal-hovered: #5551fcff;
1095
1060
  --alpha-color-bg-blue-light: var(--alpha-color-blue-400-30);
package/dist/alpha/esm/darkTheme.mjs CHANGED
@@ -117,6 +117,8 @@ export default Object.freeze({
117
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
119
  "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#ededed4d"}),
120
+ "alpha-color-fg-grey-darkest": Object.freeze({"value":"#ffffff","ref":"alpha-color-white-100"}),
121
+ "alpha-color-fg-grey-darkest-hovered": Object.freeze({"value":"#edededff"}),
120
122
  "alpha-color-fg-grey-dark": Object.freeze({"value":"#a7a7aa","ref":"alpha-color-grey-500"}),
121
123
  "alpha-color-fg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff"}),
122
124
  "alpha-color-fg-grey-normal": Object.freeze({"value":"#7b7b7b","ref":"alpha-color-grey-600"}),
@@ -127,12 +129,12 @@ export default Object.freeze({
127
129
  "alpha-color-fg-grey-lighter-hovered": Object.freeze({"value":"#3b3c3fff"}),
128
130
  "alpha-color-fg-grey-lightest": Object.freeze({"value":"#2a2b2d","ref":"alpha-color-grey-850"}),
129
131
  "alpha-color-fg-grey-lightest-hovered": Object.freeze({"value":"#343538ff"}),
130
- "alpha-color-fg-grey-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
131
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
132
- "alpha-color-fg-grey-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
133
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
134
- "alpha-color-fg-grey-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
135
- "alpha-color-fg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
132
+ "alpha-color-fg-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
133
+ "alpha-color-fg-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
134
+ "alpha-color-fg-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
135
+ "alpha-color-fg-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
136
+ "alpha-color-fg-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
137
+ "alpha-color-fg-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
136
138
  "alpha-color-bg-black-darkest": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
137
139
  "alpha-color-bg-black-darkest-hovered": Object.freeze({"value":"#0a0a0a99"}),
138
140
  "alpha-color-bg-black-darker": Object.freeze({"value":"#ffffff66","ref":"alpha-color-white-40"}),
@@ -159,16 +161,16 @@ export default Object.freeze({
159
161
  "alpha-color-bg-grey-lightest-hovered": Object.freeze({"value":"#343538ff"}),
160
162
  "alpha-color-bg-grey-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
161
163
  "alpha-color-bg-grey-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
162
- "alpha-color-bg-grey-grey-alpha-darkest": Object.freeze({"value":"#464748cc","ref":"alpha-color-grey-alpha-700-80"}),
163
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc"}),
164
- "alpha-color-bg-grey-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
165
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
166
- "alpha-color-bg-grey-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
167
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
168
- "alpha-color-bg-grey-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
169
- "alpha-color-bg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
170
164
  "alpha-color-bg-grey-normal": Object.freeze({"value":"#7b7b7b","ref":"alpha-color-grey-600"}),
171
165
  "alpha-color-bg-grey-normal-hovered": Object.freeze({"value":"#868686ff"}),
166
+ "alpha-color-bg-grey-alpha-darkest": Object.freeze({"value":"#464748cc","ref":"alpha-color-grey-alpha-700-80"}),
167
+ "alpha-color-bg-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc"}),
168
+ "alpha-color-bg-grey-alpha-darker": Object.freeze({"value":"#313234e6","ref":"alpha-color-grey-alpha-800-90"}),
169
+ "alpha-color-bg-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6"}),
170
+ "alpha-color-bg-grey-alpha-dark": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
171
+ "alpha-color-bg-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc"}),
172
+ "alpha-color-bg-grey-alpha-light": Object.freeze({"value":"#2a2b2dcc","ref":"alpha-color-grey-alpha-850-80"}),
173
+ "alpha-color-bg-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc"}),
172
174
  "alpha-color-bg-white-highest": Object.freeze({"value":"#464748","ref":"alpha-color-grey-700"}),
173
175
  "alpha-color-bg-white-highest-hovered": Object.freeze({"value":"#505253ff"}),
174
176
  "alpha-color-bg-white-higher": Object.freeze({"value":"#313234","ref":"alpha-color-grey-800"}),
@@ -177,14 +179,14 @@ export default Object.freeze({
177
179
  "alpha-color-bg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff"}),
178
180
  "alpha-color-bg-white-transparent": Object.freeze({"value":"#ffffff00","ref":"alpha-color-white-0"}),
179
181
  "alpha-color-bg-white-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
180
- "alpha-color-bg-white-white-alpha-lightest": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
181
- "alpha-color-bg-white-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc"}),
182
- "alpha-color-bg-white-white-alpha-lighter": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
183
- "alpha-color-bg-white-white-alpha-lighter-hovered": Object.freeze({"value":"#0a0a0a99"}),
184
- "alpha-color-bg-white-white-alpha-light": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
185
- "alpha-color-bg-white-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
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":"#0000000d"}),
182
+ "alpha-color-bg-white-alpha-lightest": Object.freeze({"value":"#313234cc","ref":"alpha-color-grey-alpha-800-80"}),
183
+ "alpha-color-bg-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc"}),
184
+ "alpha-color-bg-white-alpha-lighter": Object.freeze({"value":"#00000099","ref":"alpha-color-black-60"}),
185
+ "alpha-color-bg-white-alpha-lighter-hovered": Object.freeze({"value":"#0a0a0a99"}),
186
+ "alpha-color-bg-white-alpha-light": Object.freeze({"value":"#00000033","ref":"alpha-color-black-20"}),
187
+ "alpha-color-bg-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
188
+ "alpha-color-bg-white-alpha-transparent": Object.freeze({"value":"#00000000","ref":"alpha-color-black-0"}),
189
+ "alpha-color-bg-white-alpha-transparent-hovered": Object.freeze({"value":"#0000000d"}),
188
190
  "alpha-color-bg-blue-normal": Object.freeze({"value":"#7d9efa","ref":"alpha-color-blue-300"}),
189
191
  "alpha-color-bg-blue-normal-hovered": Object.freeze({"value":"#93aefbff"}),
190
192
  "alpha-color-bg-blue-light": Object.freeze({"value":"#7d9efa73","ref":"alpha-color-blue-300-45"}),