@sage/design-tokens 5.2.0 → 5.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 (165) hide show
  1. package/css/frozenproduct/all.css +7 -5
  2. package/css/frozenproduct/large/dark.css +6 -5
  3. package/css/frozenproduct/large/light.css +1 -0
  4. package/css/frozenproduct/small/dark.css +6 -5
  5. package/css/frozenproduct/small/light.css +1 -0
  6. package/css/marketing/all.css +38 -36
  7. package/css/marketing/large/dark.css +6 -5
  8. package/css/marketing/large/light.css +1 -0
  9. package/css/marketing/small/components/button.css +22 -22
  10. package/css/marketing/small/components/container.css +9 -9
  11. package/css/marketing/small/dark.css +6 -5
  12. package/css/marketing/small/light.css +1 -0
  13. package/css/product/all.css +7 -5
  14. package/css/product/large/components/status.css +3 -3
  15. package/css/product/large/dark.css +6 -5
  16. package/css/product/large/light.css +1 -0
  17. package/css/product/small/dark.css +6 -5
  18. package/css/product/small/light.css +1 -0
  19. package/ios/frozenproduct/large/dark/mode.h +6 -5
  20. package/ios/frozenproduct/large/light/mode.h +1 -0
  21. package/ios/frozenproduct/small/dark/mode.h +6 -5
  22. package/ios/frozenproduct/small/light/mode.h +1 -0
  23. package/ios/marketing/large/dark/mode.h +6 -5
  24. package/ios/marketing/large/light/mode.h +1 -0
  25. package/ios/marketing/small/dark/mode.h +6 -5
  26. package/ios/marketing/small/light/mode.h +1 -0
  27. package/ios/product/large/dark/mode.h +6 -5
  28. package/ios/product/large/light/mode.h +1 -0
  29. package/ios/product/small/dark/mode.h +6 -5
  30. package/ios/product/small/light/mode.h +1 -0
  31. package/js/common/frozenproduct/large/dark/mode.d.ts +10 -9
  32. package/js/common/frozenproduct/large/dark/mode.js +170 -89
  33. package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
  34. package/js/common/frozenproduct/large/light/mode.js +31 -0
  35. package/js/common/frozenproduct/small/dark/mode.d.ts +10 -9
  36. package/js/common/frozenproduct/small/dark/mode.js +170 -89
  37. package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
  38. package/js/common/frozenproduct/small/light/mode.js +31 -0
  39. package/js/common/marketing/large/dark/mode.d.ts +10 -9
  40. package/js/common/marketing/large/dark/mode.js +170 -89
  41. package/js/common/marketing/large/light/mode.d.ts +1 -0
  42. package/js/common/marketing/large/light/mode.js +31 -0
  43. package/js/common/marketing/small/dark/mode.d.ts +10 -9
  44. package/js/common/marketing/small/dark/mode.js +170 -89
  45. package/js/common/marketing/small/light/mode.d.ts +1 -0
  46. package/js/common/marketing/small/light/mode.js +31 -0
  47. package/js/common/product/large/dark/mode.d.ts +10 -9
  48. package/js/common/product/large/dark/mode.js +170 -89
  49. package/js/common/product/large/light/mode.d.ts +1 -0
  50. package/js/common/product/large/light/mode.js +31 -0
  51. package/js/common/product/small/dark/mode.d.ts +10 -9
  52. package/js/common/product/small/dark/mode.js +170 -89
  53. package/js/common/product/small/light/mode.d.ts +1 -0
  54. package/js/common/product/small/light/mode.js +31 -0
  55. package/js/es6/frozenproduct/large/dark/mode.d.ts +8 -6
  56. package/js/es6/frozenproduct/large/dark/mode.js +7 -6
  57. package/js/es6/frozenproduct/large/light/mode.d.ts +2 -0
  58. package/js/es6/frozenproduct/large/light/mode.js +1 -0
  59. package/js/es6/frozenproduct/small/dark/mode.d.ts +8 -6
  60. package/js/es6/frozenproduct/small/dark/mode.js +7 -6
  61. package/js/es6/frozenproduct/small/light/mode.d.ts +2 -0
  62. package/js/es6/frozenproduct/small/light/mode.js +1 -0
  63. package/js/es6/marketing/large/dark/mode.d.ts +8 -6
  64. package/js/es6/marketing/large/dark/mode.js +7 -6
  65. package/js/es6/marketing/large/light/mode.d.ts +2 -0
  66. package/js/es6/marketing/large/light/mode.js +1 -0
  67. package/js/es6/marketing/small/dark/mode.d.ts +8 -6
  68. package/js/es6/marketing/small/dark/mode.js +7 -6
  69. package/js/es6/marketing/small/light/mode.d.ts +2 -0
  70. package/js/es6/marketing/small/light/mode.js +1 -0
  71. package/js/es6/product/large/dark/mode.d.ts +8 -6
  72. package/js/es6/product/large/dark/mode.js +7 -6
  73. package/js/es6/product/large/light/mode.d.ts +2 -0
  74. package/js/es6/product/large/light/mode.js +1 -0
  75. package/js/es6/product/small/dark/mode.d.ts +8 -6
  76. package/js/es6/product/small/dark/mode.js +7 -6
  77. package/js/es6/product/small/light/mode.d.ts +2 -0
  78. package/js/es6/product/small/light/mode.js +1 -0
  79. package/js/umd/frozenproduct/large/dark/mode.js +177 -89
  80. package/js/umd/frozenproduct/large/light/mode.js +38 -0
  81. package/js/umd/frozenproduct/small/dark/mode.js +177 -89
  82. package/js/umd/frozenproduct/small/light/mode.js +38 -0
  83. package/js/umd/marketing/large/dark/mode.js +177 -89
  84. package/js/umd/marketing/large/light/mode.js +38 -0
  85. package/js/umd/marketing/small/dark/mode.js +177 -89
  86. package/js/umd/marketing/small/light/mode.js +38 -0
  87. package/js/umd/product/large/dark/mode.js +177 -89
  88. package/js/umd/product/large/light/mode.js +38 -0
  89. package/js/umd/product/small/dark/mode.js +177 -89
  90. package/js/umd/product/small/light/mode.js +38 -0
  91. package/json/flat/frozenproduct/large/dark/mode.json +6 -5
  92. package/json/flat/frozenproduct/large/light/mode.json +1 -0
  93. package/json/flat/frozenproduct/small/dark/mode.json +6 -5
  94. package/json/flat/frozenproduct/small/light/mode.json +1 -0
  95. package/json/flat/marketing/large/dark/mode.json +6 -5
  96. package/json/flat/marketing/large/light/mode.json +1 -0
  97. package/json/flat/marketing/small/dark/mode.json +6 -5
  98. package/json/flat/marketing/small/light/mode.json +1 -0
  99. package/json/flat/product/large/dark/mode.json +6 -5
  100. package/json/flat/product/large/light/mode.json +1 -0
  101. package/json/flat/product/small/dark/mode.json +6 -5
  102. package/json/flat/product/small/light/mode.json +1 -0
  103. package/json/nested/frozenproduct/large/dark/mode.json +11 -10
  104. package/json/nested/frozenproduct/large/light/mode.json +2 -1
  105. package/json/nested/frozenproduct/small/dark/mode.json +11 -10
  106. package/json/nested/frozenproduct/small/light/mode.json +2 -1
  107. package/json/nested/marketing/large/dark/mode.json +11 -10
  108. package/json/nested/marketing/large/light/mode.json +2 -1
  109. package/json/nested/marketing/small/dark/mode.json +11 -10
  110. package/json/nested/marketing/small/light/mode.json +2 -1
  111. package/json/nested/product/large/dark/mode.json +11 -10
  112. package/json/nested/product/large/light/mode.json +2 -1
  113. package/json/nested/product/small/dark/mode.json +11 -10
  114. package/json/nested/product/small/light/mode.json +2 -1
  115. package/package.json +1 -1
  116. package/sage-design-tokens-5.3.0.tgz +0 -0
  117. package/scss/frozenproduct/large/dark.scss +6 -5
  118. package/scss/frozenproduct/large/light.scss +1 -0
  119. package/scss/frozenproduct/small/components/button.scss +22 -22
  120. package/scss/frozenproduct/small/components/container.scss +9 -9
  121. package/scss/frozenproduct/small/components/form.scss +7 -7
  122. package/scss/frozenproduct/small/components/link.scss +2 -2
  123. package/scss/frozenproduct/small/components/logo.scss +4 -4
  124. package/scss/frozenproduct/small/components/nav.scss +3 -3
  125. package/scss/frozenproduct/small/components/page.scss +1 -1
  126. package/scss/frozenproduct/small/components/popover.scss +2 -2
  127. package/scss/frozenproduct/small/components/progress.scss +6 -6
  128. package/scss/frozenproduct/small/components/status.scss +3 -3
  129. package/scss/frozenproduct/small/components/tab.scss +7 -7
  130. package/scss/frozenproduct/small/components/table.scss +11 -11
  131. package/scss/frozenproduct/small/dark.scss +6 -5
  132. package/scss/frozenproduct/small/light.scss +1 -0
  133. package/scss/marketing/large/dark.scss +6 -5
  134. package/scss/marketing/large/light.scss +1 -0
  135. package/scss/marketing/small/dark.scss +6 -5
  136. package/scss/marketing/small/light.scss +1 -0
  137. package/scss/product/large/components/button.scss +22 -22
  138. package/scss/product/large/components/container.scss +9 -9
  139. package/scss/product/large/components/form.scss +7 -7
  140. package/scss/product/large/components/link.scss +2 -2
  141. package/scss/product/large/components/logo.scss +4 -4
  142. package/scss/product/large/components/nav.scss +3 -3
  143. package/scss/product/large/components/page.scss +1 -1
  144. package/scss/product/large/components/popover.scss +2 -2
  145. package/scss/product/large/components/progress.scss +6 -6
  146. package/scss/product/large/components/status.scss +3 -3
  147. package/scss/product/large/components/tab.scss +7 -7
  148. package/scss/product/large/components/table.scss +11 -11
  149. package/scss/product/large/dark.scss +6 -5
  150. package/scss/product/large/light.scss +1 -0
  151. package/scss/product/small/components/button.scss +22 -22
  152. package/scss/product/small/components/container.scss +9 -9
  153. package/scss/product/small/components/form.scss +7 -7
  154. package/scss/product/small/components/link.scss +2 -2
  155. package/scss/product/small/components/logo.scss +4 -4
  156. package/scss/product/small/components/nav.scss +3 -3
  157. package/scss/product/small/components/page.scss +1 -1
  158. package/scss/product/small/components/popover.scss +2 -2
  159. package/scss/product/small/components/progress.scss +6 -6
  160. package/scss/product/small/components/status.scss +3 -3
  161. package/scss/product/small/components/tab.scss +7 -7
  162. package/scss/product/small/components/table.scss +11 -11
  163. package/scss/product/small/dark.scss +6 -5
  164. package/scss/product/small/light.scss +1 -0
  165. package/sage-design-tokens-5.2.0.tgz +0 -0
package/js/es6/frozenproduct/large/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/frozenproduct/large/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/frozenproduct/large/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/frozenproduct/large/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X
package/js/es6/frozenproduct/small/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/frozenproduct/small/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/frozenproduct/small/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/frozenproduct/small/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X
package/js/es6/marketing/large/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/marketing/large/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/marketing/large/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/marketing/large/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X
package/js/es6/marketing/small/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/marketing/small/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/marketing/small/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/marketing/small/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X
package/js/es6/product/large/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/product/large/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/product/large/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/product/large/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X
package/js/es6/product/small/dark/mode.d.ts CHANGED
@@ -163,12 +163,6 @@ export const modesColorInteractivePrimaryFrozenTableDefault: string;
163
163
  export const modesColorInteractiveProgressBg: string;
164
164
  export const modesColorInteractiveProgressBgAlt: string;
165
165
  export const modesColorInteractiveProgressFrozenBg: string;
166
- export const modesColorStatusAiDefault: string;
167
- /** bg for contextual message comp */
168
- export const modesColorStatusAiDefaultAlt: string;
169
- export const modesColorStatusAiDefaultHorizontal: string;
170
- export const modesColorStatusAiDefaultVertical: string;
171
- export const modesColorStatusGenericDefault: string;
172
166
  export const modesColorStatusCautionDefault: string;
173
167
  /** Subtle message bg */
174
168
  export const modesColorStatusCautionDefaultAlt: string;
@@ -179,6 +173,14 @@ export const modesColorStatusCautionHoverAlt: string;
179
173
  export const modesColorStatusCautionText: string;
180
174
  /** Global message bg */
181
175
  export const modesColorStatusCautionFrozenDefault: string;
176
+ /** Global message icon. */
177
+ export const modesColorStatusCautionFrozenIcon: string;
178
+ export const modesColorStatusAiDefault: string;
179
+ /** bg for contextual message comp */
180
+ export const modesColorStatusAiDefaultAlt: string;
181
+ export const modesColorStatusAiDefaultHorizontal: string;
182
+ export const modesColorStatusAiDefaultVertical: string;
183
+ export const modesColorStatusGenericDefault: string;
182
184
  export const modesColorStatusContentWithDefault: string;
183
185
  export const modesColorStatusContentWithDefaultAlt: string;
184
186
  export const modesColorStatusContentWithHover: string;
package/js/es6/product/small/dark/mode.js CHANGED
@@ -125,6 +125,13 @@ export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
125
125
  export const modesColorInteractiveProgressBg = "#ffffff14";
126
126
  export const modesColorInteractiveProgressBgAlt = "#00000014";
127
127
  export const modesColorInteractiveProgressFrozenBg = "#ffffff14";
128
+ export const modesColorStatusCautionDefault = "#E04500";
129
+ export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
130
+ export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
131
+ export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
132
+ export const modesColorStatusCautionText = "#e75b23";
133
+ export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
134
+ export const modesColorStatusCautionFrozenIcon = "#e75b23"; // Global message icon.
128
135
  export const modesColorStatusAiDefault = "#000000";
129
136
  export const modesColorStatusAiDefaultAlt = "#FFFFFF"; // bg for contextual message comp
130
137
  export const modesColorStatusAiDefaultHorizontal =
@@ -132,12 +139,6 @@ export const modesColorStatusAiDefaultHorizontal =
132
139
  export const modesColorStatusAiDefaultVertical =
133
140
  "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
134
141
  export const modesColorStatusGenericDefault = "#008a89";
135
- export const modesColorStatusCautionDefault = "#E04500";
136
- export const modesColorStatusCautionDefaultAlt = "#251206"; // Subtle message bg
137
- export const modesColorStatusCautionHover = "#eb6732"; // used on pill hover states
138
- export const modesColorStatusCautionHoverAlt = "#34211a"; // used on pill hover states and message bg
139
- export const modesColorStatusCautionText = "#e75b23";
140
- export const modesColorStatusCautionFrozenDefault = "#251206"; // Global message bg
141
142
  export const modesColorStatusContentWithDefault = "#000000";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
143
144
  export const modesColorStatusContentWithHover = "#000000";
package/js/es6/product/small/light/mode.d.ts CHANGED
@@ -186,6 +186,8 @@ export const modesColorStatusCautionHoverAlt: string;
186
186
  export const modesColorStatusCautionText: string;
187
187
  /** used on global message bg */
188
188
  export const modesColorStatusCautionFrozenDefault: string;
189
+ /** used on global message icon */
190
+ export const modesColorStatusCautionFrozenIcon: string;
189
191
  export const modesColorStatusContentWithDefault: string;
190
192
  export const modesColorStatusContentWithDefaultAlt: string;
191
193
  /** for pill hover X */
package/js/es6/product/small/light/mode.js CHANGED
@@ -138,6 +138,7 @@ export const modesColorStatusCautionHover = "#b13a0d"; // used on pill hover sta
138
138
  export const modesColorStatusCautionHoverAlt = "#f1e0d8"; // used on pill hover states and message bg
139
139
  export const modesColorStatusCautionText = "#bf3e0c";
140
140
  export const modesColorStatusCautionFrozenDefault = "#FF8629"; // used on global message bg
141
+ export const modesColorStatusCautionFrozenIcon = "#000000"; // used on global message icon
141
142
  export const modesColorStatusContentWithDefault = "#FFFFFF";
142
143
  export const modesColorStatusContentWithDefaultAlt = "#000000f2";
143
144
  export const modesColorStatusContentWithHover = "#FFFFFF"; // for pill hover X