@sage/design-tokens 12.2.0 → 12.4.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 (517) hide show
  1. package/css/frozenproduct/all.css +34 -25
  2. package/css/frozenproduct/large/components/button.css +12 -9
  3. package/css/frozenproduct/large/components/container.css +12 -10
  4. package/css/frozenproduct/large/components/popover.css +9 -6
  5. package/css/frozenproduct/large/components/status.css +1 -0
  6. package/css/frozenproduct/small/components/button.css +12 -9
  7. package/css/frozenproduct/small/components/container.css +12 -10
  8. package/css/frozenproduct/small/components/popover.css +9 -6
  9. package/css/frozenproduct/small/components/status.css +1 -0
  10. package/css/marketing/all.css +34 -25
  11. package/css/marketing/large/components/button.css +12 -9
  12. package/css/marketing/large/components/container.css +12 -10
  13. package/css/marketing/large/components/popover.css +9 -6
  14. package/css/marketing/large/components/status.css +1 -0
  15. package/css/marketing/small/components/button.css +12 -9
  16. package/css/marketing/small/components/container.css +12 -10
  17. package/css/marketing/small/components/popover.css +9 -6
  18. package/css/marketing/small/components/status.css +1 -0
  19. package/css/product/all.css +34 -25
  20. package/css/product/large/components/button.css +12 -9
  21. package/css/product/large/components/container.css +12 -10
  22. package/css/product/large/components/popover.css +9 -6
  23. package/css/product/large/components/status.css +1 -0
  24. package/css/product/small/components/button.css +12 -9
  25. package/css/product/small/components/container.css +12 -10
  26. package/css/product/small/components/popover.css +9 -6
  27. package/css/product/small/components/status.css +1 -0
  28. package/ios/frozenproduct/large/dark/components/button.h +3 -0
  29. package/ios/frozenproduct/large/dark/components/container.h +12 -10
  30. package/ios/frozenproduct/large/dark/components/form.h +2 -2
  31. package/ios/frozenproduct/large/dark/components/popover.h +8 -5
  32. package/ios/frozenproduct/large/dark/components/status.h +1 -0
  33. package/ios/frozenproduct/large/light/components/button.h +3 -0
  34. package/ios/frozenproduct/large/light/components/container.h +12 -10
  35. package/ios/frozenproduct/large/light/components/form.h +2 -2
  36. package/ios/frozenproduct/large/light/components/popover.h +8 -5
  37. package/ios/frozenproduct/large/light/components/status.h +1 -0
  38. package/ios/frozenproduct/small/dark/components/button.h +3 -0
  39. package/ios/frozenproduct/small/dark/components/container.h +12 -10
  40. package/ios/frozenproduct/small/dark/components/form.h +3 -3
  41. package/ios/frozenproduct/small/dark/components/popover.h +9 -6
  42. package/ios/frozenproduct/small/dark/components/status.h +1 -0
  43. package/ios/frozenproduct/small/light/components/button.h +3 -0
  44. package/ios/frozenproduct/small/light/components/container.h +12 -10
  45. package/ios/frozenproduct/small/light/components/form.h +3 -3
  46. package/ios/frozenproduct/small/light/components/popover.h +9 -6
  47. package/ios/frozenproduct/small/light/components/status.h +1 -0
  48. package/ios/marketing/large/dark/components/button.h +3 -0
  49. package/ios/marketing/large/dark/components/container.h +12 -10
  50. package/ios/marketing/large/dark/components/form.h +2 -2
  51. package/ios/marketing/large/dark/components/popover.h +8 -5
  52. package/ios/marketing/large/dark/components/status.h +1 -0
  53. package/ios/marketing/large/light/components/button.h +3 -0
  54. package/ios/marketing/large/light/components/container.h +12 -10
  55. package/ios/marketing/large/light/components/form.h +2 -2
  56. package/ios/marketing/large/light/components/popover.h +8 -5
  57. package/ios/marketing/large/light/components/status.h +1 -0
  58. package/ios/marketing/small/dark/components/button.h +3 -0
  59. package/ios/marketing/small/dark/components/container.h +12 -10
  60. package/ios/marketing/small/dark/components/form.h +3 -3
  61. package/ios/marketing/small/dark/components/popover.h +9 -6
  62. package/ios/marketing/small/dark/components/status.h +1 -0
  63. package/ios/marketing/small/light/components/button.h +3 -0
  64. package/ios/marketing/small/light/components/container.h +12 -10
  65. package/ios/marketing/small/light/components/form.h +3 -3
  66. package/ios/marketing/small/light/components/popover.h +9 -6
  67. package/ios/marketing/small/light/components/status.h +1 -0
  68. package/ios/product/large/dark/components/button.h +3 -0
  69. package/ios/product/large/dark/components/container.h +12 -10
  70. package/ios/product/large/dark/components/form.h +2 -2
  71. package/ios/product/large/dark/components/popover.h +8 -5
  72. package/ios/product/large/dark/components/status.h +1 -0
  73. package/ios/product/large/light/components/button.h +3 -0
  74. package/ios/product/large/light/components/container.h +12 -10
  75. package/ios/product/large/light/components/form.h +2 -2
  76. package/ios/product/large/light/components/popover.h +8 -5
  77. package/ios/product/large/light/components/status.h +1 -0
  78. package/ios/product/small/dark/components/button.h +3 -0
  79. package/ios/product/small/dark/components/container.h +12 -10
  80. package/ios/product/small/dark/components/form.h +3 -3
  81. package/ios/product/small/dark/components/popover.h +9 -6
  82. package/ios/product/small/dark/components/status.h +1 -0
  83. package/ios/product/small/light/components/button.h +3 -0
  84. package/ios/product/small/light/components/container.h +12 -10
  85. package/ios/product/small/light/components/form.h +3 -3
  86. package/ios/product/small/light/components/popover.h +9 -6
  87. package/ios/product/small/light/components/status.h +1 -0
  88. package/js/common/frozenproduct/large/dark/components/button.d.ts +7 -0
  89. package/js/common/frozenproduct/large/dark/components/button.js +73 -18
  90. package/js/common/frozenproduct/large/dark/components/container.d.ts +18 -16
  91. package/js/common/frozenproduct/large/dark/components/container.js +249 -219
  92. package/js/common/frozenproduct/large/dark/components/form.js +2 -2
  93. package/js/common/frozenproduct/large/dark/components/popover.d.ts +5 -0
  94. package/js/common/frozenproduct/large/dark/components/popover.js +82 -23
  95. package/js/common/frozenproduct/large/dark/components/status.d.ts +1 -0
  96. package/js/common/frozenproduct/large/dark/components/status.js +15 -0
  97. package/js/common/frozenproduct/large/light/components/button.d.ts +7 -0
  98. package/js/common/frozenproduct/large/light/components/button.js +73 -18
  99. package/js/common/frozenproduct/large/light/components/container.d.ts +18 -16
  100. package/js/common/frozenproduct/large/light/components/container.js +249 -219
  101. package/js/common/frozenproduct/large/light/components/form.js +2 -2
  102. package/js/common/frozenproduct/large/light/components/popover.d.ts +5 -0
  103. package/js/common/frozenproduct/large/light/components/popover.js +82 -23
  104. package/js/common/frozenproduct/large/light/components/status.d.ts +1 -0
  105. package/js/common/frozenproduct/large/light/components/status.js +15 -0
  106. package/js/common/frozenproduct/small/dark/components/button.d.ts +7 -0
  107. package/js/common/frozenproduct/small/dark/components/button.js +73 -18
  108. package/js/common/frozenproduct/small/dark/components/container.d.ts +18 -16
  109. package/js/common/frozenproduct/small/dark/components/container.js +249 -219
  110. package/js/common/frozenproduct/small/dark/components/form.js +3 -3
  111. package/js/common/frozenproduct/small/dark/components/popover.d.ts +5 -0
  112. package/js/common/frozenproduct/small/dark/components/popover.js +83 -24
  113. package/js/common/frozenproduct/small/dark/components/status.d.ts +1 -0
  114. package/js/common/frozenproduct/small/dark/components/status.js +15 -0
  115. package/js/common/frozenproduct/small/light/components/button.d.ts +7 -0
  116. package/js/common/frozenproduct/small/light/components/button.js +73 -18
  117. package/js/common/frozenproduct/small/light/components/container.d.ts +18 -16
  118. package/js/common/frozenproduct/small/light/components/container.js +249 -219
  119. package/js/common/frozenproduct/small/light/components/form.js +3 -3
  120. package/js/common/frozenproduct/small/light/components/popover.d.ts +5 -0
  121. package/js/common/frozenproduct/small/light/components/popover.js +83 -24
  122. package/js/common/frozenproduct/small/light/components/status.d.ts +1 -0
  123. package/js/common/frozenproduct/small/light/components/status.js +15 -0
  124. package/js/common/marketing/large/dark/components/button.d.ts +7 -0
  125. package/js/common/marketing/large/dark/components/button.js +73 -18
  126. package/js/common/marketing/large/dark/components/container.d.ts +18 -16
  127. package/js/common/marketing/large/dark/components/container.js +249 -219
  128. package/js/common/marketing/large/dark/components/form.js +2 -2
  129. package/js/common/marketing/large/dark/components/popover.d.ts +5 -0
  130. package/js/common/marketing/large/dark/components/popover.js +82 -23
  131. package/js/common/marketing/large/dark/components/status.d.ts +1 -0
  132. package/js/common/marketing/large/dark/components/status.js +15 -0
  133. package/js/common/marketing/large/light/components/button.d.ts +7 -0
  134. package/js/common/marketing/large/light/components/button.js +73 -18
  135. package/js/common/marketing/large/light/components/container.d.ts +18 -16
  136. package/js/common/marketing/large/light/components/container.js +249 -219
  137. package/js/common/marketing/large/light/components/form.js +2 -2
  138. package/js/common/marketing/large/light/components/popover.d.ts +5 -0
  139. package/js/common/marketing/large/light/components/popover.js +82 -23
  140. package/js/common/marketing/large/light/components/status.d.ts +1 -0
  141. package/js/common/marketing/large/light/components/status.js +15 -0
  142. package/js/common/marketing/small/dark/components/button.d.ts +7 -0
  143. package/js/common/marketing/small/dark/components/button.js +73 -18
  144. package/js/common/marketing/small/dark/components/container.d.ts +18 -16
  145. package/js/common/marketing/small/dark/components/container.js +249 -219
  146. package/js/common/marketing/small/dark/components/form.js +3 -3
  147. package/js/common/marketing/small/dark/components/popover.d.ts +5 -0
  148. package/js/common/marketing/small/dark/components/popover.js +83 -24
  149. package/js/common/marketing/small/dark/components/status.d.ts +1 -0
  150. package/js/common/marketing/small/dark/components/status.js +15 -0
  151. package/js/common/marketing/small/light/components/button.d.ts +7 -0
  152. package/js/common/marketing/small/light/components/button.js +73 -18
  153. package/js/common/marketing/small/light/components/container.d.ts +18 -16
  154. package/js/common/marketing/small/light/components/container.js +249 -219
  155. package/js/common/marketing/small/light/components/form.js +3 -3
  156. package/js/common/marketing/small/light/components/popover.d.ts +5 -0
  157. package/js/common/marketing/small/light/components/popover.js +83 -24
  158. package/js/common/marketing/small/light/components/status.d.ts +1 -0
  159. package/js/common/marketing/small/light/components/status.js +15 -0
  160. package/js/common/product/large/dark/components/button.d.ts +7 -0
  161. package/js/common/product/large/dark/components/button.js +73 -18
  162. package/js/common/product/large/dark/components/container.d.ts +18 -16
  163. package/js/common/product/large/dark/components/container.js +249 -219
  164. package/js/common/product/large/dark/components/form.js +2 -2
  165. package/js/common/product/large/dark/components/popover.d.ts +5 -0
  166. package/js/common/product/large/dark/components/popover.js +82 -23
  167. package/js/common/product/large/dark/components/status.d.ts +1 -0
  168. package/js/common/product/large/dark/components/status.js +15 -0
  169. package/js/common/product/large/light/components/button.d.ts +7 -0
  170. package/js/common/product/large/light/components/button.js +73 -18
  171. package/js/common/product/large/light/components/container.d.ts +18 -16
  172. package/js/common/product/large/light/components/container.js +249 -219
  173. package/js/common/product/large/light/components/form.js +2 -2
  174. package/js/common/product/large/light/components/popover.d.ts +5 -0
  175. package/js/common/product/large/light/components/popover.js +82 -23
  176. package/js/common/product/large/light/components/status.d.ts +1 -0
  177. package/js/common/product/large/light/components/status.js +15 -0
  178. package/js/common/product/small/dark/components/button.d.ts +7 -0
  179. package/js/common/product/small/dark/components/button.js +73 -18
  180. package/js/common/product/small/dark/components/container.d.ts +18 -16
  181. package/js/common/product/small/dark/components/container.js +249 -219
  182. package/js/common/product/small/dark/components/form.js +3 -3
  183. package/js/common/product/small/dark/components/popover.d.ts +5 -0
  184. package/js/common/product/small/dark/components/popover.js +83 -24
  185. package/js/common/product/small/dark/components/status.d.ts +1 -0
  186. package/js/common/product/small/dark/components/status.js +15 -0
  187. package/js/common/product/small/light/components/button.d.ts +7 -0
  188. package/js/common/product/small/light/components/button.js +73 -18
  189. package/js/common/product/small/light/components/container.d.ts +18 -16
  190. package/js/common/product/small/light/components/container.js +249 -219
  191. package/js/common/product/small/light/components/form.js +3 -3
  192. package/js/common/product/small/light/components/popover.d.ts +5 -0
  193. package/js/common/product/small/light/components/popover.js +83 -24
  194. package/js/common/product/small/light/components/status.d.ts +1 -0
  195. package/js/common/product/small/light/components/status.js +15 -0
  196. package/js/es6/frozenproduct/large/dark/components/button.d.ts +3 -0
  197. package/js/es6/frozenproduct/large/dark/components/button.js +3 -0
  198. package/js/es6/frozenproduct/large/dark/components/container.d.ts +18 -16
  199. package/js/es6/frozenproduct/large/dark/components/container.js +60 -58
  200. package/js/es6/frozenproduct/large/dark/components/form.js +2 -2
  201. package/js/es6/frozenproduct/large/dark/components/popover.d.ts +3 -0
  202. package/js/es6/frozenproduct/large/dark/components/popover.js +8 -5
  203. package/js/es6/frozenproduct/large/dark/components/status.d.ts +1 -0
  204. package/js/es6/frozenproduct/large/dark/components/status.js +1 -0
  205. package/js/es6/frozenproduct/large/light/components/button.d.ts +3 -0
  206. package/js/es6/frozenproduct/large/light/components/button.js +3 -0
  207. package/js/es6/frozenproduct/large/light/components/container.d.ts +18 -16
  208. package/js/es6/frozenproduct/large/light/components/container.js +60 -58
  209. package/js/es6/frozenproduct/large/light/components/form.js +2 -2
  210. package/js/es6/frozenproduct/large/light/components/popover.d.ts +3 -0
  211. package/js/es6/frozenproduct/large/light/components/popover.js +8 -5
  212. package/js/es6/frozenproduct/large/light/components/status.d.ts +1 -0
  213. package/js/es6/frozenproduct/large/light/components/status.js +1 -0
  214. package/js/es6/frozenproduct/small/dark/components/button.d.ts +3 -0
  215. package/js/es6/frozenproduct/small/dark/components/button.js +3 -0
  216. package/js/es6/frozenproduct/small/dark/components/container.d.ts +18 -16
  217. package/js/es6/frozenproduct/small/dark/components/container.js +60 -58
  218. package/js/es6/frozenproduct/small/dark/components/form.js +3 -3
  219. package/js/es6/frozenproduct/small/dark/components/popover.d.ts +3 -0
  220. package/js/es6/frozenproduct/small/dark/components/popover.js +9 -6
  221. package/js/es6/frozenproduct/small/dark/components/status.d.ts +1 -0
  222. package/js/es6/frozenproduct/small/dark/components/status.js +1 -0
  223. package/js/es6/frozenproduct/small/light/components/button.d.ts +3 -0
  224. package/js/es6/frozenproduct/small/light/components/button.js +3 -0
  225. package/js/es6/frozenproduct/small/light/components/container.d.ts +18 -16
  226. package/js/es6/frozenproduct/small/light/components/container.js +60 -58
  227. package/js/es6/frozenproduct/small/light/components/form.js +3 -3
  228. package/js/es6/frozenproduct/small/light/components/popover.d.ts +3 -0
  229. package/js/es6/frozenproduct/small/light/components/popover.js +9 -6
  230. package/js/es6/frozenproduct/small/light/components/status.d.ts +1 -0
  231. package/js/es6/frozenproduct/small/light/components/status.js +1 -0
  232. package/js/es6/marketing/large/dark/components/button.d.ts +3 -0
  233. package/js/es6/marketing/large/dark/components/button.js +3 -0
  234. package/js/es6/marketing/large/dark/components/container.d.ts +18 -16
  235. package/js/es6/marketing/large/dark/components/container.js +60 -58
  236. package/js/es6/marketing/large/dark/components/form.js +2 -2
  237. package/js/es6/marketing/large/dark/components/popover.d.ts +3 -0
  238. package/js/es6/marketing/large/dark/components/popover.js +8 -5
  239. package/js/es6/marketing/large/dark/components/status.d.ts +1 -0
  240. package/js/es6/marketing/large/dark/components/status.js +1 -0
  241. package/js/es6/marketing/large/light/components/button.d.ts +3 -0
  242. package/js/es6/marketing/large/light/components/button.js +3 -0
  243. package/js/es6/marketing/large/light/components/container.d.ts +18 -16
  244. package/js/es6/marketing/large/light/components/container.js +60 -58
  245. package/js/es6/marketing/large/light/components/form.js +2 -2
  246. package/js/es6/marketing/large/light/components/popover.d.ts +3 -0
  247. package/js/es6/marketing/large/light/components/popover.js +8 -5
  248. package/js/es6/marketing/large/light/components/status.d.ts +1 -0
  249. package/js/es6/marketing/large/light/components/status.js +1 -0
  250. package/js/es6/marketing/small/dark/components/button.d.ts +3 -0
  251. package/js/es6/marketing/small/dark/components/button.js +3 -0
  252. package/js/es6/marketing/small/dark/components/container.d.ts +18 -16
  253. package/js/es6/marketing/small/dark/components/container.js +60 -58
  254. package/js/es6/marketing/small/dark/components/form.js +3 -3
  255. package/js/es6/marketing/small/dark/components/popover.d.ts +3 -0
  256. package/js/es6/marketing/small/dark/components/popover.js +9 -6
  257. package/js/es6/marketing/small/dark/components/status.d.ts +1 -0
  258. package/js/es6/marketing/small/dark/components/status.js +1 -0
  259. package/js/es6/marketing/small/light/components/button.d.ts +3 -0
  260. package/js/es6/marketing/small/light/components/button.js +3 -0
  261. package/js/es6/marketing/small/light/components/container.d.ts +18 -16
  262. package/js/es6/marketing/small/light/components/container.js +60 -58
  263. package/js/es6/marketing/small/light/components/form.js +3 -3
  264. package/js/es6/marketing/small/light/components/popover.d.ts +3 -0
  265. package/js/es6/marketing/small/light/components/popover.js +9 -6
  266. package/js/es6/marketing/small/light/components/status.d.ts +1 -0
  267. package/js/es6/marketing/small/light/components/status.js +1 -0
  268. package/js/es6/product/large/dark/components/button.d.ts +3 -0
  269. package/js/es6/product/large/dark/components/button.js +3 -0
  270. package/js/es6/product/large/dark/components/container.d.ts +18 -16
  271. package/js/es6/product/large/dark/components/container.js +60 -58
  272. package/js/es6/product/large/dark/components/form.js +2 -2
  273. package/js/es6/product/large/dark/components/popover.d.ts +3 -0
  274. package/js/es6/product/large/dark/components/popover.js +8 -5
  275. package/js/es6/product/large/dark/components/status.d.ts +1 -0
  276. package/js/es6/product/large/dark/components/status.js +1 -0
  277. package/js/es6/product/large/light/components/button.d.ts +3 -0
  278. package/js/es6/product/large/light/components/button.js +3 -0
  279. package/js/es6/product/large/light/components/container.d.ts +18 -16
  280. package/js/es6/product/large/light/components/container.js +60 -58
  281. package/js/es6/product/large/light/components/form.js +2 -2
  282. package/js/es6/product/large/light/components/popover.d.ts +3 -0
  283. package/js/es6/product/large/light/components/popover.js +8 -5
  284. package/js/es6/product/large/light/components/status.d.ts +1 -0
  285. package/js/es6/product/large/light/components/status.js +1 -0
  286. package/js/es6/product/small/dark/components/button.d.ts +3 -0
  287. package/js/es6/product/small/dark/components/button.js +3 -0
  288. package/js/es6/product/small/dark/components/container.d.ts +18 -16
  289. package/js/es6/product/small/dark/components/container.js +60 -58
  290. package/js/es6/product/small/dark/components/form.js +3 -3
  291. package/js/es6/product/small/dark/components/popover.d.ts +3 -0
  292. package/js/es6/product/small/dark/components/popover.js +9 -6
  293. package/js/es6/product/small/dark/components/status.d.ts +1 -0
  294. package/js/es6/product/small/dark/components/status.js +1 -0
  295. package/js/es6/product/small/light/components/button.d.ts +3 -0
  296. package/js/es6/product/small/light/components/button.js +3 -0
  297. package/js/es6/product/small/light/components/container.d.ts +18 -16
  298. package/js/es6/product/small/light/components/container.js +60 -58
  299. package/js/es6/product/small/light/components/form.js +3 -3
  300. package/js/es6/product/small/light/components/popover.d.ts +3 -0
  301. package/js/es6/product/small/light/components/popover.js +9 -6
  302. package/js/es6/product/small/light/components/status.d.ts +1 -0
  303. package/js/es6/product/small/light/components/status.js +1 -0
  304. package/js/umd/frozenproduct/large/dark/components/button.js +73 -18
  305. package/js/umd/frozenproduct/large/dark/components/container.js +249 -219
  306. package/js/umd/frozenproduct/large/dark/components/form.js +2 -2
  307. package/js/umd/frozenproduct/large/dark/components/popover.js +82 -23
  308. package/js/umd/frozenproduct/large/dark/components/status.js +15 -0
  309. package/js/umd/frozenproduct/large/light/components/button.js +73 -18
  310. package/js/umd/frozenproduct/large/light/components/container.js +249 -219
  311. package/js/umd/frozenproduct/large/light/components/form.js +2 -2
  312. package/js/umd/frozenproduct/large/light/components/popover.js +82 -23
  313. package/js/umd/frozenproduct/large/light/components/status.js +15 -0
  314. package/js/umd/frozenproduct/small/dark/components/button.js +73 -18
  315. package/js/umd/frozenproduct/small/dark/components/container.js +249 -219
  316. package/js/umd/frozenproduct/small/dark/components/form.js +3 -3
  317. package/js/umd/frozenproduct/small/dark/components/popover.js +83 -24
  318. package/js/umd/frozenproduct/small/dark/components/status.js +15 -0
  319. package/js/umd/frozenproduct/small/light/components/button.js +73 -18
  320. package/js/umd/frozenproduct/small/light/components/container.js +249 -219
  321. package/js/umd/frozenproduct/small/light/components/form.js +3 -3
  322. package/js/umd/frozenproduct/small/light/components/popover.js +83 -24
  323. package/js/umd/frozenproduct/small/light/components/status.js +15 -0
  324. package/js/umd/marketing/large/dark/components/button.js +73 -18
  325. package/js/umd/marketing/large/dark/components/container.js +249 -219
  326. package/js/umd/marketing/large/dark/components/form.js +2 -2
  327. package/js/umd/marketing/large/dark/components/popover.js +82 -23
  328. package/js/umd/marketing/large/dark/components/status.js +15 -0
  329. package/js/umd/marketing/large/light/components/button.js +73 -18
  330. package/js/umd/marketing/large/light/components/container.js +249 -219
  331. package/js/umd/marketing/large/light/components/form.js +2 -2
  332. package/js/umd/marketing/large/light/components/popover.js +82 -23
  333. package/js/umd/marketing/large/light/components/status.js +15 -0
  334. package/js/umd/marketing/small/dark/components/button.js +73 -18
  335. package/js/umd/marketing/small/dark/components/container.js +249 -219
  336. package/js/umd/marketing/small/dark/components/form.js +3 -3
  337. package/js/umd/marketing/small/dark/components/popover.js +83 -24
  338. package/js/umd/marketing/small/dark/components/status.js +15 -0
  339. package/js/umd/marketing/small/light/components/button.js +73 -18
  340. package/js/umd/marketing/small/light/components/container.js +249 -219
  341. package/js/umd/marketing/small/light/components/form.js +3 -3
  342. package/js/umd/marketing/small/light/components/popover.js +83 -24
  343. package/js/umd/marketing/small/light/components/status.js +15 -0
  344. package/js/umd/product/large/dark/components/button.js +73 -18
  345. package/js/umd/product/large/dark/components/container.js +249 -219
  346. package/js/umd/product/large/dark/components/form.js +2 -2
  347. package/js/umd/product/large/dark/components/popover.js +82 -23
  348. package/js/umd/product/large/dark/components/status.js +15 -0
  349. package/js/umd/product/large/light/components/button.js +73 -18
  350. package/js/umd/product/large/light/components/container.js +249 -219
  351. package/js/umd/product/large/light/components/form.js +2 -2
  352. package/js/umd/product/large/light/components/popover.js +82 -23
  353. package/js/umd/product/large/light/components/status.js +15 -0
  354. package/js/umd/product/small/dark/components/button.js +73 -18
  355. package/js/umd/product/small/dark/components/container.js +249 -219
  356. package/js/umd/product/small/dark/components/form.js +3 -3
  357. package/js/umd/product/small/dark/components/popover.js +83 -24
  358. package/js/umd/product/small/dark/components/status.js +15 -0
  359. package/js/umd/product/small/light/components/button.js +73 -18
  360. package/js/umd/product/small/light/components/container.js +249 -219
  361. package/js/umd/product/small/light/components/form.js +3 -3
  362. package/js/umd/product/small/light/components/popover.js +83 -24
  363. package/js/umd/product/small/light/components/status.js +15 -0
  364. package/json/flat/frozenproduct/large/dark/components/button.json +3 -0
  365. package/json/flat/frozenproduct/large/dark/components/container.json +12 -10
  366. package/json/flat/frozenproduct/large/dark/components/form.json +2 -2
  367. package/json/flat/frozenproduct/large/dark/components/popover.json +8 -5
  368. package/json/flat/frozenproduct/large/dark/components/status.json +1 -0
  369. package/json/flat/frozenproduct/large/light/components/button.json +3 -0
  370. package/json/flat/frozenproduct/large/light/components/container.json +12 -10
  371. package/json/flat/frozenproduct/large/light/components/form.json +2 -2
  372. package/json/flat/frozenproduct/large/light/components/popover.json +8 -5
  373. package/json/flat/frozenproduct/large/light/components/status.json +1 -0
  374. package/json/flat/frozenproduct/small/dark/components/button.json +3 -0
  375. package/json/flat/frozenproduct/small/dark/components/container.json +12 -10
  376. package/json/flat/frozenproduct/small/dark/components/form.json +3 -3
  377. package/json/flat/frozenproduct/small/dark/components/popover.json +9 -6
  378. package/json/flat/frozenproduct/small/dark/components/status.json +1 -0
  379. package/json/flat/frozenproduct/small/light/components/button.json +3 -0
  380. package/json/flat/frozenproduct/small/light/components/container.json +12 -10
  381. package/json/flat/frozenproduct/small/light/components/form.json +3 -3
  382. package/json/flat/frozenproduct/small/light/components/popover.json +9 -6
  383. package/json/flat/frozenproduct/small/light/components/status.json +1 -0
  384. package/json/flat/marketing/large/dark/components/button.json +3 -0
  385. package/json/flat/marketing/large/dark/components/container.json +12 -10
  386. package/json/flat/marketing/large/dark/components/form.json +2 -2
  387. package/json/flat/marketing/large/dark/components/popover.json +8 -5
  388. package/json/flat/marketing/large/dark/components/status.json +1 -0
  389. package/json/flat/marketing/large/light/components/button.json +3 -0
  390. package/json/flat/marketing/large/light/components/container.json +12 -10
  391. package/json/flat/marketing/large/light/components/form.json +2 -2
  392. package/json/flat/marketing/large/light/components/popover.json +8 -5
  393. package/json/flat/marketing/large/light/components/status.json +1 -0
  394. package/json/flat/marketing/small/dark/components/button.json +3 -0
  395. package/json/flat/marketing/small/dark/components/container.json +12 -10
  396. package/json/flat/marketing/small/dark/components/form.json +3 -3
  397. package/json/flat/marketing/small/dark/components/popover.json +9 -6
  398. package/json/flat/marketing/small/dark/components/status.json +1 -0
  399. package/json/flat/marketing/small/light/components/button.json +3 -0
  400. package/json/flat/marketing/small/light/components/container.json +12 -10
  401. package/json/flat/marketing/small/light/components/form.json +3 -3
  402. package/json/flat/marketing/small/light/components/popover.json +9 -6
  403. package/json/flat/marketing/small/light/components/status.json +1 -0
  404. package/json/flat/product/large/dark/components/button.json +3 -0
  405. package/json/flat/product/large/dark/components/container.json +12 -10
  406. package/json/flat/product/large/dark/components/form.json +2 -2
  407. package/json/flat/product/large/dark/components/popover.json +8 -5
  408. package/json/flat/product/large/dark/components/status.json +1 -0
  409. package/json/flat/product/large/light/components/button.json +3 -0
  410. package/json/flat/product/large/light/components/container.json +12 -10
  411. package/json/flat/product/large/light/components/form.json +2 -2
  412. package/json/flat/product/large/light/components/popover.json +8 -5
  413. package/json/flat/product/large/light/components/status.json +1 -0
  414. package/json/flat/product/small/dark/components/button.json +3 -0
  415. package/json/flat/product/small/dark/components/container.json +12 -10
  416. package/json/flat/product/small/dark/components/form.json +3 -3
  417. package/json/flat/product/small/dark/components/popover.json +9 -6
  418. package/json/flat/product/small/dark/components/status.json +1 -0
  419. package/json/flat/product/small/light/components/button.json +3 -0
  420. package/json/flat/product/small/light/components/container.json +12 -10
  421. package/json/flat/product/small/light/components/form.json +3 -3
  422. package/json/flat/product/small/light/components/popover.json +9 -6
  423. package/json/flat/product/small/light/components/status.json +1 -0
  424. package/json/nested/frozenproduct/large/dark/components/button.json +7 -0
  425. package/json/nested/frozenproduct/large/dark/components/container.json +88 -86
  426. package/json/nested/frozenproduct/large/dark/components/form.json +2 -2
  427. package/json/nested/frozenproduct/large/dark/components/popover.json +10 -5
  428. package/json/nested/frozenproduct/large/dark/components/status.json +1 -0
  429. package/json/nested/frozenproduct/large/light/components/button.json +7 -0
  430. package/json/nested/frozenproduct/large/light/components/container.json +88 -86
  431. package/json/nested/frozenproduct/large/light/components/form.json +2 -2
  432. package/json/nested/frozenproduct/large/light/components/popover.json +10 -5
  433. package/json/nested/frozenproduct/large/light/components/status.json +1 -0
  434. package/json/nested/frozenproduct/small/dark/components/button.json +7 -0
  435. package/json/nested/frozenproduct/small/dark/components/container.json +88 -86
  436. package/json/nested/frozenproduct/small/dark/components/form.json +3 -3
  437. package/json/nested/frozenproduct/small/dark/components/popover.json +11 -6
  438. package/json/nested/frozenproduct/small/dark/components/status.json +1 -0
  439. package/json/nested/frozenproduct/small/light/components/button.json +7 -0
  440. package/json/nested/frozenproduct/small/light/components/container.json +88 -86
  441. package/json/nested/frozenproduct/small/light/components/form.json +3 -3
  442. package/json/nested/frozenproduct/small/light/components/popover.json +11 -6
  443. package/json/nested/frozenproduct/small/light/components/status.json +1 -0
  444. package/json/nested/marketing/large/dark/components/button.json +7 -0
  445. package/json/nested/marketing/large/dark/components/container.json +88 -86
  446. package/json/nested/marketing/large/dark/components/form.json +2 -2
  447. package/json/nested/marketing/large/dark/components/popover.json +10 -5
  448. package/json/nested/marketing/large/dark/components/status.json +1 -0
  449. package/json/nested/marketing/large/light/components/button.json +7 -0
  450. package/json/nested/marketing/large/light/components/container.json +88 -86
  451. package/json/nested/marketing/large/light/components/form.json +2 -2
  452. package/json/nested/marketing/large/light/components/popover.json +10 -5
  453. package/json/nested/marketing/large/light/components/status.json +1 -0
  454. package/json/nested/marketing/small/dark/components/button.json +7 -0
  455. package/json/nested/marketing/small/dark/components/container.json +88 -86
  456. package/json/nested/marketing/small/dark/components/form.json +3 -3
  457. package/json/nested/marketing/small/dark/components/popover.json +11 -6
  458. package/json/nested/marketing/small/dark/components/status.json +1 -0
  459. package/json/nested/marketing/small/light/components/button.json +7 -0
  460. package/json/nested/marketing/small/light/components/container.json +88 -86
  461. package/json/nested/marketing/small/light/components/form.json +3 -3
  462. package/json/nested/marketing/small/light/components/popover.json +11 -6
  463. package/json/nested/marketing/small/light/components/status.json +1 -0
  464. package/json/nested/product/large/dark/components/button.json +7 -0
  465. package/json/nested/product/large/dark/components/container.json +88 -86
  466. package/json/nested/product/large/dark/components/form.json +2 -2
  467. package/json/nested/product/large/dark/components/popover.json +10 -5
  468. package/json/nested/product/large/dark/components/status.json +1 -0
  469. package/json/nested/product/large/light/components/button.json +7 -0
  470. package/json/nested/product/large/light/components/container.json +88 -86
  471. package/json/nested/product/large/light/components/form.json +2 -2
  472. package/json/nested/product/large/light/components/popover.json +10 -5
  473. package/json/nested/product/large/light/components/status.json +1 -0
  474. package/json/nested/product/small/dark/components/button.json +7 -0
  475. package/json/nested/product/small/dark/components/container.json +88 -86
  476. package/json/nested/product/small/dark/components/form.json +3 -3
  477. package/json/nested/product/small/dark/components/popover.json +11 -6
  478. package/json/nested/product/small/dark/components/status.json +1 -0
  479. package/json/nested/product/small/light/components/button.json +7 -0
  480. package/json/nested/product/small/light/components/container.json +88 -86
  481. package/json/nested/product/small/light/components/form.json +3 -3
  482. package/json/nested/product/small/light/components/popover.json +11 -6
  483. package/json/nested/product/small/light/components/status.json +1 -0
  484. package/package.json +1 -1
  485. package/sage-design-tokens-12.4.0.tgz +0 -0
  486. package/scss/frozenproduct/large/components/button.scss +35 -32
  487. package/scss/frozenproduct/large/components/container.scss +21 -19
  488. package/scss/frozenproduct/large/components/form.scss +7 -7
  489. package/scss/frozenproduct/large/components/link.scss +2 -2
  490. package/scss/frozenproduct/large/components/nav.scss +3 -3
  491. package/scss/frozenproduct/large/components/page.scss +1 -1
  492. package/scss/frozenproduct/large/components/popover.scss +11 -8
  493. package/scss/frozenproduct/large/components/progress.scss +6 -6
  494. package/scss/frozenproduct/large/components/status.scss +4 -3
  495. package/scss/frozenproduct/large/components/tab.scss +7 -7
  496. package/scss/frozenproduct/large/components/table.scss +10 -10
  497. package/scss/frozenproduct/small/components/button.scss +12 -9
  498. package/scss/frozenproduct/small/components/container.scss +12 -10
  499. package/scss/frozenproduct/small/components/popover.scss +9 -6
  500. package/scss/frozenproduct/small/components/status.scss +1 -0
  501. package/scss/marketing/large/components/button.scss +12 -9
  502. package/scss/marketing/large/components/container.scss +12 -10
  503. package/scss/marketing/large/components/popover.scss +9 -6
  504. package/scss/marketing/large/components/status.scss +1 -0
  505. package/scss/marketing/small/components/button.scss +12 -9
  506. package/scss/marketing/small/components/container.scss +12 -10
  507. package/scss/marketing/small/components/popover.scss +9 -6
  508. package/scss/marketing/small/components/status.scss +1 -0
  509. package/scss/product/large/components/button.scss +12 -9
  510. package/scss/product/large/components/container.scss +12 -10
  511. package/scss/product/large/components/popover.scss +9 -6
  512. package/scss/product/large/components/status.scss +1 -0
  513. package/scss/product/small/components/button.scss +12 -9
  514. package/scss/product/small/components/container.scss +12 -10
  515. package/scss/product/small/components/popover.scss +9 -6
  516. package/scss/product/small/components/status.scss +1 -0
  517. package/sage-design-tokens-12.2.0.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -667,9 +667,9 @@
667
667
  --button-space-primary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
668
668
  --button-space-primary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
669
669
  --button-space-primary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
670
- --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
671
- --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
672
- --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
670
+ --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
671
+ --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
672
+ --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
673
673
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
674
674
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
675
675
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -679,9 +679,9 @@
679
679
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
680
680
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
681
681
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
682
- --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
683
- --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
684
- --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
682
+ --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
683
+ --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
684
+ --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
685
685
  --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
686
686
  --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
687
687
  --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
@@ -691,6 +691,9 @@
691
691
  --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
692
692
  --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
693
693
  --button-space-subtle-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
694
+ --button-space-subtle-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size subtle buttons */
695
+ --button-space-subtle-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size subtle buttons */
696
+ --button-space-subtle-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size subtle buttons */
694
697
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
695
698
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
696
699
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -700,9 +703,9 @@
700
703
  --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
701
704
  --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
702
705
  --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
703
- --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
704
- --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
705
- --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
706
+ --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
707
+ --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
708
+ --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
706
709
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
707
710
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
708
711
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
@@ -815,8 +818,8 @@
815
818
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
816
819
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
817
820
  --container-radius-none: var(--global-radius-none); /* Card select (inner adjacent corners), Subscription tile footer top corners */
818
- --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
819
821
  --container-radius-scrollbar: var(--global-radius-circle); /* Scrollbar */
822
+ --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
820
823
  --container-opacity-carousel-hidden: light-dark(var(--modes-color-modifiers-input-disabled-fg-light), var(--modes-color-modifiers-input-disabled-fg-dark)); /* opacity applied to next and previous carousel slides */
821
824
  --container-color-ai-dialog-borderhorizontal: light-dark(var(--modes-color-generic-fg-ai-default-light), var(--modes-color-generic-fg-ai-default-dark)); /* top border for AI dialog component */
822
825
  --container-color-ai-nudge-border-ai-horizontal: light-dark(var(--modes-color-status-ai-default-horizontal-light), var(--modes-color-status-ai-default-horizontal-dark)); /* top and bottom border for AI nudge message component */
@@ -859,16 +862,16 @@
859
862
  --container-color-standard-text-alt: light-dark(var(--modes-color-generic-content-moderate-light), var(--modes-color-generic-content-moderate-dark)); /* for subheadings etc */
860
863
  --container-color-standard-text-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark)); /* for headings, paragraph text etc */
861
864
  --container-color-standard-statusborder-bg-ai: var(--container-color-ai-tile-bordervertical);
862
- --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
863
- --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
864
- --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
865
865
  --container-boxshadow-carousel: var(--global-boxshadow-container-distant); /* Carousel */
866
866
  --container-boxshadow-colorpicker: var(--global-boxshadow-container-near); /* Color picker (advanced) */
867
867
  --container-boxshadow-dialog: var(--global-boxshadow-container-distant); /* Dialog */
868
868
  --container-boxshadow-filepreview: var(--global-boxshadow-container-distant); /* File preview */
869
+ --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
869
870
  --container-boxshadow-sidebar: var(--global-boxshadow-container-distant); /* Sidebar */
870
871
  --container-boxshadow-stickyfooter: var(--global-boxshadow-container-sticky-footer); /* Sticky footer in Dialog, Drawer, Sidebar. */
871
- --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
872
+ --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
873
+ --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
874
+ --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
872
875
  --container-color-interactive-bg-disabled: light-dark(var(--modes-color-interactive-inactive-default-alt-light), var(--modes-color-interactive-inactive-default-alt-dark));
873
876
  --container-color-interactive-border-alt: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Link preview. */
874
877
  --container-color-interactive-border-inactive: light-dark(var(--modes-color-generic-fg-soft-light), var(--modes-color-generic-fg-soft-dark));
@@ -929,9 +932,6 @@
929
932
  --container-size-tooltip-arrow-width: var(--global-size-micro-xxl); /* tooltip arrow width */
930
933
  --container-size-tooltip-arrow-height: var(--global-size-micro-m); /* tooltip arrow height */
931
934
  --container-size-uploadpreview-m: var(--global-size-macro-xxxl); /* Thumbnail container */
932
- --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
933
- --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
934
- --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
935
935
  --container-radius-carouselslide: var(--global-radius-container-l); /* Carousel slides */
936
936
  --container-radius-colorpicker: var(--global-radius-container-l); /* Color picker container radius */
937
937
  --container-radius-contacttile: var(--global-radius-container-m);
@@ -940,14 +940,18 @@
940
940
  --container-radius-linkpreview: var(--global-radius-interactive-s); /* Link preview (outer corners) */
941
941
  --container-radius-heroimage: var(--global-radius-container-xxxxl); /* hero image radius */
942
942
  --container-radius-note: var(--global-radius-container-m); /* Note */
943
+ --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
944
+ --container-radius-profileselector: var(--global-radius-container-m); /* Profile selector list container. */
943
945
  --container-radius-texteditor: var(--global-radius-container-m); /* Text editor (footer bottom corners) */
946
+ --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
947
+ --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
948
+ --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
944
949
  --container-radius-tile-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
945
950
  --container-radius-tile-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
946
951
  --container-radius-tile-sweeping: var(--global-radius-container-xxl); /* Tile largest roundedness */
947
952
  --container-radius-tileselect-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
948
953
  --container-radius-tileselect-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
949
954
  --container-radius-tileselect-sweeping: var(--global-radius-container-xxl);
950
- --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
951
955
  --container-space-none: var(--global-space-none);
952
956
  --container-space-accordionsubtle-yg-m: var(--global-space-macro-xs); /* Gap between Accordion subtle trigger and content */
953
957
  --container-space-filepreview-preview-x-m: var(--global-space-micro-l); /* Horizontal padding on large thumbnail image */
@@ -1065,6 +1069,8 @@
1065
1069
  --container-borderwidth-header: var(--global-borderwidth-xs); /* Global header (next to logo) */
1066
1070
  --container-borderwidth-linkpreview: var(--global-borderwidth-xs); /* Link preview in Text editor and Note */
1067
1071
  --container-borderwidth-note: var(--global-borderwidth-xs); /* Note */
1072
+ --container-borderwidth-profileselector: var(--global-borderwidth-xs); /* Profile selector list container. */
1073
+ --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
1068
1074
  --container-borderwidth-sidebar: var(--global-borderwidth-xs); /* Sidebar */
1069
1075
  --container-borderwidth-summarylist: var(--global-borderwidth-xs); /* Summary list */
1070
1076
  --container-borderwidth-tile: var(--global-borderwidth-xs); /* Tile */
@@ -1078,7 +1084,6 @@
1078
1084
  --container-borderwidth-tileselect-selected: var(--global-borderwidth-s); /* Tile select (selected tile) */
1079
1085
  --container-borderwidth-tileselect-unavailable: var(--global-borderwidth-xs); /* Subscription tile (unavailable product) */
1080
1086
  --container-borderwidth-tileselect-enabled: var(--global-borderwidth-xs); /* Tile select (enabled tile) */
1081
- --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
1082
1087
  --container-color-interactive-borderalt-hover: var(--container-color-interactive-border-alt); /* For hover border on Link preview. */
1083
1088
  --container-size-drawer-minwidth: var(--container-size-responsive-xl); /* min-width for drawer component */
1084
1089
  --container-size-drawer-maxwidth: var(--container-size-responsive-xxxxl); /* max-width for drawer component */
@@ -1623,12 +1628,15 @@
1623
1628
  --popover-size-item-l: var(--global-size-macro-l); /* REF'D IN FORM. Menu item min height. */
1624
1629
  --popover-radius-container: var(--global-radius-container-m); /* REF'D IN FORM. Menu container. */
1625
1630
  --popover-radius-optionfocus: var(--global-radius-container-m); /* Popover menu option focus */
1626
- --popover-space-menu-y-s: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container. */
1627
- --popover-space-menu-y-m: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
1628
- --popover-space-menu-y-l: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
1629
- --popover-space-menu-yg-s: var(--global-space-micro-s); /* Space between trigger and menu card. */
1630
- --popover-space-menu-yg-m: var(--global-space-micro-s); /* Space between trigger and menu card. */
1631
- --popover-space-menu-yg-l: var(--global-space-micro-s); /* Space between trigger and menu card. */
1631
+ --popover-space-menu-x-s: calc(var(--global-space-macro-xxs) / 2); /* Left and right padding token used on small popover container consumed inside number input. */
1632
+ --popover-space-menu-x-m: var(--global-space-macro-xxxs); /* Left and right padding token used on medium popover container consumed inside number input. */
1633
+ --popover-space-menu-x-l: var(--global-space-macro-xxs); /* Left and right padding token used on large popover container consumed inside number input. */
1634
+ --popover-space-menu-y-s: calc(var(--global-space-macro-xxs) / 2); /* Top and bottom padding inside S size popover menu container */
1635
+ --popover-space-menu-y-m: var(--global-space-macro-xxxs); /* Top and bottom padding inside M size popover menu container */
1636
+ --popover-space-menu-y-l: var(--global-space-macro-xxs); /* Top and bottom padding inside L size popover menu container */
1637
+ --popover-space-menu-yg-s: calc(var(--global-space-macro-xxs) / 2); /* Gap spacing token used on small popover container consumed inside number input. */
1638
+ --popover-space-menu-yg-m: var(--global-space-macro-xxxs); /* Gap spacing token used on medium popover container consumed inside number input. */
1639
+ --popover-space-menu-yg-l: var(--global-space-macro-xxs); /* Gap spacing token used on large popover container consumed inside number input. */
1632
1640
  --popover-space-option-x-s: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
1633
1641
  --popover-space-option-x-m: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
1634
1642
  --popover-space-option-x-l: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
@@ -1840,6 +1848,7 @@
1840
1848
  --status-color-message-global-warning-icon: light-dark(var(--modes-color-status-caution-default-light), var(--modes-color-status-caution-default-dark)); /* Icon on tinted bgs */
1841
1849
  --status-color-message-contextual-bg: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark));
1842
1850
  --status-color-message-contextual-icon: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* decorative icon on standard contextual messages */
1851
+ --status-color-message-contextual-icon-alt: light-dark(var(--modes-color-status-neutral-default-light), var(--modes-color-status-neutral-default-dark)); /* icon on neutral status dialogs */
1843
1852
  --status-color-message-contextual-ai-bg-alt: light-dark(var(--modes-color-status-neutral-default-alt-light), var(--modes-color-status-neutral-default-alt-dark));
1844
1853
  --status-color-message-contextual-callout-bg-alt: light-dark(var(--modes-color-status-callout-default-alt-light), var(--modes-color-status-callout-default-alt-dark)); /* Subtle message bg */
1845
1854
  --status-color-message-contextual-error-bg-default: light-dark(var(--modes-color-status-negative-default-light), var(--modes-color-status-negative-default-dark));
package/css/frozenproduct/large/components/button.css CHANGED
@@ -105,9 +105,9 @@
105
105
  --button-space-primary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
106
106
  --button-space-primary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
107
107
  --button-space-primary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
108
- --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
109
- --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
110
- --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
108
+ --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
109
+ --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
110
+ --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
111
111
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
112
112
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
113
113
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -117,9 +117,9 @@
117
117
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
118
118
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
119
119
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
120
- --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
121
- --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
122
- --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
120
+ --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
121
+ --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
122
+ --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
123
123
  --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
124
124
  --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
125
125
  --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
@@ -129,6 +129,9 @@
129
129
  --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
130
130
  --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
131
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 */
132
135
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
133
136
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
134
137
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -138,9 +141,9 @@
138
141
  --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
139
142
  --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
140
143
  --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
141
- --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
142
- --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
143
- --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
144
+ --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
145
+ --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
146
+ --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
144
147
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
145
148
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
146
149
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
package/css/frozenproduct/large/components/container.css CHANGED
@@ -6,8 +6,8 @@
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
7
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
8
8
  --container-radius-none: var(--global-radius-none); /* Card select (inner adjacent corners), Subscription tile footer top corners */
9
- --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
10
9
  --container-radius-scrollbar: var(--global-radius-circle); /* Scrollbar */
10
+ --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
11
11
  --container-opacity-carousel-hidden: var(--modes-color-modifiers-input-disabled-fg); /* opacity applied to next and previous carousel slides */
12
12
  --container-color-ai-dialog-borderhorizontal: var(--modes-color-generic-fg-ai-default); /* top border for AI dialog component */
13
13
  --container-color-ai-nudge-border-ai-horizontal: var(--modes-color-status-ai-default-horizontal); /* top and bottom border for AI nudge message component */
@@ -59,16 +59,16 @@
59
59
  --container-color-standard-text-alt: var(--modes-color-generic-content-moderate); /* for subheadings etc */
60
60
  --container-color-standard-text-default: var(--modes-color-generic-content-harsh); /* for headings, paragraph text etc */
61
61
  --container-color-standard-statusborder-bg-ai: var(--container-color-ai-tile-bordervertical);
62
- --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
63
- --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
64
- --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
65
62
  --container-boxshadow-carousel: var(--global-boxshadow-container-distant); /* Carousel */
66
63
  --container-boxshadow-colorpicker: var(--global-boxshadow-container-near); /* Color picker (advanced) */
67
64
  --container-boxshadow-dialog: var(--global-boxshadow-container-distant); /* Dialog */
68
65
  --container-boxshadow-filepreview: var(--global-boxshadow-container-distant); /* File preview */
66
+ --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
69
67
  --container-boxshadow-sidebar: var(--global-boxshadow-container-distant); /* Sidebar */
70
68
  --container-boxshadow-stickyfooter: var(--global-boxshadow-container-sticky-footer); /* Sticky footer in Dialog, Drawer, Sidebar. */
71
- --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
69
+ --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
70
+ --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
71
+ --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
72
72
  --container-color-interactive-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
73
73
  --container-color-interactive-border-alt: var(--modes-color-generic-fg-delicate); /* Link preview. */
74
74
  --container-color-interactive-border-inactive: var(--modes-color-generic-fg-soft);
@@ -129,9 +129,6 @@
129
129
  --container-size-tooltip-arrow-width: var(--global-size-micro-xxl); /* tooltip arrow width */
130
130
  --container-size-tooltip-arrow-height: var(--global-size-micro-m); /* tooltip arrow height */
131
131
  --container-size-uploadpreview-m: var(--global-size-macro-xxxl); /* Thumbnail container */
132
- --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
133
- --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
134
- --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
135
132
  --container-radius-carouselslide: var(--global-radius-container-l); /* Carousel slides */
136
133
  --container-radius-colorpicker: var(--global-radius-container-l); /* Color picker container radius */
137
134
  --container-radius-contacttile: var(--global-radius-container-m);
@@ -140,14 +137,18 @@
140
137
  --container-radius-linkpreview: var(--global-radius-interactive-s); /* Link preview (outer corners) */
141
138
  --container-radius-heroimage: var(--global-radius-container-xxxxl); /* hero image radius */
142
139
  --container-radius-note: var(--global-radius-container-m); /* Note */
140
+ --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
141
+ --container-radius-profileselector: var(--global-radius-container-m); /* Profile selector list container. */
143
142
  --container-radius-texteditor: var(--global-radius-container-m); /* Text editor (footer bottom corners) */
143
+ --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
144
+ --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
145
+ --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
144
146
  --container-radius-tile-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
145
147
  --container-radius-tile-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
146
148
  --container-radius-tile-sweeping: var(--global-radius-container-xxl); /* Tile largest roundedness */
147
149
  --container-radius-tileselect-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
148
150
  --container-radius-tileselect-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
149
151
  --container-radius-tileselect-sweeping: var(--global-radius-container-xxl);
150
- --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
151
152
  --container-space-none: var(--global-space-none);
152
153
  --container-space-accordionsubtle-yg-m: var(--global-space-macro-xs); /* Gap between Accordion subtle trigger and content */
153
154
  --container-space-filepreview-preview-x-m: var(--global-space-micro-l); /* Horizontal padding on large thumbnail image */
@@ -265,6 +266,8 @@
265
266
  --container-borderwidth-header: var(--global-borderwidth-xs); /* Global header (next to logo) */
266
267
  --container-borderwidth-linkpreview: var(--global-borderwidth-xs); /* Link preview in Text editor and Note */
267
268
  --container-borderwidth-note: var(--global-borderwidth-xs); /* Note */
269
+ --container-borderwidth-profileselector: var(--global-borderwidth-xs); /* Profile selector list container. */
270
+ --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
268
271
  --container-borderwidth-sidebar: var(--global-borderwidth-xs); /* Sidebar */
269
272
  --container-borderwidth-summarylist: var(--global-borderwidth-xs); /* Summary list */
270
273
  --container-borderwidth-tile: var(--global-borderwidth-xs); /* Tile */
@@ -278,7 +281,6 @@
278
281
  --container-borderwidth-tileselect-selected: var(--global-borderwidth-s); /* Tile select (selected tile) */
279
282
  --container-borderwidth-tileselect-unavailable: var(--global-borderwidth-xs); /* Subscription tile (unavailable product) */
280
283
  --container-borderwidth-tileselect-enabled: var(--global-borderwidth-xs); /* Tile select (enabled tile) */
281
- --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
282
284
  --container-color-interactive-borderalt-hover: var(--container-color-interactive-border-alt); /* For hover border on Link preview. */
283
285
  --container-size-drawer-minwidth: var(--container-size-responsive-xl); /* min-width for drawer component */
284
286
  --container-size-drawer-maxwidth: var(--container-size-responsive-xxxxl); /* max-width for drawer component */
package/css/frozenproduct/large/components/popover.css CHANGED
@@ -30,12 +30,15 @@
30
30
  --popover-size-item-l: var(--global-size-macro-l); /* REF'D IN FORM. Menu item min height. */
31
31
  --popover-radius-container: var(--global-radius-container-m); /* REF'D IN FORM. Menu container. */
32
32
  --popover-radius-optionfocus: var(--global-radius-container-m); /* Popover menu option focus */
33
- --popover-space-menu-y-s: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container. */
34
- --popover-space-menu-y-m: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
35
- --popover-space-menu-y-l: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
36
- --popover-space-menu-yg-s: var(--global-space-micro-s); /* Space between trigger and menu card. */
37
- --popover-space-menu-yg-m: var(--global-space-micro-s); /* Space between trigger and menu card. */
38
- --popover-space-menu-yg-l: var(--global-space-micro-s); /* Space between trigger and menu card. */
33
+ --popover-space-menu-x-s: calc(var(--global-space-macro-xxs) / 2); /* Left and right padding token used on small popover container consumed inside number input. */
34
+ --popover-space-menu-x-m: var(--global-space-macro-xxxs); /* Left and right padding token used on medium popover container consumed inside number input. */
35
+ --popover-space-menu-x-l: var(--global-space-macro-xxs); /* Left and right padding token used on large popover container consumed inside number input. */
36
+ --popover-space-menu-y-s: calc(var(--global-space-macro-xxs) / 2); /* Top and bottom padding inside S size popover menu container */
37
+ --popover-space-menu-y-m: var(--global-space-macro-xxxs); /* Top and bottom padding inside M size popover menu container */
38
+ --popover-space-menu-y-l: var(--global-space-macro-xxs); /* Top and bottom padding inside L size popover menu container */
39
+ --popover-space-menu-yg-s: calc(var(--global-space-macro-xxs) / 2); /* Gap spacing token used on small popover container consumed inside number input. */
40
+ --popover-space-menu-yg-m: var(--global-space-macro-xxxs); /* Gap spacing token used on medium popover container consumed inside number input. */
41
+ --popover-space-menu-yg-l: var(--global-space-macro-xxs); /* Gap spacing token used on large popover container consumed inside number input. */
39
42
  --popover-space-option-x-s: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
40
43
  --popover-space-option-x-m: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
41
44
  --popover-space-option-x-l: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
package/css/frozenproduct/large/components/status.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --status-color-message-global-warning-icon: var(--modes-color-status-caution-default); /* Icon on tinted bgs */
13
13
  --status-color-message-contextual-bg: var(--modes-color-generic-bg-nought);
14
14
  --status-color-message-contextual-icon: var(--modes-color-generic-bg-nought); /* decorative icon on standard contextual messages */
15
+ --status-color-message-contextual-icon-alt: var(--modes-color-status-neutral-default); /* icon on neutral status dialogs */
15
16
  --status-color-message-contextual-ai-bg-alt: var(--modes-color-status-neutral-default-alt);
16
17
  --status-color-message-contextual-callout-bg-alt: var(--modes-color-status-callout-default-alt); /* Subtle message bg */
17
18
  --status-color-message-contextual-error-bg-default: var(--modes-color-status-negative-default);
package/css/frozenproduct/small/components/button.css CHANGED
@@ -105,9 +105,9 @@
105
105
  --button-space-primary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
106
106
  --button-space-primary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
107
107
  --button-space-primary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
108
- --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
109
- --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
110
- --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
108
+ --button-space-primary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size primary buttons */
109
+ --button-space-primary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size primary buttons */
110
+ --button-space-primary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size primary buttons */
111
111
  --button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
112
112
  --button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
113
113
  --button-space-secondary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -117,9 +117,9 @@
117
117
  --button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
118
118
  --button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
119
119
  --button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
120
- --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
121
- --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
122
- --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
120
+ --button-space-secondary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size secondary buttons */
121
+ --button-space-secondary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size secondary buttons */
122
+ --button-space-secondary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size secondary buttons */
123
123
  --button-space-subtle-x-s: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
124
124
  --button-space-subtle-x-m: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
125
125
  --button-space-subtle-x-l: var(--global-space-macro-xxxs); /* left and right padding on subtle buttons */
@@ -129,6 +129,9 @@
129
129
  --button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
130
130
  --button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
131
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 */
132
135
  --button-space-tertiary-x-s: var(--global-space-macro-xxs); /* Left and right padding on small buttons */
133
136
  --button-space-tertiary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
134
137
  --button-space-tertiary-x-l: var(--global-space-macro-s); /* Left and right padding on large buttons */
@@ -138,9 +141,9 @@
138
141
  --button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
139
142
  --button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
140
143
  --button-space-tertiary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
141
- --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
142
- --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
143
- --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only processing button */
144
+ --button-space-tertiary-icononly-x-s: var(--global-space-micro-s); /* Left and right padding on icon-only S size tertiary buttons */
145
+ --button-space-tertiary-icononly-x-m: var(--global-space-micro-s); /* Left and right padding on icon-only M size tertiary buttons */
146
+ --button-space-tertiary-icononly-x-l: var(--global-space-micro-s); /* Left and right padding on icon-only L size tertiary buttons */
144
147
  --button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
145
148
  --button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
146
149
  --button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
package/css/frozenproduct/small/components/container.css CHANGED
@@ -6,8 +6,8 @@
6
6
  --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
7
7
  --container-opacity-dialog-dimmer: 0.4; /* dimmer opacity value */
8
8
  --container-radius-none: var(--global-radius-none); /* Card select (inner adjacent corners), Subscription tile footer top corners */
9
- --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
10
9
  --container-radius-scrollbar: var(--global-radius-circle); /* Scrollbar */
10
+ --container-radius-blockquote-bar: var(--global-radius-circle); /* radius for blockquote bar */
11
11
  --container-opacity-carousel-hidden: var(--modes-color-modifiers-input-disabled-fg); /* opacity applied to next and previous carousel slides */
12
12
  --container-color-ai-dialog-borderhorizontal: var(--modes-color-generic-fg-ai-default); /* top border for AI dialog component */
13
13
  --container-color-ai-nudge-border-ai-horizontal: var(--modes-color-status-ai-default-horizontal); /* top and bottom border for AI nudge message component */
@@ -59,16 +59,16 @@
59
59
  --container-color-standard-text-alt: var(--modes-color-generic-content-moderate); /* for subheadings etc */
60
60
  --container-color-standard-text-default: var(--modes-color-generic-content-harsh); /* for headings, paragraph text etc */
61
61
  --container-color-standard-statusborder-bg-ai: var(--container-color-ai-tile-bordervertical);
62
- --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
63
- --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
64
- --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
65
62
  --container-boxshadow-carousel: var(--global-boxshadow-container-distant); /* Carousel */
66
63
  --container-boxshadow-colorpicker: var(--global-boxshadow-container-near); /* Color picker (advanced) */
67
64
  --container-boxshadow-dialog: var(--global-boxshadow-container-distant); /* Dialog */
68
65
  --container-boxshadow-filepreview: var(--global-boxshadow-container-distant); /* File preview */
66
+ --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
69
67
  --container-boxshadow-sidebar: var(--global-boxshadow-container-distant); /* Sidebar */
70
68
  --container-boxshadow-stickyfooter: var(--global-boxshadow-container-sticky-footer); /* Sticky footer in Dialog, Drawer, Sidebar. */
71
- --container-boxshadow-nudge: var(--global-boxshadow-container-far); /* nudge shadow */
69
+ --container-boxshadow-card-enabled: var(--global-boxshadow-interactive-enabled); /* Card (enabled) */
70
+ --container-boxshadow-card-hover: var(--global-boxshadow-interactive-hover); /* Card (hover state) */
71
+ --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
72
72
  --container-color-interactive-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
73
73
  --container-color-interactive-border-alt: var(--modes-color-generic-fg-delicate); /* Link preview. */
74
74
  --container-color-interactive-border-inactive: var(--modes-color-generic-fg-soft);
@@ -129,9 +129,6 @@
129
129
  --container-size-tooltip-arrow-width: var(--global-size-micro-xxl); /* tooltip arrow width */
130
130
  --container-size-tooltip-arrow-height: var(--global-size-micro-m); /* tooltip arrow height */
131
131
  --container-size-uploadpreview-m: var(--global-size-macro-xxxl); /* Thumbnail container */
132
- --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
133
- --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
134
- --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
135
132
  --container-radius-carouselslide: var(--global-radius-container-l); /* Carousel slides */
136
133
  --container-radius-colorpicker: var(--global-radius-container-l); /* Color picker container radius */
137
134
  --container-radius-contacttile: var(--global-radius-container-m);
@@ -140,14 +137,18 @@
140
137
  --container-radius-linkpreview: var(--global-radius-interactive-s); /* Link preview (outer corners) */
141
138
  --container-radius-heroimage: var(--global-radius-container-xxxxl); /* hero image radius */
142
139
  --container-radius-note: var(--global-radius-container-m); /* Note */
140
+ --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
141
+ --container-radius-profileselector: var(--global-radius-container-m); /* Profile selector list container. */
143
142
  --container-radius-texteditor: var(--global-radius-container-m); /* Text editor (footer bottom corners) */
143
+ --container-radius-card-moderate: var(--global-radius-container-l); /* Card (less rounded) */
144
+ --container-radius-card-curved: var(--global-radius-container-xl); /* Card (more rounded) */
145
+ --container-radius-card-sweeping: var(--global-radius-container-xxl); /* Card largest rounded type */
144
146
  --container-radius-tile-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
145
147
  --container-radius-tile-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
146
148
  --container-radius-tile-sweeping: var(--global-radius-container-xxl); /* Tile largest roundedness */
147
149
  --container-radius-tileselect-moderate: var(--global-radius-container-l); /* Tile (less rounded) */
148
150
  --container-radius-tileselect-curved: var(--global-radius-container-xl); /* Tile (more rounded) */
149
151
  --container-radius-tileselect-sweeping: var(--global-radius-container-xxl);
150
- --container-radius-nudge: var(--global-radius-container-l); /* nudge radius */
151
152
  --container-space-none: var(--global-space-none);
152
153
  --container-space-accordionsubtle-yg-m: var(--global-space-macro-xs); /* Gap between Accordion subtle trigger and content */
153
154
  --container-space-filepreview-preview-x-m: var(--global-space-micro-l); /* Horizontal padding on large thumbnail image */
@@ -265,6 +266,8 @@
265
266
  --container-borderwidth-header: var(--global-borderwidth-xs); /* Global header (next to logo) */
266
267
  --container-borderwidth-linkpreview: var(--global-borderwidth-xs); /* Link preview in Text editor and Note */
267
268
  --container-borderwidth-note: var(--global-borderwidth-xs); /* Note */
269
+ --container-borderwidth-profileselector: var(--global-borderwidth-xs); /* Profile selector list container. */
270
+ --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
268
271
  --container-borderwidth-sidebar: var(--global-borderwidth-xs); /* Sidebar */
269
272
  --container-borderwidth-summarylist: var(--global-borderwidth-xs); /* Summary list */
270
273
  --container-borderwidth-tile: var(--global-borderwidth-xs); /* Tile */
@@ -278,7 +281,6 @@
278
281
  --container-borderwidth-tileselect-selected: var(--global-borderwidth-s); /* Tile select (selected tile) */
279
282
  --container-borderwidth-tileselect-unavailable: var(--global-borderwidth-xs); /* Subscription tile (unavailable product) */
280
283
  --container-borderwidth-tileselect-enabled: var(--global-borderwidth-xs); /* Tile select (enabled tile) */
281
- --container-borderwidth-nudge: var(--global-borderwidth-xl); /* nudge AI message borders */
282
284
  --container-color-interactive-borderalt-hover: var(--container-color-interactive-border-alt); /* For hover border on Link preview. */
283
285
  --container-size-drawer-minwidth: var(--container-size-responsive-xl); /* min-width for drawer component */
284
286
  --container-size-drawer-maxwidth: var(--container-size-responsive-xxxxl); /* max-width for drawer component */
package/css/frozenproduct/small/components/popover.css CHANGED
@@ -30,12 +30,15 @@
30
30
  --popover-size-item-l: var(--global-size-macro-l); /* REF'D IN FORM. Menu item min height. */
31
31
  --popover-radius-container: var(--global-radius-container-m); /* REF'D IN FORM. Menu container. */
32
32
  --popover-radius-optionfocus: var(--global-radius-container-m); /* Popover menu option focus */
33
- --popover-space-menu-y-s: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container. */
34
- --popover-space-menu-y-m: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
35
- --popover-space-menu-y-l: var(--global-space-micro-l); /* REF'D IN FORM. Top and bottom padding on popover menu container */
36
- --popover-space-menu-yg-s: var(--global-space-micro-s); /* Space between trigger and menu card. */
37
- --popover-space-menu-yg-m: var(--global-space-micro-s); /* Space between trigger and menu card. */
38
- --popover-space-menu-yg-l: var(--global-space-micro-s); /* Space between trigger and menu card. */
33
+ --popover-space-menu-x-s: calc(var(--global-space-macro-xxs) / 2); /* Left and right padding token used on small popover container consumed inside number input. */
34
+ --popover-space-menu-x-m: var(--global-space-macro-xxxs); /* Left and right padding token used on medium popover container consumed inside number input. */
35
+ --popover-space-menu-x-l: var(--global-space-macro-xxs); /* Left and right padding token used on large popover container consumed inside number input. */
36
+ --popover-space-menu-y-s: calc(var(--global-space-macro-xxs) / 2); /* Top and bottom padding inside S size popover menu container */
37
+ --popover-space-menu-y-m: var(--global-space-macro-xxxs); /* Top and bottom padding inside M size popover menu container */
38
+ --popover-space-menu-y-l: var(--global-space-macro-xxs); /* Top and bottom padding inside L size popover menu container */
39
+ --popover-space-menu-yg-s: calc(var(--global-space-macro-xxs) / 2); /* Gap spacing token used on small popover container consumed inside number input. */
40
+ --popover-space-menu-yg-m: var(--global-space-macro-xxxs); /* Gap spacing token used on medium popover container consumed inside number input. */
41
+ --popover-space-menu-yg-l: var(--global-space-macro-xxs); /* Gap spacing token used on large popover container consumed inside number input. */
39
42
  --popover-space-option-x-s: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
40
43
  --popover-space-option-x-m: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
41
44
  --popover-space-option-x-l: var(--global-space-micro-xxl); /* REF'D in FORM. Right left padding on popover option. */
package/css/frozenproduct/small/components/status.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --status-color-message-global-warning-icon: var(--modes-color-status-caution-default); /* Icon on tinted bgs */
13
13
  --status-color-message-contextual-bg: var(--modes-color-generic-bg-nought);
14
14
  --status-color-message-contextual-icon: var(--modes-color-generic-bg-nought); /* decorative icon on standard contextual messages */
15
+ --status-color-message-contextual-icon-alt: var(--modes-color-status-neutral-default); /* icon on neutral status dialogs */
15
16
  --status-color-message-contextual-ai-bg-alt: var(--modes-color-status-neutral-default-alt);
16
17
  --status-color-message-contextual-callout-bg-alt: var(--modes-color-status-callout-default-alt); /* Subtle message bg */
17
18
  --status-color-message-contextual-error-bg-default: var(--modes-color-status-negative-default);