@sage/design-tokens 14.1.0 → 14.2.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 (144) hide show
  1. package/css/frozenproduct/all.css +10 -0
  2. package/css/frozenproduct/large/components/status.css +10 -0
  3. package/css/frozenproduct/small/components/status.css +10 -0
  4. package/css/marketing/all.css +10 -0
  5. package/css/marketing/large/components/status.css +10 -0
  6. package/css/marketing/small/components/status.css +10 -0
  7. package/css/product/all.css +10 -0
  8. package/css/product/large/components/status.css +10 -0
  9. package/css/product/small/components/status.css +10 -0
  10. package/ios/frozenproduct/large/dark/components/status.h +10 -0
  11. package/ios/frozenproduct/large/light/components/status.h +10 -0
  12. package/ios/frozenproduct/small/dark/components/status.h +10 -0
  13. package/ios/frozenproduct/small/light/components/status.h +10 -0
  14. package/ios/marketing/large/dark/components/status.h +10 -0
  15. package/ios/marketing/large/light/components/status.h +10 -0
  16. package/ios/marketing/small/dark/components/status.h +10 -0
  17. package/ios/marketing/small/light/components/status.h +10 -0
  18. package/ios/product/large/dark/components/status.h +10 -0
  19. package/ios/product/large/light/components/status.h +10 -0
  20. package/ios/product/small/dark/components/status.h +10 -0
  21. package/ios/product/small/light/components/status.h +10 -0
  22. package/js/common/frozenproduct/large/dark/components/status.d.ts +14 -0
  23. package/js/common/frozenproduct/large/dark/components/status.js +173 -0
  24. package/js/common/frozenproduct/large/light/components/status.d.ts +14 -0
  25. package/js/common/frozenproduct/large/light/components/status.js +173 -0
  26. package/js/common/frozenproduct/small/dark/components/status.d.ts +14 -0
  27. package/js/common/frozenproduct/small/dark/components/status.js +173 -0
  28. package/js/common/frozenproduct/small/light/components/status.d.ts +14 -0
  29. package/js/common/frozenproduct/small/light/components/status.js +173 -0
  30. package/js/common/marketing/large/dark/components/status.d.ts +14 -0
  31. package/js/common/marketing/large/dark/components/status.js +173 -0
  32. package/js/common/marketing/large/light/components/status.d.ts +14 -0
  33. package/js/common/marketing/large/light/components/status.js +173 -0
  34. package/js/common/marketing/small/dark/components/status.d.ts +14 -0
  35. package/js/common/marketing/small/dark/components/status.js +173 -0
  36. package/js/common/marketing/small/light/components/status.d.ts +14 -0
  37. package/js/common/marketing/small/light/components/status.js +173 -0
  38. package/js/common/product/large/dark/components/status.d.ts +14 -0
  39. package/js/common/product/large/dark/components/status.js +173 -0
  40. package/js/common/product/large/light/components/status.d.ts +14 -0
  41. package/js/common/product/large/light/components/status.js +173 -0
  42. package/js/common/product/small/dark/components/status.d.ts +14 -0
  43. package/js/common/product/small/dark/components/status.js +173 -0
  44. package/js/common/product/small/light/components/status.d.ts +14 -0
  45. package/js/common/product/small/light/components/status.js +173 -0
  46. package/js/es6/frozenproduct/large/dark/components/status.d.ts +10 -0
  47. package/js/es6/frozenproduct/large/dark/components/status.js +10 -0
  48. package/js/es6/frozenproduct/large/light/components/status.d.ts +10 -0
  49. package/js/es6/frozenproduct/large/light/components/status.js +10 -0
  50. package/js/es6/frozenproduct/small/dark/components/status.d.ts +10 -0
  51. package/js/es6/frozenproduct/small/dark/components/status.js +10 -0
  52. package/js/es6/frozenproduct/small/light/components/status.d.ts +10 -0
  53. package/js/es6/frozenproduct/small/light/components/status.js +10 -0
  54. package/js/es6/marketing/large/dark/components/status.d.ts +10 -0
  55. package/js/es6/marketing/large/dark/components/status.js +10 -0
  56. package/js/es6/marketing/large/light/components/status.d.ts +10 -0
  57. package/js/es6/marketing/large/light/components/status.js +10 -0
  58. package/js/es6/marketing/small/dark/components/status.d.ts +10 -0
  59. package/js/es6/marketing/small/dark/components/status.js +10 -0
  60. package/js/es6/marketing/small/light/components/status.d.ts +10 -0
  61. package/js/es6/marketing/small/light/components/status.js +10 -0
  62. package/js/es6/product/large/dark/components/status.d.ts +10 -0
  63. package/js/es6/product/large/dark/components/status.js +10 -0
  64. package/js/es6/product/large/light/components/status.d.ts +10 -0
  65. package/js/es6/product/large/light/components/status.js +10 -0
  66. package/js/es6/product/small/dark/components/status.d.ts +10 -0
  67. package/js/es6/product/small/dark/components/status.js +10 -0
  68. package/js/es6/product/small/light/components/status.d.ts +10 -0
  69. package/js/es6/product/small/light/components/status.js +10 -0
  70. package/js/umd/frozenproduct/large/dark/components/status.js +173 -0
  71. package/js/umd/frozenproduct/large/light/components/status.js +173 -0
  72. package/js/umd/frozenproduct/small/dark/components/status.js +173 -0
  73. package/js/umd/frozenproduct/small/light/components/status.js +173 -0
  74. package/js/umd/marketing/large/dark/components/status.js +173 -0
  75. package/js/umd/marketing/large/light/components/status.js +173 -0
  76. package/js/umd/marketing/small/dark/components/status.js +173 -0
  77. package/js/umd/marketing/small/light/components/status.js +173 -0
  78. package/js/umd/product/large/dark/components/status.js +173 -0
  79. package/js/umd/product/large/light/components/status.js +173 -0
  80. package/js/umd/product/small/dark/components/status.js +173 -0
  81. package/js/umd/product/small/light/components/status.js +173 -0
  82. package/json/flat/frozenproduct/large/dark/components/status.json +10 -0
  83. package/json/flat/frozenproduct/large/light/components/status.json +10 -0
  84. package/json/flat/frozenproduct/small/dark/components/status.json +10 -0
  85. package/json/flat/frozenproduct/small/light/components/status.json +10 -0
  86. package/json/flat/marketing/large/dark/components/status.json +10 -0
  87. package/json/flat/marketing/large/light/components/status.json +10 -0
  88. package/json/flat/marketing/small/dark/components/status.json +10 -0
  89. package/json/flat/marketing/small/light/components/status.json +10 -0
  90. package/json/flat/product/large/dark/components/status.json +10 -0
  91. package/json/flat/product/large/light/components/status.json +10 -0
  92. package/json/flat/product/small/dark/components/status.json +10 -0
  93. package/json/flat/product/small/light/components/status.json +10 -0
  94. package/json/nested/frozenproduct/large/dark/components/status.json +14 -0
  95. package/json/nested/frozenproduct/large/light/components/status.json +14 -0
  96. package/json/nested/frozenproduct/small/dark/components/status.json +14 -0
  97. package/json/nested/frozenproduct/small/light/components/status.json +14 -0
  98. package/json/nested/marketing/large/dark/components/status.json +14 -0
  99. package/json/nested/marketing/large/light/components/status.json +14 -0
  100. package/json/nested/marketing/small/dark/components/status.json +14 -0
  101. package/json/nested/marketing/small/light/components/status.json +14 -0
  102. package/json/nested/product/large/dark/components/status.json +14 -0
  103. package/json/nested/product/large/light/components/status.json +14 -0
  104. package/json/nested/product/small/dark/components/status.json +14 -0
  105. package/json/nested/product/small/light/components/status.json +14 -0
  106. package/package.json +1 -1
  107. package/sage-design-tokens-14.2.0.tgz +0 -0
  108. package/scss/frozenproduct/large/components/button.scss +13 -13
  109. package/scss/frozenproduct/large/components/container.scss +10 -10
  110. package/scss/frozenproduct/large/components/form.scss +7 -7
  111. package/scss/frozenproduct/large/components/link.scss +2 -2
  112. package/scss/frozenproduct/large/components/nav.scss +5 -5
  113. package/scss/frozenproduct/large/components/page.scss +1 -1
  114. package/scss/frozenproduct/large/components/popover.scss +2 -2
  115. package/scss/frozenproduct/large/components/progress.scss +6 -6
  116. package/scss/frozenproduct/large/components/status.scss +13 -3
  117. package/scss/frozenproduct/large/components/tab.scss +7 -7
  118. package/scss/frozenproduct/large/components/table.scss +10 -10
  119. package/scss/frozenproduct/small/components/button.scss +13 -13
  120. package/scss/frozenproduct/small/components/container.scss +10 -10
  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/nav.scss +5 -5
  124. package/scss/frozenproduct/small/components/page.scss +1 -1
  125. package/scss/frozenproduct/small/components/popover.scss +2 -2
  126. package/scss/frozenproduct/small/components/progress.scss +6 -6
  127. package/scss/frozenproduct/small/components/status.scss +13 -3
  128. package/scss/frozenproduct/small/components/tab.scss +7 -7
  129. package/scss/frozenproduct/small/components/table.scss +10 -10
  130. package/scss/marketing/large/components/button.scss +13 -13
  131. package/scss/marketing/large/components/container.scss +10 -10
  132. package/scss/marketing/large/components/form.scss +7 -7
  133. package/scss/marketing/large/components/link.scss +2 -2
  134. package/scss/marketing/large/components/nav.scss +5 -5
  135. package/scss/marketing/large/components/page.scss +1 -1
  136. package/scss/marketing/large/components/popover.scss +2 -2
  137. package/scss/marketing/large/components/progress.scss +6 -6
  138. package/scss/marketing/large/components/status.scss +13 -3
  139. package/scss/marketing/large/components/tab.scss +7 -7
  140. package/scss/marketing/large/components/table.scss +10 -10
  141. package/scss/marketing/small/components/status.scss +10 -0
  142. package/scss/product/large/components/status.scss +10 -0
  143. package/scss/product/small/components/status.scss +10 -0
  144. package/sage-design-tokens-14.1.0.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -2251,6 +2251,12 @@
2251
2251
  --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2252
2252
  --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
2253
2253
  --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2254
+ --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2255
+ --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
2256
+ --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2257
+ --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2258
+ --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
2259
+ --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2254
2260
  --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
2255
2261
  --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
2256
2262
  --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2323,10 @@
2317
2323
  --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
2318
2324
  --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
2319
2325
  --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
2326
+ --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
2327
+ --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
2328
+ --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
2329
+ --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
2320
2330
  --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
2321
2331
  --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
2322
2332
  --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
package/css/frozenproduct/large/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/css/frozenproduct/small/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/css/marketing/all.css CHANGED
@@ -2251,6 +2251,12 @@
2251
2251
  --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2252
2252
  --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
2253
2253
  --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2254
+ --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2255
+ --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
2256
+ --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2257
+ --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2258
+ --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
2259
+ --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2254
2260
  --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
2255
2261
  --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
2256
2262
  --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2323,10 @@
2317
2323
  --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
2318
2324
  --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
2319
2325
  --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
2326
+ --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
2327
+ --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
2328
+ --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
2329
+ --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
2320
2330
  --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
2321
2331
  --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
2322
2332
  --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
package/css/marketing/large/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/css/marketing/small/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/css/product/all.css CHANGED
@@ -2251,6 +2251,12 @@
2251
2251
  --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2252
2252
  --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
2253
2253
  --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
2254
+ --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2255
+ --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
2256
+ --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
2257
+ --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2258
+ --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
2259
+ --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
2254
2260
  --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
2255
2261
  --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
2256
2262
  --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2323,10 @@
2317
2323
  --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
2318
2324
  --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
2319
2325
  --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
2326
+ --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
2327
+ --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
2328
+ --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
2329
+ --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
2320
2330
  --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
2321
2331
  --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
2322
2332
  --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
package/css/product/large/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/css/product/small/components/status.css CHANGED
@@ -67,6 +67,12 @@
67
67
  --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
68
68
  --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
69
69
  --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
70
+ --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
71
+ --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
72
+ --status-color-pill-important-border-default: var(--modes-color-status-important-default);
73
+ --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
74
+ --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
75
+ --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
70
76
  --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
71
77
  --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
72
78
  --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
142
148
  --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
143
149
  --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
144
150
  --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
151
+ --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
152
+ --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
153
+ --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
154
+ --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
145
155
  --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
146
156
  --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
147
157
  --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);
package/ios/frozenproduct/large/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/frozenproduct/large/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/ios/frozenproduct/small/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/frozenproduct/small/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/ios/marketing/large/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/marketing/large/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/ios/marketing/small/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/marketing/small/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/ios/product/large/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/product/large/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/ios/product/small/dark/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #FFFFFF
115
115
  #define statusColorPillGenericInverseLabelAltDefault #000000f2
116
116
  #define statusColorPillGenericInverseLabelAltHover #000000f2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #150d19
119
+ #define statusColorPillImportantBgAltHover #231b30
120
+ #define statusColorPillImportantBgHover #a267de
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #f1e6fa
124
+ #define statusColorPillImportantInverseBgAltHover #daceed
125
+ #define statusColorPillImportantInverseBgHover #8051b8
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #007ED9
118
128
  #define statusColorPillInfoBgAltDefault #111722
119
129
  #define statusColorPillInfoBgAltHover #17253a
package/ios/product/small/light/components/status.h CHANGED
@@ -114,6 +114,16 @@
114
114
  #define statusColorPillGenericInverseLabelHover #000000
115
115
  #define statusColorPillGenericInverseLabelAltDefault #fffffff2
116
116
  #define statusColorPillGenericInverseLabelAltHover #fffffff2
117
+ #define statusColorPillImportantBgDefault #8F4CD7
118
+ #define statusColorPillImportantBgAltDefault #f5edfc
119
+ #define statusColorPillImportantBgAltHover #ded4ee
120
+ #define statusColorPillImportantBgHover #7941b4
121
+ #define statusColorPillImportantBorderDefault #8F4CD7
122
+ #define statusColorPillImportantInverseBgDefault #985FDC
123
+ #define statusColorPillImportantInverseBgAltDefault #1b1422
124
+ #define statusColorPillImportantInverseBgAltHover #282039
125
+ #define statusColorPillImportantInverseBgHover #a977e2
126
+ #define statusColorPillImportantInverseBorderDefault #985FDC
117
127
  #define statusColorPillInfoBgDefault #0060A7
118
128
  #define statusColorPillInfoBgAltDefault #eaeef6
119
129
  #define statusColorPillInfoBgAltHover #cdd7ea
package/js/common/frozenproduct/large/dark/components/status.d.ts CHANGED
@@ -181,6 +181,20 @@ declare const tokens: {
181
181
  "labelAlt-hover": DesignToken;
182
182
  };
183
183
  };
184
+ important: {
185
+ "bg-default": DesignToken;
186
+ "bgAlt-default": DesignToken;
187
+ "bgAlt-hover": DesignToken;
188
+ "bg-hover": DesignToken;
189
+ "border-default": DesignToken;
190
+ inverse: {
191
+ "bg-default": DesignToken;
192
+ "bgAlt-default": DesignToken;
193
+ "bgAlt-hover": DesignToken;
194
+ "bg-hover": DesignToken;
195
+ "border-default": DesignToken;
196
+ };
197
+ };
184
198
  info: {
185
199
  "bg-default": DesignToken;
186
200
  "bgAlt-default": DesignToken;