@cds/core 5.7.0 → 6.0.0-beta.2

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 (689) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.d.ts +2 -0
  3. package/accordion/accordion-header.element.js +1 -1
  4. package/accordion/accordion-header.element.js.map +1 -1
  5. package/accordion/accordion-header.element.scss.js +1 -1
  6. package/accordion/accordion-panel.element.d.ts +2 -2
  7. package/accordion/accordion-panel.element.js +1 -1
  8. package/accordion/accordion-panel.element.js.map +1 -1
  9. package/accordion/accordion-panel.element.scss.js +1 -1
  10. package/accordion/accordion.element.scss.js +1 -1
  11. package/accordion/register.d.ts +1 -0
  12. package/accordion/register.js +1 -1
  13. package/accordion/register.js.map +1 -1
  14. package/alert/alert-actions.element.js +1 -1
  15. package/alert/alert-actions.element.js.map +1 -1
  16. package/alert/alert-actions.element.scss.js +1 -1
  17. package/alert/alert-group.element.js +1 -1
  18. package/alert/alert-group.element.js.map +1 -1
  19. package/alert/alert-group.element.scss.js +1 -1
  20. package/alert/alert.element.d.ts +2 -3
  21. package/alert/alert.element.js +1 -1
  22. package/alert/alert.element.js.map +1 -1
  23. package/alert/alert.element.scss.js +1 -1
  24. package/badge/badge.element.scss.js +1 -1
  25. package/breadcrumb/breadcrumb.element.d.ts +0 -1
  26. package/breadcrumb/breadcrumb.element.js +1 -1
  27. package/breadcrumb/breadcrumb.element.js.map +1 -1
  28. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  29. package/button/button.element.d.ts +1 -1
  30. package/button/button.element.js +1 -1
  31. package/button/button.element.js.map +1 -1
  32. package/button/button.element.scss.js +1 -1
  33. package/button/icon-button.element.d.ts +1 -9
  34. package/button/icon-button.element.js +1 -1
  35. package/button/icon-button.element.js.map +1 -1
  36. package/button/index.d.ts +0 -1
  37. package/button/index.js +1 -1
  38. package/button/register.d.ts +0 -2
  39. package/button/register.js +1 -1
  40. package/button/register.js.map +1 -1
  41. package/button-action/button-action.element.d.ts +45 -0
  42. package/button-action/button-action.element.js +2 -0
  43. package/button-action/button-action.element.js.map +1 -0
  44. package/button-action/button-action.element.scss.js +2 -0
  45. package/button-action/button-action.element.scss.js.map +1 -0
  46. package/button-action/index.d.ts +1 -0
  47. package/button-action/index.js +2 -0
  48. package/{internal/interfaces → button-action}/index.js.map +0 -0
  49. package/button-action/register.d.ts +7 -0
  50. package/button-action/register.js +2 -0
  51. package/button-action/register.js.map +1 -0
  52. package/button-expand/button-expand.element.d.ts +25 -0
  53. package/button-expand/button-expand.element.js +2 -0
  54. package/button-expand/button-expand.element.js.map +1 -0
  55. package/button-expand/button-expand.element.scss.js +2 -0
  56. package/button-expand/button-expand.element.scss.js.map +1 -0
  57. package/button-expand/index.d.ts +1 -0
  58. package/button-expand/index.js +2 -0
  59. package/button-expand/index.js.map +1 -0
  60. package/button-expand/register.d.ts +7 -0
  61. package/button-expand/register.js +2 -0
  62. package/button-expand/register.js.map +1 -0
  63. package/button-handle/button-handle.element.d.ts +19 -0
  64. package/button-handle/button-handle.element.js +2 -0
  65. package/button-handle/button-handle.element.js.map +1 -0
  66. package/button-handle/button-handle.element.scss.js +2 -0
  67. package/button-handle/button-handle.element.scss.js.map +1 -0
  68. package/button-handle/index.d.ts +1 -0
  69. package/button-handle/index.js +2 -0
  70. package/button-handle/index.js.map +1 -0
  71. package/button-handle/register.d.ts +7 -0
  72. package/button-handle/register.js +2 -0
  73. package/button-handle/register.js.map +1 -0
  74. package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
  75. package/button-inline/button-inline.element.js +2 -0
  76. package/button-inline/button-inline.element.js.map +1 -0
  77. package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js} +2 -2
  78. package/button-inline/button-inline.element.scss.js.map +1 -0
  79. package/button-inline/index.d.ts +1 -0
  80. package/button-inline/index.js +2 -0
  81. package/button-inline/index.js.map +1 -0
  82. package/button-inline/register.d.ts +11 -0
  83. package/button-inline/register.js +2 -0
  84. package/button-inline/register.js.map +1 -0
  85. package/button-sort/button-sort.element.d.ts +23 -0
  86. package/button-sort/button-sort.element.js +2 -0
  87. package/button-sort/button-sort.element.js.map +1 -0
  88. package/button-sort/button-sort.element.scss.js +2 -0
  89. package/button-sort/button-sort.element.scss.js.map +1 -0
  90. package/button-sort/index.d.ts +1 -0
  91. package/button-sort/index.js +2 -0
  92. package/button-sort/index.js.map +1 -0
  93. package/button-sort/register.d.ts +7 -0
  94. package/button-sort/register.js +2 -0
  95. package/button-sort/register.js.map +1 -0
  96. package/button-sort/utils.d.ts +1 -0
  97. package/button-sort/utils.js +2 -0
  98. package/button-sort/utils.js.map +1 -0
  99. package/card/card.element.d.ts +4 -5
  100. package/card/card.element.js.map +1 -1
  101. package/card/card.element.scss.js +1 -1
  102. package/checkbox/checkbox.element.scss.js +1 -1
  103. package/custom-elements.json +17310 -9488
  104. package/datalist/datalist.element.d.ts +0 -1
  105. package/datalist/datalist.element.js +1 -1
  106. package/datalist/datalist.element.js.map +1 -1
  107. package/datalist/register.d.ts +1 -1
  108. package/datalist/register.js +1 -1
  109. package/datalist/register.js.map +1 -1
  110. package/date/date.element.d.ts +0 -1
  111. package/date/date.element.js +1 -1
  112. package/date/date.element.js.map +1 -1
  113. package/date/date.global.scss.js +1 -1
  114. package/date/register.d.ts +1 -0
  115. package/date/register.js +1 -1
  116. package/date/register.js.map +1 -1
  117. package/demo/data/demo.service.d.ts +6 -0
  118. package/demo/data/demo.service.js +2 -0
  119. package/demo/data/demo.service.js.map +1 -0
  120. package/demo/data/food.data.d.ts +2 -0
  121. package/demo/data/food.data.js +2 -0
  122. package/demo/data/food.data.js.map +1 -0
  123. package/demo/data/infrastructure.data.d.ts +2 -0
  124. package/demo/data/infrastructure.data.js +2 -0
  125. package/demo/data/infrastructure.data.js.map +1 -0
  126. package/demo/data/interfaces.d.ts +31 -0
  127. package/demo/data/interfaces.js +2 -0
  128. package/demo/data/interfaces.js.map +1 -0
  129. package/demo/data/system.data.d.ts +2 -0
  130. package/demo/data/system.data.js +2 -0
  131. package/demo/data/system.data.js.map +1 -0
  132. package/demo/index.d.ts +43 -0
  133. package/demo/index.js +2 -0
  134. package/demo/index.js.map +1 -0
  135. package/demo/utils.d.ts +67 -0
  136. package/demo/utils.js +2 -0
  137. package/demo/utils.js.map +1 -0
  138. package/divider/divider.element.d.ts +1 -1
  139. package/divider/divider.element.js.map +1 -1
  140. package/divider/divider.element.scss.js +1 -1
  141. package/dropdown/dropdown.element.d.ts +42 -0
  142. package/dropdown/dropdown.element.js +2 -0
  143. package/dropdown/dropdown.element.js.map +1 -0
  144. package/dropdown/index.d.ts +1 -0
  145. package/dropdown/index.js +2 -0
  146. package/dropdown/index.js.map +1 -0
  147. package/dropdown/register.d.ts +7 -0
  148. package/dropdown/register.js +2 -0
  149. package/dropdown/register.js.map +1 -0
  150. package/file/file.element.d.ts +0 -1
  151. package/file/file.element.js +1 -1
  152. package/file/file.element.js.map +1 -1
  153. package/file/file.element.scss.js +1 -1
  154. package/file/register.d.ts +1 -0
  155. package/file/register.js +1 -1
  156. package/file/register.js.map +1 -1
  157. package/forms/control/control.element.d.ts +1 -1
  158. package/forms/control/control.element.js +2 -2
  159. package/forms/control/control.element.js.map +1 -1
  160. package/forms/control/control.element.scss.js +1 -1
  161. package/forms/control-action/control-action.element.d.ts +4 -14
  162. package/forms/control-action/control-action.element.js +1 -1
  163. package/forms/control-action/control-action.element.js.map +1 -1
  164. package/forms/control-group/control-group.element.d.ts +1 -4
  165. package/forms/control-group/control-group.element.js +1 -1
  166. package/forms/control-group/control-group.element.js.map +1 -1
  167. package/forms/control-group/control-group.element.scss.js +1 -1
  168. package/forms/control-inline/control-inline.element.d.ts +1 -1
  169. package/forms/control-inline/control-inline.element.js +1 -1
  170. package/forms/control-inline/control-inline.element.js.map +1 -1
  171. package/forms/control-inline/control-inline.element.scss.js +1 -1
  172. package/forms/control-label/control-label.element.js +1 -1
  173. package/forms/control-label/control-label.element.js.map +1 -1
  174. package/forms/control-label/control-label.element.scss.js +1 -1
  175. package/forms/control-message/control-message.element.scss.js +1 -1
  176. package/forms/form-group/form-group.element.d.ts +2 -2
  177. package/forms/form-group/form-group.element.js +1 -1
  178. package/forms/form-group/form-group.element.js.map +1 -1
  179. package/forms/register.d.ts +1 -0
  180. package/forms/register.js +1 -1
  181. package/forms/register.js.map +1 -1
  182. package/forms/utils/{index.d.ts → utils.d.ts} +0 -0
  183. package/forms/utils/utils.js +2 -0
  184. package/forms/utils/utils.js.map +1 -0
  185. package/forms/utils/validate.js +1 -1
  186. package/forms/utils/validate.js.map +1 -1
  187. package/global.css +1499 -700
  188. package/global.min.css +1 -1
  189. package/grid/cell/grid-cell.element.d.ts +25 -0
  190. package/grid/cell/grid-cell.element.js +2 -0
  191. package/grid/cell/grid-cell.element.js.map +1 -0
  192. package/grid/cell/grid-cell.element.scss.js +2 -0
  193. package/grid/cell/grid-cell.element.scss.js.map +1 -0
  194. package/grid/column/grid-column-position.controller.d.ts +15 -0
  195. package/grid/column/grid-column-position.controller.js +2 -0
  196. package/grid/column/grid-column-position.controller.js.map +1 -0
  197. package/grid/column/grid-column-size.controller.d.ts +18 -0
  198. package/grid/column/grid-column-size.controller.js +2 -0
  199. package/grid/column/grid-column-size.controller.js.map +1 -0
  200. package/grid/column/grid-column.element.d.ts +53 -0
  201. package/grid/column/grid-column.element.js +2 -0
  202. package/grid/column/grid-column.element.js.map +1 -0
  203. package/grid/column/grid-column.element.scss.js +2 -0
  204. package/grid/column/grid-column.element.scss.js.map +1 -0
  205. package/grid/detail/grid-detail.element.d.ts +59 -0
  206. package/grid/detail/grid-detail.element.js +2 -0
  207. package/grid/detail/grid-detail.element.js.map +1 -0
  208. package/grid/detail/grid-detail.element.scss.js +2 -0
  209. package/grid/detail/grid-detail.element.scss.js.map +1 -0
  210. package/grid/footer/grid-footer.element.d.ts +36 -0
  211. package/grid/footer/grid-footer.element.js +2 -0
  212. package/grid/footer/grid-footer.element.js.map +1 -0
  213. package/grid/footer/grid-footer.element.scss.js +2 -0
  214. package/grid/footer/grid-footer.element.scss.js.map +1 -0
  215. package/grid/grid/grid-layout.controller.d.ts +31 -0
  216. package/grid/grid/grid-layout.controller.js +2 -0
  217. package/grid/grid/grid-layout.controller.js.map +1 -0
  218. package/grid/grid/grid.element.d.ts +73 -0
  219. package/grid/grid/grid.element.js +2 -0
  220. package/grid/grid/grid.element.js.map +1 -0
  221. package/grid/grid/grid.element.scss.js +2 -0
  222. package/grid/grid/grid.element.scss.js.map +1 -0
  223. package/grid/index.d.ts +8 -0
  224. package/grid/index.js +2 -0
  225. package/grid/index.js.map +1 -0
  226. package/grid/pagination/grid-pagination.element.d.ts +52 -0
  227. package/grid/pagination/grid-pagination.element.js +2 -0
  228. package/grid/pagination/grid-pagination.element.js.map +1 -0
  229. package/grid/pagination/grid-pagination.element.scss.js +2 -0
  230. package/grid/pagination/grid-pagination.element.scss.js.map +1 -0
  231. package/grid/placeholder/grid-placeholder.element.d.ts +36 -0
  232. package/grid/placeholder/grid-placeholder.element.js +2 -0
  233. package/grid/placeholder/grid-placeholder.element.js.map +1 -0
  234. package/grid/placeholder/grid-placeholder.element.scss.js +2 -0
  235. package/grid/placeholder/grid-placeholder.element.scss.js.map +1 -0
  236. package/grid/register.d.ts +23 -0
  237. package/grid/register.js +2 -0
  238. package/grid/register.js.map +1 -0
  239. package/grid/row/grid-row-position.controller.d.ts +9 -0
  240. package/grid/row/grid-row-position.controller.js +2 -0
  241. package/grid/row/grid-row-position.controller.js.map +1 -0
  242. package/grid/row/grid-row.element.d.ts +25 -0
  243. package/grid/row/grid-row.element.js +2 -0
  244. package/grid/row/grid-row.element.js.map +1 -0
  245. package/grid/row/grid-row.element.scss.js +2 -0
  246. package/grid/row/grid-row.element.scss.js.map +1 -0
  247. package/icon/collections/core.d.ts +4 -0
  248. package/icon/collections/core.js +1 -1
  249. package/icon/collections/core.js.map +1 -1
  250. package/icon/collections/essential.d.ts +4 -0
  251. package/icon/collections/essential.js +1 -1
  252. package/icon/collections/essential.js.map +1 -1
  253. package/icon/icon.element.js +1 -1
  254. package/icon/icon.element.js.map +1 -1
  255. package/icon/icon.element.scss.js +1 -1
  256. package/icon/index.d.ts +17 -7
  257. package/icon/index.js +1 -1
  258. package/icon/shapes/detail-collapse.d.ts +3 -0
  259. package/icon/shapes/detail-collapse.js +2 -0
  260. package/icon/shapes/detail-collapse.js.map +1 -0
  261. package/icon/shapes/detail-expand.d.ts +3 -0
  262. package/icon/shapes/detail-expand.js +2 -0
  263. package/icon/shapes/detail-expand.js.map +1 -0
  264. package/icon/shapes/host.js +1 -1
  265. package/icon/shapes/host.js.map +1 -1
  266. package/icon/shapes/launchpad.d.ts +3 -0
  267. package/icon/shapes/launchpad.js +2 -0
  268. package/icon/shapes/launchpad.js.map +1 -0
  269. package/icon/shapes/namespace.js +1 -1
  270. package/icon/shapes/namespace.js.map +1 -1
  271. package/icon/shapes/unpin.d.ts +3 -0
  272. package/icon/shapes/unpin.js +2 -0
  273. package/icon/shapes/unpin.js.map +1 -0
  274. package/icon/utils/icon.classnames.d.ts +1 -0
  275. package/icon/utils/icon.classnames.js +1 -1
  276. package/icon/utils/icon.classnames.js.map +1 -1
  277. package/icon/utils/icon.svg-helpers.js +1 -1
  278. package/icon/utils/icon.svg-helpers.js.map +1 -1
  279. package/index.d.ts +2 -1
  280. package/index.js +1 -1
  281. package/input/input-group.element.scss.js +1 -1
  282. package/input/input.element.scss.js +1 -1
  283. package/internal/base/base.element.scss.js +1 -1
  284. package/internal/base/button.base.d.ts +7 -36
  285. package/internal/base/button.base.js +1 -1
  286. package/internal/base/button.base.js.map +1 -1
  287. package/internal/base/focus-trap.base.d.ts +7 -15
  288. package/internal/base/focus-trap.base.js +1 -1
  289. package/internal/base/focus-trap.base.js.map +1 -1
  290. package/internal/controllers/active.controller.d.ts +20 -0
  291. package/internal/controllers/active.controller.js +2 -0
  292. package/internal/controllers/active.controller.js.map +1 -0
  293. package/internal/controllers/aria-button.controller.d.ts +15 -0
  294. package/internal/controllers/aria-button.controller.js +2 -0
  295. package/internal/controllers/aria-button.controller.js.map +1 -0
  296. package/internal/controllers/aria-disabled.controller.d.ts +14 -0
  297. package/internal/controllers/aria-disabled.controller.js +2 -0
  298. package/internal/controllers/aria-disabled.controller.js.map +1 -0
  299. package/internal/controllers/aria-expanded.controller.d.ts +14 -0
  300. package/internal/controllers/aria-expanded.controller.js +2 -0
  301. package/internal/controllers/aria-expanded.controller.js.map +1 -0
  302. package/internal/controllers/aria-grid.controller.d.ts +57 -0
  303. package/internal/controllers/aria-grid.controller.js +2 -0
  304. package/internal/controllers/aria-grid.controller.js.map +1 -0
  305. package/internal/controllers/aria-modal.controller.d.ts +11 -0
  306. package/internal/controllers/aria-modal.controller.js +2 -0
  307. package/internal/controllers/aria-modal.controller.js.map +1 -0
  308. package/internal/controllers/aria-multiselectable.controller.d.ts +13 -0
  309. package/internal/controllers/aria-multiselectable.controller.js +2 -0
  310. package/internal/controllers/aria-multiselectable.controller.js.map +1 -0
  311. package/internal/controllers/aria-popup-trigger.controller.d.ts +14 -0
  312. package/internal/controllers/aria-popup-trigger.controller.js +2 -0
  313. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
  314. package/internal/controllers/aria-popup.controller.d.ts +19 -0
  315. package/internal/controllers/aria-popup.controller.js +2 -0
  316. package/internal/controllers/aria-popup.controller.js.map +1 -0
  317. package/internal/controllers/aria-pressed.controller.d.ts +15 -0
  318. package/internal/controllers/aria-pressed.controller.js +2 -0
  319. package/internal/controllers/aria-pressed.controller.js.map +1 -0
  320. package/internal/controllers/aria-selected.controller.d.ts +13 -0
  321. package/internal/controllers/aria-selected.controller.js +2 -0
  322. package/internal/controllers/aria-selected.controller.js.map +1 -0
  323. package/internal/controllers/button-anchor.controller.d.ts +26 -0
  324. package/internal/controllers/button-anchor.controller.js +2 -0
  325. package/internal/controllers/button-anchor.controller.js.map +1 -0
  326. package/internal/controllers/button-submit.controller.d.ts +27 -0
  327. package/internal/controllers/button-submit.controller.js +2 -0
  328. package/internal/controllers/button-submit.controller.js.map +1 -0
  329. package/internal/controllers/closable.controller.d.ts +23 -0
  330. package/internal/controllers/closable.controller.js +2 -0
  331. package/internal/controllers/closable.controller.js.map +1 -0
  332. package/internal/controllers/draggable-list.controller.d.ts +32 -0
  333. package/internal/controllers/draggable-list.controller.js +2 -0
  334. package/internal/controllers/draggable-list.controller.js.map +1 -0
  335. package/internal/controllers/first-focus.controller.d.ts +17 -0
  336. package/internal/controllers/first-focus.controller.js +2 -0
  337. package/internal/controllers/first-focus.controller.js.map +1 -0
  338. package/internal/controllers/grid-range-selection.controller.d.ts +28 -0
  339. package/internal/controllers/grid-range-selection.controller.js +2 -0
  340. package/internal/controllers/grid-range-selection.controller.js.map +1 -0
  341. package/internal/controllers/inline-focus-trap.controller.d.ts +17 -0
  342. package/internal/controllers/inline-focus-trap.controller.js +2 -0
  343. package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
  344. package/internal/controllers/key-navigation-grid.controller.d.ts +28 -0
  345. package/internal/controllers/key-navigation-grid.controller.js +2 -0
  346. package/internal/controllers/key-navigation-grid.controller.js.map +1 -0
  347. package/internal/controllers/key-navigation-list.controller.d.ts +26 -0
  348. package/internal/controllers/key-navigation-list.controller.js +2 -0
  349. package/internal/controllers/key-navigation-list.controller.js.map +1 -0
  350. package/internal/controllers/key-navigation.utils.d.ts +19 -0
  351. package/internal/controllers/key-navigation.utils.js +2 -0
  352. package/internal/controllers/key-navigation.utils.js.map +1 -0
  353. package/internal/controllers/layer.controller.d.ts +24 -0
  354. package/internal/controllers/layer.controller.js +2 -0
  355. package/internal/controllers/layer.controller.js.map +1 -0
  356. package/internal/controllers/responsive.controller.d.ts +19 -0
  357. package/internal/controllers/responsive.controller.js +2 -0
  358. package/internal/controllers/responsive.controller.js.map +1 -0
  359. package/internal/controllers/scrollable-list-visibility.controller.d.ts +13 -0
  360. package/internal/controllers/scrollable-list-visibility.controller.js +2 -0
  361. package/internal/controllers/scrollable-list-visibility.controller.js.map +1 -0
  362. package/internal/controllers/touch.controller.d.ts +22 -0
  363. package/internal/controllers/touch.controller.js +2 -0
  364. package/internal/controllers/touch.controller.js.map +1 -0
  365. package/internal/controllers/trigger.controller.d.ts +31 -0
  366. package/internal/controllers/trigger.controller.js +2 -0
  367. package/internal/controllers/trigger.controller.js.map +1 -0
  368. package/internal/decorators/animate.d.ts +2 -2
  369. package/internal/decorators/animate.js +1 -1
  370. package/internal/decorators/animate.js.map +1 -1
  371. package/internal/decorators/element.d.ts +15 -18
  372. package/internal/decorators/element.js +2 -0
  373. package/internal/decorators/element.js.map +1 -0
  374. package/internal/decorators/i18n.d.ts +16 -0
  375. package/internal/decorators/i18n.js +1 -1
  376. package/internal/decorators/i18n.js.map +1 -1
  377. package/internal/decorators/property.d.ts +3 -16
  378. package/internal/decorators/property.js +1 -1
  379. package/internal/decorators/property.js.map +1 -1
  380. package/internal/decorators/query-slot.js +1 -1
  381. package/internal/decorators/query-slot.js.map +1 -1
  382. package/internal/decorators/utils.d.ts +23 -0
  383. package/internal/decorators/utils.js +2 -0
  384. package/internal/decorators/utils.js.map +1 -0
  385. package/internal/index.d.ts +48 -3
  386. package/internal/index.js +1 -1
  387. package/internal/index.js.map +1 -1
  388. package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
  389. package/internal/interfaces/interfaces.js +2 -0
  390. package/internal/interfaces/interfaces.js.map +1 -0
  391. package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
  392. package/internal/motion/animations/cds-dropdown-open.js +2 -0
  393. package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
  394. package/internal/motion/animations/cds-modal-enter.js +1 -1
  395. package/internal/motion/animations/cds-modal-enter.js.map +1 -1
  396. package/internal/motion/interfaces.d.ts +4 -5
  397. package/internal/motion/utils.d.ts +4 -4
  398. package/internal/motion/utils.js +1 -1
  399. package/internal/motion/utils.js.map +1 -1
  400. package/internal/positioning/interfaces.d.ts +61 -0
  401. package/internal/positioning/interfaces.js +2 -0
  402. package/internal/positioning/interfaces.js.map +1 -0
  403. package/internal/positioning/utils.d.ts +26 -0
  404. package/internal/positioning/utils.js +2 -0
  405. package/internal/positioning/utils.js.map +1 -0
  406. package/internal/services/focus-trap-tracker.service.d.ts +3 -0
  407. package/internal/services/focus-trap-tracker.service.js +1 -1
  408. package/internal/services/focus-trap-tracker.service.js.map +1 -1
  409. package/internal/services/global.service.d.ts +2 -2
  410. package/internal/services/i18n.service.d.ts +37 -37
  411. package/internal/services/i18n.service.js +1 -1
  412. package/internal/services/i18n.service.js.map +1 -1
  413. package/internal/utils/array.d.ts +9 -4
  414. package/internal/utils/array.js +1 -1
  415. package/internal/utils/array.js.map +1 -1
  416. package/internal/utils/browser.d.ts +7 -0
  417. package/internal/utils/browser.js +2 -0
  418. package/internal/utils/browser.js.map +1 -0
  419. package/internal/utils/conditional.d.ts +4 -1
  420. package/internal/utils/conditional.js +1 -1
  421. package/internal/utils/conditional.js.map +1 -1
  422. package/internal/utils/css.d.ts +2 -0
  423. package/internal/utils/css.js +1 -1
  424. package/internal/utils/css.js.map +1 -1
  425. package/internal/utils/dom.d.ts +22 -2
  426. package/internal/utils/dom.js +1 -1
  427. package/internal/utils/dom.js.map +1 -1
  428. package/internal/utils/enum.d.ts +1 -0
  429. package/internal/utils/enum.js +2 -0
  430. package/internal/utils/enum.js.map +1 -0
  431. package/internal/utils/environment.js +1 -1
  432. package/internal/utils/environment.js.map +1 -1
  433. package/internal/utils/events.d.ts +4 -0
  434. package/internal/utils/events.js +1 -1
  435. package/internal/utils/events.js.map +1 -1
  436. package/internal/utils/exists.d.ts +1 -1
  437. package/internal/utils/exists.js.map +1 -1
  438. package/internal/utils/focus.d.ts +12 -0
  439. package/internal/utils/focus.js +2 -0
  440. package/internal/utils/focus.js.map +1 -0
  441. package/internal/utils/framework.js +1 -1
  442. package/internal/utils/framework.js.map +1 -1
  443. package/internal/utils/global.d.ts +5 -3
  444. package/internal/utils/global.js +1 -1
  445. package/internal/utils/global.js.map +1 -1
  446. package/internal/utils/identity.d.ts +31 -1
  447. package/internal/utils/identity.js +1 -1
  448. package/internal/utils/identity.js.map +1 -1
  449. package/internal/utils/keycodes.d.ts +11 -0
  450. package/internal/utils/keycodes.js +1 -1
  451. package/internal/utils/keycodes.js.map +1 -1
  452. package/internal/utils/lit.d.ts +5 -1
  453. package/internal/utils/lit.js +1 -1
  454. package/internal/utils/lit.js.map +1 -1
  455. package/internal/utils/math.d.ts +4 -0
  456. package/internal/utils/math.js +2 -0
  457. package/internal/utils/math.js.map +1 -0
  458. package/internal/utils/metadata.js +1 -1
  459. package/internal/utils/metadata.js.map +1 -1
  460. package/internal/utils/registration.js +1 -1
  461. package/internal/utils/registration.js.map +1 -1
  462. package/internal/utils/responsive.d.ts +2 -2
  463. package/internal/utils/responsive.js +1 -1
  464. package/internal/utils/responsive.js.map +1 -1
  465. package/internal/utils/string.d.ts +6 -0
  466. package/internal/utils/string.js +1 -1
  467. package/internal/utils/string.js.map +1 -1
  468. package/internal/utils/supports.d.ts +0 -2
  469. package/internal/utils/supports.js +1 -1
  470. package/internal/utils/supports.js.map +1 -1
  471. package/internal/utils/traversal.d.ts +3 -0
  472. package/internal/utils/traversal.js +2 -0
  473. package/internal/utils/traversal.js.map +1 -0
  474. package/internal-components/close-button/close-button.element.d.ts +5 -14
  475. package/internal-components/close-button/close-button.element.js +1 -1
  476. package/internal-components/close-button/close-button.element.js.map +1 -1
  477. package/internal-components/close-button/index.js +1 -1
  478. package/internal-components/close-button/register.js +1 -1
  479. package/internal-components/close-button/register.js.map +1 -1
  480. package/internal-components/overlay/index.js +1 -1
  481. package/internal-components/overlay/overlay.element.d.ts +22 -25
  482. package/internal-components/overlay/overlay.element.js +1 -1
  483. package/internal-components/overlay/overlay.element.js.map +1 -1
  484. package/internal-components/overlay/overlay.element.scss.js +1 -1
  485. package/internal-components/overlay/shared.element.scss.js +2 -0
  486. package/internal-components/overlay/shared.element.scss.js.map +1 -0
  487. package/internal-components/panel/panel.element.d.ts +1 -1
  488. package/internal-components/panel/panel.element.js.map +1 -1
  489. package/internal-components/panel/panel.element.scss.js +1 -1
  490. package/internal-components/popup/index.d.ts +2 -0
  491. package/internal-components/popup/index.js +2 -0
  492. package/internal-components/popup/index.js.map +1 -0
  493. package/internal-components/popup/pointer.element.d.ts +35 -0
  494. package/internal-components/popup/pointer.element.js +2 -0
  495. package/internal-components/popup/pointer.element.js.map +1 -0
  496. package/internal-components/popup/pointer.element.scss.js +2 -0
  497. package/internal-components/popup/pointer.element.scss.js.map +1 -0
  498. package/internal-components/popup/popup.element.d.ts +114 -0
  499. package/internal-components/popup/popup.element.js +2 -0
  500. package/internal-components/popup/popup.element.js.map +1 -0
  501. package/internal-components/popup/popup.element.scss.js +2 -0
  502. package/internal-components/popup/popup.element.scss.js.map +1 -0
  503. package/internal-components/popup/register.d.ts +9 -0
  504. package/internal-components/popup/register.js +2 -0
  505. package/internal-components/popup/register.js.map +1 -0
  506. package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
  507. package/internal-components/popup/utils/pointer.utils.js +2 -0
  508. package/internal-components/popup/utils/pointer.utils.js.map +1 -0
  509. package/internal-components/split-handle/index.d.ts +1 -0
  510. package/internal-components/split-handle/index.js +2 -0
  511. package/internal-components/split-handle/index.js.map +1 -0
  512. package/internal-components/split-handle/register.d.ts +7 -0
  513. package/internal-components/split-handle/register.js +2 -0
  514. package/internal-components/split-handle/register.js.map +1 -0
  515. package/internal-components/split-handle/split-handle.element.d.ts +38 -0
  516. package/internal-components/split-handle/split-handle.element.js +2 -0
  517. package/internal-components/split-handle/split-handle.element.js.map +1 -0
  518. package/internal-components/split-handle/split-handle.element.scss.js +2 -0
  519. package/internal-components/split-handle/split-handle.element.scss.js.map +1 -0
  520. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  521. package/list/list.css +12 -12
  522. package/list/list.min.css +1 -1
  523. package/modal/modal-actions.element.js +1 -1
  524. package/modal/modal-actions.element.js.map +1 -1
  525. package/modal/modal-content.element.d.ts +0 -1
  526. package/modal/modal-content.element.js +1 -1
  527. package/modal/modal-content.element.js.map +1 -1
  528. package/modal/modal.element.d.ts +15 -6
  529. package/modal/modal.element.js +1 -1
  530. package/modal/modal.element.js.map +1 -1
  531. package/modal/modal.element.scss.js +1 -1
  532. package/navigation/navigation-group.element.d.ts +7 -5
  533. package/navigation/navigation-group.element.js.map +1 -1
  534. package/navigation/navigation-item.element.d.ts +6 -4
  535. package/navigation/navigation-item.element.js +1 -1
  536. package/navigation/navigation-item.element.js.map +1 -1
  537. package/navigation/navigation-item.element.scss.js +1 -1
  538. package/navigation/navigation-start.element.d.ts +7 -4
  539. package/navigation/navigation-start.element.js +1 -1
  540. package/navigation/navigation-start.element.js.map +1 -1
  541. package/navigation/navigation.element.d.ts +10 -8
  542. package/navigation/navigation.element.js +1 -1
  543. package/navigation/navigation.element.js.map +1 -1
  544. package/navigation/navigation.element.scss.js +1 -1
  545. package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
  546. package/navigation/utils/utils.js +2 -0
  547. package/navigation/utils/utils.js.map +1 -0
  548. package/package.json +47 -7
  549. package/pagination/pagination-button.element.d.ts +6 -10
  550. package/pagination/pagination-button.element.js +1 -1
  551. package/pagination/pagination-button.element.js.map +1 -1
  552. package/pagination/pagination.element.js +1 -1
  553. package/pagination/pagination.element.js.map +1 -1
  554. package/pagination/pagination.element.scss.js +1 -1
  555. package/pagination/register.d.ts +1 -0
  556. package/pagination/register.js +1 -1
  557. package/pagination/register.js.map +1 -1
  558. package/pagination/utils.d.ts +5 -0
  559. package/pagination/utils.js +2 -0
  560. package/pagination/utils.js.map +1 -0
  561. package/password/password.element.js +1 -1
  562. package/password/password.element.js.map +1 -1
  563. package/password/register.d.ts +1 -0
  564. package/password/register.js +1 -1
  565. package/password/register.js.map +1 -1
  566. package/polyfills/at.d.ts +15 -0
  567. package/polyfills/at.js +2 -0
  568. package/polyfills/at.js.map +1 -0
  569. package/polyfills/index.d.ts +1 -0
  570. package/polyfills/index.js +1 -1
  571. package/progress-circle/progress-circle.element.d.ts +3 -21
  572. package/progress-circle/progress-circle.element.js +1 -1
  573. package/progress-circle/progress-circle.element.js.map +1 -1
  574. package/progress-circle/progress-circle.element.scss.js +1 -1
  575. package/progress-circle/progress-circle.utils.d.ts +0 -5
  576. package/progress-circle/progress-circle.utils.js +1 -1
  577. package/progress-circle/progress-circle.utils.js.map +1 -1
  578. package/radio/radio-group.element.d.ts +1 -1
  579. package/radio/radio-group.element.js +1 -1
  580. package/radio/radio-group.element.js.map +1 -1
  581. package/radio/radio.element.scss.js +1 -1
  582. package/range/range.element.scss.js +1 -1
  583. package/range/range.global.scss.js +1 -1
  584. package/search/register.d.ts +1 -0
  585. package/search/register.js +1 -1
  586. package/search/register.js.map +1 -1
  587. package/search/search.element.js +1 -1
  588. package/search/search.element.js.map +1 -1
  589. package/search/search.global.scss.js +1 -1
  590. package/select/register.d.ts +1 -1
  591. package/select/register.js +1 -1
  592. package/select/register.js.map +1 -1
  593. package/select/select.element.js +1 -1
  594. package/select/select.element.js.map +1 -1
  595. package/select/select.element.scss.js +1 -1
  596. package/select/select.global.scss.js +1 -1
  597. package/selection-panels/checkbox/checkbox-panel.element.d.ts +9 -13
  598. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
  599. package/selection-panels/radio/radio-panel.element.d.ts +19 -14
  600. package/selection-panels/radio/radio-panel.element.js.map +1 -1
  601. package/selection-panels/shared/selection-panel.element.scss.js +1 -1
  602. package/signpost/index.d.ts +1 -0
  603. package/signpost/index.js +2 -0
  604. package/signpost/index.js.map +1 -0
  605. package/signpost/register.d.ts +7 -0
  606. package/signpost/register.js +2 -0
  607. package/signpost/register.js.map +1 -0
  608. package/signpost/signpost.element.d.ts +44 -0
  609. package/signpost/signpost.element.js +2 -0
  610. package/signpost/signpost.element.js.map +1 -0
  611. package/styles/module.layout.css +1412 -641
  612. package/styles/module.layout.min.css +1 -1
  613. package/styles/module.tokens.css +74 -55
  614. package/styles/module.tokens.min.css +1 -1
  615. package/styles/module.typography.css +9 -0
  616. package/styles/module.typography.min.css +1 -1
  617. package/styles/shim.clr-ui.css +640 -0
  618. package/styles/shim.clr-ui.min.css +121 -0
  619. package/styles/theme.dark.css +7 -9
  620. package/styles/theme.dark.min.css +1 -1
  621. package/styles/theme.high-contrast.css +43 -0
  622. package/styles/theme.high-contrast.min.css +1 -0
  623. package/table/table.css +7 -7
  624. package/table/table.min.css +1 -1
  625. package/tag/tag.element.d.ts +3 -2
  626. package/tag/tag.element.js +1 -1
  627. package/tag/tag.element.js.map +1 -1
  628. package/tag/tag.element.scss.js +1 -1
  629. package/test/index.d.ts +1 -0
  630. package/test/index.js +1 -1
  631. package/test/utils.d.ts +1 -1
  632. package/test/utils.js +1 -1
  633. package/test/utils.js.map +1 -1
  634. package/test/web-test-server.d.ts +6 -0
  635. package/test/web-test-server.js +2 -0
  636. package/test/web-test-server.js.map +1 -0
  637. package/test-dropdown/test-dropdown.element.d.ts +2 -3
  638. package/test-dropdown/test-dropdown.element.js +1 -1
  639. package/test-dropdown/test-dropdown.element.js.map +1 -1
  640. package/textarea/textarea.element.scss.js +1 -1
  641. package/time/register.d.ts +1 -0
  642. package/time/register.js +1 -1
  643. package/time/register.js.map +1 -1
  644. package/time/time.element.d.ts +0 -1
  645. package/time/time.element.js +1 -1
  646. package/time/time.element.js.map +1 -1
  647. package/toggle/toggle.element.scss.js +1 -1
  648. package/tokens/tokens.android.xml +33 -14
  649. package/tokens/tokens.d.ts +28 -9
  650. package/tokens/tokens.ios.swift +34 -15
  651. package/tokens/tokens.js +29 -10
  652. package/tokens/tokens.json +130 -29
  653. package/tokens/tokens.scss +90 -12
  654. package/tree-view/register.d.ts +1 -0
  655. package/tree-view/register.js +1 -1
  656. package/tree-view/register.js.map +1 -1
  657. package/tree-view/story-utils.d.ts +22 -0
  658. package/tree-view/tree-item.element.d.ts +10 -3
  659. package/tree-view/tree-item.element.js +1 -1
  660. package/tree-view/tree-item.element.js.map +1 -1
  661. package/tree-view/tree-item.element.scss.js +1 -1
  662. package/tree-view/tree.element.d.ts +0 -1
  663. package/tree-view/tree.element.js.map +1 -1
  664. package/button/icon-button.element.scss.js +0 -2
  665. package/button/icon-button.element.scss.js.map +0 -1
  666. package/button/inline-button.element.js +0 -2
  667. package/button/inline-button.element.js.map +0 -1
  668. package/button/inline-button.element.scss.js.map +0 -1
  669. package/forms/control-action/control-action.element.scss.js +0 -2
  670. package/forms/control-action/control-action.element.scss.js.map +0 -1
  671. package/forms/utils/index.js +0 -2
  672. package/forms/utils/index.js.map +0 -1
  673. package/internal/base/css-gap.base.d.ts +0 -18
  674. package/internal/base/css-gap.base.js +0 -2
  675. package/internal/base/css-gap.base.js.map +0 -1
  676. package/internal/interfaces/index.js +0 -2
  677. package/internal/utils/focus-trap.d.ts +0 -22
  678. package/internal/utils/focus-trap.js +0 -2
  679. package/internal/utils/focus-trap.js.map +0 -1
  680. package/internal-components/close-button/close-button.element.scss.js +0 -2
  681. package/internal-components/close-button/close-button.element.scss.js.map +0 -1
  682. package/navigation/utils/index.js +0 -2
  683. package/navigation/utils/index.js.map +0 -1
  684. package/pagination/pagination-button.element.scss.js +0 -2
  685. package/pagination/pagination-button.element.scss.js.map +0 -1
  686. package/search/search.element.scss.js +0 -2
  687. package/search/search.element.scss.js.map +0 -1
  688. package/styles/module.shims.css +0 -916
  689. package/styles/module.shims.min.css +0 -1
package/global.css CHANGED
@@ -5,33 +5,41 @@
5
5
  * The full license information can be found in LICENSE in the root directory of this project.
6
6
  */
7
7
  :root {
8
- --cds-global-layout-space-xxs: calc((2 / var(--cds-global-base, 20)) * 1rem);
9
- --cds-global-layout-space-xs: calc((4 / var(--cds-global-base, 20)) * 1rem);
10
- --cds-global-layout-space-sm: calc((6 / var(--cds-global-base, 20)) * 1rem);
11
- --cds-global-layout-space-md: calc((12 / var(--cds-global-base, 20)) * 1rem);
12
- --cds-global-layout-space-lg: calc((24 / var(--cds-global-base, 20)) * 1rem);
13
- --cds-global-layout-space-xl: calc((48 / var(--cds-global-base, 20)) * 1rem);
14
- --cds-global-layout-space-xxl: calc((96 / var(--cds-global-base, 20)) * 1rem);
8
+ --cds-global-base: 20;
9
+ --cds-global-scale-space: 1;
10
+ --cds-global-scale-layout-space: 1;
11
+ --cds-global-scale-typography: 1;
15
12
  --cds-global-layout-grid-cols: 12;
16
13
  --cds-global-layout-width-xs: 576px;
17
14
  --cds-global-layout-width-sm: 768px;
18
15
  --cds-global-layout-width-md: 992px;
19
16
  --cds-global-layout-width-lg: 1200px;
20
17
  --cds-global-layout-width-xl: 1440px;
21
- --cds-global-space-0: calc((0 / var(--cds-global-base, 20)) * 1rem);
22
- --cds-global-space-1: calc((1 / var(--cds-global-base, 20)) * 1rem);
23
- --cds-global-space-2: calc((2 / var(--cds-global-base, 20)) * 1rem);
24
- --cds-global-space-3: calc((4 / var(--cds-global-base, 20)) * 1rem);
25
- --cds-global-space-4: calc((6 / var(--cds-global-base, 20)) * 1rem);
26
- --cds-global-space-5: calc((8 / var(--cds-global-base, 20)) * 1rem);
27
- --cds-global-space-6: calc((12 / var(--cds-global-base, 20)) * 1rem);
28
- --cds-global-space-7: calc((16 / var(--cds-global-base, 20)) * 1rem);
29
- --cds-global-space-8: calc((18 / var(--cds-global-base, 20)) * 1rem);
30
- --cds-global-space-9: calc((24 / var(--cds-global-base, 20)) * 1rem);
31
- --cds-global-space-10: calc((32 / var(--cds-global-base, 20)) * 1rem);
32
- --cds-global-space-11: calc((36 / var(--cds-global-base, 20)) * 1rem);
33
- --cds-global-space-12: calc((48 / var(--cds-global-base, 20)) * 1rem);
34
- --cds-global-space-13: calc((72 / var(--cds-global-base, 20)) * 1rem);
18
+ --cds-global-layout-space-xxxs: calc(2 * var(--cds-internal-scale-1));
19
+ --cds-global-layout-space-xxs: calc(4 * var(--cds-internal-scale-1));
20
+ --cds-global-layout-space-xs: calc(8 * var(--cds-internal-scale-1));
21
+ --cds-global-layout-space-sm: calc(12 * var(--cds-internal-scale-1));
22
+ --cds-global-layout-space-md: calc(16 * var(--cds-internal-scale-1));
23
+ --cds-global-layout-space-lg: calc(24 * var(--cds-internal-scale-1));
24
+ --cds-global-layout-space-xl: calc(32 * var(--cds-internal-scale-1));
25
+ --cds-global-layout-space-xxl: calc(48 * var(--cds-internal-scale-1));
26
+ --cds-global-layout-space-xxxl: calc(64 * var(--cds-internal-scale-1));
27
+ --cds-global-space-0: calc(0 * var(--cds-internal-scale-2));
28
+ --cds-global-space-1: calc(1 * var(--cds-internal-scale-2));
29
+ --cds-global-space-2: calc(2 * var(--cds-internal-scale-2));
30
+ --cds-global-space-3: calc(4 * var(--cds-internal-scale-2));
31
+ --cds-global-space-4: calc(6 * var(--cds-internal-scale-2));
32
+ --cds-global-space-5: calc(8 * var(--cds-internal-scale-2));
33
+ --cds-global-space-6: calc(12 * var(--cds-internal-scale-2));
34
+ --cds-global-space-7: calc(16 * var(--cds-internal-scale-2));
35
+ --cds-global-space-8: calc(18 * var(--cds-internal-scale-2));
36
+ --cds-global-space-9: calc(24 * var(--cds-internal-scale-2));
37
+ --cds-global-space-10: calc(32 * var(--cds-internal-scale-2));
38
+ --cds-global-space-11: calc(36 * var(--cds-internal-scale-2));
39
+ --cds-global-space-12: calc(48 * var(--cds-internal-scale-2));
40
+ --cds-global-space-13: calc(64 * var(--cds-internal-scale-2));
41
+ --cds-global-space-14: calc(72 * var(--cds-internal-scale-2));
42
+ --cds-global-space-15: calc(96 * var(--cds-internal-scale-2));
35
43
  --cds-global-color-black: hsl(0, 0%, 0%);
36
44
  --cds-global-color-white: hsl(0, 0%, 100%);
37
45
  --cds-global-color-green-50: hsl(93, 80%, 94%);
@@ -144,6 +152,17 @@
144
152
  --cds-global-color-yellow-800: hsl(40, 100%, 26%);
145
153
  --cds-global-color-yellow-900: hsl(40, 100%, 18%);
146
154
  --cds-global-color-yellow-1000: hsl(40, 100%, 13%);
155
+ --cds-global-color-lime-50: hsl(66, 100%, 94%);
156
+ --cds-global-color-lime-100: hsl(66, 95%, 83%);
157
+ --cds-global-color-lime-200: hsl(66, 85%, 70%);
158
+ --cds-global-color-lime-300: hsl(66, 80%, 58%);
159
+ --cds-global-color-lime-400: hsl(66, 80%, 48%);
160
+ --cds-global-color-lime-500: hsl(66, 90%, 41%);
161
+ --cds-global-color-lime-600: hsl(66, 90%, 36%);
162
+ --cds-global-color-lime-700: hsl(66, 100%, 28%);
163
+ --cds-global-color-lime-800: hsl(66, 100%, 22%);
164
+ --cds-global-color-lime-900: hsl(66, 100%, 12%);
165
+ --cds-global-color-lime-1000: hsl(66, 100%, 7%);
147
166
  --cds-global-color-tangerine-50: hsl(25, 100%, 95%);
148
167
  --cds-global-color-tangerine-100: hsl(25, 100%, 88%);
149
168
  --cds-global-color-tangerine-200: hsl(25, 94%, 78%);
@@ -266,18 +285,16 @@
266
285
  --cds-global-typography-font-weight-semibold: 600;
267
286
  --cds-global-typography-font-weight-bold: 600;
268
287
  --cds-global-typography-font-weight-extrabold: 600;
269
- --cds-global-typography-font-size-0: calc((10 / var(--cds-global-base, 20)) * 1rem);
270
- --cds-global-typography-font-size-1: calc((11 / var(--cds-global-base, 20)) * 1rem);
271
- --cds-global-typography-font-size-2: calc((12 / var(--cds-global-base, 20)) * 1rem);
272
- --cds-global-typography-font-size-3: calc((13 / var(--cds-global-base, 20)) * 1rem);
273
- --cds-global-typography-font-size-4: calc((14 / var(--cds-global-base, 20)) * 1rem);
274
- --cds-global-typography-font-size-5: calc((16 / var(--cds-global-base, 20)) * 1rem);
275
- --cds-global-typography-font-size-6: calc((20 / var(--cds-global-base, 20)) * 1rem);
276
- --cds-global-typography-font-size-7: calc((24 / var(--cds-global-base, 20)) * 1rem);
277
- --cds-global-typography-font-size-8: calc((32 / var(--cds-global-base, 20)) * 1rem);
278
- --cds-global-typography-font-size-9: calc((40 / var(--cds-global-base, 20)) * 1rem);
279
- --cds-global-typography-base-font-size: 125%;
280
- --cds-global-typography-base-font-size-px: calc((20 / var(--cds-global-base, 20)) * 1rem);
288
+ --cds-global-typography-font-size-0: calc(10 * var(--cds-internal-scale-3));
289
+ --cds-global-typography-font-size-1: calc(11 * var(--cds-internal-scale-3));
290
+ --cds-global-typography-font-size-2: calc(12 * var(--cds-internal-scale-3));
291
+ --cds-global-typography-font-size-3: calc(13 * var(--cds-internal-scale-3));
292
+ --cds-global-typography-font-size-4: calc(14 * var(--cds-internal-scale-3));
293
+ --cds-global-typography-font-size-5: calc(16 * var(--cds-internal-scale-3));
294
+ --cds-global-typography-font-size-6: calc(20 * var(--cds-internal-scale-3));
295
+ --cds-global-typography-font-size-7: calc(24 * var(--cds-internal-scale-3));
296
+ --cds-global-typography-font-size-8: calc(32 * var(--cds-internal-scale-3));
297
+ --cds-global-typography-font-size-9: calc(40 * var(--cds-internal-scale-3));
281
298
  --cds-global-typography-font-family: "Clarity City", "Avenir Next", sans-serif;
282
299
  --cds-global-typography-header-font-family: "Clarity City", "Avenir Next", sans-serif;
283
300
  --cds-global-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
@@ -288,43 +305,43 @@
288
305
  --cds-global-typography-link-color-hover: var(--cds-global-color-blue-900);
289
306
  --cds-global-typography-link-color-visited: var(--cds-global-color-lavender-600);
290
307
  --cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
291
- --cds-global-typography-body-font-size: calc((14 / var(--cds-global-base, 20)) * 1rem);
308
+ --cds-global-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
292
309
  --cds-global-typography-body-line-height: 1.42857em;
293
310
  --cds-global-typography-body-letter-spacing: -0.014286em;
294
311
  --cds-global-typography-body-font-weight: 400;
295
- --cds-global-typography-display-font-size: calc((40 / var(--cds-global-base, 20)) * 1rem);
312
+ --cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
296
313
  --cds-global-typography-display-line-height: 1.1em;
297
314
  --cds-global-typography-display-letter-spacing: -0.0125em;
298
315
  --cds-global-typography-display-font-weight: 400;
299
- --cds-global-typography-heading-font-size: calc((32 / var(--cds-global-base, 20)) * 1rem);
316
+ --cds-global-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
300
317
  --cds-global-typography-heading-line-height: 1.125em;
301
318
  --cds-global-typography-heading-letter-spacing: -0.0125em;
302
319
  --cds-global-typography-heading-font-weight: 400;
303
- --cds-global-typography-title-font-size: calc((24 / var(--cds-global-base, 20)) * 1rem);
320
+ --cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
304
321
  --cds-global-typography-title-line-height: 1.16667em;
305
322
  --cds-global-typography-title-letter-spacing: -0.008333em;
306
323
  --cds-global-typography-title-font-weight: 400;
307
- --cds-global-typography-section-font-size: calc((20 / var(--cds-global-base, 20)) * 1rem);
324
+ --cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
308
325
  --cds-global-typography-section-line-height: 1.2em;
309
326
  --cds-global-typography-section-letter-spacing: -0.01em;
310
327
  --cds-global-typography-section-font-weight: 400;
311
- --cds-global-typography-subsection-font-size: calc((16 / var(--cds-global-base, 20)) * 1rem);
328
+ --cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
312
329
  --cds-global-typography-subsection-line-height: 1.25em;
313
330
  --cds-global-typography-subsection-letter-spacing: -0.0125em;
314
331
  --cds-global-typography-subsection-font-weight: 400;
315
- --cds-global-typography-message-font-size: calc((16 / var(--cds-global-base, 20)) * 1rem);
332
+ --cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
316
333
  --cds-global-typography-message-line-height: 1.25em;
317
334
  --cds-global-typography-message-letter-spacing: -0.0125em;
318
- --cds-global-typography-message-font-weight: calc((400 / var(--cds-global-base, 20)) * 1rem);
319
- --cds-global-typography-secondary-font-size: calc((13 / var(--cds-global-base, 20)) * 1rem);
335
+ --cds-global-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
336
+ --cds-global-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
320
337
  --cds-global-typography-secondary-line-height: 1.23077em;
321
338
  --cds-global-typography-secondary-letter-spacing: -0.007692em;
322
339
  --cds-global-typography-secondary-font-weight: 400;
323
- --cds-global-typography-caption-font-size: calc((11 / var(--cds-global-base, 20)) * 1rem);
340
+ --cds-global-typography-caption-font-size: calc(11 * var(--cds-internal-scale-3));
324
341
  --cds-global-typography-caption-line-height: 1.454545em;
325
342
  --cds-global-typography-caption-letter-spacing: 0.018182em;
326
343
  --cds-global-typography-caption-font-weight: 400;
327
- --cds-global-typography-smallcaption-font-size: calc((10 / var(--cds-global-base, 20)) * 1rem);
344
+ --cds-global-typography-smallcaption-font-size: calc(10 * var(--cds-internal-scale-3));
328
345
  --cds-global-typography-smallcaption-line-height: 1.2em;
329
346
  --cds-global-typography-smallcaption-letter-spacing: 0.05em;
330
347
  --cds-global-typography-smallcaption-font-weight: 500;
@@ -340,20 +357,19 @@
340
357
  --cds-global-animation-easing-primary: cubic-bezier(0,.99,0,.99);
341
358
  --cds-global-animation-easing-secondary: cubic-bezier(0, 1.5, 0.5, 1);
342
359
  --cds-global-animation-easing-loop: cubic-bezier(0.17, 0.4, 0.8, 0.79);
343
- --cds-global-base: 20;
344
- --cds-alias-object-border-radius-100: calc((4 / var(--cds-global-base, 20)) * 1rem);
345
- --cds-alias-object-border-radius-200: calc((12 / var(--cds-global-base, 20)) * 1rem);
360
+ --cds-alias-object-border-radius-100: calc(4 * (1rem / var(--cds-global-base)));
361
+ --cds-alias-object-border-radius-200: calc(12 * (1rem / var(--cds-global-base)));
346
362
  --cds-alias-object-border-radius-300: 50%;
347
- --cds-alias-object-border-width-100: calc((1 / var(--cds-global-base, 20)) * 1rem);
348
- --cds-alias-object-border-width-200: calc((2 / var(--cds-global-base, 20)) * 1rem);
349
- --cds-alias-object-border-width-300: calc((3 / var(--cds-global-base, 20)) * 1rem);
350
- --cds-alias-object-border-width-400: calc((4 / var(--cds-global-base, 20)) * 1rem);
363
+ --cds-alias-object-border-width-100: calc(1 * (1rem / var(--cds-global-base)));
364
+ --cds-alias-object-border-width-200: calc(2 * (1rem / var(--cds-global-base)));
365
+ --cds-alias-object-border-width-300: calc(3 * (1rem / var(--cds-global-base)));
366
+ --cds-alias-object-border-width-400: calc(4 * (1rem / var(--cds-global-base)));
351
367
  --cds-alias-object-border-color: var(--cds-global-color-construction-200);
352
368
  --cds-alias-object-border-color-tint: var(--cds-global-color-construction-100);
353
369
  --cds-alias-object-border-color-shade: var(--cds-global-color-construction-300);
354
- --cds-alias-object-shadow-100: 0 1px 3px 0 hsla(198, 30%, 15%, 0.5);
355
- --cds-alias-object-shadow-200: 0 1px 3px 0 hsla(198, 30%, 15%, 0.3);
356
- --cds-alias-object-shadow-300: 0 1px 3px 0 hsla(198, 30%, 15%, 0.2);
370
+ --cds-alias-object-shadow-100: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);
371
+ --cds-alias-object-shadow-200: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);
372
+ --cds-alias-object-shadow-300: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.2);
357
373
  --cds-alias-object-opacity-0: hsla(0, 0%, 0%, 0);
358
374
  --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
359
375
  --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
@@ -361,7 +377,7 @@
361
377
  --cds-alias-object-interaction-outline: Highlight solid 2px;
362
378
  --cds-alias-object-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
363
379
  --cds-alias-object-interaction-outline-offset: 1px;
364
- --cds-alias-object-interaction-touch-target: calc((36 / var(--cds-global-base, 20)) * 1rem);
380
+ --cds-alias-object-interaction-touch-target: calc(36 * (1rem / var(--cds-global-base)));
365
381
  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
366
382
  --cds-alias-object-interaction-background: var(--cds-global-color-white);
367
383
  --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
@@ -404,6 +420,9 @@
404
420
  --cds-alias-status-alt: var(--cds-global-color-violet-700);
405
421
  --cds-alias-status-alt-tint: var(--cds-global-color-violet-600);
406
422
  --cds-alias-status-alt-shade: var(--cds-global-color-violet-900);
423
+ --cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
424
+ --cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));
425
+ --cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));
407
426
  }
408
427
 
409
428
  /*
@@ -733,6 +752,10 @@ html[cds-focus-trap] {
733
752
  line-height: inherit !important;
734
753
  font-size: inherit !important;
735
754
  }
755
+ [cds-text~=link]:focus {
756
+ outline: var(--cds-alias-object-interaction-outline);
757
+ outline-offset: var(--cds-alias-object-interaction-outline-offset);
758
+ }
736
759
  [cds-text~=link]:hover {
737
760
  color: var(--cds-global-typography-link-color-hover) !important;
738
761
  }
@@ -743,6 +766,11 @@ html[cds-focus-trap] {
743
766
  color: var(--cds-global-typography-link-color-visited-hover) !important;
744
767
  }
745
768
 
769
+ @media (-webkit-min-device-pixel-ratio: 0) {
770
+ [cds-text=link]:focus {
771
+ outline: var(--cds-alias-object-interaction-outline-webkit);
772
+ }
773
+ }
746
774
  [cds-text~=code] {
747
775
  color: var(--cds-alias-status-danger);
748
776
  font-family: monospace;
@@ -1262,13 +1290,15 @@ html[cds-focus-trap] {
1262
1290
  */
1263
1291
  :root,
1264
1292
  :host {
1265
- --δ1: var(--cds-global-layout-space-xxs, calc(2 / var(--cds-global-base, 20) * 1rem));
1266
- --δ2: var(--cds-global-layout-space-xs, calc(4 / var(--cds-global-base, 20) * 1rem));
1267
- --δ3: var(--cds-global-layout-space-sm, calc(6 / var(--cds-global-base, 20) * 1rem));
1268
- --δ4: var(--cds-global-layout-space-md, calc(12 / var(--cds-global-base, 20) * 1rem));
1269
- --δ5: var(--cds-global-layout-space-lg, calc(24 / var(--cds-global-base, 20) * 1rem));
1270
- --δ6: var(--cds-global-layout-space-xl, calc(48 / var(--cds-global-base, 20) * 1rem));
1271
- --δ7: var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem));
1293
+ --δ1: var(--cds-global-layout-space-xxxs);
1294
+ --δ2: var(--cds-global-layout-space-xxs);
1295
+ --δ3: var(--cds-global-layout-space-xs);
1296
+ --δ4: var(--cds-global-layout-space-sm);
1297
+ --δ5: var(--cds-global-layout-space-md);
1298
+ --δ6: var(--cds-global-layout-space-lg);
1299
+ --δ7: var(--cds-global-layout-space-xl);
1300
+ --δ8: var(--cds-global-layout-space-xxl);
1301
+ --δ9: var(--cds-global-layout-space-xxxl);
1272
1302
  }
1273
1303
 
1274
1304
  /*
@@ -2251,7 +2281,7 @@ html[cds-focus-trap] {
2251
2281
  display: grid;
2252
2282
  align-items: start;
2253
2283
  align-content: start;
2254
- grid-template-columns: repeat(var(--cds-global-layout-grid-cols, 12), 1fr);
2284
+ grid-template-columns: repeat(var(--cds-global-layout-grid-cols), 1fr);
2255
2285
  width: 100%;
2256
2286
  }
2257
2287
  [cds-layout~=grid][cds-layout*=rows] {
@@ -2266,7 +2296,7 @@ html[cds-focus-trap] {
2266
2296
  }
2267
2297
 
2268
2298
  [cds-layout*="cols@"] > * {
2269
- grid-column: span var(--cds-global-layout-grid-cols, 12);
2299
+ grid-column: span var(--cds-global-layout-grid-cols);
2270
2300
  }
2271
2301
 
2272
2302
  [cds-layout*="col@"] {
@@ -5032,6 +5062,7 @@ html[cds-focus-trap] {
5032
5062
  display: inline !important;
5033
5063
  }
5034
5064
  }
5065
+ ::slotted([cds-layout~="display:screen-reader-only"]),
5035
5066
  [cds-layout~="display:screen-reader-only"] {
5036
5067
  position: absolute !important;
5037
5068
  clip: rect(1px, 1px, 1px, 1px);
@@ -5056,34 +5087,42 @@ html[cds-focus-trap] {
5056
5087
  gap: 0;
5057
5088
  }
5058
5089
 
5059
- [cds-layout*="gap:xxs"] {
5090
+ [cds-layout*="gap:xxxs"] {
5060
5091
  gap: var(--δ1);
5061
5092
  }
5062
5093
 
5063
- [cds-layout*="gap:xs"] {
5094
+ [cds-layout*="gap:xxs"] {
5064
5095
  gap: var(--δ2);
5065
5096
  }
5066
5097
 
5067
- [cds-layout*="gap:sm"] {
5098
+ [cds-layout*="gap:xs"] {
5068
5099
  gap: var(--δ3);
5069
5100
  }
5070
5101
 
5071
- [cds-layout*="gap:md"] {
5102
+ [cds-layout*="gap:sm"] {
5072
5103
  gap: var(--δ4);
5073
5104
  }
5074
5105
 
5075
- [cds-layout*="gap:lg"] {
5106
+ [cds-layout*="gap:md"] {
5076
5107
  gap: var(--δ5);
5077
5108
  }
5078
5109
 
5079
- [cds-layout*="gap:xl"] {
5110
+ [cds-layout*="gap:lg"] {
5080
5111
  gap: var(--δ6);
5081
5112
  }
5082
5113
 
5083
- [cds-layout*="gap:xxl"] {
5114
+ [cds-layout*="gap:xl"] {
5084
5115
  gap: var(--δ7);
5085
5116
  }
5086
5117
 
5118
+ [cds-layout*="gap:xxl"] {
5119
+ gap: var(--δ8);
5120
+ }
5121
+
5122
+ [cds-layout*="gap:xxxl"] {
5123
+ gap: var(--δ9);
5124
+ }
5125
+
5087
5126
  [cds-layout~="p:none"] {
5088
5127
  padding: 0 !important;
5089
5128
  }
@@ -5092,62 +5131,78 @@ html[cds-focus-trap] {
5092
5131
  margin: 0 !important;
5093
5132
  }
5094
5133
 
5095
- [cds-layout~="p:xxs"] {
5134
+ [cds-layout~="p:xxxs"] {
5096
5135
  padding: var(--δ1) !important;
5097
5136
  }
5098
5137
 
5099
- [cds-layout~="m:xxs"] {
5138
+ [cds-layout~="m:xxxs"] {
5100
5139
  margin: var(--δ1) !important;
5101
5140
  }
5102
5141
 
5103
- [cds-layout~="p:xs"] {
5142
+ [cds-layout~="p:xxs"] {
5104
5143
  padding: var(--δ2) !important;
5105
5144
  }
5106
5145
 
5107
- [cds-layout~="m:xs"] {
5146
+ [cds-layout~="m:xxs"] {
5108
5147
  margin: var(--δ2) !important;
5109
5148
  }
5110
5149
 
5111
- [cds-layout~="p:sm"] {
5150
+ [cds-layout~="p:xs"] {
5112
5151
  padding: var(--δ3) !important;
5113
5152
  }
5114
5153
 
5115
- [cds-layout~="m:sm"] {
5154
+ [cds-layout~="m:xs"] {
5116
5155
  margin: var(--δ3) !important;
5117
5156
  }
5118
5157
 
5119
- [cds-layout~="p:md"] {
5158
+ [cds-layout~="p:sm"] {
5120
5159
  padding: var(--δ4) !important;
5121
5160
  }
5122
5161
 
5123
- [cds-layout~="m:md"] {
5162
+ [cds-layout~="m:sm"] {
5124
5163
  margin: var(--δ4) !important;
5125
5164
  }
5126
5165
 
5127
- [cds-layout~="p:lg"] {
5166
+ [cds-layout~="p:md"] {
5128
5167
  padding: var(--δ5) !important;
5129
5168
  }
5130
5169
 
5131
- [cds-layout~="m:lg"] {
5170
+ [cds-layout~="m:md"] {
5132
5171
  margin: var(--δ5) !important;
5133
5172
  }
5134
5173
 
5135
- [cds-layout~="p:xl"] {
5174
+ [cds-layout~="p:lg"] {
5136
5175
  padding: var(--δ6) !important;
5137
5176
  }
5138
5177
 
5139
- [cds-layout~="m:xl"] {
5178
+ [cds-layout~="m:lg"] {
5140
5179
  margin: var(--δ6) !important;
5141
5180
  }
5142
5181
 
5143
- [cds-layout~="p:xxl"] {
5182
+ [cds-layout~="p:xl"] {
5144
5183
  padding: var(--δ7) !important;
5145
5184
  }
5146
5185
 
5147
- [cds-layout~="m:xxl"] {
5186
+ [cds-layout~="m:xl"] {
5148
5187
  margin: var(--δ7) !important;
5149
5188
  }
5150
5189
 
5190
+ [cds-layout~="p:xxl"] {
5191
+ padding: var(--δ8) !important;
5192
+ }
5193
+
5194
+ [cds-layout~="m:xxl"] {
5195
+ margin: var(--δ8) !important;
5196
+ }
5197
+
5198
+ [cds-layout~="p:xxxl"] {
5199
+ padding: var(--δ9) !important;
5200
+ }
5201
+
5202
+ [cds-layout~="m:xxxl"] {
5203
+ margin: var(--δ9) !important;
5204
+ }
5205
+
5151
5206
  [cds-layout~="p-x:none"] {
5152
5207
  padding-left: 0 !important;
5153
5208
  padding-right: 0 !important;
@@ -5158,76 +5213,96 @@ html[cds-focus-trap] {
5158
5213
  padding-bottom: 0 !important;
5159
5214
  }
5160
5215
 
5161
- [cds-layout~="p-x:xxs"] {
5216
+ [cds-layout~="p-x:xxxs"] {
5162
5217
  padding-left: var(--δ1) !important;
5163
5218
  padding-right: var(--δ1) !important;
5164
5219
  }
5165
5220
 
5166
- [cds-layout~="p-y:xxs"] {
5221
+ [cds-layout~="p-y:xxxs"] {
5167
5222
  padding-top: var(--δ1) !important;
5168
5223
  padding-bottom: var(--δ1) !important;
5169
5224
  }
5170
5225
 
5171
- [cds-layout~="p-x:xs"] {
5226
+ [cds-layout~="p-x:xxs"] {
5172
5227
  padding-left: var(--δ2) !important;
5173
5228
  padding-right: var(--δ2) !important;
5174
5229
  }
5175
5230
 
5176
- [cds-layout~="p-y:xs"] {
5231
+ [cds-layout~="p-y:xxs"] {
5177
5232
  padding-top: var(--δ2) !important;
5178
5233
  padding-bottom: var(--δ2) !important;
5179
5234
  }
5180
5235
 
5181
- [cds-layout~="p-x:sm"] {
5236
+ [cds-layout~="p-x:xs"] {
5182
5237
  padding-left: var(--δ3) !important;
5183
5238
  padding-right: var(--δ3) !important;
5184
5239
  }
5185
5240
 
5186
- [cds-layout~="p-y:sm"] {
5241
+ [cds-layout~="p-y:xs"] {
5187
5242
  padding-top: var(--δ3) !important;
5188
5243
  padding-bottom: var(--δ3) !important;
5189
5244
  }
5190
5245
 
5191
- [cds-layout~="p-x:md"] {
5246
+ [cds-layout~="p-x:sm"] {
5192
5247
  padding-left: var(--δ4) !important;
5193
5248
  padding-right: var(--δ4) !important;
5194
5249
  }
5195
5250
 
5196
- [cds-layout~="p-y:md"] {
5251
+ [cds-layout~="p-y:sm"] {
5197
5252
  padding-top: var(--δ4) !important;
5198
5253
  padding-bottom: var(--δ4) !important;
5199
5254
  }
5200
5255
 
5201
- [cds-layout~="p-x:lg"] {
5256
+ [cds-layout~="p-x:md"] {
5202
5257
  padding-left: var(--δ5) !important;
5203
5258
  padding-right: var(--δ5) !important;
5204
5259
  }
5205
5260
 
5206
- [cds-layout~="p-y:lg"] {
5261
+ [cds-layout~="p-y:md"] {
5207
5262
  padding-top: var(--δ5) !important;
5208
5263
  padding-bottom: var(--δ5) !important;
5209
5264
  }
5210
5265
 
5211
- [cds-layout~="p-x:xl"] {
5266
+ [cds-layout~="p-x:lg"] {
5212
5267
  padding-left: var(--δ6) !important;
5213
5268
  padding-right: var(--δ6) !important;
5214
5269
  }
5215
5270
 
5216
- [cds-layout~="p-y:xl"] {
5271
+ [cds-layout~="p-y:lg"] {
5217
5272
  padding-top: var(--δ6) !important;
5218
5273
  padding-bottom: var(--δ6) !important;
5219
5274
  }
5220
5275
 
5221
- [cds-layout~="p-x:xxl"] {
5276
+ [cds-layout~="p-x:xl"] {
5222
5277
  padding-left: var(--δ7) !important;
5223
5278
  padding-right: var(--δ7) !important;
5224
5279
  }
5225
5280
 
5226
- [cds-layout~="p-y:xxl"] {
5281
+ [cds-layout~="p-y:xl"] {
5227
5282
  padding-top: var(--δ7) !important;
5228
5283
  padding-bottom: var(--δ7) !important;
5229
5284
  }
5230
5285
 
5286
+ [cds-layout~="p-x:xxl"] {
5287
+ padding-left: var(--δ8) !important;
5288
+ padding-right: var(--δ8) !important;
5289
+ }
5290
+
5291
+ [cds-layout~="p-y:xxl"] {
5292
+ padding-top: var(--δ8) !important;
5293
+ padding-bottom: var(--δ8) !important;
5294
+ }
5295
+
5296
+ [cds-layout~="p-x:xxxl"] {
5297
+ padding-left: var(--δ9) !important;
5298
+ padding-right: var(--δ9) !important;
5299
+ }
5300
+
5301
+ [cds-layout~="p-y:xxxl"] {
5302
+ padding-top: var(--δ9) !important;
5303
+ padding-bottom: var(--δ9) !important;
5304
+ }
5305
+
5231
5306
  [cds-layout~="m-x:none"] {
5232
5307
  margin-left: 0 !important;
5233
5308
  margin-right: 0 !important;
@@ -5238,76 +5313,96 @@ html[cds-focus-trap] {
5238
5313
  margin-bottom: 0 !important;
5239
5314
  }
5240
5315
 
5241
- [cds-layout~="m-x:xxs"] {
5316
+ [cds-layout~="m-x:xxxs"] {
5242
5317
  margin-left: var(--δ1) !important;
5243
5318
  margin-right: var(--δ1) !important;
5244
5319
  }
5245
5320
 
5246
- [cds-layout~="m-y:xxs"] {
5321
+ [cds-layout~="m-y:xxxs"] {
5247
5322
  margin-top: var(--δ1) !important;
5248
5323
  margin-bottom: var(--δ1) !important;
5249
5324
  }
5250
5325
 
5251
- [cds-layout~="m-x:xs"] {
5326
+ [cds-layout~="m-x:xxs"] {
5252
5327
  margin-left: var(--δ2) !important;
5253
5328
  margin-right: var(--δ2) !important;
5254
5329
  }
5255
5330
 
5256
- [cds-layout~="m-y:xs"] {
5331
+ [cds-layout~="m-y:xxs"] {
5257
5332
  margin-top: var(--δ2) !important;
5258
5333
  margin-bottom: var(--δ2) !important;
5259
5334
  }
5260
5335
 
5261
- [cds-layout~="m-x:sm"] {
5336
+ [cds-layout~="m-x:xs"] {
5262
5337
  margin-left: var(--δ3) !important;
5263
5338
  margin-right: var(--δ3) !important;
5264
5339
  }
5265
5340
 
5266
- [cds-layout~="m-y:sm"] {
5341
+ [cds-layout~="m-y:xs"] {
5267
5342
  margin-top: var(--δ3) !important;
5268
5343
  margin-bottom: var(--δ3) !important;
5269
5344
  }
5270
5345
 
5271
- [cds-layout~="m-x:md"] {
5346
+ [cds-layout~="m-x:sm"] {
5272
5347
  margin-left: var(--δ4) !important;
5273
5348
  margin-right: var(--δ4) !important;
5274
5349
  }
5275
5350
 
5276
- [cds-layout~="m-y:md"] {
5351
+ [cds-layout~="m-y:sm"] {
5277
5352
  margin-top: var(--δ4) !important;
5278
5353
  margin-bottom: var(--δ4) !important;
5279
5354
  }
5280
5355
 
5281
- [cds-layout~="m-x:lg"] {
5356
+ [cds-layout~="m-x:md"] {
5282
5357
  margin-left: var(--δ5) !important;
5283
5358
  margin-right: var(--δ5) !important;
5284
5359
  }
5285
5360
 
5286
- [cds-layout~="m-y:lg"] {
5361
+ [cds-layout~="m-y:md"] {
5287
5362
  margin-top: var(--δ5) !important;
5288
5363
  margin-bottom: var(--δ5) !important;
5289
5364
  }
5290
5365
 
5291
- [cds-layout~="m-x:xl"] {
5366
+ [cds-layout~="m-x:lg"] {
5292
5367
  margin-left: var(--δ6) !important;
5293
5368
  margin-right: var(--δ6) !important;
5294
5369
  }
5295
5370
 
5296
- [cds-layout~="m-y:xl"] {
5371
+ [cds-layout~="m-y:lg"] {
5297
5372
  margin-top: var(--δ6) !important;
5298
5373
  margin-bottom: var(--δ6) !important;
5299
5374
  }
5300
5375
 
5301
- [cds-layout~="m-x:xxl"] {
5376
+ [cds-layout~="m-x:xl"] {
5302
5377
  margin-left: var(--δ7) !important;
5303
5378
  margin-right: var(--δ7) !important;
5304
5379
  }
5305
5380
 
5306
- [cds-layout~="m-y:xxl"] {
5381
+ [cds-layout~="m-y:xl"] {
5307
5382
  margin-top: var(--δ7) !important;
5308
5383
  margin-bottom: var(--δ7) !important;
5309
5384
  }
5310
5385
 
5386
+ [cds-layout~="m-x:xxl"] {
5387
+ margin-left: var(--δ8) !important;
5388
+ margin-right: var(--δ8) !important;
5389
+ }
5390
+
5391
+ [cds-layout~="m-y:xxl"] {
5392
+ margin-top: var(--δ8) !important;
5393
+ margin-bottom: var(--δ8) !important;
5394
+ }
5395
+
5396
+ [cds-layout~="m-x:xxxl"] {
5397
+ margin-left: var(--δ9) !important;
5398
+ margin-right: var(--δ9) !important;
5399
+ }
5400
+
5401
+ [cds-layout~="m-y:xxxl"] {
5402
+ margin-top: var(--δ9) !important;
5403
+ margin-bottom: var(--δ9) !important;
5404
+ }
5405
+
5311
5406
  [cds-layout~="p-t:none"] {
5312
5407
  padding-top: 0 !important;
5313
5408
  }
@@ -5324,118 +5419,150 @@ html[cds-focus-trap] {
5324
5419
  padding-left: 0 !important;
5325
5420
  }
5326
5421
 
5327
- [cds-layout~="p-t:xxs"] {
5422
+ [cds-layout~="p-t:xxxs"] {
5328
5423
  padding-top: var(--δ1) !important;
5329
5424
  }
5330
5425
 
5331
- [cds-layout~="p-r:xxs"] {
5426
+ [cds-layout~="p-r:xxxs"] {
5332
5427
  padding-right: var(--δ1) !important;
5333
5428
  }
5334
5429
 
5335
- [cds-layout~="p-b:xxs"] {
5430
+ [cds-layout~="p-b:xxxs"] {
5336
5431
  padding-bottom: var(--δ1) !important;
5337
5432
  }
5338
5433
 
5339
- [cds-layout~="p-l:xxs"] {
5434
+ [cds-layout~="p-l:xxxs"] {
5340
5435
  padding-left: var(--δ1) !important;
5341
5436
  }
5342
5437
 
5343
- [cds-layout~="p-t:xs"] {
5438
+ [cds-layout~="p-t:xxs"] {
5344
5439
  padding-top: var(--δ2) !important;
5345
5440
  }
5346
5441
 
5347
- [cds-layout~="p-r:xs"] {
5442
+ [cds-layout~="p-r:xxs"] {
5348
5443
  padding-right: var(--δ2) !important;
5349
5444
  }
5350
5445
 
5351
- [cds-layout~="p-b:xs"] {
5446
+ [cds-layout~="p-b:xxs"] {
5352
5447
  padding-bottom: var(--δ2) !important;
5353
5448
  }
5354
5449
 
5355
- [cds-layout~="p-l:xs"] {
5450
+ [cds-layout~="p-l:xxs"] {
5356
5451
  padding-left: var(--δ2) !important;
5357
5452
  }
5358
5453
 
5359
- [cds-layout~="p-t:sm"] {
5454
+ [cds-layout~="p-t:xs"] {
5360
5455
  padding-top: var(--δ3) !important;
5361
5456
  }
5362
5457
 
5363
- [cds-layout~="p-r:sm"] {
5458
+ [cds-layout~="p-r:xs"] {
5364
5459
  padding-right: var(--δ3) !important;
5365
5460
  }
5366
5461
 
5367
- [cds-layout~="p-b:sm"] {
5462
+ [cds-layout~="p-b:xs"] {
5368
5463
  padding-bottom: var(--δ3) !important;
5369
5464
  }
5370
5465
 
5371
- [cds-layout~="p-l:sm"] {
5466
+ [cds-layout~="p-l:xs"] {
5372
5467
  padding-left: var(--δ3) !important;
5373
5468
  }
5374
5469
 
5375
- [cds-layout~="p-t:md"] {
5470
+ [cds-layout~="p-t:sm"] {
5376
5471
  padding-top: var(--δ4) !important;
5377
5472
  }
5378
5473
 
5379
- [cds-layout~="p-r:md"] {
5474
+ [cds-layout~="p-r:sm"] {
5380
5475
  padding-right: var(--δ4) !important;
5381
5476
  }
5382
5477
 
5383
- [cds-layout~="p-b:md"] {
5478
+ [cds-layout~="p-b:sm"] {
5384
5479
  padding-bottom: var(--δ4) !important;
5385
5480
  }
5386
5481
 
5387
- [cds-layout~="p-l:md"] {
5482
+ [cds-layout~="p-l:sm"] {
5388
5483
  padding-left: var(--δ4) !important;
5389
5484
  }
5390
5485
 
5391
- [cds-layout~="p-t:lg"] {
5486
+ [cds-layout~="p-t:md"] {
5392
5487
  padding-top: var(--δ5) !important;
5393
5488
  }
5394
5489
 
5395
- [cds-layout~="p-r:lg"] {
5490
+ [cds-layout~="p-r:md"] {
5396
5491
  padding-right: var(--δ5) !important;
5397
5492
  }
5398
5493
 
5399
- [cds-layout~="p-b:lg"] {
5494
+ [cds-layout~="p-b:md"] {
5400
5495
  padding-bottom: var(--δ5) !important;
5401
5496
  }
5402
5497
 
5403
- [cds-layout~="p-l:lg"] {
5498
+ [cds-layout~="p-l:md"] {
5404
5499
  padding-left: var(--δ5) !important;
5405
5500
  }
5406
5501
 
5407
- [cds-layout~="p-t:xl"] {
5502
+ [cds-layout~="p-t:lg"] {
5408
5503
  padding-top: var(--δ6) !important;
5409
5504
  }
5410
5505
 
5411
- [cds-layout~="p-r:xl"] {
5506
+ [cds-layout~="p-r:lg"] {
5412
5507
  padding-right: var(--δ6) !important;
5413
5508
  }
5414
5509
 
5415
- [cds-layout~="p-b:xl"] {
5510
+ [cds-layout~="p-b:lg"] {
5416
5511
  padding-bottom: var(--δ6) !important;
5417
5512
  }
5418
5513
 
5419
- [cds-layout~="p-l:xl"] {
5514
+ [cds-layout~="p-l:lg"] {
5420
5515
  padding-left: var(--δ6) !important;
5421
5516
  }
5422
5517
 
5423
- [cds-layout~="p-t:xxl"] {
5518
+ [cds-layout~="p-t:xl"] {
5424
5519
  padding-top: var(--δ7) !important;
5425
5520
  }
5426
5521
 
5427
- [cds-layout~="p-r:xxl"] {
5522
+ [cds-layout~="p-r:xl"] {
5428
5523
  padding-right: var(--δ7) !important;
5429
5524
  }
5430
5525
 
5431
- [cds-layout~="p-b:xxl"] {
5526
+ [cds-layout~="p-b:xl"] {
5432
5527
  padding-bottom: var(--δ7) !important;
5433
5528
  }
5434
5529
 
5435
- [cds-layout~="p-l:xxl"] {
5530
+ [cds-layout~="p-l:xl"] {
5436
5531
  padding-left: var(--δ7) !important;
5437
5532
  }
5438
5533
 
5534
+ [cds-layout~="p-t:xxl"] {
5535
+ padding-top: var(--δ8) !important;
5536
+ }
5537
+
5538
+ [cds-layout~="p-r:xxl"] {
5539
+ padding-right: var(--δ8) !important;
5540
+ }
5541
+
5542
+ [cds-layout~="p-b:xxl"] {
5543
+ padding-bottom: var(--δ8) !important;
5544
+ }
5545
+
5546
+ [cds-layout~="p-l:xxl"] {
5547
+ padding-left: var(--δ8) !important;
5548
+ }
5549
+
5550
+ [cds-layout~="p-t:xxxl"] {
5551
+ padding-top: var(--δ9) !important;
5552
+ }
5553
+
5554
+ [cds-layout~="p-r:xxxl"] {
5555
+ padding-right: var(--δ9) !important;
5556
+ }
5557
+
5558
+ [cds-layout~="p-b:xxxl"] {
5559
+ padding-bottom: var(--δ9) !important;
5560
+ }
5561
+
5562
+ [cds-layout~="p-l:xxxl"] {
5563
+ padding-left: var(--δ9) !important;
5564
+ }
5565
+
5439
5566
  [cds-layout~="m-t:none"] {
5440
5567
  margin-top: 0 !important;
5441
5568
  }
@@ -5452,151 +5579,191 @@ html[cds-focus-trap] {
5452
5579
  margin-left: 0 !important;
5453
5580
  }
5454
5581
 
5455
- [cds-layout~="m-t:xxs"] {
5582
+ [cds-layout~="m-t:xxxs"] {
5456
5583
  margin-top: var(--δ1) !important;
5457
5584
  }
5458
5585
 
5459
- [cds-layout~="m-r:xxs"] {
5586
+ [cds-layout~="m-r:xxxs"] {
5460
5587
  margin-right: var(--δ1) !important;
5461
5588
  }
5462
5589
 
5463
- [cds-layout~="m-b:xxs"] {
5590
+ [cds-layout~="m-b:xxxs"] {
5464
5591
  margin-bottom: var(--δ1) !important;
5465
5592
  }
5466
5593
 
5467
- [cds-layout~="m-l:xxs"] {
5594
+ [cds-layout~="m-l:xxxs"] {
5468
5595
  margin-left: var(--δ1) !important;
5469
5596
  }
5470
5597
 
5471
- [cds-layout~="m-t:xs"] {
5598
+ [cds-layout~="m-t:xxs"] {
5472
5599
  margin-top: var(--δ2) !important;
5473
5600
  }
5474
5601
 
5475
- [cds-layout~="m-r:xs"] {
5602
+ [cds-layout~="m-r:xxs"] {
5476
5603
  margin-right: var(--δ2) !important;
5477
5604
  }
5478
5605
 
5479
- [cds-layout~="m-b:xs"] {
5606
+ [cds-layout~="m-b:xxs"] {
5480
5607
  margin-bottom: var(--δ2) !important;
5481
5608
  }
5482
5609
 
5483
- [cds-layout~="m-l:xs"] {
5610
+ [cds-layout~="m-l:xxs"] {
5484
5611
  margin-left: var(--δ2) !important;
5485
5612
  }
5486
5613
 
5487
- [cds-layout~="m-t:sm"] {
5614
+ [cds-layout~="m-t:xs"] {
5488
5615
  margin-top: var(--δ3) !important;
5489
5616
  }
5490
5617
 
5491
- [cds-layout~="m-r:sm"] {
5618
+ [cds-layout~="m-r:xs"] {
5492
5619
  margin-right: var(--δ3) !important;
5493
5620
  }
5494
5621
 
5495
- [cds-layout~="m-b:sm"] {
5622
+ [cds-layout~="m-b:xs"] {
5496
5623
  margin-bottom: var(--δ3) !important;
5497
5624
  }
5498
5625
 
5499
- [cds-layout~="m-l:sm"] {
5626
+ [cds-layout~="m-l:xs"] {
5500
5627
  margin-left: var(--δ3) !important;
5501
5628
  }
5502
5629
 
5503
- [cds-layout~="m-t:md"] {
5630
+ [cds-layout~="m-t:sm"] {
5504
5631
  margin-top: var(--δ4) !important;
5505
5632
  }
5506
5633
 
5507
- [cds-layout~="m-r:md"] {
5634
+ [cds-layout~="m-r:sm"] {
5508
5635
  margin-right: var(--δ4) !important;
5509
5636
  }
5510
5637
 
5511
- [cds-layout~="m-b:md"] {
5638
+ [cds-layout~="m-b:sm"] {
5512
5639
  margin-bottom: var(--δ4) !important;
5513
5640
  }
5514
5641
 
5515
- [cds-layout~="m-l:md"] {
5642
+ [cds-layout~="m-l:sm"] {
5516
5643
  margin-left: var(--δ4) !important;
5517
5644
  }
5518
5645
 
5519
- [cds-layout~="m-t:lg"] {
5646
+ [cds-layout~="m-t:md"] {
5520
5647
  margin-top: var(--δ5) !important;
5521
5648
  }
5522
5649
 
5523
- [cds-layout~="m-r:lg"] {
5650
+ [cds-layout~="m-r:md"] {
5524
5651
  margin-right: var(--δ5) !important;
5525
5652
  }
5526
5653
 
5527
- [cds-layout~="m-b:lg"] {
5654
+ [cds-layout~="m-b:md"] {
5528
5655
  margin-bottom: var(--δ5) !important;
5529
5656
  }
5530
5657
 
5531
- [cds-layout~="m-l:lg"] {
5658
+ [cds-layout~="m-l:md"] {
5532
5659
  margin-left: var(--δ5) !important;
5533
5660
  }
5534
5661
 
5535
- [cds-layout~="m-t:xl"] {
5662
+ [cds-layout~="m-t:lg"] {
5536
5663
  margin-top: var(--δ6) !important;
5537
5664
  }
5538
5665
 
5539
- [cds-layout~="m-r:xl"] {
5666
+ [cds-layout~="m-r:lg"] {
5540
5667
  margin-right: var(--δ6) !important;
5541
5668
  }
5542
5669
 
5543
- [cds-layout~="m-b:xl"] {
5670
+ [cds-layout~="m-b:lg"] {
5544
5671
  margin-bottom: var(--δ6) !important;
5545
5672
  }
5546
5673
 
5547
- [cds-layout~="m-l:xl"] {
5674
+ [cds-layout~="m-l:lg"] {
5548
5675
  margin-left: var(--δ6) !important;
5549
5676
  }
5550
5677
 
5551
- [cds-layout~="m-t:xxl"] {
5678
+ [cds-layout~="m-t:xl"] {
5552
5679
  margin-top: var(--δ7) !important;
5553
5680
  }
5554
5681
 
5555
- [cds-layout~="m-r:xxl"] {
5682
+ [cds-layout~="m-r:xl"] {
5556
5683
  margin-right: var(--δ7) !important;
5557
5684
  }
5558
5685
 
5559
- [cds-layout~="m-b:xxl"] {
5686
+ [cds-layout~="m-b:xl"] {
5560
5687
  margin-bottom: var(--δ7) !important;
5561
5688
  }
5562
5689
 
5563
- [cds-layout~="m-l:xxl"] {
5690
+ [cds-layout~="m-l:xl"] {
5564
5691
  margin-left: var(--δ7) !important;
5565
5692
  }
5566
5693
 
5567
- @media (min-width: 576px) {
5694
+ [cds-layout~="m-t:xxl"] {
5695
+ margin-top: var(--δ8) !important;
5696
+ }
5697
+
5698
+ [cds-layout~="m-r:xxl"] {
5699
+ margin-right: var(--δ8) !important;
5700
+ }
5701
+
5702
+ [cds-layout~="m-b:xxl"] {
5703
+ margin-bottom: var(--δ8) !important;
5704
+ }
5705
+
5706
+ [cds-layout~="m-l:xxl"] {
5707
+ margin-left: var(--δ8) !important;
5708
+ }
5709
+
5710
+ [cds-layout~="m-t:xxxl"] {
5711
+ margin-top: var(--δ9) !important;
5712
+ }
5713
+
5714
+ [cds-layout~="m-r:xxxl"] {
5715
+ margin-right: var(--δ9) !important;
5716
+ }
5717
+
5718
+ [cds-layout~="m-b:xxxl"] {
5719
+ margin-bottom: var(--δ9) !important;
5720
+ }
5721
+
5722
+ [cds-layout~="m-l:xxxl"] {
5723
+ margin-left: var(--δ9) !important;
5724
+ }
5725
+
5726
+ @media (min-width: 576px) {
5568
5727
  [cds-layout*="gap@xs:none"] {
5569
5728
  gap: 0;
5570
5729
  }
5571
5730
 
5572
- [cds-layout*="gap@xs:xxs"] {
5731
+ [cds-layout*="gap@xs:xxxs"] {
5573
5732
  gap: var(--δ1);
5574
5733
  }
5575
5734
 
5576
- [cds-layout*="gap@xs:xs"] {
5735
+ [cds-layout*="gap@xs:xxs"] {
5577
5736
  gap: var(--δ2);
5578
5737
  }
5579
5738
 
5580
- [cds-layout*="gap@xs:sm"] {
5739
+ [cds-layout*="gap@xs:xs"] {
5581
5740
  gap: var(--δ3);
5582
5741
  }
5583
5742
 
5584
- [cds-layout*="gap@xs:md"] {
5743
+ [cds-layout*="gap@xs:sm"] {
5585
5744
  gap: var(--δ4);
5586
5745
  }
5587
5746
 
5588
- [cds-layout*="gap@xs:lg"] {
5747
+ [cds-layout*="gap@xs:md"] {
5589
5748
  gap: var(--δ5);
5590
5749
  }
5591
5750
 
5592
- [cds-layout*="gap@xs:xl"] {
5751
+ [cds-layout*="gap@xs:lg"] {
5593
5752
  gap: var(--δ6);
5594
5753
  }
5595
5754
 
5596
- [cds-layout*="gap@xs:xxl"] {
5755
+ [cds-layout*="gap@xs:xl"] {
5597
5756
  gap: var(--δ7);
5598
5757
  }
5599
5758
 
5759
+ [cds-layout*="gap@xs:xxl"] {
5760
+ gap: var(--δ8);
5761
+ }
5762
+
5763
+ [cds-layout*="gap@xs:xxxl"] {
5764
+ gap: var(--δ9);
5765
+ }
5766
+
5600
5767
  [cds-layout~="p@xs:none"] {
5601
5768
  padding: 0 !important;
5602
5769
  }
@@ -5605,62 +5772,78 @@ html[cds-focus-trap] {
5605
5772
  margin: 0 !important;
5606
5773
  }
5607
5774
 
5608
- [cds-layout~="p@xs:xxs"] {
5775
+ [cds-layout~="p@xs:xxxs"] {
5609
5776
  padding: var(--δ1) !important;
5610
5777
  }
5611
5778
 
5612
- [cds-layout~="m@xs:xxs"] {
5779
+ [cds-layout~="m@xs:xxxs"] {
5613
5780
  margin: var(--δ1) !important;
5614
5781
  }
5615
5782
 
5616
- [cds-layout~="p@xs:xs"] {
5783
+ [cds-layout~="p@xs:xxs"] {
5617
5784
  padding: var(--δ2) !important;
5618
5785
  }
5619
5786
 
5620
- [cds-layout~="m@xs:xs"] {
5787
+ [cds-layout~="m@xs:xxs"] {
5621
5788
  margin: var(--δ2) !important;
5622
5789
  }
5623
5790
 
5624
- [cds-layout~="p@xs:sm"] {
5791
+ [cds-layout~="p@xs:xs"] {
5625
5792
  padding: var(--δ3) !important;
5626
5793
  }
5627
5794
 
5628
- [cds-layout~="m@xs:sm"] {
5795
+ [cds-layout~="m@xs:xs"] {
5629
5796
  margin: var(--δ3) !important;
5630
5797
  }
5631
5798
 
5632
- [cds-layout~="p@xs:md"] {
5799
+ [cds-layout~="p@xs:sm"] {
5633
5800
  padding: var(--δ4) !important;
5634
5801
  }
5635
5802
 
5636
- [cds-layout~="m@xs:md"] {
5803
+ [cds-layout~="m@xs:sm"] {
5637
5804
  margin: var(--δ4) !important;
5638
5805
  }
5639
5806
 
5640
- [cds-layout~="p@xs:lg"] {
5807
+ [cds-layout~="p@xs:md"] {
5641
5808
  padding: var(--δ5) !important;
5642
5809
  }
5643
5810
 
5644
- [cds-layout~="m@xs:lg"] {
5811
+ [cds-layout~="m@xs:md"] {
5645
5812
  margin: var(--δ5) !important;
5646
5813
  }
5647
5814
 
5648
- [cds-layout~="p@xs:xl"] {
5815
+ [cds-layout~="p@xs:lg"] {
5649
5816
  padding: var(--δ6) !important;
5650
5817
  }
5651
5818
 
5652
- [cds-layout~="m@xs:xl"] {
5819
+ [cds-layout~="m@xs:lg"] {
5653
5820
  margin: var(--δ6) !important;
5654
5821
  }
5655
5822
 
5656
- [cds-layout~="p@xs:xxl"] {
5823
+ [cds-layout~="p@xs:xl"] {
5657
5824
  padding: var(--δ7) !important;
5658
5825
  }
5659
5826
 
5660
- [cds-layout~="m@xs:xxl"] {
5827
+ [cds-layout~="m@xs:xl"] {
5661
5828
  margin: var(--δ7) !important;
5662
5829
  }
5663
5830
 
5831
+ [cds-layout~="p@xs:xxl"] {
5832
+ padding: var(--δ8) !important;
5833
+ }
5834
+
5835
+ [cds-layout~="m@xs:xxl"] {
5836
+ margin: var(--δ8) !important;
5837
+ }
5838
+
5839
+ [cds-layout~="p@xs:xxxl"] {
5840
+ padding: var(--δ9) !important;
5841
+ }
5842
+
5843
+ [cds-layout~="m@xs:xxxl"] {
5844
+ margin: var(--δ9) !important;
5845
+ }
5846
+
5664
5847
  [cds-layout~="p-x@xs:none"] {
5665
5848
  padding-left: 0 !important;
5666
5849
  padding-right: 0 !important;
@@ -5671,76 +5854,96 @@ html[cds-focus-trap] {
5671
5854
  padding-bottom: 0 !important;
5672
5855
  }
5673
5856
 
5674
- [cds-layout~="p-x@xs:xxs"] {
5857
+ [cds-layout~="p-x@xs:xxxs"] {
5675
5858
  padding-left: var(--δ1) !important;
5676
5859
  padding-right: var(--δ1) !important;
5677
5860
  }
5678
5861
 
5679
- [cds-layout~="p-y@xs:xxs"] {
5862
+ [cds-layout~="p-y@xs:xxxs"] {
5680
5863
  padding-top: var(--δ1) !important;
5681
5864
  padding-bottom: var(--δ1) !important;
5682
5865
  }
5683
5866
 
5684
- [cds-layout~="p-x@xs:xs"] {
5867
+ [cds-layout~="p-x@xs:xxs"] {
5685
5868
  padding-left: var(--δ2) !important;
5686
5869
  padding-right: var(--δ2) !important;
5687
5870
  }
5688
5871
 
5689
- [cds-layout~="p-y@xs:xs"] {
5872
+ [cds-layout~="p-y@xs:xxs"] {
5690
5873
  padding-top: var(--δ2) !important;
5691
5874
  padding-bottom: var(--δ2) !important;
5692
5875
  }
5693
5876
 
5694
- [cds-layout~="p-x@xs:sm"] {
5877
+ [cds-layout~="p-x@xs:xs"] {
5695
5878
  padding-left: var(--δ3) !important;
5696
5879
  padding-right: var(--δ3) !important;
5697
5880
  }
5698
5881
 
5699
- [cds-layout~="p-y@xs:sm"] {
5882
+ [cds-layout~="p-y@xs:xs"] {
5700
5883
  padding-top: var(--δ3) !important;
5701
5884
  padding-bottom: var(--δ3) !important;
5702
5885
  }
5703
5886
 
5704
- [cds-layout~="p-x@xs:md"] {
5887
+ [cds-layout~="p-x@xs:sm"] {
5705
5888
  padding-left: var(--δ4) !important;
5706
5889
  padding-right: var(--δ4) !important;
5707
5890
  }
5708
5891
 
5709
- [cds-layout~="p-y@xs:md"] {
5892
+ [cds-layout~="p-y@xs:sm"] {
5710
5893
  padding-top: var(--δ4) !important;
5711
5894
  padding-bottom: var(--δ4) !important;
5712
5895
  }
5713
5896
 
5714
- [cds-layout~="p-x@xs:lg"] {
5897
+ [cds-layout~="p-x@xs:md"] {
5715
5898
  padding-left: var(--δ5) !important;
5716
5899
  padding-right: var(--δ5) !important;
5717
5900
  }
5718
5901
 
5719
- [cds-layout~="p-y@xs:lg"] {
5902
+ [cds-layout~="p-y@xs:md"] {
5720
5903
  padding-top: var(--δ5) !important;
5721
5904
  padding-bottom: var(--δ5) !important;
5722
5905
  }
5723
5906
 
5724
- [cds-layout~="p-x@xs:xl"] {
5907
+ [cds-layout~="p-x@xs:lg"] {
5725
5908
  padding-left: var(--δ6) !important;
5726
5909
  padding-right: var(--δ6) !important;
5727
5910
  }
5728
5911
 
5729
- [cds-layout~="p-y@xs:xl"] {
5912
+ [cds-layout~="p-y@xs:lg"] {
5730
5913
  padding-top: var(--δ6) !important;
5731
5914
  padding-bottom: var(--δ6) !important;
5732
5915
  }
5733
5916
 
5734
- [cds-layout~="p-x@xs:xxl"] {
5917
+ [cds-layout~="p-x@xs:xl"] {
5735
5918
  padding-left: var(--δ7) !important;
5736
5919
  padding-right: var(--δ7) !important;
5737
5920
  }
5738
5921
 
5739
- [cds-layout~="p-y@xs:xxl"] {
5922
+ [cds-layout~="p-y@xs:xl"] {
5740
5923
  padding-top: var(--δ7) !important;
5741
5924
  padding-bottom: var(--δ7) !important;
5742
5925
  }
5743
5926
 
5927
+ [cds-layout~="p-x@xs:xxl"] {
5928
+ padding-left: var(--δ8) !important;
5929
+ padding-right: var(--δ8) !important;
5930
+ }
5931
+
5932
+ [cds-layout~="p-y@xs:xxl"] {
5933
+ padding-top: var(--δ8) !important;
5934
+ padding-bottom: var(--δ8) !important;
5935
+ }
5936
+
5937
+ [cds-layout~="p-x@xs:xxxl"] {
5938
+ padding-left: var(--δ9) !important;
5939
+ padding-right: var(--δ9) !important;
5940
+ }
5941
+
5942
+ [cds-layout~="p-y@xs:xxxl"] {
5943
+ padding-top: var(--δ9) !important;
5944
+ padding-bottom: var(--δ9) !important;
5945
+ }
5946
+
5744
5947
  [cds-layout~="m-x@xs:none"] {
5745
5948
  margin-left: 0 !important;
5746
5949
  margin-right: 0 !important;
@@ -5751,76 +5954,96 @@ html[cds-focus-trap] {
5751
5954
  margin-bottom: 0 !important;
5752
5955
  }
5753
5956
 
5754
- [cds-layout~="m-x@xs:xxs"] {
5957
+ [cds-layout~="m-x@xs:xxxs"] {
5755
5958
  margin-left: var(--δ1) !important;
5756
5959
  margin-right: var(--δ1) !important;
5757
5960
  }
5758
5961
 
5759
- [cds-layout~="m-y@xs:xxs"] {
5962
+ [cds-layout~="m-y@xs:xxxs"] {
5760
5963
  margin-top: var(--δ1) !important;
5761
5964
  margin-bottom: var(--δ1) !important;
5762
5965
  }
5763
5966
 
5764
- [cds-layout~="m-x@xs:xs"] {
5967
+ [cds-layout~="m-x@xs:xxs"] {
5765
5968
  margin-left: var(--δ2) !important;
5766
5969
  margin-right: var(--δ2) !important;
5767
5970
  }
5768
5971
 
5769
- [cds-layout~="m-y@xs:xs"] {
5972
+ [cds-layout~="m-y@xs:xxs"] {
5770
5973
  margin-top: var(--δ2) !important;
5771
5974
  margin-bottom: var(--δ2) !important;
5772
5975
  }
5773
5976
 
5774
- [cds-layout~="m-x@xs:sm"] {
5977
+ [cds-layout~="m-x@xs:xs"] {
5775
5978
  margin-left: var(--δ3) !important;
5776
5979
  margin-right: var(--δ3) !important;
5777
5980
  }
5778
5981
 
5779
- [cds-layout~="m-y@xs:sm"] {
5982
+ [cds-layout~="m-y@xs:xs"] {
5780
5983
  margin-top: var(--δ3) !important;
5781
5984
  margin-bottom: var(--δ3) !important;
5782
5985
  }
5783
5986
 
5784
- [cds-layout~="m-x@xs:md"] {
5987
+ [cds-layout~="m-x@xs:sm"] {
5785
5988
  margin-left: var(--δ4) !important;
5786
5989
  margin-right: var(--δ4) !important;
5787
5990
  }
5788
5991
 
5789
- [cds-layout~="m-y@xs:md"] {
5992
+ [cds-layout~="m-y@xs:sm"] {
5790
5993
  margin-top: var(--δ4) !important;
5791
5994
  margin-bottom: var(--δ4) !important;
5792
5995
  }
5793
5996
 
5794
- [cds-layout~="m-x@xs:lg"] {
5997
+ [cds-layout~="m-x@xs:md"] {
5795
5998
  margin-left: var(--δ5) !important;
5796
5999
  margin-right: var(--δ5) !important;
5797
6000
  }
5798
6001
 
5799
- [cds-layout~="m-y@xs:lg"] {
6002
+ [cds-layout~="m-y@xs:md"] {
5800
6003
  margin-top: var(--δ5) !important;
5801
6004
  margin-bottom: var(--δ5) !important;
5802
6005
  }
5803
6006
 
5804
- [cds-layout~="m-x@xs:xl"] {
6007
+ [cds-layout~="m-x@xs:lg"] {
5805
6008
  margin-left: var(--δ6) !important;
5806
6009
  margin-right: var(--δ6) !important;
5807
6010
  }
5808
6011
 
5809
- [cds-layout~="m-y@xs:xl"] {
6012
+ [cds-layout~="m-y@xs:lg"] {
5810
6013
  margin-top: var(--δ6) !important;
5811
6014
  margin-bottom: var(--δ6) !important;
5812
6015
  }
5813
6016
 
5814
- [cds-layout~="m-x@xs:xxl"] {
6017
+ [cds-layout~="m-x@xs:xl"] {
5815
6018
  margin-left: var(--δ7) !important;
5816
6019
  margin-right: var(--δ7) !important;
5817
6020
  }
5818
6021
 
5819
- [cds-layout~="m-y@xs:xxl"] {
6022
+ [cds-layout~="m-y@xs:xl"] {
5820
6023
  margin-top: var(--δ7) !important;
5821
6024
  margin-bottom: var(--δ7) !important;
5822
6025
  }
5823
6026
 
6027
+ [cds-layout~="m-x@xs:xxl"] {
6028
+ margin-left: var(--δ8) !important;
6029
+ margin-right: var(--δ8) !important;
6030
+ }
6031
+
6032
+ [cds-layout~="m-y@xs:xxl"] {
6033
+ margin-top: var(--δ8) !important;
6034
+ margin-bottom: var(--δ8) !important;
6035
+ }
6036
+
6037
+ [cds-layout~="m-x@xs:xxxl"] {
6038
+ margin-left: var(--δ9) !important;
6039
+ margin-right: var(--δ9) !important;
6040
+ }
6041
+
6042
+ [cds-layout~="m-y@xs:xxxl"] {
6043
+ margin-top: var(--δ9) !important;
6044
+ margin-bottom: var(--δ9) !important;
6045
+ }
6046
+
5824
6047
  [cds-layout~="p-t@xs:none"] {
5825
6048
  padding-top: 0 !important;
5826
6049
  }
@@ -5837,118 +6060,150 @@ html[cds-focus-trap] {
5837
6060
  padding-left: 0 !important;
5838
6061
  }
5839
6062
 
5840
- [cds-layout~="p-t@xs:xxs"] {
6063
+ [cds-layout~="p-t@xs:xxxs"] {
5841
6064
  padding-top: var(--δ1) !important;
5842
6065
  }
5843
6066
 
5844
- [cds-layout~="p-r@xs:xxs"] {
6067
+ [cds-layout~="p-r@xs:xxxs"] {
5845
6068
  padding-right: var(--δ1) !important;
5846
6069
  }
5847
6070
 
5848
- [cds-layout~="p-b@xs:xxs"] {
6071
+ [cds-layout~="p-b@xs:xxxs"] {
5849
6072
  padding-bottom: var(--δ1) !important;
5850
6073
  }
5851
6074
 
5852
- [cds-layout~="p-l@xs:xxs"] {
6075
+ [cds-layout~="p-l@xs:xxxs"] {
5853
6076
  padding-left: var(--δ1) !important;
5854
6077
  }
5855
6078
 
5856
- [cds-layout~="p-t@xs:xs"] {
6079
+ [cds-layout~="p-t@xs:xxs"] {
5857
6080
  padding-top: var(--δ2) !important;
5858
6081
  }
5859
6082
 
5860
- [cds-layout~="p-r@xs:xs"] {
6083
+ [cds-layout~="p-r@xs:xxs"] {
5861
6084
  padding-right: var(--δ2) !important;
5862
6085
  }
5863
6086
 
5864
- [cds-layout~="p-b@xs:xs"] {
6087
+ [cds-layout~="p-b@xs:xxs"] {
5865
6088
  padding-bottom: var(--δ2) !important;
5866
6089
  }
5867
6090
 
5868
- [cds-layout~="p-l@xs:xs"] {
6091
+ [cds-layout~="p-l@xs:xxs"] {
5869
6092
  padding-left: var(--δ2) !important;
5870
6093
  }
5871
6094
 
5872
- [cds-layout~="p-t@xs:sm"] {
6095
+ [cds-layout~="p-t@xs:xs"] {
5873
6096
  padding-top: var(--δ3) !important;
5874
6097
  }
5875
6098
 
5876
- [cds-layout~="p-r@xs:sm"] {
6099
+ [cds-layout~="p-r@xs:xs"] {
5877
6100
  padding-right: var(--δ3) !important;
5878
6101
  }
5879
6102
 
5880
- [cds-layout~="p-b@xs:sm"] {
6103
+ [cds-layout~="p-b@xs:xs"] {
5881
6104
  padding-bottom: var(--δ3) !important;
5882
6105
  }
5883
6106
 
5884
- [cds-layout~="p-l@xs:sm"] {
6107
+ [cds-layout~="p-l@xs:xs"] {
5885
6108
  padding-left: var(--δ3) !important;
5886
6109
  }
5887
6110
 
5888
- [cds-layout~="p-t@xs:md"] {
6111
+ [cds-layout~="p-t@xs:sm"] {
5889
6112
  padding-top: var(--δ4) !important;
5890
6113
  }
5891
6114
 
5892
- [cds-layout~="p-r@xs:md"] {
6115
+ [cds-layout~="p-r@xs:sm"] {
5893
6116
  padding-right: var(--δ4) !important;
5894
6117
  }
5895
6118
 
5896
- [cds-layout~="p-b@xs:md"] {
6119
+ [cds-layout~="p-b@xs:sm"] {
5897
6120
  padding-bottom: var(--δ4) !important;
5898
6121
  }
5899
6122
 
5900
- [cds-layout~="p-l@xs:md"] {
6123
+ [cds-layout~="p-l@xs:sm"] {
5901
6124
  padding-left: var(--δ4) !important;
5902
6125
  }
5903
6126
 
5904
- [cds-layout~="p-t@xs:lg"] {
6127
+ [cds-layout~="p-t@xs:md"] {
5905
6128
  padding-top: var(--δ5) !important;
5906
6129
  }
5907
6130
 
5908
- [cds-layout~="p-r@xs:lg"] {
6131
+ [cds-layout~="p-r@xs:md"] {
5909
6132
  padding-right: var(--δ5) !important;
5910
6133
  }
5911
6134
 
5912
- [cds-layout~="p-b@xs:lg"] {
6135
+ [cds-layout~="p-b@xs:md"] {
5913
6136
  padding-bottom: var(--δ5) !important;
5914
6137
  }
5915
6138
 
5916
- [cds-layout~="p-l@xs:lg"] {
6139
+ [cds-layout~="p-l@xs:md"] {
5917
6140
  padding-left: var(--δ5) !important;
5918
6141
  }
5919
6142
 
5920
- [cds-layout~="p-t@xs:xl"] {
6143
+ [cds-layout~="p-t@xs:lg"] {
5921
6144
  padding-top: var(--δ6) !important;
5922
6145
  }
5923
6146
 
5924
- [cds-layout~="p-r@xs:xl"] {
6147
+ [cds-layout~="p-r@xs:lg"] {
5925
6148
  padding-right: var(--δ6) !important;
5926
6149
  }
5927
6150
 
5928
- [cds-layout~="p-b@xs:xl"] {
6151
+ [cds-layout~="p-b@xs:lg"] {
5929
6152
  padding-bottom: var(--δ6) !important;
5930
6153
  }
5931
6154
 
5932
- [cds-layout~="p-l@xs:xl"] {
6155
+ [cds-layout~="p-l@xs:lg"] {
5933
6156
  padding-left: var(--δ6) !important;
5934
6157
  }
5935
6158
 
5936
- [cds-layout~="p-t@xs:xxl"] {
6159
+ [cds-layout~="p-t@xs:xl"] {
5937
6160
  padding-top: var(--δ7) !important;
5938
6161
  }
5939
6162
 
5940
- [cds-layout~="p-r@xs:xxl"] {
6163
+ [cds-layout~="p-r@xs:xl"] {
5941
6164
  padding-right: var(--δ7) !important;
5942
6165
  }
5943
6166
 
5944
- [cds-layout~="p-b@xs:xxl"] {
6167
+ [cds-layout~="p-b@xs:xl"] {
5945
6168
  padding-bottom: var(--δ7) !important;
5946
6169
  }
5947
6170
 
5948
- [cds-layout~="p-l@xs:xxl"] {
6171
+ [cds-layout~="p-l@xs:xl"] {
5949
6172
  padding-left: var(--δ7) !important;
5950
6173
  }
5951
6174
 
6175
+ [cds-layout~="p-t@xs:xxl"] {
6176
+ padding-top: var(--δ8) !important;
6177
+ }
6178
+
6179
+ [cds-layout~="p-r@xs:xxl"] {
6180
+ padding-right: var(--δ8) !important;
6181
+ }
6182
+
6183
+ [cds-layout~="p-b@xs:xxl"] {
6184
+ padding-bottom: var(--δ8) !important;
6185
+ }
6186
+
6187
+ [cds-layout~="p-l@xs:xxl"] {
6188
+ padding-left: var(--δ8) !important;
6189
+ }
6190
+
6191
+ [cds-layout~="p-t@xs:xxxl"] {
6192
+ padding-top: var(--δ9) !important;
6193
+ }
6194
+
6195
+ [cds-layout~="p-r@xs:xxxl"] {
6196
+ padding-right: var(--δ9) !important;
6197
+ }
6198
+
6199
+ [cds-layout~="p-b@xs:xxxl"] {
6200
+ padding-bottom: var(--δ9) !important;
6201
+ }
6202
+
6203
+ [cds-layout~="p-l@xs:xxxl"] {
6204
+ padding-left: var(--δ9) !important;
6205
+ }
6206
+
5952
6207
  [cds-layout~="m-t@xs:none"] {
5953
6208
  margin-top: 0 !important;
5954
6209
  }
@@ -5965,151 +6220,191 @@ html[cds-focus-trap] {
5965
6220
  margin-left: 0 !important;
5966
6221
  }
5967
6222
 
5968
- [cds-layout~="m-t@xs:xxs"] {
6223
+ [cds-layout~="m-t@xs:xxxs"] {
5969
6224
  margin-top: var(--δ1) !important;
5970
6225
  }
5971
6226
 
5972
- [cds-layout~="m-r@xs:xxs"] {
6227
+ [cds-layout~="m-r@xs:xxxs"] {
5973
6228
  margin-right: var(--δ1) !important;
5974
6229
  }
5975
6230
 
5976
- [cds-layout~="m-b@xs:xxs"] {
6231
+ [cds-layout~="m-b@xs:xxxs"] {
5977
6232
  margin-bottom: var(--δ1) !important;
5978
6233
  }
5979
6234
 
5980
- [cds-layout~="m-l@xs:xxs"] {
6235
+ [cds-layout~="m-l@xs:xxxs"] {
5981
6236
  margin-left: var(--δ1) !important;
5982
6237
  }
5983
6238
 
5984
- [cds-layout~="m-t@xs:xs"] {
6239
+ [cds-layout~="m-t@xs:xxs"] {
5985
6240
  margin-top: var(--δ2) !important;
5986
6241
  }
5987
6242
 
5988
- [cds-layout~="m-r@xs:xs"] {
6243
+ [cds-layout~="m-r@xs:xxs"] {
5989
6244
  margin-right: var(--δ2) !important;
5990
6245
  }
5991
6246
 
5992
- [cds-layout~="m-b@xs:xs"] {
6247
+ [cds-layout~="m-b@xs:xxs"] {
5993
6248
  margin-bottom: var(--δ2) !important;
5994
6249
  }
5995
6250
 
5996
- [cds-layout~="m-l@xs:xs"] {
6251
+ [cds-layout~="m-l@xs:xxs"] {
5997
6252
  margin-left: var(--δ2) !important;
5998
6253
  }
5999
6254
 
6000
- [cds-layout~="m-t@xs:sm"] {
6255
+ [cds-layout~="m-t@xs:xs"] {
6001
6256
  margin-top: var(--δ3) !important;
6002
6257
  }
6003
6258
 
6004
- [cds-layout~="m-r@xs:sm"] {
6259
+ [cds-layout~="m-r@xs:xs"] {
6005
6260
  margin-right: var(--δ3) !important;
6006
6261
  }
6007
6262
 
6008
- [cds-layout~="m-b@xs:sm"] {
6263
+ [cds-layout~="m-b@xs:xs"] {
6009
6264
  margin-bottom: var(--δ3) !important;
6010
6265
  }
6011
6266
 
6012
- [cds-layout~="m-l@xs:sm"] {
6267
+ [cds-layout~="m-l@xs:xs"] {
6013
6268
  margin-left: var(--δ3) !important;
6014
6269
  }
6015
6270
 
6016
- [cds-layout~="m-t@xs:md"] {
6271
+ [cds-layout~="m-t@xs:sm"] {
6017
6272
  margin-top: var(--δ4) !important;
6018
6273
  }
6019
6274
 
6020
- [cds-layout~="m-r@xs:md"] {
6275
+ [cds-layout~="m-r@xs:sm"] {
6021
6276
  margin-right: var(--δ4) !important;
6022
6277
  }
6023
6278
 
6024
- [cds-layout~="m-b@xs:md"] {
6279
+ [cds-layout~="m-b@xs:sm"] {
6025
6280
  margin-bottom: var(--δ4) !important;
6026
6281
  }
6027
6282
 
6028
- [cds-layout~="m-l@xs:md"] {
6283
+ [cds-layout~="m-l@xs:sm"] {
6029
6284
  margin-left: var(--δ4) !important;
6030
6285
  }
6031
6286
 
6032
- [cds-layout~="m-t@xs:lg"] {
6287
+ [cds-layout~="m-t@xs:md"] {
6033
6288
  margin-top: var(--δ5) !important;
6034
6289
  }
6035
6290
 
6036
- [cds-layout~="m-r@xs:lg"] {
6291
+ [cds-layout~="m-r@xs:md"] {
6037
6292
  margin-right: var(--δ5) !important;
6038
6293
  }
6039
6294
 
6040
- [cds-layout~="m-b@xs:lg"] {
6295
+ [cds-layout~="m-b@xs:md"] {
6041
6296
  margin-bottom: var(--δ5) !important;
6042
6297
  }
6043
6298
 
6044
- [cds-layout~="m-l@xs:lg"] {
6299
+ [cds-layout~="m-l@xs:md"] {
6045
6300
  margin-left: var(--δ5) !important;
6046
6301
  }
6047
6302
 
6048
- [cds-layout~="m-t@xs:xl"] {
6303
+ [cds-layout~="m-t@xs:lg"] {
6049
6304
  margin-top: var(--δ6) !important;
6050
6305
  }
6051
6306
 
6052
- [cds-layout~="m-r@xs:xl"] {
6307
+ [cds-layout~="m-r@xs:lg"] {
6053
6308
  margin-right: var(--δ6) !important;
6054
6309
  }
6055
6310
 
6056
- [cds-layout~="m-b@xs:xl"] {
6311
+ [cds-layout~="m-b@xs:lg"] {
6057
6312
  margin-bottom: var(--δ6) !important;
6058
6313
  }
6059
6314
 
6060
- [cds-layout~="m-l@xs:xl"] {
6315
+ [cds-layout~="m-l@xs:lg"] {
6061
6316
  margin-left: var(--δ6) !important;
6062
6317
  }
6063
6318
 
6064
- [cds-layout~="m-t@xs:xxl"] {
6319
+ [cds-layout~="m-t@xs:xl"] {
6065
6320
  margin-top: var(--δ7) !important;
6066
6321
  }
6067
6322
 
6068
- [cds-layout~="m-r@xs:xxl"] {
6323
+ [cds-layout~="m-r@xs:xl"] {
6069
6324
  margin-right: var(--δ7) !important;
6070
6325
  }
6071
6326
 
6072
- [cds-layout~="m-b@xs:xxl"] {
6327
+ [cds-layout~="m-b@xs:xl"] {
6073
6328
  margin-bottom: var(--δ7) !important;
6074
6329
  }
6075
6330
 
6076
- [cds-layout~="m-l@xs:xxl"] {
6331
+ [cds-layout~="m-l@xs:xl"] {
6077
6332
  margin-left: var(--δ7) !important;
6078
6333
  }
6334
+
6335
+ [cds-layout~="m-t@xs:xxl"] {
6336
+ margin-top: var(--δ8) !important;
6337
+ }
6338
+
6339
+ [cds-layout~="m-r@xs:xxl"] {
6340
+ margin-right: var(--δ8) !important;
6341
+ }
6342
+
6343
+ [cds-layout~="m-b@xs:xxl"] {
6344
+ margin-bottom: var(--δ8) !important;
6345
+ }
6346
+
6347
+ [cds-layout~="m-l@xs:xxl"] {
6348
+ margin-left: var(--δ8) !important;
6349
+ }
6350
+
6351
+ [cds-layout~="m-t@xs:xxxl"] {
6352
+ margin-top: var(--δ9) !important;
6353
+ }
6354
+
6355
+ [cds-layout~="m-r@xs:xxxl"] {
6356
+ margin-right: var(--δ9) !important;
6357
+ }
6358
+
6359
+ [cds-layout~="m-b@xs:xxxl"] {
6360
+ margin-bottom: var(--δ9) !important;
6361
+ }
6362
+
6363
+ [cds-layout~="m-l@xs:xxxl"] {
6364
+ margin-left: var(--δ9) !important;
6365
+ }
6079
6366
  }
6080
6367
  @media (min-width: 768px) {
6081
6368
  [cds-layout*="gap@sm:none"] {
6082
6369
  gap: 0;
6083
6370
  }
6084
6371
 
6085
- [cds-layout*="gap@sm:xxs"] {
6372
+ [cds-layout*="gap@sm:xxxs"] {
6086
6373
  gap: var(--δ1);
6087
6374
  }
6088
6375
 
6089
- [cds-layout*="gap@sm:xs"] {
6376
+ [cds-layout*="gap@sm:xxs"] {
6090
6377
  gap: var(--δ2);
6091
6378
  }
6092
6379
 
6093
- [cds-layout*="gap@sm:sm"] {
6380
+ [cds-layout*="gap@sm:xs"] {
6094
6381
  gap: var(--δ3);
6095
6382
  }
6096
6383
 
6097
- [cds-layout*="gap@sm:md"] {
6384
+ [cds-layout*="gap@sm:sm"] {
6098
6385
  gap: var(--δ4);
6099
6386
  }
6100
6387
 
6101
- [cds-layout*="gap@sm:lg"] {
6388
+ [cds-layout*="gap@sm:md"] {
6102
6389
  gap: var(--δ5);
6103
6390
  }
6104
6391
 
6105
- [cds-layout*="gap@sm:xl"] {
6392
+ [cds-layout*="gap@sm:lg"] {
6106
6393
  gap: var(--δ6);
6107
6394
  }
6108
6395
 
6109
- [cds-layout*="gap@sm:xxl"] {
6396
+ [cds-layout*="gap@sm:xl"] {
6110
6397
  gap: var(--δ7);
6111
6398
  }
6112
6399
 
6400
+ [cds-layout*="gap@sm:xxl"] {
6401
+ gap: var(--δ8);
6402
+ }
6403
+
6404
+ [cds-layout*="gap@sm:xxxl"] {
6405
+ gap: var(--δ9);
6406
+ }
6407
+
6113
6408
  [cds-layout~="p@sm:none"] {
6114
6409
  padding: 0 !important;
6115
6410
  }
@@ -6118,62 +6413,78 @@ html[cds-focus-trap] {
6118
6413
  margin: 0 !important;
6119
6414
  }
6120
6415
 
6121
- [cds-layout~="p@sm:xxs"] {
6416
+ [cds-layout~="p@sm:xxxs"] {
6122
6417
  padding: var(--δ1) !important;
6123
6418
  }
6124
6419
 
6125
- [cds-layout~="m@sm:xxs"] {
6420
+ [cds-layout~="m@sm:xxxs"] {
6126
6421
  margin: var(--δ1) !important;
6127
6422
  }
6128
6423
 
6129
- [cds-layout~="p@sm:xs"] {
6424
+ [cds-layout~="p@sm:xxs"] {
6130
6425
  padding: var(--δ2) !important;
6131
6426
  }
6132
6427
 
6133
- [cds-layout~="m@sm:xs"] {
6428
+ [cds-layout~="m@sm:xxs"] {
6134
6429
  margin: var(--δ2) !important;
6135
6430
  }
6136
6431
 
6137
- [cds-layout~="p@sm:sm"] {
6432
+ [cds-layout~="p@sm:xs"] {
6138
6433
  padding: var(--δ3) !important;
6139
6434
  }
6140
6435
 
6141
- [cds-layout~="m@sm:sm"] {
6436
+ [cds-layout~="m@sm:xs"] {
6142
6437
  margin: var(--δ3) !important;
6143
6438
  }
6144
6439
 
6145
- [cds-layout~="p@sm:md"] {
6440
+ [cds-layout~="p@sm:sm"] {
6146
6441
  padding: var(--δ4) !important;
6147
6442
  }
6148
6443
 
6149
- [cds-layout~="m@sm:md"] {
6444
+ [cds-layout~="m@sm:sm"] {
6150
6445
  margin: var(--δ4) !important;
6151
6446
  }
6152
6447
 
6153
- [cds-layout~="p@sm:lg"] {
6448
+ [cds-layout~="p@sm:md"] {
6154
6449
  padding: var(--δ5) !important;
6155
6450
  }
6156
6451
 
6157
- [cds-layout~="m@sm:lg"] {
6452
+ [cds-layout~="m@sm:md"] {
6158
6453
  margin: var(--δ5) !important;
6159
6454
  }
6160
6455
 
6161
- [cds-layout~="p@sm:xl"] {
6456
+ [cds-layout~="p@sm:lg"] {
6162
6457
  padding: var(--δ6) !important;
6163
6458
  }
6164
6459
 
6165
- [cds-layout~="m@sm:xl"] {
6460
+ [cds-layout~="m@sm:lg"] {
6166
6461
  margin: var(--δ6) !important;
6167
6462
  }
6168
6463
 
6169
- [cds-layout~="p@sm:xxl"] {
6464
+ [cds-layout~="p@sm:xl"] {
6170
6465
  padding: var(--δ7) !important;
6171
6466
  }
6172
6467
 
6173
- [cds-layout~="m@sm:xxl"] {
6468
+ [cds-layout~="m@sm:xl"] {
6174
6469
  margin: var(--δ7) !important;
6175
6470
  }
6176
6471
 
6472
+ [cds-layout~="p@sm:xxl"] {
6473
+ padding: var(--δ8) !important;
6474
+ }
6475
+
6476
+ [cds-layout~="m@sm:xxl"] {
6477
+ margin: var(--δ8) !important;
6478
+ }
6479
+
6480
+ [cds-layout~="p@sm:xxxl"] {
6481
+ padding: var(--δ9) !important;
6482
+ }
6483
+
6484
+ [cds-layout~="m@sm:xxxl"] {
6485
+ margin: var(--δ9) !important;
6486
+ }
6487
+
6177
6488
  [cds-layout~="p-x@sm:none"] {
6178
6489
  padding-left: 0 !important;
6179
6490
  padding-right: 0 !important;
@@ -6184,76 +6495,96 @@ html[cds-focus-trap] {
6184
6495
  padding-bottom: 0 !important;
6185
6496
  }
6186
6497
 
6187
- [cds-layout~="p-x@sm:xxs"] {
6498
+ [cds-layout~="p-x@sm:xxxs"] {
6188
6499
  padding-left: var(--δ1) !important;
6189
6500
  padding-right: var(--δ1) !important;
6190
6501
  }
6191
6502
 
6192
- [cds-layout~="p-y@sm:xxs"] {
6503
+ [cds-layout~="p-y@sm:xxxs"] {
6193
6504
  padding-top: var(--δ1) !important;
6194
6505
  padding-bottom: var(--δ1) !important;
6195
6506
  }
6196
6507
 
6197
- [cds-layout~="p-x@sm:xs"] {
6508
+ [cds-layout~="p-x@sm:xxs"] {
6198
6509
  padding-left: var(--δ2) !important;
6199
6510
  padding-right: var(--δ2) !important;
6200
6511
  }
6201
6512
 
6202
- [cds-layout~="p-y@sm:xs"] {
6513
+ [cds-layout~="p-y@sm:xxs"] {
6203
6514
  padding-top: var(--δ2) !important;
6204
6515
  padding-bottom: var(--δ2) !important;
6205
6516
  }
6206
6517
 
6207
- [cds-layout~="p-x@sm:sm"] {
6518
+ [cds-layout~="p-x@sm:xs"] {
6208
6519
  padding-left: var(--δ3) !important;
6209
6520
  padding-right: var(--δ3) !important;
6210
6521
  }
6211
6522
 
6212
- [cds-layout~="p-y@sm:sm"] {
6523
+ [cds-layout~="p-y@sm:xs"] {
6213
6524
  padding-top: var(--δ3) !important;
6214
6525
  padding-bottom: var(--δ3) !important;
6215
6526
  }
6216
6527
 
6217
- [cds-layout~="p-x@sm:md"] {
6528
+ [cds-layout~="p-x@sm:sm"] {
6218
6529
  padding-left: var(--δ4) !important;
6219
6530
  padding-right: var(--δ4) !important;
6220
6531
  }
6221
6532
 
6222
- [cds-layout~="p-y@sm:md"] {
6533
+ [cds-layout~="p-y@sm:sm"] {
6223
6534
  padding-top: var(--δ4) !important;
6224
6535
  padding-bottom: var(--δ4) !important;
6225
6536
  }
6226
6537
 
6227
- [cds-layout~="p-x@sm:lg"] {
6538
+ [cds-layout~="p-x@sm:md"] {
6228
6539
  padding-left: var(--δ5) !important;
6229
6540
  padding-right: var(--δ5) !important;
6230
6541
  }
6231
6542
 
6232
- [cds-layout~="p-y@sm:lg"] {
6543
+ [cds-layout~="p-y@sm:md"] {
6233
6544
  padding-top: var(--δ5) !important;
6234
6545
  padding-bottom: var(--δ5) !important;
6235
6546
  }
6236
6547
 
6237
- [cds-layout~="p-x@sm:xl"] {
6548
+ [cds-layout~="p-x@sm:lg"] {
6238
6549
  padding-left: var(--δ6) !important;
6239
6550
  padding-right: var(--δ6) !important;
6240
6551
  }
6241
6552
 
6242
- [cds-layout~="p-y@sm:xl"] {
6553
+ [cds-layout~="p-y@sm:lg"] {
6243
6554
  padding-top: var(--δ6) !important;
6244
6555
  padding-bottom: var(--δ6) !important;
6245
6556
  }
6246
6557
 
6247
- [cds-layout~="p-x@sm:xxl"] {
6558
+ [cds-layout~="p-x@sm:xl"] {
6248
6559
  padding-left: var(--δ7) !important;
6249
6560
  padding-right: var(--δ7) !important;
6250
6561
  }
6251
6562
 
6252
- [cds-layout~="p-y@sm:xxl"] {
6563
+ [cds-layout~="p-y@sm:xl"] {
6253
6564
  padding-top: var(--δ7) !important;
6254
6565
  padding-bottom: var(--δ7) !important;
6255
6566
  }
6256
6567
 
6568
+ [cds-layout~="p-x@sm:xxl"] {
6569
+ padding-left: var(--δ8) !important;
6570
+ padding-right: var(--δ8) !important;
6571
+ }
6572
+
6573
+ [cds-layout~="p-y@sm:xxl"] {
6574
+ padding-top: var(--δ8) !important;
6575
+ padding-bottom: var(--δ8) !important;
6576
+ }
6577
+
6578
+ [cds-layout~="p-x@sm:xxxl"] {
6579
+ padding-left: var(--δ9) !important;
6580
+ padding-right: var(--δ9) !important;
6581
+ }
6582
+
6583
+ [cds-layout~="p-y@sm:xxxl"] {
6584
+ padding-top: var(--δ9) !important;
6585
+ padding-bottom: var(--δ9) !important;
6586
+ }
6587
+
6257
6588
  [cds-layout~="m-x@sm:none"] {
6258
6589
  margin-left: 0 !important;
6259
6590
  margin-right: 0 !important;
@@ -6264,76 +6595,96 @@ html[cds-focus-trap] {
6264
6595
  margin-bottom: 0 !important;
6265
6596
  }
6266
6597
 
6267
- [cds-layout~="m-x@sm:xxs"] {
6598
+ [cds-layout~="m-x@sm:xxxs"] {
6268
6599
  margin-left: var(--δ1) !important;
6269
6600
  margin-right: var(--δ1) !important;
6270
6601
  }
6271
6602
 
6272
- [cds-layout~="m-y@sm:xxs"] {
6603
+ [cds-layout~="m-y@sm:xxxs"] {
6273
6604
  margin-top: var(--δ1) !important;
6274
6605
  margin-bottom: var(--δ1) !important;
6275
6606
  }
6276
6607
 
6277
- [cds-layout~="m-x@sm:xs"] {
6608
+ [cds-layout~="m-x@sm:xxs"] {
6278
6609
  margin-left: var(--δ2) !important;
6279
6610
  margin-right: var(--δ2) !important;
6280
6611
  }
6281
6612
 
6282
- [cds-layout~="m-y@sm:xs"] {
6613
+ [cds-layout~="m-y@sm:xxs"] {
6283
6614
  margin-top: var(--δ2) !important;
6284
6615
  margin-bottom: var(--δ2) !important;
6285
6616
  }
6286
6617
 
6287
- [cds-layout~="m-x@sm:sm"] {
6618
+ [cds-layout~="m-x@sm:xs"] {
6288
6619
  margin-left: var(--δ3) !important;
6289
6620
  margin-right: var(--δ3) !important;
6290
6621
  }
6291
6622
 
6292
- [cds-layout~="m-y@sm:sm"] {
6623
+ [cds-layout~="m-y@sm:xs"] {
6293
6624
  margin-top: var(--δ3) !important;
6294
6625
  margin-bottom: var(--δ3) !important;
6295
6626
  }
6296
6627
 
6297
- [cds-layout~="m-x@sm:md"] {
6628
+ [cds-layout~="m-x@sm:sm"] {
6298
6629
  margin-left: var(--δ4) !important;
6299
6630
  margin-right: var(--δ4) !important;
6300
6631
  }
6301
6632
 
6302
- [cds-layout~="m-y@sm:md"] {
6633
+ [cds-layout~="m-y@sm:sm"] {
6303
6634
  margin-top: var(--δ4) !important;
6304
6635
  margin-bottom: var(--δ4) !important;
6305
6636
  }
6306
6637
 
6307
- [cds-layout~="m-x@sm:lg"] {
6638
+ [cds-layout~="m-x@sm:md"] {
6308
6639
  margin-left: var(--δ5) !important;
6309
6640
  margin-right: var(--δ5) !important;
6310
6641
  }
6311
6642
 
6312
- [cds-layout~="m-y@sm:lg"] {
6643
+ [cds-layout~="m-y@sm:md"] {
6313
6644
  margin-top: var(--δ5) !important;
6314
6645
  margin-bottom: var(--δ5) !important;
6315
6646
  }
6316
6647
 
6317
- [cds-layout~="m-x@sm:xl"] {
6648
+ [cds-layout~="m-x@sm:lg"] {
6318
6649
  margin-left: var(--δ6) !important;
6319
6650
  margin-right: var(--δ6) !important;
6320
6651
  }
6321
6652
 
6322
- [cds-layout~="m-y@sm:xl"] {
6653
+ [cds-layout~="m-y@sm:lg"] {
6323
6654
  margin-top: var(--δ6) !important;
6324
6655
  margin-bottom: var(--δ6) !important;
6325
6656
  }
6326
6657
 
6327
- [cds-layout~="m-x@sm:xxl"] {
6658
+ [cds-layout~="m-x@sm:xl"] {
6328
6659
  margin-left: var(--δ7) !important;
6329
6660
  margin-right: var(--δ7) !important;
6330
6661
  }
6331
6662
 
6332
- [cds-layout~="m-y@sm:xxl"] {
6663
+ [cds-layout~="m-y@sm:xl"] {
6333
6664
  margin-top: var(--δ7) !important;
6334
6665
  margin-bottom: var(--δ7) !important;
6335
6666
  }
6336
6667
 
6668
+ [cds-layout~="m-x@sm:xxl"] {
6669
+ margin-left: var(--δ8) !important;
6670
+ margin-right: var(--δ8) !important;
6671
+ }
6672
+
6673
+ [cds-layout~="m-y@sm:xxl"] {
6674
+ margin-top: var(--δ8) !important;
6675
+ margin-bottom: var(--δ8) !important;
6676
+ }
6677
+
6678
+ [cds-layout~="m-x@sm:xxxl"] {
6679
+ margin-left: var(--δ9) !important;
6680
+ margin-right: var(--δ9) !important;
6681
+ }
6682
+
6683
+ [cds-layout~="m-y@sm:xxxl"] {
6684
+ margin-top: var(--δ9) !important;
6685
+ margin-bottom: var(--δ9) !important;
6686
+ }
6687
+
6337
6688
  [cds-layout~="p-t@sm:none"] {
6338
6689
  padding-top: 0 !important;
6339
6690
  }
@@ -6350,118 +6701,150 @@ html[cds-focus-trap] {
6350
6701
  padding-left: 0 !important;
6351
6702
  }
6352
6703
 
6353
- [cds-layout~="p-t@sm:xxs"] {
6704
+ [cds-layout~="p-t@sm:xxxs"] {
6354
6705
  padding-top: var(--δ1) !important;
6355
6706
  }
6356
6707
 
6357
- [cds-layout~="p-r@sm:xxs"] {
6708
+ [cds-layout~="p-r@sm:xxxs"] {
6358
6709
  padding-right: var(--δ1) !important;
6359
6710
  }
6360
6711
 
6361
- [cds-layout~="p-b@sm:xxs"] {
6712
+ [cds-layout~="p-b@sm:xxxs"] {
6362
6713
  padding-bottom: var(--δ1) !important;
6363
6714
  }
6364
6715
 
6365
- [cds-layout~="p-l@sm:xxs"] {
6716
+ [cds-layout~="p-l@sm:xxxs"] {
6366
6717
  padding-left: var(--δ1) !important;
6367
6718
  }
6368
6719
 
6369
- [cds-layout~="p-t@sm:xs"] {
6720
+ [cds-layout~="p-t@sm:xxs"] {
6370
6721
  padding-top: var(--δ2) !important;
6371
6722
  }
6372
6723
 
6373
- [cds-layout~="p-r@sm:xs"] {
6724
+ [cds-layout~="p-r@sm:xxs"] {
6374
6725
  padding-right: var(--δ2) !important;
6375
6726
  }
6376
6727
 
6377
- [cds-layout~="p-b@sm:xs"] {
6728
+ [cds-layout~="p-b@sm:xxs"] {
6378
6729
  padding-bottom: var(--δ2) !important;
6379
6730
  }
6380
6731
 
6381
- [cds-layout~="p-l@sm:xs"] {
6732
+ [cds-layout~="p-l@sm:xxs"] {
6382
6733
  padding-left: var(--δ2) !important;
6383
6734
  }
6384
6735
 
6385
- [cds-layout~="p-t@sm:sm"] {
6736
+ [cds-layout~="p-t@sm:xs"] {
6386
6737
  padding-top: var(--δ3) !important;
6387
6738
  }
6388
6739
 
6389
- [cds-layout~="p-r@sm:sm"] {
6740
+ [cds-layout~="p-r@sm:xs"] {
6390
6741
  padding-right: var(--δ3) !important;
6391
6742
  }
6392
6743
 
6393
- [cds-layout~="p-b@sm:sm"] {
6744
+ [cds-layout~="p-b@sm:xs"] {
6394
6745
  padding-bottom: var(--δ3) !important;
6395
6746
  }
6396
6747
 
6397
- [cds-layout~="p-l@sm:sm"] {
6748
+ [cds-layout~="p-l@sm:xs"] {
6398
6749
  padding-left: var(--δ3) !important;
6399
6750
  }
6400
6751
 
6401
- [cds-layout~="p-t@sm:md"] {
6752
+ [cds-layout~="p-t@sm:sm"] {
6402
6753
  padding-top: var(--δ4) !important;
6403
6754
  }
6404
6755
 
6405
- [cds-layout~="p-r@sm:md"] {
6756
+ [cds-layout~="p-r@sm:sm"] {
6406
6757
  padding-right: var(--δ4) !important;
6407
6758
  }
6408
6759
 
6409
- [cds-layout~="p-b@sm:md"] {
6760
+ [cds-layout~="p-b@sm:sm"] {
6410
6761
  padding-bottom: var(--δ4) !important;
6411
6762
  }
6412
6763
 
6413
- [cds-layout~="p-l@sm:md"] {
6764
+ [cds-layout~="p-l@sm:sm"] {
6414
6765
  padding-left: var(--δ4) !important;
6415
6766
  }
6416
6767
 
6417
- [cds-layout~="p-t@sm:lg"] {
6768
+ [cds-layout~="p-t@sm:md"] {
6418
6769
  padding-top: var(--δ5) !important;
6419
6770
  }
6420
6771
 
6421
- [cds-layout~="p-r@sm:lg"] {
6772
+ [cds-layout~="p-r@sm:md"] {
6422
6773
  padding-right: var(--δ5) !important;
6423
6774
  }
6424
6775
 
6425
- [cds-layout~="p-b@sm:lg"] {
6776
+ [cds-layout~="p-b@sm:md"] {
6426
6777
  padding-bottom: var(--δ5) !important;
6427
6778
  }
6428
6779
 
6429
- [cds-layout~="p-l@sm:lg"] {
6780
+ [cds-layout~="p-l@sm:md"] {
6430
6781
  padding-left: var(--δ5) !important;
6431
6782
  }
6432
6783
 
6433
- [cds-layout~="p-t@sm:xl"] {
6784
+ [cds-layout~="p-t@sm:lg"] {
6434
6785
  padding-top: var(--δ6) !important;
6435
6786
  }
6436
6787
 
6437
- [cds-layout~="p-r@sm:xl"] {
6788
+ [cds-layout~="p-r@sm:lg"] {
6438
6789
  padding-right: var(--δ6) !important;
6439
6790
  }
6440
6791
 
6441
- [cds-layout~="p-b@sm:xl"] {
6792
+ [cds-layout~="p-b@sm:lg"] {
6442
6793
  padding-bottom: var(--δ6) !important;
6443
6794
  }
6444
6795
 
6445
- [cds-layout~="p-l@sm:xl"] {
6796
+ [cds-layout~="p-l@sm:lg"] {
6446
6797
  padding-left: var(--δ6) !important;
6447
6798
  }
6448
6799
 
6449
- [cds-layout~="p-t@sm:xxl"] {
6800
+ [cds-layout~="p-t@sm:xl"] {
6450
6801
  padding-top: var(--δ7) !important;
6451
6802
  }
6452
6803
 
6453
- [cds-layout~="p-r@sm:xxl"] {
6804
+ [cds-layout~="p-r@sm:xl"] {
6454
6805
  padding-right: var(--δ7) !important;
6455
6806
  }
6456
6807
 
6457
- [cds-layout~="p-b@sm:xxl"] {
6808
+ [cds-layout~="p-b@sm:xl"] {
6458
6809
  padding-bottom: var(--δ7) !important;
6459
6810
  }
6460
6811
 
6461
- [cds-layout~="p-l@sm:xxl"] {
6812
+ [cds-layout~="p-l@sm:xl"] {
6462
6813
  padding-left: var(--δ7) !important;
6463
6814
  }
6464
6815
 
6816
+ [cds-layout~="p-t@sm:xxl"] {
6817
+ padding-top: var(--δ8) !important;
6818
+ }
6819
+
6820
+ [cds-layout~="p-r@sm:xxl"] {
6821
+ padding-right: var(--δ8) !important;
6822
+ }
6823
+
6824
+ [cds-layout~="p-b@sm:xxl"] {
6825
+ padding-bottom: var(--δ8) !important;
6826
+ }
6827
+
6828
+ [cds-layout~="p-l@sm:xxl"] {
6829
+ padding-left: var(--δ8) !important;
6830
+ }
6831
+
6832
+ [cds-layout~="p-t@sm:xxxl"] {
6833
+ padding-top: var(--δ9) !important;
6834
+ }
6835
+
6836
+ [cds-layout~="p-r@sm:xxxl"] {
6837
+ padding-right: var(--δ9) !important;
6838
+ }
6839
+
6840
+ [cds-layout~="p-b@sm:xxxl"] {
6841
+ padding-bottom: var(--δ9) !important;
6842
+ }
6843
+
6844
+ [cds-layout~="p-l@sm:xxxl"] {
6845
+ padding-left: var(--δ9) !important;
6846
+ }
6847
+
6465
6848
  [cds-layout~="m-t@sm:none"] {
6466
6849
  margin-top: 0 !important;
6467
6850
  }
@@ -6478,151 +6861,191 @@ html[cds-focus-trap] {
6478
6861
  margin-left: 0 !important;
6479
6862
  }
6480
6863
 
6481
- [cds-layout~="m-t@sm:xxs"] {
6864
+ [cds-layout~="m-t@sm:xxxs"] {
6482
6865
  margin-top: var(--δ1) !important;
6483
6866
  }
6484
6867
 
6485
- [cds-layout~="m-r@sm:xxs"] {
6868
+ [cds-layout~="m-r@sm:xxxs"] {
6486
6869
  margin-right: var(--δ1) !important;
6487
6870
  }
6488
6871
 
6489
- [cds-layout~="m-b@sm:xxs"] {
6872
+ [cds-layout~="m-b@sm:xxxs"] {
6490
6873
  margin-bottom: var(--δ1) !important;
6491
6874
  }
6492
6875
 
6493
- [cds-layout~="m-l@sm:xxs"] {
6876
+ [cds-layout~="m-l@sm:xxxs"] {
6494
6877
  margin-left: var(--δ1) !important;
6495
6878
  }
6496
6879
 
6497
- [cds-layout~="m-t@sm:xs"] {
6880
+ [cds-layout~="m-t@sm:xxs"] {
6498
6881
  margin-top: var(--δ2) !important;
6499
6882
  }
6500
6883
 
6501
- [cds-layout~="m-r@sm:xs"] {
6884
+ [cds-layout~="m-r@sm:xxs"] {
6502
6885
  margin-right: var(--δ2) !important;
6503
6886
  }
6504
6887
 
6505
- [cds-layout~="m-b@sm:xs"] {
6888
+ [cds-layout~="m-b@sm:xxs"] {
6506
6889
  margin-bottom: var(--δ2) !important;
6507
6890
  }
6508
6891
 
6509
- [cds-layout~="m-l@sm:xs"] {
6892
+ [cds-layout~="m-l@sm:xxs"] {
6510
6893
  margin-left: var(--δ2) !important;
6511
6894
  }
6512
6895
 
6513
- [cds-layout~="m-t@sm:sm"] {
6896
+ [cds-layout~="m-t@sm:xs"] {
6514
6897
  margin-top: var(--δ3) !important;
6515
6898
  }
6516
6899
 
6517
- [cds-layout~="m-r@sm:sm"] {
6900
+ [cds-layout~="m-r@sm:xs"] {
6518
6901
  margin-right: var(--δ3) !important;
6519
6902
  }
6520
6903
 
6521
- [cds-layout~="m-b@sm:sm"] {
6904
+ [cds-layout~="m-b@sm:xs"] {
6522
6905
  margin-bottom: var(--δ3) !important;
6523
6906
  }
6524
6907
 
6525
- [cds-layout~="m-l@sm:sm"] {
6908
+ [cds-layout~="m-l@sm:xs"] {
6526
6909
  margin-left: var(--δ3) !important;
6527
6910
  }
6528
6911
 
6529
- [cds-layout~="m-t@sm:md"] {
6912
+ [cds-layout~="m-t@sm:sm"] {
6530
6913
  margin-top: var(--δ4) !important;
6531
6914
  }
6532
6915
 
6533
- [cds-layout~="m-r@sm:md"] {
6916
+ [cds-layout~="m-r@sm:sm"] {
6534
6917
  margin-right: var(--δ4) !important;
6535
6918
  }
6536
6919
 
6537
- [cds-layout~="m-b@sm:md"] {
6920
+ [cds-layout~="m-b@sm:sm"] {
6538
6921
  margin-bottom: var(--δ4) !important;
6539
6922
  }
6540
6923
 
6541
- [cds-layout~="m-l@sm:md"] {
6924
+ [cds-layout~="m-l@sm:sm"] {
6542
6925
  margin-left: var(--δ4) !important;
6543
6926
  }
6544
6927
 
6545
- [cds-layout~="m-t@sm:lg"] {
6928
+ [cds-layout~="m-t@sm:md"] {
6546
6929
  margin-top: var(--δ5) !important;
6547
6930
  }
6548
6931
 
6549
- [cds-layout~="m-r@sm:lg"] {
6932
+ [cds-layout~="m-r@sm:md"] {
6550
6933
  margin-right: var(--δ5) !important;
6551
6934
  }
6552
6935
 
6553
- [cds-layout~="m-b@sm:lg"] {
6936
+ [cds-layout~="m-b@sm:md"] {
6554
6937
  margin-bottom: var(--δ5) !important;
6555
6938
  }
6556
6939
 
6557
- [cds-layout~="m-l@sm:lg"] {
6940
+ [cds-layout~="m-l@sm:md"] {
6558
6941
  margin-left: var(--δ5) !important;
6559
6942
  }
6560
6943
 
6561
- [cds-layout~="m-t@sm:xl"] {
6944
+ [cds-layout~="m-t@sm:lg"] {
6562
6945
  margin-top: var(--δ6) !important;
6563
6946
  }
6564
6947
 
6565
- [cds-layout~="m-r@sm:xl"] {
6948
+ [cds-layout~="m-r@sm:lg"] {
6566
6949
  margin-right: var(--δ6) !important;
6567
6950
  }
6568
6951
 
6569
- [cds-layout~="m-b@sm:xl"] {
6952
+ [cds-layout~="m-b@sm:lg"] {
6570
6953
  margin-bottom: var(--δ6) !important;
6571
6954
  }
6572
6955
 
6573
- [cds-layout~="m-l@sm:xl"] {
6956
+ [cds-layout~="m-l@sm:lg"] {
6574
6957
  margin-left: var(--δ6) !important;
6575
6958
  }
6576
6959
 
6577
- [cds-layout~="m-t@sm:xxl"] {
6960
+ [cds-layout~="m-t@sm:xl"] {
6578
6961
  margin-top: var(--δ7) !important;
6579
6962
  }
6580
6963
 
6581
- [cds-layout~="m-r@sm:xxl"] {
6964
+ [cds-layout~="m-r@sm:xl"] {
6582
6965
  margin-right: var(--δ7) !important;
6583
6966
  }
6584
6967
 
6585
- [cds-layout~="m-b@sm:xxl"] {
6968
+ [cds-layout~="m-b@sm:xl"] {
6586
6969
  margin-bottom: var(--δ7) !important;
6587
6970
  }
6588
6971
 
6589
- [cds-layout~="m-l@sm:xxl"] {
6972
+ [cds-layout~="m-l@sm:xl"] {
6590
6973
  margin-left: var(--δ7) !important;
6591
6974
  }
6975
+
6976
+ [cds-layout~="m-t@sm:xxl"] {
6977
+ margin-top: var(--δ8) !important;
6978
+ }
6979
+
6980
+ [cds-layout~="m-r@sm:xxl"] {
6981
+ margin-right: var(--δ8) !important;
6982
+ }
6983
+
6984
+ [cds-layout~="m-b@sm:xxl"] {
6985
+ margin-bottom: var(--δ8) !important;
6986
+ }
6987
+
6988
+ [cds-layout~="m-l@sm:xxl"] {
6989
+ margin-left: var(--δ8) !important;
6990
+ }
6991
+
6992
+ [cds-layout~="m-t@sm:xxxl"] {
6993
+ margin-top: var(--δ9) !important;
6994
+ }
6995
+
6996
+ [cds-layout~="m-r@sm:xxxl"] {
6997
+ margin-right: var(--δ9) !important;
6998
+ }
6999
+
7000
+ [cds-layout~="m-b@sm:xxxl"] {
7001
+ margin-bottom: var(--δ9) !important;
7002
+ }
7003
+
7004
+ [cds-layout~="m-l@sm:xxxl"] {
7005
+ margin-left: var(--δ9) !important;
7006
+ }
6592
7007
  }
6593
7008
  @media (min-width: 992px) {
6594
7009
  [cds-layout*="gap@md:none"] {
6595
7010
  gap: 0;
6596
7011
  }
6597
7012
 
6598
- [cds-layout*="gap@md:xxs"] {
7013
+ [cds-layout*="gap@md:xxxs"] {
6599
7014
  gap: var(--δ1);
6600
7015
  }
6601
7016
 
6602
- [cds-layout*="gap@md:xs"] {
7017
+ [cds-layout*="gap@md:xxs"] {
6603
7018
  gap: var(--δ2);
6604
7019
  }
6605
7020
 
6606
- [cds-layout*="gap@md:sm"] {
7021
+ [cds-layout*="gap@md:xs"] {
6607
7022
  gap: var(--δ3);
6608
7023
  }
6609
7024
 
6610
- [cds-layout*="gap@md:md"] {
7025
+ [cds-layout*="gap@md:sm"] {
6611
7026
  gap: var(--δ4);
6612
7027
  }
6613
7028
 
6614
- [cds-layout*="gap@md:lg"] {
7029
+ [cds-layout*="gap@md:md"] {
6615
7030
  gap: var(--δ5);
6616
7031
  }
6617
7032
 
6618
- [cds-layout*="gap@md:xl"] {
7033
+ [cds-layout*="gap@md:lg"] {
6619
7034
  gap: var(--δ6);
6620
7035
  }
6621
7036
 
6622
- [cds-layout*="gap@md:xxl"] {
7037
+ [cds-layout*="gap@md:xl"] {
6623
7038
  gap: var(--δ7);
6624
7039
  }
6625
7040
 
7041
+ [cds-layout*="gap@md:xxl"] {
7042
+ gap: var(--δ8);
7043
+ }
7044
+
7045
+ [cds-layout*="gap@md:xxxl"] {
7046
+ gap: var(--δ9);
7047
+ }
7048
+
6626
7049
  [cds-layout~="p@md:none"] {
6627
7050
  padding: 0 !important;
6628
7051
  }
@@ -6631,60 +7054,76 @@ html[cds-focus-trap] {
6631
7054
  margin: 0 !important;
6632
7055
  }
6633
7056
 
6634
- [cds-layout~="p@md:xxs"] {
7057
+ [cds-layout~="p@md:xxxs"] {
6635
7058
  padding: var(--δ1) !important;
6636
7059
  }
6637
7060
 
6638
- [cds-layout~="m@md:xxs"] {
7061
+ [cds-layout~="m@md:xxxs"] {
6639
7062
  margin: var(--δ1) !important;
6640
7063
  }
6641
7064
 
6642
- [cds-layout~="p@md:xs"] {
7065
+ [cds-layout~="p@md:xxs"] {
6643
7066
  padding: var(--δ2) !important;
6644
7067
  }
6645
7068
 
6646
- [cds-layout~="m@md:xs"] {
7069
+ [cds-layout~="m@md:xxs"] {
6647
7070
  margin: var(--δ2) !important;
6648
7071
  }
6649
7072
 
6650
- [cds-layout~="p@md:sm"] {
7073
+ [cds-layout~="p@md:xs"] {
6651
7074
  padding: var(--δ3) !important;
6652
7075
  }
6653
7076
 
6654
- [cds-layout~="m@md:sm"] {
7077
+ [cds-layout~="m@md:xs"] {
6655
7078
  margin: var(--δ3) !important;
6656
7079
  }
6657
7080
 
6658
- [cds-layout~="p@md:md"] {
7081
+ [cds-layout~="p@md:sm"] {
6659
7082
  padding: var(--δ4) !important;
6660
7083
  }
6661
7084
 
6662
- [cds-layout~="m@md:md"] {
7085
+ [cds-layout~="m@md:sm"] {
6663
7086
  margin: var(--δ4) !important;
6664
7087
  }
6665
7088
 
6666
- [cds-layout~="p@md:lg"] {
7089
+ [cds-layout~="p@md:md"] {
6667
7090
  padding: var(--δ5) !important;
6668
7091
  }
6669
7092
 
7093
+ [cds-layout~="m@md:md"] {
7094
+ margin: var(--δ5) !important;
7095
+ }
7096
+
7097
+ [cds-layout~="p@md:lg"] {
7098
+ padding: var(--δ6) !important;
7099
+ }
7100
+
6670
7101
  [cds-layout~="m@md:lg"] {
6671
- margin: var(--δ5) !important;
7102
+ margin: var(--δ6) !important;
6672
7103
  }
6673
7104
 
6674
7105
  [cds-layout~="p@md:xl"] {
6675
- padding: var(--δ6) !important;
7106
+ padding: var(--δ7) !important;
6676
7107
  }
6677
7108
 
6678
7109
  [cds-layout~="m@md:xl"] {
6679
- margin: var(--δ6) !important;
7110
+ margin: var(--δ7) !important;
6680
7111
  }
6681
7112
 
6682
7113
  [cds-layout~="p@md:xxl"] {
6683
- padding: var(--δ7) !important;
7114
+ padding: var(--δ8) !important;
6684
7115
  }
6685
7116
 
6686
7117
  [cds-layout~="m@md:xxl"] {
6687
- margin: var(--δ7) !important;
7118
+ margin: var(--δ8) !important;
7119
+ }
7120
+
7121
+ [cds-layout~="p@md:xxxl"] {
7122
+ padding: var(--δ9) !important;
7123
+ }
7124
+
7125
+ [cds-layout~="m@md:xxxl"] {
7126
+ margin: var(--δ9) !important;
6688
7127
  }
6689
7128
 
6690
7129
  [cds-layout~="p-x@md:none"] {
@@ -6697,76 +7136,96 @@ html[cds-focus-trap] {
6697
7136
  padding-bottom: 0 !important;
6698
7137
  }
6699
7138
 
6700
- [cds-layout~="p-x@md:xxs"] {
7139
+ [cds-layout~="p-x@md:xxxs"] {
6701
7140
  padding-left: var(--δ1) !important;
6702
7141
  padding-right: var(--δ1) !important;
6703
7142
  }
6704
7143
 
6705
- [cds-layout~="p-y@md:xxs"] {
7144
+ [cds-layout~="p-y@md:xxxs"] {
6706
7145
  padding-top: var(--δ1) !important;
6707
7146
  padding-bottom: var(--δ1) !important;
6708
7147
  }
6709
7148
 
6710
- [cds-layout~="p-x@md:xs"] {
7149
+ [cds-layout~="p-x@md:xxs"] {
6711
7150
  padding-left: var(--δ2) !important;
6712
7151
  padding-right: var(--δ2) !important;
6713
7152
  }
6714
7153
 
6715
- [cds-layout~="p-y@md:xs"] {
7154
+ [cds-layout~="p-y@md:xxs"] {
6716
7155
  padding-top: var(--δ2) !important;
6717
7156
  padding-bottom: var(--δ2) !important;
6718
7157
  }
6719
7158
 
6720
- [cds-layout~="p-x@md:sm"] {
7159
+ [cds-layout~="p-x@md:xs"] {
6721
7160
  padding-left: var(--δ3) !important;
6722
7161
  padding-right: var(--δ3) !important;
6723
7162
  }
6724
7163
 
6725
- [cds-layout~="p-y@md:sm"] {
7164
+ [cds-layout~="p-y@md:xs"] {
6726
7165
  padding-top: var(--δ3) !important;
6727
7166
  padding-bottom: var(--δ3) !important;
6728
7167
  }
6729
7168
 
6730
- [cds-layout~="p-x@md:md"] {
7169
+ [cds-layout~="p-x@md:sm"] {
6731
7170
  padding-left: var(--δ4) !important;
6732
7171
  padding-right: var(--δ4) !important;
6733
7172
  }
6734
7173
 
6735
- [cds-layout~="p-y@md:md"] {
7174
+ [cds-layout~="p-y@md:sm"] {
6736
7175
  padding-top: var(--δ4) !important;
6737
7176
  padding-bottom: var(--δ4) !important;
6738
7177
  }
6739
7178
 
6740
- [cds-layout~="p-x@md:lg"] {
7179
+ [cds-layout~="p-x@md:md"] {
6741
7180
  padding-left: var(--δ5) !important;
6742
7181
  padding-right: var(--δ5) !important;
6743
7182
  }
6744
7183
 
6745
- [cds-layout~="p-y@md:lg"] {
7184
+ [cds-layout~="p-y@md:md"] {
6746
7185
  padding-top: var(--δ5) !important;
6747
7186
  padding-bottom: var(--δ5) !important;
6748
7187
  }
6749
7188
 
6750
- [cds-layout~="p-x@md:xl"] {
7189
+ [cds-layout~="p-x@md:lg"] {
6751
7190
  padding-left: var(--δ6) !important;
6752
7191
  padding-right: var(--δ6) !important;
6753
7192
  }
6754
7193
 
6755
- [cds-layout~="p-y@md:xl"] {
7194
+ [cds-layout~="p-y@md:lg"] {
6756
7195
  padding-top: var(--δ6) !important;
6757
7196
  padding-bottom: var(--δ6) !important;
6758
7197
  }
6759
7198
 
6760
- [cds-layout~="p-x@md:xxl"] {
7199
+ [cds-layout~="p-x@md:xl"] {
6761
7200
  padding-left: var(--δ7) !important;
6762
7201
  padding-right: var(--δ7) !important;
6763
7202
  }
6764
7203
 
6765
- [cds-layout~="p-y@md:xxl"] {
7204
+ [cds-layout~="p-y@md:xl"] {
6766
7205
  padding-top: var(--δ7) !important;
6767
7206
  padding-bottom: var(--δ7) !important;
6768
7207
  }
6769
7208
 
7209
+ [cds-layout~="p-x@md:xxl"] {
7210
+ padding-left: var(--δ8) !important;
7211
+ padding-right: var(--δ8) !important;
7212
+ }
7213
+
7214
+ [cds-layout~="p-y@md:xxl"] {
7215
+ padding-top: var(--δ8) !important;
7216
+ padding-bottom: var(--δ8) !important;
7217
+ }
7218
+
7219
+ [cds-layout~="p-x@md:xxxl"] {
7220
+ padding-left: var(--δ9) !important;
7221
+ padding-right: var(--δ9) !important;
7222
+ }
7223
+
7224
+ [cds-layout~="p-y@md:xxxl"] {
7225
+ padding-top: var(--δ9) !important;
7226
+ padding-bottom: var(--δ9) !important;
7227
+ }
7228
+
6770
7229
  [cds-layout~="m-x@md:none"] {
6771
7230
  margin-left: 0 !important;
6772
7231
  margin-right: 0 !important;
@@ -6777,76 +7236,96 @@ html[cds-focus-trap] {
6777
7236
  margin-bottom: 0 !important;
6778
7237
  }
6779
7238
 
6780
- [cds-layout~="m-x@md:xxs"] {
7239
+ [cds-layout~="m-x@md:xxxs"] {
6781
7240
  margin-left: var(--δ1) !important;
6782
7241
  margin-right: var(--δ1) !important;
6783
7242
  }
6784
7243
 
6785
- [cds-layout~="m-y@md:xxs"] {
7244
+ [cds-layout~="m-y@md:xxxs"] {
6786
7245
  margin-top: var(--δ1) !important;
6787
7246
  margin-bottom: var(--δ1) !important;
6788
7247
  }
6789
7248
 
6790
- [cds-layout~="m-x@md:xs"] {
7249
+ [cds-layout~="m-x@md:xxs"] {
6791
7250
  margin-left: var(--δ2) !important;
6792
7251
  margin-right: var(--δ2) !important;
6793
7252
  }
6794
7253
 
6795
- [cds-layout~="m-y@md:xs"] {
7254
+ [cds-layout~="m-y@md:xxs"] {
6796
7255
  margin-top: var(--δ2) !important;
6797
7256
  margin-bottom: var(--δ2) !important;
6798
7257
  }
6799
7258
 
6800
- [cds-layout~="m-x@md:sm"] {
7259
+ [cds-layout~="m-x@md:xs"] {
6801
7260
  margin-left: var(--δ3) !important;
6802
7261
  margin-right: var(--δ3) !important;
6803
7262
  }
6804
7263
 
6805
- [cds-layout~="m-y@md:sm"] {
7264
+ [cds-layout~="m-y@md:xs"] {
6806
7265
  margin-top: var(--δ3) !important;
6807
7266
  margin-bottom: var(--δ3) !important;
6808
7267
  }
6809
7268
 
6810
- [cds-layout~="m-x@md:md"] {
7269
+ [cds-layout~="m-x@md:sm"] {
6811
7270
  margin-left: var(--δ4) !important;
6812
7271
  margin-right: var(--δ4) !important;
6813
7272
  }
6814
7273
 
6815
- [cds-layout~="m-y@md:md"] {
7274
+ [cds-layout~="m-y@md:sm"] {
6816
7275
  margin-top: var(--δ4) !important;
6817
7276
  margin-bottom: var(--δ4) !important;
6818
7277
  }
6819
7278
 
6820
- [cds-layout~="m-x@md:lg"] {
7279
+ [cds-layout~="m-x@md:md"] {
6821
7280
  margin-left: var(--δ5) !important;
6822
7281
  margin-right: var(--δ5) !important;
6823
7282
  }
6824
7283
 
6825
- [cds-layout~="m-y@md:lg"] {
7284
+ [cds-layout~="m-y@md:md"] {
6826
7285
  margin-top: var(--δ5) !important;
6827
7286
  margin-bottom: var(--δ5) !important;
6828
7287
  }
6829
7288
 
6830
- [cds-layout~="m-x@md:xl"] {
7289
+ [cds-layout~="m-x@md:lg"] {
6831
7290
  margin-left: var(--δ6) !important;
6832
7291
  margin-right: var(--δ6) !important;
6833
7292
  }
6834
7293
 
6835
- [cds-layout~="m-y@md:xl"] {
7294
+ [cds-layout~="m-y@md:lg"] {
6836
7295
  margin-top: var(--δ6) !important;
6837
7296
  margin-bottom: var(--δ6) !important;
6838
7297
  }
6839
7298
 
6840
- [cds-layout~="m-x@md:xxl"] {
7299
+ [cds-layout~="m-x@md:xl"] {
6841
7300
  margin-left: var(--δ7) !important;
6842
7301
  margin-right: var(--δ7) !important;
6843
7302
  }
6844
7303
 
6845
- [cds-layout~="m-y@md:xxl"] {
7304
+ [cds-layout~="m-y@md:xl"] {
6846
7305
  margin-top: var(--δ7) !important;
6847
7306
  margin-bottom: var(--δ7) !important;
6848
7307
  }
6849
7308
 
7309
+ [cds-layout~="m-x@md:xxl"] {
7310
+ margin-left: var(--δ8) !important;
7311
+ margin-right: var(--δ8) !important;
7312
+ }
7313
+
7314
+ [cds-layout~="m-y@md:xxl"] {
7315
+ margin-top: var(--δ8) !important;
7316
+ margin-bottom: var(--δ8) !important;
7317
+ }
7318
+
7319
+ [cds-layout~="m-x@md:xxxl"] {
7320
+ margin-left: var(--δ9) !important;
7321
+ margin-right: var(--δ9) !important;
7322
+ }
7323
+
7324
+ [cds-layout~="m-y@md:xxxl"] {
7325
+ margin-top: var(--δ9) !important;
7326
+ margin-bottom: var(--δ9) !important;
7327
+ }
7328
+
6850
7329
  [cds-layout~="p-t@md:none"] {
6851
7330
  padding-top: 0 !important;
6852
7331
  }
@@ -6863,118 +7342,150 @@ html[cds-focus-trap] {
6863
7342
  padding-left: 0 !important;
6864
7343
  }
6865
7344
 
6866
- [cds-layout~="p-t@md:xxs"] {
7345
+ [cds-layout~="p-t@md:xxxs"] {
6867
7346
  padding-top: var(--δ1) !important;
6868
7347
  }
6869
7348
 
6870
- [cds-layout~="p-r@md:xxs"] {
7349
+ [cds-layout~="p-r@md:xxxs"] {
6871
7350
  padding-right: var(--δ1) !important;
6872
7351
  }
6873
7352
 
6874
- [cds-layout~="p-b@md:xxs"] {
7353
+ [cds-layout~="p-b@md:xxxs"] {
6875
7354
  padding-bottom: var(--δ1) !important;
6876
7355
  }
6877
7356
 
6878
- [cds-layout~="p-l@md:xxs"] {
7357
+ [cds-layout~="p-l@md:xxxs"] {
6879
7358
  padding-left: var(--δ1) !important;
6880
7359
  }
6881
7360
 
6882
- [cds-layout~="p-t@md:xs"] {
7361
+ [cds-layout~="p-t@md:xxs"] {
6883
7362
  padding-top: var(--δ2) !important;
6884
7363
  }
6885
7364
 
6886
- [cds-layout~="p-r@md:xs"] {
7365
+ [cds-layout~="p-r@md:xxs"] {
6887
7366
  padding-right: var(--δ2) !important;
6888
7367
  }
6889
7368
 
6890
- [cds-layout~="p-b@md:xs"] {
7369
+ [cds-layout~="p-b@md:xxs"] {
6891
7370
  padding-bottom: var(--δ2) !important;
6892
7371
  }
6893
7372
 
6894
- [cds-layout~="p-l@md:xs"] {
7373
+ [cds-layout~="p-l@md:xxs"] {
6895
7374
  padding-left: var(--δ2) !important;
6896
7375
  }
6897
7376
 
6898
- [cds-layout~="p-t@md:sm"] {
7377
+ [cds-layout~="p-t@md:xs"] {
6899
7378
  padding-top: var(--δ3) !important;
6900
7379
  }
6901
7380
 
6902
- [cds-layout~="p-r@md:sm"] {
7381
+ [cds-layout~="p-r@md:xs"] {
6903
7382
  padding-right: var(--δ3) !important;
6904
7383
  }
6905
7384
 
6906
- [cds-layout~="p-b@md:sm"] {
7385
+ [cds-layout~="p-b@md:xs"] {
6907
7386
  padding-bottom: var(--δ3) !important;
6908
7387
  }
6909
7388
 
6910
- [cds-layout~="p-l@md:sm"] {
7389
+ [cds-layout~="p-l@md:xs"] {
6911
7390
  padding-left: var(--δ3) !important;
6912
7391
  }
6913
7392
 
6914
- [cds-layout~="p-t@md:md"] {
7393
+ [cds-layout~="p-t@md:sm"] {
6915
7394
  padding-top: var(--δ4) !important;
6916
7395
  }
6917
7396
 
6918
- [cds-layout~="p-r@md:md"] {
7397
+ [cds-layout~="p-r@md:sm"] {
6919
7398
  padding-right: var(--δ4) !important;
6920
7399
  }
6921
7400
 
6922
- [cds-layout~="p-b@md:md"] {
7401
+ [cds-layout~="p-b@md:sm"] {
6923
7402
  padding-bottom: var(--δ4) !important;
6924
7403
  }
6925
7404
 
6926
- [cds-layout~="p-l@md:md"] {
7405
+ [cds-layout~="p-l@md:sm"] {
6927
7406
  padding-left: var(--δ4) !important;
6928
7407
  }
6929
7408
 
6930
- [cds-layout~="p-t@md:lg"] {
7409
+ [cds-layout~="p-t@md:md"] {
6931
7410
  padding-top: var(--δ5) !important;
6932
7411
  }
6933
7412
 
6934
- [cds-layout~="p-r@md:lg"] {
7413
+ [cds-layout~="p-r@md:md"] {
6935
7414
  padding-right: var(--δ5) !important;
6936
7415
  }
6937
7416
 
6938
- [cds-layout~="p-b@md:lg"] {
7417
+ [cds-layout~="p-b@md:md"] {
6939
7418
  padding-bottom: var(--δ5) !important;
6940
7419
  }
6941
7420
 
6942
- [cds-layout~="p-l@md:lg"] {
7421
+ [cds-layout~="p-l@md:md"] {
6943
7422
  padding-left: var(--δ5) !important;
6944
7423
  }
6945
7424
 
6946
- [cds-layout~="p-t@md:xl"] {
7425
+ [cds-layout~="p-t@md:lg"] {
6947
7426
  padding-top: var(--δ6) !important;
6948
7427
  }
6949
7428
 
6950
- [cds-layout~="p-r@md:xl"] {
7429
+ [cds-layout~="p-r@md:lg"] {
6951
7430
  padding-right: var(--δ6) !important;
6952
7431
  }
6953
7432
 
6954
- [cds-layout~="p-b@md:xl"] {
7433
+ [cds-layout~="p-b@md:lg"] {
6955
7434
  padding-bottom: var(--δ6) !important;
6956
7435
  }
6957
7436
 
6958
- [cds-layout~="p-l@md:xl"] {
7437
+ [cds-layout~="p-l@md:lg"] {
6959
7438
  padding-left: var(--δ6) !important;
6960
7439
  }
6961
7440
 
6962
- [cds-layout~="p-t@md:xxl"] {
7441
+ [cds-layout~="p-t@md:xl"] {
6963
7442
  padding-top: var(--δ7) !important;
6964
7443
  }
6965
7444
 
6966
- [cds-layout~="p-r@md:xxl"] {
7445
+ [cds-layout~="p-r@md:xl"] {
6967
7446
  padding-right: var(--δ7) !important;
6968
7447
  }
6969
7448
 
6970
- [cds-layout~="p-b@md:xxl"] {
7449
+ [cds-layout~="p-b@md:xl"] {
6971
7450
  padding-bottom: var(--δ7) !important;
6972
7451
  }
6973
7452
 
6974
- [cds-layout~="p-l@md:xxl"] {
7453
+ [cds-layout~="p-l@md:xl"] {
6975
7454
  padding-left: var(--δ7) !important;
6976
7455
  }
6977
7456
 
7457
+ [cds-layout~="p-t@md:xxl"] {
7458
+ padding-top: var(--δ8) !important;
7459
+ }
7460
+
7461
+ [cds-layout~="p-r@md:xxl"] {
7462
+ padding-right: var(--δ8) !important;
7463
+ }
7464
+
7465
+ [cds-layout~="p-b@md:xxl"] {
7466
+ padding-bottom: var(--δ8) !important;
7467
+ }
7468
+
7469
+ [cds-layout~="p-l@md:xxl"] {
7470
+ padding-left: var(--δ8) !important;
7471
+ }
7472
+
7473
+ [cds-layout~="p-t@md:xxxl"] {
7474
+ padding-top: var(--δ9) !important;
7475
+ }
7476
+
7477
+ [cds-layout~="p-r@md:xxxl"] {
7478
+ padding-right: var(--δ9) !important;
7479
+ }
7480
+
7481
+ [cds-layout~="p-b@md:xxxl"] {
7482
+ padding-bottom: var(--δ9) !important;
7483
+ }
7484
+
7485
+ [cds-layout~="p-l@md:xxxl"] {
7486
+ padding-left: var(--δ9) !important;
7487
+ }
7488
+
6978
7489
  [cds-layout~="m-t@md:none"] {
6979
7490
  margin-top: 0 !important;
6980
7491
  }
@@ -6991,151 +7502,191 @@ html[cds-focus-trap] {
6991
7502
  margin-left: 0 !important;
6992
7503
  }
6993
7504
 
6994
- [cds-layout~="m-t@md:xxs"] {
7505
+ [cds-layout~="m-t@md:xxxs"] {
6995
7506
  margin-top: var(--δ1) !important;
6996
7507
  }
6997
7508
 
6998
- [cds-layout~="m-r@md:xxs"] {
7509
+ [cds-layout~="m-r@md:xxxs"] {
6999
7510
  margin-right: var(--δ1) !important;
7000
7511
  }
7001
7512
 
7002
- [cds-layout~="m-b@md:xxs"] {
7513
+ [cds-layout~="m-b@md:xxxs"] {
7003
7514
  margin-bottom: var(--δ1) !important;
7004
7515
  }
7005
7516
 
7006
- [cds-layout~="m-l@md:xxs"] {
7517
+ [cds-layout~="m-l@md:xxxs"] {
7007
7518
  margin-left: var(--δ1) !important;
7008
7519
  }
7009
7520
 
7010
- [cds-layout~="m-t@md:xs"] {
7521
+ [cds-layout~="m-t@md:xxs"] {
7011
7522
  margin-top: var(--δ2) !important;
7012
7523
  }
7013
7524
 
7014
- [cds-layout~="m-r@md:xs"] {
7525
+ [cds-layout~="m-r@md:xxs"] {
7015
7526
  margin-right: var(--δ2) !important;
7016
7527
  }
7017
7528
 
7018
- [cds-layout~="m-b@md:xs"] {
7529
+ [cds-layout~="m-b@md:xxs"] {
7019
7530
  margin-bottom: var(--δ2) !important;
7020
7531
  }
7021
7532
 
7022
- [cds-layout~="m-l@md:xs"] {
7533
+ [cds-layout~="m-l@md:xxs"] {
7023
7534
  margin-left: var(--δ2) !important;
7024
7535
  }
7025
7536
 
7026
- [cds-layout~="m-t@md:sm"] {
7537
+ [cds-layout~="m-t@md:xs"] {
7027
7538
  margin-top: var(--δ3) !important;
7028
7539
  }
7029
7540
 
7030
- [cds-layout~="m-r@md:sm"] {
7541
+ [cds-layout~="m-r@md:xs"] {
7031
7542
  margin-right: var(--δ3) !important;
7032
7543
  }
7033
7544
 
7034
- [cds-layout~="m-b@md:sm"] {
7545
+ [cds-layout~="m-b@md:xs"] {
7035
7546
  margin-bottom: var(--δ3) !important;
7036
7547
  }
7037
7548
 
7038
- [cds-layout~="m-l@md:sm"] {
7549
+ [cds-layout~="m-l@md:xs"] {
7039
7550
  margin-left: var(--δ3) !important;
7040
7551
  }
7041
7552
 
7042
- [cds-layout~="m-t@md:md"] {
7553
+ [cds-layout~="m-t@md:sm"] {
7043
7554
  margin-top: var(--δ4) !important;
7044
7555
  }
7045
7556
 
7046
- [cds-layout~="m-r@md:md"] {
7557
+ [cds-layout~="m-r@md:sm"] {
7047
7558
  margin-right: var(--δ4) !important;
7048
7559
  }
7049
7560
 
7050
- [cds-layout~="m-b@md:md"] {
7561
+ [cds-layout~="m-b@md:sm"] {
7051
7562
  margin-bottom: var(--δ4) !important;
7052
7563
  }
7053
7564
 
7054
- [cds-layout~="m-l@md:md"] {
7565
+ [cds-layout~="m-l@md:sm"] {
7055
7566
  margin-left: var(--δ4) !important;
7056
7567
  }
7057
7568
 
7058
- [cds-layout~="m-t@md:lg"] {
7569
+ [cds-layout~="m-t@md:md"] {
7059
7570
  margin-top: var(--δ5) !important;
7060
7571
  }
7061
7572
 
7062
- [cds-layout~="m-r@md:lg"] {
7573
+ [cds-layout~="m-r@md:md"] {
7063
7574
  margin-right: var(--δ5) !important;
7064
7575
  }
7065
7576
 
7066
- [cds-layout~="m-b@md:lg"] {
7577
+ [cds-layout~="m-b@md:md"] {
7067
7578
  margin-bottom: var(--δ5) !important;
7068
7579
  }
7069
7580
 
7070
- [cds-layout~="m-l@md:lg"] {
7581
+ [cds-layout~="m-l@md:md"] {
7071
7582
  margin-left: var(--δ5) !important;
7072
7583
  }
7073
7584
 
7074
- [cds-layout~="m-t@md:xl"] {
7585
+ [cds-layout~="m-t@md:lg"] {
7075
7586
  margin-top: var(--δ6) !important;
7076
7587
  }
7077
7588
 
7078
- [cds-layout~="m-r@md:xl"] {
7589
+ [cds-layout~="m-r@md:lg"] {
7079
7590
  margin-right: var(--δ6) !important;
7080
7591
  }
7081
7592
 
7082
- [cds-layout~="m-b@md:xl"] {
7593
+ [cds-layout~="m-b@md:lg"] {
7083
7594
  margin-bottom: var(--δ6) !important;
7084
7595
  }
7085
7596
 
7086
- [cds-layout~="m-l@md:xl"] {
7597
+ [cds-layout~="m-l@md:lg"] {
7087
7598
  margin-left: var(--δ6) !important;
7088
7599
  }
7089
7600
 
7090
- [cds-layout~="m-t@md:xxl"] {
7601
+ [cds-layout~="m-t@md:xl"] {
7091
7602
  margin-top: var(--δ7) !important;
7092
7603
  }
7093
7604
 
7094
- [cds-layout~="m-r@md:xxl"] {
7605
+ [cds-layout~="m-r@md:xl"] {
7095
7606
  margin-right: var(--δ7) !important;
7096
7607
  }
7097
7608
 
7098
- [cds-layout~="m-b@md:xxl"] {
7609
+ [cds-layout~="m-b@md:xl"] {
7099
7610
  margin-bottom: var(--δ7) !important;
7100
7611
  }
7101
7612
 
7102
- [cds-layout~="m-l@md:xxl"] {
7613
+ [cds-layout~="m-l@md:xl"] {
7103
7614
  margin-left: var(--δ7) !important;
7104
7615
  }
7616
+
7617
+ [cds-layout~="m-t@md:xxl"] {
7618
+ margin-top: var(--δ8) !important;
7619
+ }
7620
+
7621
+ [cds-layout~="m-r@md:xxl"] {
7622
+ margin-right: var(--δ8) !important;
7623
+ }
7624
+
7625
+ [cds-layout~="m-b@md:xxl"] {
7626
+ margin-bottom: var(--δ8) !important;
7627
+ }
7628
+
7629
+ [cds-layout~="m-l@md:xxl"] {
7630
+ margin-left: var(--δ8) !important;
7631
+ }
7632
+
7633
+ [cds-layout~="m-t@md:xxxl"] {
7634
+ margin-top: var(--δ9) !important;
7635
+ }
7636
+
7637
+ [cds-layout~="m-r@md:xxxl"] {
7638
+ margin-right: var(--δ9) !important;
7639
+ }
7640
+
7641
+ [cds-layout~="m-b@md:xxxl"] {
7642
+ margin-bottom: var(--δ9) !important;
7643
+ }
7644
+
7645
+ [cds-layout~="m-l@md:xxxl"] {
7646
+ margin-left: var(--δ9) !important;
7647
+ }
7105
7648
  }
7106
7649
  @media (min-width: 1200px) {
7107
7650
  [cds-layout*="gap@lg:none"] {
7108
7651
  gap: 0;
7109
7652
  }
7110
7653
 
7111
- [cds-layout*="gap@lg:xxs"] {
7654
+ [cds-layout*="gap@lg:xxxs"] {
7112
7655
  gap: var(--δ1);
7113
7656
  }
7114
7657
 
7115
- [cds-layout*="gap@lg:xs"] {
7658
+ [cds-layout*="gap@lg:xxs"] {
7116
7659
  gap: var(--δ2);
7117
7660
  }
7118
7661
 
7119
- [cds-layout*="gap@lg:sm"] {
7662
+ [cds-layout*="gap@lg:xs"] {
7120
7663
  gap: var(--δ3);
7121
7664
  }
7122
7665
 
7123
- [cds-layout*="gap@lg:md"] {
7666
+ [cds-layout*="gap@lg:sm"] {
7124
7667
  gap: var(--δ4);
7125
7668
  }
7126
7669
 
7127
- [cds-layout*="gap@lg:lg"] {
7670
+ [cds-layout*="gap@lg:md"] {
7128
7671
  gap: var(--δ5);
7129
7672
  }
7130
7673
 
7131
- [cds-layout*="gap@lg:xl"] {
7674
+ [cds-layout*="gap@lg:lg"] {
7132
7675
  gap: var(--δ6);
7133
7676
  }
7134
7677
 
7135
- [cds-layout*="gap@lg:xxl"] {
7678
+ [cds-layout*="gap@lg:xl"] {
7136
7679
  gap: var(--δ7);
7137
7680
  }
7138
7681
 
7682
+ [cds-layout*="gap@lg:xxl"] {
7683
+ gap: var(--δ8);
7684
+ }
7685
+
7686
+ [cds-layout*="gap@lg:xxxl"] {
7687
+ gap: var(--δ9);
7688
+ }
7689
+
7139
7690
  [cds-layout~="p@lg:none"] {
7140
7691
  padding: 0 !important;
7141
7692
  }
@@ -7144,60 +7695,76 @@ html[cds-focus-trap] {
7144
7695
  margin: 0 !important;
7145
7696
  }
7146
7697
 
7147
- [cds-layout~="p@lg:xxs"] {
7698
+ [cds-layout~="p@lg:xxxs"] {
7148
7699
  padding: var(--δ1) !important;
7149
7700
  }
7150
7701
 
7151
- [cds-layout~="m@lg:xxs"] {
7702
+ [cds-layout~="m@lg:xxxs"] {
7152
7703
  margin: var(--δ1) !important;
7153
7704
  }
7154
7705
 
7706
+ [cds-layout~="p@lg:xxs"] {
7707
+ padding: var(--δ2) !important;
7708
+ }
7709
+
7710
+ [cds-layout~="m@lg:xxs"] {
7711
+ margin: var(--δ2) !important;
7712
+ }
7713
+
7155
7714
  [cds-layout~="p@lg:xs"] {
7156
- padding: var(--δ2) !important;
7715
+ padding: var(--δ3) !important;
7157
7716
  }
7158
7717
 
7159
7718
  [cds-layout~="m@lg:xs"] {
7160
- margin: var(--δ2) !important;
7719
+ margin: var(--δ3) !important;
7161
7720
  }
7162
7721
 
7163
7722
  [cds-layout~="p@lg:sm"] {
7164
- padding: var(--δ3) !important;
7723
+ padding: var(--δ4) !important;
7165
7724
  }
7166
7725
 
7167
7726
  [cds-layout~="m@lg:sm"] {
7168
- margin: var(--δ3) !important;
7727
+ margin: var(--δ4) !important;
7169
7728
  }
7170
7729
 
7171
7730
  [cds-layout~="p@lg:md"] {
7172
- padding: var(--δ4) !important;
7731
+ padding: var(--δ5) !important;
7173
7732
  }
7174
7733
 
7175
7734
  [cds-layout~="m@lg:md"] {
7176
- margin: var(--δ4) !important;
7735
+ margin: var(--δ5) !important;
7177
7736
  }
7178
7737
 
7179
7738
  [cds-layout~="p@lg:lg"] {
7180
- padding: var(--δ5) !important;
7739
+ padding: var(--δ6) !important;
7181
7740
  }
7182
7741
 
7183
7742
  [cds-layout~="m@lg:lg"] {
7184
- margin: var(--δ5) !important;
7743
+ margin: var(--δ6) !important;
7185
7744
  }
7186
7745
 
7187
7746
  [cds-layout~="p@lg:xl"] {
7188
- padding: var(--δ6) !important;
7747
+ padding: var(--δ7) !important;
7189
7748
  }
7190
7749
 
7191
7750
  [cds-layout~="m@lg:xl"] {
7192
- margin: var(--δ6) !important;
7751
+ margin: var(--δ7) !important;
7193
7752
  }
7194
7753
 
7195
7754
  [cds-layout~="p@lg:xxl"] {
7196
- padding: var(--δ7) !important;
7755
+ padding: var(--δ8) !important;
7197
7756
  }
7198
7757
 
7199
7758
  [cds-layout~="m@lg:xxl"] {
7200
- margin: var(--δ7) !important;
7759
+ margin: var(--δ8) !important;
7760
+ }
7761
+
7762
+ [cds-layout~="p@lg:xxxl"] {
7763
+ padding: var(--δ9) !important;
7764
+ }
7765
+
7766
+ [cds-layout~="m@lg:xxxl"] {
7767
+ margin: var(--δ9) !important;
7201
7768
  }
7202
7769
 
7203
7770
  [cds-layout~="p-x@lg:none"] {
@@ -7210,76 +7777,96 @@ html[cds-focus-trap] {
7210
7777
  padding-bottom: 0 !important;
7211
7778
  }
7212
7779
 
7213
- [cds-layout~="p-x@lg:xxs"] {
7780
+ [cds-layout~="p-x@lg:xxxs"] {
7214
7781
  padding-left: var(--δ1) !important;
7215
7782
  padding-right: var(--δ1) !important;
7216
7783
  }
7217
7784
 
7218
- [cds-layout~="p-y@lg:xxs"] {
7785
+ [cds-layout~="p-y@lg:xxxs"] {
7219
7786
  padding-top: var(--δ1) !important;
7220
7787
  padding-bottom: var(--δ1) !important;
7221
7788
  }
7222
7789
 
7223
- [cds-layout~="p-x@lg:xs"] {
7790
+ [cds-layout~="p-x@lg:xxs"] {
7224
7791
  padding-left: var(--δ2) !important;
7225
7792
  padding-right: var(--δ2) !important;
7226
7793
  }
7227
7794
 
7228
- [cds-layout~="p-y@lg:xs"] {
7795
+ [cds-layout~="p-y@lg:xxs"] {
7229
7796
  padding-top: var(--δ2) !important;
7230
7797
  padding-bottom: var(--δ2) !important;
7231
7798
  }
7232
7799
 
7233
- [cds-layout~="p-x@lg:sm"] {
7800
+ [cds-layout~="p-x@lg:xs"] {
7234
7801
  padding-left: var(--δ3) !important;
7235
7802
  padding-right: var(--δ3) !important;
7236
7803
  }
7237
7804
 
7238
- [cds-layout~="p-y@lg:sm"] {
7805
+ [cds-layout~="p-y@lg:xs"] {
7239
7806
  padding-top: var(--δ3) !important;
7240
7807
  padding-bottom: var(--δ3) !important;
7241
7808
  }
7242
7809
 
7243
- [cds-layout~="p-x@lg:md"] {
7810
+ [cds-layout~="p-x@lg:sm"] {
7244
7811
  padding-left: var(--δ4) !important;
7245
7812
  padding-right: var(--δ4) !important;
7246
7813
  }
7247
7814
 
7248
- [cds-layout~="p-y@lg:md"] {
7815
+ [cds-layout~="p-y@lg:sm"] {
7249
7816
  padding-top: var(--δ4) !important;
7250
7817
  padding-bottom: var(--δ4) !important;
7251
7818
  }
7252
7819
 
7253
- [cds-layout~="p-x@lg:lg"] {
7820
+ [cds-layout~="p-x@lg:md"] {
7254
7821
  padding-left: var(--δ5) !important;
7255
7822
  padding-right: var(--δ5) !important;
7256
7823
  }
7257
7824
 
7258
- [cds-layout~="p-y@lg:lg"] {
7825
+ [cds-layout~="p-y@lg:md"] {
7259
7826
  padding-top: var(--δ5) !important;
7260
7827
  padding-bottom: var(--δ5) !important;
7261
7828
  }
7262
7829
 
7263
- [cds-layout~="p-x@lg:xl"] {
7830
+ [cds-layout~="p-x@lg:lg"] {
7264
7831
  padding-left: var(--δ6) !important;
7265
7832
  padding-right: var(--δ6) !important;
7266
7833
  }
7267
7834
 
7268
- [cds-layout~="p-y@lg:xl"] {
7835
+ [cds-layout~="p-y@lg:lg"] {
7269
7836
  padding-top: var(--δ6) !important;
7270
7837
  padding-bottom: var(--δ6) !important;
7271
7838
  }
7272
7839
 
7273
- [cds-layout~="p-x@lg:xxl"] {
7840
+ [cds-layout~="p-x@lg:xl"] {
7274
7841
  padding-left: var(--δ7) !important;
7275
7842
  padding-right: var(--δ7) !important;
7276
7843
  }
7277
7844
 
7278
- [cds-layout~="p-y@lg:xxl"] {
7845
+ [cds-layout~="p-y@lg:xl"] {
7279
7846
  padding-top: var(--δ7) !important;
7280
7847
  padding-bottom: var(--δ7) !important;
7281
7848
  }
7282
7849
 
7850
+ [cds-layout~="p-x@lg:xxl"] {
7851
+ padding-left: var(--δ8) !important;
7852
+ padding-right: var(--δ8) !important;
7853
+ }
7854
+
7855
+ [cds-layout~="p-y@lg:xxl"] {
7856
+ padding-top: var(--δ8) !important;
7857
+ padding-bottom: var(--δ8) !important;
7858
+ }
7859
+
7860
+ [cds-layout~="p-x@lg:xxxl"] {
7861
+ padding-left: var(--δ9) !important;
7862
+ padding-right: var(--δ9) !important;
7863
+ }
7864
+
7865
+ [cds-layout~="p-y@lg:xxxl"] {
7866
+ padding-top: var(--δ9) !important;
7867
+ padding-bottom: var(--δ9) !important;
7868
+ }
7869
+
7283
7870
  [cds-layout~="m-x@lg:none"] {
7284
7871
  margin-left: 0 !important;
7285
7872
  margin-right: 0 !important;
@@ -7290,76 +7877,96 @@ html[cds-focus-trap] {
7290
7877
  margin-bottom: 0 !important;
7291
7878
  }
7292
7879
 
7293
- [cds-layout~="m-x@lg:xxs"] {
7880
+ [cds-layout~="m-x@lg:xxxs"] {
7294
7881
  margin-left: var(--δ1) !important;
7295
7882
  margin-right: var(--δ1) !important;
7296
7883
  }
7297
7884
 
7298
- [cds-layout~="m-y@lg:xxs"] {
7885
+ [cds-layout~="m-y@lg:xxxs"] {
7299
7886
  margin-top: var(--δ1) !important;
7300
7887
  margin-bottom: var(--δ1) !important;
7301
7888
  }
7302
7889
 
7303
- [cds-layout~="m-x@lg:xs"] {
7890
+ [cds-layout~="m-x@lg:xxs"] {
7304
7891
  margin-left: var(--δ2) !important;
7305
7892
  margin-right: var(--δ2) !important;
7306
7893
  }
7307
7894
 
7308
- [cds-layout~="m-y@lg:xs"] {
7895
+ [cds-layout~="m-y@lg:xxs"] {
7309
7896
  margin-top: var(--δ2) !important;
7310
7897
  margin-bottom: var(--δ2) !important;
7311
7898
  }
7312
7899
 
7313
- [cds-layout~="m-x@lg:sm"] {
7900
+ [cds-layout~="m-x@lg:xs"] {
7314
7901
  margin-left: var(--δ3) !important;
7315
7902
  margin-right: var(--δ3) !important;
7316
7903
  }
7317
7904
 
7318
- [cds-layout~="m-y@lg:sm"] {
7905
+ [cds-layout~="m-y@lg:xs"] {
7319
7906
  margin-top: var(--δ3) !important;
7320
7907
  margin-bottom: var(--δ3) !important;
7321
7908
  }
7322
7909
 
7323
- [cds-layout~="m-x@lg:md"] {
7910
+ [cds-layout~="m-x@lg:sm"] {
7324
7911
  margin-left: var(--δ4) !important;
7325
7912
  margin-right: var(--δ4) !important;
7326
7913
  }
7327
7914
 
7328
- [cds-layout~="m-y@lg:md"] {
7915
+ [cds-layout~="m-y@lg:sm"] {
7329
7916
  margin-top: var(--δ4) !important;
7330
7917
  margin-bottom: var(--δ4) !important;
7331
7918
  }
7332
7919
 
7333
- [cds-layout~="m-x@lg:lg"] {
7920
+ [cds-layout~="m-x@lg:md"] {
7334
7921
  margin-left: var(--δ5) !important;
7335
7922
  margin-right: var(--δ5) !important;
7336
7923
  }
7337
7924
 
7338
- [cds-layout~="m-y@lg:lg"] {
7925
+ [cds-layout~="m-y@lg:md"] {
7339
7926
  margin-top: var(--δ5) !important;
7340
7927
  margin-bottom: var(--δ5) !important;
7341
7928
  }
7342
7929
 
7343
- [cds-layout~="m-x@lg:xl"] {
7930
+ [cds-layout~="m-x@lg:lg"] {
7344
7931
  margin-left: var(--δ6) !important;
7345
7932
  margin-right: var(--δ6) !important;
7346
7933
  }
7347
7934
 
7348
- [cds-layout~="m-y@lg:xl"] {
7935
+ [cds-layout~="m-y@lg:lg"] {
7349
7936
  margin-top: var(--δ6) !important;
7350
7937
  margin-bottom: var(--δ6) !important;
7351
7938
  }
7352
7939
 
7353
- [cds-layout~="m-x@lg:xxl"] {
7940
+ [cds-layout~="m-x@lg:xl"] {
7354
7941
  margin-left: var(--δ7) !important;
7355
7942
  margin-right: var(--δ7) !important;
7356
7943
  }
7357
7944
 
7358
- [cds-layout~="m-y@lg:xxl"] {
7945
+ [cds-layout~="m-y@lg:xl"] {
7359
7946
  margin-top: var(--δ7) !important;
7360
7947
  margin-bottom: var(--δ7) !important;
7361
7948
  }
7362
7949
 
7950
+ [cds-layout~="m-x@lg:xxl"] {
7951
+ margin-left: var(--δ8) !important;
7952
+ margin-right: var(--δ8) !important;
7953
+ }
7954
+
7955
+ [cds-layout~="m-y@lg:xxl"] {
7956
+ margin-top: var(--δ8) !important;
7957
+ margin-bottom: var(--δ8) !important;
7958
+ }
7959
+
7960
+ [cds-layout~="m-x@lg:xxxl"] {
7961
+ margin-left: var(--δ9) !important;
7962
+ margin-right: var(--δ9) !important;
7963
+ }
7964
+
7965
+ [cds-layout~="m-y@lg:xxxl"] {
7966
+ margin-top: var(--δ9) !important;
7967
+ margin-bottom: var(--δ9) !important;
7968
+ }
7969
+
7363
7970
  [cds-layout~="p-t@lg:none"] {
7364
7971
  padding-top: 0 !important;
7365
7972
  }
@@ -7376,118 +7983,150 @@ html[cds-focus-trap] {
7376
7983
  padding-left: 0 !important;
7377
7984
  }
7378
7985
 
7379
- [cds-layout~="p-t@lg:xxs"] {
7986
+ [cds-layout~="p-t@lg:xxxs"] {
7380
7987
  padding-top: var(--δ1) !important;
7381
7988
  }
7382
7989
 
7383
- [cds-layout~="p-r@lg:xxs"] {
7990
+ [cds-layout~="p-r@lg:xxxs"] {
7384
7991
  padding-right: var(--δ1) !important;
7385
7992
  }
7386
7993
 
7387
- [cds-layout~="p-b@lg:xxs"] {
7994
+ [cds-layout~="p-b@lg:xxxs"] {
7388
7995
  padding-bottom: var(--δ1) !important;
7389
7996
  }
7390
7997
 
7391
- [cds-layout~="p-l@lg:xxs"] {
7998
+ [cds-layout~="p-l@lg:xxxs"] {
7392
7999
  padding-left: var(--δ1) !important;
7393
8000
  }
7394
8001
 
7395
- [cds-layout~="p-t@lg:xs"] {
8002
+ [cds-layout~="p-t@lg:xxs"] {
7396
8003
  padding-top: var(--δ2) !important;
7397
8004
  }
7398
8005
 
7399
- [cds-layout~="p-r@lg:xs"] {
8006
+ [cds-layout~="p-r@lg:xxs"] {
7400
8007
  padding-right: var(--δ2) !important;
7401
8008
  }
7402
8009
 
7403
- [cds-layout~="p-b@lg:xs"] {
8010
+ [cds-layout~="p-b@lg:xxs"] {
7404
8011
  padding-bottom: var(--δ2) !important;
7405
8012
  }
7406
8013
 
7407
- [cds-layout~="p-l@lg:xs"] {
8014
+ [cds-layout~="p-l@lg:xxs"] {
7408
8015
  padding-left: var(--δ2) !important;
7409
8016
  }
7410
8017
 
7411
- [cds-layout~="p-t@lg:sm"] {
8018
+ [cds-layout~="p-t@lg:xs"] {
7412
8019
  padding-top: var(--δ3) !important;
7413
8020
  }
7414
8021
 
7415
- [cds-layout~="p-r@lg:sm"] {
8022
+ [cds-layout~="p-r@lg:xs"] {
7416
8023
  padding-right: var(--δ3) !important;
7417
8024
  }
7418
8025
 
7419
- [cds-layout~="p-b@lg:sm"] {
8026
+ [cds-layout~="p-b@lg:xs"] {
7420
8027
  padding-bottom: var(--δ3) !important;
7421
8028
  }
7422
8029
 
7423
- [cds-layout~="p-l@lg:sm"] {
8030
+ [cds-layout~="p-l@lg:xs"] {
7424
8031
  padding-left: var(--δ3) !important;
7425
8032
  }
7426
8033
 
7427
- [cds-layout~="p-t@lg:md"] {
8034
+ [cds-layout~="p-t@lg:sm"] {
7428
8035
  padding-top: var(--δ4) !important;
7429
8036
  }
7430
8037
 
7431
- [cds-layout~="p-r@lg:md"] {
8038
+ [cds-layout~="p-r@lg:sm"] {
7432
8039
  padding-right: var(--δ4) !important;
7433
8040
  }
7434
8041
 
7435
- [cds-layout~="p-b@lg:md"] {
8042
+ [cds-layout~="p-b@lg:sm"] {
7436
8043
  padding-bottom: var(--δ4) !important;
7437
8044
  }
7438
8045
 
7439
- [cds-layout~="p-l@lg:md"] {
8046
+ [cds-layout~="p-l@lg:sm"] {
7440
8047
  padding-left: var(--δ4) !important;
7441
8048
  }
7442
8049
 
7443
- [cds-layout~="p-t@lg:lg"] {
8050
+ [cds-layout~="p-t@lg:md"] {
7444
8051
  padding-top: var(--δ5) !important;
7445
8052
  }
7446
8053
 
7447
- [cds-layout~="p-r@lg:lg"] {
8054
+ [cds-layout~="p-r@lg:md"] {
7448
8055
  padding-right: var(--δ5) !important;
7449
8056
  }
7450
8057
 
7451
- [cds-layout~="p-b@lg:lg"] {
8058
+ [cds-layout~="p-b@lg:md"] {
7452
8059
  padding-bottom: var(--δ5) !important;
7453
8060
  }
7454
8061
 
7455
- [cds-layout~="p-l@lg:lg"] {
8062
+ [cds-layout~="p-l@lg:md"] {
7456
8063
  padding-left: var(--δ5) !important;
7457
8064
  }
7458
8065
 
7459
- [cds-layout~="p-t@lg:xl"] {
8066
+ [cds-layout~="p-t@lg:lg"] {
7460
8067
  padding-top: var(--δ6) !important;
7461
8068
  }
7462
8069
 
7463
- [cds-layout~="p-r@lg:xl"] {
8070
+ [cds-layout~="p-r@lg:lg"] {
7464
8071
  padding-right: var(--δ6) !important;
7465
8072
  }
7466
8073
 
7467
- [cds-layout~="p-b@lg:xl"] {
8074
+ [cds-layout~="p-b@lg:lg"] {
7468
8075
  padding-bottom: var(--δ6) !important;
7469
8076
  }
7470
8077
 
7471
- [cds-layout~="p-l@lg:xl"] {
8078
+ [cds-layout~="p-l@lg:lg"] {
7472
8079
  padding-left: var(--δ6) !important;
7473
8080
  }
7474
8081
 
7475
- [cds-layout~="p-t@lg:xxl"] {
8082
+ [cds-layout~="p-t@lg:xl"] {
7476
8083
  padding-top: var(--δ7) !important;
7477
8084
  }
7478
8085
 
7479
- [cds-layout~="p-r@lg:xxl"] {
8086
+ [cds-layout~="p-r@lg:xl"] {
7480
8087
  padding-right: var(--δ7) !important;
7481
8088
  }
7482
8089
 
7483
- [cds-layout~="p-b@lg:xxl"] {
8090
+ [cds-layout~="p-b@lg:xl"] {
7484
8091
  padding-bottom: var(--δ7) !important;
7485
8092
  }
7486
8093
 
7487
- [cds-layout~="p-l@lg:xxl"] {
8094
+ [cds-layout~="p-l@lg:xl"] {
7488
8095
  padding-left: var(--δ7) !important;
7489
8096
  }
7490
8097
 
8098
+ [cds-layout~="p-t@lg:xxl"] {
8099
+ padding-top: var(--δ8) !important;
8100
+ }
8101
+
8102
+ [cds-layout~="p-r@lg:xxl"] {
8103
+ padding-right: var(--δ8) !important;
8104
+ }
8105
+
8106
+ [cds-layout~="p-b@lg:xxl"] {
8107
+ padding-bottom: var(--δ8) !important;
8108
+ }
8109
+
8110
+ [cds-layout~="p-l@lg:xxl"] {
8111
+ padding-left: var(--δ8) !important;
8112
+ }
8113
+
8114
+ [cds-layout~="p-t@lg:xxxl"] {
8115
+ padding-top: var(--δ9) !important;
8116
+ }
8117
+
8118
+ [cds-layout~="p-r@lg:xxxl"] {
8119
+ padding-right: var(--δ9) !important;
8120
+ }
8121
+
8122
+ [cds-layout~="p-b@lg:xxxl"] {
8123
+ padding-bottom: var(--δ9) !important;
8124
+ }
8125
+
8126
+ [cds-layout~="p-l@lg:xxxl"] {
8127
+ padding-left: var(--δ9) !important;
8128
+ }
8129
+
7491
8130
  [cds-layout~="m-t@lg:none"] {
7492
8131
  margin-top: 0 !important;
7493
8132
  }
@@ -7504,149 +8143,189 @@ html[cds-focus-trap] {
7504
8143
  margin-left: 0 !important;
7505
8144
  }
7506
8145
 
7507
- [cds-layout~="m-t@lg:xxs"] {
8146
+ [cds-layout~="m-t@lg:xxxs"] {
7508
8147
  margin-top: var(--δ1) !important;
7509
8148
  }
7510
8149
 
7511
- [cds-layout~="m-r@lg:xxs"] {
8150
+ [cds-layout~="m-r@lg:xxxs"] {
7512
8151
  margin-right: var(--δ1) !important;
7513
8152
  }
7514
8153
 
7515
- [cds-layout~="m-b@lg:xxs"] {
8154
+ [cds-layout~="m-b@lg:xxxs"] {
7516
8155
  margin-bottom: var(--δ1) !important;
7517
8156
  }
7518
8157
 
7519
- [cds-layout~="m-l@lg:xxs"] {
8158
+ [cds-layout~="m-l@lg:xxxs"] {
7520
8159
  margin-left: var(--δ1) !important;
7521
8160
  }
7522
8161
 
7523
- [cds-layout~="m-t@lg:xs"] {
8162
+ [cds-layout~="m-t@lg:xxs"] {
7524
8163
  margin-top: var(--δ2) !important;
7525
8164
  }
7526
8165
 
7527
- [cds-layout~="m-r@lg:xs"] {
8166
+ [cds-layout~="m-r@lg:xxs"] {
7528
8167
  margin-right: var(--δ2) !important;
7529
8168
  }
7530
8169
 
7531
- [cds-layout~="m-b@lg:xs"] {
8170
+ [cds-layout~="m-b@lg:xxs"] {
7532
8171
  margin-bottom: var(--δ2) !important;
7533
8172
  }
7534
8173
 
7535
- [cds-layout~="m-l@lg:xs"] {
8174
+ [cds-layout~="m-l@lg:xxs"] {
7536
8175
  margin-left: var(--δ2) !important;
7537
8176
  }
7538
8177
 
7539
- [cds-layout~="m-t@lg:sm"] {
8178
+ [cds-layout~="m-t@lg:xs"] {
7540
8179
  margin-top: var(--δ3) !important;
7541
8180
  }
7542
8181
 
7543
- [cds-layout~="m-r@lg:sm"] {
8182
+ [cds-layout~="m-r@lg:xs"] {
7544
8183
  margin-right: var(--δ3) !important;
7545
8184
  }
7546
8185
 
7547
- [cds-layout~="m-b@lg:sm"] {
8186
+ [cds-layout~="m-b@lg:xs"] {
7548
8187
  margin-bottom: var(--δ3) !important;
7549
8188
  }
7550
8189
 
7551
- [cds-layout~="m-l@lg:sm"] {
8190
+ [cds-layout~="m-l@lg:xs"] {
7552
8191
  margin-left: var(--δ3) !important;
7553
8192
  }
7554
8193
 
7555
- [cds-layout~="m-t@lg:md"] {
8194
+ [cds-layout~="m-t@lg:sm"] {
7556
8195
  margin-top: var(--δ4) !important;
7557
8196
  }
7558
8197
 
7559
- [cds-layout~="m-r@lg:md"] {
8198
+ [cds-layout~="m-r@lg:sm"] {
7560
8199
  margin-right: var(--δ4) !important;
7561
8200
  }
7562
8201
 
7563
- [cds-layout~="m-b@lg:md"] {
8202
+ [cds-layout~="m-b@lg:sm"] {
7564
8203
  margin-bottom: var(--δ4) !important;
7565
8204
  }
7566
8205
 
7567
- [cds-layout~="m-l@lg:md"] {
8206
+ [cds-layout~="m-l@lg:sm"] {
7568
8207
  margin-left: var(--δ4) !important;
7569
8208
  }
7570
8209
 
7571
- [cds-layout~="m-t@lg:lg"] {
8210
+ [cds-layout~="m-t@lg:md"] {
7572
8211
  margin-top: var(--δ5) !important;
7573
8212
  }
7574
8213
 
7575
- [cds-layout~="m-r@lg:lg"] {
8214
+ [cds-layout~="m-r@lg:md"] {
7576
8215
  margin-right: var(--δ5) !important;
7577
8216
  }
7578
8217
 
7579
- [cds-layout~="m-b@lg:lg"] {
8218
+ [cds-layout~="m-b@lg:md"] {
7580
8219
  margin-bottom: var(--δ5) !important;
7581
8220
  }
7582
8221
 
7583
- [cds-layout~="m-l@lg:lg"] {
8222
+ [cds-layout~="m-l@lg:md"] {
7584
8223
  margin-left: var(--δ5) !important;
7585
8224
  }
7586
8225
 
7587
- [cds-layout~="m-t@lg:xl"] {
8226
+ [cds-layout~="m-t@lg:lg"] {
7588
8227
  margin-top: var(--δ6) !important;
7589
8228
  }
7590
8229
 
7591
- [cds-layout~="m-r@lg:xl"] {
8230
+ [cds-layout~="m-r@lg:lg"] {
7592
8231
  margin-right: var(--δ6) !important;
7593
8232
  }
7594
8233
 
7595
- [cds-layout~="m-b@lg:xl"] {
8234
+ [cds-layout~="m-b@lg:lg"] {
7596
8235
  margin-bottom: var(--δ6) !important;
7597
8236
  }
7598
8237
 
7599
- [cds-layout~="m-l@lg:xl"] {
8238
+ [cds-layout~="m-l@lg:lg"] {
7600
8239
  margin-left: var(--δ6) !important;
7601
8240
  }
7602
8241
 
7603
- [cds-layout~="m-t@lg:xxl"] {
8242
+ [cds-layout~="m-t@lg:xl"] {
7604
8243
  margin-top: var(--δ7) !important;
7605
8244
  }
7606
8245
 
7607
- [cds-layout~="m-r@lg:xxl"] {
8246
+ [cds-layout~="m-r@lg:xl"] {
7608
8247
  margin-right: var(--δ7) !important;
7609
8248
  }
7610
8249
 
7611
- [cds-layout~="m-b@lg:xxl"] {
8250
+ [cds-layout~="m-b@lg:xl"] {
7612
8251
  margin-bottom: var(--δ7) !important;
7613
8252
  }
7614
8253
 
7615
- [cds-layout~="m-l@lg:xxl"] {
8254
+ [cds-layout~="m-l@lg:xl"] {
7616
8255
  margin-left: var(--δ7) !important;
7617
8256
  }
8257
+
8258
+ [cds-layout~="m-t@lg:xxl"] {
8259
+ margin-top: var(--δ8) !important;
8260
+ }
8261
+
8262
+ [cds-layout~="m-r@lg:xxl"] {
8263
+ margin-right: var(--δ8) !important;
8264
+ }
8265
+
8266
+ [cds-layout~="m-b@lg:xxl"] {
8267
+ margin-bottom: var(--δ8) !important;
8268
+ }
8269
+
8270
+ [cds-layout~="m-l@lg:xxl"] {
8271
+ margin-left: var(--δ8) !important;
8272
+ }
8273
+
8274
+ [cds-layout~="m-t@lg:xxxl"] {
8275
+ margin-top: var(--δ9) !important;
8276
+ }
8277
+
8278
+ [cds-layout~="m-r@lg:xxxl"] {
8279
+ margin-right: var(--δ9) !important;
8280
+ }
8281
+
8282
+ [cds-layout~="m-b@lg:xxxl"] {
8283
+ margin-bottom: var(--δ9) !important;
8284
+ }
8285
+
8286
+ [cds-layout~="m-l@lg:xxxl"] {
8287
+ margin-left: var(--δ9) !important;
8288
+ }
7618
8289
  }
7619
8290
  @media (min-width: 1440px) {
7620
8291
  [cds-layout*="gap@xl:none"] {
7621
8292
  gap: 0;
7622
8293
  }
7623
8294
 
7624
- [cds-layout*="gap@xl:xxs"] {
8295
+ [cds-layout*="gap@xl:xxxs"] {
7625
8296
  gap: var(--δ1);
7626
8297
  }
7627
8298
 
7628
- [cds-layout*="gap@xl:xs"] {
8299
+ [cds-layout*="gap@xl:xxs"] {
7629
8300
  gap: var(--δ2);
7630
8301
  }
7631
8302
 
7632
- [cds-layout*="gap@xl:sm"] {
8303
+ [cds-layout*="gap@xl:xs"] {
7633
8304
  gap: var(--δ3);
7634
8305
  }
7635
8306
 
7636
- [cds-layout*="gap@xl:md"] {
8307
+ [cds-layout*="gap@xl:sm"] {
7637
8308
  gap: var(--δ4);
7638
8309
  }
7639
8310
 
7640
- [cds-layout*="gap@xl:lg"] {
8311
+ [cds-layout*="gap@xl:md"] {
7641
8312
  gap: var(--δ5);
7642
8313
  }
7643
8314
 
7644
- [cds-layout*="gap@xl:xl"] {
8315
+ [cds-layout*="gap@xl:lg"] {
7645
8316
  gap: var(--δ6);
7646
8317
  }
7647
8318
 
8319
+ [cds-layout*="gap@xl:xl"] {
8320
+ gap: var(--δ7);
8321
+ }
8322
+
7648
8323
  [cds-layout*="gap@xl:xxl"] {
7649
- gap: var(--δ7);
8324
+ gap: var(--δ8);
8325
+ }
8326
+
8327
+ [cds-layout*="gap@xl:xxxl"] {
8328
+ gap: var(--δ9);
7650
8329
  }
7651
8330
 
7652
8331
  [cds-layout~="p@xl:none"] {
@@ -7657,62 +8336,78 @@ html[cds-focus-trap] {
7657
8336
  margin: 0 !important;
7658
8337
  }
7659
8338
 
7660
- [cds-layout~="p@xl:xxs"] {
8339
+ [cds-layout~="p@xl:xxxs"] {
7661
8340
  padding: var(--δ1) !important;
7662
8341
  }
7663
8342
 
7664
- [cds-layout~="m@xl:xxs"] {
8343
+ [cds-layout~="m@xl:xxxs"] {
7665
8344
  margin: var(--δ1) !important;
7666
8345
  }
7667
8346
 
7668
- [cds-layout~="p@xl:xs"] {
8347
+ [cds-layout~="p@xl:xxs"] {
7669
8348
  padding: var(--δ2) !important;
7670
8349
  }
7671
8350
 
7672
- [cds-layout~="m@xl:xs"] {
8351
+ [cds-layout~="m@xl:xxs"] {
7673
8352
  margin: var(--δ2) !important;
7674
8353
  }
7675
8354
 
7676
- [cds-layout~="p@xl:sm"] {
8355
+ [cds-layout~="p@xl:xs"] {
7677
8356
  padding: var(--δ3) !important;
7678
8357
  }
7679
8358
 
7680
- [cds-layout~="m@xl:sm"] {
8359
+ [cds-layout~="m@xl:xs"] {
7681
8360
  margin: var(--δ3) !important;
7682
8361
  }
7683
8362
 
7684
- [cds-layout~="p@xl:md"] {
8363
+ [cds-layout~="p@xl:sm"] {
7685
8364
  padding: var(--δ4) !important;
7686
8365
  }
7687
8366
 
7688
- [cds-layout~="m@xl:md"] {
8367
+ [cds-layout~="m@xl:sm"] {
7689
8368
  margin: var(--δ4) !important;
7690
8369
  }
7691
8370
 
7692
- [cds-layout~="p@xl:lg"] {
8371
+ [cds-layout~="p@xl:md"] {
7693
8372
  padding: var(--δ5) !important;
7694
8373
  }
7695
8374
 
7696
- [cds-layout~="m@xl:lg"] {
8375
+ [cds-layout~="m@xl:md"] {
7697
8376
  margin: var(--δ5) !important;
7698
8377
  }
7699
8378
 
7700
- [cds-layout~="p@xl:xl"] {
8379
+ [cds-layout~="p@xl:lg"] {
7701
8380
  padding: var(--δ6) !important;
7702
8381
  }
7703
8382
 
7704
- [cds-layout~="m@xl:xl"] {
8383
+ [cds-layout~="m@xl:lg"] {
7705
8384
  margin: var(--δ6) !important;
7706
8385
  }
7707
8386
 
7708
- [cds-layout~="p@xl:xxl"] {
8387
+ [cds-layout~="p@xl:xl"] {
7709
8388
  padding: var(--δ7) !important;
7710
8389
  }
7711
8390
 
7712
- [cds-layout~="m@xl:xxl"] {
8391
+ [cds-layout~="m@xl:xl"] {
7713
8392
  margin: var(--δ7) !important;
7714
8393
  }
7715
8394
 
8395
+ [cds-layout~="p@xl:xxl"] {
8396
+ padding: var(--δ8) !important;
8397
+ }
8398
+
8399
+ [cds-layout~="m@xl:xxl"] {
8400
+ margin: var(--δ8) !important;
8401
+ }
8402
+
8403
+ [cds-layout~="p@xl:xxxl"] {
8404
+ padding: var(--δ9) !important;
8405
+ }
8406
+
8407
+ [cds-layout~="m@xl:xxxl"] {
8408
+ margin: var(--δ9) !important;
8409
+ }
8410
+
7716
8411
  [cds-layout~="p-x@xl:none"] {
7717
8412
  padding-left: 0 !important;
7718
8413
  padding-right: 0 !important;
@@ -7723,76 +8418,96 @@ html[cds-focus-trap] {
7723
8418
  padding-bottom: 0 !important;
7724
8419
  }
7725
8420
 
7726
- [cds-layout~="p-x@xl:xxs"] {
8421
+ [cds-layout~="p-x@xl:xxxs"] {
7727
8422
  padding-left: var(--δ1) !important;
7728
8423
  padding-right: var(--δ1) !important;
7729
8424
  }
7730
8425
 
7731
- [cds-layout~="p-y@xl:xxs"] {
8426
+ [cds-layout~="p-y@xl:xxxs"] {
7732
8427
  padding-top: var(--δ1) !important;
7733
8428
  padding-bottom: var(--δ1) !important;
7734
8429
  }
7735
8430
 
7736
- [cds-layout~="p-x@xl:xs"] {
8431
+ [cds-layout~="p-x@xl:xxs"] {
7737
8432
  padding-left: var(--δ2) !important;
7738
8433
  padding-right: var(--δ2) !important;
7739
8434
  }
7740
8435
 
7741
- [cds-layout~="p-y@xl:xs"] {
8436
+ [cds-layout~="p-y@xl:xxs"] {
7742
8437
  padding-top: var(--δ2) !important;
7743
8438
  padding-bottom: var(--δ2) !important;
7744
8439
  }
7745
8440
 
7746
- [cds-layout~="p-x@xl:sm"] {
8441
+ [cds-layout~="p-x@xl:xs"] {
7747
8442
  padding-left: var(--δ3) !important;
7748
8443
  padding-right: var(--δ3) !important;
7749
8444
  }
7750
8445
 
7751
- [cds-layout~="p-y@xl:sm"] {
8446
+ [cds-layout~="p-y@xl:xs"] {
7752
8447
  padding-top: var(--δ3) !important;
7753
8448
  padding-bottom: var(--δ3) !important;
7754
8449
  }
7755
8450
 
7756
- [cds-layout~="p-x@xl:md"] {
8451
+ [cds-layout~="p-x@xl:sm"] {
7757
8452
  padding-left: var(--δ4) !important;
7758
8453
  padding-right: var(--δ4) !important;
7759
8454
  }
7760
8455
 
7761
- [cds-layout~="p-y@xl:md"] {
8456
+ [cds-layout~="p-y@xl:sm"] {
7762
8457
  padding-top: var(--δ4) !important;
7763
8458
  padding-bottom: var(--δ4) !important;
7764
8459
  }
7765
8460
 
7766
- [cds-layout~="p-x@xl:lg"] {
8461
+ [cds-layout~="p-x@xl:md"] {
7767
8462
  padding-left: var(--δ5) !important;
7768
8463
  padding-right: var(--δ5) !important;
7769
8464
  }
7770
8465
 
7771
- [cds-layout~="p-y@xl:lg"] {
8466
+ [cds-layout~="p-y@xl:md"] {
7772
8467
  padding-top: var(--δ5) !important;
7773
8468
  padding-bottom: var(--δ5) !important;
7774
8469
  }
7775
8470
 
7776
- [cds-layout~="p-x@xl:xl"] {
8471
+ [cds-layout~="p-x@xl:lg"] {
7777
8472
  padding-left: var(--δ6) !important;
7778
8473
  padding-right: var(--δ6) !important;
7779
8474
  }
7780
8475
 
7781
- [cds-layout~="p-y@xl:xl"] {
8476
+ [cds-layout~="p-y@xl:lg"] {
7782
8477
  padding-top: var(--δ6) !important;
7783
8478
  padding-bottom: var(--δ6) !important;
7784
8479
  }
7785
8480
 
7786
- [cds-layout~="p-x@xl:xxl"] {
8481
+ [cds-layout~="p-x@xl:xl"] {
7787
8482
  padding-left: var(--δ7) !important;
7788
8483
  padding-right: var(--δ7) !important;
7789
8484
  }
7790
8485
 
7791
- [cds-layout~="p-y@xl:xxl"] {
8486
+ [cds-layout~="p-y@xl:xl"] {
7792
8487
  padding-top: var(--δ7) !important;
7793
8488
  padding-bottom: var(--δ7) !important;
7794
8489
  }
7795
8490
 
8491
+ [cds-layout~="p-x@xl:xxl"] {
8492
+ padding-left: var(--δ8) !important;
8493
+ padding-right: var(--δ8) !important;
8494
+ }
8495
+
8496
+ [cds-layout~="p-y@xl:xxl"] {
8497
+ padding-top: var(--δ8) !important;
8498
+ padding-bottom: var(--δ8) !important;
8499
+ }
8500
+
8501
+ [cds-layout~="p-x@xl:xxxl"] {
8502
+ padding-left: var(--δ9) !important;
8503
+ padding-right: var(--δ9) !important;
8504
+ }
8505
+
8506
+ [cds-layout~="p-y@xl:xxxl"] {
8507
+ padding-top: var(--δ9) !important;
8508
+ padding-bottom: var(--δ9) !important;
8509
+ }
8510
+
7796
8511
  [cds-layout~="m-x@xl:none"] {
7797
8512
  margin-left: 0 !important;
7798
8513
  margin-right: 0 !important;
@@ -7803,76 +8518,96 @@ html[cds-focus-trap] {
7803
8518
  margin-bottom: 0 !important;
7804
8519
  }
7805
8520
 
7806
- [cds-layout~="m-x@xl:xxs"] {
8521
+ [cds-layout~="m-x@xl:xxxs"] {
7807
8522
  margin-left: var(--δ1) !important;
7808
8523
  margin-right: var(--δ1) !important;
7809
8524
  }
7810
8525
 
7811
- [cds-layout~="m-y@xl:xxs"] {
8526
+ [cds-layout~="m-y@xl:xxxs"] {
7812
8527
  margin-top: var(--δ1) !important;
7813
8528
  margin-bottom: var(--δ1) !important;
7814
8529
  }
7815
8530
 
7816
- [cds-layout~="m-x@xl:xs"] {
8531
+ [cds-layout~="m-x@xl:xxs"] {
7817
8532
  margin-left: var(--δ2) !important;
7818
8533
  margin-right: var(--δ2) !important;
7819
8534
  }
7820
8535
 
7821
- [cds-layout~="m-y@xl:xs"] {
8536
+ [cds-layout~="m-y@xl:xxs"] {
7822
8537
  margin-top: var(--δ2) !important;
7823
8538
  margin-bottom: var(--δ2) !important;
7824
8539
  }
7825
8540
 
7826
- [cds-layout~="m-x@xl:sm"] {
8541
+ [cds-layout~="m-x@xl:xs"] {
7827
8542
  margin-left: var(--δ3) !important;
7828
8543
  margin-right: var(--δ3) !important;
7829
8544
  }
7830
8545
 
7831
- [cds-layout~="m-y@xl:sm"] {
8546
+ [cds-layout~="m-y@xl:xs"] {
7832
8547
  margin-top: var(--δ3) !important;
7833
8548
  margin-bottom: var(--δ3) !important;
7834
8549
  }
7835
8550
 
7836
- [cds-layout~="m-x@xl:md"] {
8551
+ [cds-layout~="m-x@xl:sm"] {
7837
8552
  margin-left: var(--δ4) !important;
7838
8553
  margin-right: var(--δ4) !important;
7839
8554
  }
7840
8555
 
7841
- [cds-layout~="m-y@xl:md"] {
8556
+ [cds-layout~="m-y@xl:sm"] {
7842
8557
  margin-top: var(--δ4) !important;
7843
8558
  margin-bottom: var(--δ4) !important;
7844
8559
  }
7845
8560
 
7846
- [cds-layout~="m-x@xl:lg"] {
8561
+ [cds-layout~="m-x@xl:md"] {
7847
8562
  margin-left: var(--δ5) !important;
7848
8563
  margin-right: var(--δ5) !important;
7849
8564
  }
7850
8565
 
7851
- [cds-layout~="m-y@xl:lg"] {
8566
+ [cds-layout~="m-y@xl:md"] {
7852
8567
  margin-top: var(--δ5) !important;
7853
8568
  margin-bottom: var(--δ5) !important;
7854
8569
  }
7855
8570
 
7856
- [cds-layout~="m-x@xl:xl"] {
8571
+ [cds-layout~="m-x@xl:lg"] {
7857
8572
  margin-left: var(--δ6) !important;
7858
8573
  margin-right: var(--δ6) !important;
7859
8574
  }
7860
8575
 
7861
- [cds-layout~="m-y@xl:xl"] {
8576
+ [cds-layout~="m-y@xl:lg"] {
7862
8577
  margin-top: var(--δ6) !important;
7863
8578
  margin-bottom: var(--δ6) !important;
7864
8579
  }
7865
8580
 
7866
- [cds-layout~="m-x@xl:xxl"] {
8581
+ [cds-layout~="m-x@xl:xl"] {
7867
8582
  margin-left: var(--δ7) !important;
7868
8583
  margin-right: var(--δ7) !important;
7869
8584
  }
7870
8585
 
7871
- [cds-layout~="m-y@xl:xxl"] {
8586
+ [cds-layout~="m-y@xl:xl"] {
7872
8587
  margin-top: var(--δ7) !important;
7873
8588
  margin-bottom: var(--δ7) !important;
7874
8589
  }
7875
8590
 
8591
+ [cds-layout~="m-x@xl:xxl"] {
8592
+ margin-left: var(--δ8) !important;
8593
+ margin-right: var(--δ8) !important;
8594
+ }
8595
+
8596
+ [cds-layout~="m-y@xl:xxl"] {
8597
+ margin-top: var(--δ8) !important;
8598
+ margin-bottom: var(--δ8) !important;
8599
+ }
8600
+
8601
+ [cds-layout~="m-x@xl:xxxl"] {
8602
+ margin-left: var(--δ9) !important;
8603
+ margin-right: var(--δ9) !important;
8604
+ }
8605
+
8606
+ [cds-layout~="m-y@xl:xxxl"] {
8607
+ margin-top: var(--δ9) !important;
8608
+ margin-bottom: var(--δ9) !important;
8609
+ }
8610
+
7876
8611
  [cds-layout~="p-t@xl:none"] {
7877
8612
  padding-top: 0 !important;
7878
8613
  }
@@ -7889,118 +8624,150 @@ html[cds-focus-trap] {
7889
8624
  padding-left: 0 !important;
7890
8625
  }
7891
8626
 
7892
- [cds-layout~="p-t@xl:xxs"] {
8627
+ [cds-layout~="p-t@xl:xxxs"] {
7893
8628
  padding-top: var(--δ1) !important;
7894
8629
  }
7895
8630
 
7896
- [cds-layout~="p-r@xl:xxs"] {
8631
+ [cds-layout~="p-r@xl:xxxs"] {
7897
8632
  padding-right: var(--δ1) !important;
7898
8633
  }
7899
8634
 
7900
- [cds-layout~="p-b@xl:xxs"] {
8635
+ [cds-layout~="p-b@xl:xxxs"] {
7901
8636
  padding-bottom: var(--δ1) !important;
7902
8637
  }
7903
8638
 
7904
- [cds-layout~="p-l@xl:xxs"] {
8639
+ [cds-layout~="p-l@xl:xxxs"] {
7905
8640
  padding-left: var(--δ1) !important;
7906
8641
  }
7907
8642
 
7908
- [cds-layout~="p-t@xl:xs"] {
8643
+ [cds-layout~="p-t@xl:xxs"] {
7909
8644
  padding-top: var(--δ2) !important;
7910
8645
  }
7911
8646
 
7912
- [cds-layout~="p-r@xl:xs"] {
8647
+ [cds-layout~="p-r@xl:xxs"] {
7913
8648
  padding-right: var(--δ2) !important;
7914
8649
  }
7915
8650
 
7916
- [cds-layout~="p-b@xl:xs"] {
8651
+ [cds-layout~="p-b@xl:xxs"] {
7917
8652
  padding-bottom: var(--δ2) !important;
7918
8653
  }
7919
8654
 
7920
- [cds-layout~="p-l@xl:xs"] {
8655
+ [cds-layout~="p-l@xl:xxs"] {
7921
8656
  padding-left: var(--δ2) !important;
7922
8657
  }
7923
8658
 
7924
- [cds-layout~="p-t@xl:sm"] {
8659
+ [cds-layout~="p-t@xl:xs"] {
7925
8660
  padding-top: var(--δ3) !important;
7926
8661
  }
7927
8662
 
7928
- [cds-layout~="p-r@xl:sm"] {
8663
+ [cds-layout~="p-r@xl:xs"] {
7929
8664
  padding-right: var(--δ3) !important;
7930
8665
  }
7931
8666
 
7932
- [cds-layout~="p-b@xl:sm"] {
8667
+ [cds-layout~="p-b@xl:xs"] {
7933
8668
  padding-bottom: var(--δ3) !important;
7934
8669
  }
7935
8670
 
7936
- [cds-layout~="p-l@xl:sm"] {
8671
+ [cds-layout~="p-l@xl:xs"] {
7937
8672
  padding-left: var(--δ3) !important;
7938
8673
  }
7939
8674
 
7940
- [cds-layout~="p-t@xl:md"] {
8675
+ [cds-layout~="p-t@xl:sm"] {
7941
8676
  padding-top: var(--δ4) !important;
7942
8677
  }
7943
8678
 
7944
- [cds-layout~="p-r@xl:md"] {
8679
+ [cds-layout~="p-r@xl:sm"] {
7945
8680
  padding-right: var(--δ4) !important;
7946
8681
  }
7947
8682
 
7948
- [cds-layout~="p-b@xl:md"] {
8683
+ [cds-layout~="p-b@xl:sm"] {
7949
8684
  padding-bottom: var(--δ4) !important;
7950
8685
  }
7951
8686
 
7952
- [cds-layout~="p-l@xl:md"] {
8687
+ [cds-layout~="p-l@xl:sm"] {
7953
8688
  padding-left: var(--δ4) !important;
7954
8689
  }
7955
8690
 
7956
- [cds-layout~="p-t@xl:lg"] {
8691
+ [cds-layout~="p-t@xl:md"] {
7957
8692
  padding-top: var(--δ5) !important;
7958
8693
  }
7959
8694
 
7960
- [cds-layout~="p-r@xl:lg"] {
8695
+ [cds-layout~="p-r@xl:md"] {
7961
8696
  padding-right: var(--δ5) !important;
7962
8697
  }
7963
8698
 
7964
- [cds-layout~="p-b@xl:lg"] {
8699
+ [cds-layout~="p-b@xl:md"] {
7965
8700
  padding-bottom: var(--δ5) !important;
7966
8701
  }
7967
8702
 
7968
- [cds-layout~="p-l@xl:lg"] {
8703
+ [cds-layout~="p-l@xl:md"] {
7969
8704
  padding-left: var(--δ5) !important;
7970
8705
  }
7971
8706
 
7972
- [cds-layout~="p-t@xl:xl"] {
8707
+ [cds-layout~="p-t@xl:lg"] {
7973
8708
  padding-top: var(--δ6) !important;
7974
8709
  }
7975
8710
 
7976
- [cds-layout~="p-r@xl:xl"] {
8711
+ [cds-layout~="p-r@xl:lg"] {
7977
8712
  padding-right: var(--δ6) !important;
7978
8713
  }
7979
8714
 
7980
- [cds-layout~="p-b@xl:xl"] {
8715
+ [cds-layout~="p-b@xl:lg"] {
7981
8716
  padding-bottom: var(--δ6) !important;
7982
8717
  }
7983
8718
 
7984
- [cds-layout~="p-l@xl:xl"] {
8719
+ [cds-layout~="p-l@xl:lg"] {
7985
8720
  padding-left: var(--δ6) !important;
7986
8721
  }
7987
8722
 
7988
- [cds-layout~="p-t@xl:xxl"] {
8723
+ [cds-layout~="p-t@xl:xl"] {
7989
8724
  padding-top: var(--δ7) !important;
7990
8725
  }
7991
8726
 
7992
- [cds-layout~="p-r@xl:xxl"] {
8727
+ [cds-layout~="p-r@xl:xl"] {
7993
8728
  padding-right: var(--δ7) !important;
7994
8729
  }
7995
8730
 
7996
- [cds-layout~="p-b@xl:xxl"] {
8731
+ [cds-layout~="p-b@xl:xl"] {
7997
8732
  padding-bottom: var(--δ7) !important;
7998
8733
  }
7999
8734
 
8000
- [cds-layout~="p-l@xl:xxl"] {
8735
+ [cds-layout~="p-l@xl:xl"] {
8001
8736
  padding-left: var(--δ7) !important;
8002
8737
  }
8003
8738
 
8739
+ [cds-layout~="p-t@xl:xxl"] {
8740
+ padding-top: var(--δ8) !important;
8741
+ }
8742
+
8743
+ [cds-layout~="p-r@xl:xxl"] {
8744
+ padding-right: var(--δ8) !important;
8745
+ }
8746
+
8747
+ [cds-layout~="p-b@xl:xxl"] {
8748
+ padding-bottom: var(--δ8) !important;
8749
+ }
8750
+
8751
+ [cds-layout~="p-l@xl:xxl"] {
8752
+ padding-left: var(--δ8) !important;
8753
+ }
8754
+
8755
+ [cds-layout~="p-t@xl:xxxl"] {
8756
+ padding-top: var(--δ9) !important;
8757
+ }
8758
+
8759
+ [cds-layout~="p-r@xl:xxxl"] {
8760
+ padding-right: var(--δ9) !important;
8761
+ }
8762
+
8763
+ [cds-layout~="p-b@xl:xxxl"] {
8764
+ padding-bottom: var(--δ9) !important;
8765
+ }
8766
+
8767
+ [cds-layout~="p-l@xl:xxxl"] {
8768
+ padding-left: var(--δ9) !important;
8769
+ }
8770
+
8004
8771
  [cds-layout~="m-t@xl:none"] {
8005
8772
  margin-top: 0 !important;
8006
8773
  }
@@ -8017,117 +8784,149 @@ html[cds-focus-trap] {
8017
8784
  margin-left: 0 !important;
8018
8785
  }
8019
8786
 
8020
- [cds-layout~="m-t@xl:xxs"] {
8787
+ [cds-layout~="m-t@xl:xxxs"] {
8021
8788
  margin-top: var(--δ1) !important;
8022
8789
  }
8023
8790
 
8024
- [cds-layout~="m-r@xl:xxs"] {
8791
+ [cds-layout~="m-r@xl:xxxs"] {
8025
8792
  margin-right: var(--δ1) !important;
8026
8793
  }
8027
8794
 
8028
- [cds-layout~="m-b@xl:xxs"] {
8795
+ [cds-layout~="m-b@xl:xxxs"] {
8029
8796
  margin-bottom: var(--δ1) !important;
8030
8797
  }
8031
8798
 
8032
- [cds-layout~="m-l@xl:xxs"] {
8799
+ [cds-layout~="m-l@xl:xxxs"] {
8033
8800
  margin-left: var(--δ1) !important;
8034
8801
  }
8035
8802
 
8036
- [cds-layout~="m-t@xl:xs"] {
8803
+ [cds-layout~="m-t@xl:xxs"] {
8037
8804
  margin-top: var(--δ2) !important;
8038
8805
  }
8039
8806
 
8040
- [cds-layout~="m-r@xl:xs"] {
8807
+ [cds-layout~="m-r@xl:xxs"] {
8041
8808
  margin-right: var(--δ2) !important;
8042
8809
  }
8043
8810
 
8044
- [cds-layout~="m-b@xl:xs"] {
8811
+ [cds-layout~="m-b@xl:xxs"] {
8045
8812
  margin-bottom: var(--δ2) !important;
8046
8813
  }
8047
8814
 
8048
- [cds-layout~="m-l@xl:xs"] {
8815
+ [cds-layout~="m-l@xl:xxs"] {
8049
8816
  margin-left: var(--δ2) !important;
8050
8817
  }
8051
8818
 
8052
- [cds-layout~="m-t@xl:sm"] {
8819
+ [cds-layout~="m-t@xl:xs"] {
8053
8820
  margin-top: var(--δ3) !important;
8054
8821
  }
8055
8822
 
8056
- [cds-layout~="m-r@xl:sm"] {
8823
+ [cds-layout~="m-r@xl:xs"] {
8057
8824
  margin-right: var(--δ3) !important;
8058
8825
  }
8059
8826
 
8060
- [cds-layout~="m-b@xl:sm"] {
8827
+ [cds-layout~="m-b@xl:xs"] {
8061
8828
  margin-bottom: var(--δ3) !important;
8062
8829
  }
8063
8830
 
8064
- [cds-layout~="m-l@xl:sm"] {
8831
+ [cds-layout~="m-l@xl:xs"] {
8065
8832
  margin-left: var(--δ3) !important;
8066
8833
  }
8067
8834
 
8068
- [cds-layout~="m-t@xl:md"] {
8835
+ [cds-layout~="m-t@xl:sm"] {
8069
8836
  margin-top: var(--δ4) !important;
8070
8837
  }
8071
8838
 
8072
- [cds-layout~="m-r@xl:md"] {
8839
+ [cds-layout~="m-r@xl:sm"] {
8073
8840
  margin-right: var(--δ4) !important;
8074
8841
  }
8075
8842
 
8076
- [cds-layout~="m-b@xl:md"] {
8843
+ [cds-layout~="m-b@xl:sm"] {
8077
8844
  margin-bottom: var(--δ4) !important;
8078
8845
  }
8079
8846
 
8080
- [cds-layout~="m-l@xl:md"] {
8847
+ [cds-layout~="m-l@xl:sm"] {
8081
8848
  margin-left: var(--δ4) !important;
8082
8849
  }
8083
8850
 
8084
- [cds-layout~="m-t@xl:lg"] {
8851
+ [cds-layout~="m-t@xl:md"] {
8085
8852
  margin-top: var(--δ5) !important;
8086
8853
  }
8087
8854
 
8088
- [cds-layout~="m-r@xl:lg"] {
8855
+ [cds-layout~="m-r@xl:md"] {
8089
8856
  margin-right: var(--δ5) !important;
8090
8857
  }
8091
8858
 
8092
- [cds-layout~="m-b@xl:lg"] {
8859
+ [cds-layout~="m-b@xl:md"] {
8093
8860
  margin-bottom: var(--δ5) !important;
8094
8861
  }
8095
8862
 
8096
- [cds-layout~="m-l@xl:lg"] {
8863
+ [cds-layout~="m-l@xl:md"] {
8097
8864
  margin-left: var(--δ5) !important;
8098
8865
  }
8099
8866
 
8100
- [cds-layout~="m-t@xl:xl"] {
8867
+ [cds-layout~="m-t@xl:lg"] {
8101
8868
  margin-top: var(--δ6) !important;
8102
8869
  }
8103
8870
 
8104
- [cds-layout~="m-r@xl:xl"] {
8871
+ [cds-layout~="m-r@xl:lg"] {
8105
8872
  margin-right: var(--δ6) !important;
8106
8873
  }
8107
8874
 
8108
- [cds-layout~="m-b@xl:xl"] {
8875
+ [cds-layout~="m-b@xl:lg"] {
8109
8876
  margin-bottom: var(--δ6) !important;
8110
8877
  }
8111
8878
 
8112
- [cds-layout~="m-l@xl:xl"] {
8879
+ [cds-layout~="m-l@xl:lg"] {
8113
8880
  margin-left: var(--δ6) !important;
8114
8881
  }
8115
8882
 
8116
- [cds-layout~="m-t@xl:xxl"] {
8883
+ [cds-layout~="m-t@xl:xl"] {
8117
8884
  margin-top: var(--δ7) !important;
8118
8885
  }
8119
8886
 
8120
- [cds-layout~="m-r@xl:xxl"] {
8887
+ [cds-layout~="m-r@xl:xl"] {
8121
8888
  margin-right: var(--δ7) !important;
8122
8889
  }
8123
8890
 
8124
- [cds-layout~="m-b@xl:xxl"] {
8891
+ [cds-layout~="m-b@xl:xl"] {
8125
8892
  margin-bottom: var(--δ7) !important;
8126
8893
  }
8127
8894
 
8128
- [cds-layout~="m-l@xl:xxl"] {
8895
+ [cds-layout~="m-l@xl:xl"] {
8129
8896
  margin-left: var(--δ7) !important;
8130
8897
  }
8898
+
8899
+ [cds-layout~="m-t@xl:xxl"] {
8900
+ margin-top: var(--δ8) !important;
8901
+ }
8902
+
8903
+ [cds-layout~="m-r@xl:xxl"] {
8904
+ margin-right: var(--δ8) !important;
8905
+ }
8906
+
8907
+ [cds-layout~="m-b@xl:xxl"] {
8908
+ margin-bottom: var(--δ8) !important;
8909
+ }
8910
+
8911
+ [cds-layout~="m-l@xl:xxl"] {
8912
+ margin-left: var(--δ8) !important;
8913
+ }
8914
+
8915
+ [cds-layout~="m-t@xl:xxxl"] {
8916
+ margin-top: var(--δ9) !important;
8917
+ }
8918
+
8919
+ [cds-layout~="m-r@xl:xxxl"] {
8920
+ margin-right: var(--δ9) !important;
8921
+ }
8922
+
8923
+ [cds-layout~="m-b@xl:xxxl"] {
8924
+ margin-bottom: var(--δ9) !important;
8925
+ }
8926
+
8927
+ [cds-layout~="m-l@xl:xxxl"] {
8928
+ margin-left: var(--δ9) !important;
8929
+ }
8131
8930
  }
8132
8931
  /*
8133
8932
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -8150,27 +8949,27 @@ html[cds-focus-trap] {
8150
8949
 
8151
8950
  [cds-layout~="container:xs"] {
8152
8951
  width: 100%;
8153
- max-width: var(--cds-global-layout-width-xs, 576px);
8952
+ max-width: var(--cds-global-layout-width-xs);
8154
8953
  }
8155
8954
 
8156
8955
  [cds-layout~="container:sm"] {
8157
8956
  width: 100%;
8158
- max-width: var(--cds-global-layout-width-sm, 768px);
8957
+ max-width: var(--cds-global-layout-width-sm);
8159
8958
  }
8160
8959
 
8161
8960
  [cds-layout~="container:md"] {
8162
8961
  width: 100%;
8163
- max-width: var(--cds-global-layout-width-md, 992px);
8962
+ max-width: var(--cds-global-layout-width-md);
8164
8963
  }
8165
8964
 
8166
8965
  [cds-layout~="container:lg"] {
8167
8966
  width: 100%;
8168
- max-width: var(--cds-global-layout-width-lg, 1200px);
8967
+ max-width: var(--cds-global-layout-width-lg);
8169
8968
  }
8170
8969
 
8171
8970
  [cds-layout~="container:xl"] {
8172
8971
  width: 100%;
8173
- max-width: var(--cds-global-layout-width-xl, 1440px);
8972
+ max-width: var(--cds-global-layout-width-xl);
8174
8973
  }
8175
8974
 
8176
8975
  *,