@sage/design-tokens 6.0.0 → 7.0.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 (322) hide show
  1. package/css/frozenproduct/all.css +5 -5
  2. package/css/frozenproduct/large/components/container.css +4 -2
  3. package/css/frozenproduct/large/components/status.css +1 -1
  4. package/css/frozenproduct/large/components/table.css +0 -2
  5. package/css/frozenproduct/small/components/container.css +4 -2
  6. package/css/frozenproduct/small/components/status.css +1 -1
  7. package/css/frozenproduct/small/components/table.css +0 -2
  8. package/css/marketing/all.css +5 -5
  9. package/css/marketing/large/components/container.css +4 -2
  10. package/css/marketing/large/components/status.css +1 -1
  11. package/css/marketing/large/components/table.css +0 -2
  12. package/css/marketing/small/components/container.css +4 -2
  13. package/css/marketing/small/components/status.css +1 -1
  14. package/css/marketing/small/components/table.css +0 -2
  15. package/css/product/all.css +5 -5
  16. package/css/product/large/components/container.css +4 -2
  17. package/css/product/large/components/status.css +1 -1
  18. package/css/product/large/components/table.css +0 -2
  19. package/css/product/small/components/container.css +4 -2
  20. package/css/product/small/components/status.css +1 -1
  21. package/css/product/small/components/table.css +0 -2
  22. package/ios/frozenproduct/large/dark/components/container.h +3 -1
  23. package/ios/frozenproduct/large/dark/components/status.h +1 -1
  24. package/ios/frozenproduct/large/dark/components/table.h +0 -2
  25. package/ios/frozenproduct/large/light/components/container.h +3 -1
  26. package/ios/frozenproduct/large/light/components/status.h +1 -1
  27. package/ios/frozenproduct/large/light/components/table.h +0 -2
  28. package/ios/frozenproduct/small/dark/components/container.h +4 -2
  29. package/ios/frozenproduct/small/dark/components/status.h +1 -1
  30. package/ios/frozenproduct/small/dark/components/table.h +0 -2
  31. package/ios/frozenproduct/small/light/components/container.h +4 -2
  32. package/ios/frozenproduct/small/light/components/status.h +1 -1
  33. package/ios/frozenproduct/small/light/components/table.h +0 -2
  34. package/ios/marketing/large/dark/components/container.h +3 -1
  35. package/ios/marketing/large/dark/components/status.h +1 -1
  36. package/ios/marketing/large/dark/components/table.h +0 -2
  37. package/ios/marketing/large/light/components/container.h +3 -1
  38. package/ios/marketing/large/light/components/status.h +1 -1
  39. package/ios/marketing/large/light/components/table.h +0 -2
  40. package/ios/marketing/small/dark/components/container.h +4 -2
  41. package/ios/marketing/small/dark/components/status.h +1 -1
  42. package/ios/marketing/small/dark/components/table.h +0 -2
  43. package/ios/marketing/small/light/components/container.h +4 -2
  44. package/ios/marketing/small/light/components/status.h +1 -1
  45. package/ios/marketing/small/light/components/table.h +0 -2
  46. package/ios/product/large/dark/components/container.h +3 -1
  47. package/ios/product/large/dark/components/status.h +1 -1
  48. package/ios/product/large/dark/components/table.h +0 -2
  49. package/ios/product/large/light/components/container.h +3 -1
  50. package/ios/product/large/light/components/status.h +1 -1
  51. package/ios/product/large/light/components/table.h +0 -2
  52. package/ios/product/small/dark/components/container.h +4 -2
  53. package/ios/product/small/dark/components/status.h +1 -1
  54. package/ios/product/small/dark/components/table.h +0 -2
  55. package/ios/product/small/light/components/container.h +4 -2
  56. package/ios/product/small/light/components/status.h +1 -1
  57. package/ios/product/small/light/components/table.h +0 -2
  58. package/js/common/frozenproduct/large/dark/components/container.d.ts +4 -0
  59. package/js/common/frozenproduct/large/dark/components/container.js +80 -6
  60. package/js/common/frozenproduct/large/dark/components/status.js +2 -2
  61. package/js/common/frozenproduct/large/dark/components/table.d.ts +0 -6
  62. package/js/common/frozenproduct/large/dark/components/table.js +0 -66
  63. package/js/common/frozenproduct/large/light/components/container.d.ts +4 -0
  64. package/js/common/frozenproduct/large/light/components/container.js +80 -6
  65. package/js/common/frozenproduct/large/light/components/status.js +2 -2
  66. package/js/common/frozenproduct/large/light/components/table.d.ts +0 -6
  67. package/js/common/frozenproduct/large/light/components/table.js +0 -66
  68. package/js/common/frozenproduct/small/dark/components/container.d.ts +4 -0
  69. package/js/common/frozenproduct/small/dark/components/container.js +82 -8
  70. package/js/common/frozenproduct/small/dark/components/status.js +2 -2
  71. package/js/common/frozenproduct/small/dark/components/table.d.ts +0 -6
  72. package/js/common/frozenproduct/small/dark/components/table.js +0 -66
  73. package/js/common/frozenproduct/small/light/components/container.d.ts +4 -0
  74. package/js/common/frozenproduct/small/light/components/container.js +82 -8
  75. package/js/common/frozenproduct/small/light/components/status.js +2 -2
  76. package/js/common/frozenproduct/small/light/components/table.d.ts +0 -6
  77. package/js/common/frozenproduct/small/light/components/table.js +0 -66
  78. package/js/common/marketing/large/dark/components/container.d.ts +4 -0
  79. package/js/common/marketing/large/dark/components/container.js +80 -6
  80. package/js/common/marketing/large/dark/components/status.js +2 -2
  81. package/js/common/marketing/large/dark/components/table.d.ts +0 -6
  82. package/js/common/marketing/large/dark/components/table.js +0 -66
  83. package/js/common/marketing/large/light/components/container.d.ts +4 -0
  84. package/js/common/marketing/large/light/components/container.js +80 -6
  85. package/js/common/marketing/large/light/components/status.js +2 -2
  86. package/js/common/marketing/large/light/components/table.d.ts +0 -6
  87. package/js/common/marketing/large/light/components/table.js +0 -66
  88. package/js/common/marketing/small/dark/components/container.d.ts +4 -0
  89. package/js/common/marketing/small/dark/components/container.js +82 -8
  90. package/js/common/marketing/small/dark/components/status.js +2 -2
  91. package/js/common/marketing/small/dark/components/table.d.ts +0 -6
  92. package/js/common/marketing/small/dark/components/table.js +0 -66
  93. package/js/common/marketing/small/light/components/container.d.ts +4 -0
  94. package/js/common/marketing/small/light/components/container.js +82 -8
  95. package/js/common/marketing/small/light/components/status.js +2 -2
  96. package/js/common/marketing/small/light/components/table.d.ts +0 -6
  97. package/js/common/marketing/small/light/components/table.js +0 -66
  98. package/js/common/product/large/dark/components/container.d.ts +4 -0
  99. package/js/common/product/large/dark/components/container.js +80 -6
  100. package/js/common/product/large/dark/components/status.js +2 -2
  101. package/js/common/product/large/dark/components/table.d.ts +0 -6
  102. package/js/common/product/large/dark/components/table.js +0 -66
  103. package/js/common/product/large/light/components/container.d.ts +4 -0
  104. package/js/common/product/large/light/components/container.js +80 -6
  105. package/js/common/product/large/light/components/status.js +2 -2
  106. package/js/common/product/large/light/components/table.d.ts +0 -6
  107. package/js/common/product/large/light/components/table.js +0 -66
  108. package/js/common/product/small/dark/components/container.d.ts +4 -0
  109. package/js/common/product/small/dark/components/container.js +82 -8
  110. package/js/common/product/small/dark/components/status.js +2 -2
  111. package/js/common/product/small/dark/components/table.d.ts +0 -6
  112. package/js/common/product/small/dark/components/table.js +0 -66
  113. package/js/common/product/small/light/components/container.d.ts +4 -0
  114. package/js/common/product/small/light/components/container.js +82 -8
  115. package/js/common/product/small/light/components/status.js +2 -2
  116. package/js/common/product/small/light/components/table.d.ts +0 -6
  117. package/js/common/product/small/light/components/table.js +0 -66
  118. package/js/es6/frozenproduct/large/dark/components/container.d.ts +4 -0
  119. package/js/es6/frozenproduct/large/dark/components/container.js +3 -1
  120. package/js/es6/frozenproduct/large/dark/components/status.js +1 -1
  121. package/js/es6/frozenproduct/large/dark/components/table.d.ts +0 -4
  122. package/js/es6/frozenproduct/large/dark/components/table.js +0 -2
  123. package/js/es6/frozenproduct/large/light/components/container.d.ts +4 -0
  124. package/js/es6/frozenproduct/large/light/components/container.js +3 -1
  125. package/js/es6/frozenproduct/large/light/components/status.js +1 -1
  126. package/js/es6/frozenproduct/large/light/components/table.d.ts +0 -4
  127. package/js/es6/frozenproduct/large/light/components/table.js +0 -2
  128. package/js/es6/frozenproduct/small/dark/components/container.d.ts +4 -0
  129. package/js/es6/frozenproduct/small/dark/components/container.js +4 -2
  130. package/js/es6/frozenproduct/small/dark/components/status.js +1 -1
  131. package/js/es6/frozenproduct/small/dark/components/table.d.ts +0 -4
  132. package/js/es6/frozenproduct/small/dark/components/table.js +0 -2
  133. package/js/es6/frozenproduct/small/light/components/container.d.ts +4 -0
  134. package/js/es6/frozenproduct/small/light/components/container.js +4 -2
  135. package/js/es6/frozenproduct/small/light/components/status.js +1 -1
  136. package/js/es6/frozenproduct/small/light/components/table.d.ts +0 -4
  137. package/js/es6/frozenproduct/small/light/components/table.js +0 -2
  138. package/js/es6/marketing/large/dark/components/container.d.ts +4 -0
  139. package/js/es6/marketing/large/dark/components/container.js +3 -1
  140. package/js/es6/marketing/large/dark/components/status.js +1 -1
  141. package/js/es6/marketing/large/dark/components/table.d.ts +0 -4
  142. package/js/es6/marketing/large/dark/components/table.js +0 -2
  143. package/js/es6/marketing/large/light/components/container.d.ts +4 -0
  144. package/js/es6/marketing/large/light/components/container.js +3 -1
  145. package/js/es6/marketing/large/light/components/status.js +1 -1
  146. package/js/es6/marketing/large/light/components/table.d.ts +0 -4
  147. package/js/es6/marketing/large/light/components/table.js +0 -2
  148. package/js/es6/marketing/small/dark/components/container.d.ts +4 -0
  149. package/js/es6/marketing/small/dark/components/container.js +4 -2
  150. package/js/es6/marketing/small/dark/components/status.js +1 -1
  151. package/js/es6/marketing/small/dark/components/table.d.ts +0 -4
  152. package/js/es6/marketing/small/dark/components/table.js +0 -2
  153. package/js/es6/marketing/small/light/components/container.d.ts +4 -0
  154. package/js/es6/marketing/small/light/components/container.js +4 -2
  155. package/js/es6/marketing/small/light/components/status.js +1 -1
  156. package/js/es6/marketing/small/light/components/table.d.ts +0 -4
  157. package/js/es6/marketing/small/light/components/table.js +0 -2
  158. package/js/es6/product/large/dark/components/container.d.ts +4 -0
  159. package/js/es6/product/large/dark/components/container.js +3 -1
  160. package/js/es6/product/large/dark/components/status.js +1 -1
  161. package/js/es6/product/large/dark/components/table.d.ts +0 -4
  162. package/js/es6/product/large/dark/components/table.js +0 -2
  163. package/js/es6/product/large/light/components/container.d.ts +4 -0
  164. package/js/es6/product/large/light/components/container.js +3 -1
  165. package/js/es6/product/large/light/components/status.js +1 -1
  166. package/js/es6/product/large/light/components/table.d.ts +0 -4
  167. package/js/es6/product/large/light/components/table.js +0 -2
  168. package/js/es6/product/small/dark/components/container.d.ts +4 -0
  169. package/js/es6/product/small/dark/components/container.js +4 -2
  170. package/js/es6/product/small/dark/components/status.js +1 -1
  171. package/js/es6/product/small/dark/components/table.d.ts +0 -4
  172. package/js/es6/product/small/dark/components/table.js +0 -2
  173. package/js/es6/product/small/light/components/container.d.ts +4 -0
  174. package/js/es6/product/small/light/components/container.js +4 -2
  175. package/js/es6/product/small/light/components/status.js +1 -1
  176. package/js/es6/product/small/light/components/table.d.ts +0 -4
  177. package/js/es6/product/small/light/components/table.js +0 -2
  178. package/js/umd/frozenproduct/large/dark/components/container.js +81 -6
  179. package/js/umd/frozenproduct/large/dark/components/status.js +2 -2
  180. package/js/umd/frozenproduct/large/dark/components/table.js +0 -66
  181. package/js/umd/frozenproduct/large/light/components/container.js +81 -6
  182. package/js/umd/frozenproduct/large/light/components/status.js +2 -2
  183. package/js/umd/frozenproduct/large/light/components/table.js +0 -66
  184. package/js/umd/frozenproduct/small/dark/components/container.js +83 -8
  185. package/js/umd/frozenproduct/small/dark/components/status.js +2 -2
  186. package/js/umd/frozenproduct/small/dark/components/table.js +0 -66
  187. package/js/umd/frozenproduct/small/light/components/container.js +83 -8
  188. package/js/umd/frozenproduct/small/light/components/status.js +2 -2
  189. package/js/umd/frozenproduct/small/light/components/table.js +0 -66
  190. package/js/umd/marketing/large/dark/components/container.js +81 -6
  191. package/js/umd/marketing/large/dark/components/status.js +2 -2
  192. package/js/umd/marketing/large/dark/components/table.js +0 -66
  193. package/js/umd/marketing/large/light/components/container.js +81 -6
  194. package/js/umd/marketing/large/light/components/status.js +2 -2
  195. package/js/umd/marketing/large/light/components/table.js +0 -66
  196. package/js/umd/marketing/small/dark/components/container.js +83 -8
  197. package/js/umd/marketing/small/dark/components/status.js +2 -2
  198. package/js/umd/marketing/small/dark/components/table.js +0 -66
  199. package/js/umd/marketing/small/light/components/container.js +83 -8
  200. package/js/umd/marketing/small/light/components/status.js +2 -2
  201. package/js/umd/marketing/small/light/components/table.js +0 -66
  202. package/js/umd/product/large/dark/components/container.js +81 -6
  203. package/js/umd/product/large/dark/components/status.js +2 -2
  204. package/js/umd/product/large/dark/components/table.js +0 -66
  205. package/js/umd/product/large/light/components/container.js +81 -6
  206. package/js/umd/product/large/light/components/status.js +2 -2
  207. package/js/umd/product/large/light/components/table.js +0 -66
  208. package/js/umd/product/small/dark/components/container.js +83 -8
  209. package/js/umd/product/small/dark/components/status.js +2 -2
  210. package/js/umd/product/small/dark/components/table.js +0 -66
  211. package/js/umd/product/small/light/components/container.js +83 -8
  212. package/js/umd/product/small/light/components/status.js +2 -2
  213. package/js/umd/product/small/light/components/table.js +0 -66
  214. package/json/flat/frozenproduct/large/dark/components/container.json +3 -1
  215. package/json/flat/frozenproduct/large/dark/components/status.json +1 -1
  216. package/json/flat/frozenproduct/large/dark/components/table.json +0 -2
  217. package/json/flat/frozenproduct/large/light/components/container.json +3 -1
  218. package/json/flat/frozenproduct/large/light/components/status.json +1 -1
  219. package/json/flat/frozenproduct/large/light/components/table.json +0 -2
  220. package/json/flat/frozenproduct/small/dark/components/container.json +4 -2
  221. package/json/flat/frozenproduct/small/dark/components/status.json +1 -1
  222. package/json/flat/frozenproduct/small/dark/components/table.json +0 -2
  223. package/json/flat/frozenproduct/small/light/components/container.json +4 -2
  224. package/json/flat/frozenproduct/small/light/components/status.json +1 -1
  225. package/json/flat/frozenproduct/small/light/components/table.json +0 -2
  226. package/json/flat/marketing/large/dark/components/container.json +3 -1
  227. package/json/flat/marketing/large/dark/components/status.json +1 -1
  228. package/json/flat/marketing/large/dark/components/table.json +0 -2
  229. package/json/flat/marketing/large/light/components/container.json +3 -1
  230. package/json/flat/marketing/large/light/components/status.json +1 -1
  231. package/json/flat/marketing/large/light/components/table.json +0 -2
  232. package/json/flat/marketing/small/dark/components/container.json +4 -2
  233. package/json/flat/marketing/small/dark/components/status.json +1 -1
  234. package/json/flat/marketing/small/dark/components/table.json +0 -2
  235. package/json/flat/marketing/small/light/components/container.json +4 -2
  236. package/json/flat/marketing/small/light/components/status.json +1 -1
  237. package/json/flat/marketing/small/light/components/table.json +0 -2
  238. package/json/flat/product/large/dark/components/container.json +3 -1
  239. package/json/flat/product/large/dark/components/status.json +1 -1
  240. package/json/flat/product/large/dark/components/table.json +0 -2
  241. package/json/flat/product/large/light/components/container.json +3 -1
  242. package/json/flat/product/large/light/components/status.json +1 -1
  243. package/json/flat/product/large/light/components/table.json +0 -2
  244. package/json/flat/product/small/dark/components/container.json +4 -2
  245. package/json/flat/product/small/dark/components/status.json +1 -1
  246. package/json/flat/product/small/dark/components/table.json +0 -2
  247. package/json/flat/product/small/light/components/container.json +4 -2
  248. package/json/flat/product/small/light/components/status.json +1 -1
  249. package/json/flat/product/small/light/components/table.json +0 -2
  250. package/json/nested/frozenproduct/large/dark/components/container.json +4 -0
  251. package/json/nested/frozenproduct/large/dark/components/status.json +1 -1
  252. package/json/nested/frozenproduct/large/dark/components/table.json +0 -6
  253. package/json/nested/frozenproduct/large/light/components/container.json +4 -0
  254. package/json/nested/frozenproduct/large/light/components/status.json +1 -1
  255. package/json/nested/frozenproduct/large/light/components/table.json +0 -6
  256. package/json/nested/frozenproduct/small/dark/components/container.json +6 -2
  257. package/json/nested/frozenproduct/small/dark/components/status.json +1 -1
  258. package/json/nested/frozenproduct/small/dark/components/table.json +0 -6
  259. package/json/nested/frozenproduct/small/light/components/container.json +6 -2
  260. package/json/nested/frozenproduct/small/light/components/status.json +1 -1
  261. package/json/nested/frozenproduct/small/light/components/table.json +0 -6
  262. package/json/nested/marketing/large/dark/components/container.json +4 -0
  263. package/json/nested/marketing/large/dark/components/status.json +1 -1
  264. package/json/nested/marketing/large/dark/components/table.json +0 -6
  265. package/json/nested/marketing/large/light/components/container.json +4 -0
  266. package/json/nested/marketing/large/light/components/status.json +1 -1
  267. package/json/nested/marketing/large/light/components/table.json +0 -6
  268. package/json/nested/marketing/small/dark/components/container.json +6 -2
  269. package/json/nested/marketing/small/dark/components/status.json +1 -1
  270. package/json/nested/marketing/small/dark/components/table.json +0 -6
  271. package/json/nested/marketing/small/light/components/container.json +6 -2
  272. package/json/nested/marketing/small/light/components/status.json +1 -1
  273. package/json/nested/marketing/small/light/components/table.json +0 -6
  274. package/json/nested/product/large/dark/components/container.json +4 -0
  275. package/json/nested/product/large/dark/components/status.json +1 -1
  276. package/json/nested/product/large/dark/components/table.json +0 -6
  277. package/json/nested/product/large/light/components/container.json +4 -0
  278. package/json/nested/product/large/light/components/status.json +1 -1
  279. package/json/nested/product/large/light/components/table.json +0 -6
  280. package/json/nested/product/small/dark/components/container.json +6 -2
  281. package/json/nested/product/small/dark/components/status.json +1 -1
  282. package/json/nested/product/small/dark/components/table.json +0 -6
  283. package/json/nested/product/small/light/components/container.json +6 -2
  284. package/json/nested/product/small/light/components/status.json +1 -1
  285. package/json/nested/product/small/light/components/table.json +0 -6
  286. package/package.json +1 -1
  287. package/sage-design-tokens-7.0.0.tgz +0 -0
  288. package/scss/frozenproduct/large/components/container.scss +4 -2
  289. package/scss/frozenproduct/large/components/status.scss +1 -1
  290. package/scss/frozenproduct/large/components/table.scss +0 -2
  291. package/scss/frozenproduct/small/components/container.scss +4 -2
  292. package/scss/frozenproduct/small/components/status.scss +1 -1
  293. package/scss/frozenproduct/small/components/table.scss +0 -2
  294. package/scss/marketing/large/components/container.scss +4 -2
  295. package/scss/marketing/large/components/status.scss +1 -1
  296. package/scss/marketing/large/components/table.scss +0 -2
  297. package/scss/marketing/small/components/container.scss +4 -2
  298. package/scss/marketing/small/components/status.scss +1 -1
  299. package/scss/marketing/small/components/table.scss +0 -2
  300. package/scss/product/large/components/button.scss +22 -22
  301. package/scss/product/large/components/container.scss +13 -11
  302. package/scss/product/large/components/form.scss +7 -7
  303. package/scss/product/large/components/link.scss +2 -2
  304. package/scss/product/large/components/nav.scss +3 -3
  305. package/scss/product/large/components/page.scss +1 -1
  306. package/scss/product/large/components/popover.scss +2 -2
  307. package/scss/product/large/components/progress.scss +6 -6
  308. package/scss/product/large/components/status.scss +4 -4
  309. package/scss/product/large/components/tab.scss +7 -7
  310. package/scss/product/large/components/table.scss +11 -13
  311. package/scss/product/small/components/button.scss +22 -22
  312. package/scss/product/small/components/container.scss +13 -11
  313. package/scss/product/small/components/form.scss +7 -7
  314. package/scss/product/small/components/link.scss +2 -2
  315. package/scss/product/small/components/nav.scss +3 -3
  316. package/scss/product/small/components/page.scss +1 -1
  317. package/scss/product/small/components/popover.scss +2 -2
  318. package/scss/product/small/components/progress.scss +6 -6
  319. package/scss/product/small/components/status.scss +4 -4
  320. package/scss/product/small/components/tab.scss +7 -7
  321. package/scss/product/small/components/table.scss +11 -13
  322. package/sage-design-tokens-6.0.0.tgz +0 -0
@@ -919,9 +919,11 @@
919
919
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
920
920
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
921
921
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
922
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
922
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
923
923
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
924
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
924
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
925
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
926
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
925
927
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
926
928
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
927
929
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -1694,6 +1696,7 @@
1694
1696
  --status-typography-heading-s: var(--global-typography-component-firm-s);
1695
1697
  --status-typography-heading-m: var(--global-typography-component-firm-m);
1696
1698
  --status-typography-heading-l: var(--global-typography-component-firm-l);
1699
+ --status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
1697
1700
  --status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
1698
1701
  --status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
1699
1702
  --status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
@@ -1716,7 +1719,6 @@
1716
1719
  --status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
1717
1720
  --status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
1718
1721
  --status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1719
- --status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1720
1722
  --status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
1721
1723
  --status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1722
1724
  --status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
@@ -1862,8 +1864,6 @@
1862
1864
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1863
1865
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1864
1866
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1865
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
1866
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
1867
1867
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
1868
1868
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
1869
1869
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -919,9 +919,11 @@
919
919
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
920
920
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
921
921
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
922
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
922
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
923
923
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
924
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
924
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
925
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
926
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
925
927
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
926
928
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
927
929
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -1694,6 +1696,7 @@
1694
1696
  --status-typography-heading-s: var(--global-typography-component-firm-s);
1695
1697
  --status-typography-heading-m: var(--global-typography-component-firm-m);
1696
1698
  --status-typography-heading-l: var(--global-typography-component-firm-l);
1699
+ --status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
1697
1700
  --status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
1698
1701
  --status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
1699
1702
  --status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
@@ -1716,7 +1719,6 @@
1716
1719
  --status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
1717
1720
  --status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
1718
1721
  --status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1719
- --status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1720
1722
  --status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
1721
1723
  --status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1722
1724
  --status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
@@ -1862,8 +1864,6 @@
1862
1864
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1863
1865
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1864
1866
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1865
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
1866
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
1867
1867
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
1868
1868
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
1869
1869
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -919,9 +919,11 @@
919
919
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
920
920
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
921
921
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
922
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
922
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
923
923
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
924
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
924
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
925
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
926
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
925
927
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
926
928
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
927
929
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -1694,6 +1696,7 @@
1694
1696
  --status-typography-heading-s: var(--global-typography-component-firm-s);
1695
1697
  --status-typography-heading-m: var(--global-typography-component-firm-m);
1696
1698
  --status-typography-heading-l: var(--global-typography-component-firm-l);
1699
+ --status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
1697
1700
  --status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
1698
1701
  --status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
1699
1702
  --status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
@@ -1716,7 +1719,6 @@
1716
1719
  --status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
1717
1720
  --status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
1718
1721
  --status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1719
- --status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1720
1722
  --status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
1721
1723
  --status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
1722
1724
  --status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
@@ -1862,8 +1864,6 @@
1862
1864
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1863
1865
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1864
1866
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
1865
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
1866
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
1867
1867
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
1868
1868
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
1869
1869
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -215,9 +215,11 @@
215
215
  --container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
216
216
  --container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
217
217
  --container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
218
- --container-space-pagination-xg-m: var(--global-space-micro-l); /* gap between elements in pagination */
218
+ --container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
219
219
  --container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
220
- --container-space-pagination-y-m: var(--global-space-micro-l); /* top and bottom padding inside pagination */
220
+ --container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
221
+ --container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
222
+ --container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
221
223
  --container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
222
224
  --container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
223
225
  --container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
@@ -63,6 +63,7 @@
63
63
  --status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
64
64
  --status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
65
65
  --status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
66
+ --status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
66
67
  --status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
67
68
  --status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
68
69
  --status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
@@ -85,7 +86,6 @@
85
86
  --status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
86
87
  --status-color-rating-border-default: var(--modes-color-status-reviews-default);
87
88
  --status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
88
- --status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
89
89
  --status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
90
90
  --status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
91
91
  --status-color-pill-label-default: var(--modes-color-status-content-with-default);
@@ -63,8 +63,6 @@
63
63
  --table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
64
64
  --table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
65
65
  --table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
66
- --table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
67
- --table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
68
66
  --table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
69
67
  --table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
70
68
  --table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
@@ -194,7 +194,9 @@
194
194
  #define containerSpaceLinkpreviewYgL 12
195
195
  #define containerSpacePaginationXgM 8
196
196
  #define containerSpacePaginationXgL 16
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 12
198
+ #define containerSpacePaginationYL 16
199
+ #define containerSpacePaginationYgM 8
198
200
  #define containerSpacePaginationXM 16
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #fffffff2
14
- #define statusColorMessageGlobalLabelHover #fffffff2
14
+ #define statusColorMessageGlobalLabelHover #FFFFFF
15
15
  #define statusColorMessageGlobalCalloutBgDefault #122211
16
16
  #define statusColorMessageGlobalCalloutBgHover #223121
17
17
  #define statusColorMessageGlobalCalloutIcon #fffffff2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 36
57
55
  #define tableSpaceRowchildXS 44
58
56
  #define tableSpaceRowchildXM 44
@@ -194,7 +194,9 @@
194
194
  #define containerSpaceLinkpreviewYgL 12
195
195
  #define containerSpacePaginationXgM 8
196
196
  #define containerSpacePaginationXgL 16
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 12
198
+ #define containerSpacePaginationYL 16
199
+ #define containerSpacePaginationYgM 8
198
200
  #define containerSpacePaginationXM 16
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #000000f2
14
- #define statusColorMessageGlobalLabelHover #000000f2
14
+ #define statusColorMessageGlobalLabelHover #000000
15
15
  #define statusColorMessageGlobalCalloutBgDefault #e5fae2
16
16
  #define statusColorMessageGlobalCalloutBgHover #d8ecd5
17
17
  #define statusColorMessageGlobalCalloutIcon #000000f2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 36
57
55
  #define tableSpaceRowchildXS 44
58
56
  #define tableSpaceRowchildXM 44
@@ -192,9 +192,11 @@
192
192
  #define containerSpaceLinkpreviewYgS 4
193
193
  #define containerSpaceLinkpreviewYgM 8
194
194
  #define containerSpaceLinkpreviewYgL 12
195
- #define containerSpacePaginationXgM 8
195
+ #define containerSpacePaginationXgM 6.4
196
196
  #define containerSpacePaginationXgL 12.8
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 9.6
198
+ #define containerSpacePaginationYL 12.8
199
+ #define containerSpacePaginationYgM 6.4
198
200
  #define containerSpacePaginationXM 12.8
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #fffffff2
14
- #define statusColorMessageGlobalLabelHover #fffffff2
14
+ #define statusColorMessageGlobalLabelHover #FFFFFF
15
15
  #define statusColorMessageGlobalCalloutBgDefault #122211
16
16
  #define statusColorMessageGlobalCalloutBgHover #223121
17
17
  #define statusColorMessageGlobalCalloutIcon #fffffff2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 29.6
57
55
  #define tableSpaceRowchildXS 36
58
56
  #define tableSpaceRowchildXM 36
@@ -192,9 +192,11 @@
192
192
  #define containerSpaceLinkpreviewYgS 4
193
193
  #define containerSpaceLinkpreviewYgM 8
194
194
  #define containerSpaceLinkpreviewYgL 12
195
- #define containerSpacePaginationXgM 8
195
+ #define containerSpacePaginationXgM 6.4
196
196
  #define containerSpacePaginationXgL 12.8
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 9.6
198
+ #define containerSpacePaginationYL 12.8
199
+ #define containerSpacePaginationYgM 6.4
198
200
  #define containerSpacePaginationXM 12.8
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #000000f2
14
- #define statusColorMessageGlobalLabelHover #000000f2
14
+ #define statusColorMessageGlobalLabelHover #000000
15
15
  #define statusColorMessageGlobalCalloutBgDefault #e5fae2
16
16
  #define statusColorMessageGlobalCalloutBgHover #d8ecd5
17
17
  #define statusColorMessageGlobalCalloutIcon #000000f2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 29.6
57
55
  #define tableSpaceRowchildXS 36
58
56
  #define tableSpaceRowchildXM 36
@@ -194,7 +194,9 @@
194
194
  #define containerSpaceLinkpreviewYgL 12
195
195
  #define containerSpacePaginationXgM 8
196
196
  #define containerSpacePaginationXgL 16
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 12
198
+ #define containerSpacePaginationYL 16
199
+ #define containerSpacePaginationYgM 8
198
200
  #define containerSpacePaginationXM 16
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #fffffff2
14
- #define statusColorMessageGlobalLabelHover #fffffff2
14
+ #define statusColorMessageGlobalLabelHover #FFFFFF
15
15
  #define statusColorMessageGlobalCalloutBgDefault #122211
16
16
  #define statusColorMessageGlobalCalloutBgHover #223121
17
17
  #define statusColorMessageGlobalCalloutIcon #fffffff2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 36
57
55
  #define tableSpaceRowchildXS 44
58
56
  #define tableSpaceRowchildXM 44
@@ -194,7 +194,9 @@
194
194
  #define containerSpaceLinkpreviewYgL 12
195
195
  #define containerSpacePaginationXgM 8
196
196
  #define containerSpacePaginationXgL 16
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 12
198
+ #define containerSpacePaginationYL 16
199
+ #define containerSpacePaginationYgM 8
198
200
  #define containerSpacePaginationXM 16
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2
@@ -11,7 +11,7 @@
11
11
 
12
12
  #define statusColorNone #fff0
13
13
  #define statusColorMessageGlobalLabelDefault #000000f2
14
- #define statusColorMessageGlobalLabelHover #000000f2
14
+ #define statusColorMessageGlobalLabelHover #000000
15
15
  #define statusColorMessageGlobalCalloutBgDefault #e5fae2
16
16
  #define statusColorMessageGlobalCalloutBgHover #d8ecd5
17
17
  #define statusColorMessageGlobalCalloutIcon #000000f2
@@ -51,8 +51,6 @@
51
51
  #define tableSpaceRowXgM 8
52
52
  #define tableSpaceRowXgL 8
53
53
  #define tableSpaceRowXgXl 8
54
- #define tableSpaceRowYM 8
55
- #define tableSpaceRowYgM 8
56
54
  #define tableSpaceRowchildXXs 36
57
55
  #define tableSpaceRowchildXS 44
58
56
  #define tableSpaceRowchildXM 44
@@ -192,9 +192,11 @@
192
192
  #define containerSpaceLinkpreviewYgS 4
193
193
  #define containerSpaceLinkpreviewYgM 8
194
194
  #define containerSpaceLinkpreviewYgL 12
195
- #define containerSpacePaginationXgM 8
195
+ #define containerSpacePaginationXgM 6.4
196
196
  #define containerSpacePaginationXgL 12.8
197
- #define containerSpacePaginationYM 8
197
+ #define containerSpacePaginationYM 9.6
198
+ #define containerSpacePaginationYL 12.8
199
+ #define containerSpacePaginationYgM 6.4
198
200
  #define containerSpacePaginationXM 12.8
199
201
  #define containerSpaceScrollbarYInner 1
200
202
  #define containerSpaceScrollbarYOuter 2