@dialpad/dialtone-tokens 1.27.1 → 1.28.0-alpha.1

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 (16) hide show
  1. package/README.md +5 -3
  2. package/dist/android/java/tokens-dark.kt +3 -3
  3. package/dist/android/java/tokens-light.kt +3 -3
  4. package/dist/android/res/values/colors-dark.xml +1 -1
  5. package/dist/android/res/values/colors-light.xml +1 -1
  6. package/dist/android/res/values/dimens.xml +1 -1
  7. package/dist/css/variables-dark.css +3 -3
  8. package/dist/css/variables-light.css +3 -3
  9. package/dist/doc.json +7520 -1564
  10. package/dist/ios/tokens-dark.swift +3 -3
  11. package/dist/ios/tokens-light.swift +3 -3
  12. package/dist/less/variables-dark.less +3 -3
  13. package/dist/less/variables-light.less +3 -3
  14. package/dist/tokens-dark.json +2 -2
  15. package/dist/tokens-light.json +2 -2
  16. package/package.json +1 -2
package/README.md CHANGED
@@ -4,7 +4,7 @@ Design tokens for Dialpad's design system Dialtone and everything related to bui
4
4
 
5
5
  Design tokens are all the defined values that are part of the design system, such as color, spacing, typography, and
6
6
  more. The goal is to store design tokens as JSON and output and publish them to many different formats (CSS, LESS,
7
- Android, iOS, etc) upon build.
7
+ Android, iOS, etc.) upon build.
8
8
 
9
9
  ## Usage
10
10
 
@@ -21,7 +21,8 @@ npm install @dialpad/dialtone-tokens
21
21
  #### Import CSS Tokens
22
22
 
23
23
  ```css
24
- @import "node_modules/@dialpad/dialtone-css/css/variables.css";
24
+ @import "@dialpad/dialtone-tokens/dist/css/variables-dark.css"; // Dark variables
25
+ @import "@dialpad/dialtone-tokens/dist/css/variables-light.css"; // Light variables
25
26
  ```
26
27
 
27
28
  #### Use CSS Token
@@ -37,7 +38,8 @@ Or
37
38
  #### Import LESS Tokens
38
39
 
39
40
  ```less
40
- @import "node_modules/@dialpad/dialtone-css/less/variables.less";
41
+ @import "@dialpad/dialtone-tokens/dist/less/variables-dark.less"; // Dark variables
42
+ @import "@dialpad/dialtone-tokens/dist/less/variables-light.less"; // Light variables
41
43
  ```
42
44
 
43
45
  #### Use LESS Token
package/dist/android/java/tokens-dark.kt CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
 
3
3
  // Do not edit directly
4
- // Generated on Mon, 18 Mar 2024 23:36:05 GMT
4
+ // Generated on Wed, 03 Apr 2024 22:36:17 GMT
5
5
 
6
6
 
7
7
 
@@ -429,13 +429,13 @@ object DialtoneTokensDark {
429
429
  val dtShadowFocus0Y = 0.dp
430
430
  val dtShadowFocus1Blur = 0.dp
431
431
  val dtShadowFocus1Color = Color(0xff51a0fe)
432
- val dtShadowFocus1Spread = 4.dp
432
+ val dtShadowFocus1Spread = 3.dp
433
433
  val dtShadowFocus1Type = "dropShadow"
434
434
  val dtShadowFocus1X = 0.dp
435
435
  val dtShadowFocus1Y = 0.dp
436
436
  val dtShadowFocusInset0Blur = 0.dp
437
437
  val dtShadowFocusInset0Color = Color(0xff51a0fe)
438
- val dtShadowFocusInset0Spread = 3.dp
438
+ val dtShadowFocusInset0Spread = 2.dp
439
439
  val dtShadowFocusInset0Type = "innerShadow"
440
440
  val dtShadowFocusInset0X = 0.dp
441
441
  val dtShadowFocusInset0Y = 0.dp
package/dist/android/java/tokens-light.kt CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
 
3
3
  // Do not edit directly
4
- // Generated on Mon, 18 Mar 2024 23:36:05 GMT
4
+ // Generated on Wed, 03 Apr 2024 22:36:17 GMT
5
5
 
6
6
 
7
7
 
@@ -381,13 +381,13 @@ object DialtoneTokensLight {
381
381
  val dtShadowFocus0Y = 0.dp
382
382
  val dtShadowFocus1Blur = 0.dp
383
383
  val dtShadowFocus1Color = Color(0xff51a0fe)
384
- val dtShadowFocus1Spread = 4.dp
384
+ val dtShadowFocus1Spread = 3.dp
385
385
  val dtShadowFocus1Type = "dropShadow"
386
386
  val dtShadowFocus1X = 0.dp
387
387
  val dtShadowFocus1Y = 0.dp
388
388
  val dtShadowFocusInset0Blur = 0.dp
389
389
  val dtShadowFocusInset0Color = Color(0xff51a0fe)
390
- val dtShadowFocusInset0Spread = 3.dp
390
+ val dtShadowFocusInset0Spread = 2.dp
391
391
  val dtShadowFocusInset0Type = "innerShadow"
392
392
  val dtShadowFocusInset0X = 0.dp
393
393
  val dtShadowFocusInset0Y = 0.dp
package/dist/android/res/values/colors-dark.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 18 Mar 2024 23:36:05 GMT
5
+ Generated on Wed, 03 Apr 2024 22:36:17 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
package/dist/android/res/values/colors-light.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 18 Mar 2024 23:36:05 GMT
5
+ Generated on Wed, 03 Apr 2024 22:36:17 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
package/dist/android/res/values/dimens.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 18 Mar 2024 23:36:05 GMT
5
+ Generated on Wed, 03 Apr 2024 22:36:17 GMT
6
6
  -->
7
7
  <resources>
8
8
  <dimen name="dt_dark_radio_size_width">16px</dimen>
package/dist/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 18 Mar 2024 23:36:05 GMT
3
+ * Generated on Wed, 03 Apr 2024 22:36:17 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -595,13 +595,13 @@
595
595
  --dt-shadow-focus-2-x: 0rem;
596
596
  --dt-shadow-focus-2-y: 0rem;
597
597
  --dt-shadow-focus-2-blur: 0rem;
598
- --dt-shadow-focus-2-spread: 0.4rem;
598
+ --dt-shadow-focus-2-spread: 0.3rem;
599
599
  --dt-shadow-focus-2-color: #51A0FE;
600
600
  --dt-shadow-focus-2-type: dropShadow;
601
601
  --dt-shadow-focus-inset-1-x: 0rem;
602
602
  --dt-shadow-focus-inset-1-y: 0rem;
603
603
  --dt-shadow-focus-inset-1-blur: 0rem;
604
- --dt-shadow-focus-inset-1-spread: 0.3rem;
604
+ --dt-shadow-focus-inset-1-spread: 0.2rem;
605
605
  --dt-shadow-focus-inset-1-color: #51A0FE;
606
606
  --dt-shadow-focus-inset-1-type: innerShadow;
607
607
  --dt-typography-body-md-font-family: -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"; /* Base default medium text style for main content. */
package/dist/css/variables-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 18 Mar 2024 23:36:05 GMT
3
+ * Generated on Wed, 03 Apr 2024 22:36:17 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
@@ -475,13 +475,13 @@
475
475
  --dt-shadow-focus-2-x: 0rem;
476
476
  --dt-shadow-focus-2-y: 0rem;
477
477
  --dt-shadow-focus-2-blur: 0rem;
478
- --dt-shadow-focus-2-spread: 0.4rem;
478
+ --dt-shadow-focus-2-spread: 0.3rem;
479
479
  --dt-shadow-focus-2-color: #51A0FE;
480
480
  --dt-shadow-focus-2-type: dropShadow;
481
481
  --dt-shadow-focus-inset-1-x: 0rem;
482
482
  --dt-shadow-focus-inset-1-y: 0rem;
483
483
  --dt-shadow-focus-inset-1-blur: 0rem;
484
- --dt-shadow-focus-inset-1-spread: 0.3rem;
484
+ --dt-shadow-focus-inset-1-spread: 0.2rem;
485
485
  --dt-shadow-focus-inset-1-color: #51A0FE;
486
486
  --dt-shadow-focus-inset-1-type: innerShadow;
487
487
  --dt-typography-body-md-font-family: -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"; /* Base default medium text style for main content. */