@dialpad/dialtone-tokens 1.42.0 → 1.43.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.
- package/dist/android/java/tokens-base-dark.kt +1 -0
- package/dist/android/java/tokens-base-deca-dark.kt +1 -0
- package/dist/android/java/tokens-base-deca-light.kt +1 -0
- package/dist/android/java/tokens-base-light.kt +1 -0
- package/dist/android/java/tokens-deca-dark.kt +7 -4
- package/dist/android/java/tokens-deca-light.kt +3 -0
- package/dist/android/java/tokens-dp-dark.kt +7 -4
- package/dist/android/java/tokens-dp-light.kt +3 -0
- package/dist/android/java/tokens-expressive-dark.kt +7 -4
- package/dist/android/java/tokens-expressive-light.kt +3 -0
- package/dist/android/java/tokens-expressive-sm-dark.kt +7 -4
- package/dist/android/java/tokens-expressive-sm-light.kt +3 -0
- package/dist/android/java/tokens-tmo-dark.kt +7 -4
- package/dist/android/java/tokens-tmo-light.kt +3 -0
- package/dist/android/res/values/colors-base-dark.xml +1 -0
- package/dist/android/res/values/colors-base-deca-dark.xml +1 -0
- package/dist/android/res/values/colors-base-deca-light.xml +1 -0
- package/dist/android/res/values/colors-base-light.xml +1 -0
- package/dist/android/res/values/colors-deca-dark.xml +7 -4
- package/dist/android/res/values/colors-deca-light.xml +3 -0
- package/dist/android/res/values/colors-dp-dark.xml +7 -4
- package/dist/android/res/values/colors-dp-light.xml +3 -0
- package/dist/android/res/values/colors-expressive-dark.xml +7 -4
- package/dist/android/res/values/colors-expressive-light.xml +3 -0
- package/dist/android/res/values/colors-expressive-sm-dark.xml +7 -4
- package/dist/android/res/values/colors-expressive-sm-light.xml +3 -0
- package/dist/android/res/values/colors-tmo-dark.xml +7 -4
- package/dist/android/res/values/colors-tmo-light.xml +3 -0
- package/dist/css/tokens-base-dark.css +1 -1
- package/dist/css/tokens-base-deca-dark.css +1 -1
- package/dist/css/tokens-base-deca-light.css +1 -1
- package/dist/css/tokens-base-light.css +1 -1
- package/dist/css/tokens-debug-base.css +1 -1
- package/dist/css/tokens-debug-dp.css +3 -3
- package/dist/css/tokens-deca-dark.css +27 -27
- package/dist/css/tokens-deca-light.css +3 -3
- package/dist/css/tokens-dp-dark.css +27 -27
- package/dist/css/tokens-dp-light.css +3 -3
- package/dist/css/tokens-expressive-dark.css +27 -27
- package/dist/css/tokens-expressive-light.css +3 -3
- package/dist/css/tokens-expressive-sm-dark.css +27 -27
- package/dist/css/tokens-expressive-sm-light.css +3 -3
- package/dist/css/tokens-tmo-dark.css +27 -27
- package/dist/css/tokens-tmo-light.css +3 -3
- package/dist/doc.json +26371 -26396
- package/dist/ios/tokens-base-dark.swift +1 -0
- package/dist/ios/tokens-base-deca-dark.swift +1 -0
- package/dist/ios/tokens-base-deca-light.swift +1 -0
- package/dist/ios/tokens-base-light.swift +1 -0
- package/dist/ios/tokens-deca-dark.swift +7 -4
- package/dist/ios/tokens-deca-light.swift +3 -0
- package/dist/ios/tokens-dp-dark.swift +7 -4
- package/dist/ios/tokens-dp-light.swift +3 -0
- package/dist/ios/tokens-expressive-dark.swift +7 -4
- package/dist/ios/tokens-expressive-light.swift +3 -0
- package/dist/ios/tokens-expressive-sm-dark.swift +7 -4
- package/dist/ios/tokens-expressive-sm-light.swift +3 -0
- package/dist/ios/tokens-tmo-dark.swift +7 -4
- package/dist/ios/tokens-tmo-light.swift +3 -0
- package/dist/less/tokens-base-dark.less +1 -1
- package/dist/less/tokens-base-deca-dark.less +1 -1
- package/dist/less/tokens-base-deca-light.less +1 -1
- package/dist/less/tokens-base-light.less +1 -1
- package/dist/less/tokens-deca-dark.less +7 -7
- package/dist/less/tokens-deca-light.less +3 -3
- package/dist/less/tokens-dp-dark.less +7 -7
- package/dist/less/tokens-dp-light.less +3 -3
- package/dist/less/tokens-expressive-dark.less +7 -7
- package/dist/less/tokens-expressive-light.less +3 -3
- package/dist/less/tokens-expressive-sm-dark.less +7 -7
- package/dist/less/tokens-expressive-sm-light.less +3 -3
- package/dist/less/tokens-tmo-dark.less +7 -7
- package/dist/less/tokens-tmo-light.less +3 -3
- package/dist/themes/chunks/tokens-base-dark-CKvoqrK2.js +1 -0
- package/dist/themes/chunks/tokens-base-dark-CLL9Sz8C.js +4 -0
- package/dist/themes/chunks/tokens-base-light-C7afXvK5.js +4 -0
- package/dist/themes/chunks/tokens-base-light-DgGeYJGp.js +1 -0
- package/dist/themes/debug.cjs +1 -1
- package/dist/themes/debug.js +1 -1
- package/dist/themes/dp-dark.cjs +1 -1
- package/dist/themes/dp-dark.js +2 -2
- package/dist/themes/dp-deca-dark.cjs +1 -1
- package/dist/themes/dp-deca-dark.js +1 -1
- package/dist/themes/dp-deca-light.cjs +1 -1
- package/dist/themes/dp-deca-light.js +1 -1
- package/dist/themes/dp-light.cjs +1 -1
- package/dist/themes/dp-light.js +2 -2
- package/dist/themes/expressive-dark.cjs +1 -1
- package/dist/themes/expressive-dark.js +2 -2
- package/dist/themes/expressive-light.cjs +1 -1
- package/dist/themes/expressive-light.js +2 -2
- package/dist/themes/expressive-sm-dark.cjs +1 -1
- package/dist/themes/expressive-sm-dark.js +2 -2
- package/dist/themes/expressive-sm-light.cjs +1 -1
- package/dist/themes/expressive-sm-light.js +2 -2
- package/dist/themes/tmo-dark.cjs +1 -1
- package/dist/themes/tmo-dark.js +2 -2
- package/dist/themes/tmo-light.cjs +1 -1
- package/dist/themes/tmo-light.js +2 -2
- package/dist/tokens-base-dark.json +1 -1
- package/dist/tokens-base-deca-dark.json +1 -1
- package/dist/tokens-base-deca-light.json +1 -1
- package/dist/tokens-base-light.json +1 -1
- package/dist/tokens-deca-dark.json +6 -6
- package/dist/tokens-deca-light.json +3 -3
- package/dist/tokens-dp-dark.json +6 -6
- package/dist/tokens-dp-light.json +3 -3
- package/dist/tokens-expressive-dark.json +6 -6
- package/dist/tokens-expressive-light.json +3 -3
- package/dist/tokens-expressive-sm-dark.json +6 -6
- package/dist/tokens-expressive-sm-light.json +3 -3
- package/dist/tokens-tmo-dark.json +6 -6
- package/dist/tokens-tmo-light.json +3 -3
- package/package.json +1 -1
- package/dist/themes/chunks/tokens-base-dark-B42c8NRe.js +0 -1
- package/dist/themes/chunks/tokens-base-dark-D3XlzClW.js +0 -4
- package/dist/themes/chunks/tokens-base-light-5p3ZOPKU.js +0 -1
- package/dist/themes/chunks/tokens-base-light-C_G4p7UU.js +0 -4
|
@@ -73,6 +73,7 @@ public enum DialtoneTokensBaseDark {
|
|
|
73
73
|
public static let dtColorGold600 = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
74
74
|
public static let dtColorGold700 = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
75
75
|
public static let dtColorGold900 = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
76
|
+
public static let dtColorGradientGoldRedMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
76
77
|
public static let dtColorGreen100 = UIColor(red: 0.004, green: 0.153, blue: 0.090, alpha: 1)
|
|
77
78
|
public static let dtColorGreen1000 = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
78
79
|
public static let dtColorGreen200 = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
@@ -73,6 +73,7 @@ public enum DialtoneTokensBaseDecaDark {
|
|
|
73
73
|
public static let dtColorGold600 = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
74
74
|
public static let dtColorGold700 = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
75
75
|
public static let dtColorGold900 = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
76
|
+
public static let dtColorGradientGoldRedMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
76
77
|
public static let dtColorGreen100 = UIColor(red: 0.004, green: 0.153, blue: 0.090, alpha: 1)
|
|
77
78
|
public static let dtColorGreen1000 = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
78
79
|
public static let dtColorGreen200 = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
@@ -73,6 +73,7 @@ public enum DialtoneTokensBaseDecaLight {
|
|
|
73
73
|
public static let dtColorGold600 = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
74
74
|
public static let dtColorGold700 = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
75
75
|
public static let dtColorGold900 = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
76
|
+
public static let dtColorGradientGoldRedMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
76
77
|
public static let dtColorGreen100 = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
77
78
|
public static let dtColorGreen1000 = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 1)
|
|
78
79
|
public static let dtColorGreen200 = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
@@ -73,6 +73,7 @@ public enum DialtoneTokensBaseLight {
|
|
|
73
73
|
public static let dtColorGold600 = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
74
74
|
public static let dtColorGold700 = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
75
75
|
public static let dtColorGold900 = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
76
|
+
public static let dtColorGradientGoldRedMagentaPurple = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
76
77
|
public static let dtColorGreen100 = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
77
78
|
public static let dtColorGreen1000 = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 1)
|
|
78
79
|
public static let dtColorGreen200 = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensDecaDark {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensDecaDark {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 0.878, green: 0.863, blue: 0.851, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensDecaDark {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.157, green: 0.149, blue: 0.141, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.808, green: 0.784, blue: 0.769, alpha: 1)
|
|
@@ -271,15 +274,15 @@ public enum DialtoneTokensDecaDark {
|
|
|
271
274
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
275
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
276
|
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 0.659)
|
|
274
|
-
public static let dtColorSurfaceWarning = UIColor(red: 0.
|
|
277
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
278
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
279
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
280
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
281
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
282
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
283
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
284
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
285
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
286
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
287
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
288
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 0.114, green: 0.110, blue: 0.106, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.808, green: 0.784, blue: 0.769, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.388, green: 0.373, blue: 0.365, alpha: 1)
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensDpDark {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensDpDark {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensDpDark {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.831, green: 0.831, blue: 0.831, alpha: 1)
|
|
@@ -271,15 +274,15 @@ public enum DialtoneTokensDpDark {
|
|
|
271
274
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
275
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
276
|
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 0.659)
|
|
274
|
-
public static let dtColorSurfaceWarning = UIColor(red: 0.
|
|
277
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
278
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
279
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
280
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
281
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
282
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
283
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
284
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
285
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
286
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
287
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
288
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensDpLight {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensDpLight {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensDpLight {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensExpressiveDark {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
@@ -107,6 +108,7 @@ public enum DialtoneTokensExpressiveDark {
|
|
|
107
108
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
108
109
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
109
110
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
111
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
110
112
|
public static let dtColorBorderBold = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
111
113
|
public static let dtColorBorderBoldInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)
|
|
112
114
|
public static let dtColorBorderBrand = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
@@ -186,6 +188,7 @@ public enum DialtoneTokensExpressiveDark {
|
|
|
186
188
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
187
189
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
188
190
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
191
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
189
192
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
190
193
|
public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
191
194
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.831, green: 0.831, blue: 0.831, alpha: 1)
|
|
@@ -251,15 +254,15 @@ public enum DialtoneTokensExpressiveDark {
|
|
|
251
254
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
252
255
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
253
256
|
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 0.659)
|
|
254
|
-
public static let dtColorSurfaceWarning = UIColor(red: 0.
|
|
257
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
255
258
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
256
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
259
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
257
260
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
258
261
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
259
262
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
260
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
263
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
261
264
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
262
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
265
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
263
266
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
264
267
|
public static let dtFontSize100 = CGFloat(10.00) * 1.6
|
|
265
268
|
public static let dtFontSize200 = CGFloat(10.00) * 2
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensExpressiveLight {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
@@ -107,6 +108,7 @@ public enum DialtoneTokensExpressiveLight {
|
|
|
107
108
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
108
109
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
109
110
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
111
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
110
112
|
public static let dtColorBorderBold = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 0.502)
|
|
111
113
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
112
114
|
public static let dtColorBorderBrand = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
@@ -186,6 +188,7 @@ public enum DialtoneTokensExpressiveLight {
|
|
|
186
188
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
187
189
|
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
188
190
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
191
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
189
192
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
190
193
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
191
194
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensExpressiveSmDark {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
@@ -107,6 +108,7 @@ public enum DialtoneTokensExpressiveSmDark {
|
|
|
107
108
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
108
109
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
109
110
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
111
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
110
112
|
public static let dtColorBorderBold = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
111
113
|
public static let dtColorBorderBoldInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)
|
|
112
114
|
public static let dtColorBorderBrand = UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)
|
|
@@ -186,6 +188,7 @@ public enum DialtoneTokensExpressiveSmDark {
|
|
|
186
188
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
187
189
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
188
190
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
191
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
189
192
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
190
193
|
public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
191
194
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.831, green: 0.831, blue: 0.831, alpha: 1)
|
|
@@ -251,15 +254,15 @@ public enum DialtoneTokensExpressiveSmDark {
|
|
|
251
254
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
252
255
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
253
256
|
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 0.659)
|
|
254
|
-
public static let dtColorSurfaceWarning = UIColor(red: 0.
|
|
257
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
255
258
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
256
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
259
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
257
260
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
258
261
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
259
262
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
260
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
263
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
261
264
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
262
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
265
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
263
266
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
264
267
|
public static let dtFontSize100 = CGFloat(10.00) * 1.2
|
|
265
268
|
public static let dtFontSize200 = CGFloat(10.00) * 1.6
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensExpressiveSmLight {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
@@ -107,6 +108,7 @@ public enum DialtoneTokensExpressiveSmLight {
|
|
|
107
108
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
108
109
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
109
110
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
111
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
110
112
|
public static let dtColorBorderBold = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 0.502)
|
|
111
113
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
112
114
|
public static let dtColorBorderBrand = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
@@ -186,6 +188,7 @@ public enum DialtoneTokensExpressiveSmLight {
|
|
|
186
188
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
187
189
|
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
188
190
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
191
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
189
192
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
190
193
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
191
194
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensTmoDark {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 1.000, green: 0.698, blue: 0.855, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensTmoDark {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 1.000, green: 0.698, blue: 0.855, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensTmoDark {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.831, green: 0.831, blue: 0.831, alpha: 1)
|
|
@@ -271,15 +274,15 @@ public enum DialtoneTokensTmoDark {
|
|
|
271
274
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
275
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
276
|
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 0.659)
|
|
274
|
-
public static let dtColorSurfaceWarning = UIColor(red: 0.
|
|
277
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
278
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
279
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
280
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
281
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
282
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
283
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
284
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
285
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
286
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
287
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
288
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -84,6 +84,7 @@ public enum DialtoneTokensTmoLight {
|
|
|
84
84
|
public static let dtAvatarColorBackground800 = UIColor(red: 0.600, green: 0.906, blue: 1.000, alpha: 1)
|
|
85
85
|
public static let dtAvatarColorBackground900 = UIColor(red: 0.318, green: 0.627, blue: 0.996, alpha: 1)
|
|
86
86
|
public static let dtAvatarColorForeground = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
87
88
|
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.886, green: 0.000, blue: 0.455, alpha: 1)
|
|
88
89
|
public static let dtBadgeColorBackgroundBulletinSubtle = UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)
|
|
89
90
|
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
@@ -127,6 +128,7 @@ public enum DialtoneTokensTmoLight {
|
|
|
127
128
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
128
129
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
129
130
|
public static let dtColorBorderAccent = UIColor(red: 1.000, green: 0.106, blue: 0.643, alpha: 1)
|
|
131
|
+
public static let dtColorBorderAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
130
132
|
public static let dtColorBorderBold = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 0.502)
|
|
131
133
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.502)
|
|
132
134
|
public static let dtColorBorderBrand = UIColor(red: 0.886, green: 0.000, blue: 0.455, alpha: 1)
|
|
@@ -206,6 +208,7 @@ public enum DialtoneTokensTmoLight {
|
|
|
206
208
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
207
209
|
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
208
210
|
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
209
212
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.651)
|
|
210
213
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
211
214
|
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
@dt-color-indigo-950: #ECF0F9;
|
|
404
404
|
@dt-color-indigo-1000: #F3F6FB;
|
|
405
405
|
@dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
|
|
406
|
-
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(
|
|
406
|
+
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
407
407
|
@dt-color-brand-purple: #7C52FF; // Primary brand color.
|
|
408
408
|
@dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
|
|
409
409
|
@dt-color-brand-red: #ff1356; // Typically used as an accent color.
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
@dt-color-indigo-950: #ECF0F9;
|
|
404
404
|
@dt-color-indigo-1000: #F3F6FB;
|
|
405
405
|
@dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
|
|
406
|
-
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(
|
|
406
|
+
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
407
407
|
@dt-color-brand-purple: #7C52FF; // Primary brand color.
|
|
408
408
|
@dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
|
|
409
409
|
@dt-color-brand-red: #ff1356; // Typically used as an accent color.
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
@dt-color-indigo-950: #052133;
|
|
404
404
|
@dt-color-indigo-1000: #00131F;
|
|
405
405
|
@dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
|
|
406
|
-
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(
|
|
406
|
+
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); // Gradient for Ai-oriented treatments.
|
|
407
407
|
@dt-color-brand-purple: #7C52FF; // Primary brand color.
|
|
408
408
|
@dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
|
|
409
409
|
@dt-color-brand-red: #ff1356; // Typically used as an accent color.
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
@dt-color-indigo-950: #052133;
|
|
404
404
|
@dt-color-indigo-1000: #00131F;
|
|
405
405
|
@dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
|
|
406
|
-
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(
|
|
406
|
+
@dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); // Gradient for Ai-oriented treatments.
|
|
407
407
|
@dt-color-brand-purple: #7C52FF; // Primary brand color.
|
|
408
408
|
@dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
|
|
409
409
|
@dt-color-brand-red: #ff1356; // Typically used as an accent color.
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
@dt-color-surface-strong: #87807B;
|
|
56
56
|
@dt-color-surface-contrast: #F8F7F6;
|
|
57
57
|
@dt-color-surface-critical: #380010; // Background surface color containing error, danger, or otherwise critical messaging or elements.
|
|
58
|
-
@dt-color-surface-warning: #
|
|
58
|
+
@dt-color-surface-warning: #533204;
|
|
59
59
|
@dt-color-surface-success: #012717; // Background surface color containing messaging or elements expressing a positive or successful state.
|
|
60
60
|
@dt-color-surface-info: #001429; // Background surface color containing messaging or elements communicated as generally informational.
|
|
61
61
|
@dt-color-surface-brand: #1D0155; // Background surface color containing messaging or elements communicated as generally informational.
|
|
62
62
|
@dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
|
|
63
|
-
@dt-color-surface-warning-subtle:
|
|
63
|
+
@dt-color-surface-warning-subtle: #2C1B02;
|
|
64
64
|
@dt-color-surface-success-subtle: hsl(155 95% 3.92%);
|
|
65
65
|
@dt-color-surface-info-subtle: hsl(211 100% 4.82%);
|
|
66
66
|
@dt-color-surface-brand-subtle: #10022C; // A softer version of the default informational surface.
|
|
@@ -76,12 +76,12 @@
|
|
|
76
76
|
@dt-color-surface-strong-opaque: hsl(20 5.03% 64.9% / 0.74);
|
|
77
77
|
@dt-color-surface-contrast-opaque: hsl(30 12.5% 96.9% / 0.95);
|
|
78
78
|
@dt-color-surface-critical-opaque: hsl(343 72.9% 33.3% / 0.2);
|
|
79
|
-
@dt-color-surface-warning-opaque: hsl(
|
|
79
|
+
@dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
|
|
80
80
|
@dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
|
|
81
81
|
@dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
|
|
82
82
|
@dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
|
|
83
83
|
@dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
|
|
84
|
-
@dt-color-surface-warning-subtle-opaque: hsl(
|
|
84
|
+
@dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
|
|
85
85
|
@dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
|
|
86
86
|
@dt-color-surface-info-subtle-opaque: hsl(211 91.3% 4.51% / 0.7);
|
|
87
87
|
@dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
@dt-color-surface-info-subtle-opaque-inverted: hsl(210 66.7% 97.6% / 0.66); // Info surface as opaque background color.
|
|
124
124
|
@dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); // Info surface as opaque background color.
|
|
125
125
|
@dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); // Background color for a modal-like backdrop.
|
|
126
|
-
@dt-color-surface-ai: linear-gradient(
|
|
126
|
+
@dt-color-surface-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
127
127
|
@dt-color-border-subtle: lch(88 2.23 62.9 / 0.11);
|
|
128
128
|
@dt-color-border-default: hsl(25.7 10.1% 86.5% / 0.17);
|
|
129
129
|
@dt-color-border-moderate: hsl(25.7 10.1% 86.5% / 0.3);
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
@dt-color-border-warning-strong-inverted: #D57F00;
|
|
158
158
|
@dt-color-border-brand-strong-inverted: #5023DD;
|
|
159
159
|
@dt-color-border-focus: #3B96DF;
|
|
160
|
-
@dt-color-border-ai: linear-gradient(
|
|
160
|
+
@dt-color-border-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
161
161
|
@dt-color-border-accent: #FF1BA4;
|
|
162
162
|
@dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
|
|
163
163
|
@dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
|
|
@@ -511,7 +511,7 @@
|
|
|
511
511
|
@dt-badge-color-background-critical: #640823;
|
|
512
512
|
@dt-badge-color-background-bulletin: #BBA6FC;
|
|
513
513
|
@dt-badge-color-background-bulletin-subtle: #3A1D95;
|
|
514
|
-
@dt-badge-color-background-ai: linear-gradient(
|
|
514
|
+
@dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
515
515
|
@dt-badge-color-foreground-default: #ffffff;
|
|
516
516
|
@dt-badge-color-foreground-bulletin: #000000;
|
|
517
517
|
@dt-badge-color-foreground-bulletin-subtle: hsl(25.7 10.1% 86.5%);
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
@dt-color-surface-info-subtle-opaque-inverted: hsl(211 91.3% 4.51% / 0.66); // Info surface as opaque background color.
|
|
124
124
|
@dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); // Info surface as opaque background color.
|
|
125
125
|
@dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); // Background color for a modal-like backdrop.
|
|
126
|
-
@dt-color-surface-ai: linear-gradient(
|
|
126
|
+
@dt-color-surface-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
|
|
127
127
|
@dt-color-border-subtle: lch(10.4 0.93 70.2 / 0.11);
|
|
128
128
|
@dt-color-border-default: hsl(30 3.57% 11% / 0.17);
|
|
129
129
|
@dt-color-border-moderate: hsl(30 3.57% 11% / 0.3);
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
@dt-color-border-warning-strong-inverted: #FFDB80;
|
|
158
158
|
@dt-color-border-brand-strong-inverted: #D3BCFF;
|
|
159
159
|
@dt-color-border-focus: #4AA9EA;
|
|
160
|
-
@dt-color-border-ai: linear-gradient(
|
|
160
|
+
@dt-color-border-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
|
|
161
161
|
@dt-color-border-accent: #FF1BA4;
|
|
162
162
|
@dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
|
|
163
163
|
@dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
|
|
@@ -511,7 +511,7 @@
|
|
|
511
511
|
@dt-badge-color-background-critical: #FFABA4;
|
|
512
512
|
@dt-badge-color-background-bulletin: #7C52FF;
|
|
513
513
|
@dt-badge-color-background-bulletin-subtle: #D3BCFF;
|
|
514
|
-
@dt-badge-color-background-ai: linear-gradient(
|
|
514
|
+
@dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%);
|
|
515
515
|
@dt-badge-color-foreground-default: #000000;
|
|
516
516
|
@dt-badge-color-foreground-bulletin: #ffffff;
|
|
517
517
|
@dt-badge-color-foreground-bulletin-subtle: #3A1D95;
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
@dt-color-surface-strong: #B0B0B0;
|
|
56
56
|
@dt-color-surface-contrast: #ffffff;
|
|
57
57
|
@dt-color-surface-critical: #380010; // Background surface color containing error, danger, or otherwise critical messaging or elements.
|
|
58
|
-
@dt-color-surface-warning: #
|
|
58
|
+
@dt-color-surface-warning: #533204;
|
|
59
59
|
@dt-color-surface-success: #012717; // Background surface color containing messaging or elements expressing a positive or successful state.
|
|
60
60
|
@dt-color-surface-info: #001429; // Background surface color containing messaging or elements communicated as generally informational.
|
|
61
61
|
@dt-color-surface-brand: #1D0155; // Background surface color containing messaging or elements communicated as generally informational.
|
|
62
62
|
@dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
|
|
63
|
-
@dt-color-surface-warning-subtle:
|
|
63
|
+
@dt-color-surface-warning-subtle: #2C1B02;
|
|
64
64
|
@dt-color-surface-success-subtle: hsl(155 95% 3.92%);
|
|
65
65
|
@dt-color-surface-info-subtle: hsl(211 100% 4.82%);
|
|
66
66
|
@dt-color-surface-brand-subtle: #10022C; // A softer version of the default informational surface.
|
|
@@ -76,12 +76,12 @@
|
|
|
76
76
|
@dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.74);
|
|
77
77
|
@dt-color-surface-contrast-opaque: hsl(0 0% 100% / 0.97);
|
|
78
78
|
@dt-color-surface-critical-opaque: hsl(343 72.9% 33.3% / 0.2);
|
|
79
|
-
@dt-color-surface-warning-opaque: hsl(
|
|
79
|
+
@dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
|
|
80
80
|
@dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
|
|
81
81
|
@dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
|
|
82
82
|
@dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
|
|
83
83
|
@dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
|
|
84
|
-
@dt-color-surface-warning-subtle-opaque: hsl(
|
|
84
|
+
@dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
|
|
85
85
|
@dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
|
|
86
86
|
@dt-color-surface-info-subtle-opaque: hsl(211 91.3% 4.51% / 0.7);
|
|
87
87
|
@dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
@dt-color-surface-info-subtle-opaque-inverted: hsl(210 66.7% 97.6% / 0.66); // Info surface as opaque background color.
|
|
124
124
|
@dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); // Info surface as opaque background color.
|
|
125
125
|
@dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); // Background color for a modal-like backdrop.
|
|
126
|
-
@dt-color-surface-ai: linear-gradient(
|
|
126
|
+
@dt-color-surface-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
127
127
|
@dt-color-border-subtle: hsl(0 0% 100% / 0.14);
|
|
128
128
|
@dt-color-border-default: hsl(0 0% 100% / 0.22);
|
|
129
129
|
@dt-color-border-moderate: hsl(0 0% 100% / 0.36);
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
@dt-color-border-warning-strong-inverted: #D57F00;
|
|
158
158
|
@dt-color-border-brand-strong-inverted: #5023DD;
|
|
159
159
|
@dt-color-border-focus: #3B96DF;
|
|
160
|
-
@dt-color-border-ai: linear-gradient(
|
|
160
|
+
@dt-color-border-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
161
161
|
@dt-color-border-accent: #FF1BA4;
|
|
162
162
|
@dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
|
|
163
163
|
@dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
|
|
@@ -511,7 +511,7 @@
|
|
|
511
511
|
@dt-badge-color-background-critical: #640823;
|
|
512
512
|
@dt-badge-color-background-bulletin: #BBA6FC;
|
|
513
513
|
@dt-badge-color-background-bulletin-subtle: #3A1D95;
|
|
514
|
-
@dt-badge-color-background-ai: linear-gradient(
|
|
514
|
+
@dt-badge-color-background-ai: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
|
|
515
515
|
@dt-badge-color-foreground-default: #ffffff;
|
|
516
516
|
@dt-badge-color-foreground-bulletin: #000000;
|
|
517
517
|
@dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
|