@dialpad/dialtone-tokens 1.9.0 → 1.11.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 (9) hide show
  1. package/dist/android/java/tokens.kt +173 -1
  2. package/dist/android/res/values/colors.xml +16 -1
  3. package/dist/android/res/values/dimens.xml +158 -1
  4. package/dist/css/variables.css +176 -4
  5. package/dist/doc.json +7712 -4616
  6. package/dist/ios/tokens.swift +176 -4
  7. package/dist/less/variables.less +176 -4
  8. package/dist/tokens.json +175 -3
  9. package/package.json +2 -2
package/dist/ios/tokens.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 14 Apr 2023 23:54:34 GMT
7
+ // Generated on Tue, 02 May 2023 06:28:52 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -54,6 +54,21 @@ public enum DialtoneTokens {
54
54
  public static let dtActionColorForegroundMutedActive = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
55
55
  public static let dtActionColorForegroundMutedDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
56
56
  public static let dtActionColorForegroundMutedHover = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
57
+ public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
58
+ public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
59
+ public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
60
+ public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.09019607843137255)
61
+ public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
62
+ public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
63
+ public static let dtBadgeColorBackgroundWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
64
+ public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
65
+ public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
66
+ public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
67
+ public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
68
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
69
+ public static let dtCheckboxSizeHeight = CGFloat(16.00)
70
+ public static let dtCheckboxSizeRadius = CGFloat(4.00)
71
+ public static let dtCheckboxSizeWidth = CGFloat(16.00)
57
72
  public static let dtColorBlack100 = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
58
73
  public static let dtColorBlack200 = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
59
74
  public static let dtColorBlack300 = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
@@ -219,7 +234,7 @@ public enum DialtoneTokens {
219
234
  public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
220
235
  public static let dtFontFamilyBody = "-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"
221
236
  public static let dtFontFamilyExpressive = "Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"
222
- public static let dtFontFamilyMono = "SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace"
237
+ public static let dtFontFamilyMono = "SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace"
223
238
  public static let dtFontLineHeight100 = CGFloat(100.00)
224
239
  public static let dtFontLineHeight200 = CGFloat(120.00)
225
240
  public static let dtFontLineHeight300 = CGFloat(140.00)
@@ -240,6 +255,22 @@ public enum DialtoneTokens {
240
255
  public static let dtFontWeightMedium = 500
241
256
  public static let dtFontWeightNormal = 400
242
257
  public static let dtFontWeightSemiBold = 600
258
+ public static let dtIconSize100 = CGFloat(12.00)
259
+ public static let dtIconSize200 = CGFloat(14.00)
260
+ public static let dtIconSize300 = CGFloat(18.00)
261
+ public static let dtIconSize400 = CGFloat(20.00)
262
+ public static let dtIconSize500 = CGFloat(24.00)
263
+ public static let dtIconSize600 = CGFloat(32.00)
264
+ public static let dtIconSize700 = CGFloat(38.00)
265
+ public static let dtIconSize800 = CGFloat(48.00)
266
+ public static let dtIconSizeBorder100 = CGFloat(1.00)
267
+ public static let dtIconSizeBorder200 = CGFloat(1.25)
268
+ public static let dtIconSizeBorder300 = CGFloat(1.50)
269
+ public static let dtIconSizeBorder400 = CGFloat(1.75)
270
+ public static let dtIconSizeBorder500 = CGFloat(1.75)
271
+ public static let dtIconSizeBorder600 = CGFloat(2.50)
272
+ public static let dtIconSizeBorder700 = CGFloat(2.75)
273
+ public static let dtIconSizeBorder800 = CGFloat(3.50)
243
274
  public static let dtInputsColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
244
275
  public static let dtInputsColorBackgroundDisabled = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12156862745098039)
245
276
  public static let dtInputsColorBackgroundFocus = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.011764705882352941)
@@ -279,6 +310,12 @@ public enum DialtoneTokens {
279
310
  public static let dtOpacity700 = CGFloat(0.50)
280
311
  public static let dtOpacity800 = CGFloat(0.60)
281
312
  public static let dtOpacity900 = CGFloat(0.70)
313
+ public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
314
+ public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
315
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
316
+ public static let dtRadioSizeHeight = CGFloat(16.00)
317
+ public static let dtRadioSizeRadius = CGFloat(50.00)
318
+ public static let dtRadioSizeWidth = CGFloat(16.00)
282
319
  public static let dtShadowCard0Blur = CGFloat(2.00)
283
320
  public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
284
321
  public static let dtShadowCard0Spread = CGFloat(0.00)
@@ -322,34 +359,101 @@ public enum DialtoneTokens {
322
359
  public static let dtShadowSmall0X = CGFloat(0.00)
323
360
  public static let dtShadowSmall0Y = CGFloat(2.00)
324
361
  public static let dtSize0 = CGFloat(0.00)
362
+ public static let dtSize0Percent = CGFloat(0.00)
325
363
  public static let dtSize100 = CGFloat(1.00)
364
+ public static let dtSize1000 = CGFloat(512.00)
365
+ public static let dtSize1000Negative = CGFloat(-512.00)
326
366
  public static let dtSize100Negative = CGFloat(-1.00)
367
+ public static let dtSize100Percent = CGFloat(100.00)
368
+ public static let dtSize1020 = CGFloat(628.00)
369
+ public static let dtSize1020Negative = CGFloat(-628.00)
370
+ public static let dtSize1040 = CGFloat(764.00)
371
+ public static let dtSize1040Negative = CGFloat(-764.00)
372
+ public static let dtSize1050 = CGFloat(768.00)
373
+ public static let dtSize1050Negative = CGFloat(-768.00)
374
+ public static let dtSize1060 = CGFloat(828.00)
375
+ public static let dtSize1060Negative = CGFloat(-828.00)
376
+ public static let dtSize1080 = CGFloat(912.00)
377
+ public static let dtSize1080Negative = CGFloat(-912.00)
378
+ public static let dtSize10Percent = CGFloat(10.00)
379
+ public static let dtSize1100 = CGFloat(1024.00)
380
+ public static let dtSize1100Negative = CGFloat(-1024.00)
381
+ public static let dtSize1115 = CGFloat(1140.00)
382
+ public static let dtSize1115Negative = CGFloat(-1140.00)
383
+ public static let dtSize1120 = CGFloat(1268.00)
384
+ public static let dtSize1120Negative = CGFloat(-1268.00)
385
+ public static let dtSize1125 = CGFloat(1280.00)
386
+ public static let dtSize1125Negative = CGFloat(-1280.00)
387
+ public static let dtSize1130 = CGFloat(1340.00)
388
+ public static let dtSize1130Negative = CGFloat(-1340.00)
389
+ public static let dtSize1150 = CGFloat(1536.00)
390
+ public static let dtSize1150Negative = CGFloat(-1536.00)
391
+ public static let dtSize1200 = CGFloat(2048.00)
392
+ public static let dtSize1200Negative = CGFloat(-2048.00)
327
393
  public static let dtSize200 = CGFloat(2.00)
328
394
  public static let dtSize200Negative = CGFloat(-2.00)
395
+ public static let dtSize20Percent = CGFloat(20.00)
396
+ public static let dtSize25Percent = CGFloat(25.00)
329
397
  public static let dtSize300 = CGFloat(4.00)
330
398
  public static let dtSize300Negative = CGFloat(-4.00)
399
+ public static let dtSize30Percent = CGFloat(30.00)
400
+ public static let dtSize33Percent = CGFloat(33.33)
331
401
  public static let dtSize350 = CGFloat(6.00)
332
402
  public static let dtSize350Negative = CGFloat(-6.00)
333
403
  public static let dtSize400 = CGFloat(8.00)
334
404
  public static let dtSize400Negative = CGFloat(-8.00)
405
+ public static let dtSize40Percent = CGFloat(40.00)
335
406
  public static let dtSize450 = CGFloat(12.00)
336
407
  public static let dtSize450Negative = CGFloat(-12.00)
337
408
  public static let dtSize50 = CGFloat(0.50)
338
409
  public static let dtSize500 = CGFloat(16.00)
339
410
  public static let dtSize500Negative = CGFloat(-16.00)
340
411
  public static let dtSize50Negative = CGFloat(-0.50)
412
+ public static let dtSize50Percent = CGFloat(50.00)
341
413
  public static let dtSize550 = CGFloat(24.00)
342
414
  public static let dtSize550Negative = CGFloat(-24.00)
415
+ public static let dtSize5Percent = CGFloat(5.00)
343
416
  public static let dtSize600 = CGFloat(32.00)
344
417
  public static let dtSize600Negative = CGFloat(-32.00)
418
+ public static let dtSize60Percent = CGFloat(60.00)
419
+ public static let dtSize625 = CGFloat(42.00)
420
+ public static let dtSize625Negative = CGFloat(-42.00)
345
421
  public static let dtSize650 = CGFloat(48.00)
346
422
  public static let dtSize650Negative = CGFloat(-48.00)
423
+ public static let dtSize66Percent = CGFloat(66.70)
347
424
  public static let dtSize700 = CGFloat(64.00)
348
425
  public static let dtSize700Negative = CGFloat(-64.00)
426
+ public static let dtSize70Percent = CGFloat(70.00)
427
+ public static let dtSize720 = CGFloat(72.00)
428
+ public static let dtSize720Negative = CGFloat(-72.00)
429
+ public static let dtSize730 = CGFloat(84.00)
430
+ public static let dtSize730Negative = CGFloat(-84.00)
349
431
  public static let dtSize750 = CGFloat(96.00)
350
432
  public static let dtSize750Negative = CGFloat(-96.00)
433
+ public static let dtSize75Percent = CGFloat(75.00)
434
+ public static let dtSize760 = CGFloat(102.00)
435
+ public static let dtSize760Negative = CGFloat(-102.00)
436
+ public static let dtSize775 = CGFloat(112.00)
437
+ public static let dtSize775Negative = CGFloat(-112.00)
351
438
  public static let dtSize800 = CGFloat(128.00)
352
439
  public static let dtSize800Negative = CGFloat(-128.00)
440
+ public static let dtSize80Percent = CGFloat(80.00)
441
+ public static let dtSize825 = CGFloat(164.00)
442
+ public static let dtSize825Negative = CGFloat(-164.00)
443
+ public static let dtSize850 = CGFloat(192.00)
444
+ public static let dtSize850Negative = CGFloat(-192.00)
445
+ public static let dtSize875 = CGFloat(216.00)
446
+ public static let dtSize875Negative = CGFloat(-216.00)
447
+ public static let dtSize900 = CGFloat(256.00)
448
+ public static let dtSize900Negative = CGFloat(-256.00)
449
+ public static let dtSize90Percent = CGFloat(90.00)
450
+ public static let dtSize925 = CGFloat(332.00)
451
+ public static let dtSize925Negative = CGFloat(-332.00)
452
+ public static let dtSize950 = CGFloat(384.00)
453
+ public static let dtSize950Negative = CGFloat(-384.00)
454
+ public static let dtSize95Percent = CGFloat(95.00)
455
+ public static let dtSize975 = CGFloat(464.00)
456
+ public static let dtSize975Negative = CGFloat(-464.00)
353
457
  public static let dtSizeBase = CGFloat(8.00)
354
458
  public static let dtSizeBorder0 = CGFloat(0.00)
355
459
  public static let dtSizeBorder100 = CGFloat(1.00)
@@ -369,34 +473,102 @@ public enum DialtoneTokens {
369
473
  public static let dtSizeRadiusCircle = CGFloat(50.00)
370
474
  public static let dtSizeRadiusPill = CGFloat(100.00)
371
475
  public static let dtSpace0 = CGFloat(0.00)
476
+ public static let dtSpace0Percent = CGFloat(0.00)
372
477
  public static let dtSpace100 = CGFloat(1.00)
478
+ public static let dtSpace1000 = CGFloat(512.00)
479
+ public static let dtSpace1000Negative = CGFloat(-512.00)
373
480
  public static let dtSpace100Negative = CGFloat(-1.00)
481
+ public static let dtSpace100Percent = CGFloat(100.00)
482
+ public static let dtSpace1020 = CGFloat(628.00)
483
+ public static let dtSpace1020Negative = CGFloat(-628.00)
484
+ public static let dtSpace1040 = CGFloat(764.00)
485
+ public static let dtSpace1040Negative = CGFloat(-764.00)
486
+ public static let dtSpace1050 = CGFloat(768.00)
487
+ public static let dtSpace1050Negative = CGFloat(-768.00)
488
+ public static let dtSpace1060 = CGFloat(828.00)
489
+ public static let dtSpace1060Negative = CGFloat(-828.00)
490
+ public static let dtSpace1080 = CGFloat(912.00)
491
+ public static let dtSpace1080Negative = CGFloat(-912.00)
492
+ public static let dtSpace10Percent = CGFloat(10.00)
493
+ public static let dtSpace1100 = CGFloat(1024.00)
494
+ public static let dtSpace1100Negative = CGFloat(-1024.00)
495
+ public static let dtSpace1115 = CGFloat(1140.00)
496
+ public static let dtSpace1115Negative = CGFloat(-1140.00)
497
+ public static let dtSpace1120 = CGFloat(1268.00)
498
+ public static let dtSpace1120Negative = CGFloat(-1268.00)
499
+ public static let dtSpace1125 = CGFloat(1280.00)
500
+ public static let dtSpace1125Negative = CGFloat(-1280.00)
501
+ public static let dtSpace1130 = CGFloat(1340.00)
502
+ public static let dtSpace1130Negative = CGFloat(-1340.00)
503
+ public static let dtSpace1150 = CGFloat(1536.00)
504
+ public static let dtSpace1150Negative = CGFloat(-1536.00)
505
+ public static let dtSpace1200 = CGFloat(2048.00)
506
+ public static let dtSpace1200Negative = CGFloat(-2048.00)
374
507
  public static let dtSpace200 = CGFloat(2.00)
375
508
  public static let dtSpace200Negative = CGFloat(-2.00)
509
+ public static let dtSpace20Percent = CGFloat(20.00)
510
+ public static let dtSpace25Percent = CGFloat(25.00)
376
511
  public static let dtSpace300 = CGFloat(4.00)
377
512
  public static let dtSpace300Negative = CGFloat(-4.00)
513
+ public static let dtSpace30Percent = CGFloat(30.00)
514
+ public static let dtSpace33Percent = CGFloat(33.33)
378
515
  public static let dtSpace350 = CGFloat(6.00)
379
516
  public static let dtSpace350Negative = CGFloat(-6.00)
380
517
  public static let dtSpace400 = CGFloat(8.00)
381
518
  public static let dtSpace400Negative = CGFloat(-8.00)
519
+ public static let dtSpace40Percent = CGFloat(40.00)
382
520
  public static let dtSpace450 = CGFloat(12.00)
383
521
  public static let dtSpace450Negative = CGFloat(-12.00)
384
522
  public static let dtSpace50 = CGFloat(0.50)
385
523
  public static let dtSpace500 = CGFloat(16.00)
386
524
  public static let dtSpace500Negative = CGFloat(-16.00)
387
525
  public static let dtSpace50Negative = CGFloat(-0.50)
526
+ public static let dtSpace50Percent = CGFloat(50.00)
388
527
  public static let dtSpace550 = CGFloat(24.00)
389
528
  public static let dtSpace550Negative = CGFloat(-24.00)
529
+ public static let dtSpace5Percent = CGFloat(5.00)
390
530
  public static let dtSpace600 = CGFloat(32.00)
391
531
  public static let dtSpace600Negative = CGFloat(-32.00)
532
+ public static let dtSpace60Percent = CGFloat(60.00)
533
+ public static let dtSpace625 = CGFloat(42.00)
534
+ public static let dtSpace625Negative = CGFloat(-42.00)
392
535
  public static let dtSpace650 = CGFloat(48.00)
393
536
  public static let dtSpace650Negative = CGFloat(-48.00)
537
+ public static let dtSpace66Percent = CGFloat(66.70)
394
538
  public static let dtSpace700 = CGFloat(64.00)
395
539
  public static let dtSpace700Negative = CGFloat(-64.00)
540
+ public static let dtSpace70Percent = CGFloat(70.00)
541
+ public static let dtSpace720 = CGFloat(72.00)
542
+ public static let dtSpace720Negative = CGFloat(-72.00)
543
+ public static let dtSpace730 = CGFloat(84.00)
544
+ public static let dtSpace730Negative = CGFloat(-84.00)
396
545
  public static let dtSpace750 = CGFloat(96.00)
397
546
  public static let dtSpace750Negative = CGFloat(-96.00)
547
+ public static let dtSpace75Percent = CGFloat(75.00)
548
+ public static let dtSpace760 = CGFloat(102.00)
549
+ public static let dtSpace760Negative = CGFloat(-102.00)
550
+ public static let dtSpace77 = CGFloat(112.00)
551
+ public static let dtSpace775 = CGFloat(112.00)
552
+ public static let dtSpace775Negative = CGFloat(-112.00)
398
553
  public static let dtSpace800 = CGFloat(128.00)
399
554
  public static let dtSpace800Negative = CGFloat(-128.00)
555
+ public static let dtSpace80Percent = CGFloat(80.00)
556
+ public static let dtSpace825 = CGFloat(164.00)
557
+ public static let dtSpace825Negative = CGFloat(-164.00)
558
+ public static let dtSpace850 = CGFloat(192.00)
559
+ public static let dtSpace850Negative = CGFloat(-192.00)
560
+ public static let dtSpace875 = CGFloat(216.00)
561
+ public static let dtSpace875Negative = CGFloat(-216.00)
562
+ public static let dtSpace900 = CGFloat(256.00)
563
+ public static let dtSpace900Negative = CGFloat(-256.00)
564
+ public static let dtSpace90Percent = CGFloat(90.00)
565
+ public static let dtSpace925 = CGFloat(332.00)
566
+ public static let dtSpace925Negative = CGFloat(-332.00)
567
+ public static let dtSpace950 = CGFloat(384.00)
568
+ public static let dtSpace950Negative = CGFloat(-384.00)
569
+ public static let dtSpace95Percent = CGFloat(95.00)
570
+ public static let dtSpace975 = CGFloat(464.00)
571
+ public static let dtSpace975Negative = CGFloat(-464.00)
400
572
  public static let dtSpaceBase = CGFloat(8.00)
401
573
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
402
574
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
@@ -433,12 +605,12 @@ public enum DialtoneTokens {
433
605
  public static let dtTypographyBodySmallFontWeight = 400
434
606
  public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
435
607
  public static let dtTypographyBodySmallTextCase = "none"
436
- public static let dtTypographyCodeBaseFontFamily = SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace
608
+ public static let dtTypographyCodeBaseFontFamily = SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace
437
609
  public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
438
610
  public static let dtTypographyCodeBaseFontWeight = 400
439
611
  public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
440
612
  public static let dtTypographyCodeBaseTextCase = "none"
441
- public static let dtTypographyCodeSmallFontFamily = SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace
613
+ public static let dtTypographyCodeSmallFontFamily = SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace
442
614
  public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
443
615
  public static let dtTypographyCodeSmallFontWeight = 400
444
616
  public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
package/dist/less/variables.less CHANGED
@@ -1,7 +1,44 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 14 Apr 2023 23:54:33 GMT
3
+ // Generated on Tue, 02 May 2023 06:28:51 GMT
4
4
 
5
+ @dt-radio-size-width: 1.6rem;
6
+ @dt-radio-size-height: 1.6rem;
7
+ @dt-radio-size-radius: 5rem;
8
+ @dt-radio-color-border-unchecked: #AAAAAA;
9
+ @dt-radio-color-border-checked: #7C52FF;
10
+ @dt-radio-color-background-checked: #7C52FF;
11
+ @dt-icon-size-100: 1.2rem;
12
+ @dt-icon-size-200: 1.4rem;
13
+ @dt-icon-size-300: 1.8rem;
14
+ @dt-icon-size-400: 2rem;
15
+ @dt-icon-size-500: 2.4rem;
16
+ @dt-icon-size-600: 3.2rem;
17
+ @dt-icon-size-700: 3.8rem;
18
+ @dt-icon-size-800: 4.8rem;
19
+ @dt-icon-size-border-100: 0.1rem;
20
+ @dt-icon-size-border-200: 0.125rem;
21
+ @dt-icon-size-border-300: 0.15rem;
22
+ @dt-icon-size-border-400: 0.175rem;
23
+ @dt-icon-size-border-500: 0.175rem;
24
+ @dt-icon-size-border-600: 0.25rem;
25
+ @dt-icon-size-border-700: 0.275rem;
26
+ @dt-icon-size-border-800: 0.35rem;
27
+ @dt-checkbox-size-width: 1.6rem;
28
+ @dt-checkbox-size-height: 1.6rem;
29
+ @dt-checkbox-size-radius: 0.4rem;
30
+ @dt-checkbox-color-border-unchecked: #AAAAAA;
31
+ @dt-checkbox-color-border-checked: #7C52FF;
32
+ @dt-checkbox-color-background-checked: #7C52FF;
33
+ @dt-badge-color-background-default: #00000017;
34
+ @dt-badge-color-background-info: #EAF2FA;
35
+ @dt-badge-color-background-success: #EDF9EB;
36
+ @dt-badge-color-background-warning: #FFF4CC;
37
+ @dt-badge-color-background-critical: #FFE5E6;
38
+ @dt-badge-color-background-bulletin: #7C52FF;
39
+ @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
40
+ @dt-badge-color-foreground-default: #000000;
41
+ @dt-badge-color-foreground-bulletin: #ffffff;
5
42
  @dt-color-foreground-primary: #000000;
6
43
  @dt-color-foreground-secondary: #3a3a3a;
7
44
  @dt-color-foreground-tertiary: #555555;
@@ -290,12 +327,12 @@
290
327
  @dt-typography-helper-base-line-height: 140%;
291
328
  @dt-typography-helper-base-font-size: 1.5rem;
292
329
  @dt-typography-helper-base-text-case: none;
293
- @dt-typography-code-small-font-family: SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace;
330
+ @dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
294
331
  @dt-typography-code-small-font-weight: 400;
295
332
  @dt-typography-code-small-line-height: 120%;
296
333
  @dt-typography-code-small-font-size: 1.2rem;
297
334
  @dt-typography-code-small-text-case: none;
298
- @dt-typography-code-base-font-family: SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace;
335
+ @dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
299
336
  @dt-typography-code-base-font-weight: 400;
300
337
  @dt-typography-code-base-line-height: 120%;
301
338
  @dt-typography-code-base-font-size: 1.5rem;
@@ -311,10 +348,35 @@
311
348
  @dt-size-500: 1.6rem;
312
349
  @dt-size-550: 2.4rem;
313
350
  @dt-size-600: 3.2rem;
351
+ @dt-size-625: 4.2rem;
314
352
  @dt-size-650: 4.8rem;
315
353
  @dt-size-700: 6.4rem;
354
+ @dt-size-720: 7.2rem;
355
+ @dt-size-730: 8.4rem;
316
356
  @dt-size-750: 9.6rem;
357
+ @dt-size-760: 10.2rem;
358
+ @dt-size-775: 11.2rem;
317
359
  @dt-size-800: 12.8rem;
360
+ @dt-size-825: 16.4rem;
361
+ @dt-size-850: 19.2rem;
362
+ @dt-size-875: 21.6rem;
363
+ @dt-size-900: 25.6rem;
364
+ @dt-size-925: 33.2rem;
365
+ @dt-size-950: 38.4rem;
366
+ @dt-size-975: 46.4rem;
367
+ @dt-size-1000: 51.2rem;
368
+ @dt-size-1020: 62.8rem;
369
+ @dt-size-1040: 76.4rem;
370
+ @dt-size-1050: 76.8rem;
371
+ @dt-size-1060: 82.8rem;
372
+ @dt-size-1080: 91.2rem;
373
+ @dt-size-1100: 102.4rem;
374
+ @dt-size-1115: 114rem;
375
+ @dt-size-1120: 126.8rem;
376
+ @dt-size-1125: 128rem;
377
+ @dt-size-1130: 134rem;
378
+ @dt-size-1150: 153.6rem;
379
+ @dt-size-1200: 204.8rem;
318
380
  @dt-size-border-0: 0;
319
381
  @dt-size-border-50: 0.05rem;
320
382
  @dt-size-border-100: 0.1rem;
@@ -333,10 +395,52 @@
333
395
  @dt-size-500-negative: -1.6rem;
334
396
  @dt-size-550-negative: -2.4rem;
335
397
  @dt-size-600-negative: -3.2rem;
398
+ @dt-size-625-negative: -4.2rem;
336
399
  @dt-size-650-negative: -4.8rem;
337
400
  @dt-size-700-negative: -6.4rem;
401
+ @dt-size-720-negative: -7.2rem;
402
+ @dt-size-730-negative: -8.4rem;
338
403
  @dt-size-750-negative: -9.6rem;
404
+ @dt-size-760-negative: -10.2rem;
405
+ @dt-size-775-negative: -11.2rem;
339
406
  @dt-size-800-negative: -12.8rem;
407
+ @dt-size-825-negative: -16.4rem;
408
+ @dt-size-850-negative: -19.2rem;
409
+ @dt-size-875-negative: -21.6rem;
410
+ @dt-size-900-negative: -25.6rem;
411
+ @dt-size-925-negative: -33.2rem;
412
+ @dt-size-950-negative: -38.4rem;
413
+ @dt-size-975-negative: -46.4rem;
414
+ @dt-size-1000-negative: -51.2rem;
415
+ @dt-size-1020-negative: -62.8rem;
416
+ @dt-size-1040-negative: -76.4rem;
417
+ @dt-size-1050-negative: -76.8rem;
418
+ @dt-size-1060-negative: -82.8rem;
419
+ @dt-size-1080-negative: -91.2rem;
420
+ @dt-size-1100-negative: -102.4rem;
421
+ @dt-size-1115-negative: -114rem;
422
+ @dt-size-1120-negative: -126.8rem;
423
+ @dt-size-1125-negative: -128rem;
424
+ @dt-size-1130-negative: -134rem;
425
+ @dt-size-1150-negative: -153.6rem;
426
+ @dt-size-1200-negative: -204.8rem;
427
+ @dt-size-0-percent: 0;
428
+ @dt-size-5-percent: 0.5rem;
429
+ @dt-size-10-percent: 1rem;
430
+ @dt-size-20-percent: 2rem;
431
+ @dt-size-25-percent: 2.5rem;
432
+ @dt-size-30-percent: 3rem;
433
+ @dt-size-33-percent: 3.3333rem;
434
+ @dt-size-40-percent: 4rem;
435
+ @dt-size-50-percent: 5rem;
436
+ @dt-size-60-percent: 6rem;
437
+ @dt-size-66-percent: 6.67rem;
438
+ @dt-size-70-percent: 7rem;
439
+ @dt-size-75-percent: 7.5rem;
440
+ @dt-size-80-percent: 8rem;
441
+ @dt-size-90-percent: 9rem;
442
+ @dt-size-95-percent: 9.5rem;
443
+ @dt-size-100-percent: 10rem;
340
444
  @dt-size-base: 0.8rem;
341
445
  @dt-size-radius-0: 0;
342
446
  @dt-size-radius-100: 0.1rem;
@@ -447,7 +551,7 @@
447
551
  @dt-opacity-1300: 1;
448
552
  @dt-font-family-body: "-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol";
449
553
  @dt-font-family-expressive: "Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol";
450
- @dt-font-family-mono: "SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace";
554
+ @dt-font-family-mono: "SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace";
451
555
  @dt-font-size-100: 1.2rem;
452
556
  @dt-font-size-200: 1.5rem;
453
557
  @dt-font-size-300: 1.9rem;
@@ -470,6 +574,7 @@
470
574
  @dt-font-text-case-none: none;
471
575
  @dt-space-0: 0px;
472
576
  @dt-space-50: 0.5px;
577
+ @dt-space-77: 112px;
473
578
  @dt-space-100: 1px;
474
579
  @dt-space-200: 2px;
475
580
  @dt-space-300: 4px;
@@ -479,10 +584,35 @@
479
584
  @dt-space-500: 16px;
480
585
  @dt-space-550: 24px;
481
586
  @dt-space-600: 32px;
587
+ @dt-space-625: 42px;
482
588
  @dt-space-650: 48px;
483
589
  @dt-space-700: 64px;
590
+ @dt-space-720: 72px;
591
+ @dt-space-730: 84px;
484
592
  @dt-space-750: 96px;
593
+ @dt-space-760: 102px;
594
+ @dt-space-775: 112px;
485
595
  @dt-space-800: 128px;
596
+ @dt-space-825: 164px;
597
+ @dt-space-850: 192px;
598
+ @dt-space-875: 216px;
599
+ @dt-space-900: 256px;
600
+ @dt-space-925: 332px;
601
+ @dt-space-950: 384px;
602
+ @dt-space-975: 464px;
603
+ @dt-space-1000: 512px;
604
+ @dt-space-1020: 628px;
605
+ @dt-space-1040: 764px;
606
+ @dt-space-1050: 768px;
607
+ @dt-space-1060: 828px;
608
+ @dt-space-1080: 912px;
609
+ @dt-space-1100: 1024px;
610
+ @dt-space-1115: 1140px;
611
+ @dt-space-1120: 1268px;
612
+ @dt-space-1125: 1280px;
613
+ @dt-space-1130: 1340px;
614
+ @dt-space-1150: 1536px;
615
+ @dt-space-1200: 2048px;
486
616
  @dt-space-50-negative: -0.5px;
487
617
  @dt-space-100-negative: -1px;
488
618
  @dt-space-200-negative: -2px;
@@ -493,10 +623,52 @@
493
623
  @dt-space-500-negative: -16px;
494
624
  @dt-space-550-negative: -24px;
495
625
  @dt-space-600-negative: -32px;
626
+ @dt-space-625-negative: -42px;
496
627
  @dt-space-650-negative: -48px;
497
628
  @dt-space-700-negative: -64px;
629
+ @dt-space-720-negative: -72px;
630
+ @dt-space-730-negative: -84px;
498
631
  @dt-space-750-negative: -96px;
632
+ @dt-space-760-negative: -102px;
633
+ @dt-space-775-negative: -112px;
499
634
  @dt-space-800-negative: -128px;
635
+ @dt-space-825-negative: -164px;
636
+ @dt-space-850-negative: -192px;
637
+ @dt-space-875-negative: -216px;
638
+ @dt-space-900-negative: -256px;
639
+ @dt-space-925-negative: -332px;
640
+ @dt-space-950-negative: -384px;
641
+ @dt-space-975-negative: -464px;
642
+ @dt-space-1000-negative: -512px;
643
+ @dt-space-1020-negative: -628px;
644
+ @dt-space-1040-negative: -764px;
645
+ @dt-space-1050-negative: -768px;
646
+ @dt-space-1060-negative: -828px;
647
+ @dt-space-1080-negative: -912px;
648
+ @dt-space-1100-negative: -1024px;
649
+ @dt-space-1115-negative: -1140px;
650
+ @dt-space-1120-negative: -1268px;
651
+ @dt-space-1125-negative: -1280px;
652
+ @dt-space-1130-negative: -1340px;
653
+ @dt-space-1150-negative: -1536px;
654
+ @dt-space-1200-negative: -2048px;
655
+ @dt-space-0-percent: 0%;
656
+ @dt-space-5-percent: 5%;
657
+ @dt-space-10-percent: 10%;
658
+ @dt-space-20-percent: 20%;
659
+ @dt-space-25-percent: 25%;
660
+ @dt-space-30-percent: 30%;
661
+ @dt-space-33-percent: 33.333%;
662
+ @dt-space-40-percent: 40%;
663
+ @dt-space-50-percent: 50%;
664
+ @dt-space-60-percent: 60%;
665
+ @dt-space-66-percent: 66.7%;
666
+ @dt-space-70-percent: 70%;
667
+ @dt-space-75-percent: 75%;
668
+ @dt-space-80-percent: 80%;
669
+ @dt-space-90-percent: 90%;
670
+ @dt-space-95-percent: 95%;
671
+ @dt-space-100-percent: 100%;
500
672
  @dt-space-base: 8px;
501
673
  @dt-shadow-small-0-x: 0;
502
674
  @dt-shadow-small-0-y: 0.2rem;