@dialpad/dialtone 9.105.0-rebrand-2025-beta.1 → 9.105.0-rebrand-2025-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/css/dialtone-default-theme.css +14 -14
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/tokens/tokens-debug-dp.css +4 -4
  5. package/dist/css/tokens/tokens-deca-light.css +14 -14
  6. package/dist/css/tokens/tokens-dp-dark.css +3 -3
  7. package/dist/css/tokens/tokens-dp-light.css +14 -14
  8. package/dist/css/tokens/tokens-expressive-dark.css +3 -3
  9. package/dist/css/tokens/tokens-expressive-light.css +14 -14
  10. package/dist/css/tokens/tokens-expressive-sm-dark.css +3 -3
  11. package/dist/css/tokens/tokens-expressive-sm-light.css +14 -14
  12. package/dist/css/tokens/tokens-tmo-dark.css +3 -3
  13. package/dist/css/tokens/tokens-tmo-light.css +14 -14
  14. package/dist/css/tokens-docs.json +1 -1
  15. package/dist/tokens/css/tokens-debug-dp.css +4 -4
  16. package/dist/tokens/css/tokens-deca-light.css +14 -14
  17. package/dist/tokens/css/tokens-dp-dark.css +3 -3
  18. package/dist/tokens/css/tokens-dp-light.css +14 -14
  19. package/dist/tokens/css/tokens-expressive-dark.css +3 -3
  20. package/dist/tokens/css/tokens-expressive-light.css +14 -14
  21. package/dist/tokens/css/tokens-expressive-sm-dark.css +3 -3
  22. package/dist/tokens/css/tokens-expressive-sm-light.css +14 -14
  23. package/dist/tokens/css/tokens-tmo-dark.css +3 -3
  24. package/dist/tokens/css/tokens-tmo-light.css +14 -14
  25. package/dist/tokens/doc.json +25590 -25590
  26. package/dist/tokens/less/tokens-deca-light.less +6 -6
  27. package/dist/tokens/less/tokens-dp-dark.less +1 -1
  28. package/dist/tokens/less/tokens-dp-light.less +6 -6
  29. package/dist/tokens/less/tokens-expressive-dark.less +1 -1
  30. package/dist/tokens/less/tokens-expressive-light.less +6 -6
  31. package/dist/tokens/less/tokens-expressive-sm-dark.less +1 -1
  32. package/dist/tokens/less/tokens-expressive-sm-light.less +6 -6
  33. package/dist/tokens/less/tokens-tmo-dark.less +1 -1
  34. package/dist/tokens/less/tokens-tmo-light.less +6 -6
  35. package/dist/tokens/themes/debug.cjs +1 -1
  36. package/dist/tokens/themes/debug.js +1 -1
  37. package/dist/tokens/themes/dp-dark.cjs +1 -1
  38. package/dist/tokens/themes/dp-dark.js +1 -1
  39. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  40. package/dist/tokens/themes/dp-deca-light.js +1 -1
  41. package/dist/tokens/themes/dp-light.cjs +1 -1
  42. package/dist/tokens/themes/dp-light.js +1 -1
  43. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  44. package/dist/tokens/themes/expressive-dark.js +1 -1
  45. package/dist/tokens/themes/expressive-light.cjs +1 -1
  46. package/dist/tokens/themes/expressive-light.js +1 -1
  47. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  48. package/dist/tokens/themes/expressive-sm-dark.js +1 -1
  49. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  50. package/dist/tokens/themes/expressive-sm-light.js +1 -1
  51. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  52. package/dist/tokens/themes/tmo-dark.js +1 -1
  53. package/dist/tokens/themes/tmo-light.cjs +1 -1
  54. package/dist/tokens/themes/tmo-light.js +1 -1
  55. package/dist/tokens/tokens-deca-light.json +6 -6
  56. package/dist/tokens/tokens-dp-light.json +6 -6
  57. package/dist/tokens/tokens-expressive-light.json +6 -6
  58. package/dist/tokens/tokens-expressive-sm-light.json +6 -6
  59. package/dist/tokens/tokens-tmo-light.json +6 -6
  60. package/package.json +3 -3
package/dist/tokens/less/tokens-deca-light.less CHANGED
@@ -8,7 +8,7 @@
8
8
  @dt-color-foreground-muted: hsl(30 10% 3.92% / 0.55);
9
9
  @dt-color-foreground-placeholder: #87807B;
10
10
  @dt-color-foreground-disabled: #87807B;
11
- @dt-color-foreground-critical: #FF1356; // Expresses an error, danger, or otherwise critical state.
11
+ @dt-color-foreground-critical: #D90A45; // Expresses an error, danger, or otherwise critical state.
12
12
  @dt-color-foreground-critical-strong: #AF0032; // Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.
13
13
  @dt-color-foreground-success: #008E52; // Indicates a positive state.
14
14
  @dt-color-foreground-success-strong: #004F2E; // Indicates a strong positive state on surfaces that require a stronger contrast.
@@ -26,7 +26,7 @@
26
26
  @dt-color-foreground-warning-inverted: #FF9E0E; // Warning text that sits on high-contrast surfaces or backgrounds
27
27
  @dt-color-link-primary: #7C52FF;
28
28
  @dt-color-link-primary-hover: #5023DD;
29
- @dt-color-link-critical: #FF1356;
29
+ @dt-color-link-critical: #D90A45;
30
30
  @dt-color-link-critical-hover: #AF0032;
31
31
  @dt-color-link-success: #008E52; // positive
32
32
  @dt-color-link-success-hover: #004F2E;
@@ -128,7 +128,7 @@
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);
130
130
  @dt-color-border-bold: hsl(30 3.57% 11% / 0.5);
131
- @dt-color-border-critical: #FF1356;
131
+ @dt-color-border-critical: #D90A45;
132
132
  @dt-color-border-success: #2EA834;
133
133
  @dt-color-border-warning: #FF9E0E;
134
134
  @dt-color-border-brand: #7C52FF;
@@ -382,7 +382,7 @@
382
382
  @dt-inputs-color-border-default: hsl(30 3.57% 11% / 0.17);
383
383
  @dt-inputs-color-border-hover: hsl(30 3.57% 11% / 0.3);
384
384
  @dt-inputs-color-border-focus: #2C83D5;
385
- @dt-inputs-color-border-critical: #FF1356;
385
+ @dt-inputs-color-border-critical: #D90A45;
386
386
  @dt-inputs-color-border-success: #2EA834;
387
387
  @dt-inputs-color-border-warning: #FF9E0E;
388
388
  @dt-inputs-color-border-disabled: transparent;
@@ -393,7 +393,7 @@
393
393
  @dt-action-color-foreground-base-hover: #5023DD;
394
394
  @dt-action-color-foreground-base-active: #5023DD;
395
395
  @dt-action-color-foreground-base-primary-default: #ffffff;
396
- @dt-action-color-foreground-critical-default: #FF1356;
396
+ @dt-action-color-foreground-critical-default: #D90A45;
397
397
  @dt-action-color-foreground-critical-hover: #AF0032;
398
398
  @dt-action-color-foreground-critical-active: #AF0032;
399
399
  @dt-action-color-foreground-critical-primary-default: #ffffff;
@@ -440,7 +440,7 @@
440
440
  @dt-action-color-background-positive-primary-hover: #008E52;
441
441
  @dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
442
442
  @dt-action-color-border-base-outlined-default: #7C52FF;
443
- @dt-action-color-border-critical-outlined-default: #FF1356;
443
+ @dt-action-color-border-critical-outlined-default: #D90A45;
444
444
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.2);
445
445
  @dt-action-color-border-muted-outlined-default: hsl(30 3.57% 11% / 0.17);
446
446
  @dt-theme-color-base: #1D1C1B;
package/dist/tokens/less/tokens-dp-dark.less CHANGED
@@ -5,7 +5,7 @@
5
5
  @dt-color-foreground-primary: #E6E6E6; // Default text color throughout the UI.
6
6
  @dt-color-foreground-secondary: #c7c7c7; // Example uses include introduction paragraphs, labels, and descriptions paired with form elements.
7
7
  @dt-color-foreground-tertiary: #B0B0B0; // Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.
8
- @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
8
+ @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.65);
9
9
  @dt-color-foreground-placeholder: #B0B0B0;
10
10
  @dt-color-foreground-disabled: #B0B0B0;
11
11
  @dt-color-foreground-critical: #FF716F;
package/dist/tokens/less/tokens-dp-light.less CHANGED
@@ -8,7 +8,7 @@
8
8
  @dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
9
9
  @dt-color-foreground-placeholder: #808080; // Text color for placeholder text within form elements.
10
10
  @dt-color-foreground-disabled: #808080; // Used for text paired with disabled content or components, like the form elements.
11
- @dt-color-foreground-critical: #FF1356; // Expresses an error, danger, or otherwise critical state.
11
+ @dt-color-foreground-critical: #D90A45; // Expresses an error, danger, or otherwise critical state.
12
12
  @dt-color-foreground-critical-strong: #AF0032; // Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.
13
13
  @dt-color-foreground-success: #008E52; // Indicates a positive state.
14
14
  @dt-color-foreground-success-strong: #004F2E; // Indicates a strong positive state on surfaces that require a stronger contrast.
@@ -26,7 +26,7 @@
26
26
  @dt-color-foreground-warning-inverted: #FF9E0E; // Warning text that sits on high-contrast surfaces or backgrounds
27
27
  @dt-color-link-primary: #7C52FF;
28
28
  @dt-color-link-primary-hover: #5023DD;
29
- @dt-color-link-critical: #FF1356;
29
+ @dt-color-link-critical: #D90A45;
30
30
  @dt-color-link-critical-hover: #AF0032;
31
31
  @dt-color-link-success: #008E52; // positive
32
32
  @dt-color-link-success-hover: #004F2E;
@@ -128,7 +128,7 @@
128
128
  @dt-color-border-default: hsl(0 0% 11% / 0.17);
129
129
  @dt-color-border-moderate: hsl(0 0% 11% / 0.3);
130
130
  @dt-color-border-bold: hsl(0 0% 11% / 0.5);
131
- @dt-color-border-critical: #FF1356;
131
+ @dt-color-border-critical: #D90A45;
132
132
  @dt-color-border-success: #2EA834;
133
133
  @dt-color-border-warning: #FF9E0E;
134
134
  @dt-color-border-brand: #7C52FF;
@@ -382,7 +382,7 @@
382
382
  @dt-inputs-color-border-default: hsl(0 0% 11% / 0.17);
383
383
  @dt-inputs-color-border-hover: hsl(0 0% 11% / 0.3);
384
384
  @dt-inputs-color-border-focus: #2C83D5;
385
- @dt-inputs-color-border-critical: #FF1356;
385
+ @dt-inputs-color-border-critical: #D90A45;
386
386
  @dt-inputs-color-border-success: #2EA834;
387
387
  @dt-inputs-color-border-warning: #FF9E0E;
388
388
  @dt-inputs-color-border-disabled: transparent;
@@ -393,7 +393,7 @@
393
393
  @dt-action-color-foreground-base-hover: #5023DD;
394
394
  @dt-action-color-foreground-base-active: #5023DD;
395
395
  @dt-action-color-foreground-base-primary-default: #ffffff;
396
- @dt-action-color-foreground-critical-default: #FF1356;
396
+ @dt-action-color-foreground-critical-default: #D90A45;
397
397
  @dt-action-color-foreground-critical-hover: #AF0032;
398
398
  @dt-action-color-foreground-critical-active: #AF0032;
399
399
  @dt-action-color-foreground-critical-primary-default: #ffffff;
@@ -440,7 +440,7 @@
440
440
  @dt-action-color-background-positive-primary-hover: #008E52;
441
441
  @dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
442
442
  @dt-action-color-border-base-outlined-default: #7C52FF;
443
- @dt-action-color-border-critical-outlined-default: #FF1356;
443
+ @dt-action-color-border-critical-outlined-default: #D90A45;
444
444
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.2);
445
445
  @dt-action-color-border-muted-outlined-default: hsl(0 0% 11% / 0.17);
446
446
  @dt-theme-color-base: #1C1C1C;
package/dist/tokens/less/tokens-expressive-dark.less CHANGED
@@ -11,7 +11,7 @@
11
11
  @dt-color-foreground-primary: #E6E6E6; // Default text color throughout the UI.
12
12
  @dt-color-foreground-secondary: #c7c7c7; // Example uses include introduction paragraphs, labels, and descriptions paired with form elements.
13
13
  @dt-color-foreground-tertiary: #B0B0B0; // Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.
14
- @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
14
+ @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.65);
15
15
  @dt-color-foreground-placeholder: #B0B0B0;
16
16
  @dt-color-foreground-disabled: #B0B0B0;
17
17
  @dt-color-foreground-critical: #FF716F;
package/dist/tokens/less/tokens-expressive-light.less CHANGED
@@ -14,7 +14,7 @@
14
14
  @dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
15
15
  @dt-color-foreground-placeholder: #808080; // Text color for placeholder text within form elements.
16
16
  @dt-color-foreground-disabled: #808080; // Used for text paired with disabled content or components, like the form elements.
17
- @dt-color-foreground-critical: #FF1356; // Expresses an error, danger, or otherwise critical state.
17
+ @dt-color-foreground-critical: #D90A45; // Expresses an error, danger, or otherwise critical state.
18
18
  @dt-color-foreground-critical-strong: #AF0032; // Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.
19
19
  @dt-color-foreground-success: #008E52; // Indicates a positive state.
20
20
  @dt-color-foreground-success-strong: #004F2E; // Indicates a strong positive state on surfaces that require a stronger contrast.
@@ -32,7 +32,7 @@
32
32
  @dt-color-foreground-warning-inverted: #FF9E0E; // Warning text that sits on high-contrast surfaces or backgrounds
33
33
  @dt-color-link-primary: #7C52FF;
34
34
  @dt-color-link-primary-hover: #5023DD;
35
- @dt-color-link-critical: #FF1356;
35
+ @dt-color-link-critical: #D90A45;
36
36
  @dt-color-link-critical-hover: #AF0032;
37
37
  @dt-color-link-success: #008E52; // positive
38
38
  @dt-color-link-success-hover: #004F2E;
@@ -134,7 +134,7 @@
134
134
  @dt-color-border-default: hsl(0 0% 11% / 0.17);
135
135
  @dt-color-border-moderate: hsl(0 0% 11% / 0.3);
136
136
  @dt-color-border-bold: hsl(0 0% 11% / 0.5);
137
- @dt-color-border-critical: #FF1356;
137
+ @dt-color-border-critical: #D90A45;
138
138
  @dt-color-border-success: #2EA834;
139
139
  @dt-color-border-warning: #FF9E0E;
140
140
  @dt-color-border-brand: #7C52FF;
@@ -368,7 +368,7 @@
368
368
  @dt-inputs-color-border-default: hsl(0 0% 11% / 0.17);
369
369
  @dt-inputs-color-border-hover: hsl(0 0% 11% / 0.3);
370
370
  @dt-inputs-color-border-focus: #2C83D5;
371
- @dt-inputs-color-border-critical: #FF1356;
371
+ @dt-inputs-color-border-critical: #D90A45;
372
372
  @dt-inputs-color-border-success: #2EA834;
373
373
  @dt-inputs-color-border-warning: #FF9E0E;
374
374
  @dt-inputs-color-border-disabled: transparent;
@@ -379,7 +379,7 @@
379
379
  @dt-action-color-foreground-base-hover: #5023DD;
380
380
  @dt-action-color-foreground-base-active: #5023DD;
381
381
  @dt-action-color-foreground-base-primary-default: #ffffff;
382
- @dt-action-color-foreground-critical-default: #FF1356;
382
+ @dt-action-color-foreground-critical-default: #D90A45;
383
383
  @dt-action-color-foreground-critical-hover: #AF0032;
384
384
  @dt-action-color-foreground-critical-active: #AF0032;
385
385
  @dt-action-color-foreground-critical-primary-default: #ffffff;
@@ -426,7 +426,7 @@
426
426
  @dt-action-color-background-positive-primary-hover: #008E52;
427
427
  @dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
428
428
  @dt-action-color-border-base-outlined-default: #7C52FF;
429
- @dt-action-color-border-critical-outlined-default: #FF1356;
429
+ @dt-action-color-border-critical-outlined-default: #D90A45;
430
430
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.2);
431
431
  @dt-action-color-border-muted-outlined-default: hsl(0 0% 11% / 0.17);
432
432
  @dt-theme-color-base: #1C1C1C;
package/dist/tokens/less/tokens-expressive-sm-dark.less CHANGED
@@ -11,7 +11,7 @@
11
11
  @dt-color-foreground-primary: #E6E6E6; // Default text color throughout the UI.
12
12
  @dt-color-foreground-secondary: #c7c7c7; // Example uses include introduction paragraphs, labels, and descriptions paired with form elements.
13
13
  @dt-color-foreground-tertiary: #B0B0B0; // Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.
14
- @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
14
+ @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.65);
15
15
  @dt-color-foreground-placeholder: #B0B0B0;
16
16
  @dt-color-foreground-disabled: #B0B0B0;
17
17
  @dt-color-foreground-critical: #FF716F;
package/dist/tokens/less/tokens-expressive-sm-light.less CHANGED
@@ -14,7 +14,7 @@
14
14
  @dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
15
15
  @dt-color-foreground-placeholder: #808080; // Text color for placeholder text within form elements.
16
16
  @dt-color-foreground-disabled: #808080; // Used for text paired with disabled content or components, like the form elements.
17
- @dt-color-foreground-critical: #FF1356; // Expresses an error, danger, or otherwise critical state.
17
+ @dt-color-foreground-critical: #D90A45; // Expresses an error, danger, or otherwise critical state.
18
18
  @dt-color-foreground-critical-strong: #AF0032; // Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.
19
19
  @dt-color-foreground-success: #008E52; // Indicates a positive state.
20
20
  @dt-color-foreground-success-strong: #004F2E; // Indicates a strong positive state on surfaces that require a stronger contrast.
@@ -32,7 +32,7 @@
32
32
  @dt-color-foreground-warning-inverted: #FF9E0E; // Warning text that sits on high-contrast surfaces or backgrounds
33
33
  @dt-color-link-primary: #7C52FF;
34
34
  @dt-color-link-primary-hover: #5023DD;
35
- @dt-color-link-critical: #FF1356;
35
+ @dt-color-link-critical: #D90A45;
36
36
  @dt-color-link-critical-hover: #AF0032;
37
37
  @dt-color-link-success: #008E52; // positive
38
38
  @dt-color-link-success-hover: #004F2E;
@@ -134,7 +134,7 @@
134
134
  @dt-color-border-default: hsl(0 0% 11% / 0.17);
135
135
  @dt-color-border-moderate: hsl(0 0% 11% / 0.3);
136
136
  @dt-color-border-bold: hsl(0 0% 11% / 0.5);
137
- @dt-color-border-critical: #FF1356;
137
+ @dt-color-border-critical: #D90A45;
138
138
  @dt-color-border-success: #2EA834;
139
139
  @dt-color-border-warning: #FF9E0E;
140
140
  @dt-color-border-brand: #7C52FF;
@@ -368,7 +368,7 @@
368
368
  @dt-inputs-color-border-default: hsl(0 0% 11% / 0.17);
369
369
  @dt-inputs-color-border-hover: hsl(0 0% 11% / 0.3);
370
370
  @dt-inputs-color-border-focus: #2C83D5;
371
- @dt-inputs-color-border-critical: #FF1356;
371
+ @dt-inputs-color-border-critical: #D90A45;
372
372
  @dt-inputs-color-border-success: #2EA834;
373
373
  @dt-inputs-color-border-warning: #FF9E0E;
374
374
  @dt-inputs-color-border-disabled: transparent;
@@ -379,7 +379,7 @@
379
379
  @dt-action-color-foreground-base-hover: #5023DD;
380
380
  @dt-action-color-foreground-base-active: #5023DD;
381
381
  @dt-action-color-foreground-base-primary-default: #ffffff;
382
- @dt-action-color-foreground-critical-default: #FF1356;
382
+ @dt-action-color-foreground-critical-default: #D90A45;
383
383
  @dt-action-color-foreground-critical-hover: #AF0032;
384
384
  @dt-action-color-foreground-critical-active: #AF0032;
385
385
  @dt-action-color-foreground-critical-primary-default: #ffffff;
@@ -426,7 +426,7 @@
426
426
  @dt-action-color-background-positive-primary-hover: #008E52;
427
427
  @dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
428
428
  @dt-action-color-border-base-outlined-default: #7C52FF;
429
- @dt-action-color-border-critical-outlined-default: #FF1356;
429
+ @dt-action-color-border-critical-outlined-default: #D90A45;
430
430
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.2);
431
431
  @dt-action-color-border-muted-outlined-default: hsl(0 0% 11% / 0.17);
432
432
  @dt-theme-color-base: #1C1C1C;
package/dist/tokens/less/tokens-tmo-dark.less CHANGED
@@ -5,7 +5,7 @@
5
5
  @dt-color-foreground-primary: #E6E6E6; // Default text color throughout the UI.
6
6
  @dt-color-foreground-secondary: #c7c7c7; // Example uses include introduction paragraphs, labels, and descriptions paired with form elements.
7
7
  @dt-color-foreground-tertiary: #B0B0B0; // Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.
8
- @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
8
+ @dt-color-foreground-muted: hsl(0 0% 83.1% / 0.65);
9
9
  @dt-color-foreground-placeholder: #B0B0B0;
10
10
  @dt-color-foreground-disabled: #B0B0B0;
11
11
  @dt-color-foreground-critical: #FF716F;
package/dist/tokens/less/tokens-tmo-light.less CHANGED
@@ -8,7 +8,7 @@
8
8
  @dt-color-foreground-muted: hsl(0 0% 0% / 0.5);
9
9
  @dt-color-foreground-placeholder: #808080; // Text color for placeholder text within form elements.
10
10
  @dt-color-foreground-disabled: #808080; // Used for text paired with disabled content or components, like the form elements.
11
- @dt-color-foreground-critical: #FF1356; // Expresses an error, danger, or otherwise critical state.
11
+ @dt-color-foreground-critical: #D90A45; // Expresses an error, danger, or otherwise critical state.
12
12
  @dt-color-foreground-critical-strong: #AF0032; // Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.
13
13
  @dt-color-foreground-success: #008E52; // Indicates a positive state.
14
14
  @dt-color-foreground-success-strong: #004F2E; // Indicates a strong positive state on surfaces that require a stronger contrast.
@@ -26,7 +26,7 @@
26
26
  @dt-color-foreground-warning-inverted: #FF9E0E; // Warning text that sits on high-contrast surfaces or backgrounds
27
27
  @dt-color-link-primary: #7C52FF;
28
28
  @dt-color-link-primary-hover: #5023DD;
29
- @dt-color-link-critical: #FF1356;
29
+ @dt-color-link-critical: #D90A45;
30
30
  @dt-color-link-critical-hover: #AF0032;
31
31
  @dt-color-link-success: #008E52; // positive
32
32
  @dt-color-link-success-hover: #004F2E;
@@ -128,7 +128,7 @@
128
128
  @dt-color-border-default: hsl(0 0% 11% / 0.17);
129
129
  @dt-color-border-moderate: hsl(0 0% 11% / 0.3);
130
130
  @dt-color-border-bold: hsl(0 0% 11% / 0.5);
131
- @dt-color-border-critical: #FF1356;
131
+ @dt-color-border-critical: #D90A45;
132
132
  @dt-color-border-success: #2EA834;
133
133
  @dt-color-border-warning: #FF9E0E;
134
134
  @dt-color-border-brand: #7C52FF;
@@ -382,7 +382,7 @@
382
382
  @dt-inputs-color-border-default: hsl(0 0% 11% / 0.17);
383
383
  @dt-inputs-color-border-hover: hsl(0 0% 11% / 0.3);
384
384
  @dt-inputs-color-border-focus: #2C83D5;
385
- @dt-inputs-color-border-critical: #FF1356;
385
+ @dt-inputs-color-border-critical: #D90A45;
386
386
  @dt-inputs-color-border-success: #2EA834;
387
387
  @dt-inputs-color-border-warning: #FF9E0E;
388
388
  @dt-inputs-color-border-disabled: transparent;
@@ -393,7 +393,7 @@
393
393
  @dt-action-color-foreground-base-hover: #5023DD;
394
394
  @dt-action-color-foreground-base-active: #5023DD;
395
395
  @dt-action-color-foreground-base-primary-default: #ffffff;
396
- @dt-action-color-foreground-critical-default: #FF1356;
396
+ @dt-action-color-foreground-critical-default: #D90A45;
397
397
  @dt-action-color-foreground-critical-hover: #AF0032;
398
398
  @dt-action-color-foreground-critical-active: #AF0032;
399
399
  @dt-action-color-foreground-critical-primary-default: #ffffff;
@@ -440,7 +440,7 @@
440
440
  @dt-action-color-background-positive-primary-hover: #008E52;
441
441
  @dt-action-color-background-positive-primary-active: hsl(155 100% 24.8%);
442
442
  @dt-action-color-border-base-outlined-default: #7C52FF;
443
- @dt-action-color-border-critical-outlined-default: #FF1356;
443
+ @dt-action-color-border-critical-outlined-default: #D90A45;
444
444
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 100% / 0.2);
445
445
  @dt-action-color-border-muted-outlined-default: hsl(0 0% 11% / 0.17);
446
446
  @dt-theme-color-base: #E20074;