@dialpad/dialtone-tokens 1.42.0 → 1.42.1
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-deca-dark.kt +4 -4
- package/dist/android/java/tokens-dp-dark.kt +4 -4
- package/dist/android/java/tokens-expressive-dark.kt +4 -4
- package/dist/android/java/tokens-expressive-sm-dark.kt +4 -4
- package/dist/android/java/tokens-tmo-dark.kt +4 -4
- package/dist/android/res/values/colors-deca-dark.xml +4 -4
- package/dist/android/res/values/colors-dp-dark.xml +4 -4
- package/dist/android/res/values/colors-expressive-dark.xml +4 -4
- package/dist/android/res/values/colors-expressive-sm-dark.xml +4 -4
- package/dist/android/res/values/colors-tmo-dark.xml +4 -4
- package/dist/css/tokens-deca-dark.css +24 -24
- package/dist/css/tokens-dp-dark.css +24 -24
- package/dist/css/tokens-expressive-dark.css +24 -24
- package/dist/css/tokens-expressive-sm-dark.css +24 -24
- package/dist/css/tokens-tmo-dark.css +24 -24
- package/dist/doc.json +38326 -38351
- package/dist/ios/tokens-deca-dark.swift +4 -4
- package/dist/ios/tokens-dp-dark.swift +4 -4
- package/dist/ios/tokens-expressive-dark.swift +4 -4
- package/dist/ios/tokens-expressive-sm-dark.swift +4 -4
- package/dist/ios/tokens-tmo-dark.swift +4 -4
- package/dist/less/tokens-deca-dark.less +4 -4
- package/dist/less/tokens-dp-dark.less +4 -4
- package/dist/less/tokens-expressive-dark.less +4 -4
- package/dist/less/tokens-expressive-sm-dark.less +4 -4
- package/dist/less/tokens-tmo-dark.less +4 -4
- package/dist/themes/dp-dark.cjs +1 -1
- package/dist/themes/dp-dark.js +1 -1
- package/dist/themes/dp-deca-dark.cjs +1 -1
- package/dist/themes/dp-deca-dark.js +1 -1
- package/dist/themes/expressive-dark.cjs +1 -1
- package/dist/themes/expressive-dark.js +1 -1
- package/dist/themes/expressive-sm-dark.cjs +1 -1
- package/dist/themes/expressive-sm-dark.js +1 -1
- package/dist/themes/tmo-dark.cjs +1 -1
- package/dist/themes/tmo-dark.js +1 -1
- package/dist/tokens-deca-dark.json +3 -3
- package/dist/tokens-dp-dark.json +3 -3
- package/dist/tokens-expressive-dark.json +3 -3
- package/dist/tokens-expressive-sm-dark.json +3 -3
- package/dist/tokens-tmo-dark.json +3 -3
- package/package.json +1 -1
|
@@ -271,15 +271,15 @@ public enum DialtoneTokensDecaDark {
|
|
|
271
271
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
272
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
273
|
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.
|
|
274
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
275
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
276
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
277
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
278
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
279
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
280
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
281
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
282
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
283
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
284
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
285
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -271,15 +271,15 @@ public enum DialtoneTokensDpDark {
|
|
|
271
271
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
272
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
273
|
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.
|
|
274
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
275
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
276
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
277
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
278
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
279
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
280
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
281
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
282
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
283
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
284
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
285
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -251,15 +251,15 @@ public enum DialtoneTokensExpressiveDark {
|
|
|
251
251
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
252
252
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
253
253
|
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.
|
|
254
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
255
255
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
256
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
256
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
257
257
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
258
258
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
259
259
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
260
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
260
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
261
261
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
262
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
262
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
263
263
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
264
264
|
public static let dtFontSize100 = CGFloat(10.00) * 1.6
|
|
265
265
|
public static let dtFontSize200 = CGFloat(10.00) * 2
|
|
@@ -251,15 +251,15 @@ public enum DialtoneTokensExpressiveSmDark {
|
|
|
251
251
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
252
252
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
253
253
|
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.
|
|
254
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
255
255
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
256
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
256
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
257
257
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
258
258
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
259
259
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
260
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
260
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
261
261
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
262
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
262
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
263
263
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
264
264
|
public static let dtFontSize100 = CGFloat(10.00) * 1.2
|
|
265
265
|
public static let dtFontSize200 = CGFloat(10.00) * 1.6
|
|
@@ -271,15 +271,15 @@ public enum DialtoneTokensTmoDark {
|
|
|
271
271
|
public static let dtColorSurfaceSuccessSubtleInverted = UIColor(red: 0.965, green: 0.988, blue: 0.961, alpha: 1)
|
|
272
272
|
public static let dtColorSurfaceSuccessSubtleOpaque = UIColor(red: 0.000, green: 0.082, blue: 0.051, alpha: 0.600)
|
|
273
273
|
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.
|
|
274
|
+
public static let dtColorSurfaceWarning = UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)
|
|
275
275
|
public static let dtColorSurfaceWarningInverted = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
276
|
-
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.
|
|
276
|
+
public static let dtColorSurfaceWarningOpaque = UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 0.549)
|
|
277
277
|
public static let dtColorSurfaceWarningOpaqueInverted = UIColor(red: 1.000, green: 0.910, blue: 0.612, alpha: 0.502)
|
|
278
278
|
public static let dtColorSurfaceWarningStrong = UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)
|
|
279
279
|
public static let dtColorSurfaceWarningStrongInverted = UIColor(red: 1.000, green: 0.741, blue: 0.282, alpha: 1)
|
|
280
|
-
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.
|
|
280
|
+
public static let dtColorSurfaceWarningSubtle = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 1)
|
|
281
281
|
public static let dtColorSurfaceWarningSubtleInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 1)
|
|
282
|
-
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.
|
|
282
|
+
public static let dtColorSurfaceWarningSubtleOpaque = UIColor(red: 0.173, green: 0.106, blue: 0.008, alpha: 0.702)
|
|
283
283
|
public static let dtColorSurfaceWarningSubtleOpaqueInverted = UIColor(red: 1.000, green: 0.980, blue: 0.898, alpha: 0.702)
|
|
284
284
|
public static let dtIconSize100 = CGFloat(10.00) * 0.8 * 1.5
|
|
285
285
|
public static let dtIconSize200 = CGFloat(10.00) * 0.8 * 1.75
|
|
@@ -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);
|
|
@@ -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);
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
@dt-color-surface-strong: #B0B0B0;
|
|
62
62
|
@dt-color-surface-contrast: #ffffff;
|
|
63
63
|
@dt-color-surface-critical: #380010; // Background surface color containing error, danger, or otherwise critical messaging or elements.
|
|
64
|
-
@dt-color-surface-warning: #
|
|
64
|
+
@dt-color-surface-warning: #533204;
|
|
65
65
|
@dt-color-surface-success: #012717; // Background surface color containing messaging or elements expressing a positive or successful state.
|
|
66
66
|
@dt-color-surface-info: #001429; // Background surface color containing messaging or elements communicated as generally informational.
|
|
67
67
|
@dt-color-surface-brand: #1D0155; // Background surface color containing messaging or elements communicated as generally informational.
|
|
68
68
|
@dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
|
|
69
|
-
@dt-color-surface-warning-subtle:
|
|
69
|
+
@dt-color-surface-warning-subtle: #2C1B02;
|
|
70
70
|
@dt-color-surface-success-subtle: hsl(155 95% 3.92%);
|
|
71
71
|
@dt-color-surface-info-subtle: hsl(211 100% 4.82%);
|
|
72
72
|
@dt-color-surface-brand-subtle: #10022C; // A softer version of the default informational surface.
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
@dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.74);
|
|
83
83
|
@dt-color-surface-contrast-opaque: hsl(0 0% 100% / 0.97);
|
|
84
84
|
@dt-color-surface-critical-opaque: hsl(343 72.9% 33.3% / 0.2);
|
|
85
|
-
@dt-color-surface-warning-opaque: hsl(
|
|
85
|
+
@dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
|
|
86
86
|
@dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
|
|
87
87
|
@dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
|
|
88
88
|
@dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
|
|
89
89
|
@dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
|
|
90
|
-
@dt-color-surface-warning-subtle-opaque: hsl(
|
|
90
|
+
@dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
|
|
91
91
|
@dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
|
|
92
92
|
@dt-color-surface-info-subtle-opaque: hsl(211 91.3% 4.51% / 0.7);
|
|
93
93
|
@dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
@dt-color-surface-strong: #B0B0B0;
|
|
62
62
|
@dt-color-surface-contrast: #ffffff;
|
|
63
63
|
@dt-color-surface-critical: #380010; // Background surface color containing error, danger, or otherwise critical messaging or elements.
|
|
64
|
-
@dt-color-surface-warning: #
|
|
64
|
+
@dt-color-surface-warning: #533204;
|
|
65
65
|
@dt-color-surface-success: #012717; // Background surface color containing messaging or elements expressing a positive or successful state.
|
|
66
66
|
@dt-color-surface-info: #001429; // Background surface color containing messaging or elements communicated as generally informational.
|
|
67
67
|
@dt-color-surface-brand: #1D0155; // Background surface color containing messaging or elements communicated as generally informational.
|
|
68
68
|
@dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
|
|
69
|
-
@dt-color-surface-warning-subtle:
|
|
69
|
+
@dt-color-surface-warning-subtle: #2C1B02;
|
|
70
70
|
@dt-color-surface-success-subtle: hsl(155 95% 3.92%);
|
|
71
71
|
@dt-color-surface-info-subtle: hsl(211 100% 4.82%);
|
|
72
72
|
@dt-color-surface-brand-subtle: #10022C; // A softer version of the default informational surface.
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
@dt-color-surface-strong-opaque: hsl(0 0% 90.2% / 0.74);
|
|
83
83
|
@dt-color-surface-contrast-opaque: hsl(0 0% 100% / 0.97);
|
|
84
84
|
@dt-color-surface-critical-opaque: hsl(343 72.9% 33.3% / 0.2);
|
|
85
|
-
@dt-color-surface-warning-opaque: hsl(
|
|
85
|
+
@dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
|
|
86
86
|
@dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
|
|
87
87
|
@dt-color-surface-info-opaque: hsl(211 100% 8.04% / 0.4);
|
|
88
88
|
@dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
|
|
89
89
|
@dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
|
|
90
|
-
@dt-color-surface-warning-subtle-opaque: hsl(
|
|
90
|
+
@dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
|
|
91
91
|
@dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
|
|
92
92
|
@dt-color-surface-info-subtle-opaque: hsl(211 91.3% 4.51% / 0.7);
|
|
93
93
|
@dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
|
|
@@ -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: #3D001F;
|
|
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: #2E0018;
|
|
@@ -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(329 100% 44.3% / 0.11);
|
|
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(329 100% 44.3% / 0.05);
|