@dialpad/dialtone-tokens 1.27.2 → 1.28.0

package/README.md

@@ -4,7 +4,7 @@ Design tokens for Dialpad's design system Dialtone and everything related to bui
 
 Design tokens are all the defined values that are part of the design system, such as color, spacing, typography, and
 more. The goal is to store design tokens as JSON and output and publish them to many different formats (CSS, LESS,
-Android, iOS, etc) upon build.
+Android, iOS, etc.) upon build.
 
 ## Usage
 
@@ -21,7 +21,8 @@ npm install @dialpad/dialtone-tokens
 #### Import CSS Tokens
 
 ```css
-@import "node_modules/@dialpad/dialtone-css/css/variables.css";
+@import "@dialpad/dialtone-tokens/dist/css/variables-dark.css";  // Dark variables
+@import "@dialpad/dialtone-tokens/dist/css/variables-light.css"; // Light variables
 ```
 
 #### Use CSS Token
@@ -37,7 +38,8 @@ Or
 #### Import LESS Tokens
 
 ```less
-@import "node_modules/@dialpad/dialtone-css/less/variables.less";
+@import "@dialpad/dialtone-tokens/dist/less/variables-dark.less";  // Dark variables
+@import "@dialpad/dialtone-tokens/dist/less/variables-light.less"; // Light variables
 ```
 
 #### Use LESS Token

package/dist/android/java/tokens-dark.kt

@@ -1,7 +1,7 @@
 
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:19 GMT
+// Generated on Sun, 07 Apr 2024 20:16:09 GMT
 
 
 
@@ -429,13 +429,13 @@ object DialtoneTokensDark {
   val dtShadowFocus0Y = 0.dp
   val dtShadowFocus1Blur = 0.dp
   val dtShadowFocus1Color = Color(0xff51a0fe)
-  val dtShadowFocus1Spread = 4.dp
+  val dtShadowFocus1Spread = 3.dp
   val dtShadowFocus1Type = "dropShadow"
   val dtShadowFocus1X = 0.dp
   val dtShadowFocus1Y = 0.dp
   val dtShadowFocusInset0Blur = 0.dp
   val dtShadowFocusInset0Color = Color(0xff51a0fe)
-  val dtShadowFocusInset0Spread = 3.dp
+  val dtShadowFocusInset0Spread = 2.dp
   val dtShadowFocusInset0Type = "innerShadow"
   val dtShadowFocusInset0X = 0.dp
   val dtShadowFocusInset0Y = 0.dp

package/dist/android/java/tokens-light.kt

@@ -1,7 +1,7 @@
 
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:19 GMT
+// Generated on Sun, 07 Apr 2024 20:16:09 GMT
 
 
 
@@ -381,13 +381,13 @@ object DialtoneTokensLight {
   val dtShadowFocus0Y = 0.dp
   val dtShadowFocus1Blur = 0.dp
   val dtShadowFocus1Color = Color(0xff51a0fe)
-  val dtShadowFocus1Spread = 4.dp
+  val dtShadowFocus1Spread = 3.dp
   val dtShadowFocus1Type = "dropShadow"
   val dtShadowFocus1X = 0.dp
   val dtShadowFocus1Y = 0.dp
   val dtShadowFocusInset0Blur = 0.dp
   val dtShadowFocusInset0Color = Color(0xff51a0fe)
-  val dtShadowFocusInset0Spread = 3.dp
+  val dtShadowFocusInset0Spread = 2.dp
   val dtShadowFocusInset0Type = "innerShadow"
   val dtShadowFocusInset0X = 0.dp
   val dtShadowFocusInset0Y = 0.dp

package/dist/android/res/values/colors-dark.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 26 Mar 2024 22:25:19 GMT
+  Generated on Sun, 07 Apr 2024 20:16:09 GMT
 -->
 <resources>
   <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>

package/dist/android/res/values/colors-light.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 26 Mar 2024 22:25:19 GMT
+  Generated on Sun, 07 Apr 2024 20:16:09 GMT
 -->
 <resources>
   <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>

package/dist/android/res/values/dimens.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 26 Mar 2024 22:25:19 GMT
+  Generated on Sun, 07 Apr 2024 20:16:09 GMT
 -->
 <resources>
   <dimen name="dt_dark_radio_size_width">16px</dimen>

package/dist/css/variables-dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 26 Mar 2024 22:25:18 GMT
+ * Generated on Sun, 07 Apr 2024 20:16:09 GMT
  */
 
 .dialtone-theme-dark {
@@ -595,13 +595,13 @@
   --dt-shadow-focus-2-x: 0rem;
   --dt-shadow-focus-2-y: 0rem;
   --dt-shadow-focus-2-blur: 0rem;
-  --dt-shadow-focus-2-spread: 0.4rem;
+  --dt-shadow-focus-2-spread: 0.3rem;
   --dt-shadow-focus-2-color: #51A0FE;
   --dt-shadow-focus-2-type: dropShadow;
   --dt-shadow-focus-inset-1-x: 0rem;
   --dt-shadow-focus-inset-1-y: 0rem;
   --dt-shadow-focus-inset-1-blur: 0rem;
-  --dt-shadow-focus-inset-1-spread: 0.3rem;
+  --dt-shadow-focus-inset-1-spread: 0.2rem;
   --dt-shadow-focus-inset-1-color: #51A0FE;
   --dt-shadow-focus-inset-1-type: innerShadow;
   --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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 26 Mar 2024 22:25:18 GMT
+ * Generated on Sun, 07 Apr 2024 20:16:08 GMT
  */
 
 .dialtone-theme-light {
@@ -475,13 +475,13 @@
   --dt-shadow-focus-2-x: 0rem;
   --dt-shadow-focus-2-y: 0rem;
   --dt-shadow-focus-2-blur: 0rem;
-  --dt-shadow-focus-2-spread: 0.4rem;
+  --dt-shadow-focus-2-spread: 0.3rem;
   --dt-shadow-focus-2-color: #51A0FE;
   --dt-shadow-focus-2-type: dropShadow;
   --dt-shadow-focus-inset-1-x: 0rem;
   --dt-shadow-focus-inset-1-y: 0rem;
   --dt-shadow-focus-inset-1-blur: 0rem;
-  --dt-shadow-focus-inset-1-spread: 0.3rem;
+  --dt-shadow-focus-inset-1-spread: 0.2rem;
   --dt-shadow-focus-inset-1-color: #51A0FE;
   --dt-shadow-focus-inset-1-type: innerShadow;
   --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/doc.json

@@ -13144,15 +13144,15 @@
       },
       "android/resources": {
         "name": "dt_light_shadow_focus_1_spread",
-        "value": "4px"
+        "value": "3px"
       },
       "compose/object": {
         "name": "dtShadowFocus1Spread",
-        "value": "4.dp"
+        "value": "3.dp"
       },
       "ios-swift/enum.swift": {
         "name": "dtShadowFocus1Spread",
-        "value": "CGFloat(4.00)"
+        "value": "CGFloat(3.00)"
       }
     },
     "shadow/focus/1/color": {
@@ -13232,11 +13232,11 @@
     "shadow/focus/2/spread": {
       "css/variables": {
         "name": "var(--dt-shadow-focus-2-spread)",
-        "value": "0.4rem"
+        "value": "0.3rem"
       },
       "less/variables": {
         "name": "dt-shadow-focus-2-spread",
-        "value": "0.4rem"
+        "value": "0.3rem"
       }
     },
     "shadow/focus/2/color": {
@@ -13292,11 +13292,11 @@
     "shadow/focus-inset/1/spread": {
       "css/variables": {
         "name": "var(--dt-shadow-focus-inset-1-spread)",
-        "value": "0.3rem"
+        "value": "0.2rem"
       },
       "less/variables": {
         "name": "dt-shadow-focus-inset-1-spread",
-        "value": "0.3rem"
+        "value": "0.2rem"
       }
     },
     "shadow/focus-inset/1/color": {
@@ -21416,15 +21416,15 @@
     "shadow/focus-inset/0/spread": {
       "android/resources": {
         "name": "dt_light_shadow_focus_inset_0_spread",
-        "value": "3px"
+        "value": "2px"
       },
       "compose/object": {
         "name": "dtShadowFocusInset0Spread",
-        "value": "3.dp"
+        "value": "2.dp"
       },
       "ios-swift/enum.swift": {
         "name": "dtShadowFocusInset0Spread",
-        "value": "CGFloat(3.00)"
+        "value": "CGFloat(2.00)"
       }
     },
     "shadow/focus-inset/0/color": {
@@ -37069,15 +37069,15 @@
       },
       "android/resources": {
         "name": "dt_dark_shadow_focus_1_spread",
-        "value": "4px"
+        "value": "3px"
       },
       "compose/object": {
         "name": "dtShadowFocus1Spread",
-        "value": "4.dp"
+        "value": "3.dp"
       },
       "ios-swift/enum.swift": {
         "name": "dtShadowFocus1Spread",
-        "value": "CGFloat(4.00)"
+        "value": "CGFloat(3.00)"
       }
     },
     "shadow/focus/1/color": {
@@ -37157,11 +37157,11 @@
     "shadow/focus/2/spread": {
       "css/variables": {
         "name": "var(--dt-shadow-focus-2-spread)",
-        "value": "0.4rem"
+        "value": "0.3rem"
       },
       "less/variables": {
         "name": "dt-shadow-focus-2-spread",
-        "value": "0.4rem"
+        "value": "0.3rem"
       }
     },
     "shadow/focus/2/color": {
@@ -37217,11 +37217,11 @@
     "shadow/focus-inset/1/spread": {
       "css/variables": {
         "name": "var(--dt-shadow-focus-inset-1-spread)",
-        "value": "0.3rem"
+        "value": "0.2rem"
       },
       "less/variables": {
         "name": "dt-shadow-focus-inset-1-spread",
-        "value": "0.3rem"
+        "value": "0.2rem"
       }
     },
     "shadow/focus-inset/1/color": {
@@ -45341,15 +45341,15 @@
     "shadow/focus-inset/0/spread": {
       "android/resources": {
         "name": "dt_dark_shadow_focus_inset_0_spread",
-        "value": "3px"
+        "value": "2px"
       },
       "compose/object": {
         "name": "dtShadowFocusInset0Spread",
-        "value": "3.dp"
+        "value": "2.dp"
       },
       "ios-swift/enum.swift": {
         "name": "dtShadowFocusInset0Spread",
-        "value": "CGFloat(3.00)"
+        "value": "CGFloat(2.00)"
       }
     },
     "shadow/focus-inset/0/color": {

package/dist/ios/tokens-dark.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:19 GMT
+// Generated on Sun, 07 Apr 2024 20:16:09 GMT
 
 
 import UIKit
@@ -426,13 +426,13 @@ public enum DialtoneTokensDark {
     public static let dtShadowFocus0Y = CGFloat(0.00)
     public static let dtShadowFocus1Blur = CGFloat(0.00)
     public static let dtShadowFocus1Color = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
-    public static let dtShadowFocus1Spread = CGFloat(4.00)
+    public static let dtShadowFocus1Spread = CGFloat(3.00)
     public static let dtShadowFocus1Type = "dropShadow"
     public static let dtShadowFocus1X = CGFloat(0.00)
     public static let dtShadowFocus1Y = CGFloat(0.00)
     public static let dtShadowFocusInset0Blur = CGFloat(0.00)
     public static let dtShadowFocusInset0Color = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
-    public static let dtShadowFocusInset0Spread = CGFloat(3.00)
+    public static let dtShadowFocusInset0Spread = CGFloat(2.00)
     public static let dtShadowFocusInset0Type = "innerShadow"
     public static let dtShadowFocusInset0X = CGFloat(0.00)
     public static let dtShadowFocusInset0Y = CGFloat(0.00)

package/dist/ios/tokens-light.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:19 GMT
+// Generated on Sun, 07 Apr 2024 20:16:09 GMT
 
 
 import UIKit
@@ -378,13 +378,13 @@ public enum DialtoneTokensLight {
     public static let dtShadowFocus0Y = CGFloat(0.00)
     public static let dtShadowFocus1Blur = CGFloat(0.00)
     public static let dtShadowFocus1Color = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
-    public static let dtShadowFocus1Spread = CGFloat(4.00)
+    public static let dtShadowFocus1Spread = CGFloat(3.00)
     public static let dtShadowFocus1Type = "dropShadow"
     public static let dtShadowFocus1X = CGFloat(0.00)
     public static let dtShadowFocus1Y = CGFloat(0.00)
     public static let dtShadowFocusInset0Blur = CGFloat(0.00)
     public static let dtShadowFocusInset0Color = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
-    public static let dtShadowFocusInset0Spread = CGFloat(3.00)
+    public static let dtShadowFocusInset0Spread = CGFloat(2.00)
     public static let dtShadowFocusInset0Type = "innerShadow"
     public static let dtShadowFocusInset0X = CGFloat(0.00)
     public static let dtShadowFocusInset0Y = CGFloat(0.00)

package/dist/less/variables-dark.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:19 GMT
+// Generated on Sun, 07 Apr 2024 20:16:09 GMT
 
 @dt-font-size-100: 1.2rem; // small
 @dt-font-size-200: 1.5rem; // medium / base
@@ -593,13 +593,13 @@
 @dt-shadow-focus-2-x: 0rem;
 @dt-shadow-focus-2-y: 0rem;
 @dt-shadow-focus-2-blur: 0rem;
-@dt-shadow-focus-2-spread: 0.4rem;
+@dt-shadow-focus-2-spread: 0.3rem;
 @dt-shadow-focus-2-color: #51A0FE;
 @dt-shadow-focus-2-type: dropShadow;
 @dt-shadow-focus-inset-1-x: 0rem;
 @dt-shadow-focus-inset-1-y: 0rem;
 @dt-shadow-focus-inset-1-blur: 0rem;
-@dt-shadow-focus-inset-1-spread: 0.3rem;
+@dt-shadow-focus-inset-1-spread: 0.2rem;
 @dt-shadow-focus-inset-1-color: #51A0FE;
 @dt-shadow-focus-inset-1-type: innerShadow;
 @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/less/variables-light.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 26 Mar 2024 22:25:18 GMT
+// Generated on Sun, 07 Apr 2024 20:16:08 GMT
 
 @dt-font-size-100: 1.2rem; // small
 @dt-font-size-200: 1.5rem; // medium / base
@@ -473,13 +473,13 @@
 @dt-shadow-focus-2-x: 0rem;
 @dt-shadow-focus-2-y: 0rem;
 @dt-shadow-focus-2-blur: 0rem;
-@dt-shadow-focus-2-spread: 0.4rem;
+@dt-shadow-focus-2-spread: 0.3rem;
 @dt-shadow-focus-2-color: #51A0FE;
 @dt-shadow-focus-2-type: dropShadow;
 @dt-shadow-focus-inset-1-x: 0rem;
 @dt-shadow-focus-inset-1-y: 0rem;
 @dt-shadow-focus-inset-1-blur: 0rem;
-@dt-shadow-focus-inset-1-spread: 0.3rem;
+@dt-shadow-focus-inset-1-spread: 0.2rem;
 @dt-shadow-focus-inset-1-color: #51A0FE;
 @dt-shadow-focus-inset-1-type: innerShadow;
 @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/tokens-dark.json

@@ -780,13 +780,13 @@
   "dtShadowFocus1X": "0rem",
   "dtShadowFocus1Y": "0rem",
   "dtShadowFocus1Blur": "0rem",
-  "dtShadowFocus1Spread": "0.25rem",
+  "dtShadowFocus1Spread": "0.1875rem",
   "dtShadowFocus1Color": "#51A0FE",
   "dtShadowFocus1Type": "dropShadow",
   "dtShadowFocusInset0X": "0rem",
   "dtShadowFocusInset0Y": "0rem",
   "dtShadowFocusInset0Blur": "0rem",
-  "dtShadowFocusInset0Spread": "0.1875rem",
+  "dtShadowFocusInset0Spread": "0.125rem",
   "dtShadowFocusInset0Color": "#51A0FE",
   "dtShadowFocusInset0Type": "innerShadow",
   "dtOpacity0": 0,

package/dist/tokens-light.json

@@ -696,13 +696,13 @@
   "dtShadowFocus1X": "0rem",
   "dtShadowFocus1Y": "0rem",
   "dtShadowFocus1Blur": "0rem",
-  "dtShadowFocus1Spread": "0.25rem",
+  "dtShadowFocus1Spread": "0.1875rem",
   "dtShadowFocus1Color": "#51A0FE",
   "dtShadowFocus1Type": "dropShadow",
   "dtShadowFocusInset0X": "0rem",
   "dtShadowFocusInset0Y": "0rem",
   "dtShadowFocusInset0Blur": "0rem",
-  "dtShadowFocusInset0Spread": "0.1875rem",
+  "dtShadowFocusInset0Spread": "0.125rem",
   "dtShadowFocusInset0Color": "#51A0FE",
   "dtShadowFocusInset0Type": "innerShadow",
   "dtSpace0": "0rem",

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@dialpad/dialtone-tokens",
-  "version": "1.27.2",
+  "version": "1.28.0",
   "description": "Design tokens for Dialtone.",
-  "main": "index.js",
   "type": "module",
   "files": [
     "dist"