@bi-digital/tokens 0.11.10 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/tokens.css +505 -8
  2. package/dist/tokens.d.ts +154 -9
  3. package/dist/tokens.js +2605 -119
  4. package/dist/tokens.scss +139 -8
  5. package/package.json +1 -1
package/dist/tokens.d.ts CHANGED
@@ -173,16 +173,157 @@ declare const tokens: {
173
173
  "16x": DesignToken;
174
174
  "18x": DesignToken;
175
175
  "20x": DesignToken;
176
+ "21x": DesignToken;
176
177
  "24x": DesignToken;
177
178
  "32x": DesignToken;
178
179
  "36x": DesignToken;
180
+ "38x": DesignToken;
179
181
  "40x": DesignToken;
180
182
  "48x": DesignToken;
181
183
  "56x": DesignToken;
182
184
  "64x": DesignToken;
183
185
  "80x": DesignToken;
186
+ "84x": DesignToken;
187
+ "128x": DesignToken;
184
188
  max: DesignToken;
185
189
  };
190
+ color: {
191
+ neutral: {
192
+ background: DesignToken;
193
+ "surface-subtle": DesignToken;
194
+ surface: DesignToken;
195
+ "surface-strong": DesignToken;
196
+ "surface-active": DesignToken;
197
+ "stroke-subtle": DesignToken;
198
+ stroke: DesignToken;
199
+ "stroke-strong": DesignToken;
200
+ "stroke-contrast": DesignToken;
201
+ "stroke-accent": DesignToken;
202
+ text: DesignToken;
203
+ "text-secondary": DesignToken;
204
+ "text-subtle": DesignToken;
205
+ "text-accent": DesignToken;
206
+ contrast: DesignToken;
207
+ "contrast-hover": DesignToken;
208
+ fill: DesignToken;
209
+ "on-fill": DesignToken;
210
+ };
211
+ primary: {
212
+ background: DesignToken;
213
+ "surface-subtle": DesignToken;
214
+ surface: DesignToken;
215
+ "surface-strong": DesignToken;
216
+ "surface-active": DesignToken;
217
+ "stroke-subtle": DesignToken;
218
+ stroke: DesignToken;
219
+ "stroke-strong": DesignToken;
220
+ "stroke-contrast": DesignToken;
221
+ "stroke-accent": DesignToken;
222
+ text: DesignToken;
223
+ "text-secondary": DesignToken;
224
+ "text-subtle": DesignToken;
225
+ "text-accent": DesignToken;
226
+ contrast: DesignToken;
227
+ "contrast-hover": DesignToken;
228
+ fill: DesignToken;
229
+ "on-fill": DesignToken;
230
+ };
231
+ info: {
232
+ background: DesignToken;
233
+ "surface-subtle": DesignToken;
234
+ surface: DesignToken;
235
+ "surface-strong": DesignToken;
236
+ "surface-active": DesignToken;
237
+ "stroke-subtle": DesignToken;
238
+ stroke: DesignToken;
239
+ "stroke-strong": DesignToken;
240
+ "stroke-contrast": DesignToken;
241
+ "stroke-accent": DesignToken;
242
+ text: DesignToken;
243
+ "text-secondary": DesignToken;
244
+ "text-subtle": DesignToken;
245
+ "text-accent": DesignToken;
246
+ contrast: DesignToken;
247
+ "contrast-hover": DesignToken;
248
+ fill: DesignToken;
249
+ "on-fill": DesignToken;
250
+ };
251
+ warning: {
252
+ background: DesignToken;
253
+ "surface-subtle": DesignToken;
254
+ surface: DesignToken;
255
+ "surface-strong": DesignToken;
256
+ "surface-active": DesignToken;
257
+ "stroke-subtle": DesignToken;
258
+ stroke: DesignToken;
259
+ "stroke-strong": DesignToken;
260
+ "stroke-contrast": DesignToken;
261
+ "stroke-accent": DesignToken;
262
+ text: DesignToken;
263
+ "text-secondary": DesignToken;
264
+ "text-subtle": DesignToken;
265
+ "text-accent": DesignToken;
266
+ contrast: DesignToken;
267
+ "contrast-hover": DesignToken;
268
+ fill: DesignToken;
269
+ "on-fill": DesignToken;
270
+ };
271
+ success: {
272
+ background: DesignToken;
273
+ "surface-subtle": DesignToken;
274
+ surface: DesignToken;
275
+ "surface-strong": DesignToken;
276
+ "surface-active": DesignToken;
277
+ "stroke-subtle": DesignToken;
278
+ stroke: DesignToken;
279
+ "stroke-strong": DesignToken;
280
+ "stroke-contrast": DesignToken;
281
+ "stroke-accent": DesignToken;
282
+ text: DesignToken;
283
+ "text-secondary": DesignToken;
284
+ "text-subtle": DesignToken;
285
+ "text-accent": DesignToken;
286
+ contrast: DesignToken;
287
+ "contrast-hover": DesignToken;
288
+ fill: DesignToken;
289
+ "on-fill": DesignToken;
290
+ };
291
+ alert: {
292
+ background: DesignToken;
293
+ "surface-subtle": DesignToken;
294
+ surface: DesignToken;
295
+ "surface-strong": DesignToken;
296
+ "surface-active": DesignToken;
297
+ "stroke-subtle": DesignToken;
298
+ stroke: DesignToken;
299
+ "stroke-strong": DesignToken;
300
+ "stroke-contrast": DesignToken;
301
+ "stroke-accent": DesignToken;
302
+ text: DesignToken;
303
+ "text-secondary": DesignToken;
304
+ "text-subtle": DesignToken;
305
+ "text-accent": DesignToken;
306
+ contrast: DesignToken;
307
+ "contrast-hover": DesignToken;
308
+ fill: DesignToken;
309
+ "on-fill": DesignToken;
310
+ };
311
+ "stroke-basic-subtle": DesignToken;
312
+ "stroke-basic": DesignToken;
313
+ "stroke-basic-strong": DesignToken;
314
+ "stroke-basic-contrast": DesignToken;
315
+ };
316
+ states: {
317
+ hover: DesignToken;
318
+ press: DesignToken;
319
+ focus: DesignToken;
320
+ "focus-background": DesignToken;
321
+ required: DesignToken;
322
+ "hover-dark": DesignToken;
323
+ "hover-light": DesignToken;
324
+ "press-dark": DesignToken;
325
+ "press-light": DesignToken;
326
+ };
186
327
  opacity: {
187
328
  dark_80: DesignToken;
188
329
  dark_50: DesignToken;
@@ -195,6 +336,10 @@ declare const tokens: {
195
336
  thin: DesignToken;
196
337
  medium: DesignToken;
197
338
  thick: DesignToken;
339
+ focus: DesignToken;
340
+ subtle: DesignToken;
341
+ default: DesignToken;
342
+ strong: DesignToken;
198
343
  };
199
344
  radius: {
200
345
  none: DesignToken;
@@ -221,8 +366,8 @@ declare const tokens: {
221
366
  };
222
367
  font: {
223
368
  family: {
224
- Plain: DesignToken;
225
369
  Brand: DesignToken;
370
+ Plain: DesignToken;
226
371
  };
227
372
  weight: {
228
373
  Bold: DesignToken;
@@ -233,19 +378,19 @@ declare const tokens: {
233
378
  Secondary: DesignToken;
234
379
  Disabled: DesignToken;
235
380
  Accent: DesignToken;
236
- Link: DesignToken;
381
+ Strong_accent: DesignToken;
237
382
  Primary_dark_background: DesignToken;
238
- Secondary_dark_background_2: DesignToken;
383
+ Secondary_dark_background: DesignToken;
239
384
  Disabled_dark_background: DesignToken;
240
385
  Accent_dark_background: DesignToken;
386
+ Strong_accent_dark_background: DesignToken;
387
+ Primary_light_blue_background: DesignToken;
388
+ Secondary_light_blue_background: DesignToken;
389
+ Disabled_light_blue_background: DesignToken;
390
+ Accent_light_blue_background: DesignToken;
391
+ Strong_accent_light_blue_background: DesignToken;
241
392
  };
242
393
  };
243
- states: {
244
- "hover-dark": DesignToken;
245
- "hover-light": DesignToken;
246
- "press-dark": DesignToken;
247
- "press-light": DesignToken;
248
- };
249
394
  layout: {
250
395
  "navbar-height": DesignToken;
251
396
  };