@dialpad/dialtone-tokens 1.40.0 → 1.41.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-deca-dark.kt +76 -61
- package/dist/android/java/tokens-base-deca-light.kt +64 -49
- package/dist/android/java/tokens-deca-dark.kt +122 -80
- package/dist/android/java/tokens-deca-light.kt +102 -60
- package/dist/android/res/values/colors-base-deca-dark.xml +76 -61
- package/dist/android/res/values/colors-base-deca-light.xml +64 -49
- package/dist/android/res/values/colors-deca-dark.xml +120 -78
- package/dist/android/res/values/colors-deca-light.xml +90 -48
- package/dist/css/tokens-base-deca-dark.css +392 -287
- package/dist/css/tokens-base-deca-light.css +351 -246
- package/dist/css/tokens-deca-dark.css +868 -574
- package/dist/css/tokens-deca-light.css +825 -531
- package/dist/doc.json +25631 -21318
- package/dist/ios/tokens-base-deca-dark.swift +78 -63
- package/dist/ios/tokens-base-deca-light.swift +66 -51
- package/dist/ios/tokens-deca-dark.swift +120 -78
- package/dist/ios/tokens-deca-light.swift +90 -48
- package/dist/less/tokens-base-deca-dark.less +78 -63
- package/dist/less/tokens-base-deca-light.less +66 -51
- package/dist/less/tokens-deca-dark.less +122 -80
- package/dist/less/tokens-deca-light.less +102 -60
- 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 +2 -2
- package/dist/tokens-base-deca-dark.json +78 -63
- package/dist/tokens-base-deca-light.json +66 -51
- package/dist/tokens-deca-dark.json +120 -78
- package/dist/tokens-deca-light.json +91 -49
- package/package.json +1 -1
|
@@ -20,7 +20,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
20
20
|
public static let dtActionColorBackgroundCriticalHover = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
21
21
|
public static let dtActionColorBackgroundCriticalPrimaryActive = UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)
|
|
22
22
|
public static let dtActionColorBackgroundCriticalPrimaryDefault = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
23
|
-
public static let dtActionColorBackgroundCriticalPrimaryHover = UIColor(red: 0.
|
|
23
|
+
public static let dtActionColorBackgroundCriticalPrimaryHover = UIColor(red: 0.851, green: 0.039, blue: 0.271, alpha: 1)
|
|
24
24
|
public static let dtActionColorBackgroundDisabledDefault = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
25
25
|
public static let dtActionColorBackgroundInvertedActive = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
26
26
|
public static let dtActionColorBackgroundInvertedDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
@@ -34,8 +34,8 @@ public enum DialtoneTokensDecaLight {
|
|
|
34
34
|
public static let dtActionColorBackgroundPositiveActive = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
35
35
|
public static let dtActionColorBackgroundPositiveDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
36
36
|
public static let dtActionColorBackgroundPositiveHover = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
37
|
-
public static let dtActionColorBackgroundPositivePrimaryActive = UIColor(red: 0.000, green: 0.
|
|
38
|
-
public static let dtActionColorBackgroundPositivePrimaryDefault = UIColor(red: 0.
|
|
37
|
+
public static let dtActionColorBackgroundPositivePrimaryActive = UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)
|
|
38
|
+
public static let dtActionColorBackgroundPositivePrimaryDefault = UIColor(red: 0.180, green: 0.659, blue: 0.204, alpha: 1)
|
|
39
39
|
public static let dtActionColorBackgroundPositivePrimaryHover = UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)
|
|
40
40
|
public static let dtActionColorBorderBaseOutlinedDefault = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
41
41
|
public static let dtActionColorBorderCriticalOutlinedDefault = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
@@ -46,7 +46,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
46
46
|
public static let dtActionColorForegroundBaseHover = UIColor(red: 0.314, green: 0.137, blue: 0.867, alpha: 1)
|
|
47
47
|
public static let dtActionColorForegroundBasePrimaryDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
48
48
|
public static let dtActionColorForegroundCriticalActive = UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)
|
|
49
|
-
public static let dtActionColorForegroundCriticalDefault = UIColor(red:
|
|
49
|
+
public static let dtActionColorForegroundCriticalDefault = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
50
50
|
public static let dtActionColorForegroundCriticalHover = UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)
|
|
51
51
|
public static let dtActionColorForegroundCriticalPrimaryDefault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
52
52
|
public static let dtActionColorForegroundDisabledDefault = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
@@ -92,9 +92,10 @@ public enum DialtoneTokensDecaLight {
|
|
|
92
92
|
public static let dtBadgeColorBackgroundWarning = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
93
93
|
public static let dtBadgeColorBorderBulletinSubtle = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
94
94
|
public static let dtBadgeColorBorderDefault = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
95
|
+
public static let dtBadgeColorForegroundAi = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
95
96
|
public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
96
97
|
public static let dtBadgeColorForegroundBulletinSubtle = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
97
|
-
public static let dtBadgeColorForegroundDefault = UIColor(red: 0.
|
|
98
|
+
public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
98
99
|
public static let dtButtonFontSizeLg = CGFloat(10.00) * 1.9
|
|
99
100
|
public static let dtButtonFontSizeMd = CGFloat(10.00) * 1.5
|
|
100
101
|
public static let dtButtonFontSizeSm = CGFloat(10.00) * 1.2
|
|
@@ -118,6 +119,8 @@ public enum DialtoneTokensDecaLight {
|
|
|
118
119
|
public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
119
120
|
public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
120
121
|
public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
122
|
+
public static let dtCheckboxColorForegroundChecked = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
123
|
+
public static let dtCheckboxColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
121
124
|
public static let dtCheckboxSizeHeight = CGFloat(16.00)
|
|
122
125
|
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
123
126
|
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
@@ -125,40 +128,40 @@ public enum DialtoneTokensDecaLight {
|
|
|
125
128
|
public static let dtColorBorderBold = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
126
129
|
public static let dtColorBorderBoldInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
127
130
|
public static let dtColorBorderBrand = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
128
|
-
public static let dtColorBorderBrandInverted = UIColor(red: 0.
|
|
129
|
-
public static let dtColorBorderBrandStrong = UIColor(red: 0.
|
|
130
|
-
public static let dtColorBorderBrandStrongInverted = UIColor(red: 0.
|
|
131
|
-
public static let dtColorBorderBrandSubtle = UIColor(red: 0.
|
|
132
|
-
public static let dtColorBorderBrandSubtleInverted = UIColor(red: 0.
|
|
131
|
+
public static let dtColorBorderBrandInverted = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
|
|
132
|
+
public static let dtColorBorderBrandStrong = UIColor(red: 0.314, green: 0.137, blue: 0.867, alpha: 1)
|
|
133
|
+
public static let dtColorBorderBrandStrongInverted = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
134
|
+
public static let dtColorBorderBrandSubtle = UIColor(red: 0.761, green: 0.639, blue: 1.000, alpha: 1)
|
|
135
|
+
public static let dtColorBorderBrandSubtleInverted = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
133
136
|
public static let dtColorBorderCritical = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
134
137
|
public static let dtColorBorderCriticalInverted = UIColor(red: 1.000, green: 0.443, blue: 0.435, alpha: 1)
|
|
135
|
-
public static let dtColorBorderCriticalStrong = UIColor(red: 0.
|
|
138
|
+
public static let dtColorBorderCriticalStrong = UIColor(red: 0.576, green: 0.090, blue: 0.227, alpha: 1)
|
|
136
139
|
public static let dtColorBorderCriticalStrongInverted = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
137
140
|
public static let dtColorBorderCriticalSubtle = UIColor(red: 1.000, green: 0.443, blue: 0.435, alpha: 1)
|
|
138
|
-
public static let dtColorBorderCriticalSubtleInverted = UIColor(red: 0.
|
|
141
|
+
public static let dtColorBorderCriticalSubtleInverted = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
139
142
|
public static let dtColorBorderDefault = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
140
143
|
public static let dtColorBorderDefaultInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
141
|
-
public static let dtColorBorderFocus = UIColor(red: 0.
|
|
144
|
+
public static let dtColorBorderFocus = UIColor(red: 0.173, green: 0.514, blue: 0.835, alpha: 1)
|
|
142
145
|
public static let dtColorBorderModerate = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
143
146
|
public static let dtColorBorderModerateInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
144
147
|
public static let dtColorBorderSubtle = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
145
148
|
public static let dtColorBorderSubtleInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
146
|
-
public static let dtColorBorderSuccess = UIColor(red: 0.
|
|
147
|
-
public static let dtColorBorderSuccessInverted = UIColor(red: 0.
|
|
149
|
+
public static let dtColorBorderSuccess = UIColor(red: 0.180, green: 0.659, blue: 0.204, alpha: 1)
|
|
150
|
+
public static let dtColorBorderSuccessInverted = UIColor(red: 0.322, green: 0.788, blue: 0.149, alpha: 1)
|
|
148
151
|
public static let dtColorBorderSuccessStrong = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
149
|
-
public static let dtColorBorderSuccessStrongInverted = UIColor(red: 0.
|
|
150
|
-
public static let dtColorBorderSuccessSubtle = UIColor(red: 0.
|
|
151
|
-
public static let dtColorBorderSuccessSubtleInverted = UIColor(red: 0.000, green: 0.
|
|
152
|
-
public static let dtColorBorderWarning = UIColor(red:
|
|
153
|
-
public static let dtColorBorderWarningInverted = UIColor(red:
|
|
154
|
-
public static let dtColorBorderWarningStrong = UIColor(red: 0.
|
|
155
|
-
public static let dtColorBorderWarningStrongInverted = UIColor(red: 1.000, green: 0.
|
|
156
|
-
public static let dtColorBorderWarningSubtle = UIColor(red: 1.000, green: 0.
|
|
157
|
-
public static let dtColorBorderWarningSubtleInverted = UIColor(red: 0.
|
|
158
|
-
public static let dtColorForegroundCritical = UIColor(red:
|
|
159
|
-
public static let dtColorForegroundCriticalInverted = UIColor(red: 1.000, green: 0.
|
|
152
|
+
public static let dtColorBorderSuccessStrongInverted = UIColor(red: 0.518, green: 0.933, blue: 0.043, alpha: 1)
|
|
153
|
+
public static let dtColorBorderSuccessSubtle = UIColor(red: 0.820, green: 1.000, blue: 0.463, alpha: 1)
|
|
154
|
+
public static let dtColorBorderSuccessSubtleInverted = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
155
|
+
public static let dtColorBorderWarning = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
156
|
+
public static let dtColorBorderWarningInverted = UIColor(red: 0.918, green: 0.561, blue: 0.027, alpha: 1)
|
|
157
|
+
public static let dtColorBorderWarningStrong = UIColor(red: 0.835, green: 0.498, blue: 0.000, alpha: 1)
|
|
158
|
+
public static let dtColorBorderWarningStrongInverted = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
159
|
+
public static let dtColorBorderWarningSubtle = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
160
|
+
public static let dtColorBorderWarningSubtleInverted = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
161
|
+
public static let dtColorForegroundCritical = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
162
|
+
public static let dtColorForegroundCriticalInverted = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
160
163
|
public static let dtColorForegroundCriticalStrong = UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)
|
|
161
|
-
public static let dtColorForegroundCriticalStrongInverted = UIColor(red: 1.000, green: 0.
|
|
164
|
+
public static let dtColorForegroundCriticalStrongInverted = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
162
165
|
public static let dtColorForegroundDisabled = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
163
166
|
public static let dtColorForegroundDisabledInverted = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
164
167
|
public static let dtColorForegroundMuted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
@@ -172,15 +175,15 @@ public enum DialtoneTokensDecaLight {
|
|
|
172
175
|
public static let dtColorForegroundSuccess = UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)
|
|
173
176
|
public static let dtColorForegroundSuccessInverted = UIColor(red: 0.682, green: 0.984, blue: 0.235, alpha: 1)
|
|
174
177
|
public static let dtColorForegroundSuccessStrong = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
175
|
-
public static let dtColorForegroundSuccessStrongInverted = UIColor(red: 0.
|
|
178
|
+
public static let dtColorForegroundSuccessStrongInverted = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
176
179
|
public static let dtColorForegroundTertiary = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
177
180
|
public static let dtColorForegroundTertiaryInverted = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
178
181
|
public static let dtColorForegroundWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
179
|
-
public static let dtColorForegroundWarningInverted = UIColor(red: 1.000, green: 0.
|
|
180
|
-
public static let dtColorLinkCritical = UIColor(red:
|
|
182
|
+
public static let dtColorForegroundWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
183
|
+
public static let dtColorLinkCritical = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
181
184
|
public static let dtColorLinkCriticalHover = UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)
|
|
182
|
-
public static let dtColorLinkCriticalInverted = UIColor(red: 1.000, green: 0.
|
|
183
|
-
public static let dtColorLinkCriticalInvertedHover = UIColor(red: 1.000, green: 0.
|
|
185
|
+
public static let dtColorLinkCriticalInverted = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
186
|
+
public static let dtColorLinkCriticalInvertedHover = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
184
187
|
public static let dtColorLinkDisabled = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
185
188
|
public static let dtColorLinkDisabledHover = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
186
189
|
public static let dtColorLinkDisabledInverted = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
@@ -191,53 +194,90 @@ public enum DialtoneTokensDecaLight {
|
|
|
191
194
|
public static let dtColorLinkMutedInvertedHover = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
192
195
|
public static let dtColorLinkPrimary = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
193
196
|
public static let dtColorLinkPrimaryHover = UIColor(red: 0.314, green: 0.137, blue: 0.867, alpha: 1)
|
|
194
|
-
public static let dtColorLinkPrimaryInverted = UIColor(red: 0.
|
|
197
|
+
public static let dtColorLinkPrimaryInverted = UIColor(red: 0.761, green: 0.639, blue: 1.000, alpha: 1)
|
|
195
198
|
public static let dtColorLinkPrimaryInvertedHover = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
196
199
|
public static let dtColorLinkSuccess = UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)
|
|
197
200
|
public static let dtColorLinkSuccessHover = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
198
201
|
public static let dtColorLinkSuccessInverted = UIColor(red: 0.682, green: 0.984, blue: 0.235, alpha: 1)
|
|
199
|
-
public static let dtColorLinkSuccessInvertedHover = UIColor(red: 0.
|
|
202
|
+
public static let dtColorLinkSuccessInvertedHover = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
200
203
|
public static let dtColorLinkWarning = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)
|
|
201
204
|
public static let dtColorLinkWarningHover = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
202
|
-
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.
|
|
203
|
-
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.
|
|
205
|
+
public static let dtColorLinkWarningInverted = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
206
|
+
public static let dtColorLinkWarningInvertedHover = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
204
207
|
public static let dtColorSurfaceBackdrop = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
205
208
|
public static let dtColorSurfaceBold = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
209
|
+
public static let dtColorSurfaceBoldInverted = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
206
210
|
public static let dtColorSurfaceBoldOpaque = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
211
|
+
public static let dtColorSurfaceBoldOpaqueInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
207
212
|
public static let dtColorSurfaceBrand = UIColor(red: 0.961, green: 0.941, blue: 1.000, alpha: 1)
|
|
213
|
+
public static let dtColorSurfaceBrandInverted = UIColor(red: 0.114, green: 0.004, blue: 0.333, alpha: 1)
|
|
208
214
|
public static let dtColorSurfaceBrandOpaque = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
215
|
+
public static let dtColorSurfaceBrandOpaqueInverted = UIColor(red: 0.114, green: 0.004, blue: 0.333, alpha: 1)
|
|
209
216
|
public static let dtColorSurfaceBrandStrong = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
210
|
-
public static let
|
|
217
|
+
public static let dtColorSurfaceBrandStrongInverted = UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)
|
|
218
|
+
public static let dtColorSurfaceBrandSubtle = UIColor(red: 0.976, green: 0.965, blue: 1.000, alpha: 1)
|
|
219
|
+
public static let dtColorSurfaceBrandSubtleInverted = UIColor(red: 0.055, green: 0.000, blue: 0.165, alpha: 1)
|
|
211
220
|
public static let dtColorSurfaceBrandSubtleOpaque = UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)
|
|
221
|
+
public static let dtColorSurfaceBrandSubtleOpaqueInverted = UIColor(red: 0.055, green: 0.000, blue: 0.165, alpha: 1)
|
|
212
222
|
public static let dtColorSurfaceContrast = UIColor(red: 0.145, green: 0.145, blue: 0.145, alpha: 1)
|
|
223
|
+
public static let dtColorSurfaceContrastInverted = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
213
224
|
public static let dtColorSurfaceContrastOpaque = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
225
|
+
public static let dtColorSurfaceContrastOpaqueInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
214
226
|
public static let dtColorSurfaceCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
227
|
+
public static let dtColorSurfaceCriticalInverted = UIColor(red: 0.220, green: 0.000, blue: 0.063, alpha: 1)
|
|
215
228
|
public static let dtColorSurfaceCriticalOpaque = UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)
|
|
216
|
-
public static let
|
|
217
|
-
public static let
|
|
218
|
-
public static let
|
|
229
|
+
public static let dtColorSurfaceCriticalOpaqueInverted = UIColor(red: 0.392, green: 0.031, blue: 0.137, alpha: 1)
|
|
230
|
+
public static let dtColorSurfaceCriticalStrong = UIColor(red: 0.851, green: 0.039, blue: 0.271, alpha: 1)
|
|
231
|
+
public static let dtColorSurfaceCriticalStrongInverted = UIColor(red: 1.000, green: 0.443, blue: 0.435, alpha: 1)
|
|
232
|
+
public static let dtColorSurfaceCriticalSubtle = UIColor(red: 1.000, green: 0.949, blue: 0.953, alpha: 1)
|
|
233
|
+
public static let dtColorSurfaceCriticalSubtleInverted = UIColor(red: 0.110, green: 0.004, blue: 0.031, alpha: 1)
|
|
234
|
+
public static let dtColorSurfaceCriticalSubtleOpaque = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
235
|
+
public static let dtColorSurfaceCriticalSubtleOpaqueInverted = UIColor(red: 0.110, green: 0.004, blue: 0.031, alpha: 1)
|
|
219
236
|
public static let dtColorSurfaceInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
237
|
+
public static let dtColorSurfaceInfoInverted = UIColor(red: 0.000, green: 0.078, blue: 0.161, alpha: 1)
|
|
220
238
|
public static let dtColorSurfaceInfoOpaque = UIColor(red: 0.741, green: 0.910, blue: 1.000, alpha: 1)
|
|
239
|
+
public static let dtColorSurfaceInfoOpaqueInverted = UIColor(red: 0.000, green: 0.078, blue: 0.161, alpha: 1)
|
|
221
240
|
public static let dtColorSurfaceInfoStrong = UIColor(red: 0.090, green: 0.408, blue: 0.776, alpha: 1)
|
|
222
|
-
public static let
|
|
241
|
+
public static let dtColorSurfaceInfoStrongInverted = UIColor(red: 0.290, green: 0.663, blue: 0.918, alpha: 1)
|
|
242
|
+
public static let dtColorSurfaceInfoSubtle = UIColor(red: 0.961, green: 0.976, blue: 0.992, alpha: 1)
|
|
243
|
+
public static let dtColorSurfaceInfoSubtleInverted = UIColor(red: 0.004, green: 0.043, blue: 0.086, alpha: 1)
|
|
223
244
|
public static let dtColorSurfaceInfoSubtleOpaque = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
245
|
+
public static let dtColorSurfaceInfoSubtleOpaqueInverted = UIColor(red: 0.004, green: 0.043, blue: 0.086, alpha: 1)
|
|
224
246
|
public static let dtColorSurfaceModerate = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
247
|
+
public static let dtColorSurfaceModerateInverted = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
225
248
|
public static let dtColorSurfaceModerateOpaque = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
249
|
+
public static let dtColorSurfaceModerateOpaqueInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
226
250
|
public static let dtColorSurfacePrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
251
|
+
public static let dtColorSurfacePrimaryInverted = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
252
|
+
public static let dtColorSurfacePrimaryOpaque = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
227
253
|
public static let dtColorSurfaceSecondary = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
254
|
+
public static let dtColorSurfaceSecondaryInverted = UIColor(red: 0.145, green: 0.145, blue: 0.145, alpha: 1)
|
|
228
255
|
public static let dtColorSurfaceSecondaryOpaque = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
256
|
+
public static let dtColorSurfaceSecondaryOpaqueInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
229
257
|
public static let dtColorSurfaceStrong = UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)
|
|
258
|
+
public static let dtColorSurfaceStrongInverted = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
230
259
|
public static let dtColorSurfaceStrongOpaque = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
260
|
+
public static let dtColorSurfaceStrongOpaqueInverted = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
231
261
|
public static let dtColorSurfaceSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
262
|
+
public static let dtColorSurfaceSuccessInverted = UIColor(red: 0.004, green: 0.153, blue: 0.090, alpha: 1)
|
|
232
263
|
public static let dtColorSurfaceSuccessOpaque = UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)
|
|
264
|
+
public static let dtColorSurfaceSuccessOpaqueInverted = UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)
|
|
233
265
|
public static let dtColorSurfaceSuccessStrong = UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)
|
|
234
|
-
public static let
|
|
266
|
+
public static let dtColorSurfaceSuccessStrongInverted = UIColor(red: 0.682, green: 0.984, blue: 0.235, alpha: 1)
|
|
267
|
+
public static let dtColorSurfaceSuccessSubtle = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
268
|
+
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 1)
|
|
235
269
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
270
|
+
public static let dtColorSurfaceSuccessSubtleOpaqueInverted = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 1)
|
|
236
271
|
public static let dtColorSurfaceWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
272
|
+
public static let dtColorSurfaceWarningInverted = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
237
273
|
public static let dtColorSurfaceWarningOpaque = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 1)
|
|
238
|
-
public static let
|
|
239
|
-
public static let
|
|
274
|
+
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
|
+
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
276
|
+
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
277
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
278
|
+
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 0.125, green: 0.075, blue: 0.004, alpha: 1)
|
|
240
279
|
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
280
|
+
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 0.125, green: 0.075, blue: 0.004, alpha: 1)
|
|
241
281
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
242
282
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
243
283
|
public static let dtIconSize300 = CGFloat(10.00) * 0.8 * 2.25
|
|
@@ -260,9 +300,9 @@ public enum DialtoneTokensDecaLight {
|
|
|
260
300
|
public static let dtInputsColorBorderCritical = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
261
301
|
public static let dtInputsColorBorderDefault = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
262
302
|
public static let dtInputsColorBorderDisabled = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
263
|
-
public static let dtInputsColorBorderFocus = UIColor(red: 0.
|
|
264
|
-
public static let dtInputsColorBorderSuccess = UIColor(red: 0.
|
|
265
|
-
public static let dtInputsColorBorderWarning = UIColor(red:
|
|
303
|
+
public static let dtInputsColorBorderFocus = UIColor(red: 0.173, green: 0.514, blue: 0.835, alpha: 1)
|
|
304
|
+
public static let dtInputsColorBorderSuccess = UIColor(red: 0.180, green: 0.659, blue: 0.204, alpha: 1)
|
|
305
|
+
public static let dtInputsColorBorderWarning = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
266
306
|
public static let dtInputsColorForegroundDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
267
307
|
public static let dtInputsColorForegroundDisabled = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
268
308
|
public static let dtInputsColorForegroundPlaceholder = UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)
|
|
@@ -291,6 +331,8 @@ public enum DialtoneTokensDecaLight {
|
|
|
291
331
|
public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
292
332
|
public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
293
333
|
public static let dtRadioColorBorderUnchecked = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)
|
|
334
|
+
public static let dtRadioColorForegroundChecked = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
335
|
+
public static let dtRadioColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
|
294
336
|
public static let dtRadioSizeHeight = CGFloat(16.00)
|
|
295
337
|
public static let dtRadioSizeRadius = CGFloat(50.00)
|
|
296
338
|
public static let dtRadioSizeWidth = CGFloat(16.00)
|
|
@@ -300,7 +342,7 @@ public enum DialtoneTokensDecaLight {
|
|
|
300
342
|
public static let dtThemeMentionColorBackgroundStrong = UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)
|
|
301
343
|
public static let dtThemeMentionColorForeground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
302
344
|
public static let dtThemeMentionColorForegroundStrong = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
303
|
-
public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.
|
|
345
|
+
public static let dtThemePresenceColorBackgroundAvailable = UIColor(red: 0.322, green: 0.788, blue: 0.149, alpha: 1)
|
|
304
346
|
public static let dtThemePresenceColorBackgroundBusy = UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)
|
|
305
347
|
public static let dtThemePresenceColorBackgroundBusyUnavailable = UIColor(red: 1.000, green: 0.075, blue: 0.337, alpha: 1)
|
|
306
348
|
public static let dtThemePresenceColorBackgroundOffline = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
@@ -246,6 +246,7 @@
|
|
|
246
246
|
@dt-color-neutral-white: #ffffff; // White color independent of any theme.
|
|
247
247
|
@dt-color-neutral-black: #000000; // Black color independent of any theme.
|
|
248
248
|
@dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
|
|
249
|
+
@dt-color-black-50: #000000;
|
|
249
250
|
@dt-color-black-100: #171717;
|
|
250
251
|
@dt-color-black-200: #1f1f1f;
|
|
251
252
|
@dt-color-black-300: #3d3d3d;
|
|
@@ -255,67 +256,80 @@
|
|
|
255
256
|
@dt-color-black-700: #c7c7c7;
|
|
256
257
|
@dt-color-black-800: #D4D4D4;
|
|
257
258
|
@dt-color-black-900: #E6E6E6;
|
|
258
|
-
@dt-color-black-
|
|
259
|
-
@dt-color-
|
|
260
|
-
@dt-color-purple-
|
|
261
|
-
@dt-color-purple-
|
|
262
|
-
@dt-color-purple-
|
|
263
|
-
@dt-color-purple-
|
|
264
|
-
@dt-color-purple-
|
|
265
|
-
@dt-color-purple-
|
|
266
|
-
@dt-color-purple-
|
|
267
|
-
@dt-color-purple-
|
|
268
|
-
@dt-color-purple-
|
|
269
|
-
@dt-color-
|
|
270
|
-
@dt-color-
|
|
271
|
-
@dt-color-
|
|
272
|
-
@dt-color-blue-
|
|
273
|
-
@dt-color-blue-
|
|
274
|
-
@dt-color-blue-
|
|
275
|
-
@dt-color-blue-
|
|
276
|
-
@dt-color-blue-400: #
|
|
277
|
-
@dt-color-blue-
|
|
278
|
-
@dt-color-blue-
|
|
279
|
-
@dt-color-
|
|
280
|
-
@dt-color-
|
|
281
|
-
@dt-color-
|
|
282
|
-
@dt-color-
|
|
283
|
-
@dt-color-
|
|
284
|
-
@dt-color-magenta-
|
|
285
|
-
@dt-color-magenta-
|
|
286
|
-
@dt-color-magenta-
|
|
287
|
-
@dt-color-magenta-
|
|
288
|
-
@dt-color-magenta-
|
|
289
|
-
@dt-color-
|
|
290
|
-
@dt-color-
|
|
291
|
-
@dt-color-
|
|
292
|
-
@dt-color-
|
|
293
|
-
@dt-color-
|
|
294
|
-
@dt-color-
|
|
295
|
-
@dt-color-
|
|
296
|
-
@dt-color-gold-
|
|
297
|
-
@dt-color-gold-
|
|
298
|
-
@dt-color-gold-
|
|
299
|
-
@dt-color-
|
|
300
|
-
@dt-color-
|
|
301
|
-
@dt-color-
|
|
302
|
-
@dt-color-
|
|
303
|
-
@dt-color-
|
|
304
|
-
@dt-color-
|
|
305
|
-
@dt-color-
|
|
306
|
-
@dt-color-
|
|
307
|
-
@dt-color-
|
|
308
|
-
@dt-color-green-
|
|
309
|
-
@dt-color-
|
|
310
|
-
@dt-color-
|
|
311
|
-
@dt-color-
|
|
312
|
-
@dt-color-
|
|
313
|
-
@dt-color-
|
|
314
|
-
@dt-color-
|
|
315
|
-
@dt-color-
|
|
316
|
-
@dt-color-
|
|
317
|
-
@dt-color-
|
|
318
|
-
@dt-color-
|
|
259
|
+
@dt-color-black-950: #F9F9F9;
|
|
260
|
+
@dt-color-black-1000: #ffffff;
|
|
261
|
+
@dt-color-purple-50: #0E002A;
|
|
262
|
+
@dt-color-purple-100: #1D0155;
|
|
263
|
+
@dt-color-purple-200: #3A1D95;
|
|
264
|
+
@dt-color-purple-250: #5023DD;
|
|
265
|
+
@dt-color-purple-300: #6538F1;
|
|
266
|
+
@dt-color-purple-350: #7C52FF;
|
|
267
|
+
@dt-color-purple-400: #9568FF;
|
|
268
|
+
@dt-color-purple-450: #AB7EFF;
|
|
269
|
+
@dt-color-purple-500: #C2A3FF;
|
|
270
|
+
@dt-color-purple-550: #DAC7FF;
|
|
271
|
+
@dt-color-purple-600: #F5F0FF;
|
|
272
|
+
@dt-color-purple-1000: #f9f6ff;
|
|
273
|
+
@dt-color-blue-50: #010B16;
|
|
274
|
+
@dt-color-blue-100: #001429;
|
|
275
|
+
@dt-color-blue-200: #003165;
|
|
276
|
+
@dt-color-blue-300: #1768C6;
|
|
277
|
+
@dt-color-blue-400: #2C83D5;
|
|
278
|
+
@dt-color-blue-425: #3B96DF;
|
|
279
|
+
@dt-color-blue-450: #4AA9EA;
|
|
280
|
+
@dt-color-blue-475: #5FC4F9;
|
|
281
|
+
@dt-color-blue-500: #98DCFF;
|
|
282
|
+
@dt-color-blue-600: #BDE8FF;
|
|
283
|
+
@dt-color-blue-900: #EAF2FA;
|
|
284
|
+
@dt-color-blue-1000: #f5f9fd;
|
|
285
|
+
@dt-color-magenta-50: #190713;
|
|
286
|
+
@dt-color-magenta-100: #330F27;
|
|
287
|
+
@dt-color-magenta-200: #662251;
|
|
288
|
+
@dt-color-magenta-250: #9A006A;
|
|
289
|
+
@dt-color-magenta-300: #BF0A80;
|
|
290
|
+
@dt-color-magenta-400: #D9118E;
|
|
291
|
+
@dt-color-magenta-425: #FF1BA4;
|
|
292
|
+
@dt-color-magenta-475: #FC5EA0;
|
|
293
|
+
@dt-color-magenta-500: #FE87B7;
|
|
294
|
+
@dt-color-magenta-600: #FFB1CF;
|
|
295
|
+
@dt-color-magenta-900: #FFE0F2;
|
|
296
|
+
@dt-color-magenta-1000: #FFEEF8;
|
|
297
|
+
@dt-color-gold-50: #201301;
|
|
298
|
+
@dt-color-gold-100: #2C1B02;
|
|
299
|
+
@dt-color-gold-200: #533204;
|
|
300
|
+
@dt-color-gold-300: #815008;
|
|
301
|
+
@dt-color-gold-350: #D57F00;
|
|
302
|
+
@dt-color-gold-400: #EA8F07;
|
|
303
|
+
@dt-color-gold-450: #FF9E0E;
|
|
304
|
+
@dt-color-gold-500: #FFBD48;
|
|
305
|
+
@dt-color-gold-600: #FFDB80;
|
|
306
|
+
@dt-color-gold-700: #FFE89C;
|
|
307
|
+
@dt-color-gold-900: #FFF4CC;
|
|
308
|
+
@dt-color-gold-1000: #fffae5;
|
|
309
|
+
@dt-color-green-50: #00150D;
|
|
310
|
+
@dt-color-green-100: #012717;
|
|
311
|
+
@dt-color-green-200: #004F2E;
|
|
312
|
+
@dt-color-green-300: #008E52;
|
|
313
|
+
@dt-color-green-350: #31B237;
|
|
314
|
+
@dt-color-green-400: #52C926;
|
|
315
|
+
@dt-color-green-425: #84EE0B;
|
|
316
|
+
@dt-color-green-475: #AEFB3C;
|
|
317
|
+
@dt-color-green-500: #D1FF76;
|
|
318
|
+
@dt-color-green-600: #DBFFA9;
|
|
319
|
+
@dt-color-green-900: #EDF9EB;
|
|
320
|
+
@dt-color-green-1000: #f6fcf5;
|
|
321
|
+
@dt-color-red-50: #1C0108;
|
|
322
|
+
@dt-color-red-100: #380010;
|
|
323
|
+
@dt-color-red-200: #640823;
|
|
324
|
+
@dt-color-red-300: #93173A;
|
|
325
|
+
@dt-color-red-350: #AF0032;
|
|
326
|
+
@dt-color-red-400: #D90A45;
|
|
327
|
+
@dt-color-red-450: #FF1356;
|
|
328
|
+
@dt-color-red-500: #FF415B;
|
|
329
|
+
@dt-color-red-600: #FF716F;
|
|
330
|
+
@dt-color-red-700: #FFABA4;
|
|
331
|
+
@dt-color-red-900: #FFE5E6;
|
|
332
|
+
@dt-color-red-1000: #FFF2F3;
|
|
319
333
|
@dt-color-tan-100: #121212;
|
|
320
334
|
@dt-color-tan-200: #3F3D3C;
|
|
321
335
|
@dt-color-tan-300: #87807B;
|
|
@@ -325,6 +339,7 @@
|
|
|
325
339
|
@dt-color-brand-purple: #7C52FF;
|
|
326
340
|
@dt-color-brand-magenta: #FF1BA4;
|
|
327
341
|
@dt-color-brand-gold: #FF9E0E;
|
|
342
|
+
@dt-color-brand-red: #ff1356;
|
|
328
343
|
@dt-opacity-0: 0;
|
|
329
344
|
@dt-opacity-100: .05;
|
|
330
345
|
@dt-opacity-200: .1;
|
|
@@ -509,13 +524,13 @@
|
|
|
509
524
|
@dt-shadow-focus-1-offset-y: 0rem;
|
|
510
525
|
@dt-shadow-focus-2-blur: 0rem;
|
|
511
526
|
@dt-shadow-focus-2-spread: 0.3rem;
|
|
512
|
-
@dt-shadow-focus-2-color: #
|
|
527
|
+
@dt-shadow-focus-2-color: #1768C6;
|
|
513
528
|
@dt-shadow-focus-2-type: dropShadow;
|
|
514
529
|
@dt-shadow-focus-2-offset-x: 0rem;
|
|
515
530
|
@dt-shadow-focus-2-offset-y: 0rem;
|
|
516
531
|
@dt-shadow-focus-inset-blur: 0rem;
|
|
517
532
|
@dt-shadow-focus-inset-spread: 0.2rem;
|
|
518
|
-
@dt-shadow-focus-inset-color: #
|
|
533
|
+
@dt-shadow-focus-inset-color: #1768C6;
|
|
519
534
|
@dt-shadow-focus-inset-type: innerShadow;
|
|
520
535
|
@dt-shadow-focus-inset-offset-x: 0rem;
|
|
521
536
|
@dt-shadow-focus-inset-offset-y: 0rem;
|
|
@@ -246,6 +246,7 @@
|
|
|
246
246
|
@dt-color-neutral-white: #ffffff; // White color independent of any theme.
|
|
247
247
|
@dt-color-neutral-black: #000000; // Black color independent of any theme.
|
|
248
248
|
@dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
|
|
249
|
+
@dt-color-black-50: #ffffff;
|
|
249
250
|
@dt-color-black-100: #F9F9F9;
|
|
250
251
|
@dt-color-black-200: #E9E9E9;
|
|
251
252
|
@dt-color-black-300: #D2D2D2;
|
|
@@ -255,67 +256,80 @@
|
|
|
255
256
|
@dt-color-black-700: #3A3A3A;
|
|
256
257
|
@dt-color-black-800: #252525;
|
|
257
258
|
@dt-color-black-900: #1C1C1C;
|
|
259
|
+
@dt-color-black-950: #171717;
|
|
258
260
|
@dt-color-black-1000: #000000;
|
|
261
|
+
@dt-color-purple-50: #f9f6ff;
|
|
259
262
|
@dt-color-purple-100: #F5F0FF;
|
|
260
263
|
@dt-color-purple-200: #DAC7FF;
|
|
264
|
+
@dt-color-purple-250: #C2A3FF;
|
|
261
265
|
@dt-color-purple-300: #AB7EFF;
|
|
262
266
|
@dt-color-purple-350: #9568FF;
|
|
263
267
|
@dt-color-purple-400: #7C52FF;
|
|
264
|
-
@dt-color-purple-
|
|
265
|
-
@dt-color-purple-
|
|
266
|
-
@dt-color-purple-
|
|
268
|
+
@dt-color-purple-450: #6538F1;
|
|
269
|
+
@dt-color-purple-500: #5023DD;
|
|
270
|
+
@dt-color-purple-550: #3A1D95;
|
|
267
271
|
@dt-color-purple-600: #1D0155;
|
|
268
|
-
@dt-color-purple-1000: #
|
|
272
|
+
@dt-color-purple-1000: #0E002A;
|
|
273
|
+
@dt-color-blue-50: #f5f9fd;
|
|
269
274
|
@dt-color-blue-100: #EAF2FA;
|
|
270
|
-
@dt-color-blue-
|
|
271
|
-
@dt-color-blue-
|
|
272
|
-
@dt-color-blue-
|
|
273
|
-
@dt-color-blue-
|
|
274
|
-
@dt-color-blue-
|
|
275
|
-
@dt-color-blue-
|
|
276
|
-
@dt-color-blue-
|
|
277
|
-
@dt-color-blue-
|
|
278
|
-
@dt-color-blue-
|
|
275
|
+
@dt-color-blue-200: #BDE8FF;
|
|
276
|
+
@dt-color-blue-300: #98DCFF;
|
|
277
|
+
@dt-color-blue-400: #5FC4F9;
|
|
278
|
+
@dt-color-blue-425: #4AA9EA;
|
|
279
|
+
@dt-color-blue-450: #3B96DF;
|
|
280
|
+
@dt-color-blue-475: #2C83D5;
|
|
281
|
+
@dt-color-blue-500: #1768C6;
|
|
282
|
+
@dt-color-blue-600: #003165;
|
|
283
|
+
@dt-color-blue-900: #001429;
|
|
284
|
+
@dt-color-blue-1000: #010B16;
|
|
285
|
+
@dt-color-magenta-50: #FFEEF8;
|
|
279
286
|
@dt-color-magenta-100: #FFE0F2;
|
|
280
|
-
@dt-color-magenta-
|
|
281
|
-
@dt-color-magenta-
|
|
282
|
-
@dt-color-magenta-
|
|
283
|
-
@dt-color-magenta-
|
|
284
|
-
@dt-color-magenta-
|
|
285
|
-
@dt-color-magenta-
|
|
286
|
-
@dt-color-magenta-
|
|
287
|
-
@dt-color-magenta-
|
|
288
|
-
@dt-color-magenta-
|
|
287
|
+
@dt-color-magenta-200: #FFB1CF;
|
|
288
|
+
@dt-color-magenta-250: #FE87B7;
|
|
289
|
+
@dt-color-magenta-300: #FC5EA0;
|
|
290
|
+
@dt-color-magenta-400: #FF1BA4;
|
|
291
|
+
@dt-color-magenta-425: #D9118E;
|
|
292
|
+
@dt-color-magenta-475: #BF0A80;
|
|
293
|
+
@dt-color-magenta-500: #9A006A;
|
|
294
|
+
@dt-color-magenta-600: #662251;
|
|
295
|
+
@dt-color-magenta-900: #330F27;
|
|
296
|
+
@dt-color-magenta-1000: #190713;
|
|
297
|
+
@dt-color-gold-50: #fffae5;
|
|
289
298
|
@dt-color-gold-100: #FFF4CC;
|
|
290
|
-
@dt-color-gold-
|
|
291
|
-
@dt-color-gold-
|
|
292
|
-
@dt-color-gold-
|
|
293
|
-
@dt-color-gold-
|
|
294
|
-
@dt-color-gold-
|
|
295
|
-
@dt-color-gold-
|
|
296
|
-
@dt-color-gold-
|
|
297
|
-
@dt-color-gold-
|
|
298
|
-
@dt-color-gold-
|
|
299
|
+
@dt-color-gold-200: #FFE89C;
|
|
300
|
+
@dt-color-gold-300: #FFDB80;
|
|
301
|
+
@dt-color-gold-350: #FFBD48;
|
|
302
|
+
@dt-color-gold-400: #FF9E0E;
|
|
303
|
+
@dt-color-gold-450: #EA8F07;
|
|
304
|
+
@dt-color-gold-500: #D57F00;
|
|
305
|
+
@dt-color-gold-600: #815008;
|
|
306
|
+
@dt-color-gold-700: #533204;
|
|
307
|
+
@dt-color-gold-900: #2C1B02;
|
|
308
|
+
@dt-color-gold-1000: #201301;
|
|
309
|
+
@dt-color-green-50: #f6fcf5;
|
|
299
310
|
@dt-color-green-100: #EDF9EB;
|
|
300
|
-
@dt-color-green-
|
|
301
|
-
@dt-color-green-
|
|
302
|
-
@dt-color-green-
|
|
303
|
-
@dt-color-green-
|
|
304
|
-
@dt-color-green-
|
|
305
|
-
@dt-color-green-
|
|
306
|
-
@dt-color-green-
|
|
307
|
-
@dt-color-green-
|
|
308
|
-
@dt-color-green-
|
|
311
|
+
@dt-color-green-200: #DBFFA9;
|
|
312
|
+
@dt-color-green-300: #D1FF76;
|
|
313
|
+
@dt-color-green-350: #AEFB3C;
|
|
314
|
+
@dt-color-green-400: #84EE0B;
|
|
315
|
+
@dt-color-green-425: #52C926;
|
|
316
|
+
@dt-color-green-475: #2EA834;
|
|
317
|
+
@dt-color-green-500: #008E52;
|
|
318
|
+
@dt-color-green-600: #004F2E;
|
|
319
|
+
@dt-color-green-900: #012717;
|
|
320
|
+
@dt-color-green-1000: #00150D;
|
|
321
|
+
@dt-color-red-50: #FFF2F3;
|
|
309
322
|
@dt-color-red-100: #FFE5E6;
|
|
310
|
-
@dt-color-red-
|
|
311
|
-
@dt-color-red-
|
|
312
|
-
@dt-color-red-
|
|
313
|
-
@dt-color-red-
|
|
314
|
-
@dt-color-red-
|
|
315
|
-
@dt-color-red-
|
|
316
|
-
@dt-color-red-
|
|
317
|
-
@dt-color-red-
|
|
318
|
-
@dt-color-red-
|
|
323
|
+
@dt-color-red-200: #FFABA4;
|
|
324
|
+
@dt-color-red-300: #FF716F;
|
|
325
|
+
@dt-color-red-350: #FF415B;
|
|
326
|
+
@dt-color-red-400: #FF1356;
|
|
327
|
+
@dt-color-red-450: #D90A45;
|
|
328
|
+
@dt-color-red-500: #AF0032;
|
|
329
|
+
@dt-color-red-600: #93173A;
|
|
330
|
+
@dt-color-red-700: #640823;
|
|
331
|
+
@dt-color-red-900: #380010;
|
|
332
|
+
@dt-color-red-1000: #1C0108;
|
|
319
333
|
@dt-color-tan-100: #F2F0EE;
|
|
320
334
|
@dt-color-tan-200: #CEC8C4;
|
|
321
335
|
@dt-color-tan-300: #87807B;
|
|
@@ -325,6 +339,7 @@
|
|
|
325
339
|
@dt-color-brand-purple: #7C52FF;
|
|
326
340
|
@dt-color-brand-magenta: #FF1BA4;
|
|
327
341
|
@dt-color-brand-gold: #FF9E0E;
|
|
342
|
+
@dt-color-brand-red: #ff1356;
|
|
328
343
|
@dt-opacity-0: 0;
|
|
329
344
|
@dt-opacity-100: .05;
|
|
330
345
|
@dt-opacity-200: .1;
|
|
@@ -389,13 +404,13 @@
|
|
|
389
404
|
@dt-shadow-focus-1-offset-y: 0rem;
|
|
390
405
|
@dt-shadow-focus-2-blur: 0rem;
|
|
391
406
|
@dt-shadow-focus-2-spread: 0.3rem;
|
|
392
|
-
@dt-shadow-focus-2-color: #
|
|
407
|
+
@dt-shadow-focus-2-color: #98DCFF;
|
|
393
408
|
@dt-shadow-focus-2-type: dropShadow;
|
|
394
409
|
@dt-shadow-focus-2-offset-x: 0rem;
|
|
395
410
|
@dt-shadow-focus-2-offset-y: 0rem;
|
|
396
411
|
@dt-shadow-focus-inset-blur: 0rem;
|
|
397
412
|
@dt-shadow-focus-inset-spread: 0.2rem;
|
|
398
|
-
@dt-shadow-focus-inset-color: #
|
|
413
|
+
@dt-shadow-focus-inset-color: #98DCFF;
|
|
399
414
|
@dt-shadow-focus-inset-type: innerShadow;
|
|
400
415
|
@dt-shadow-focus-inset-offset-x: 0rem;
|
|
401
416
|
@dt-shadow-focus-inset-offset-y: 0rem;
|