@sage/design-tokens 12.5.3 → 12.7.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 (249) hide show
  1. package/css/frozenproduct/all.css +42 -22
  2. package/css/frozenproduct/large/components/button.css +41 -22
  3. package/css/frozenproduct/large/components/table.css +4 -0
  4. package/css/frozenproduct/small/components/button.css +41 -22
  5. package/css/frozenproduct/small/components/table.css +4 -0
  6. package/css/marketing/all.css +42 -22
  7. package/css/marketing/large/components/button.css +41 -22
  8. package/css/marketing/large/components/table.css +4 -0
  9. package/css/marketing/small/components/button.css +41 -22
  10. package/css/marketing/small/components/table.css +4 -0
  11. package/css/product/all.css +42 -22
  12. package/css/product/large/components/button.css +41 -22
  13. package/css/product/large/components/table.css +4 -0
  14. package/css/product/small/components/button.css +41 -22
  15. package/css/product/small/components/table.css +4 -0
  16. package/ios/frozenproduct/large/dark/components/button.h +40 -21
  17. package/ios/frozenproduct/large/dark/components/table.h +4 -0
  18. package/ios/frozenproduct/large/light/components/button.h +40 -21
  19. package/ios/frozenproduct/large/light/components/table.h +4 -0
  20. package/ios/frozenproduct/small/dark/components/button.h +41 -22
  21. package/ios/frozenproduct/small/dark/components/table.h +4 -0
  22. package/ios/frozenproduct/small/light/components/button.h +41 -22
  23. package/ios/frozenproduct/small/light/components/table.h +4 -0
  24. package/ios/marketing/large/dark/components/button.h +40 -21
  25. package/ios/marketing/large/dark/components/table.h +4 -0
  26. package/ios/marketing/large/light/components/button.h +40 -21
  27. package/ios/marketing/large/light/components/table.h +4 -0
  28. package/ios/marketing/small/dark/components/button.h +41 -22
  29. package/ios/marketing/small/dark/components/table.h +4 -0
  30. package/ios/marketing/small/light/components/button.h +41 -22
  31. package/ios/marketing/small/light/components/table.h +4 -0
  32. package/ios/product/large/dark/components/button.h +40 -21
  33. package/ios/product/large/dark/components/table.h +4 -0
  34. package/ios/product/large/light/components/button.h +40 -21
  35. package/ios/product/large/light/components/table.h +4 -0
  36. package/ios/product/small/dark/components/button.h +41 -22
  37. package/ios/product/small/dark/components/table.h +4 -0
  38. package/ios/product/small/light/components/button.h +41 -22
  39. package/ios/product/small/light/components/table.h +4 -0
  40. package/js/common/frozenproduct/large/dark/components/button.d.ts +31 -12
  41. package/js/common/frozenproduct/large/dark/components/button.js +507 -195
  42. package/js/common/frozenproduct/large/dark/components/table.d.ts +4 -0
  43. package/js/common/frozenproduct/large/dark/components/table.js +52 -0
  44. package/js/common/frozenproduct/large/light/components/button.d.ts +31 -12
  45. package/js/common/frozenproduct/large/light/components/button.js +507 -195
  46. package/js/common/frozenproduct/large/light/components/table.d.ts +4 -0
  47. package/js/common/frozenproduct/large/light/components/table.js +52 -0
  48. package/js/common/frozenproduct/small/dark/components/button.d.ts +31 -12
  49. package/js/common/frozenproduct/small/dark/components/button.js +511 -199
  50. package/js/common/frozenproduct/small/dark/components/table.d.ts +4 -0
  51. package/js/common/frozenproduct/small/dark/components/table.js +52 -0
  52. package/js/common/frozenproduct/small/light/components/button.d.ts +31 -12
  53. package/js/common/frozenproduct/small/light/components/button.js +511 -199
  54. package/js/common/frozenproduct/small/light/components/table.d.ts +4 -0
  55. package/js/common/frozenproduct/small/light/components/table.js +52 -0
  56. package/js/common/marketing/large/dark/components/button.d.ts +31 -12
  57. package/js/common/marketing/large/dark/components/button.js +507 -195
  58. package/js/common/marketing/large/dark/components/table.d.ts +4 -0
  59. package/js/common/marketing/large/dark/components/table.js +52 -0
  60. package/js/common/marketing/large/light/components/button.d.ts +31 -12
  61. package/js/common/marketing/large/light/components/button.js +507 -195
  62. package/js/common/marketing/large/light/components/table.d.ts +4 -0
  63. package/js/common/marketing/large/light/components/table.js +52 -0
  64. package/js/common/marketing/small/dark/components/button.d.ts +31 -12
  65. package/js/common/marketing/small/dark/components/button.js +511 -199
  66. package/js/common/marketing/small/dark/components/table.d.ts +4 -0
  67. package/js/common/marketing/small/dark/components/table.js +52 -0
  68. package/js/common/marketing/small/light/components/button.d.ts +31 -12
  69. package/js/common/marketing/small/light/components/button.js +511 -199
  70. package/js/common/marketing/small/light/components/table.d.ts +4 -0
  71. package/js/common/marketing/small/light/components/table.js +52 -0
  72. package/js/common/product/large/dark/components/button.d.ts +31 -12
  73. package/js/common/product/large/dark/components/button.js +507 -195
  74. package/js/common/product/large/dark/components/table.d.ts +4 -0
  75. package/js/common/product/large/dark/components/table.js +52 -0
  76. package/js/common/product/large/light/components/button.d.ts +31 -12
  77. package/js/common/product/large/light/components/button.js +507 -195
  78. package/js/common/product/large/light/components/table.d.ts +4 -0
  79. package/js/common/product/large/light/components/table.js +52 -0
  80. package/js/common/product/small/dark/components/button.d.ts +31 -12
  81. package/js/common/product/small/dark/components/button.js +511 -199
  82. package/js/common/product/small/dark/components/table.d.ts +4 -0
  83. package/js/common/product/small/dark/components/table.js +52 -0
  84. package/js/common/product/small/light/components/button.d.ts +31 -12
  85. package/js/common/product/small/light/components/button.js +511 -199
  86. package/js/common/product/small/light/components/table.d.ts +4 -0
  87. package/js/common/product/small/light/components/table.js +52 -0
  88. package/js/es6/frozenproduct/large/dark/components/button.d.ts +76 -21
  89. package/js/es6/frozenproduct/large/dark/components/button.js +76 -21
  90. package/js/es6/frozenproduct/large/dark/components/table.d.ts +4 -0
  91. package/js/es6/frozenproduct/large/dark/components/table.js +4 -0
  92. package/js/es6/frozenproduct/large/light/components/button.d.ts +76 -21
  93. package/js/es6/frozenproduct/large/light/components/button.js +76 -21
  94. package/js/es6/frozenproduct/large/light/components/table.d.ts +4 -0
  95. package/js/es6/frozenproduct/large/light/components/table.js +4 -0
  96. package/js/es6/frozenproduct/small/dark/components/button.d.ts +76 -21
  97. package/js/es6/frozenproduct/small/dark/components/button.js +77 -22
  98. package/js/es6/frozenproduct/small/dark/components/table.d.ts +4 -0
  99. package/js/es6/frozenproduct/small/dark/components/table.js +4 -0
  100. package/js/es6/frozenproduct/small/light/components/button.d.ts +76 -21
  101. package/js/es6/frozenproduct/small/light/components/button.js +77 -22
  102. package/js/es6/frozenproduct/small/light/components/table.d.ts +4 -0
  103. package/js/es6/frozenproduct/small/light/components/table.js +4 -0
  104. package/js/es6/marketing/large/dark/components/button.d.ts +76 -21
  105. package/js/es6/marketing/large/dark/components/button.js +76 -21
  106. package/js/es6/marketing/large/dark/components/table.d.ts +4 -0
  107. package/js/es6/marketing/large/dark/components/table.js +4 -0
  108. package/js/es6/marketing/large/light/components/button.d.ts +76 -21
  109. package/js/es6/marketing/large/light/components/button.js +76 -21
  110. package/js/es6/marketing/large/light/components/table.d.ts +4 -0
  111. package/js/es6/marketing/large/light/components/table.js +4 -0
  112. package/js/es6/marketing/small/dark/components/button.d.ts +76 -21
  113. package/js/es6/marketing/small/dark/components/button.js +77 -22
  114. package/js/es6/marketing/small/dark/components/table.d.ts +4 -0
  115. package/js/es6/marketing/small/dark/components/table.js +4 -0
  116. package/js/es6/marketing/small/light/components/button.d.ts +76 -21
  117. package/js/es6/marketing/small/light/components/button.js +77 -22
  118. package/js/es6/marketing/small/light/components/table.d.ts +4 -0
  119. package/js/es6/marketing/small/light/components/table.js +4 -0
  120. package/js/es6/product/large/dark/components/button.d.ts +76 -21
  121. package/js/es6/product/large/dark/components/button.js +76 -21
  122. package/js/es6/product/large/dark/components/table.d.ts +4 -0
  123. package/js/es6/product/large/dark/components/table.js +4 -0
  124. package/js/es6/product/large/light/components/button.d.ts +76 -21
  125. package/js/es6/product/large/light/components/button.js +76 -21
  126. package/js/es6/product/large/light/components/table.d.ts +4 -0
  127. package/js/es6/product/large/light/components/table.js +4 -0
  128. package/js/es6/product/small/dark/components/button.d.ts +76 -21
  129. package/js/es6/product/small/dark/components/button.js +77 -22
  130. package/js/es6/product/small/dark/components/table.d.ts +4 -0
  131. package/js/es6/product/small/dark/components/table.js +4 -0
  132. package/js/es6/product/small/light/components/button.d.ts +76 -21
  133. package/js/es6/product/small/light/components/button.js +77 -22
  134. package/js/es6/product/small/light/components/table.d.ts +4 -0
  135. package/js/es6/product/small/light/components/table.js +4 -0
  136. package/js/umd/frozenproduct/large/dark/components/button.js +507 -195
  137. package/js/umd/frozenproduct/large/dark/components/table.js +52 -0
  138. package/js/umd/frozenproduct/large/light/components/button.js +507 -195
  139. package/js/umd/frozenproduct/large/light/components/table.js +52 -0
  140. package/js/umd/frozenproduct/small/dark/components/button.js +511 -199
  141. package/js/umd/frozenproduct/small/dark/components/table.js +52 -0
  142. package/js/umd/frozenproduct/small/light/components/button.js +511 -199
  143. package/js/umd/frozenproduct/small/light/components/table.js +52 -0
  144. package/js/umd/marketing/large/dark/components/button.js +507 -195
  145. package/js/umd/marketing/large/dark/components/table.js +52 -0
  146. package/js/umd/marketing/large/light/components/button.js +507 -195
  147. package/js/umd/marketing/large/light/components/table.js +52 -0
  148. package/js/umd/marketing/small/dark/components/button.js +511 -199
  149. package/js/umd/marketing/small/dark/components/table.js +52 -0
  150. package/js/umd/marketing/small/light/components/button.js +511 -199
  151. package/js/umd/marketing/small/light/components/table.js +52 -0
  152. package/js/umd/product/large/dark/components/button.js +507 -195
  153. package/js/umd/product/large/dark/components/table.js +52 -0
  154. package/js/umd/product/large/light/components/button.js +507 -195
  155. package/js/umd/product/large/light/components/table.js +52 -0
  156. package/js/umd/product/small/dark/components/button.js +511 -199
  157. package/js/umd/product/small/dark/components/table.js +52 -0
  158. package/js/umd/product/small/light/components/button.js +511 -199
  159. package/js/umd/product/small/light/components/table.js +52 -0
  160. package/json/flat/frozenproduct/large/dark/components/button.json +40 -21
  161. package/json/flat/frozenproduct/large/dark/components/table.json +4 -0
  162. package/json/flat/frozenproduct/large/light/components/button.json +40 -21
  163. package/json/flat/frozenproduct/large/light/components/table.json +4 -0
  164. package/json/flat/frozenproduct/small/dark/components/button.json +41 -22
  165. package/json/flat/frozenproduct/small/dark/components/table.json +4 -0
  166. package/json/flat/frozenproduct/small/light/components/button.json +41 -22
  167. package/json/flat/frozenproduct/small/light/components/table.json +4 -0
  168. package/json/flat/marketing/large/dark/components/button.json +40 -21
  169. package/json/flat/marketing/large/dark/components/table.json +4 -0
  170. package/json/flat/marketing/large/light/components/button.json +40 -21
  171. package/json/flat/marketing/large/light/components/table.json +4 -0
  172. package/json/flat/marketing/small/dark/components/button.json +41 -22
  173. package/json/flat/marketing/small/dark/components/table.json +4 -0
  174. package/json/flat/marketing/small/light/components/button.json +41 -22
  175. package/json/flat/marketing/small/light/components/table.json +4 -0
  176. package/json/flat/product/large/dark/components/button.json +40 -21
  177. package/json/flat/product/large/dark/components/table.json +4 -0
  178. package/json/flat/product/large/light/components/button.json +40 -21
  179. package/json/flat/product/large/light/components/table.json +4 -0
  180. package/json/flat/product/small/dark/components/button.json +41 -22
  181. package/json/flat/product/small/dark/components/table.json +4 -0
  182. package/json/flat/product/small/light/components/button.json +41 -22
  183. package/json/flat/product/small/light/components/table.json +4 -0
  184. package/json/nested/frozenproduct/large/dark/components/button.json +82 -27
  185. package/json/nested/frozenproduct/large/dark/components/table.json +5 -1
  186. package/json/nested/frozenproduct/large/light/components/button.json +82 -27
  187. package/json/nested/frozenproduct/large/light/components/table.json +5 -1
  188. package/json/nested/frozenproduct/small/dark/components/button.json +83 -28
  189. package/json/nested/frozenproduct/small/dark/components/table.json +5 -1
  190. package/json/nested/frozenproduct/small/light/components/button.json +83 -28
  191. package/json/nested/frozenproduct/small/light/components/table.json +5 -1
  192. package/json/nested/marketing/large/dark/components/button.json +82 -27
  193. package/json/nested/marketing/large/dark/components/table.json +5 -1
  194. package/json/nested/marketing/large/light/components/button.json +82 -27
  195. package/json/nested/marketing/large/light/components/table.json +5 -1
  196. package/json/nested/marketing/small/dark/components/button.json +83 -28
  197. package/json/nested/marketing/small/dark/components/table.json +5 -1
  198. package/json/nested/marketing/small/light/components/button.json +83 -28
  199. package/json/nested/marketing/small/light/components/table.json +5 -1
  200. package/json/nested/product/large/dark/components/button.json +82 -27
  201. package/json/nested/product/large/dark/components/table.json +5 -1
  202. package/json/nested/product/large/light/components/button.json +82 -27
  203. package/json/nested/product/large/light/components/table.json +5 -1
  204. package/json/nested/product/small/dark/components/button.json +83 -28
  205. package/json/nested/product/small/dark/components/table.json +5 -1
  206. package/json/nested/product/small/light/components/button.json +83 -28
  207. package/json/nested/product/small/light/components/table.json +5 -1
  208. package/package.json +1 -1
  209. package/sage-design-tokens-12.7.0.tgz +0 -0
  210. package/scss/frozenproduct/large/components/button.scss +41 -22
  211. package/scss/frozenproduct/large/components/table.scss +4 -0
  212. package/scss/frozenproduct/small/components/button.scss +41 -22
  213. package/scss/frozenproduct/small/components/table.scss +4 -0
  214. package/scss/marketing/large/components/button.scss +64 -45
  215. package/scss/marketing/large/components/container.scss +9 -9
  216. package/scss/marketing/large/components/form.scss +7 -7
  217. package/scss/marketing/large/components/link.scss +2 -2
  218. package/scss/marketing/large/components/nav.scss +3 -3
  219. package/scss/marketing/large/components/page.scss +1 -1
  220. package/scss/marketing/large/components/popover.scss +2 -2
  221. package/scss/marketing/large/components/progress.scss +6 -6
  222. package/scss/marketing/large/components/status.scss +3 -3
  223. package/scss/marketing/large/components/tab.scss +7 -7
  224. package/scss/marketing/large/components/table.scss +14 -10
  225. package/scss/marketing/small/components/button.scss +41 -22
  226. package/scss/marketing/small/components/table.scss +4 -0
  227. package/scss/product/large/components/button.scss +64 -45
  228. package/scss/product/large/components/container.scss +9 -9
  229. package/scss/product/large/components/form.scss +7 -7
  230. package/scss/product/large/components/link.scss +2 -2
  231. package/scss/product/large/components/nav.scss +3 -3
  232. package/scss/product/large/components/page.scss +1 -1
  233. package/scss/product/large/components/popover.scss +2 -2
  234. package/scss/product/large/components/progress.scss +6 -6
  235. package/scss/product/large/components/status.scss +3 -3
  236. package/scss/product/large/components/tab.scss +7 -7
  237. package/scss/product/large/components/table.scss +14 -10
  238. package/scss/product/small/components/button.scss +64 -45
  239. package/scss/product/small/components/container.scss +9 -9
  240. package/scss/product/small/components/form.scss +7 -7
  241. package/scss/product/small/components/link.scss +2 -2
  242. package/scss/product/small/components/nav.scss +3 -3
  243. package/scss/product/small/components/page.scss +1 -1
  244. package/scss/product/small/components/popover.scss +2 -2
  245. package/scss/product/small/components/progress.scss +6 -6
  246. package/scss/product/small/components/status.scss +3 -3
  247. package/scss/product/small/components/tab.scss +7 -7
  248. package/scss/product/small/components/table.scss +14 -10
  249. package/sage-design-tokens-12.5.3.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -600,12 +600,15 @@
600
600
  --button-typography-primary-s: var(--global-typography-component-firm-s);
601
601
  --button-typography-primary-m: var(--global-typography-component-firm-m);
602
602
  --button-typography-primary-l: var(--global-typography-component-firm-l);
603
+ --button-typography-secondary-xs: var(--global-typography-component-firm-s);
603
604
  --button-typography-secondary-s: var(--global-typography-component-firm-s);
604
605
  --button-typography-secondary-m: var(--global-typography-component-firm-m);
605
606
  --button-typography-secondary-l: var(--global-typography-component-firm-l);
607
+ --button-typography-subtle-xs: var(--global-typography-component-firm-s);
606
608
  --button-typography-subtle-s: var(--global-typography-component-firm-s);
607
609
  --button-typography-subtle-m: var(--global-typography-component-firm-m);
608
610
  --button-typography-subtle-l: var(--global-typography-component-firm-l);
611
+ --button-typography-tertiary-xs: var(--global-typography-component-firm-s);
609
612
  --button-typography-tertiary-s: var(--global-typography-component-firm-s);
610
613
  --button-typography-tertiary-m: var(--global-typography-component-firm-m);
611
614
  --button-typography-tertiary-l: var(--global-typography-component-firm-l);
@@ -628,6 +631,7 @@
628
631
  --button-color-typical-toggle-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
629
632
  --button-color-video-bg-blur: light-dark(var(--modes-color-interactive-monochrome-generic-hover-alt-light), var(--modes-color-interactive-monochrome-generic-hover-alt-dark));
630
633
  --button-size-split: var(--global-size-micro-xxs); /* Split button (divider width) */
634
+ --button-size-xs: var(--global-size-macro-xs); /* min-height on XS Buttons */
631
635
  --button-size-s: var(--global-size-macro-s); /* min-height on S Buttons */
632
636
  --button-size-m: var(--global-size-macro-m); /* min-height on M Buttons */
633
637
  --button-size-l: var(--global-size-macro-l); /* min-height on L Buttons */
@@ -672,42 +676,51 @@
672
676
  --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
673
677
  --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
674
678
  --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
679
+ --button-space-secondary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
675
680
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
676
681
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
677
682
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
678
- --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
679
- --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
680
- --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
683
+ --button-space-secondary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
681
684
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
682
685
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
683
686
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
687
+ --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
688
+ --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
689
+ --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
690
+ --button-space-secondary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
684
691
  --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
685
692
  --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
686
693
  --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
687
- --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
688
- --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
689
- --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
690
- --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
691
- --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
692
- --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
693
- --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
694
- --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
695
- --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
696
- --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
697
- --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
698
- --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
694
+ --button-space-tertiary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
695
+ --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
696
+ --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
697
+ --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
698
+ --button-space-tertiary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
699
699
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
700
700
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
701
701
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
702
+ --button-space-tertiary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
702
703
  --button-space-tertiary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
703
704
  --button-space-tertiary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
704
705
  --button-space-tertiary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
705
- --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
706
- --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
707
- --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
708
706
  --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
709
707
  --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
710
708
  --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
709
+ --button-space-subtle-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
710
+ --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
711
+ --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
712
+ --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
713
+ --button-space-subtle-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
714
+ --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
715
+ --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
716
+ --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
717
+ --button-space-subtle-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
718
+ --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
719
+ --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
720
+ --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
721
+ --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
722
+ --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
723
+ --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
711
724
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
712
725
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
713
726
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
@@ -715,7 +728,7 @@
715
728
  --button-space-toggle-button-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
716
729
  --button-space-toggle-button-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
717
730
  --button-space-toggle-button-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
718
- --button-space-toggle-button-y-xs: var(--global-space-micro-xs)-0.5; /* Top and bottom padding on toggle buttons */
731
+ --button-space-toggle-button-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* Top and bottom padding on toggle buttons */
719
732
  --button-space-toggle-button-y-s: var(--global-space-micro-s); /* Top and bottom padding on toggle buttons */
720
733
  --button-space-toggle-button-y-m: var(--global-space-micro-l); /* Top and bottom padding on toggle buttons */
721
734
  --button-space-toggle-button-y-l: var(--global-space-micro-xl)-0.5; /* Top and bottom padding on toggle buttons */
@@ -779,15 +792,18 @@
779
792
  --button-radius-primary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
780
793
  --button-radius-primary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
781
794
  --button-radius-primary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
795
+ --button-radius-secondary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
782
796
  --button-radius-secondary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
783
797
  --button-radius-secondary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
784
798
  --button-radius-secondary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
785
- --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
786
- --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
787
- --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
799
+ --button-radius-tertiary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
788
800
  --button-radius-tertiary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
789
801
  --button-radius-tertiary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
790
802
  --button-radius-tertiary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
803
+ --button-radius-subtle-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
804
+ --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
805
+ --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
806
+ --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
791
807
  --button-radius-toggle-button-xs: var(--global-radius-interactive-xxl)/2; /* XS single toggle button (used within S toggle group) */
792
808
  --button-radius-toggle-button-s: var(--global-radius-interactive-l); /* S single toggle button (used within M toggle group) */
793
809
  --button-radius-toggle-button-m: var(--global-radius-interactive-xl); /* M single toggle button (used within L toggle group) */
@@ -2082,7 +2098,11 @@
2082
2098
  --table-size-row-standard-m: var(--global-size-macro-m);
2083
2099
  --table-size-row-standard-l: var(--global-size-macro-l);
2084
2100
  --table-size-row-standard-xl: calc(var(--global-size-macro-xl) + var(--global-size-micro-m));
2101
+ --table-size-icon-xs: var(--global-size-icon-s);
2102
+ --table-size-icon-s: var(--global-size-icon-s);
2085
2103
  --table-size-icon-m: var(--global-size-icon-m);
2104
+ --table-size-icon-l: var(--global-size-icon-l);
2105
+ --table-size-icon-xl: var(--global-size-icon-xl);
2086
2106
  --table-size-row-doubleheight-xs: calc(var(--table-size-row-standard-xs) * 2);
2087
2107
  --table-size-row-doubleheight-s: calc(var(--table-size-row-standard-s) * 2);
2088
2108
  --table-size-row-doubleheight-m: calc(var(--table-size-row-standard-m) * 2);
package/css/frozenproduct/large/components/button.css CHANGED
@@ -24,24 +24,30 @@
24
24
  --button-typography-adaptive-primary-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --button-typography-adaptive-primary-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --button-typography-adaptive-primary-l: var(--global-typography-adaptive-component-firm-l);
27
+ --button-typography-adaptive-secondary-xs: var(--global-typography-adaptive-component-firm-s);
27
28
  --button-typography-adaptive-secondary-s: var(--global-typography-adaptive-component-firm-s);
28
29
  --button-typography-adaptive-secondary-m: var(--global-typography-adaptive-component-firm-m);
29
30
  --button-typography-adaptive-secondary-l: var(--global-typography-adaptive-component-firm-l);
31
+ --button-typography-adaptive-subtle-xs: var(--global-typography-adaptive-component-firm-s);
30
32
  --button-typography-adaptive-subtle-s: var(--global-typography-adaptive-component-firm-s);
31
33
  --button-typography-adaptive-subtle-m: var(--global-typography-adaptive-component-firm-m);
32
34
  --button-typography-adaptive-subtle-l: var(--global-typography-adaptive-component-firm-l);
35
+ --button-typography-adaptive-tertiary-xs: var(--global-typography-adaptive-component-firm-s);
33
36
  --button-typography-adaptive-tertiary-s: var(--global-typography-adaptive-component-firm-s);
34
37
  --button-typography-adaptive-tertiary-m: var(--global-typography-adaptive-component-firm-m);
35
38
  --button-typography-adaptive-tertiary-l: var(--global-typography-adaptive-component-firm-l);
36
39
  --button-typography-responsive-primary-s: var(--global-typography-responsive-component-firm-s);
37
40
  --button-typography-responsive-primary-m: var(--global-typography-responsive-component-firm-m);
38
41
  --button-typography-responsive-primary-l: var(--global-typography-responsive-component-firm-l);
42
+ --button-typography-responsive-secondary-xs: var(--global-typography-responsive-component-firm-s);
39
43
  --button-typography-responsive-secondary-s: var(--global-typography-responsive-component-firm-s);
40
44
  --button-typography-responsive-secondary-m: var(--global-typography-responsive-component-firm-m);
41
45
  --button-typography-responsive-secondary-l: var(--global-typography-responsive-component-firm-l);
46
+ --button-typography-responsive-subtle-xs: var(--global-typography-responsive-component-firm-s);
42
47
  --button-typography-responsive-subtle-s: var(--global-typography-responsive-component-firm-s);
43
48
  --button-typography-responsive-subtle-m: var(--global-typography-responsive-component-firm-m);
44
49
  --button-typography-responsive-subtle-l: var(--global-typography-responsive-component-firm-l);
50
+ --button-typography-responsive-tertiary-xs: var(--global-typography-responsive-component-firm-s);
45
51
  --button-typography-responsive-tertiary-s: var(--global-typography-responsive-component-firm-s);
46
52
  --button-typography-responsive-tertiary-m: var(--global-typography-responsive-component-firm-m);
47
53
  --button-typography-responsive-tertiary-l: var(--global-typography-responsive-component-firm-l);
@@ -64,6 +70,7 @@
64
70
  --button-color-typical-toggle-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
65
71
  --button-color-video-bg-blur: var(--modes-color-interactive-monochrome-generic-hover-alt);
66
72
  --button-size-split: var(--global-size-micro-xxs); /* Split button (divider width) */
73
+ --button-size-xs: var(--global-size-macro-xs); /* min-height on XS Buttons */
67
74
  --button-size-s: var(--global-size-macro-s); /* min-height on S Buttons */
68
75
  --button-size-m: var(--global-size-macro-m); /* min-height on M Buttons */
69
76
  --button-size-l: var(--global-size-macro-l); /* min-height on L Buttons */
@@ -108,42 +115,51 @@
108
115
  --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
109
116
  --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
110
117
  --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
118
+ --button-space-secondary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
111
119
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
112
120
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
113
121
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
114
- --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
115
- --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
116
- --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
122
+ --button-space-secondary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
117
123
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
118
124
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
119
125
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
126
+ --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
127
+ --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
128
+ --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
129
+ --button-space-secondary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
120
130
  --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
121
131
  --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
122
132
  --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
123
- --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
124
- --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
125
- --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
126
- --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
127
- --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
128
- --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
129
- --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
130
- --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
131
- --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
132
- --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
133
- --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
134
- --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
133
+ --button-space-tertiary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
134
+ --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
135
+ --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
136
+ --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
137
+ --button-space-tertiary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
135
138
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
136
139
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
137
140
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
141
+ --button-space-tertiary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
138
142
  --button-space-tertiary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
139
143
  --button-space-tertiary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
140
144
  --button-space-tertiary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
141
- --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
142
- --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
143
- --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
144
145
  --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
145
146
  --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
146
147
  --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
148
+ --button-space-subtle-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
149
+ --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
150
+ --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
151
+ --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
152
+ --button-space-subtle-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
153
+ --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
154
+ --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
155
+ --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
156
+ --button-space-subtle-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
157
+ --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
158
+ --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
159
+ --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
160
+ --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
161
+ --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
162
+ --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
147
163
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
148
164
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
149
165
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
@@ -151,7 +167,7 @@
151
167
  --button-space-toggle-button-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
152
168
  --button-space-toggle-button-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
153
169
  --button-space-toggle-button-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
154
- --button-space-toggle-button-y-xs: var(--global-space-micro-xs)-0.5; /* Top and bottom padding on toggle buttons */
170
+ --button-space-toggle-button-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* Top and bottom padding on toggle buttons */
155
171
  --button-space-toggle-button-y-s: var(--global-space-micro-s); /* Top and bottom padding on toggle buttons */
156
172
  --button-space-toggle-button-y-m: var(--global-space-micro-l); /* Top and bottom padding on toggle buttons */
157
173
  --button-space-toggle-button-y-l: var(--global-space-micro-xl)-0.5; /* Top and bottom padding on toggle buttons */
@@ -215,15 +231,18 @@
215
231
  --button-radius-primary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
216
232
  --button-radius-primary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
217
233
  --button-radius-primary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
234
+ --button-radius-secondary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
218
235
  --button-radius-secondary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
219
236
  --button-radius-secondary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
220
237
  --button-radius-secondary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
221
- --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
222
- --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
223
- --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
238
+ --button-radius-tertiary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
224
239
  --button-radius-tertiary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
225
240
  --button-radius-tertiary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
226
241
  --button-radius-tertiary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
242
+ --button-radius-subtle-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
243
+ --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
244
+ --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
245
+ --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
227
246
  --button-radius-toggle-button-xs: var(--global-radius-interactive-xxl)/2; /* XS single toggle button (used within S toggle group) */
228
247
  --button-radius-toggle-button-s: var(--global-radius-interactive-l); /* S single toggle button (used within M toggle group) */
229
248
  --button-radius-toggle-button-m: var(--global-radius-interactive-xl); /* M single toggle button (used within L toggle group) */
package/css/frozenproduct/large/components/table.css CHANGED
@@ -74,7 +74,11 @@
74
74
  --table-size-row-standard-m: var(--global-size-macro-m);
75
75
  --table-size-row-standard-l: var(--global-size-macro-l);
76
76
  --table-size-row-standard-xl: calc(var(--global-size-macro-xl) + var(--global-size-micro-m));
77
+ --table-size-icon-xs: var(--global-size-icon-s);
78
+ --table-size-icon-s: var(--global-size-icon-s);
77
79
  --table-size-icon-m: var(--global-size-icon-m);
80
+ --table-size-icon-l: var(--global-size-icon-l);
81
+ --table-size-icon-xl: var(--global-size-icon-xl);
78
82
  --table-size-row-doubleheight-xs: calc(var(--table-size-row-standard-xs) * 2);
79
83
  --table-size-row-doubleheight-s: calc(var(--table-size-row-standard-s) * 2);
80
84
  --table-size-row-doubleheight-m: calc(var(--table-size-row-standard-m) * 2);
package/css/frozenproduct/small/components/button.css CHANGED
@@ -24,24 +24,30 @@
24
24
  --button-typography-adaptive-primary-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --button-typography-adaptive-primary-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --button-typography-adaptive-primary-l: var(--global-typography-adaptive-component-firm-l);
27
+ --button-typography-adaptive-secondary-xs: var(--global-typography-adaptive-component-firm-s);
27
28
  --button-typography-adaptive-secondary-s: var(--global-typography-adaptive-component-firm-s);
28
29
  --button-typography-adaptive-secondary-m: var(--global-typography-adaptive-component-firm-m);
29
30
  --button-typography-adaptive-secondary-l: var(--global-typography-adaptive-component-firm-l);
31
+ --button-typography-adaptive-subtle-xs: var(--global-typography-adaptive-component-firm-s);
30
32
  --button-typography-adaptive-subtle-s: var(--global-typography-adaptive-component-firm-s);
31
33
  --button-typography-adaptive-subtle-m: var(--global-typography-adaptive-component-firm-m);
32
34
  --button-typography-adaptive-subtle-l: var(--global-typography-adaptive-component-firm-l);
35
+ --button-typography-adaptive-tertiary-xs: var(--global-typography-adaptive-component-firm-s);
33
36
  --button-typography-adaptive-tertiary-s: var(--global-typography-adaptive-component-firm-s);
34
37
  --button-typography-adaptive-tertiary-m: var(--global-typography-adaptive-component-firm-m);
35
38
  --button-typography-adaptive-tertiary-l: var(--global-typography-adaptive-component-firm-l);
36
39
  --button-typography-responsive-primary-s: var(--global-typography-responsive-component-firm-s);
37
40
  --button-typography-responsive-primary-m: var(--global-typography-responsive-component-firm-m);
38
41
  --button-typography-responsive-primary-l: var(--global-typography-responsive-component-firm-l);
42
+ --button-typography-responsive-secondary-xs: var(--global-typography-responsive-component-firm-s);
39
43
  --button-typography-responsive-secondary-s: var(--global-typography-responsive-component-firm-s);
40
44
  --button-typography-responsive-secondary-m: var(--global-typography-responsive-component-firm-m);
41
45
  --button-typography-responsive-secondary-l: var(--global-typography-responsive-component-firm-l);
46
+ --button-typography-responsive-subtle-xs: var(--global-typography-responsive-component-firm-s);
42
47
  --button-typography-responsive-subtle-s: var(--global-typography-responsive-component-firm-s);
43
48
  --button-typography-responsive-subtle-m: var(--global-typography-responsive-component-firm-m);
44
49
  --button-typography-responsive-subtle-l: var(--global-typography-responsive-component-firm-l);
50
+ --button-typography-responsive-tertiary-xs: var(--global-typography-responsive-component-firm-s);
45
51
  --button-typography-responsive-tertiary-s: var(--global-typography-responsive-component-firm-s);
46
52
  --button-typography-responsive-tertiary-m: var(--global-typography-responsive-component-firm-m);
47
53
  --button-typography-responsive-tertiary-l: var(--global-typography-responsive-component-firm-l);
@@ -64,6 +70,7 @@
64
70
  --button-color-typical-toggle-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
65
71
  --button-color-video-bg-blur: var(--modes-color-interactive-monochrome-generic-hover-alt);
66
72
  --button-size-split: var(--global-size-micro-xxs); /* Split button (divider width) */
73
+ --button-size-xs: var(--global-size-macro-xs); /* min-height on XS Buttons */
67
74
  --button-size-s: var(--global-size-macro-s); /* min-height on S Buttons */
68
75
  --button-size-m: var(--global-size-macro-m); /* min-height on M Buttons */
69
76
  --button-size-l: var(--global-size-macro-l); /* min-height on L Buttons */
@@ -108,42 +115,51 @@
108
115
  --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
109
116
  --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
110
117
  --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
118
+ --button-space-secondary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
111
119
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
112
120
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
113
121
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
114
- --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
115
- --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
116
- --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
122
+ --button-space-secondary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
117
123
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
118
124
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
119
125
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
126
+ --button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
127
+ --button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
128
+ --button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
129
+ --button-space-secondary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
120
130
  --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
121
131
  --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
122
132
  --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
123
- --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
124
- --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
125
- --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
126
- --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
127
- --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
128
- --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
129
- --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
130
- --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
131
- --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
132
- --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
133
- --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
134
- --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
133
+ --button-space-tertiary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
134
+ --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
135
+ --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
136
+ --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
137
+ --button-space-tertiary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
135
138
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
136
139
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
137
140
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
141
+ --button-space-tertiary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
138
142
  --button-space-tertiary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
139
143
  --button-space-tertiary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
140
144
  --button-space-tertiary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
141
- --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
142
- --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
143
- --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
144
145
  --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
145
146
  --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
146
147
  --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
148
+ --button-space-subtle-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
149
+ --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
150
+ --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
151
+ --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
152
+ --button-space-subtle-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
153
+ --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
154
+ --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
155
+ --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
156
+ --button-space-subtle-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
157
+ --button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
158
+ --button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
159
+ --button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
160
+ --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
161
+ --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
162
+ --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
147
163
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
148
164
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
149
165
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
@@ -151,7 +167,7 @@
151
167
  --button-space-toggle-button-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
152
168
  --button-space-toggle-button-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
153
169
  --button-space-toggle-button-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside toggle buttons */
154
- --button-space-toggle-button-y-xs: var(--global-space-micro-xs)-0.5; /* Top and bottom padding on toggle buttons */
170
+ --button-space-toggle-button-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* Top and bottom padding on toggle buttons */
155
171
  --button-space-toggle-button-y-s: var(--global-space-micro-s); /* Top and bottom padding on toggle buttons */
156
172
  --button-space-toggle-button-y-m: var(--global-space-micro-l); /* Top and bottom padding on toggle buttons */
157
173
  --button-space-toggle-button-y-l: var(--global-space-micro-xl)-0.5; /* Top and bottom padding on toggle buttons */
@@ -215,15 +231,18 @@
215
231
  --button-radius-primary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
216
232
  --button-radius-primary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
217
233
  --button-radius-primary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
234
+ --button-radius-secondary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
218
235
  --button-radius-secondary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
219
236
  --button-radius-secondary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
220
237
  --button-radius-secondary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
221
- --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
222
- --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
223
- --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
238
+ --button-radius-tertiary-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
224
239
  --button-radius-tertiary-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
225
240
  --button-radius-tertiary-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
226
241
  --button-radius-tertiary-l: var(--global-radius-interactive-xxl); /* large tertiary button */
242
+ --button-radius-subtle-xs: calc(var(--global-radius-interactive-m) + var(--global-radius-interactive-s)); /* Consumed within XS buttons only in table context. */
243
+ --button-radius-subtle-s: var(--global-radius-interactive-l); /* Buttons S (typical and destructive, and inc bar, split and multi), Button toggle M (parent container) */
244
+ --button-radius-subtle-m: var(--global-radius-interactive-xl); /* Buttons M (typical and destructive, and inc bar, split and multi), Button toggle L (parent container), Button toggle M (parent container) */
245
+ --button-radius-subtle-l: var(--global-radius-interactive-xxl); /* large subtle button */
227
246
  --button-radius-toggle-button-xs: var(--global-radius-interactive-xxl)/2; /* XS single toggle button (used within S toggle group) */
228
247
  --button-radius-toggle-button-s: var(--global-radius-interactive-l); /* S single toggle button (used within M toggle group) */
229
248
  --button-radius-toggle-button-m: var(--global-radius-interactive-xl); /* M single toggle button (used within L toggle group) */
package/css/frozenproduct/small/components/table.css CHANGED
@@ -74,7 +74,11 @@
74
74
  --table-size-row-standard-m: var(--global-size-macro-m);
75
75
  --table-size-row-standard-l: var(--global-size-macro-l);
76
76
  --table-size-row-standard-xl: calc(var(--global-size-macro-xl) + var(--global-size-micro-m));
77
+ --table-size-icon-xs: var(--global-size-icon-s);
78
+ --table-size-icon-s: var(--global-size-icon-s);
77
79
  --table-size-icon-m: var(--global-size-icon-m);
80
+ --table-size-icon-l: var(--global-size-icon-l);
81
+ --table-size-icon-xl: var(--global-size-icon-xl);
78
82
  --table-size-row-doubleheight-xs: calc(var(--table-size-row-standard-xs) * 2);
79
83
  --table-size-row-doubleheight-s: calc(var(--table-size-row-standard-s) * 2);
80
84
  --table-size-row-doubleheight-m: calc(var(--table-size-row-standard-m) * 2);