@dialpad/dialtone-tokens 1.10.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 +136 -1
  2. package/dist/android/res/values/colors.xml +1 -1
  3. package/dist/android/res/values/dimens.xml +136 -1
  4. package/dist/css/variables.css +139 -4
  5. package/dist/doc.json +3901 -1471
  6. package/dist/ios/tokens.swift +139 -4
  7. package/dist/less/variables.less +139 -4
  8. package/dist/tokens.json +138 -3
  9. package/package.json +1 -1
package/dist/ios/tokens.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 18 Apr 2023 16:24:56 GMT
7
+ // Generated on Tue, 02 May 2023 06:28:52 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -234,7 +234,7 @@ public enum DialtoneTokens {
234
234
  public static let dtColorTan500 = UIColor(red: 0.071, green: 0.071, blue: 0.071, alpha: 1)
235
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"
236
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"
237
- 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"
238
238
  public static let dtFontLineHeight100 = CGFloat(100.00)
239
239
  public static let dtFontLineHeight200 = CGFloat(120.00)
240
240
  public static let dtFontLineHeight300 = CGFloat(140.00)
@@ -359,34 +359,101 @@ public enum DialtoneTokens {
359
359
  public static let dtShadowSmall0X = CGFloat(0.00)
360
360
  public static let dtShadowSmall0Y = CGFloat(2.00)
361
361
  public static let dtSize0 = CGFloat(0.00)
362
+ public static let dtSize0Percent = CGFloat(0.00)
362
363
  public static let dtSize100 = CGFloat(1.00)
364
+ public static let dtSize1000 = CGFloat(512.00)
365
+ public static let dtSize1000Negative = CGFloat(-512.00)
363
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)
364
393
  public static let dtSize200 = CGFloat(2.00)
365
394
  public static let dtSize200Negative = CGFloat(-2.00)
395
+ public static let dtSize20Percent = CGFloat(20.00)
396
+ public static let dtSize25Percent = CGFloat(25.00)
366
397
  public static let dtSize300 = CGFloat(4.00)
367
398
  public static let dtSize300Negative = CGFloat(-4.00)
399
+ public static let dtSize30Percent = CGFloat(30.00)
400
+ public static let dtSize33Percent = CGFloat(33.33)
368
401
  public static let dtSize350 = CGFloat(6.00)
369
402
  public static let dtSize350Negative = CGFloat(-6.00)
370
403
  public static let dtSize400 = CGFloat(8.00)
371
404
  public static let dtSize400Negative = CGFloat(-8.00)
405
+ public static let dtSize40Percent = CGFloat(40.00)
372
406
  public static let dtSize450 = CGFloat(12.00)
373
407
  public static let dtSize450Negative = CGFloat(-12.00)
374
408
  public static let dtSize50 = CGFloat(0.50)
375
409
  public static let dtSize500 = CGFloat(16.00)
376
410
  public static let dtSize500Negative = CGFloat(-16.00)
377
411
  public static let dtSize50Negative = CGFloat(-0.50)
412
+ public static let dtSize50Percent = CGFloat(50.00)
378
413
  public static let dtSize550 = CGFloat(24.00)
379
414
  public static let dtSize550Negative = CGFloat(-24.00)
415
+ public static let dtSize5Percent = CGFloat(5.00)
380
416
  public static let dtSize600 = CGFloat(32.00)
381
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)
382
421
  public static let dtSize650 = CGFloat(48.00)
383
422
  public static let dtSize650Negative = CGFloat(-48.00)
423
+ public static let dtSize66Percent = CGFloat(66.70)
384
424
  public static let dtSize700 = CGFloat(64.00)
385
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)
386
431
  public static let dtSize750 = CGFloat(96.00)
387
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)
388
438
  public static let dtSize800 = CGFloat(128.00)
389
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)
390
457
  public static let dtSizeBase = CGFloat(8.00)
391
458
  public static let dtSizeBorder0 = CGFloat(0.00)
392
459
  public static let dtSizeBorder100 = CGFloat(1.00)
@@ -406,34 +473,102 @@ public enum DialtoneTokens {
406
473
  public static let dtSizeRadiusCircle = CGFloat(50.00)
407
474
  public static let dtSizeRadiusPill = CGFloat(100.00)
408
475
  public static let dtSpace0 = CGFloat(0.00)
476
+ public static let dtSpace0Percent = CGFloat(0.00)
409
477
  public static let dtSpace100 = CGFloat(1.00)
478
+ public static let dtSpace1000 = CGFloat(512.00)
479
+ public static let dtSpace1000Negative = CGFloat(-512.00)
410
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)
411
507
  public static let dtSpace200 = CGFloat(2.00)
412
508
  public static let dtSpace200Negative = CGFloat(-2.00)
509
+ public static let dtSpace20Percent = CGFloat(20.00)
510
+ public static let dtSpace25Percent = CGFloat(25.00)
413
511
  public static let dtSpace300 = CGFloat(4.00)
414
512
  public static let dtSpace300Negative = CGFloat(-4.00)
513
+ public static let dtSpace30Percent = CGFloat(30.00)
514
+ public static let dtSpace33Percent = CGFloat(33.33)
415
515
  public static let dtSpace350 = CGFloat(6.00)
416
516
  public static let dtSpace350Negative = CGFloat(-6.00)
417
517
  public static let dtSpace400 = CGFloat(8.00)
418
518
  public static let dtSpace400Negative = CGFloat(-8.00)
519
+ public static let dtSpace40Percent = CGFloat(40.00)
419
520
  public static let dtSpace450 = CGFloat(12.00)
420
521
  public static let dtSpace450Negative = CGFloat(-12.00)
421
522
  public static let dtSpace50 = CGFloat(0.50)
422
523
  public static let dtSpace500 = CGFloat(16.00)
423
524
  public static let dtSpace500Negative = CGFloat(-16.00)
424
525
  public static let dtSpace50Negative = CGFloat(-0.50)
526
+ public static let dtSpace50Percent = CGFloat(50.00)
425
527
  public static let dtSpace550 = CGFloat(24.00)
426
528
  public static let dtSpace550Negative = CGFloat(-24.00)
529
+ public static let dtSpace5Percent = CGFloat(5.00)
427
530
  public static let dtSpace600 = CGFloat(32.00)
428
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)
429
535
  public static let dtSpace650 = CGFloat(48.00)
430
536
  public static let dtSpace650Negative = CGFloat(-48.00)
537
+ public static let dtSpace66Percent = CGFloat(66.70)
431
538
  public static let dtSpace700 = CGFloat(64.00)
432
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)
433
545
  public static let dtSpace750 = CGFloat(96.00)
434
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)
435
553
  public static let dtSpace800 = CGFloat(128.00)
436
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)
437
572
  public static let dtSpaceBase = CGFloat(8.00)
438
573
  public static let dtThemeMentionColorBackground = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
439
574
  public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
@@ -470,12 +605,12 @@ public enum DialtoneTokens {
470
605
  public static let dtTypographyBodySmallFontWeight = 400
471
606
  public static let dtTypographyBodySmallLineHeight = CGFloat(140.00)
472
607
  public static let dtTypographyBodySmallTextCase = "none"
473
- 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
474
609
  public static let dtTypographyCodeBaseFontSize = CGFloat(15.00)
475
610
  public static let dtTypographyCodeBaseFontWeight = 400
476
611
  public static let dtTypographyCodeBaseLineHeight = CGFloat(120.00)
477
612
  public static let dtTypographyCodeBaseTextCase = "none"
478
- 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
479
614
  public static let dtTypographyCodeSmallFontSize = CGFloat(12.00)
480
615
  public static let dtTypographyCodeSmallFontWeight = 400
481
616
  public static let dtTypographyCodeSmallLineHeight = CGFloat(120.00)
package/dist/less/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 18 Apr 2023 16:24:56 GMT
3
+ // Generated on Tue, 02 May 2023 06:28:51 GMT
4
4
 
5
5
  @dt-radio-size-width: 1.6rem;
6
6
  @dt-radio-size-height: 1.6rem;
@@ -327,12 +327,12 @@
327
327
  @dt-typography-helper-base-line-height: 140%;
328
328
  @dt-typography-helper-base-font-size: 1.5rem;
329
329
  @dt-typography-helper-base-text-case: none;
330
- @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;
331
331
  @dt-typography-code-small-font-weight: 400;
332
332
  @dt-typography-code-small-line-height: 120%;
333
333
  @dt-typography-code-small-font-size: 1.2rem;
334
334
  @dt-typography-code-small-text-case: none;
335
- @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;
336
336
  @dt-typography-code-base-font-weight: 400;
337
337
  @dt-typography-code-base-line-height: 120%;
338
338
  @dt-typography-code-base-font-size: 1.5rem;
@@ -348,10 +348,35 @@
348
348
  @dt-size-500: 1.6rem;
349
349
  @dt-size-550: 2.4rem;
350
350
  @dt-size-600: 3.2rem;
351
+ @dt-size-625: 4.2rem;
351
352
  @dt-size-650: 4.8rem;
352
353
  @dt-size-700: 6.4rem;
354
+ @dt-size-720: 7.2rem;
355
+ @dt-size-730: 8.4rem;
353
356
  @dt-size-750: 9.6rem;
357
+ @dt-size-760: 10.2rem;
358
+ @dt-size-775: 11.2rem;
354
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;
355
380
  @dt-size-border-0: 0;
356
381
  @dt-size-border-50: 0.05rem;
357
382
  @dt-size-border-100: 0.1rem;
@@ -370,10 +395,52 @@
370
395
  @dt-size-500-negative: -1.6rem;
371
396
  @dt-size-550-negative: -2.4rem;
372
397
  @dt-size-600-negative: -3.2rem;
398
+ @dt-size-625-negative: -4.2rem;
373
399
  @dt-size-650-negative: -4.8rem;
374
400
  @dt-size-700-negative: -6.4rem;
401
+ @dt-size-720-negative: -7.2rem;
402
+ @dt-size-730-negative: -8.4rem;
375
403
  @dt-size-750-negative: -9.6rem;
404
+ @dt-size-760-negative: -10.2rem;
405
+ @dt-size-775-negative: -11.2rem;
376
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;
377
444
  @dt-size-base: 0.8rem;
378
445
  @dt-size-radius-0: 0;
379
446
  @dt-size-radius-100: 0.1rem;
@@ -484,7 +551,7 @@
484
551
  @dt-opacity-1300: 1;
485
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";
486
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";
487
- @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";
488
555
  @dt-font-size-100: 1.2rem;
489
556
  @dt-font-size-200: 1.5rem;
490
557
  @dt-font-size-300: 1.9rem;
@@ -507,6 +574,7 @@
507
574
  @dt-font-text-case-none: none;
508
575
  @dt-space-0: 0px;
509
576
  @dt-space-50: 0.5px;
577
+ @dt-space-77: 112px;
510
578
  @dt-space-100: 1px;
511
579
  @dt-space-200: 2px;
512
580
  @dt-space-300: 4px;
@@ -516,10 +584,35 @@
516
584
  @dt-space-500: 16px;
517
585
  @dt-space-550: 24px;
518
586
  @dt-space-600: 32px;
587
+ @dt-space-625: 42px;
519
588
  @dt-space-650: 48px;
520
589
  @dt-space-700: 64px;
590
+ @dt-space-720: 72px;
591
+ @dt-space-730: 84px;
521
592
  @dt-space-750: 96px;
593
+ @dt-space-760: 102px;
594
+ @dt-space-775: 112px;
522
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;
523
616
  @dt-space-50-negative: -0.5px;
524
617
  @dt-space-100-negative: -1px;
525
618
  @dt-space-200-negative: -2px;
@@ -530,10 +623,52 @@
530
623
  @dt-space-500-negative: -16px;
531
624
  @dt-space-550-negative: -24px;
532
625
  @dt-space-600-negative: -32px;
626
+ @dt-space-625-negative: -42px;
533
627
  @dt-space-650-negative: -48px;
534
628
  @dt-space-700-negative: -64px;
629
+ @dt-space-720-negative: -72px;
630
+ @dt-space-730-negative: -84px;
535
631
  @dt-space-750-negative: -96px;
632
+ @dt-space-760-negative: -102px;
633
+ @dt-space-775-negative: -112px;
536
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%;
537
672
  @dt-space-base: 8px;
538
673
  @dt-shadow-small-0-x: 0;
539
674
  @dt-shadow-small-0-y: 0.2rem;
package/dist/tokens.json CHANGED
@@ -324,12 +324,12 @@
324
324
  "dtTypographyHelperBaseLineHeight": "140%",
325
325
  "dtTypographyHelperBaseFontSize": "1.5rem",
326
326
  "dtTypographyHelperBaseTextCase": "none",
327
- "dtTypographyCodeSmallFontFamily": "SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace",
327
+ "dtTypographyCodeSmallFontFamily": "SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
328
328
  "dtTypographyCodeSmallFontWeight": 400,
329
329
  "dtTypographyCodeSmallLineHeight": "120%",
330
330
  "dtTypographyCodeSmallFontSize": "1.2rem",
331
331
  "dtTypographyCodeSmallTextCase": "none",
332
- "dtTypographyCodeBaseFontFamily": "SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace",
332
+ "dtTypographyCodeBaseFontFamily": "SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
333
333
  "dtTypographyCodeBaseFontWeight": 400,
334
334
  "dtTypographyCodeBaseLineHeight": "120%",
335
335
  "dtTypographyCodeBaseFontSize": "1.5rem",
@@ -345,10 +345,35 @@
345
345
  "dtSize500": "1.6rem",
346
346
  "dtSize550": "2.4rem",
347
347
  "dtSize600": "3.2rem",
348
+ "dtSize625": "4.2rem",
348
349
  "dtSize650": "4.8rem",
349
350
  "dtSize700": "6.4rem",
351
+ "dtSize720": "7.2rem",
352
+ "dtSize730": "8.4rem",
350
353
  "dtSize750": "9.6rem",
354
+ "dtSize760": "10.2rem",
355
+ "dtSize775": "11.2rem",
351
356
  "dtSize800": "12.8rem",
357
+ "dtSize825": "16.4rem",
358
+ "dtSize850": "19.2rem",
359
+ "dtSize875": "21.6rem",
360
+ "dtSize900": "25.6rem",
361
+ "dtSize925": "33.2rem",
362
+ "dtSize950": "38.4rem",
363
+ "dtSize975": "46.4rem",
364
+ "dtSize1000": "51.2rem",
365
+ "dtSize1020": "62.8rem",
366
+ "dtSize1040": "76.4rem",
367
+ "dtSize1050": "76.8rem",
368
+ "dtSize1060": "82.8rem",
369
+ "dtSize1080": "91.2rem",
370
+ "dtSize1100": "102.4rem",
371
+ "dtSize1115": "114rem",
372
+ "dtSize1120": "126.8rem",
373
+ "dtSize1125": "128rem",
374
+ "dtSize1130": "134rem",
375
+ "dtSize1150": "153.6rem",
376
+ "dtSize1200": "204.8rem",
352
377
  "dtSizeBorder0": "0",
353
378
  "dtSizeBorder50": "0.05rem",
354
379
  "dtSizeBorder100": "0.1rem",
@@ -367,10 +392,52 @@
367
392
  "dtSize500Negative": "-1.6rem",
368
393
  "dtSize550Negative": "-2.4rem",
369
394
  "dtSize600Negative": "-3.2rem",
395
+ "dtSize625Negative": "-4.2rem",
370
396
  "dtSize650Negative": "-4.8rem",
371
397
  "dtSize700Negative": "-6.4rem",
398
+ "dtSize720Negative": "-7.2rem",
399
+ "dtSize730Negative": "-8.4rem",
372
400
  "dtSize750Negative": "-9.6rem",
401
+ "dtSize760Negative": "-10.2rem",
402
+ "dtSize775Negative": "-11.2rem",
373
403
  "dtSize800Negative": "-12.8rem",
404
+ "dtSize825Negative": "-16.4rem",
405
+ "dtSize850Negative": "-19.2rem",
406
+ "dtSize875Negative": "-21.6rem",
407
+ "dtSize900Negative": "-25.6rem",
408
+ "dtSize925Negative": "-33.2rem",
409
+ "dtSize950Negative": "-38.4rem",
410
+ "dtSize975Negative": "-46.4rem",
411
+ "dtSize1000Negative": "-51.2rem",
412
+ "dtSize1020Negative": "-62.8rem",
413
+ "dtSize1040Negative": "-76.4rem",
414
+ "dtSize1050Negative": "-76.8rem",
415
+ "dtSize1060Negative": "-82.8rem",
416
+ "dtSize1080Negative": "-91.2rem",
417
+ "dtSize1100Negative": "-102.4rem",
418
+ "dtSize1115Negative": "-114rem",
419
+ "dtSize1120Negative": "-126.8rem",
420
+ "dtSize1125Negative": "-128rem",
421
+ "dtSize1130Negative": "-134rem",
422
+ "dtSize1150Negative": "-153.6rem",
423
+ "dtSize1200Negative": "-204.8rem",
424
+ "dtSize0Percent": "0",
425
+ "dtSize5Percent": "0.5rem",
426
+ "dtSize10Percent": "1rem",
427
+ "dtSize20Percent": "2rem",
428
+ "dtSize25Percent": "2.5rem",
429
+ "dtSize30Percent": "3rem",
430
+ "dtSize33Percent": "3.3333rem",
431
+ "dtSize40Percent": "4rem",
432
+ "dtSize50Percent": "5rem",
433
+ "dtSize60Percent": "6rem",
434
+ "dtSize66Percent": "6.67rem",
435
+ "dtSize70Percent": "7rem",
436
+ "dtSize75Percent": "7.5rem",
437
+ "dtSize80Percent": "8rem",
438
+ "dtSize90Percent": "9rem",
439
+ "dtSize95Percent": "9.5rem",
440
+ "dtSize100Percent": "10rem",
374
441
  "dtSizeBase": "0.8rem",
375
442
  "dtSizeRadius0": "0",
376
443
  "dtSizeRadius100": "0.1rem",
@@ -481,7 +548,7 @@
481
548
  "dtOpacity1300": 1,
482
549
  "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\"",
483
550
  "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\"",
484
- "dtFontFamilyMono": "\"SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace\"",
551
+ "dtFontFamilyMono": "\"SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace\"",
485
552
  "dtFontSize100": "1.2rem",
486
553
  "dtFontSize200": "1.5rem",
487
554
  "dtFontSize300": "1.9rem",
@@ -504,6 +571,7 @@
504
571
  "dtFontTextCaseNone": "none",
505
572
  "dtSpace0": "0px",
506
573
  "dtSpace50": "0.5px",
574
+ "dtSpace77": "112px",
507
575
  "dtSpace100": "1px",
508
576
  "dtSpace200": "2px",
509
577
  "dtSpace300": "4px",
@@ -513,10 +581,35 @@
513
581
  "dtSpace500": "16px",
514
582
  "dtSpace550": "24px",
515
583
  "dtSpace600": "32px",
584
+ "dtSpace625": "42px",
516
585
  "dtSpace650": "48px",
517
586
  "dtSpace700": "64px",
587
+ "dtSpace720": "72px",
588
+ "dtSpace730": "84px",
518
589
  "dtSpace750": "96px",
590
+ "dtSpace760": "102px",
591
+ "dtSpace775": "112px",
519
592
  "dtSpace800": "128px",
593
+ "dtSpace825": "164px",
594
+ "dtSpace850": "192px",
595
+ "dtSpace875": "216px",
596
+ "dtSpace900": "256px",
597
+ "dtSpace925": "332px",
598
+ "dtSpace950": "384px",
599
+ "dtSpace975": "464px",
600
+ "dtSpace1000": "512px",
601
+ "dtSpace1020": "628px",
602
+ "dtSpace1040": "764px",
603
+ "dtSpace1050": "768px",
604
+ "dtSpace1060": "828px",
605
+ "dtSpace1080": "912px",
606
+ "dtSpace1100": "1024px",
607
+ "dtSpace1115": "1140px",
608
+ "dtSpace1120": "1268px",
609
+ "dtSpace1125": "1280px",
610
+ "dtSpace1130": "1340px",
611
+ "dtSpace1150": "1536px",
612
+ "dtSpace1200": "2048px",
520
613
  "dtSpace50Negative": "-0.5px",
521
614
  "dtSpace100Negative": "-1px",
522
615
  "dtSpace200Negative": "-2px",
@@ -527,10 +620,52 @@
527
620
  "dtSpace500Negative": "-16px",
528
621
  "dtSpace550Negative": "-24px",
529
622
  "dtSpace600Negative": "-32px",
623
+ "dtSpace625Negative": "-42px",
530
624
  "dtSpace650Negative": "-48px",
531
625
  "dtSpace700Negative": "-64px",
626
+ "dtSpace720Negative": "-72px",
627
+ "dtSpace730Negative": "-84px",
532
628
  "dtSpace750Negative": "-96px",
629
+ "dtSpace760Negative": "-102px",
630
+ "dtSpace775Negative": "-112px",
533
631
  "dtSpace800Negative": "-128px",
632
+ "dtSpace825Negative": "-164px",
633
+ "dtSpace850Negative": "-192px",
634
+ "dtSpace875Negative": "-216px",
635
+ "dtSpace900Negative": "-256px",
636
+ "dtSpace925Negative": "-332px",
637
+ "dtSpace950Negative": "-384px",
638
+ "dtSpace975Negative": "-464px",
639
+ "dtSpace1000Negative": "-512px",
640
+ "dtSpace1020Negative": "-628px",
641
+ "dtSpace1040Negative": "-764px",
642
+ "dtSpace1050Negative": "-768px",
643
+ "dtSpace1060Negative": "-828px",
644
+ "dtSpace1080Negative": "-912px",
645
+ "dtSpace1100Negative": "-1024px",
646
+ "dtSpace1115Negative": "-1140px",
647
+ "dtSpace1120Negative": "-1268px",
648
+ "dtSpace1125Negative": "-1280px",
649
+ "dtSpace1130Negative": "-1340px",
650
+ "dtSpace1150Negative": "-1536px",
651
+ "dtSpace1200Negative": "-2048px",
652
+ "dtSpace0Percent": "0%",
653
+ "dtSpace5Percent": "5%",
654
+ "dtSpace10Percent": "10%",
655
+ "dtSpace20Percent": "20%",
656
+ "dtSpace25Percent": "25%",
657
+ "dtSpace30Percent": "30%",
658
+ "dtSpace33Percent": "33.333%",
659
+ "dtSpace40Percent": "40%",
660
+ "dtSpace50Percent": "50%",
661
+ "dtSpace60Percent": "60%",
662
+ "dtSpace66Percent": "66.7%",
663
+ "dtSpace70Percent": "70%",
664
+ "dtSpace75Percent": "75%",
665
+ "dtSpace80Percent": "80%",
666
+ "dtSpace90Percent": "90%",
667
+ "dtSpace95Percent": "95%",
668
+ "dtSpace100Percent": "100%",
534
669
  "dtSpaceBase": "8px",
535
670
  "dtShadowSmall0X": "0",
536
671
  "dtShadowSmall0Y": "0.2rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.10.0",
3
+ "version": "1.11.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "main": "index.js",
6
6
  "scripts": {