@sage/design-tokens 18.2.0 → 18.3.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.
Files changed (19) hide show
  1. package/README.md +1 -1
  2. package/css/components/container.css +2 -1
  3. package/css/light-all.css +3 -2
  4. package/css/light.css +1 -1
  5. package/js/common/components/container.d.ts +2 -1
  6. package/js/common/components/container.js +2 -1
  7. package/js/common/light.js +1 -1
  8. package/js/es6/components/container.d.ts +3 -2
  9. package/js/es6/components/container.js +2 -1
  10. package/js/es6/light.js +1 -1
  11. package/json/components/container.json +2 -1
  12. package/json/light.json +1 -1
  13. package/package.json +1 -1
  14. package/scss/components/button.scss +3 -3
  15. package/scss/components/container.scss +2 -1
  16. package/scss/components/link.scss +1 -1
  17. package/scss/components/message.scss +2 -2
  18. package/scss/components/pill.scss +2 -2
  19. package/scss/light.scss +1 -1
package/README.md CHANGED
@@ -166,7 +166,7 @@ It is possible to export design tokens to any format or language. If you need to
166
166
 
167
167
  ## Contributing
168
168
 
169
- If you would like to help contribute to this library, please read our [contributing documentation](./docs/CONTRIBUTING.md),
169
+ If you would like to help contribute to this library, please read our [contributing documentation](./CONTRIBUTING.md),
170
170
 
171
171
  ## Licence
172
172
 
package/css/components/container.css CHANGED
@@ -43,7 +43,6 @@
43
43
  --container-standard-border-alt: var(--mode-color-generic-fg-firm);
44
44
  --container-standard-border-default: var(--mode-color-generic-fg-soft);
45
45
  --container-standard-dimmer: var(--mode-color-action-inactive-mask);
46
- --container-standard-icon: var(--mode-color-generic-fg-firm);
47
46
  --container-standard-inverse-bg-alt: var(--mode-color-generic-bg-inverse-delicate);
48
47
  --container-standard-inverse-border-alt: var(--mode-color-generic-fg-inverse-firm);
49
48
  --container-standard-inverse-bg-default: var(--mode-color-generic-bg-inverse-nought);
@@ -73,8 +72,10 @@
73
72
  --container-standard-border-ai-v: var(--mode-color-status-ai-inverse-default-vertical);
74
73
  --container-standard-txt-alt: var(--mode-color-generic-txt-moderate);
75
74
  --container-standard-txt-default: var(--mode-color-generic-txt-severe);
75
+ --container-standard-icon: var(--mode-color-generic-txt-severe);
76
76
  --container-standard-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);
77
77
  --container-standard-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);
78
+ --container-standard-inverse-icon: var(--mode-color-generic-txt-inverse-severe);
78
79
  --container-standard-priority-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
79
80
  --container-standard-priority-inverse-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
80
81
  --container-action-txt-disabled: var(--mode-color-action-inactive-txt);
package/css/light-all.css CHANGED
@@ -319,7 +319,7 @@
319
319
  --mode-color-action-grayscale-with-hover: #000000;
320
320
  --mode-color-action-grayscale-inverse-active: #FFFFFF;
321
321
  --mode-color-action-grayscale-inverse-active-alt: #ffffff26;
322
- --mode-color-action-grayscale-inverse-default: #ffffffe6;
322
+ --mode-color-action-grayscale-inverse-default: #ffffffeb;
323
323
  --mode-color-action-grayscale-inverse-default-alt: #ffffffab;
324
324
  --mode-color-action-grayscale-inverse-hover-alt: #ffffff1a;
325
325
  --mode-color-action-grayscale-inverse-hover: #ffffff26;
@@ -1094,7 +1094,6 @@
1094
1094
  --container-standard-border-alt: var(--mode-color-generic-fg-firm);
1095
1095
  --container-standard-border-default: var(--mode-color-generic-fg-soft);
1096
1096
  --container-standard-dimmer: var(--mode-color-action-inactive-mask);
1097
- --container-standard-icon: var(--mode-color-generic-fg-firm);
1098
1097
  --container-standard-inverse-bg-alt: var(--mode-color-generic-bg-inverse-delicate);
1099
1098
  --container-standard-inverse-border-alt: var(--mode-color-generic-fg-inverse-firm);
1100
1099
  --container-standard-inverse-bg-default: var(--mode-color-generic-bg-inverse-nought);
@@ -1124,8 +1123,10 @@
1124
1123
  --container-standard-border-ai-v: var(--mode-color-status-ai-inverse-default-vertical);
1125
1124
  --container-standard-txt-alt: var(--mode-color-generic-txt-moderate);
1126
1125
  --container-standard-txt-default: var(--mode-color-generic-txt-severe);
1126
+ --container-standard-icon: var(--mode-color-generic-txt-severe);
1127
1127
  --container-standard-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);
1128
1128
  --container-standard-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);
1129
+ --container-standard-inverse-icon: var(--mode-color-generic-txt-inverse-severe);
1129
1130
  --container-standard-priority-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
1130
1131
  --container-standard-priority-inverse-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
1131
1132
  --container-action-txt-disabled: var(--mode-color-action-inactive-txt);
package/css/light.css CHANGED
@@ -170,7 +170,7 @@
170
170
  --mode-color-action-grayscale-with-hover: #000000;
171
171
  --mode-color-action-grayscale-inverse-active: #FFFFFF;
172
172
  --mode-color-action-grayscale-inverse-active-alt: #ffffff26;
173
- --mode-color-action-grayscale-inverse-default: #ffffffe6;
173
+ --mode-color-action-grayscale-inverse-default: #ffffffeb;
174
174
  --mode-color-action-grayscale-inverse-default-alt: #ffffffab;
175
175
  --mode-color-action-grayscale-inverse-hover-alt: #ffffff1a;
176
176
  --mode-color-action-grayscale-inverse-hover: #ffffff26;
package/js/common/components/container.d.ts CHANGED
@@ -69,9 +69,9 @@ declare const tokens: {
69
69
  "border-alt": DesignToken;
70
70
  "border-default": DesignToken;
71
71
  dimmer: DesignToken;
72
- icon: DesignToken;
73
72
  "txt-alt": DesignToken;
74
73
  "txt-default": DesignToken;
74
+ icon: DesignToken;
75
75
  inverse: {
76
76
  "bg-alt": DesignToken;
77
77
  "border-alt": DesignToken;
@@ -79,6 +79,7 @@ declare const tokens: {
79
79
  "border-default": DesignToken;
80
80
  "txt-alt": DesignToken;
81
81
  "txt-default": DesignToken;
82
+ icon: DesignToken;
82
83
  };
83
84
  priority: {
84
85
  "bg-ai": DesignToken;
package/js/common/components/container.js CHANGED
@@ -40,15 +40,16 @@ module.exports.containerStandardBorderAiV = "var(--mode-color-status-ai-inverse-
40
40
  module.exports.containerStandardBorderAlt = "var(--mode-color-generic-fg-firm)";
41
41
  module.exports.containerStandardBorderDefault = "var(--mode-color-generic-fg-soft)";
42
42
  module.exports.containerStandardDimmer = "var(--mode-color-action-inactive-mask)";
43
- module.exports.containerStandardIcon = "var(--mode-color-generic-fg-firm)";
44
43
  module.exports.containerStandardTxtAlt = "var(--mode-color-generic-txt-moderate)";
45
44
  module.exports.containerStandardTxtDefault = "var(--mode-color-generic-txt-severe)";
45
+ module.exports.containerStandardIcon = "var(--mode-color-generic-txt-severe)";
46
46
  module.exports.containerStandardInverseBgAlt = "var(--mode-color-generic-bg-inverse-delicate)";
47
47
  module.exports.containerStandardInverseBorderAlt = "var(--mode-color-generic-fg-inverse-firm)";
48
48
  module.exports.containerStandardInverseBgDefault = "var(--mode-color-generic-bg-inverse-nought)";
49
49
  module.exports.containerStandardInverseBorderDefault = "var(--mode-color-generic-fg-inverse-soft)";
50
50
  module.exports.containerStandardInverseTxtAlt = "var(--mode-color-generic-txt-inverse-moderate)";
51
51
  module.exports.containerStandardInverseTxtDefault = "var(--mode-color-generic-txt-inverse-severe)";
52
+ module.exports.containerStandardInverseIcon = "var(--mode-color-generic-txt-inverse-severe)";
52
53
  module.exports.containerStandardPriorityBgAi = "var(--mode-color-status-ai-inverse-default-vertical)";
53
54
  module.exports.containerStandardPriorityBgCaution = "var(--mode-color-status-warning-default)";
54
55
  module.exports.containerStandardPriorityBgNegative = "var(--mode-color-status-negative-default)";
package/js/common/light.js CHANGED
@@ -165,7 +165,7 @@ module.exports.modeColorActionGrayscaleWithDefault = "#FFFFFF";
165
165
  module.exports.modeColorActionGrayscaleWithHover = "#000000";
166
166
  module.exports.modeColorActionGrayscaleInverseActive = "#FFFFFF";
167
167
  module.exports.modeColorActionGrayscaleInverseActiveAlt = "#ffffff26";
168
- module.exports.modeColorActionGrayscaleInverseDefault = "#ffffffe6";
168
+ module.exports.modeColorActionGrayscaleInverseDefault = "#ffffffeb";
169
169
  module.exports.modeColorActionGrayscaleInverseDefaultAlt = "#ffffffab";
170
170
  module.exports.modeColorActionGrayscaleInverseHoverAlt = "#ffffff1a";
171
171
  module.exports.modeColorActionGrayscaleInverseHover = "#ffffff26";
package/js/es6/components/container.d.ts CHANGED
@@ -63,12 +63,12 @@ export const containerStandardBorderAlt: string;
63
63
  export const containerStandardBorderDefault: string;
64
64
  /** dimmed mask for dialogs */
65
65
  export const containerStandardDimmer: string;
66
- /** Link preview image thumbnail */
67
- export const containerStandardIcon: string;
68
66
  /** for subheadings etc */
69
67
  export const containerStandardTxtAlt: string;
70
68
  /** for headings, paragraph txt etc */
71
69
  export const containerStandardTxtDefault: string;
70
+ /** Link preview image thumbnail */
71
+ export const containerStandardIcon: string;
72
72
  export const containerStandardInverseBgAlt: string;
73
73
  export const containerStandardInverseBorderAlt: string;
74
74
  export const containerStandardInverseBgDefault: string;
@@ -77,6 +77,7 @@ export const containerStandardInverseBorderDefault: string;
77
77
  export const containerStandardInverseTxtAlt: string;
78
78
  /** for headings, paragraph txt etc */
79
79
  export const containerStandardInverseTxtDefault: string;
80
+ export const containerStandardInverseIcon: string;
80
81
  export const containerStandardPriorityBgAi: string;
81
82
  export const containerStandardPriorityBgCaution: string;
82
83
  export const containerStandardPriorityBgNegative: string;
package/js/es6/components/container.js CHANGED
@@ -40,15 +40,16 @@ export const containerStandardBorderAiV = "var(--mode-color-status-ai-inverse-de
40
40
  export const containerStandardBorderAlt = "var(--mode-color-generic-fg-firm)";
41
41
  export const containerStandardBorderDefault = "var(--mode-color-generic-fg-soft)";
42
42
  export const containerStandardDimmer = "var(--mode-color-action-inactive-mask)";
43
- export const containerStandardIcon = "var(--mode-color-generic-fg-firm)";
44
43
  export const containerStandardTxtAlt = "var(--mode-color-generic-txt-moderate)";
45
44
  export const containerStandardTxtDefault = "var(--mode-color-generic-txt-severe)";
45
+ export const containerStandardIcon = "var(--mode-color-generic-txt-severe)";
46
46
  export const containerStandardInverseBgAlt = "var(--mode-color-generic-bg-inverse-delicate)";
47
47
  export const containerStandardInverseBorderAlt = "var(--mode-color-generic-fg-inverse-firm)";
48
48
  export const containerStandardInverseBgDefault = "var(--mode-color-generic-bg-inverse-nought)";
49
49
  export const containerStandardInverseBorderDefault = "var(--mode-color-generic-fg-inverse-soft)";
50
50
  export const containerStandardInverseTxtAlt = "var(--mode-color-generic-txt-inverse-moderate)";
51
51
  export const containerStandardInverseTxtDefault = "var(--mode-color-generic-txt-inverse-severe)";
52
+ export const containerStandardInverseIcon = "var(--mode-color-generic-txt-inverse-severe)";
52
53
  export const containerStandardPriorityBgAi = "var(--mode-color-status-ai-inverse-default-vertical)";
53
54
  export const containerStandardPriorityBgCaution = "var(--mode-color-status-warning-default)";
54
55
  export const containerStandardPriorityBgNegative = "var(--mode-color-status-negative-default)";
package/js/es6/light.js CHANGED
@@ -172,7 +172,7 @@ export const modeColorActionGrayscaleWithDefault = "#FFFFFF";
172
172
  export const modeColorActionGrayscaleWithHover = "#000000";
173
173
  export const modeColorActionGrayscaleInverseActive = "#FFFFFF";
174
174
  export const modeColorActionGrayscaleInverseActiveAlt = "#ffffff26";
175
- export const modeColorActionGrayscaleInverseDefault = "#ffffffe6";
175
+ export const modeColorActionGrayscaleInverseDefault = "#ffffffeb";
176
176
  export const modeColorActionGrayscaleInverseDefaultAlt = "#ffffffab"; // subtle and toggle button txt
177
177
  export const modeColorActionGrayscaleInverseHoverAlt = "#ffffff1a"; // Accordion, secondary, tertiary, menu bg on hov
178
178
  export const modeColorActionGrayscaleInverseHover = "#ffffff26"; // subtle table header hover
package/json/components/container.json CHANGED
@@ -37,15 +37,16 @@
37
37
  "containerStandardBorderAlt": "var(--mode-color-generic-fg-firm)",
38
38
  "containerStandardBorderDefault": "var(--mode-color-generic-fg-soft)",
39
39
  "containerStandardDimmer": "var(--mode-color-action-inactive-mask)",
40
- "containerStandardIcon": "var(--mode-color-generic-fg-firm)",
41
40
  "containerStandardTxtAlt": "var(--mode-color-generic-txt-moderate)",
42
41
  "containerStandardTxtDefault": "var(--mode-color-generic-txt-severe)",
42
+ "containerStandardIcon": "var(--mode-color-generic-txt-severe)",
43
43
  "containerStandardInverseBgAlt": "var(--mode-color-generic-bg-inverse-delicate)",
44
44
  "containerStandardInverseBorderAlt": "var(--mode-color-generic-fg-inverse-firm)",
45
45
  "containerStandardInverseBgDefault": "var(--mode-color-generic-bg-inverse-nought)",
46
46
  "containerStandardInverseBorderDefault": "var(--mode-color-generic-fg-inverse-soft)",
47
47
  "containerStandardInverseTxtAlt": "var(--mode-color-generic-txt-inverse-moderate)",
48
48
  "containerStandardInverseTxtDefault": "var(--mode-color-generic-txt-inverse-severe)",
49
+ "containerStandardInverseIcon": "var(--mode-color-generic-txt-inverse-severe)",
49
50
  "containerStandardPriorityBgAi": "var(--mode-color-status-ai-inverse-default-vertical)",
50
51
  "containerStandardPriorityBgCaution": "var(--mode-color-status-warning-default)",
51
52
  "containerStandardPriorityBgNegative": "var(--mode-color-status-negative-default)",
package/json/light.json CHANGED
@@ -162,7 +162,7 @@
162
162
  "modeColorActionGrayscaleWithHover": "#000000",
163
163
  "modeColorActionGrayscaleInverseActive": "#FFFFFF",
164
164
  "modeColorActionGrayscaleInverseActiveAlt": "#ffffff26",
165
- "modeColorActionGrayscaleInverseDefault": "#ffffffe6",
165
+ "modeColorActionGrayscaleInverseDefault": "#ffffffeb",
166
166
  "modeColorActionGrayscaleInverseDefaultAlt": "#ffffffab",
167
167
  "modeColorActionGrayscaleInverseHoverAlt": "#ffffff1a",
168
168
  "modeColorActionGrayscaleInverseHover": "#ffffff26",
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "18.2.0",
9
+ "version": "18.3.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
package/scss/components/button.scss CHANGED
@@ -46,7 +46,6 @@ $button-typical-secondary-inverse-border-active: $mode-color-action-main-inverse
46
46
  $button-typical-secondary-inverse-border-disabled: $mode-color-action-inactive-inverse-default;
47
47
  $button-typical-secondary-inverse-border-hover: $mode-color-action-main-inverse-hover;
48
48
  $button-typical-secondary-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
49
- $button-typical-secondary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
50
49
  $button-typical-secondary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
51
50
  $button-typical-tertiary-border-active: $mode-color-action-main-active;
52
51
  $button-typical-tertiary-border-disabled: $mode-color-action-inactive-default;
@@ -57,12 +56,10 @@ $button-typical-tertiary-inverse-border-active: $mode-color-action-main-inverse-
57
56
  $button-typical-tertiary-inverse-border-disabled: $mode-color-action-inactive-inverse-default;
58
57
  $button-typical-tertiary-inverse-border-hover: $mode-color-action-main-inverse-hover;
59
58
  $button-typical-tertiary-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
60
- $button-typical-tertiary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
61
59
  $button-typical-tertiary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
62
60
  $button-typical-subtle-label-active: $mode-color-action-grayscale-with-active-alt;
63
61
  $button-typical-subtle-label-hover: $mode-color-action-grayscale-with-hover;
64
62
  $button-typical-subtle-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
65
- $button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
66
63
  $button-typical-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
67
64
  $button-typical-toggle-bg-active-disabled: $mode-color-action-inactive-default;
68
65
  $button-typical-toggle-bg-active: $mode-color-action-grayscale-active;
@@ -88,6 +85,7 @@ $button-typical-secondary-inverse-bg-active: $mode-color-action-main-inverse-act
88
85
  $button-typical-secondary-inverse-bg-default: $mode-color-action-main-inverse-default-alt3;
89
86
  $button-typical-secondary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
90
87
  $button-typical-secondary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
88
+ $button-typical-secondary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
91
89
  $button-typical-tertiary-bg-active: $mode-color-action-main-active-alt;
92
90
  $button-typical-tertiary-bg-default: $button-none;
93
91
  $button-typical-tertiary-bg-hover: $mode-color-action-main-hover-alt;
@@ -97,11 +95,13 @@ $button-typical-tertiary-inverse-bg-active: $mode-color-action-main-inverse-acti
97
95
  $button-typical-tertiary-inverse-bg-default: $button-none;
98
96
  $button-typical-tertiary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
99
97
  $button-typical-tertiary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
98
+ $button-typical-tertiary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
100
99
  $button-typical-subtle-bg-active: $mode-color-action-grayscale-active-alt;
101
100
  $button-typical-subtle-bg-hover: $mode-color-action-grayscale-hover-alt;
102
101
  $button-typical-subtle-label-default: $mode-color-action-grayscale-default;
103
102
  $button-typical-subtle-inverse-bg-active: $mode-color-action-grayscale-inverse-active-alt;
104
103
  $button-typical-subtle-inverse-bg-hover: $mode-color-action-grayscale-inverse-hover-alt;
104
+ $button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
105
105
  $button-typical-toggle-label-active-disabled: $mode-color-action-inactive-txt-alt;
106
106
  $button-typical-toggle-bg-hover: $mode-color-action-grayscale-hover-alt;
107
107
  $button-typical-toggle-border-default: $mode-color-action-grayscale-default;
package/scss/components/container.scss CHANGED
@@ -39,7 +39,6 @@ $container-standard-border-active: $mode-color-action-grayscale-active;
39
39
  $container-standard-border-alt: $mode-color-generic-fg-firm;
40
40
  $container-standard-border-default: $mode-color-generic-fg-soft;
41
41
  $container-standard-dimmer: $mode-color-action-inactive-mask;
42
- $container-standard-icon: $mode-color-generic-fg-firm;
43
42
  $container-standard-inverse-bg-alt: $mode-color-generic-bg-inverse-delicate;
44
43
  $container-standard-inverse-border-alt: $mode-color-generic-fg-inverse-firm;
45
44
  $container-standard-inverse-bg-default: $mode-color-generic-bg-inverse-nought;
@@ -69,8 +68,10 @@ $container-standard-border-ai-h: $mode-color-status-ai-inverse-default-horizonta
69
68
  $container-standard-border-ai-v: $mode-color-status-ai-inverse-default-vertical;
70
69
  $container-standard-txt-alt: $mode-color-generic-txt-moderate;
71
70
  $container-standard-txt-default: $mode-color-generic-txt-severe;
71
+ $container-standard-icon: $mode-color-generic-txt-severe;
72
72
  $container-standard-inverse-txt-alt: $mode-color-generic-txt-inverse-moderate;
73
73
  $container-standard-inverse-txt-default: $mode-color-generic-txt-inverse-severe;
74
+ $container-standard-inverse-icon: $mode-color-generic-txt-inverse-severe;
74
75
  $container-standard-priority-bg-ai: $mode-color-status-ai-inverse-default-vertical;
75
76
  $container-standard-priority-inverse-bg-ai: $mode-color-status-ai-inverse-default-vertical;
76
77
  $container-action-txt-disabled: $mode-color-action-inactive-txt;
package/scss/components/link.scss CHANGED
@@ -12,6 +12,6 @@ $link-typical-label-hover: $mode-color-action-main-hover-alt2;
12
12
  $link-typical-inverse-label-default: $mode-color-action-main-inverse-default-alt2;
13
13
  $link-typical-inverse-label-hover: $mode-color-action-main-inverse-hover-alt2;
14
14
  $link-subtle-label-hover: $mode-color-action-grayscale-active;
15
- $link-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
16
15
  $link-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-active;
17
16
  $link-subtle-label-default: $mode-color-action-grayscale-default;
17
+ $link-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
package/scss/components/message.scss CHANGED
@@ -7,7 +7,9 @@ $message-none: $mode-color-none;
7
7
  $message-contextual-bg: $mode-color-generic-bg-nought;
8
8
  $message-contextual-icon: $mode-color-generic-bg-nought;
9
9
  $message-contextual-icon-alt: $mode-color-status-neutral-default;
10
+ $message-contextual-ai-bg-default: $mode-color-status-ai-default-alt;
10
11
  $message-contextual-ai-bg-alt: $mode-color-status-neutral-default-alt;
12
+ $message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
11
13
  $message-contextual-callout-bg-alt: $mode-color-status-callout-default-alt;
12
14
  $message-contextual-error-bg-default: $mode-color-status-negative-default;
13
15
  $message-contextual-error-bg-alt: $mode-color-status-negative-default-alt;
@@ -35,8 +37,6 @@ $message-global-warning-bg-default: $mode-color-status-warning-default-alt;
35
37
  $message-global-warning-bg-hover: $mode-color-status-warning-hover-alt;
36
38
  $message-global-warning-icon: $mode-color-status-warning-default;
37
39
  $message-contextual-txt: $mode-color-status-txt-with-hover-alt;
38
- $message-contextual-ai-bg-default: $mode-color-status-ai-default-alt;
39
- $message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
40
40
  $message-contextual-callout-icon: $mode-color-status-txt-with-default-alt;
41
41
  $message-global-label-default: $mode-color-status-txt-with-default-alt;
42
42
  $message-global-callout-icon: $mode-color-status-txt-with-default-alt;
package/scss/components/pill.scss CHANGED
@@ -88,7 +88,7 @@ $pill-generic-label-default: $mode-color-status-txt-with-default;
88
88
  $pill-generic-label-hover: $mode-color-status-txt-with-hover;
89
89
  $pill-generic-inverse-label-default: $mode-color-status-txt-inverse-with-default;
90
90
  $pill-generic-inverse-label-hover: $mode-color-status-txt-inverse-with-hover;
91
- $pill-generic-label-alt-default: $mode-color-status-txt-with-default-alt;
92
- $pill-generic-label-alt-hover: $mode-color-status-txt-with-default-alt;
93
91
  $pill-generic-inverse-label-alt-default: $mode-color-status-txt-inverse-with-default-alt;
94
92
  $pill-generic-inverse-label-alt-hover: $mode-color-status-txt-inverse-with-default-alt;
93
+ $pill-generic-label-alt-default: $mode-color-status-txt-with-default-alt;
94
+ $pill-generic-label-alt-hover: $mode-color-status-txt-with-default-alt;
package/scss/light.scss CHANGED
@@ -166,7 +166,7 @@ $mode-color-action-grayscale-with-default: #FFFFFF;
166
166
  $mode-color-action-grayscale-with-hover: #000000;
167
167
  $mode-color-action-grayscale-inverse-active: #FFFFFF;
168
168
  $mode-color-action-grayscale-inverse-active-alt: #ffffff26;
169
- $mode-color-action-grayscale-inverse-default: #ffffffe6;
169
+ $mode-color-action-grayscale-inverse-default: #ffffffeb;
170
170
  $mode-color-action-grayscale-inverse-default-alt: #ffffffab;
171
171
  $mode-color-action-grayscale-inverse-hover-alt: #ffffff1a;
172
172
  $mode-color-action-grayscale-inverse-hover: #ffffff26;