@dialpad/dialtone-tokens 1.30.0 → 1.31.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 (28) hide show
  1. package/README.md +7 -0
  2. package/dist/android/java/tokens-dark.kt +5 -1
  3. package/dist/android/java/tokens-light.kt +5 -1
  4. package/dist/android/res/values/colors-dark.xml +5 -1
  5. package/dist/android/res/values/colors-light.xml +5 -1
  6. package/dist/android/res/values/dimens.xml +1 -1
  7. package/dist/css/variables-dark.css +5 -1
  8. package/dist/css/variables-expressive-dark.css +5 -1
  9. package/dist/css/variables-expressive-light.css +5 -1
  10. package/dist/css/variables-expressive-sm-dark.css +5 -1
  11. package/dist/css/variables-expressive-sm-light.css +5 -1
  12. package/dist/css/variables-light.css +5 -1
  13. package/dist/css/variables-tmo-dark.css +5 -1
  14. package/dist/css/variables-tmo-light.css +5 -1
  15. package/dist/doc.json +416 -0
  16. package/dist/ios/tokens-dark.swift +5 -1
  17. package/dist/ios/tokens-light.swift +5 -1
  18. package/dist/less/variables-dark.less +5 -1
  19. package/dist/less/variables-expressive-dark.less +5 -1
  20. package/dist/less/variables-expressive-light.less +5 -1
  21. package/dist/less/variables-expressive-sm-dark.less +5 -1
  22. package/dist/less/variables-expressive-sm-light.less +5 -1
  23. package/dist/less/variables-light.less +5 -1
  24. package/dist/less/variables-tmo-dark.less +5 -1
  25. package/dist/less/variables-tmo-light.less +5 -1
  26. package/dist/tokens-dark.json +4 -0
  27. package/dist/tokens-light.json +4 -0
  28. package/package.json +1 -1
package/README.md CHANGED
@@ -50,6 +50,13 @@ Or
50
50
  }
51
51
  ```
52
52
 
53
+ #### Import JSON
54
+
55
+ ```js
56
+ import "@dialpad/dialtone/tokens/tokens-light.json" // Light tokens
57
+ import "@dialpad/dialtone/tokens/tokens-dark.json" // Dark tokens
58
+ ```
59
+
53
60
  ### iOS (swift)
54
61
 
55
62
  1. Within your XCode project `File > Swift Packages > Add Package Dependency`
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 Fri, 12 Apr 2024 19:45:32 GMT
4
+ // Generated on Tue, 11 Jun 2024 10:09:18 GMT
5
5
 
6
6
 
7
7
 
@@ -89,12 +89,16 @@ object DialtoneTokensDark {
89
89
  val dtAvatarColorForeground = Color(0xff000000)
90
90
  val dtBadgeColorBackgroundAi = Color(0xff000000)
91
91
  val dtBadgeColorBackgroundBulletin = Color(0xff7c52ff)
92
+ val dtBadgeColorBackgroundBulletinSubtle = Color(0x1a7d52ff)
92
93
  val dtBadgeColorBackgroundCritical = Color(0xff5b0505)
93
94
  val dtBadgeColorBackgroundDefault = Color(0x26e6e6e6)
94
95
  val dtBadgeColorBackgroundInfo = Color(0xff01326d)
95
96
  val dtBadgeColorBackgroundSuccess = Color(0xff124620)
96
97
  val dtBadgeColorBackgroundWarning = Color(0xff815008)
98
+ val dtBadgeColorBorderBulletinSubtle = Color(0x807d52ff)
99
+ val dtBadgeColorBorderDefault = Color(0x24ffffff)
97
100
  val dtBadgeColorForegroundBulletin = Color(0xffffffff)
101
+ val dtBadgeColorForegroundBulletinSubtle = Color(0xff220087)
98
102
  val dtBadgeColorForegroundDefault = Color(0xffe6e6e6)
99
103
  val dtCheckboxColorBackgroundChecked = Color(0xff7c52ff)
100
104
  val dtCheckboxColorBorderChecked = Color(0xff7c52ff)
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 Fri, 12 Apr 2024 19:45:32 GMT
4
+ // Generated on Tue, 11 Jun 2024 10:09:18 GMT
5
5
 
6
6
 
7
7
 
@@ -89,12 +89,16 @@ object DialtoneTokensLight {
89
89
  val dtAvatarColorForeground = Color(0xff000000)
90
90
  val dtBadgeColorBackgroundAi = Color(0xff000000)
91
91
  val dtBadgeColorBackgroundBulletin = Color(0xff7c52ff)
92
+ val dtBadgeColorBackgroundBulletinSubtle = Color(0x1a7d52ff)
92
93
  val dtBadgeColorBackgroundCritical = Color(0xffffe5e6)
93
94
  val dtBadgeColorBackgroundDefault = Color(0x17000000)
94
95
  val dtBadgeColorBackgroundInfo = Color(0xffeaf2fa)
95
96
  val dtBadgeColorBackgroundSuccess = Color(0xffedf9eb)
96
97
  val dtBadgeColorBackgroundWarning = Color(0xfffff4cc)
98
+ val dtBadgeColorBorderBulletinSubtle = Color(0x807d52ff)
99
+ val dtBadgeColorBorderDefault = Color(0x1a000000)
97
100
  val dtBadgeColorForegroundBulletin = Color(0xffffffff)
101
+ val dtBadgeColorForegroundBulletinSubtle = Color(0xff220087)
98
102
  val dtBadgeColorForegroundDefault = Color(0xff000000)
99
103
  val dtCheckboxColorBackgroundChecked = Color(0xff7c52ff)
100
104
  val dtCheckboxColorBorderChecked = Color(0xff7c52ff)
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 Fri, 12 Apr 2024 19:45:32 GMT
5
+ Generated on Tue, 11 Jun 2024 10:09:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_dark_radio_color_border_unchecked">#ff808080</color>
@@ -17,9 +17,13 @@
17
17
  <color name="dt_dark_badge_color_background_warning">#ff815008</color>
18
18
  <color name="dt_dark_badge_color_background_critical">#ff5b0505</color>
19
19
  <color name="dt_dark_badge_color_background_bulletin">#ff7c52ff</color>
20
+ <color name="dt_dark_badge_color_background_bulletin_subtle">#1a7d52ff</color>
20
21
  <color name="dt_dark_badge_color_background_ai">#ff000000</color>
21
22
  <color name="dt_dark_badge_color_foreground_default">#ffe6e6e6</color>
22
23
  <color name="dt_dark_badge_color_foreground_bulletin">#ffffffff</color>
24
+ <color name="dt_dark_badge_color_foreground_bulletin_subtle">#ff220087</color>
25
+ <color name="dt_dark_badge_color_border_default">#24ffffff</color>
26
+ <color name="dt_dark_badge_color_border_bulletin_subtle">#807d52ff</color>
23
27
  <color name="dt_dark_avatar_color_foreground">#ff000000</color>
24
28
  <color name="dt_dark_avatar_color_background_100">#ff1aa340</color>
25
29
  <color name="dt_dark_avatar_color_background_200">#ffaaff83</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 Fri, 12 Apr 2024 19:45:32 GMT
5
+ Generated on Tue, 11 Jun 2024 10:09:18 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="dt_light_radio_color_border_unchecked">#ffaaaaaa</color>
@@ -17,9 +17,13 @@
17
17
  <color name="dt_light_badge_color_background_warning">#fffff4cc</color>
18
18
  <color name="dt_light_badge_color_background_critical">#ffffe5e6</color>
19
19
  <color name="dt_light_badge_color_background_bulletin">#ff7c52ff</color>
20
+ <color name="dt_light_badge_color_background_bulletin_subtle">#1a7d52ff</color>
20
21
  <color name="dt_light_badge_color_background_ai">#ff000000</color>
21
22
  <color name="dt_light_badge_color_foreground_default">#ff000000</color>
22
23
  <color name="dt_light_badge_color_foreground_bulletin">#ffffffff</color>
24
+ <color name="dt_light_badge_color_foreground_bulletin_subtle">#ff220087</color>
25
+ <color name="dt_light_badge_color_border_default">#1a000000</color>
26
+ <color name="dt_light_badge_color_border_bulletin_subtle">#807d52ff</color>
23
27
  <color name="dt_light_avatar_color_foreground">#ff000000</color>
24
28
  <color name="dt_light_avatar_color_background_100">#ff1aa340</color>
25
29
  <color name="dt_light_avatar_color_background_200">#ffaaff83</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 Fri, 12 Apr 2024 19:45:32 GMT
5
+ Generated on Tue, 11 Jun 2024 10:09:18 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 Fri, 12 Apr 2024 19:45:30 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:14 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -902,9 +902,13 @@
902
902
  --dt-badge-color-background-warning: #815008;
903
903
  --dt-badge-color-background-critical: #5B0505;
904
904
  --dt-badge-color-background-bulletin: #7C52FF;
905
+ --dt-badge-color-background-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
905
906
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
906
907
  --dt-badge-color-foreground-default: #E6E6E6;
907
908
  --dt-badge-color-foreground-bulletin: #ffffff;
909
+ --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
910
+ --dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
911
+ --dt-badge-color-border-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
908
912
  --dt-checkbox-size-width: 1.6rem;
909
913
  --dt-checkbox-size-height: 1.6rem;
910
914
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-expressive-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:16 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-dark {
@@ -903,9 +903,13 @@
903
903
  --dt-badge-color-background-warning: #815008;
904
904
  --dt-badge-color-background-critical: #5B0505;
905
905
  --dt-badge-color-background-bulletin: #7C52FF;
906
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
906
907
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
907
908
  --dt-badge-color-foreground-default: #E6E6E6;
908
909
  --dt-badge-color-foreground-bulletin: #ffffff;
910
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
911
+ --dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
912
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
909
913
  --dt-checkbox-size-width: 1.6rem;
910
914
  --dt-checkbox-size-height: 1.6rem;
911
915
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-expressive-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:16 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-light {
@@ -783,9 +783,13 @@
783
783
  --dt-badge-color-background-warning: #FFF4CC;
784
784
  --dt-badge-color-background-critical: #FFE5E6;
785
785
  --dt-badge-color-background-bulletin: #7C52FF;
786
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
786
787
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
787
788
  --dt-badge-color-foreground-default: #000000;
788
789
  --dt-badge-color-foreground-bulletin: #ffffff;
790
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
791
+ --dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
792
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
789
793
  --dt-checkbox-size-width: 1.6rem;
790
794
  --dt-checkbox-size-height: 1.6rem;
791
795
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-expressive-sm-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:18 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-sm-dark {
@@ -903,9 +903,13 @@
903
903
  --dt-badge-color-background-warning: #815008;
904
904
  --dt-badge-color-background-critical: #5B0505;
905
905
  --dt-badge-color-background-bulletin: #7C52FF;
906
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
906
907
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
907
908
  --dt-badge-color-foreground-default: #E6E6E6;
908
909
  --dt-badge-color-foreground-bulletin: #ffffff;
910
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
911
+ --dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
912
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
909
913
  --dt-checkbox-size-width: 1.6rem;
910
914
  --dt-checkbox-size-height: 1.6rem;
911
915
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-expressive-sm-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:17 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-expressive-sm-light {
@@ -783,9 +783,13 @@
783
783
  --dt-badge-color-background-warning: #FFF4CC;
784
784
  --dt-badge-color-background-critical: #FFE5E6;
785
785
  --dt-badge-color-background-bulletin: #7C52FF;
786
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
786
787
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
787
788
  --dt-badge-color-foreground-default: #000000;
788
789
  --dt-badge-color-foreground-bulletin: #ffffff;
790
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
791
+ --dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
792
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
789
793
  --dt-checkbox-size-width: 1.6rem;
790
794
  --dt-checkbox-size-height: 1.6rem;
791
795
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:29 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:14 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
@@ -782,9 +782,13 @@
782
782
  --dt-badge-color-background-warning: #FFF4CC;
783
783
  --dt-badge-color-background-critical: #FFE5E6;
784
784
  --dt-badge-color-background-bulletin: #7C52FF;
785
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
785
786
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
786
787
  --dt-badge-color-foreground-default: #000000;
787
788
  --dt-badge-color-foreground-bulletin: #ffffff;
789
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
790
+ --dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
791
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
788
792
  --dt-checkbox-size-width: 1.6rem;
789
793
  --dt-checkbox-size-height: 1.6rem;
790
794
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-tmo-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:30 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:15 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-tmo-dark {
@@ -902,9 +902,13 @@
902
902
  --dt-badge-color-background-warning: #815008;
903
903
  --dt-badge-color-background-critical: #5B0505;
904
904
  --dt-badge-color-background-bulletin: #7C52FF;
905
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
905
906
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
906
907
  --dt-badge-color-foreground-default: #E6E6E6;
907
908
  --dt-badge-color-foreground-bulletin: #ffffff;
909
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
910
+ --dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
911
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
908
912
  --dt-checkbox-size-width: 1.6rem;
909
913
  --dt-checkbox-size-height: 1.6rem;
910
914
  --dt-checkbox-size-radius: 0.4rem;
package/dist/css/variables-tmo-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 12 Apr 2024 19:45:30 GMT
3
+ * Generated on Tue, 11 Jun 2024 10:09:15 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-tmo-light {
@@ -782,9 +782,13 @@
782
782
  --dt-badge-color-background-warning: #FFF4CC;
783
783
  --dt-badge-color-background-critical: #FFE5E6;
784
784
  --dt-badge-color-background-bulletin: #7C52FF;
785
+ --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
785
786
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
786
787
  --dt-badge-color-foreground-default: #000000;
787
788
  --dt-badge-color-foreground-bulletin: #ffffff;
789
+ --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
790
+ --dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
791
+ --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
788
792
  --dt-checkbox-size-width: 1.6rem;
789
793
  --dt-checkbox-size-height: 1.6rem;
790
794
  --dt-checkbox-size-radius: 0.4rem;
package/dist/doc.json CHANGED
@@ -20185,6 +20185,28 @@
20185
20185
  "value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
20186
20186
  }
20187
20187
  },
20188
+ "badge/color/background/bulletin-subtle": {
20189
+ "css/variables": {
20190
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
20191
+ "value": "hsl(255 100% 66.1% / 0.1)"
20192
+ },
20193
+ "less/variables": {
20194
+ "name": "dt-badge-color-background-bulletin-subtle",
20195
+ "value": "hsl(255 100% 66.1% / 0.1)"
20196
+ },
20197
+ "android/resources": {
20198
+ "name": "dt_light_badge_color_background_bulletin_subtle",
20199
+ "value": "#1a7d52ff"
20200
+ },
20201
+ "compose/object": {
20202
+ "name": "dtBadgeColorBackgroundBulletinSubtle",
20203
+ "value": "Color(0x1a7d52ff)"
20204
+ },
20205
+ "ios-swift/enum.swift": {
20206
+ "name": "dtBadgeColorBackgroundBulletinSubtle",
20207
+ "value": "UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.10196078431372549)"
20208
+ }
20209
+ },
20188
20210
  "badge/color/background/ai": {
20189
20211
  "css/variables": {
20190
20212
  "name": "var(--dt-badge-color-background-ai)",
@@ -20251,6 +20273,72 @@
20251
20273
  "value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)"
20252
20274
  }
20253
20275
  },
20276
+ "badge/color/foreground/bulletin-subtle": {
20277
+ "css/variables": {
20278
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
20279
+ "value": "hsl(255 100% 26.4%)"
20280
+ },
20281
+ "less/variables": {
20282
+ "name": "dt-badge-color-foreground-bulletin-subtle",
20283
+ "value": "hsl(255 100% 26.4%)"
20284
+ },
20285
+ "android/resources": {
20286
+ "name": "dt_light_badge_color_foreground_bulletin_subtle",
20287
+ "value": "#ff220087"
20288
+ },
20289
+ "compose/object": {
20290
+ "name": "dtBadgeColorForegroundBulletinSubtle",
20291
+ "value": "Color(0xff220087)"
20292
+ },
20293
+ "ios-swift/enum.swift": {
20294
+ "name": "dtBadgeColorForegroundBulletinSubtle",
20295
+ "value": "UIColor(red: 0.133, green: 0.000, blue: 0.529, alpha: 1)"
20296
+ }
20297
+ },
20298
+ "badge/color/border/default": {
20299
+ "css/variables": {
20300
+ "name": "var(--dt-badge-color-border-default)",
20301
+ "value": "hsl(0 0% 0% / 0.1)"
20302
+ },
20303
+ "less/variables": {
20304
+ "name": "dt-badge-color-border-default",
20305
+ "value": "hsl(0 0% 0% / 0.1)"
20306
+ },
20307
+ "android/resources": {
20308
+ "name": "dt_light_badge_color_border_default",
20309
+ "value": "#1a000000"
20310
+ },
20311
+ "compose/object": {
20312
+ "name": "dtBadgeColorBorderDefault",
20313
+ "value": "Color(0x1a000000)"
20314
+ },
20315
+ "ios-swift/enum.swift": {
20316
+ "name": "dtBadgeColorBorderDefault",
20317
+ "value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)"
20318
+ }
20319
+ },
20320
+ "badge/color/border/bulletin-subtle": {
20321
+ "css/variables": {
20322
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
20323
+ "value": "hsl(255 100% 66.1% / 0.5)"
20324
+ },
20325
+ "less/variables": {
20326
+ "name": "dt-badge-color-border-bulletin-subtle",
20327
+ "value": "hsl(255 100% 66.1% / 0.5)"
20328
+ },
20329
+ "android/resources": {
20330
+ "name": "dt_light_badge_color_border_bulletin_subtle",
20331
+ "value": "#807d52ff"
20332
+ },
20333
+ "compose/object": {
20334
+ "name": "dtBadgeColorBorderBulletinSubtle",
20335
+ "value": "Color(0x807d52ff)"
20336
+ },
20337
+ "ios-swift/enum.swift": {
20338
+ "name": "dtBadgeColorBorderBulletinSubtle",
20339
+ "value": "UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.5019607843137255)"
20340
+ }
20341
+ },
20254
20342
  "checkbox/size/width": {
20255
20343
  "css/variables": {
20256
20344
  "name": "var(--dt-checkbox-size-width)",
@@ -44110,6 +44198,28 @@
44110
44198
  "value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
44111
44199
  }
44112
44200
  },
44201
+ "badge/color/background/bulletin-subtle": {
44202
+ "css/variables": {
44203
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
44204
+ "value": "hsl(261 100% 74.7% / 0.6)"
44205
+ },
44206
+ "less/variables": {
44207
+ "name": "dt-badge-color-background-bulletin-subtle",
44208
+ "value": "hsl(261 100% 74.7% / 0.6)"
44209
+ },
44210
+ "android/resources": {
44211
+ "name": "dt_dark_badge_color_background_bulletin_subtle",
44212
+ "value": "#1a7d52ff"
44213
+ },
44214
+ "compose/object": {
44215
+ "name": "dtBadgeColorBackgroundBulletinSubtle",
44216
+ "value": "Color(0x1a7d52ff)"
44217
+ },
44218
+ "ios-swift/enum.swift": {
44219
+ "name": "dtBadgeColorBackgroundBulletinSubtle",
44220
+ "value": "UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.10196078431372549)"
44221
+ }
44222
+ },
44113
44223
  "badge/color/background/ai": {
44114
44224
  "css/variables": {
44115
44225
  "name": "var(--dt-badge-color-background-ai)",
@@ -44176,6 +44286,72 @@
44176
44286
  "value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)"
44177
44287
  }
44178
44288
  },
44289
+ "badge/color/foreground/bulletin-subtle": {
44290
+ "css/variables": {
44291
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
44292
+ "value": "hsl(0 0% 90.2%)"
44293
+ },
44294
+ "less/variables": {
44295
+ "name": "dt-badge-color-foreground-bulletin-subtle",
44296
+ "value": "hsl(0 0% 90.2%)"
44297
+ },
44298
+ "android/resources": {
44299
+ "name": "dt_dark_badge_color_foreground_bulletin_subtle",
44300
+ "value": "#ff220087"
44301
+ },
44302
+ "compose/object": {
44303
+ "name": "dtBadgeColorForegroundBulletinSubtle",
44304
+ "value": "Color(0xff220087)"
44305
+ },
44306
+ "ios-swift/enum.swift": {
44307
+ "name": "dtBadgeColorForegroundBulletinSubtle",
44308
+ "value": "UIColor(red: 0.133, green: 0.000, blue: 0.529, alpha: 1)"
44309
+ }
44310
+ },
44311
+ "badge/color/border/default": {
44312
+ "css/variables": {
44313
+ "name": "var(--dt-badge-color-border-default)",
44314
+ "value": "hsl(0 0% 100% / 0.14)"
44315
+ },
44316
+ "less/variables": {
44317
+ "name": "dt-badge-color-border-default",
44318
+ "value": "hsl(0 0% 100% / 0.14)"
44319
+ },
44320
+ "android/resources": {
44321
+ "name": "dt_dark_badge_color_border_default",
44322
+ "value": "#24ffffff"
44323
+ },
44324
+ "compose/object": {
44325
+ "name": "dtBadgeColorBorderDefault",
44326
+ "value": "Color(0x24ffffff)"
44327
+ },
44328
+ "ios-swift/enum.swift": {
44329
+ "name": "dtBadgeColorBorderDefault",
44330
+ "value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1411764705882353)"
44331
+ }
44332
+ },
44333
+ "badge/color/border/bulletin-subtle": {
44334
+ "css/variables": {
44335
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
44336
+ "value": "hsl(261 100% 74.7% / 0.6)"
44337
+ },
44338
+ "less/variables": {
44339
+ "name": "dt-badge-color-border-bulletin-subtle",
44340
+ "value": "hsl(261 100% 74.7% / 0.6)"
44341
+ },
44342
+ "android/resources": {
44343
+ "name": "dt_dark_badge_color_border_bulletin_subtle",
44344
+ "value": "#807d52ff"
44345
+ },
44346
+ "compose/object": {
44347
+ "name": "dtBadgeColorBorderBulletinSubtle",
44348
+ "value": "Color(0x807d52ff)"
44349
+ },
44350
+ "ios-swift/enum.swift": {
44351
+ "name": "dtBadgeColorBorderBulletinSubtle",
44352
+ "value": "UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.5019607843137255)"
44353
+ }
44354
+ },
44179
44355
  "checkbox/size/width": {
44180
44356
  "css/variables": {
44181
44357
  "name": "var(--dt-checkbox-size-width)",
@@ -54798,6 +54974,16 @@
54798
54974
  "value": "#7C52FF"
54799
54975
  }
54800
54976
  },
54977
+ "badge/color/background/bulletin-subtle": {
54978
+ "css/variables": {
54979
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
54980
+ "value": "hsl(255 100% 66.1% / 0.1)"
54981
+ },
54982
+ "less/variables": {
54983
+ "name": "dt-badge-color-background-bulletin-subtle",
54984
+ "value": "hsl(255 100% 66.1% / 0.1)"
54985
+ }
54986
+ },
54801
54987
  "badge/color/background/ai": {
54802
54988
  "css/variables": {
54803
54989
  "name": "var(--dt-badge-color-background-ai)",
@@ -54828,6 +55014,36 @@
54828
55014
  "value": "#ffffff"
54829
55015
  }
54830
55016
  },
55017
+ "badge/color/foreground/bulletin-subtle": {
55018
+ "css/variables": {
55019
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
55020
+ "value": "hsl(255 100% 26.4%)"
55021
+ },
55022
+ "less/variables": {
55023
+ "name": "dt-badge-color-foreground-bulletin-subtle",
55024
+ "value": "hsl(255 100% 26.4%)"
55025
+ }
55026
+ },
55027
+ "badge/color/border/default": {
55028
+ "css/variables": {
55029
+ "name": "var(--dt-badge-color-border-default)",
55030
+ "value": "hsl(0 0% 0% / 0.1)"
55031
+ },
55032
+ "less/variables": {
55033
+ "name": "dt-badge-color-border-default",
55034
+ "value": "hsl(0 0% 0% / 0.1)"
55035
+ }
55036
+ },
55037
+ "badge/color/border/bulletin-subtle": {
55038
+ "css/variables": {
55039
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
55040
+ "value": "hsl(255 100% 66.1% / 0.5)"
55041
+ },
55042
+ "less/variables": {
55043
+ "name": "dt-badge-color-border-bulletin-subtle",
55044
+ "value": "hsl(255 100% 66.1% / 0.5)"
55045
+ }
55046
+ },
54831
55047
  "checkbox/size/width": {
54832
55048
  "css/variables": {
54833
55049
  "name": "var(--dt-checkbox-size-width)",
@@ -65746,6 +65962,16 @@
65746
65962
  "value": "#7C52FF"
65747
65963
  }
65748
65964
  },
65965
+ "badge/color/background/bulletin-subtle": {
65966
+ "css/variables": {
65967
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
65968
+ "value": "hsl(255 100% 66.1% / 0.1)"
65969
+ },
65970
+ "less/variables": {
65971
+ "name": "dt-badge-color-background-bulletin-subtle",
65972
+ "value": "hsl(255 100% 66.1% / 0.1)"
65973
+ }
65974
+ },
65749
65975
  "badge/color/background/ai": {
65750
65976
  "css/variables": {
65751
65977
  "name": "var(--dt-badge-color-background-ai)",
@@ -65776,6 +66002,36 @@
65776
66002
  "value": "#ffffff"
65777
66003
  }
65778
66004
  },
66005
+ "badge/color/foreground/bulletin-subtle": {
66006
+ "css/variables": {
66007
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
66008
+ "value": "hsl(255 100% 26.4%)"
66009
+ },
66010
+ "less/variables": {
66011
+ "name": "dt-badge-color-foreground-bulletin-subtle",
66012
+ "value": "hsl(255 100% 26.4%)"
66013
+ }
66014
+ },
66015
+ "badge/color/border/default": {
66016
+ "css/variables": {
66017
+ "name": "var(--dt-badge-color-border-default)",
66018
+ "value": "hsl(0 0% 100% / 0.14)"
66019
+ },
66020
+ "less/variables": {
66021
+ "name": "dt-badge-color-border-default",
66022
+ "value": "hsl(0 0% 100% / 0.14)"
66023
+ }
66024
+ },
66025
+ "badge/color/border/bulletin-subtle": {
66026
+ "css/variables": {
66027
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
66028
+ "value": "hsl(255 100% 66.1% / 0.5)"
66029
+ },
66030
+ "less/variables": {
66031
+ "name": "dt-badge-color-border-bulletin-subtle",
66032
+ "value": "hsl(255 100% 66.1% / 0.5)"
66033
+ }
66034
+ },
65779
66035
  "checkbox/size/width": {
65780
66036
  "css/variables": {
65781
66037
  "name": "var(--dt-checkbox-size-width)",
@@ -75484,6 +75740,16 @@
75484
75740
  "value": "#7C52FF"
75485
75741
  }
75486
75742
  },
75743
+ "badge/color/background/bulletin-subtle": {
75744
+ "css/variables": {
75745
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
75746
+ "value": "hsl(255 100% 66.1% / 0.1)"
75747
+ },
75748
+ "less/variables": {
75749
+ "name": "dt-badge-color-background-bulletin-subtle",
75750
+ "value": "hsl(255 100% 66.1% / 0.1)"
75751
+ }
75752
+ },
75487
75753
  "badge/color/background/ai": {
75488
75754
  "css/variables": {
75489
75755
  "name": "var(--dt-badge-color-background-ai)",
@@ -75514,6 +75780,36 @@
75514
75780
  "value": "#ffffff"
75515
75781
  }
75516
75782
  },
75783
+ "badge/color/foreground/bulletin-subtle": {
75784
+ "css/variables": {
75785
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
75786
+ "value": "hsl(255 100% 26.4%)"
75787
+ },
75788
+ "less/variables": {
75789
+ "name": "dt-badge-color-foreground-bulletin-subtle",
75790
+ "value": "hsl(255 100% 26.4%)"
75791
+ }
75792
+ },
75793
+ "badge/color/border/default": {
75794
+ "css/variables": {
75795
+ "name": "var(--dt-badge-color-border-default)",
75796
+ "value": "hsl(0 0% 0% / 0.1)"
75797
+ },
75798
+ "less/variables": {
75799
+ "name": "dt-badge-color-border-default",
75800
+ "value": "hsl(0 0% 0% / 0.1)"
75801
+ }
75802
+ },
75803
+ "badge/color/border/bulletin-subtle": {
75804
+ "css/variables": {
75805
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
75806
+ "value": "hsl(255 100% 66.1% / 0.5)"
75807
+ },
75808
+ "less/variables": {
75809
+ "name": "dt-badge-color-border-bulletin-subtle",
75810
+ "value": "hsl(255 100% 66.1% / 0.5)"
75811
+ }
75812
+ },
75517
75813
  "checkbox/size/width": {
75518
75814
  "css/variables": {
75519
75815
  "name": "var(--dt-checkbox-size-width)",
@@ -86442,6 +86738,16 @@
86442
86738
  "value": "#7C52FF"
86443
86739
  }
86444
86740
  },
86741
+ "badge/color/background/bulletin-subtle": {
86742
+ "css/variables": {
86743
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
86744
+ "value": "hsl(255 100% 66.1% / 0.1)"
86745
+ },
86746
+ "less/variables": {
86747
+ "name": "dt-badge-color-background-bulletin-subtle",
86748
+ "value": "hsl(255 100% 66.1% / 0.1)"
86749
+ }
86750
+ },
86445
86751
  "badge/color/background/ai": {
86446
86752
  "css/variables": {
86447
86753
  "name": "var(--dt-badge-color-background-ai)",
@@ -86472,6 +86778,36 @@
86472
86778
  "value": "#ffffff"
86473
86779
  }
86474
86780
  },
86781
+ "badge/color/foreground/bulletin-subtle": {
86782
+ "css/variables": {
86783
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
86784
+ "value": "hsl(255 100% 26.4%)"
86785
+ },
86786
+ "less/variables": {
86787
+ "name": "dt-badge-color-foreground-bulletin-subtle",
86788
+ "value": "hsl(255 100% 26.4%)"
86789
+ }
86790
+ },
86791
+ "badge/color/border/default": {
86792
+ "css/variables": {
86793
+ "name": "var(--dt-badge-color-border-default)",
86794
+ "value": "hsl(0 0% 100% / 0.14)"
86795
+ },
86796
+ "less/variables": {
86797
+ "name": "dt-badge-color-border-default",
86798
+ "value": "hsl(0 0% 100% / 0.14)"
86799
+ }
86800
+ },
86801
+ "badge/color/border/bulletin-subtle": {
86802
+ "css/variables": {
86803
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
86804
+ "value": "hsl(255 100% 66.1% / 0.5)"
86805
+ },
86806
+ "less/variables": {
86807
+ "name": "dt-badge-color-border-bulletin-subtle",
86808
+ "value": "hsl(255 100% 66.1% / 0.5)"
86809
+ }
86810
+ },
86475
86811
  "checkbox/size/width": {
86476
86812
  "css/variables": {
86477
86813
  "name": "var(--dt-checkbox-size-width)",
@@ -96180,6 +96516,16 @@
96180
96516
  "value": "#7C52FF"
96181
96517
  }
96182
96518
  },
96519
+ "badge/color/background/bulletin-subtle": {
96520
+ "css/variables": {
96521
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
96522
+ "value": "hsl(255 100% 66.1% / 0.1)"
96523
+ },
96524
+ "less/variables": {
96525
+ "name": "dt-badge-color-background-bulletin-subtle",
96526
+ "value": "hsl(255 100% 66.1% / 0.1)"
96527
+ }
96528
+ },
96183
96529
  "badge/color/background/ai": {
96184
96530
  "css/variables": {
96185
96531
  "name": "var(--dt-badge-color-background-ai)",
@@ -96210,6 +96556,36 @@
96210
96556
  "value": "#ffffff"
96211
96557
  }
96212
96558
  },
96559
+ "badge/color/foreground/bulletin-subtle": {
96560
+ "css/variables": {
96561
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
96562
+ "value": "hsl(255 100% 26.4%)"
96563
+ },
96564
+ "less/variables": {
96565
+ "name": "dt-badge-color-foreground-bulletin-subtle",
96566
+ "value": "hsl(255 100% 26.4%)"
96567
+ }
96568
+ },
96569
+ "badge/color/border/default": {
96570
+ "css/variables": {
96571
+ "name": "var(--dt-badge-color-border-default)",
96572
+ "value": "hsl(0 0% 0% / 0.1)"
96573
+ },
96574
+ "less/variables": {
96575
+ "name": "dt-badge-color-border-default",
96576
+ "value": "hsl(0 0% 0% / 0.1)"
96577
+ }
96578
+ },
96579
+ "badge/color/border/bulletin-subtle": {
96580
+ "css/variables": {
96581
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
96582
+ "value": "hsl(255 100% 66.1% / 0.5)"
96583
+ },
96584
+ "less/variables": {
96585
+ "name": "dt-badge-color-border-bulletin-subtle",
96586
+ "value": "hsl(255 100% 66.1% / 0.5)"
96587
+ }
96588
+ },
96213
96589
  "checkbox/size/width": {
96214
96590
  "css/variables": {
96215
96591
  "name": "var(--dt-checkbox-size-width)",
@@ -107138,6 +107514,16 @@
107138
107514
  "value": "#7C52FF"
107139
107515
  }
107140
107516
  },
107517
+ "badge/color/background/bulletin-subtle": {
107518
+ "css/variables": {
107519
+ "name": "var(--dt-badge-color-background-bulletin-subtle)",
107520
+ "value": "hsl(255 100% 66.1% / 0.1)"
107521
+ },
107522
+ "less/variables": {
107523
+ "name": "dt-badge-color-background-bulletin-subtle",
107524
+ "value": "hsl(255 100% 66.1% / 0.1)"
107525
+ }
107526
+ },
107141
107527
  "badge/color/background/ai": {
107142
107528
  "css/variables": {
107143
107529
  "name": "var(--dt-badge-color-background-ai)",
@@ -107168,6 +107554,36 @@
107168
107554
  "value": "#ffffff"
107169
107555
  }
107170
107556
  },
107557
+ "badge/color/foreground/bulletin-subtle": {
107558
+ "css/variables": {
107559
+ "name": "var(--dt-badge-color-foreground-bulletin-subtle)",
107560
+ "value": "hsl(255 100% 26.4%)"
107561
+ },
107562
+ "less/variables": {
107563
+ "name": "dt-badge-color-foreground-bulletin-subtle",
107564
+ "value": "hsl(255 100% 26.4%)"
107565
+ }
107566
+ },
107567
+ "badge/color/border/default": {
107568
+ "css/variables": {
107569
+ "name": "var(--dt-badge-color-border-default)",
107570
+ "value": "hsl(0 0% 100% / 0.14)"
107571
+ },
107572
+ "less/variables": {
107573
+ "name": "dt-badge-color-border-default",
107574
+ "value": "hsl(0 0% 100% / 0.14)"
107575
+ }
107576
+ },
107577
+ "badge/color/border/bulletin-subtle": {
107578
+ "css/variables": {
107579
+ "name": "var(--dt-badge-color-border-bulletin-subtle)",
107580
+ "value": "hsl(255 100% 66.1% / 0.5)"
107581
+ },
107582
+ "less/variables": {
107583
+ "name": "dt-badge-color-border-bulletin-subtle",
107584
+ "value": "hsl(255 100% 66.1% / 0.5)"
107585
+ }
107586
+ },
107171
107587
  "checkbox/size/width": {
107172
107588
  "css/variables": {
107173
107589
  "name": "var(--dt-checkbox-size-width)",
package/dist/ios/tokens-dark.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 12 Apr 2024 19:45:32 GMT
7
+ // Generated on Tue, 11 Jun 2024 10:09:18 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -86,12 +86,16 @@ public enum DialtoneTokensDark {
86
86
  public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
87
87
  public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
88
88
  public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
89
+ public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.10196078431372549)
89
90
  public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.357, green: 0.020, blue: 0.020, alpha: 1)
90
91
  public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 0.14901960784313725)
91
92
  public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.004, green: 0.196, blue: 0.427, alpha: 1)
92
93
  public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)
93
94
  public static let dtBadgeColorBackgroundWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
95
+ public static let dtBadgeColorBorderBulletinSubtle = UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.5019607843137255)
96
+ public static let dtBadgeColorBorderDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1411764705882353)
94
97
  public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
98
+ public static let dtBadgeColorForegroundBulletinSubtle = UIColor(red: 0.133, green: 0.000, blue: 0.529, alpha: 1)
95
99
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
96
100
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
97
101
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
package/dist/ios/tokens-light.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 12 Apr 2024 19:45:32 GMT
7
+ // Generated on Tue, 11 Jun 2024 10:09:18 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -86,12 +86,16 @@ public enum DialtoneTokensLight {
86
86
  public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
87
87
  public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
88
88
  public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
89
+ public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.10196078431372549)
89
90
  public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
90
91
  public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.09019607843137255)
91
92
  public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
92
93
  public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
93
94
  public static let dtBadgeColorBackgroundWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
95
+ public static let dtBadgeColorBorderBulletinSubtle = UIColor(red: 0.490, green: 0.322, blue: 1.000, alpha: 0.5019607843137255)
96
+ public static let dtBadgeColorBorderDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.10196078431372549)
94
97
  public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
98
+ public static let dtBadgeColorForegroundBulletinSubtle = UIColor(red: 0.133, green: 0.000, blue: 0.529, alpha: 1)
95
99
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
96
100
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
97
101
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
package/dist/less/variables-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:30 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:14 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -900,9 +900,13 @@
900
900
  @dt-badge-color-background-warning: #815008;
901
901
  @dt-badge-color-background-critical: #5B0505;
902
902
  @dt-badge-color-background-bulletin: #7C52FF;
903
+ @dt-badge-color-background-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
903
904
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
904
905
  @dt-badge-color-foreground-default: #E6E6E6;
905
906
  @dt-badge-color-foreground-bulletin: #ffffff;
907
+ @dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
908
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
909
+ @dt-badge-color-border-bulletin-subtle: hsl(261 100% 74.7% / 0.6);
906
910
  @dt-checkbox-size-width: 1.6rem;
907
911
  @dt-checkbox-size-height: 1.6rem;
908
912
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-expressive-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:17 GMT
4
4
 
5
5
  @dt-font-size-100: 1.6rem; // small
6
6
  @dt-font-size-200: 2rem; // medium / base
@@ -901,9 +901,13 @@
901
901
  @dt-badge-color-background-warning: #815008;
902
902
  @dt-badge-color-background-critical: #5B0505;
903
903
  @dt-badge-color-background-bulletin: #7C52FF;
904
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
904
905
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
905
906
  @dt-badge-color-foreground-default: #E6E6E6;
906
907
  @dt-badge-color-foreground-bulletin: #ffffff;
908
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
909
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
910
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
907
911
  @dt-checkbox-size-width: 1.6rem;
908
912
  @dt-checkbox-size-height: 1.6rem;
909
913
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-expressive-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:16 GMT
4
4
 
5
5
  @dt-font-size-100: 1.6rem; // small
6
6
  @dt-font-size-200: 2rem; // medium / base
@@ -781,9 +781,13 @@
781
781
  @dt-badge-color-background-warning: #FFF4CC;
782
782
  @dt-badge-color-background-critical: #FFE5E6;
783
783
  @dt-badge-color-background-bulletin: #7C52FF;
784
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
784
785
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
785
786
  @dt-badge-color-foreground-default: #000000;
786
787
  @dt-badge-color-foreground-bulletin: #ffffff;
788
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
789
+ @dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
790
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
787
791
  @dt-checkbox-size-width: 1.6rem;
788
792
  @dt-checkbox-size-height: 1.6rem;
789
793
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-expressive-sm-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:32 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:18 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.6rem; // medium / base
@@ -901,9 +901,13 @@
901
901
  @dt-badge-color-background-warning: #815008;
902
902
  @dt-badge-color-background-critical: #5B0505;
903
903
  @dt-badge-color-background-bulletin: #7C52FF;
904
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
904
905
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
905
906
  @dt-badge-color-foreground-default: #E6E6E6;
906
907
  @dt-badge-color-foreground-bulletin: #ffffff;
908
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
909
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
910
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
907
911
  @dt-checkbox-size-width: 1.6rem;
908
912
  @dt-checkbox-size-height: 1.6rem;
909
913
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-expressive-sm-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:31 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:17 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.6rem; // medium / base
@@ -781,9 +781,13 @@
781
781
  @dt-badge-color-background-warning: #FFF4CC;
782
782
  @dt-badge-color-background-critical: #FFE5E6;
783
783
  @dt-badge-color-background-bulletin: #7C52FF;
784
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
784
785
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
785
786
  @dt-badge-color-foreground-default: #000000;
786
787
  @dt-badge-color-foreground-bulletin: #ffffff;
788
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
789
+ @dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
790
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
787
791
  @dt-checkbox-size-width: 1.6rem;
788
792
  @dt-checkbox-size-height: 1.6rem;
789
793
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:29 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:14 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -780,9 +780,13 @@
780
780
  @dt-badge-color-background-warning: #FFF4CC;
781
781
  @dt-badge-color-background-critical: #FFE5E6;
782
782
  @dt-badge-color-background-bulletin: #7C52FF;
783
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
783
784
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
784
785
  @dt-badge-color-foreground-default: #000000;
785
786
  @dt-badge-color-foreground-bulletin: #ffffff;
787
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
788
+ @dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
789
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
786
790
  @dt-checkbox-size-width: 1.6rem;
787
791
  @dt-checkbox-size-height: 1.6rem;
788
792
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-tmo-dark.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:30 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:15 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -900,9 +900,13 @@
900
900
  @dt-badge-color-background-warning: #815008;
901
901
  @dt-badge-color-background-critical: #5B0505;
902
902
  @dt-badge-color-background-bulletin: #7C52FF;
903
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
903
904
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
904
905
  @dt-badge-color-foreground-default: #E6E6E6;
905
906
  @dt-badge-color-foreground-bulletin: #ffffff;
907
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
908
+ @dt-badge-color-border-default: hsl(0 0% 100% / 0.14);
909
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
906
910
  @dt-checkbox-size-width: 1.6rem;
907
911
  @dt-checkbox-size-height: 1.6rem;
908
912
  @dt-checkbox-size-radius: 0.4rem;
package/dist/less/variables-tmo-light.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 12 Apr 2024 19:45:30 GMT
3
+ // Generated on Tue, 11 Jun 2024 10:09:15 GMT
4
4
 
5
5
  @dt-font-size-100: 1.2rem; // small
6
6
  @dt-font-size-200: 1.5rem; // medium / base
@@ -780,9 +780,13 @@
780
780
  @dt-badge-color-background-warning: #FFF4CC;
781
781
  @dt-badge-color-background-critical: #FFE5E6;
782
782
  @dt-badge-color-background-bulletin: #7C52FF;
783
+ @dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
783
784
  @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
784
785
  @dt-badge-color-foreground-default: #000000;
785
786
  @dt-badge-color-foreground-bulletin: #ffffff;
787
+ @dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
788
+ @dt-badge-color-border-default: hsl(0 0% 0% / 0.1);
789
+ @dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
786
790
  @dt-checkbox-size-width: 1.6rem;
787
791
  @dt-checkbox-size-height: 1.6rem;
788
792
  @dt-checkbox-size-radius: 0.4rem;
package/dist/tokens-dark.json CHANGED
@@ -33,9 +33,13 @@
33
33
  "dtBadgeColorBackgroundWarning": "#815008",
34
34
  "dtBadgeColorBackgroundCritical": "#5B0505",
35
35
  "dtBadgeColorBackgroundBulletin": "#7C52FF",
36
+ "dtBadgeColorBackgroundBulletinSubtle": "#7d52ff1a",
36
37
  "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
37
38
  "dtBadgeColorForegroundDefault": "#E6E6E6",
38
39
  "dtBadgeColorForegroundBulletin": "#ffffff",
40
+ "dtBadgeColorForegroundBulletinSubtle": "#220087",
41
+ "dtBadgeColorBorderDefault": "#ffffff24",
42
+ "dtBadgeColorBorderBulletinSubtle": "#7d52ff80",
39
43
  "dtAvatarColorForeground": "#000000",
40
44
  "dtAvatarColorBackground100": "#1aa340",
41
45
  "dtAvatarColorBackground200": "#aaff83",
package/dist/tokens-light.json CHANGED
@@ -33,9 +33,13 @@
33
33
  "dtBadgeColorBackgroundWarning": "#FFF4CC",
34
34
  "dtBadgeColorBackgroundCritical": "#FFE5E6",
35
35
  "dtBadgeColorBackgroundBulletin": "#7C52FF",
36
+ "dtBadgeColorBackgroundBulletinSubtle": "#7d52ff1a",
36
37
  "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
37
38
  "dtBadgeColorForegroundDefault": "#000000",
38
39
  "dtBadgeColorForegroundBulletin": "#ffffff",
40
+ "dtBadgeColorForegroundBulletinSubtle": "#220087",
41
+ "dtBadgeColorBorderDefault": "#0000001a",
42
+ "dtBadgeColorBorderBulletinSubtle": "#7d52ff80",
39
43
  "dtAvatarColorForeground": "#000000",
40
44
  "dtAvatarColorBackground100": "#1aa340",
41
45
  "dtAvatarColorBackground200": "#aaff83",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.30.0",
3
+ "version": "1.31.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "type": "module",
6
6
  "files": [