@dialpad/dialtone-tokens 1.36.6 → 1.36.7

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 (86) hide show
  1. package/dist/android/java/tokens-base-dark.kt +7 -7
  2. package/dist/android/java/tokens-base-light.kt +6 -6
  3. package/dist/android/java/tokens-dp-dark.kt +5 -5
  4. package/dist/android/java/tokens-dp-light.kt +5 -5
  5. package/dist/android/java/tokens-expressive-dark.kt +5 -5
  6. package/dist/android/java/tokens-expressive-light.kt +5 -5
  7. package/dist/android/java/tokens-expressive-sm-dark.kt +5 -5
  8. package/dist/android/java/tokens-expressive-sm-light.kt +5 -5
  9. package/dist/android/java/tokens-tmo-dark.kt +5 -5
  10. package/dist/android/java/tokens-tmo-light.kt +5 -5
  11. package/dist/android/res/values/colors-base-dark.xml +7 -7
  12. package/dist/android/res/values/colors-base-light.xml +6 -6
  13. package/dist/android/res/values/colors-dp-dark.xml +2 -2
  14. package/dist/android/res/values/colors-dp-light.xml +2 -2
  15. package/dist/android/res/values/colors-expressive-dark.xml +2 -2
  16. package/dist/android/res/values/colors-expressive-light.xml +2 -2
  17. package/dist/android/res/values/colors-expressive-sm-dark.xml +2 -2
  18. package/dist/android/res/values/colors-expressive-sm-light.xml +2 -2
  19. package/dist/android/res/values/colors-tmo-dark.xml +2 -2
  20. package/dist/android/res/values/colors-tmo-light.xml +2 -2
  21. package/dist/css/tokens-base-dark.css +49 -49
  22. package/dist/css/tokens-base-light.css +42 -42
  23. package/dist/css/tokens-dp-dark.css +35 -35
  24. package/dist/css/tokens-dp-light.css +35 -35
  25. package/dist/css/tokens-expressive-dark.css +35 -35
  26. package/dist/css/tokens-expressive-light.css +35 -35
  27. package/dist/css/tokens-expressive-sm-dark.css +35 -35
  28. package/dist/css/tokens-expressive-sm-light.css +35 -35
  29. package/dist/css/tokens-tmo-dark.css +35 -35
  30. package/dist/css/tokens-tmo-light.css +35 -35
  31. package/dist/doc.json +6799 -6799
  32. package/dist/ios/tokens-base-dark.swift +7 -7
  33. package/dist/ios/tokens-base-light.swift +6 -6
  34. package/dist/ios/tokens-dp-dark.swift +2 -2
  35. package/dist/ios/tokens-dp-light.swift +2 -2
  36. package/dist/ios/tokens-expressive-dark.swift +2 -2
  37. package/dist/ios/tokens-expressive-light.swift +2 -2
  38. package/dist/ios/tokens-expressive-sm-dark.swift +2 -2
  39. package/dist/ios/tokens-expressive-sm-light.swift +2 -2
  40. package/dist/ios/tokens-tmo-dark.swift +2 -2
  41. package/dist/ios/tokens-tmo-light.swift +2 -2
  42. package/dist/less/tokens-base-dark.less +7 -7
  43. package/dist/less/tokens-base-light.less +6 -6
  44. package/dist/less/tokens-dp-dark.less +5 -5
  45. package/dist/less/tokens-dp-light.less +5 -5
  46. package/dist/less/tokens-expressive-dark.less +5 -5
  47. package/dist/less/tokens-expressive-light.less +5 -5
  48. package/dist/less/tokens-expressive-sm-dark.less +5 -5
  49. package/dist/less/tokens-expressive-sm-light.less +5 -5
  50. package/dist/less/tokens-tmo-dark.less +5 -5
  51. package/dist/less/tokens-tmo-light.less +5 -5
  52. package/dist/themes/chunks/tokens-base-dark-B5huG27C.js +1 -0
  53. package/dist/themes/chunks/tokens-base-dark-DhC8-lWj.js +4 -0
  54. package/dist/themes/chunks/tokens-base-light-ChSXRKjA.js +1 -0
  55. package/dist/themes/chunks/tokens-base-light-dHmrxei5.js +4 -0
  56. package/dist/themes/dp-dark.cjs +1 -1
  57. package/dist/themes/dp-dark.js +2 -2
  58. package/dist/themes/dp-light.cjs +1 -1
  59. package/dist/themes/dp-light.js +2 -2
  60. package/dist/themes/expressive-dark.cjs +1 -1
  61. package/dist/themes/expressive-dark.js +2 -2
  62. package/dist/themes/expressive-light.cjs +1 -1
  63. package/dist/themes/expressive-light.js +2 -2
  64. package/dist/themes/expressive-sm-dark.cjs +1 -1
  65. package/dist/themes/expressive-sm-dark.js +2 -2
  66. package/dist/themes/expressive-sm-light.cjs +1 -1
  67. package/dist/themes/expressive-sm-light.js +2 -2
  68. package/dist/themes/tmo-dark.cjs +1 -1
  69. package/dist/themes/tmo-dark.js +2 -2
  70. package/dist/themes/tmo-light.cjs +1 -1
  71. package/dist/themes/tmo-light.js +2 -2
  72. package/dist/tokens-base-dark.json +7 -7
  73. package/dist/tokens-base-light.json +6 -6
  74. package/dist/tokens-dp-dark.json +2 -2
  75. package/dist/tokens-dp-light.json +2 -2
  76. package/dist/tokens-expressive-dark.json +2 -2
  77. package/dist/tokens-expressive-light.json +2 -2
  78. package/dist/tokens-expressive-sm-dark.json +2 -2
  79. package/dist/tokens-expressive-sm-light.json +2 -2
  80. package/dist/tokens-tmo-dark.json +2 -2
  81. package/dist/tokens-tmo-light.json +2 -2
  82. package/package.json +1 -1
  83. package/dist/themes/chunks/tokens-base-dark-CdqPSU5U.js +0 -4
  84. package/dist/themes/chunks/tokens-base-dark-Zky9H3op.js +0 -1
  85. package/dist/themes/chunks/tokens-base-light-DSEQ-J5c.js +0 -4
  86. package/dist/themes/chunks/tokens-base-light-DXqd1KP5.js +0 -1
package/dist/ios/tokens-base-dark.swift CHANGED
@@ -98,19 +98,19 @@ public enum DialtoneTokensBaseDark {
98
98
  public static let dtOpacity800 = CGFloat(0.60)
99
99
  public static let dtOpacity900 = CGFloat(0.70)
100
100
  public static let dtShadowCard1Blur = CGFloat(2.00)
101
- public static let dtShadowCard1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.35)
101
+ public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.34901960784313724)
102
102
  public static let dtShadowCard1OffsetX = CGFloat(0.00)
103
103
  public static let dtShadowCard1OffsetY = CGFloat(1.00)
104
104
  public static let dtShadowCard1Spread = CGFloat(0.00)
105
105
  public static let dtShadowCard1Type = "dropShadow"
106
106
  public static let dtShadowCard2Blur = CGFloat(4.00)
107
- public static let dtShadowCard2Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.45)
107
+ public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)
108
108
  public static let dtShadowCard2OffsetX = CGFloat(0.00)
109
109
  public static let dtShadowCard2OffsetY = CGFloat(2.00)
110
110
  public static let dtShadowCard2Spread = CGFloat(0.00)
111
111
  public static let dtShadowCard2Type = "dropShadow"
112
112
  public static let dtShadowCard3Blur = CGFloat(16.00)
113
- public static let dtShadowCard3Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.58)
113
+ public static let dtShadowCard3Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5803921568627451)
114
114
  public static let dtShadowCard3OffsetX = CGFloat(0.00)
115
115
  public static let dtShadowCard3OffsetY = CGFloat(2.00)
116
116
  public static let dtShadowCard3Spread = CGFloat(0.00)
@@ -140,7 +140,7 @@ public enum DialtoneTokensBaseDark {
140
140
  public static let dtShadowCard7Spread = CGFloat(0.00)
141
141
  public static let dtShadowCard7Type = "dropShadow"
142
142
  public static let dtShadowExtraLarge1Blur = CGFloat(32.00)
143
- public static let dtShadowExtraLarge1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.55)
143
+ public static let dtShadowExtraLarge1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
144
144
  public static let dtShadowExtraLarge1OffsetX = CGFloat(0.00)
145
145
  public static let dtShadowExtraLarge1OffsetY = CGFloat(2.00)
146
146
  public static let dtShadowExtraLarge1Spread = CGFloat(0.00)
@@ -188,7 +188,7 @@ public enum DialtoneTokensBaseDark {
188
188
  public static let dtShadowFocusInsetSpread = CGFloat(2.00)
189
189
  public static let dtShadowFocusInsetType = "innerShadow"
190
190
  public static let dtShadowLarge1Blur = CGFloat(16.00)
191
- public static let dtShadowLarge1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.55)
191
+ public static let dtShadowLarge1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
192
192
  public static let dtShadowLarge1OffsetX = CGFloat(0.00)
193
193
  public static let dtShadowLarge1OffsetY = CGFloat(2.00)
194
194
  public static let dtShadowLarge1Spread = CGFloat(0.00)
@@ -218,7 +218,7 @@ public enum DialtoneTokensBaseDark {
218
218
  public static let dtShadowLarge5Spread = CGFloat(0.00)
219
219
  public static let dtShadowLarge5Type = "dropShadow"
220
220
  public static let dtShadowMedium1Blur = CGFloat(8.00)
221
- public static let dtShadowMedium1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.55)
221
+ public static let dtShadowMedium1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.5490196078431373)
222
222
  public static let dtShadowMedium1OffsetX = CGFloat(0.00)
223
223
  public static let dtShadowMedium1OffsetY = CGFloat(2.00)
224
224
  public static let dtShadowMedium1Spread = CGFloat(0.00)
@@ -248,7 +248,7 @@ public enum DialtoneTokensBaseDark {
248
248
  public static let dtShadowMedium5Spread = CGFloat(0.00)
249
249
  public static let dtShadowMedium5Type = "dropShadow"
250
250
  public static let dtShadowSmall1Blur = CGFloat(4.00)
251
- public static let dtShadowSmall1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.45)
251
+ public static let dtShadowSmall1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.45098039215686275)
252
252
  public static let dtShadowSmall1OffsetX = CGFloat(0.00)
253
253
  public static let dtShadowSmall1OffsetY = CGFloat(2.00)
254
254
  public static let dtShadowSmall1Spread = CGFloat(0.00)
package/dist/ios/tokens-base-light.swift CHANGED
@@ -98,25 +98,25 @@ public enum DialtoneTokensBaseLight {
98
98
  public static let dtOpacity800 = CGFloat(0.60)
99
99
  public static let dtOpacity900 = CGFloat(0.70)
100
100
  public static let dtShadowCard1Blur = CGFloat(2.00)
101
- public static let dtShadowCard1Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.03)
101
+ public static let dtShadowCard1Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
102
102
  public static let dtShadowCard1OffsetX = CGFloat(0.00)
103
103
  public static let dtShadowCard1OffsetY = CGFloat(1.00)
104
104
  public static let dtShadowCard1Spread = CGFloat(0.00)
105
105
  public static let dtShadowCard1Type = "dropShadow"
106
106
  public static let dtShadowCard2Blur = CGFloat(4.00)
107
- public static let dtShadowCard2Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.04)
107
+ public static let dtShadowCard2Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0392156862745098)
108
108
  public static let dtShadowCard2OffsetX = CGFloat(0.00)
109
109
  public static let dtShadowCard2OffsetY = CGFloat(2.00)
110
110
  public static let dtShadowCard2Spread = CGFloat(0.00)
111
111
  public static let dtShadowCard2Type = "dropShadow"
112
112
  public static let dtShadowCard3Blur = CGFloat(16.00)
113
- public static let dtShadowCard3Color = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.08)
113
+ public static let dtShadowCard3Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.0784313725490196)
114
114
  public static let dtShadowCard3OffsetX = CGFloat(0.00)
115
115
  public static let dtShadowCard3OffsetY = CGFloat(2.00)
116
116
  public static let dtShadowCard3Spread = CGFloat(0.00)
117
117
  public static let dtShadowCard3Type = "dropShadow"
118
118
  public static let dtShadowExtraLargeBlur = CGFloat(32.00)
119
- public static let dtShadowExtraLargeColor = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.3)
119
+ public static let dtShadowExtraLargeColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.30196078431372547)
120
120
  public static let dtShadowExtraLargeOffsetX = CGFloat(0.00)
121
121
  public static let dtShadowExtraLargeOffsetY = CGFloat(2.00)
122
122
  public static let dtShadowExtraLargeSpread = CGFloat(0.00)
@@ -146,13 +146,13 @@ public enum DialtoneTokensBaseLight {
146
146
  public static let dtShadowLargeSpread = CGFloat(0.00)
147
147
  public static let dtShadowLargeType = "dropShadow"
148
148
  public static let dtShadowMediumBlur = CGFloat(8.00)
149
- public static let dtShadowMediumColor = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.25)
149
+ public static let dtShadowMediumColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.25098039215686274)
150
150
  public static let dtShadowMediumOffsetX = CGFloat(0.00)
151
151
  public static let dtShadowMediumOffsetY = CGFloat(2.00)
152
152
  public static let dtShadowMediumSpread = CGFloat(0.00)
153
153
  public static let dtShadowMediumType = "dropShadow"
154
154
  public static let dtShadowSmallBlur = CGFloat(4.00)
155
- public static let dtShadowSmallColor = rgba(UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1), 0.15)
155
+ public static let dtShadowSmallColor = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.14901960784313725)
156
156
  public static let dtShadowSmallOffsetX = CGFloat(0.00)
157
157
  public static let dtShadowSmallOffsetY = CGFloat(2.00)
158
158
  public static let dtShadowSmallSpread = CGFloat(0.00)
package/dist/ios/tokens-dp-dark.swift CHANGED
@@ -118,7 +118,7 @@ public enum DialtoneTokensDpDark {
118
118
  public static let dtButtonSizeRadiusXs = CGFloat(4.00)
119
119
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
120
120
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
121
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
121
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
122
122
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
123
123
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
124
124
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -287,7 +287,7 @@ public enum DialtoneTokensDpDark {
287
287
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
288
288
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
289
289
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
290
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
290
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
291
291
  public static let dtRadioSizeHeight = CGFloat(16.00)
292
292
  public static let dtRadioSizeRadius = CGFloat(50.00)
293
293
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-dp-light.swift CHANGED
@@ -118,7 +118,7 @@ public enum DialtoneTokensDpLight {
118
118
  public static let dtButtonSizeRadiusXs = CGFloat(4.00)
119
119
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
120
120
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
121
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
121
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
122
122
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
123
123
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
124
124
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -287,7 +287,7 @@ public enum DialtoneTokensDpLight {
287
287
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
288
288
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
289
289
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
290
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
290
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
291
291
  public static let dtRadioSizeHeight = CGFloat(16.00)
292
292
  public static let dtRadioSizeRadius = CGFloat(50.00)
293
293
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-expressive-dark.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensExpressiveDark {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -273,7 +273,7 @@ public enum DialtoneTokensExpressiveDark {
273
273
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
274
274
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
275
275
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
276
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
276
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
277
277
  public static let dtRadioSizeHeight = CGFloat(16.00)
278
278
  public static let dtRadioSizeRadius = CGFloat(50.00)
279
279
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-expressive-light.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensExpressiveLight {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -273,7 +273,7 @@ public enum DialtoneTokensExpressiveLight {
273
273
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
274
274
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
275
275
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
276
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
276
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
277
277
  public static let dtRadioSizeHeight = CGFloat(16.00)
278
278
  public static let dtRadioSizeRadius = CGFloat(50.00)
279
279
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-expressive-sm-dark.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensExpressiveSmDark {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -273,7 +273,7 @@ public enum DialtoneTokensExpressiveSmDark {
273
273
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
274
274
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
275
275
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
276
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
276
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
277
277
  public static let dtRadioSizeHeight = CGFloat(16.00)
278
278
  public static let dtRadioSizeRadius = CGFloat(50.00)
279
279
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-expressive-sm-light.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensExpressiveSmLight {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -273,7 +273,7 @@ public enum DialtoneTokensExpressiveSmLight {
273
273
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
274
274
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
275
275
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
276
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
276
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
277
277
  public static let dtRadioSizeHeight = CGFloat(16.00)
278
278
  public static let dtRadioSizeRadius = CGFloat(50.00)
279
279
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-tmo-dark.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensTmoDark {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -267,7 +267,7 @@ public enum DialtoneTokensTmoDark {
267
267
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
268
268
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
269
269
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
270
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
270
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
271
271
  public static let dtRadioSizeHeight = CGFloat(16.00)
272
272
  public static let dtRadioSizeRadius = CGFloat(50.00)
273
273
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/ios/tokens-tmo-light.swift CHANGED
@@ -98,7 +98,7 @@ public enum DialtoneTokensTmoLight {
98
98
  public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
99
99
  public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
100
100
  public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
101
- public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
101
+ public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
102
102
  public static let dtCheckboxSizeHeight = CGFloat(16.00)
103
103
  public static let dtCheckboxSizeRadius = CGFloat(4.00)
104
104
  public static let dtCheckboxSizeWidth = CGFloat(16.00)
@@ -267,7 +267,7 @@ public enum DialtoneTokensTmoLight {
267
267
  public static let dtInputsSizeRadiusXs = CGFloat(4.00)
268
268
  public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
269
269
  public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
270
- public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
270
+ public static let dtRadioColorBorderUnchecked = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
271
271
  public static let dtRadioSizeHeight = CGFloat(16.00)
272
272
  public static let dtRadioSizeRadius = CGFloat(50.00)
273
273
  public static let dtRadioSizeWidth = CGFloat(16.00)
package/dist/less/tokens-base-dark.less CHANGED
@@ -311,7 +311,7 @@
311
311
  @dt-opacity-1300: 1;
312
312
  @dt-shadow-small-1-blur: 0.4rem;
313
313
  @dt-shadow-small-1-spread: 0rem;
314
- @dt-shadow-small-1-color: rgba(0, 0, 0, 0.45);
314
+ @dt-shadow-small-1-color: #00000073;
315
315
  @dt-shadow-small-1-type: dropShadow;
316
316
  @dt-shadow-small-1-offset-x: 0rem;
317
317
  @dt-shadow-small-1-offset-y: 0.2rem;
@@ -341,7 +341,7 @@
341
341
  @dt-shadow-small-5-offset-y: -0.05rem;
342
342
  @dt-shadow-medium-1-blur: 0.8rem;
343
343
  @dt-shadow-medium-1-spread: 0rem;
344
- @dt-shadow-medium-1-color: rgba(0, 0, 0, 0.55);
344
+ @dt-shadow-medium-1-color: #0000008c;
345
345
  @dt-shadow-medium-1-type: dropShadow;
346
346
  @dt-shadow-medium-1-offset-x: 0rem;
347
347
  @dt-shadow-medium-1-offset-y: 0.2rem;
@@ -371,7 +371,7 @@
371
371
  @dt-shadow-medium-5-offset-y: -0.05rem;
372
372
  @dt-shadow-large-1-blur: 1.6rem;
373
373
  @dt-shadow-large-1-spread: 0rem;
374
- @dt-shadow-large-1-color: rgba(0, 0, 0, 0.55);
374
+ @dt-shadow-large-1-color: #0000008c;
375
375
  @dt-shadow-large-1-type: dropShadow;
376
376
  @dt-shadow-large-1-offset-x: 0rem;
377
377
  @dt-shadow-large-1-offset-y: 0.2rem;
@@ -401,7 +401,7 @@
401
401
  @dt-shadow-large-5-offset-y: -0.05rem;
402
402
  @dt-shadow-extra-large-1-blur: 3.2rem;
403
403
  @dt-shadow-extra-large-1-spread: 0rem;
404
- @dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.55);
404
+ @dt-shadow-extra-large-1-color: #0000008c;
405
405
  @dt-shadow-extra-large-1-type: dropShadow;
406
406
  @dt-shadow-extra-large-1-offset-x: 0rem;
407
407
  @dt-shadow-extra-large-1-offset-y: 0.2rem;
@@ -431,19 +431,19 @@
431
431
  @dt-shadow-extra-large-5-offset-y: -0.05rem;
432
432
  @dt-shadow-card-1-blur: 0.2rem;
433
433
  @dt-shadow-card-1-spread: 0rem;
434
- @dt-shadow-card-1-color: rgba(0, 0, 0, 0.35);
434
+ @dt-shadow-card-1-color: #00000059;
435
435
  @dt-shadow-card-1-type: dropShadow;
436
436
  @dt-shadow-card-1-offset-x: 0rem;
437
437
  @dt-shadow-card-1-offset-y: 0.1rem;
438
438
  @dt-shadow-card-2-blur: 0.4rem;
439
439
  @dt-shadow-card-2-spread: 0rem;
440
- @dt-shadow-card-2-color: rgba(0, 0, 0, 0.45);
440
+ @dt-shadow-card-2-color: #00000073;
441
441
  @dt-shadow-card-2-type: dropShadow;
442
442
  @dt-shadow-card-2-offset-x: 0rem;
443
443
  @dt-shadow-card-2-offset-y: 0.2rem;
444
444
  @dt-shadow-card-3-blur: 1.6rem;
445
445
  @dt-shadow-card-3-spread: 0rem;
446
- @dt-shadow-card-3-color: rgba(0, 0, 0, 0.58);
446
+ @dt-shadow-card-3-color: #00000094;
447
447
  @dt-shadow-card-3-type: dropShadow;
448
448
  @dt-shadow-card-3-offset-x: 0rem;
449
449
  @dt-shadow-card-3-offset-y: 0.2rem;
package/dist/less/tokens-base-light.less CHANGED
@@ -311,13 +311,13 @@
311
311
  @dt-opacity-1300: 1;
312
312
  @dt-shadow-small-blur: 0.4rem;
313
313
  @dt-shadow-small-spread: 0rem;
314
- @dt-shadow-small-color: rgba(0, 0, 0, 0.15);
314
+ @dt-shadow-small-color: #00000026;
315
315
  @dt-shadow-small-type: dropShadow;
316
316
  @dt-shadow-small-offset-x: 0rem;
317
317
  @dt-shadow-small-offset-y: 0.2rem;
318
318
  @dt-shadow-medium-blur: 0.8rem;
319
319
  @dt-shadow-medium-spread: 0rem;
320
- @dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
320
+ @dt-shadow-medium-color: #00000040;
321
321
  @dt-shadow-medium-type: dropShadow;
322
322
  @dt-shadow-medium-offset-x: 0rem;
323
323
  @dt-shadow-medium-offset-y: 0.2rem;
@@ -329,25 +329,25 @@
329
329
  @dt-shadow-large-offset-y: 0.2rem;
330
330
  @dt-shadow-extra-large-blur: 3.2rem;
331
331
  @dt-shadow-extra-large-spread: 0rem;
332
- @dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
332
+ @dt-shadow-extra-large-color: #0000004d;
333
333
  @dt-shadow-extra-large-type: dropShadow;
334
334
  @dt-shadow-extra-large-offset-x: 0rem;
335
335
  @dt-shadow-extra-large-offset-y: 0.2rem;
336
336
  @dt-shadow-card-1-blur: 0.2rem;
337
337
  @dt-shadow-card-1-spread: 0rem;
338
- @dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
338
+ @dt-shadow-card-1-color: #00000008;
339
339
  @dt-shadow-card-1-type: dropShadow;
340
340
  @dt-shadow-card-1-offset-x: 0rem;
341
341
  @dt-shadow-card-1-offset-y: 0.1rem;
342
342
  @dt-shadow-card-2-blur: 0.4rem;
343
343
  @dt-shadow-card-2-spread: 0rem;
344
- @dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
344
+ @dt-shadow-card-2-color: #0000000a;
345
345
  @dt-shadow-card-2-type: dropShadow;
346
346
  @dt-shadow-card-2-offset-x: 0rem;
347
347
  @dt-shadow-card-2-offset-y: 0.2rem;
348
348
  @dt-shadow-card-3-blur: 1.6rem;
349
349
  @dt-shadow-card-3-spread: 0rem;
350
- @dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
350
+ @dt-shadow-card-3-color: #00000014;
351
351
  @dt-shadow-card-3-type: dropShadow;
352
352
  @dt-shadow-card-3-offset-x: 0rem;
353
353
  @dt-shadow-card-3-offset-y: 0.2rem;
package/dist/less/tokens-dp-dark.less CHANGED
@@ -335,7 +335,7 @@
335
335
  @dt-inputs-color-foreground-default: #E6E6E6;
336
336
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
337
337
  @dt-inputs-color-foreground-disabled: #AAAAAA;
338
- @dt-inputs-color-border-default: hsl(0 0% 100% / 0.14);
338
+ @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
339
339
  @dt-inputs-color-border-focus: #51A0FE;
340
340
  @dt-inputs-color-border-critical: #FF8585;
341
341
  @dt-inputs-color-border-success: #B0FFA3;
@@ -396,8 +396,8 @@
396
396
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
397
397
  @dt-action-color-border-base-outlined-default: #AB7EFF;
398
398
  @dt-action-color-border-critical-outlined-default: #FF8585;
399
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
400
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
399
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
400
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.22);
401
401
  @dt-theme-color-base: #E6E6E6;
402
402
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
403
403
  @dt-theme-topbar-color-background: #262626;
@@ -494,7 +494,7 @@
494
494
  @dt-checkbox-size-width: 1.6rem;
495
495
  @dt-checkbox-size-height: 1.6rem;
496
496
  @dt-checkbox-size-radius: 0.4rem;
497
- @dt-checkbox-color-border-unchecked: #808080;
497
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
498
498
  @dt-checkbox-color-border-checked: #7C52FF;
499
499
  @dt-checkbox-color-background-checked: #7C52FF;
500
500
  @dt-icon-size-100: 12px;
@@ -516,6 +516,6 @@
516
516
  @dt-radio-size-width: 1.6rem;
517
517
  @dt-radio-size-height: 1.6rem;
518
518
  @dt-radio-size-radius: 50%;
519
- @dt-radio-color-border-unchecked: #808080;
519
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
520
520
  @dt-radio-color-border-checked: #7C52FF;
521
521
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-dp-light.less CHANGED
@@ -335,7 +335,7 @@
335
335
  @dt-inputs-color-foreground-default: #3A3A3A;
336
336
  @dt-inputs-color-foreground-placeholder: #808080;
337
337
  @dt-inputs-color-foreground-disabled: #808080;
338
- @dt-inputs-color-border-default: hsl(0 0% 0% / 0.1);
338
+ @dt-inputs-color-border-default: hsl(0 0% 0% / 0.18);
339
339
  @dt-inputs-color-border-focus: #51A0FE;
340
340
  @dt-inputs-color-border-critical: #EC0E0E;
341
341
  @dt-inputs-color-border-success: #1AA340;
@@ -396,8 +396,8 @@
396
396
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
397
397
  @dt-action-color-border-base-outlined-default: #7C52FF;
398
398
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
399
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
400
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
399
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.22);
400
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.18);
401
401
  @dt-theme-color-base: #000000;
402
402
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
403
403
  @dt-theme-topbar-color-background: #F9F9F9;
@@ -494,7 +494,7 @@
494
494
  @dt-checkbox-size-width: 1.6rem;
495
495
  @dt-checkbox-size-height: 1.6rem;
496
496
  @dt-checkbox-size-radius: 0.4rem;
497
- @dt-checkbox-color-border-unchecked: #AAAAAA;
497
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 0% / 0.34);
498
498
  @dt-checkbox-color-border-checked: #7C52FF;
499
499
  @dt-checkbox-color-background-checked: #7C52FF;
500
500
  @dt-icon-size-100: 12px;
@@ -516,6 +516,6 @@
516
516
  @dt-radio-size-width: 1.6rem;
517
517
  @dt-radio-size-height: 1.6rem;
518
518
  @dt-radio-size-radius: 50%;
519
- @dt-radio-color-border-unchecked: #AAAAAA;
519
+ @dt-radio-color-border-unchecked: hsl(0 0% 0% / 0.34);
520
520
  @dt-radio-color-border-checked: #7C52FF;
521
521
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-expressive-dark.less CHANGED
@@ -321,7 +321,7 @@
321
321
  @dt-inputs-color-foreground-default: #E6E6E6;
322
322
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
323
323
  @dt-inputs-color-foreground-disabled: #AAAAAA;
324
- @dt-inputs-color-border-default: hsl(0 0% 100% / 0.14);
324
+ @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
325
325
  @dt-inputs-color-border-focus: #51A0FE;
326
326
  @dt-inputs-color-border-critical: #FF8585;
327
327
  @dt-inputs-color-border-success: #B0FFA3;
@@ -382,8 +382,8 @@
382
382
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
383
383
  @dt-action-color-border-base-outlined-default: #AB7EFF;
384
384
  @dt-action-color-border-critical-outlined-default: #FF8585;
385
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
386
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
385
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
386
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.22);
387
387
  @dt-theme-color-base: #E6E6E6;
388
388
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
389
389
  @dt-theme-topbar-color-background: #262626;
@@ -460,7 +460,7 @@
460
460
  @dt-checkbox-size-width: 1.6rem;
461
461
  @dt-checkbox-size-height: 1.6rem;
462
462
  @dt-checkbox-size-radius: 0.4rem;
463
- @dt-checkbox-color-border-unchecked: #808080;
463
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
464
464
  @dt-checkbox-color-border-checked: #7C52FF;
465
465
  @dt-checkbox-color-background-checked: #7C52FF;
466
466
  @dt-icon-size-100: 12px;
@@ -482,6 +482,6 @@
482
482
  @dt-radio-size-width: 1.6rem;
483
483
  @dt-radio-size-height: 1.6rem;
484
484
  @dt-radio-size-radius: 50%;
485
- @dt-radio-color-border-unchecked: #808080;
485
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
486
486
  @dt-radio-color-border-checked: #7C52FF;
487
487
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-expressive-light.less CHANGED
@@ -321,7 +321,7 @@
321
321
  @dt-inputs-color-foreground-default: #3A3A3A;
322
322
  @dt-inputs-color-foreground-placeholder: #808080;
323
323
  @dt-inputs-color-foreground-disabled: #808080;
324
- @dt-inputs-color-border-default: hsl(0 0% 0% / 0.1);
324
+ @dt-inputs-color-border-default: hsl(0 0% 0% / 0.18);
325
325
  @dt-inputs-color-border-focus: #51A0FE;
326
326
  @dt-inputs-color-border-critical: #EC0E0E;
327
327
  @dt-inputs-color-border-success: #1AA340;
@@ -382,8 +382,8 @@
382
382
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
383
383
  @dt-action-color-border-base-outlined-default: #7C52FF;
384
384
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
385
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
386
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
385
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.22);
386
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.18);
387
387
  @dt-theme-color-base: #000000;
388
388
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
389
389
  @dt-theme-topbar-color-background: #F9F9F9;
@@ -460,7 +460,7 @@
460
460
  @dt-checkbox-size-width: 1.6rem;
461
461
  @dt-checkbox-size-height: 1.6rem;
462
462
  @dt-checkbox-size-radius: 0.4rem;
463
- @dt-checkbox-color-border-unchecked: #AAAAAA;
463
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 0% / 0.34);
464
464
  @dt-checkbox-color-border-checked: #7C52FF;
465
465
  @dt-checkbox-color-background-checked: #7C52FF;
466
466
  @dt-icon-size-100: 12px;
@@ -482,6 +482,6 @@
482
482
  @dt-radio-size-width: 1.6rem;
483
483
  @dt-radio-size-height: 1.6rem;
484
484
  @dt-radio-size-radius: 50%;
485
- @dt-radio-color-border-unchecked: #AAAAAA;
485
+ @dt-radio-color-border-unchecked: hsl(0 0% 0% / 0.34);
486
486
  @dt-radio-color-border-checked: #7C52FF;
487
487
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-expressive-sm-dark.less CHANGED
@@ -321,7 +321,7 @@
321
321
  @dt-inputs-color-foreground-default: #E6E6E6;
322
322
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
323
323
  @dt-inputs-color-foreground-disabled: #AAAAAA;
324
- @dt-inputs-color-border-default: hsl(0 0% 100% / 0.14);
324
+ @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
325
325
  @dt-inputs-color-border-focus: #51A0FE;
326
326
  @dt-inputs-color-border-critical: #FF8585;
327
327
  @dt-inputs-color-border-success: #B0FFA3;
@@ -382,8 +382,8 @@
382
382
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
383
383
  @dt-action-color-border-base-outlined-default: #AB7EFF;
384
384
  @dt-action-color-border-critical-outlined-default: #FF8585;
385
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
386
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
385
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
386
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.22);
387
387
  @dt-theme-color-base: #E6E6E6;
388
388
  @dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
389
389
  @dt-theme-topbar-color-background: #262626;
@@ -460,7 +460,7 @@
460
460
  @dt-checkbox-size-width: 1.6rem;
461
461
  @dt-checkbox-size-height: 1.6rem;
462
462
  @dt-checkbox-size-radius: 0.4rem;
463
- @dt-checkbox-color-border-unchecked: #808080;
463
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
464
464
  @dt-checkbox-color-border-checked: #7C52FF;
465
465
  @dt-checkbox-color-background-checked: #7C52FF;
466
466
  @dt-icon-size-100: 12px;
@@ -482,6 +482,6 @@
482
482
  @dt-radio-size-width: 1.6rem;
483
483
  @dt-radio-size-height: 1.6rem;
484
484
  @dt-radio-size-radius: 50%;
485
- @dt-radio-color-border-unchecked: #808080;
485
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
486
486
  @dt-radio-color-border-checked: #7C52FF;
487
487
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-expressive-sm-light.less CHANGED
@@ -321,7 +321,7 @@
321
321
  @dt-inputs-color-foreground-default: #3A3A3A;
322
322
  @dt-inputs-color-foreground-placeholder: #808080;
323
323
  @dt-inputs-color-foreground-disabled: #808080;
324
- @dt-inputs-color-border-default: hsl(0 0% 0% / 0.1);
324
+ @dt-inputs-color-border-default: hsl(0 0% 0% / 0.18);
325
325
  @dt-inputs-color-border-focus: #51A0FE;
326
326
  @dt-inputs-color-border-critical: #EC0E0E;
327
327
  @dt-inputs-color-border-success: #1AA340;
@@ -382,8 +382,8 @@
382
382
  @dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
383
383
  @dt-action-color-border-base-outlined-default: #7C52FF;
384
384
  @dt-action-color-border-critical-outlined-default: #EC0E0E;
385
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.38);
386
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.34);
385
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.22);
386
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 0% / 0.18);
387
387
  @dt-theme-color-base: #000000;
388
388
  @dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
389
389
  @dt-theme-topbar-color-background: #F9F9F9;
@@ -460,7 +460,7 @@
460
460
  @dt-checkbox-size-width: 1.6rem;
461
461
  @dt-checkbox-size-height: 1.6rem;
462
462
  @dt-checkbox-size-radius: 0.4rem;
463
- @dt-checkbox-color-border-unchecked: #AAAAAA;
463
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 0% / 0.34);
464
464
  @dt-checkbox-color-border-checked: #7C52FF;
465
465
  @dt-checkbox-color-background-checked: #7C52FF;
466
466
  @dt-icon-size-100: 12px;
@@ -482,6 +482,6 @@
482
482
  @dt-radio-size-width: 1.6rem;
483
483
  @dt-radio-size-height: 1.6rem;
484
484
  @dt-radio-size-radius: 50%;
485
- @dt-radio-color-border-unchecked: #AAAAAA;
485
+ @dt-radio-color-border-unchecked: hsl(0 0% 0% / 0.34);
486
486
  @dt-radio-color-border-checked: #7C52FF;
487
487
  @dt-radio-color-background-checked: #7C52FF;
package/dist/less/tokens-tmo-dark.less CHANGED
@@ -315,7 +315,7 @@
315
315
  @dt-inputs-color-foreground-default: #E6E6E6;
316
316
  @dt-inputs-color-foreground-placeholder: #AAAAAA;
317
317
  @dt-inputs-color-foreground-disabled: #AAAAAA;
318
- @dt-inputs-color-border-default: hsl(0 0% 100% / 0.14);
318
+ @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
319
319
  @dt-inputs-color-border-focus: #51A0FE;
320
320
  @dt-inputs-color-border-critical: #FF8585;
321
321
  @dt-inputs-color-border-success: #B0FFA3;
@@ -376,8 +376,8 @@
376
376
  @dt-action-color-background-positive-primary-active: hsl(112 100% 68.8%);
377
377
  @dt-action-color-border-base-outlined-default: #AB7EFF;
378
378
  @dt-action-color-border-critical-outlined-default: #FF8585;
379
- @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.34);
380
- @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.36);
379
+ @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
380
+ @dt-action-color-border-muted-outlined-default: hsl(0 0% 100% / 0.22);
381
381
  @dt-theme-color-base: #F285BC;
382
382
  @dt-theme-topbar-color-foreground: hsl(330 80.7% 73.5% / 0.75);
383
383
  @dt-theme-topbar-color-background: #262626;
@@ -454,7 +454,7 @@
454
454
  @dt-checkbox-size-width: 1.6rem;
455
455
  @dt-checkbox-size-height: 1.6rem;
456
456
  @dt-checkbox-size-radius: 0.4rem;
457
- @dt-checkbox-color-border-unchecked: #808080;
457
+ @dt-checkbox-color-border-unchecked: hsl(0 0% 100% / 0.36);
458
458
  @dt-checkbox-color-border-checked: #7C52FF;
459
459
  @dt-checkbox-color-background-checked: #7C52FF;
460
460
  @dt-icon-size-100: 12px;
@@ -476,6 +476,6 @@
476
476
  @dt-radio-size-width: 1.6rem;
477
477
  @dt-radio-size-height: 1.6rem;
478
478
  @dt-radio-size-radius: 50%;
479
- @dt-radio-color-border-unchecked: #808080;
479
+ @dt-radio-color-border-unchecked: hsl(0 0% 100% / 0.36);
480
480
  @dt-radio-color-border-checked: #7C52FF;
481
481
  @dt-radio-color-background-checked: #7C52FF;