@dialpad/dialtone-tokens 1.17.0 → 1.19.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 (15) hide show
  1. package/dist/android/java/tokens-dark.kt +11 -1
  2. package/dist/android/java/tokens-light.kt +11 -1
  3. package/dist/android/res/values/colors-dark.xml +7 -1
  4. package/dist/android/res/values/colors-light.xml +7 -1
  5. package/dist/android/res/values/dimens.xml +5 -1
  6. package/dist/css/variables-dark.css +33 -23
  7. package/dist/css/variables-light.css +33 -23
  8. package/dist/doc.json +202 -22
  9. package/dist/ios/tokens-dark.swift +11 -1
  10. package/dist/ios/tokens-light.swift +11 -1
  11. package/dist/less/variables-dark.less +30 -20
  12. package/dist/less/variables-light.less +30 -20
  13. package/dist/tokens-dark.json +29 -19
  14. package/dist/tokens-light.json +29 -19
  15. package/package.json +1 -1
package/dist/less/variables-light.less CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 May 2023 19:21:18 GMT
3
+ // Generated on Thu, 01 Jun 2023 00:22:55 GMT
4
4
 
5
5
  @dt-radio-size-width: 1.6rem;
6
6
  @dt-radio-size-height: 1.6rem;
7
- @dt-radio-size-radius: 5rem;
7
+ @dt-radio-size-radius: 50%;
8
8
  @dt-radio-color-border-unchecked: #AAAAAA;
9
9
  @dt-radio-color-border-checked: #7C52FF;
10
10
  @dt-radio-color-background-checked: #7C52FF;
@@ -366,6 +366,7 @@
366
366
  @dt-size-400: 0.8rem;
367
367
  @dt-size-450: 1.2rem;
368
368
  @dt-size-500: 1.6rem;
369
+ @dt-size-525: 2rem;
369
370
  @dt-size-550: 2.4rem;
370
371
  @dt-size-600: 3.2rem;
371
372
  @dt-size-625: 4.2rem;
@@ -414,6 +415,7 @@
414
415
  @dt-size-400-negative: -0.8rem;
415
416
  @dt-size-450-negative: -1.2rem;
416
417
  @dt-size-500-negative: -1.6rem;
418
+ @dt-size-525-negative: -2rem;
417
419
  @dt-size-550-negative: -2.4rem;
418
420
  @dt-size-600-negative: -3.2rem;
419
421
  @dt-size-625-negative: -4.2rem;
@@ -446,23 +448,23 @@
446
448
  @dt-size-1130-negative: -134rem;
447
449
  @dt-size-1150-negative: -153.6rem;
448
450
  @dt-size-1200-negative: -204.8rem;
449
- @dt-size-0-percent: 0;
450
- @dt-size-5-percent: 0.5rem;
451
- @dt-size-10-percent: 1rem;
452
- @dt-size-20-percent: 2rem;
453
- @dt-size-25-percent: 2.5rem;
454
- @dt-size-30-percent: 3rem;
455
- @dt-size-33-percent: 3.3333rem;
456
- @dt-size-40-percent: 4rem;
457
- @dt-size-50-percent: 5rem;
458
- @dt-size-60-percent: 6rem;
459
- @dt-size-66-percent: 6.67rem;
460
- @dt-size-70-percent: 7rem;
461
- @dt-size-75-percent: 7.5rem;
462
- @dt-size-80-percent: 8rem;
463
- @dt-size-90-percent: 9rem;
464
- @dt-size-95-percent: 9.5rem;
465
- @dt-size-100-percent: 10rem;
451
+ @dt-size-0-percent: 0%;
452
+ @dt-size-5-percent: 5%;
453
+ @dt-size-10-percent: 10%;
454
+ @dt-size-20-percent: 20%;
455
+ @dt-size-25-percent: 25%;
456
+ @dt-size-30-percent: 30%;
457
+ @dt-size-33-percent: 33.333%;
458
+ @dt-size-40-percent: 40%;
459
+ @dt-size-50-percent: 50%;
460
+ @dt-size-60-percent: 60%;
461
+ @dt-size-66-percent: 66.7%;
462
+ @dt-size-70-percent: 70%;
463
+ @dt-size-75-percent: 75%;
464
+ @dt-size-80-percent: 80%;
465
+ @dt-size-90-percent: 90%;
466
+ @dt-size-95-percent: 95%;
467
+ @dt-size-100-percent: 100%;
466
468
  @dt-size-base: 0.8rem;
467
469
  @dt-size-radius-0: 0;
468
470
  @dt-size-radius-100: 0.1rem;
@@ -472,7 +474,7 @@
472
474
  @dt-size-radius-500: 1.6rem;
473
475
  @dt-size-radius-600: 3.2rem;
474
476
  @dt-size-radius-pill: 10rem;
475
- @dt-size-radius-circle: 5rem;
477
+ @dt-size-radius-circle: 50%;
476
478
  @dt-inputs-size-border-default: 0.15rem;
477
479
  @dt-inputs-size-border-status: 0.2rem;
478
480
  @dt-inputs-size-radius-xs: 0.4rem;
@@ -557,6 +559,12 @@
557
559
  @dt-theme-topbar-button-color-background: #0000;
558
560
  @dt-theme-topbar-button-color-background-hover: #0000000d;
559
561
  @dt-theme-topbar-button-color-background-active: #0000001a;
562
+ @dt-theme-topbar-profile-color-foreground: #000000bf;
563
+ @dt-theme-topbar-profile-color-foreground-inverted: #ffffffbf;
564
+ @dt-theme-topbar-profile-color-background: #0000000d;
565
+ @dt-theme-topbar-profile-color-background-inverted: #000000bf;
566
+ @dt-theme-topbar-profile-color-background-hover: #0000001a;
567
+ @dt-theme-topbar-profile-color-background-active: #00000024;
560
568
  @dt-theme-sidebar-color-foreground: #000000;
561
569
  @dt-theme-sidebar-color-background: #F9F9F9;
562
570
  @dt-theme-sidebar-icon-color-foreground: #3b3b3b;
@@ -619,6 +627,7 @@
619
627
  @dt-space-400: 0.8rem;
620
628
  @dt-space-450: 1.2rem;
621
629
  @dt-space-500: 1.6rem;
630
+ @dt-space-525: 2rem;
622
631
  @dt-space-550: 2.4rem;
623
632
  @dt-space-600: 3.2rem;
624
633
  @dt-space-625: 4.2rem;
@@ -659,6 +668,7 @@
659
668
  @dt-space-400-negative: -0.8rem;
660
669
  @dt-space-450-negative: -1.2rem;
661
670
  @dt-space-500-negative: -1.6rem;
671
+ @dt-space-525-negative: -2rem;
662
672
  @dt-space-550-negative: -2.4rem;
663
673
  @dt-space-600-negative: -3.2rem;
664
674
  @dt-space-625-negative: -4.2rem;
package/dist/tokens-dark.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "dtRadioColorBackgroundChecked": "#7C52FF",
5
5
  "dtRadioSizeWidth": "1.6rem",
6
6
  "dtRadioSizeHeight": "1.6rem",
7
- "dtRadioSizeRadius": "5rem",
7
+ "dtRadioSizeRadius": "50%",
8
8
  "dtIconSize100": "1.2rem",
9
9
  "dtIconSize200": "1.4rem",
10
10
  "dtIconSize300": "1.8rem",
@@ -302,6 +302,12 @@
302
302
  "dtThemeTopbarButtonColorBackgroundActive": "#f9f9f91a",
303
303
  "dtThemeTopbarColorForeground": "#f9f9f9bf",
304
304
  "dtThemeTopbarColorBackground": "#1b1b1b",
305
+ "dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
306
+ "dtThemeTopbarProfileColorForegroundInverted": "#000000bf",
307
+ "dtThemeTopbarProfileColorBackground": "#f9f9f90d",
308
+ "dtThemeTopbarProfileColorBackgroundInverted": "#f9f9f9bf",
309
+ "dtThemeTopbarProfileColorBackgroundHover": "#f9f9f91a",
310
+ "dtThemeTopbarProfileColorBackgroundActive": "#f9f9f924",
305
311
  "dtThemeSidebarSectionColorForeground": "#a7a7a7",
306
312
  "dtThemeSidebarIconColorForeground": "#c0c0c0",
307
313
  "dtThemeSidebarRowColorBackgroundHover": "#f9f9f92e",
@@ -463,6 +469,7 @@
463
469
  "dtSize400": "0.8rem",
464
470
  "dtSize450": "1.2rem",
465
471
  "dtSize500": "1.6rem",
472
+ "dtSize525": "2rem",
466
473
  "dtSize550": "2.4rem",
467
474
  "dtSize600": "3.2rem",
468
475
  "dtSize625": "4.2rem",
@@ -511,6 +518,7 @@
511
518
  "dtSize400Negative": "-0.8rem",
512
519
  "dtSize450Negative": "-1.2rem",
513
520
  "dtSize500Negative": "-1.6rem",
521
+ "dtSize525Negative": "-2rem",
514
522
  "dtSize550Negative": "-2.4rem",
515
523
  "dtSize600Negative": "-3.2rem",
516
524
  "dtSize625Negative": "-4.2rem",
@@ -543,23 +551,23 @@
543
551
  "dtSize1130Negative": "-134rem",
544
552
  "dtSize1150Negative": "-153.6rem",
545
553
  "dtSize1200Negative": "-204.8rem",
546
- "dtSize0Percent": "0",
547
- "dtSize5Percent": "0.5rem",
548
- "dtSize10Percent": "1rem",
549
- "dtSize20Percent": "2rem",
550
- "dtSize25Percent": "2.5rem",
551
- "dtSize30Percent": "3rem",
552
- "dtSize33Percent": "3.3333rem",
553
- "dtSize40Percent": "4rem",
554
- "dtSize50Percent": "5rem",
555
- "dtSize60Percent": "6rem",
556
- "dtSize66Percent": "6.67rem",
557
- "dtSize70Percent": "7rem",
558
- "dtSize75Percent": "7.5rem",
559
- "dtSize80Percent": "8rem",
560
- "dtSize90Percent": "9rem",
561
- "dtSize95Percent": "9.5rem",
562
- "dtSize100Percent": "10rem",
554
+ "dtSize0Percent": "0%",
555
+ "dtSize5Percent": "5%",
556
+ "dtSize10Percent": "10%",
557
+ "dtSize20Percent": "20%",
558
+ "dtSize25Percent": "25%",
559
+ "dtSize30Percent": "30%",
560
+ "dtSize33Percent": "33.333%",
561
+ "dtSize40Percent": "40%",
562
+ "dtSize50Percent": "50%",
563
+ "dtSize60Percent": "60%",
564
+ "dtSize66Percent": "66.7%",
565
+ "dtSize70Percent": "70%",
566
+ "dtSize75Percent": "75%",
567
+ "dtSize80Percent": "80%",
568
+ "dtSize90Percent": "90%",
569
+ "dtSize95Percent": "95%",
570
+ "dtSize100Percent": "100%",
563
571
  "dtSizeBase": "0.8rem",
564
572
  "dtSizeRadius0": "0",
565
573
  "dtSizeRadius100": "0.1rem",
@@ -569,7 +577,7 @@
569
577
  "dtSizeRadius500": "1.6rem",
570
578
  "dtSizeRadius600": "3.2rem",
571
579
  "dtSizeRadiusPill": "10rem",
572
- "dtSizeRadiusCircle": "5rem",
580
+ "dtSizeRadiusCircle": "50%",
573
581
  "dtShadowSmall0X": "0",
574
582
  "dtShadowSmall0Y": "0.2rem",
575
583
  "dtShadowSmall0Blur": "0.4rem",
@@ -796,6 +804,7 @@
796
804
  "dtSpace400": "0.8rem",
797
805
  "dtSpace450": "1.2rem",
798
806
  "dtSpace500": "1.6rem",
807
+ "dtSpace525": "2rem",
799
808
  "dtSpace550": "2.4rem",
800
809
  "dtSpace600": "3.2rem",
801
810
  "dtSpace625": "4.2rem",
@@ -836,6 +845,7 @@
836
845
  "dtSpace400Negative": "-0.8rem",
837
846
  "dtSpace450Negative": "-1.2rem",
838
847
  "dtSpace500Negative": "-1.6rem",
848
+ "dtSpace525Negative": "-2rem",
839
849
  "dtSpace550Negative": "-2.4rem",
840
850
  "dtSpace600Negative": "-3.2rem",
841
851
  "dtSpace625Negative": "-4.2rem",
package/dist/tokens-light.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "dtRadioSizeWidth": "1.6rem",
3
3
  "dtRadioSizeHeight": "1.6rem",
4
- "dtRadioSizeRadius": "5rem",
4
+ "dtRadioSizeRadius": "50%",
5
5
  "dtRadioColorBorderUnchecked": "#AAAAAA",
6
6
  "dtRadioColorBorderChecked": "#7C52FF",
7
7
  "dtRadioColorBackgroundChecked": "#7C52FF",
@@ -363,6 +363,7 @@
363
363
  "dtSize400": "0.8rem",
364
364
  "dtSize450": "1.2rem",
365
365
  "dtSize500": "1.6rem",
366
+ "dtSize525": "2rem",
366
367
  "dtSize550": "2.4rem",
367
368
  "dtSize600": "3.2rem",
368
369
  "dtSize625": "4.2rem",
@@ -411,6 +412,7 @@
411
412
  "dtSize400Negative": "-0.8rem",
412
413
  "dtSize450Negative": "-1.2rem",
413
414
  "dtSize500Negative": "-1.6rem",
415
+ "dtSize525Negative": "-2rem",
414
416
  "dtSize550Negative": "-2.4rem",
415
417
  "dtSize600Negative": "-3.2rem",
416
418
  "dtSize625Negative": "-4.2rem",
@@ -443,23 +445,23 @@
443
445
  "dtSize1130Negative": "-134rem",
444
446
  "dtSize1150Negative": "-153.6rem",
445
447
  "dtSize1200Negative": "-204.8rem",
446
- "dtSize0Percent": "0",
447
- "dtSize5Percent": "0.5rem",
448
- "dtSize10Percent": "1rem",
449
- "dtSize20Percent": "2rem",
450
- "dtSize25Percent": "2.5rem",
451
- "dtSize30Percent": "3rem",
452
- "dtSize33Percent": "3.3333rem",
453
- "dtSize40Percent": "4rem",
454
- "dtSize50Percent": "5rem",
455
- "dtSize60Percent": "6rem",
456
- "dtSize66Percent": "6.67rem",
457
- "dtSize70Percent": "7rem",
458
- "dtSize75Percent": "7.5rem",
459
- "dtSize80Percent": "8rem",
460
- "dtSize90Percent": "9rem",
461
- "dtSize95Percent": "9.5rem",
462
- "dtSize100Percent": "10rem",
448
+ "dtSize0Percent": "0%",
449
+ "dtSize5Percent": "5%",
450
+ "dtSize10Percent": "10%",
451
+ "dtSize20Percent": "20%",
452
+ "dtSize25Percent": "25%",
453
+ "dtSize30Percent": "30%",
454
+ "dtSize33Percent": "33.333%",
455
+ "dtSize40Percent": "40%",
456
+ "dtSize50Percent": "50%",
457
+ "dtSize60Percent": "60%",
458
+ "dtSize66Percent": "66.7%",
459
+ "dtSize70Percent": "70%",
460
+ "dtSize75Percent": "75%",
461
+ "dtSize80Percent": "80%",
462
+ "dtSize90Percent": "90%",
463
+ "dtSize95Percent": "95%",
464
+ "dtSize100Percent": "100%",
463
465
  "dtSizeBase": "0.8rem",
464
466
  "dtSizeRadius0": "0",
465
467
  "dtSizeRadius100": "0.1rem",
@@ -469,7 +471,7 @@
469
471
  "dtSizeRadius500": "1.6rem",
470
472
  "dtSizeRadius600": "3.2rem",
471
473
  "dtSizeRadiusPill": "10rem",
472
- "dtSizeRadiusCircle": "5rem",
474
+ "dtSizeRadiusCircle": "50%",
473
475
  "dtInputsSizeBorderDefault": "0.15rem",
474
476
  "dtInputsSizeBorderStatus": "0.2rem",
475
477
  "dtInputsSizeRadiusXs": "0.4rem",
@@ -554,6 +556,12 @@
554
556
  "dtThemeTopbarButtonColorBackground": "#0000",
555
557
  "dtThemeTopbarButtonColorBackgroundHover": "#0000000d",
556
558
  "dtThemeTopbarButtonColorBackgroundActive": "#0000001a",
559
+ "dtThemeTopbarProfileColorForeground": "#000000bf",
560
+ "dtThemeTopbarProfileColorForegroundInverted": "#ffffffbf",
561
+ "dtThemeTopbarProfileColorBackground": "#0000000d",
562
+ "dtThemeTopbarProfileColorBackgroundInverted": "#000000bf",
563
+ "dtThemeTopbarProfileColorBackgroundHover": "#0000001a",
564
+ "dtThemeTopbarProfileColorBackgroundActive": "#00000024",
557
565
  "dtThemeSidebarColorForeground": "#000000",
558
566
  "dtThemeSidebarColorBackground": "#F9F9F9",
559
567
  "dtThemeSidebarIconColorForeground": "#3b3b3b",
@@ -616,6 +624,7 @@
616
624
  "dtSpace400": "0.8rem",
617
625
  "dtSpace450": "1.2rem",
618
626
  "dtSpace500": "1.6rem",
627
+ "dtSpace525": "2rem",
619
628
  "dtSpace550": "2.4rem",
620
629
  "dtSpace600": "3.2rem",
621
630
  "dtSpace625": "4.2rem",
@@ -656,6 +665,7 @@
656
665
  "dtSpace400Negative": "-0.8rem",
657
666
  "dtSpace450Negative": "-1.2rem",
658
667
  "dtSpace500Negative": "-1.6rem",
668
+ "dtSpace525Negative": "-2rem",
659
669
  "dtSpace550Negative": "-2.4rem",
660
670
  "dtSpace600Negative": "-3.2rem",
661
671
  "dtSpace625Negative": "-4.2rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.17.0",
3
+ "version": "1.19.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "main": "index.js",
6
6
  "scripts": {