@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/scss/marketing/large/components/table.scss CHANGED
@@ -6,7 +6,6 @@
6
6
  // Do not edit directly, this file was auto-generated.
7
7
 
8
8
  $table-color-header-subtle-bg-default: $modes-color-none;
9
- $table-color-row-bg-active: $modes-color-interactive-monochrome-active;
10
9
  $table-color-row-bg-default: $modes-color-generic-bg-nought;
11
10
  $table-color-row-label-hover: $modes-color-generic-content-extreme;
12
11
  $table-typography-adaptive-heading-s: $global-typography-adaptive-component-firm-s;
@@ -27,33 +26,34 @@ $table-typography-responsive-default-l: $global-typography-responsive-component-
27
26
  $table-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
28
27
  $table-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
29
28
  $table-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
30
- $table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
31
- $table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
32
- $table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
33
- $table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
34
- $table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-default; // header alt
35
- $table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-default-alt;
36
- $table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
37
- $table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
38
29
  $table-color-row-bg-activated: $modes-color-interactive-primary-default;
30
+ $table-color-row-bg-active: $modes-color-interactive-monochrome-active;
39
31
  $table-color-row-bg-alt: $modes-color-generic-bg-delicate; // Zebra stripes
40
32
  $table-color-row-bg-alt2: $modes-color-generic-bg-soft; // Zebra stripes combined with child rows.
41
33
  $table-color-row-bg-alt3: $modes-color-generic-bg-faint; // Child rows.
42
34
  $table-color-row-bg-hover: $modes-color-generic-bg-soft;
43
35
  $table-color-row-label-default: $modes-color-generic-content-harsh;
44
36
  $table-color-footer-bg-default: $modes-color-generic-bg-soft;
45
- $table-color-footer-label-default: $modes-color-interactive-monochrome-default;
46
37
  $table-boxshadow-parentrow: $global-boxshadow-container-far;
47
38
  $table-boxshadow-column-sticky-left: $global-boxshadow-cleanedge-near-right; // Right shadow on left hand sticky column.
48
39
  $table-boxshadow-column-sticky-right: $global-boxshadow-cleanedge-near-left; // Left shadow on right hand sticky column.
49
40
  $table-boxshadow-row-dragging: $global-boxshadow-interactive-drag; // dragging state for a table row
41
+ $table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
42
+ $table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
50
43
  $table-color-header-subtle-border-default: $modes-color-generic-fg-delicate; // Header borders
44
+ $table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
45
+ $table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
46
+ $table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-default; // header alt
47
+ $table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-default-alt;
48
+ $table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
51
49
  $table-color-header-harsh-border-default: $modes-color-generic-fg-soft;
52
50
  $table-color-header-harsh-label-default: $modes-color-interactive-monochrome-with-default;
51
+ $table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
53
52
  $table-color-row-border-default: $modes-color-generic-fg-delicate;
54
53
  $table-color-row-label-activated: $modes-color-interactive-monochrome-with-active;
55
54
  $table-color-row-label-active: $modes-color-interactive-monochrome-with-active;
56
55
  $table-color-footer-border-default: $modes-color-generic-fg-delicate; // Header borders
56
+ $table-color-footer-label-default: $modes-color-interactive-monochrome-default;
57
57
  $table-radius-container: $global-radius-container-m; // Table (parent container)
58
58
  $table-borderwidth-thin: $global-borderwidth-xs; // Table border
59
59
  $table-borderwidth-thick: $global-borderwidth-s; // header border for subtle
package/scss/marketing/small/components/status.scss CHANGED
@@ -69,6 +69,12 @@ $status-color-pill-error-border-default: $modes-color-status-negative-default;
69
69
  $status-color-pill-error-inverse-bg-default: $modes-color-status-negative-inverse-default;
70
70
  $status-color-pill-error-inverse-bg-alt-default: $modes-color-status-negative-inverse-default-alt; // outline pill bg
71
71
  $status-color-pill-error-inverse-border-default: $modes-color-status-negative-inverse-default;
72
+ $status-color-pill-important-bg-default: $modes-color-status-important-default;
73
+ $status-color-pill-important-bg-alt-default: $modes-color-status-important-default-alt; // outline pill bg
74
+ $status-color-pill-important-border-default: $modes-color-status-important-default;
75
+ $status-color-pill-important-inverse-bg-default: $modes-color-status-important-inverse-default;
76
+ $status-color-pill-important-inverse-bg-alt-default: $modes-color-status-important-inverse-default-alt; // outline pill bg
77
+ $status-color-pill-important-inverse-border-default: $modes-color-status-important-inverse-default;
72
78
  $status-color-pill-info-bg-default: $modes-color-status-info-default;
73
79
  $status-color-pill-info-bg-alt-default: $modes-color-status-info-default-alt; // outline pill bg
74
80
  $status-color-pill-info-border-default: $modes-color-status-info-default;
@@ -144,6 +150,10 @@ $status-color-pill-error-inverse-bg-alt-hover: $modes-color-status-negative-inve
144
150
  $status-color-pill-error-inverse-bg-hover: $modes-color-status-negative-inverse-hover;
145
151
  $status-color-pill-generic-inverse-label-default: $modes-color-status-content-inverse-with-default;
146
152
  $status-color-pill-generic-inverse-label-hover: $modes-color-status-content-inverse-with-hover;
153
+ $status-color-pill-important-bg-alt-hover: $modes-color-status-important-hover-alt;
154
+ $status-color-pill-important-bg-hover: $modes-color-status-important-hover;
155
+ $status-color-pill-important-inverse-bg-alt-hover: $modes-color-status-important-inverse-hover-alt;
156
+ $status-color-pill-important-inverse-bg-hover: $modes-color-status-important-inverse-hover;
147
157
  $status-color-pill-info-bg-alt-hover: $modes-color-status-info-hover-alt;
148
158
  $status-color-pill-info-bg-hover: $modes-color-status-info-hover;
149
159
  $status-color-pill-info-inverse-bg-alt-hover: $modes-color-status-info-inverse-hover-alt;
package/scss/product/large/components/status.scss CHANGED
@@ -67,6 +67,12 @@ $status-color-pill-error-border-default: $modes-color-status-negative-default;
67
67
  $status-color-pill-error-inverse-bg-default: $modes-color-status-negative-inverse-default;
68
68
  $status-color-pill-error-inverse-bg-alt-default: $modes-color-status-negative-inverse-default-alt; // outline pill bg
69
69
  $status-color-pill-error-inverse-border-default: $modes-color-status-negative-inverse-default;
70
+ $status-color-pill-important-bg-default: $modes-color-status-important-default;
71
+ $status-color-pill-important-bg-alt-default: $modes-color-status-important-default-alt; // outline pill bg
72
+ $status-color-pill-important-border-default: $modes-color-status-important-default;
73
+ $status-color-pill-important-inverse-bg-default: $modes-color-status-important-inverse-default;
74
+ $status-color-pill-important-inverse-bg-alt-default: $modes-color-status-important-inverse-default-alt; // outline pill bg
75
+ $status-color-pill-important-inverse-border-default: $modes-color-status-important-inverse-default;
70
76
  $status-color-pill-info-bg-default: $modes-color-status-info-default;
71
77
  $status-color-pill-info-bg-alt-default: $modes-color-status-info-default-alt; // outline pill bg
72
78
  $status-color-pill-info-border-default: $modes-color-status-info-default;
@@ -143,6 +149,10 @@ $status-color-pill-error-inverse-bg-alt-hover: $modes-color-status-negative-inve
143
149
  $status-color-pill-error-inverse-bg-hover: $modes-color-status-negative-inverse-hover;
144
150
  $status-color-pill-generic-inverse-label-default: $modes-color-status-content-inverse-with-default;
145
151
  $status-color-pill-generic-inverse-label-hover: $modes-color-status-content-inverse-with-hover;
152
+ $status-color-pill-important-bg-alt-hover: $modes-color-status-important-hover-alt;
153
+ $status-color-pill-important-bg-hover: $modes-color-status-important-hover;
154
+ $status-color-pill-important-inverse-bg-alt-hover: $modes-color-status-important-inverse-hover-alt;
155
+ $status-color-pill-important-inverse-bg-hover: $modes-color-status-important-inverse-hover;
146
156
  $status-color-pill-info-bg-alt-hover: $modes-color-status-info-hover-alt;
147
157
  $status-color-pill-info-bg-hover: $modes-color-status-info-hover;
148
158
  $status-color-pill-info-inverse-bg-alt-hover: $modes-color-status-info-inverse-hover-alt;
package/scss/product/small/components/status.scss CHANGED
@@ -67,6 +67,12 @@ $status-color-pill-error-border-default: $modes-color-status-negative-default;
67
67
  $status-color-pill-error-inverse-bg-default: $modes-color-status-negative-inverse-default;
68
68
  $status-color-pill-error-inverse-bg-alt-default: $modes-color-status-negative-inverse-default-alt; // outline pill bg
69
69
  $status-color-pill-error-inverse-border-default: $modes-color-status-negative-inverse-default;
70
+ $status-color-pill-important-bg-default: $modes-color-status-important-default;
71
+ $status-color-pill-important-bg-alt-default: $modes-color-status-important-default-alt; // outline pill bg
72
+ $status-color-pill-important-border-default: $modes-color-status-important-default;
73
+ $status-color-pill-important-inverse-bg-default: $modes-color-status-important-inverse-default;
74
+ $status-color-pill-important-inverse-bg-alt-default: $modes-color-status-important-inverse-default-alt; // outline pill bg
75
+ $status-color-pill-important-inverse-border-default: $modes-color-status-important-inverse-default;
70
76
  $status-color-pill-info-bg-default: $modes-color-status-info-default;
71
77
  $status-color-pill-info-bg-alt-default: $modes-color-status-info-default-alt; // outline pill bg
72
78
  $status-color-pill-info-border-default: $modes-color-status-info-default;
@@ -143,6 +149,10 @@ $status-color-pill-error-inverse-bg-alt-hover: $modes-color-status-negative-inve
143
149
  $status-color-pill-error-inverse-bg-hover: $modes-color-status-negative-inverse-hover;
144
150
  $status-color-pill-generic-inverse-label-default: $modes-color-status-content-inverse-with-default;
145
151
  $status-color-pill-generic-inverse-label-hover: $modes-color-status-content-inverse-with-hover;
152
+ $status-color-pill-important-bg-alt-hover: $modes-color-status-important-hover-alt;
153
+ $status-color-pill-important-bg-hover: $modes-color-status-important-hover;
154
+ $status-color-pill-important-inverse-bg-alt-hover: $modes-color-status-important-inverse-hover-alt;
155
+ $status-color-pill-important-inverse-bg-hover: $modes-color-status-important-inverse-hover;
146
156
  $status-color-pill-info-bg-alt-hover: $modes-color-status-info-hover-alt;
147
157
  $status-color-pill-info-bg-hover: $modes-color-status-info-hover;
148
158
  $status-color-pill-info-inverse-bg-alt-hover: $modes-color-status-info-inverse-hover-alt;
package/sage-design-tokens-14.1.0.tgz DELETED
Binary file