@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/styles/module.layout.css CHANGED
@@ -16,13 +16,15 @@
16
16
  */
17
17
  :root,
18
18
  :host {
19
- --δ1: var(--cds-global-layout-space-xxs, calc(2 / var(--cds-global-base, 20) * 1rem));
20
- --δ2: var(--cds-global-layout-space-xs, calc(4 / var(--cds-global-base, 20) * 1rem));
21
- --δ3: var(--cds-global-layout-space-sm, calc(6 / var(--cds-global-base, 20) * 1rem));
22
- --δ4: var(--cds-global-layout-space-md, calc(12 / var(--cds-global-base, 20) * 1rem));
23
- --δ5: var(--cds-global-layout-space-lg, calc(24 / var(--cds-global-base, 20) * 1rem));
24
- --δ6: var(--cds-global-layout-space-xl, calc(48 / var(--cds-global-base, 20) * 1rem));
25
- --δ7: var(--cds-global-layout-space-xxl, calc(96 / var(--cds-global-base, 20) * 1rem));
19
+ --δ1: var(--cds-global-layout-space-xxxs, 0.125rem);
20
+ --δ2: var(--cds-global-layout-space-xxs, 0.25rem);
21
+ --δ3: var(--cds-global-layout-space-xs, 0.5rem);
22
+ --δ4: var(--cds-global-layout-space-sm, 0.75rem);
23
+ --δ5: var(--cds-global-layout-space-md, 1rem);
24
+ --δ6: var(--cds-global-layout-space-lg, 1.5rem);
25
+ --δ7: var(--cds-global-layout-space-xl, 2rem);
26
+ --δ8: var(--cds-global-layout-space-xxl, 3rem);
27
+ --δ9: var(--cds-global-layout-space-xxxl, 4rem);
26
28
  }
27
29
 
28
30
  /*
@@ -3786,6 +3788,7 @@
3786
3788
  display: inline !important;
3787
3789
  }
3788
3790
  }
3791
+ ::slotted([cds-layout~="display:screen-reader-only"]),
3789
3792
  [cds-layout~="display:screen-reader-only"] {
3790
3793
  position: absolute !important;
3791
3794
  clip: rect(1px, 1px, 1px, 1px);
@@ -3810,34 +3813,42 @@
3810
3813
  gap: 0;
3811
3814
  }
3812
3815
 
3813
- [cds-layout*="gap:xxs"] {
3816
+ [cds-layout*="gap:xxxs"] {
3814
3817
  gap: var(--δ1);
3815
3818
  }
3816
3819
 
3817
- [cds-layout*="gap:xs"] {
3820
+ [cds-layout*="gap:xxs"] {
3818
3821
  gap: var(--δ2);
3819
3822
  }
3820
3823
 
3821
- [cds-layout*="gap:sm"] {
3824
+ [cds-layout*="gap:xs"] {
3822
3825
  gap: var(--δ3);
3823
3826
  }
3824
3827
 
3825
- [cds-layout*="gap:md"] {
3828
+ [cds-layout*="gap:sm"] {
3826
3829
  gap: var(--δ4);
3827
3830
  }
3828
3831
 
3829
- [cds-layout*="gap:lg"] {
3832
+ [cds-layout*="gap:md"] {
3830
3833
  gap: var(--δ5);
3831
3834
  }
3832
3835
 
3833
- [cds-layout*="gap:xl"] {
3836
+ [cds-layout*="gap:lg"] {
3834
3837
  gap: var(--δ6);
3835
3838
  }
3836
3839
 
3837
- [cds-layout*="gap:xxl"] {
3840
+ [cds-layout*="gap:xl"] {
3838
3841
  gap: var(--δ7);
3839
3842
  }
3840
3843
 
3844
+ [cds-layout*="gap:xxl"] {
3845
+ gap: var(--δ8);
3846
+ }
3847
+
3848
+ [cds-layout*="gap:xxxl"] {
3849
+ gap: var(--δ9);
3850
+ }
3851
+
3841
3852
  [cds-layout~="p:none"] {
3842
3853
  padding: 0 !important;
3843
3854
  }
@@ -3846,62 +3857,78 @@
3846
3857
  margin: 0 !important;
3847
3858
  }
3848
3859
 
3849
- [cds-layout~="p:xxs"] {
3860
+ [cds-layout~="p:xxxs"] {
3850
3861
  padding: var(--δ1) !important;
3851
3862
  }
3852
3863
 
3853
- [cds-layout~="m:xxs"] {
3864
+ [cds-layout~="m:xxxs"] {
3854
3865
  margin: var(--δ1) !important;
3855
3866
  }
3856
3867
 
3857
- [cds-layout~="p:xs"] {
3868
+ [cds-layout~="p:xxs"] {
3858
3869
  padding: var(--δ2) !important;
3859
3870
  }
3860
3871
 
3861
- [cds-layout~="m:xs"] {
3872
+ [cds-layout~="m:xxs"] {
3862
3873
  margin: var(--δ2) !important;
3863
3874
  }
3864
3875
 
3865
- [cds-layout~="p:sm"] {
3876
+ [cds-layout~="p:xs"] {
3866
3877
  padding: var(--δ3) !important;
3867
3878
  }
3868
3879
 
3869
- [cds-layout~="m:sm"] {
3880
+ [cds-layout~="m:xs"] {
3870
3881
  margin: var(--δ3) !important;
3871
3882
  }
3872
3883
 
3873
- [cds-layout~="p:md"] {
3884
+ [cds-layout~="p:sm"] {
3874
3885
  padding: var(--δ4) !important;
3875
3886
  }
3876
3887
 
3877
- [cds-layout~="m:md"] {
3888
+ [cds-layout~="m:sm"] {
3878
3889
  margin: var(--δ4) !important;
3879
3890
  }
3880
3891
 
3881
- [cds-layout~="p:lg"] {
3892
+ [cds-layout~="p:md"] {
3882
3893
  padding: var(--δ5) !important;
3883
3894
  }
3884
3895
 
3885
- [cds-layout~="m:lg"] {
3896
+ [cds-layout~="m:md"] {
3886
3897
  margin: var(--δ5) !important;
3887
3898
  }
3888
3899
 
3889
- [cds-layout~="p:xl"] {
3900
+ [cds-layout~="p:lg"] {
3890
3901
  padding: var(--δ6) !important;
3891
3902
  }
3892
3903
 
3893
- [cds-layout~="m:xl"] {
3904
+ [cds-layout~="m:lg"] {
3894
3905
  margin: var(--δ6) !important;
3895
3906
  }
3896
3907
 
3897
- [cds-layout~="p:xxl"] {
3908
+ [cds-layout~="p:xl"] {
3898
3909
  padding: var(--δ7) !important;
3899
3910
  }
3900
3911
 
3901
- [cds-layout~="m:xxl"] {
3912
+ [cds-layout~="m:xl"] {
3902
3913
  margin: var(--δ7) !important;
3903
3914
  }
3904
3915
 
3916
+ [cds-layout~="p:xxl"] {
3917
+ padding: var(--δ8) !important;
3918
+ }
3919
+
3920
+ [cds-layout~="m:xxl"] {
3921
+ margin: var(--δ8) !important;
3922
+ }
3923
+
3924
+ [cds-layout~="p:xxxl"] {
3925
+ padding: var(--δ9) !important;
3926
+ }
3927
+
3928
+ [cds-layout~="m:xxxl"] {
3929
+ margin: var(--δ9) !important;
3930
+ }
3931
+
3905
3932
  [cds-layout~="p-x:none"] {
3906
3933
  padding-left: 0 !important;
3907
3934
  padding-right: 0 !important;
@@ -3912,76 +3939,96 @@
3912
3939
  padding-bottom: 0 !important;
3913
3940
  }
3914
3941
 
3915
- [cds-layout~="p-x:xxs"] {
3942
+ [cds-layout~="p-x:xxxs"] {
3916
3943
  padding-left: var(--δ1) !important;
3917
3944
  padding-right: var(--δ1) !important;
3918
3945
  }
3919
3946
 
3920
- [cds-layout~="p-y:xxs"] {
3947
+ [cds-layout~="p-y:xxxs"] {
3921
3948
  padding-top: var(--δ1) !important;
3922
3949
  padding-bottom: var(--δ1) !important;
3923
3950
  }
3924
3951
 
3925
- [cds-layout~="p-x:xs"] {
3952
+ [cds-layout~="p-x:xxs"] {
3926
3953
  padding-left: var(--δ2) !important;
3927
3954
  padding-right: var(--δ2) !important;
3928
3955
  }
3929
3956
 
3930
- [cds-layout~="p-y:xs"] {
3957
+ [cds-layout~="p-y:xxs"] {
3931
3958
  padding-top: var(--δ2) !important;
3932
3959
  padding-bottom: var(--δ2) !important;
3933
3960
  }
3934
3961
 
3935
- [cds-layout~="p-x:sm"] {
3962
+ [cds-layout~="p-x:xs"] {
3936
3963
  padding-left: var(--δ3) !important;
3937
3964
  padding-right: var(--δ3) !important;
3938
3965
  }
3939
3966
 
3940
- [cds-layout~="p-y:sm"] {
3967
+ [cds-layout~="p-y:xs"] {
3941
3968
  padding-top: var(--δ3) !important;
3942
3969
  padding-bottom: var(--δ3) !important;
3943
3970
  }
3944
3971
 
3945
- [cds-layout~="p-x:md"] {
3972
+ [cds-layout~="p-x:sm"] {
3946
3973
  padding-left: var(--δ4) !important;
3947
3974
  padding-right: var(--δ4) !important;
3948
3975
  }
3949
3976
 
3950
- [cds-layout~="p-y:md"] {
3977
+ [cds-layout~="p-y:sm"] {
3951
3978
  padding-top: var(--δ4) !important;
3952
3979
  padding-bottom: var(--δ4) !important;
3953
3980
  }
3954
3981
 
3955
- [cds-layout~="p-x:lg"] {
3982
+ [cds-layout~="p-x:md"] {
3956
3983
  padding-left: var(--δ5) !important;
3957
3984
  padding-right: var(--δ5) !important;
3958
3985
  }
3959
3986
 
3960
- [cds-layout~="p-y:lg"] {
3987
+ [cds-layout~="p-y:md"] {
3961
3988
  padding-top: var(--δ5) !important;
3962
3989
  padding-bottom: var(--δ5) !important;
3963
3990
  }
3964
3991
 
3965
- [cds-layout~="p-x:xl"] {
3992
+ [cds-layout~="p-x:lg"] {
3966
3993
  padding-left: var(--δ6) !important;
3967
3994
  padding-right: var(--δ6) !important;
3968
3995
  }
3969
3996
 
3970
- [cds-layout~="p-y:xl"] {
3997
+ [cds-layout~="p-y:lg"] {
3971
3998
  padding-top: var(--δ6) !important;
3972
3999
  padding-bottom: var(--δ6) !important;
3973
4000
  }
3974
4001
 
3975
- [cds-layout~="p-x:xxl"] {
4002
+ [cds-layout~="p-x:xl"] {
3976
4003
  padding-left: var(--δ7) !important;
3977
4004
  padding-right: var(--δ7) !important;
3978
4005
  }
3979
4006
 
3980
- [cds-layout~="p-y:xxl"] {
4007
+ [cds-layout~="p-y:xl"] {
3981
4008
  padding-top: var(--δ7) !important;
3982
4009
  padding-bottom: var(--δ7) !important;
3983
4010
  }
3984
4011
 
4012
+ [cds-layout~="p-x:xxl"] {
4013
+ padding-left: var(--δ8) !important;
4014
+ padding-right: var(--δ8) !important;
4015
+ }
4016
+
4017
+ [cds-layout~="p-y:xxl"] {
4018
+ padding-top: var(--δ8) !important;
4019
+ padding-bottom: var(--δ8) !important;
4020
+ }
4021
+
4022
+ [cds-layout~="p-x:xxxl"] {
4023
+ padding-left: var(--δ9) !important;
4024
+ padding-right: var(--δ9) !important;
4025
+ }
4026
+
4027
+ [cds-layout~="p-y:xxxl"] {
4028
+ padding-top: var(--δ9) !important;
4029
+ padding-bottom: var(--δ9) !important;
4030
+ }
4031
+
3985
4032
  [cds-layout~="m-x:none"] {
3986
4033
  margin-left: 0 !important;
3987
4034
  margin-right: 0 !important;
@@ -3992,76 +4039,96 @@
3992
4039
  margin-bottom: 0 !important;
3993
4040
  }
3994
4041
 
3995
- [cds-layout~="m-x:xxs"] {
4042
+ [cds-layout~="m-x:xxxs"] {
3996
4043
  margin-left: var(--δ1) !important;
3997
4044
  margin-right: var(--δ1) !important;
3998
4045
  }
3999
4046
 
4000
- [cds-layout~="m-y:xxs"] {
4047
+ [cds-layout~="m-y:xxxs"] {
4001
4048
  margin-top: var(--δ1) !important;
4002
4049
  margin-bottom: var(--δ1) !important;
4003
4050
  }
4004
4051
 
4005
- [cds-layout~="m-x:xs"] {
4052
+ [cds-layout~="m-x:xxs"] {
4006
4053
  margin-left: var(--δ2) !important;
4007
4054
  margin-right: var(--δ2) !important;
4008
4055
  }
4009
4056
 
4010
- [cds-layout~="m-y:xs"] {
4057
+ [cds-layout~="m-y:xxs"] {
4011
4058
  margin-top: var(--δ2) !important;
4012
4059
  margin-bottom: var(--δ2) !important;
4013
4060
  }
4014
4061
 
4015
- [cds-layout~="m-x:sm"] {
4062
+ [cds-layout~="m-x:xs"] {
4016
4063
  margin-left: var(--δ3) !important;
4017
4064
  margin-right: var(--δ3) !important;
4018
4065
  }
4019
4066
 
4020
- [cds-layout~="m-y:sm"] {
4067
+ [cds-layout~="m-y:xs"] {
4021
4068
  margin-top: var(--δ3) !important;
4022
4069
  margin-bottom: var(--δ3) !important;
4023
4070
  }
4024
4071
 
4025
- [cds-layout~="m-x:md"] {
4072
+ [cds-layout~="m-x:sm"] {
4026
4073
  margin-left: var(--δ4) !important;
4027
4074
  margin-right: var(--δ4) !important;
4028
4075
  }
4029
4076
 
4030
- [cds-layout~="m-y:md"] {
4077
+ [cds-layout~="m-y:sm"] {
4031
4078
  margin-top: var(--δ4) !important;
4032
4079
  margin-bottom: var(--δ4) !important;
4033
4080
  }
4034
4081
 
4035
- [cds-layout~="m-x:lg"] {
4082
+ [cds-layout~="m-x:md"] {
4036
4083
  margin-left: var(--δ5) !important;
4037
4084
  margin-right: var(--δ5) !important;
4038
4085
  }
4039
4086
 
4040
- [cds-layout~="m-y:lg"] {
4087
+ [cds-layout~="m-y:md"] {
4041
4088
  margin-top: var(--δ5) !important;
4042
4089
  margin-bottom: var(--δ5) !important;
4043
4090
  }
4044
4091
 
4045
- [cds-layout~="m-x:xl"] {
4092
+ [cds-layout~="m-x:lg"] {
4046
4093
  margin-left: var(--δ6) !important;
4047
4094
  margin-right: var(--δ6) !important;
4048
4095
  }
4049
4096
 
4050
- [cds-layout~="m-y:xl"] {
4097
+ [cds-layout~="m-y:lg"] {
4051
4098
  margin-top: var(--δ6) !important;
4052
4099
  margin-bottom: var(--δ6) !important;
4053
4100
  }
4054
4101
 
4055
- [cds-layout~="m-x:xxl"] {
4102
+ [cds-layout~="m-x:xl"] {
4056
4103
  margin-left: var(--δ7) !important;
4057
4104
  margin-right: var(--δ7) !important;
4058
4105
  }
4059
4106
 
4060
- [cds-layout~="m-y:xxl"] {
4107
+ [cds-layout~="m-y:xl"] {
4061
4108
  margin-top: var(--δ7) !important;
4062
4109
  margin-bottom: var(--δ7) !important;
4063
4110
  }
4064
4111
 
4112
+ [cds-layout~="m-x:xxl"] {
4113
+ margin-left: var(--δ8) !important;
4114
+ margin-right: var(--δ8) !important;
4115
+ }
4116
+
4117
+ [cds-layout~="m-y:xxl"] {
4118
+ margin-top: var(--δ8) !important;
4119
+ margin-bottom: var(--δ8) !important;
4120
+ }
4121
+
4122
+ [cds-layout~="m-x:xxxl"] {
4123
+ margin-left: var(--δ9) !important;
4124
+ margin-right: var(--δ9) !important;
4125
+ }
4126
+
4127
+ [cds-layout~="m-y:xxxl"] {
4128
+ margin-top: var(--δ9) !important;
4129
+ margin-bottom: var(--δ9) !important;
4130
+ }
4131
+
4065
4132
  [cds-layout~="p-t:none"] {
4066
4133
  padding-top: 0 !important;
4067
4134
  }
@@ -4078,118 +4145,150 @@
4078
4145
  padding-left: 0 !important;
4079
4146
  }
4080
4147
 
4081
- [cds-layout~="p-t:xxs"] {
4148
+ [cds-layout~="p-t:xxxs"] {
4082
4149
  padding-top: var(--δ1) !important;
4083
4150
  }
4084
4151
 
4085
- [cds-layout~="p-r:xxs"] {
4152
+ [cds-layout~="p-r:xxxs"] {
4086
4153
  padding-right: var(--δ1) !important;
4087
4154
  }
4088
4155
 
4089
- [cds-layout~="p-b:xxs"] {
4156
+ [cds-layout~="p-b:xxxs"] {
4090
4157
  padding-bottom: var(--δ1) !important;
4091
4158
  }
4092
4159
 
4093
- [cds-layout~="p-l:xxs"] {
4160
+ [cds-layout~="p-l:xxxs"] {
4094
4161
  padding-left: var(--δ1) !important;
4095
4162
  }
4096
4163
 
4097
- [cds-layout~="p-t:xs"] {
4164
+ [cds-layout~="p-t:xxs"] {
4098
4165
  padding-top: var(--δ2) !important;
4099
4166
  }
4100
4167
 
4101
- [cds-layout~="p-r:xs"] {
4168
+ [cds-layout~="p-r:xxs"] {
4102
4169
  padding-right: var(--δ2) !important;
4103
4170
  }
4104
4171
 
4105
- [cds-layout~="p-b:xs"] {
4172
+ [cds-layout~="p-b:xxs"] {
4106
4173
  padding-bottom: var(--δ2) !important;
4107
4174
  }
4108
4175
 
4109
- [cds-layout~="p-l:xs"] {
4176
+ [cds-layout~="p-l:xxs"] {
4110
4177
  padding-left: var(--δ2) !important;
4111
4178
  }
4112
4179
 
4113
- [cds-layout~="p-t:sm"] {
4180
+ [cds-layout~="p-t:xs"] {
4114
4181
  padding-top: var(--δ3) !important;
4115
4182
  }
4116
4183
 
4117
- [cds-layout~="p-r:sm"] {
4184
+ [cds-layout~="p-r:xs"] {
4118
4185
  padding-right: var(--δ3) !important;
4119
4186
  }
4120
4187
 
4121
- [cds-layout~="p-b:sm"] {
4188
+ [cds-layout~="p-b:xs"] {
4122
4189
  padding-bottom: var(--δ3) !important;
4123
4190
  }
4124
4191
 
4125
- [cds-layout~="p-l:sm"] {
4192
+ [cds-layout~="p-l:xs"] {
4126
4193
  padding-left: var(--δ3) !important;
4127
4194
  }
4128
4195
 
4129
- [cds-layout~="p-t:md"] {
4196
+ [cds-layout~="p-t:sm"] {
4130
4197
  padding-top: var(--δ4) !important;
4131
4198
  }
4132
4199
 
4133
- [cds-layout~="p-r:md"] {
4200
+ [cds-layout~="p-r:sm"] {
4134
4201
  padding-right: var(--δ4) !important;
4135
4202
  }
4136
4203
 
4137
- [cds-layout~="p-b:md"] {
4204
+ [cds-layout~="p-b:sm"] {
4138
4205
  padding-bottom: var(--δ4) !important;
4139
4206
  }
4140
4207
 
4141
- [cds-layout~="p-l:md"] {
4208
+ [cds-layout~="p-l:sm"] {
4142
4209
  padding-left: var(--δ4) !important;
4143
4210
  }
4144
4211
 
4145
- [cds-layout~="p-t:lg"] {
4212
+ [cds-layout~="p-t:md"] {
4146
4213
  padding-top: var(--δ5) !important;
4147
4214
  }
4148
4215
 
4149
- [cds-layout~="p-r:lg"] {
4216
+ [cds-layout~="p-r:md"] {
4150
4217
  padding-right: var(--δ5) !important;
4151
4218
  }
4152
4219
 
4153
- [cds-layout~="p-b:lg"] {
4220
+ [cds-layout~="p-b:md"] {
4154
4221
  padding-bottom: var(--δ5) !important;
4155
4222
  }
4156
4223
 
4157
- [cds-layout~="p-l:lg"] {
4224
+ [cds-layout~="p-l:md"] {
4158
4225
  padding-left: var(--δ5) !important;
4159
4226
  }
4160
4227
 
4161
- [cds-layout~="p-t:xl"] {
4228
+ [cds-layout~="p-t:lg"] {
4162
4229
  padding-top: var(--δ6) !important;
4163
4230
  }
4164
4231
 
4165
- [cds-layout~="p-r:xl"] {
4232
+ [cds-layout~="p-r:lg"] {
4166
4233
  padding-right: var(--δ6) !important;
4167
4234
  }
4168
4235
 
4169
- [cds-layout~="p-b:xl"] {
4236
+ [cds-layout~="p-b:lg"] {
4170
4237
  padding-bottom: var(--δ6) !important;
4171
4238
  }
4172
4239
 
4173
- [cds-layout~="p-l:xl"] {
4240
+ [cds-layout~="p-l:lg"] {
4174
4241
  padding-left: var(--δ6) !important;
4175
4242
  }
4176
4243
 
4177
- [cds-layout~="p-t:xxl"] {
4244
+ [cds-layout~="p-t:xl"] {
4178
4245
  padding-top: var(--δ7) !important;
4179
4246
  }
4180
4247
 
4181
- [cds-layout~="p-r:xxl"] {
4248
+ [cds-layout~="p-r:xl"] {
4182
4249
  padding-right: var(--δ7) !important;
4183
4250
  }
4184
4251
 
4185
- [cds-layout~="p-b:xxl"] {
4252
+ [cds-layout~="p-b:xl"] {
4186
4253
  padding-bottom: var(--δ7) !important;
4187
4254
  }
4188
4255
 
4189
- [cds-layout~="p-l:xxl"] {
4256
+ [cds-layout~="p-l:xl"] {
4190
4257
  padding-left: var(--δ7) !important;
4191
4258
  }
4192
4259
 
4260
+ [cds-layout~="p-t:xxl"] {
4261
+ padding-top: var(--δ8) !important;
4262
+ }
4263
+
4264
+ [cds-layout~="p-r:xxl"] {
4265
+ padding-right: var(--δ8) !important;
4266
+ }
4267
+
4268
+ [cds-layout~="p-b:xxl"] {
4269
+ padding-bottom: var(--δ8) !important;
4270
+ }
4271
+
4272
+ [cds-layout~="p-l:xxl"] {
4273
+ padding-left: var(--δ8) !important;
4274
+ }
4275
+
4276
+ [cds-layout~="p-t:xxxl"] {
4277
+ padding-top: var(--δ9) !important;
4278
+ }
4279
+
4280
+ [cds-layout~="p-r:xxxl"] {
4281
+ padding-right: var(--δ9) !important;
4282
+ }
4283
+
4284
+ [cds-layout~="p-b:xxxl"] {
4285
+ padding-bottom: var(--δ9) !important;
4286
+ }
4287
+
4288
+ [cds-layout~="p-l:xxxl"] {
4289
+ padding-left: var(--δ9) !important;
4290
+ }
4291
+
4193
4292
  [cds-layout~="m-t:none"] {
4194
4293
  margin-top: 0 !important;
4195
4294
  }
@@ -4206,151 +4305,191 @@
4206
4305
  margin-left: 0 !important;
4207
4306
  }
4208
4307
 
4209
- [cds-layout~="m-t:xxs"] {
4308
+ [cds-layout~="m-t:xxxs"] {
4210
4309
  margin-top: var(--δ1) !important;
4211
4310
  }
4212
4311
 
4213
- [cds-layout~="m-r:xxs"] {
4312
+ [cds-layout~="m-r:xxxs"] {
4214
4313
  margin-right: var(--δ1) !important;
4215
4314
  }
4216
4315
 
4217
- [cds-layout~="m-b:xxs"] {
4316
+ [cds-layout~="m-b:xxxs"] {
4218
4317
  margin-bottom: var(--δ1) !important;
4219
4318
  }
4220
4319
 
4221
- [cds-layout~="m-l:xxs"] {
4320
+ [cds-layout~="m-l:xxxs"] {
4222
4321
  margin-left: var(--δ1) !important;
4223
4322
  }
4224
4323
 
4225
- [cds-layout~="m-t:xs"] {
4324
+ [cds-layout~="m-t:xxs"] {
4226
4325
  margin-top: var(--δ2) !important;
4227
4326
  }
4228
4327
 
4229
- [cds-layout~="m-r:xs"] {
4328
+ [cds-layout~="m-r:xxs"] {
4230
4329
  margin-right: var(--δ2) !important;
4231
4330
  }
4232
4331
 
4233
- [cds-layout~="m-b:xs"] {
4332
+ [cds-layout~="m-b:xxs"] {
4234
4333
  margin-bottom: var(--δ2) !important;
4235
4334
  }
4236
4335
 
4237
- [cds-layout~="m-l:xs"] {
4336
+ [cds-layout~="m-l:xxs"] {
4238
4337
  margin-left: var(--δ2) !important;
4239
4338
  }
4240
4339
 
4241
- [cds-layout~="m-t:sm"] {
4340
+ [cds-layout~="m-t:xs"] {
4242
4341
  margin-top: var(--δ3) !important;
4243
4342
  }
4244
4343
 
4245
- [cds-layout~="m-r:sm"] {
4344
+ [cds-layout~="m-r:xs"] {
4246
4345
  margin-right: var(--δ3) !important;
4247
4346
  }
4248
4347
 
4249
- [cds-layout~="m-b:sm"] {
4348
+ [cds-layout~="m-b:xs"] {
4250
4349
  margin-bottom: var(--δ3) !important;
4251
4350
  }
4252
4351
 
4253
- [cds-layout~="m-l:sm"] {
4352
+ [cds-layout~="m-l:xs"] {
4254
4353
  margin-left: var(--δ3) !important;
4255
4354
  }
4256
4355
 
4257
- [cds-layout~="m-t:md"] {
4356
+ [cds-layout~="m-t:sm"] {
4258
4357
  margin-top: var(--δ4) !important;
4259
4358
  }
4260
4359
 
4261
- [cds-layout~="m-r:md"] {
4360
+ [cds-layout~="m-r:sm"] {
4262
4361
  margin-right: var(--δ4) !important;
4263
4362
  }
4264
4363
 
4265
- [cds-layout~="m-b:md"] {
4364
+ [cds-layout~="m-b:sm"] {
4266
4365
  margin-bottom: var(--δ4) !important;
4267
4366
  }
4268
4367
 
4269
- [cds-layout~="m-l:md"] {
4368
+ [cds-layout~="m-l:sm"] {
4270
4369
  margin-left: var(--δ4) !important;
4271
4370
  }
4272
4371
 
4273
- [cds-layout~="m-t:lg"] {
4372
+ [cds-layout~="m-t:md"] {
4274
4373
  margin-top: var(--δ5) !important;
4275
4374
  }
4276
4375
 
4277
- [cds-layout~="m-r:lg"] {
4376
+ [cds-layout~="m-r:md"] {
4278
4377
  margin-right: var(--δ5) !important;
4279
4378
  }
4280
4379
 
4281
- [cds-layout~="m-b:lg"] {
4380
+ [cds-layout~="m-b:md"] {
4282
4381
  margin-bottom: var(--δ5) !important;
4283
4382
  }
4284
4383
 
4285
- [cds-layout~="m-l:lg"] {
4384
+ [cds-layout~="m-l:md"] {
4286
4385
  margin-left: var(--δ5) !important;
4287
4386
  }
4288
4387
 
4289
- [cds-layout~="m-t:xl"] {
4388
+ [cds-layout~="m-t:lg"] {
4290
4389
  margin-top: var(--δ6) !important;
4291
4390
  }
4292
4391
 
4293
- [cds-layout~="m-r:xl"] {
4392
+ [cds-layout~="m-r:lg"] {
4294
4393
  margin-right: var(--δ6) !important;
4295
4394
  }
4296
4395
 
4297
- [cds-layout~="m-b:xl"] {
4396
+ [cds-layout~="m-b:lg"] {
4298
4397
  margin-bottom: var(--δ6) !important;
4299
4398
  }
4300
4399
 
4301
- [cds-layout~="m-l:xl"] {
4400
+ [cds-layout~="m-l:lg"] {
4302
4401
  margin-left: var(--δ6) !important;
4303
4402
  }
4304
4403
 
4305
- [cds-layout~="m-t:xxl"] {
4404
+ [cds-layout~="m-t:xl"] {
4306
4405
  margin-top: var(--δ7) !important;
4307
4406
  }
4308
4407
 
4309
- [cds-layout~="m-r:xxl"] {
4408
+ [cds-layout~="m-r:xl"] {
4310
4409
  margin-right: var(--δ7) !important;
4311
4410
  }
4312
4411
 
4313
- [cds-layout~="m-b:xxl"] {
4412
+ [cds-layout~="m-b:xl"] {
4314
4413
  margin-bottom: var(--δ7) !important;
4315
4414
  }
4316
4415
 
4317
- [cds-layout~="m-l:xxl"] {
4416
+ [cds-layout~="m-l:xl"] {
4318
4417
  margin-left: var(--δ7) !important;
4319
4418
  }
4320
4419
 
4321
- @media (min-width: 576px) {
4322
- [cds-layout*="gap@xs:none"] {
4323
- gap: 0;
4324
- }
4420
+ [cds-layout~="m-t:xxl"] {
4421
+ margin-top: var(--δ8) !important;
4422
+ }
4325
4423
 
4326
- [cds-layout*="gap@xs:xxs"] {
4424
+ [cds-layout~="m-r:xxl"] {
4425
+ margin-right: var(--δ8) !important;
4426
+ }
4427
+
4428
+ [cds-layout~="m-b:xxl"] {
4429
+ margin-bottom: var(--δ8) !important;
4430
+ }
4431
+
4432
+ [cds-layout~="m-l:xxl"] {
4433
+ margin-left: var(--δ8) !important;
4434
+ }
4435
+
4436
+ [cds-layout~="m-t:xxxl"] {
4437
+ margin-top: var(--δ9) !important;
4438
+ }
4439
+
4440
+ [cds-layout~="m-r:xxxl"] {
4441
+ margin-right: var(--δ9) !important;
4442
+ }
4443
+
4444
+ [cds-layout~="m-b:xxxl"] {
4445
+ margin-bottom: var(--δ9) !important;
4446
+ }
4447
+
4448
+ [cds-layout~="m-l:xxxl"] {
4449
+ margin-left: var(--δ9) !important;
4450
+ }
4451
+
4452
+ @media (min-width: 576px) {
4453
+ [cds-layout*="gap@xs:none"] {
4454
+ gap: 0;
4455
+ }
4456
+
4457
+ [cds-layout*="gap@xs:xxxs"] {
4327
4458
  gap: var(--δ1);
4328
4459
  }
4329
4460
 
4330
- [cds-layout*="gap@xs:xs"] {
4461
+ [cds-layout*="gap@xs:xxs"] {
4331
4462
  gap: var(--δ2);
4332
4463
  }
4333
4464
 
4334
- [cds-layout*="gap@xs:sm"] {
4465
+ [cds-layout*="gap@xs:xs"] {
4335
4466
  gap: var(--δ3);
4336
4467
  }
4337
4468
 
4338
- [cds-layout*="gap@xs:md"] {
4469
+ [cds-layout*="gap@xs:sm"] {
4339
4470
  gap: var(--δ4);
4340
4471
  }
4341
4472
 
4342
- [cds-layout*="gap@xs:lg"] {
4473
+ [cds-layout*="gap@xs:md"] {
4343
4474
  gap: var(--δ5);
4344
4475
  }
4345
4476
 
4346
- [cds-layout*="gap@xs:xl"] {
4477
+ [cds-layout*="gap@xs:lg"] {
4347
4478
  gap: var(--δ6);
4348
4479
  }
4349
4480
 
4350
- [cds-layout*="gap@xs:xxl"] {
4481
+ [cds-layout*="gap@xs:xl"] {
4351
4482
  gap: var(--δ7);
4352
4483
  }
4353
4484
 
4485
+ [cds-layout*="gap@xs:xxl"] {
4486
+ gap: var(--δ8);
4487
+ }
4488
+
4489
+ [cds-layout*="gap@xs:xxxl"] {
4490
+ gap: var(--δ9);
4491
+ }
4492
+
4354
4493
  [cds-layout~="p@xs:none"] {
4355
4494
  padding: 0 !important;
4356
4495
  }
@@ -4359,62 +4498,78 @@
4359
4498
  margin: 0 !important;
4360
4499
  }
4361
4500
 
4362
- [cds-layout~="p@xs:xxs"] {
4501
+ [cds-layout~="p@xs:xxxs"] {
4363
4502
  padding: var(--δ1) !important;
4364
4503
  }
4365
4504
 
4366
- [cds-layout~="m@xs:xxs"] {
4505
+ [cds-layout~="m@xs:xxxs"] {
4367
4506
  margin: var(--δ1) !important;
4368
4507
  }
4369
4508
 
4370
- [cds-layout~="p@xs:xs"] {
4509
+ [cds-layout~="p@xs:xxs"] {
4371
4510
  padding: var(--δ2) !important;
4372
4511
  }
4373
4512
 
4374
- [cds-layout~="m@xs:xs"] {
4513
+ [cds-layout~="m@xs:xxs"] {
4375
4514
  margin: var(--δ2) !important;
4376
4515
  }
4377
4516
 
4378
- [cds-layout~="p@xs:sm"] {
4517
+ [cds-layout~="p@xs:xs"] {
4379
4518
  padding: var(--δ3) !important;
4380
4519
  }
4381
4520
 
4382
- [cds-layout~="m@xs:sm"] {
4521
+ [cds-layout~="m@xs:xs"] {
4383
4522
  margin: var(--δ3) !important;
4384
4523
  }
4385
4524
 
4386
- [cds-layout~="p@xs:md"] {
4525
+ [cds-layout~="p@xs:sm"] {
4387
4526
  padding: var(--δ4) !important;
4388
4527
  }
4389
4528
 
4390
- [cds-layout~="m@xs:md"] {
4529
+ [cds-layout~="m@xs:sm"] {
4391
4530
  margin: var(--δ4) !important;
4392
4531
  }
4393
4532
 
4394
- [cds-layout~="p@xs:lg"] {
4533
+ [cds-layout~="p@xs:md"] {
4395
4534
  padding: var(--δ5) !important;
4396
4535
  }
4397
4536
 
4398
- [cds-layout~="m@xs:lg"] {
4537
+ [cds-layout~="m@xs:md"] {
4399
4538
  margin: var(--δ5) !important;
4400
4539
  }
4401
4540
 
4402
- [cds-layout~="p@xs:xl"] {
4541
+ [cds-layout~="p@xs:lg"] {
4403
4542
  padding: var(--δ6) !important;
4404
4543
  }
4405
4544
 
4406
- [cds-layout~="m@xs:xl"] {
4545
+ [cds-layout~="m@xs:lg"] {
4407
4546
  margin: var(--δ6) !important;
4408
4547
  }
4409
4548
 
4410
- [cds-layout~="p@xs:xxl"] {
4549
+ [cds-layout~="p@xs:xl"] {
4411
4550
  padding: var(--δ7) !important;
4412
4551
  }
4413
4552
 
4414
- [cds-layout~="m@xs:xxl"] {
4553
+ [cds-layout~="m@xs:xl"] {
4415
4554
  margin: var(--δ7) !important;
4416
4555
  }
4417
4556
 
4557
+ [cds-layout~="p@xs:xxl"] {
4558
+ padding: var(--δ8) !important;
4559
+ }
4560
+
4561
+ [cds-layout~="m@xs:xxl"] {
4562
+ margin: var(--δ8) !important;
4563
+ }
4564
+
4565
+ [cds-layout~="p@xs:xxxl"] {
4566
+ padding: var(--δ9) !important;
4567
+ }
4568
+
4569
+ [cds-layout~="m@xs:xxxl"] {
4570
+ margin: var(--δ9) !important;
4571
+ }
4572
+
4418
4573
  [cds-layout~="p-x@xs:none"] {
4419
4574
  padding-left: 0 !important;
4420
4575
  padding-right: 0 !important;
@@ -4425,76 +4580,96 @@
4425
4580
  padding-bottom: 0 !important;
4426
4581
  }
4427
4582
 
4428
- [cds-layout~="p-x@xs:xxs"] {
4583
+ [cds-layout~="p-x@xs:xxxs"] {
4429
4584
  padding-left: var(--δ1) !important;
4430
4585
  padding-right: var(--δ1) !important;
4431
4586
  }
4432
4587
 
4433
- [cds-layout~="p-y@xs:xxs"] {
4588
+ [cds-layout~="p-y@xs:xxxs"] {
4434
4589
  padding-top: var(--δ1) !important;
4435
4590
  padding-bottom: var(--δ1) !important;
4436
4591
  }
4437
4592
 
4438
- [cds-layout~="p-x@xs:xs"] {
4593
+ [cds-layout~="p-x@xs:xxs"] {
4439
4594
  padding-left: var(--δ2) !important;
4440
4595
  padding-right: var(--δ2) !important;
4441
4596
  }
4442
4597
 
4443
- [cds-layout~="p-y@xs:xs"] {
4598
+ [cds-layout~="p-y@xs:xxs"] {
4444
4599
  padding-top: var(--δ2) !important;
4445
4600
  padding-bottom: var(--δ2) !important;
4446
4601
  }
4447
4602
 
4448
- [cds-layout~="p-x@xs:sm"] {
4603
+ [cds-layout~="p-x@xs:xs"] {
4449
4604
  padding-left: var(--δ3) !important;
4450
4605
  padding-right: var(--δ3) !important;
4451
4606
  }
4452
4607
 
4453
- [cds-layout~="p-y@xs:sm"] {
4608
+ [cds-layout~="p-y@xs:xs"] {
4454
4609
  padding-top: var(--δ3) !important;
4455
4610
  padding-bottom: var(--δ3) !important;
4456
4611
  }
4457
4612
 
4458
- [cds-layout~="p-x@xs:md"] {
4613
+ [cds-layout~="p-x@xs:sm"] {
4459
4614
  padding-left: var(--δ4) !important;
4460
4615
  padding-right: var(--δ4) !important;
4461
4616
  }
4462
4617
 
4463
- [cds-layout~="p-y@xs:md"] {
4618
+ [cds-layout~="p-y@xs:sm"] {
4464
4619
  padding-top: var(--δ4) !important;
4465
4620
  padding-bottom: var(--δ4) !important;
4466
4621
  }
4467
4622
 
4468
- [cds-layout~="p-x@xs:lg"] {
4623
+ [cds-layout~="p-x@xs:md"] {
4469
4624
  padding-left: var(--δ5) !important;
4470
4625
  padding-right: var(--δ5) !important;
4471
4626
  }
4472
4627
 
4473
- [cds-layout~="p-y@xs:lg"] {
4628
+ [cds-layout~="p-y@xs:md"] {
4474
4629
  padding-top: var(--δ5) !important;
4475
4630
  padding-bottom: var(--δ5) !important;
4476
4631
  }
4477
4632
 
4478
- [cds-layout~="p-x@xs:xl"] {
4633
+ [cds-layout~="p-x@xs:lg"] {
4479
4634
  padding-left: var(--δ6) !important;
4480
4635
  padding-right: var(--δ6) !important;
4481
4636
  }
4482
4637
 
4483
- [cds-layout~="p-y@xs:xl"] {
4638
+ [cds-layout~="p-y@xs:lg"] {
4484
4639
  padding-top: var(--δ6) !important;
4485
4640
  padding-bottom: var(--δ6) !important;
4486
4641
  }
4487
4642
 
4488
- [cds-layout~="p-x@xs:xxl"] {
4643
+ [cds-layout~="p-x@xs:xl"] {
4489
4644
  padding-left: var(--δ7) !important;
4490
4645
  padding-right: var(--δ7) !important;
4491
4646
  }
4492
4647
 
4493
- [cds-layout~="p-y@xs:xxl"] {
4648
+ [cds-layout~="p-y@xs:xl"] {
4494
4649
  padding-top: var(--δ7) !important;
4495
4650
  padding-bottom: var(--δ7) !important;
4496
4651
  }
4497
4652
 
4653
+ [cds-layout~="p-x@xs:xxl"] {
4654
+ padding-left: var(--δ8) !important;
4655
+ padding-right: var(--δ8) !important;
4656
+ }
4657
+
4658
+ [cds-layout~="p-y@xs:xxl"] {
4659
+ padding-top: var(--δ8) !important;
4660
+ padding-bottom: var(--δ8) !important;
4661
+ }
4662
+
4663
+ [cds-layout~="p-x@xs:xxxl"] {
4664
+ padding-left: var(--δ9) !important;
4665
+ padding-right: var(--δ9) !important;
4666
+ }
4667
+
4668
+ [cds-layout~="p-y@xs:xxxl"] {
4669
+ padding-top: var(--δ9) !important;
4670
+ padding-bottom: var(--δ9) !important;
4671
+ }
4672
+
4498
4673
  [cds-layout~="m-x@xs:none"] {
4499
4674
  margin-left: 0 !important;
4500
4675
  margin-right: 0 !important;
@@ -4505,76 +4680,96 @@
4505
4680
  margin-bottom: 0 !important;
4506
4681
  }
4507
4682
 
4508
- [cds-layout~="m-x@xs:xxs"] {
4683
+ [cds-layout~="m-x@xs:xxxs"] {
4509
4684
  margin-left: var(--δ1) !important;
4510
4685
  margin-right: var(--δ1) !important;
4511
4686
  }
4512
4687
 
4513
- [cds-layout~="m-y@xs:xxs"] {
4688
+ [cds-layout~="m-y@xs:xxxs"] {
4514
4689
  margin-top: var(--δ1) !important;
4515
4690
  margin-bottom: var(--δ1) !important;
4516
4691
  }
4517
4692
 
4518
- [cds-layout~="m-x@xs:xs"] {
4693
+ [cds-layout~="m-x@xs:xxs"] {
4519
4694
  margin-left: var(--δ2) !important;
4520
4695
  margin-right: var(--δ2) !important;
4521
4696
  }
4522
4697
 
4523
- [cds-layout~="m-y@xs:xs"] {
4698
+ [cds-layout~="m-y@xs:xxs"] {
4524
4699
  margin-top: var(--δ2) !important;
4525
4700
  margin-bottom: var(--δ2) !important;
4526
4701
  }
4527
4702
 
4528
- [cds-layout~="m-x@xs:sm"] {
4703
+ [cds-layout~="m-x@xs:xs"] {
4529
4704
  margin-left: var(--δ3) !important;
4530
4705
  margin-right: var(--δ3) !important;
4531
4706
  }
4532
4707
 
4533
- [cds-layout~="m-y@xs:sm"] {
4708
+ [cds-layout~="m-y@xs:xs"] {
4534
4709
  margin-top: var(--δ3) !important;
4535
4710
  margin-bottom: var(--δ3) !important;
4536
4711
  }
4537
4712
 
4538
- [cds-layout~="m-x@xs:md"] {
4713
+ [cds-layout~="m-x@xs:sm"] {
4539
4714
  margin-left: var(--δ4) !important;
4540
4715
  margin-right: var(--δ4) !important;
4541
4716
  }
4542
4717
 
4543
- [cds-layout~="m-y@xs:md"] {
4718
+ [cds-layout~="m-y@xs:sm"] {
4544
4719
  margin-top: var(--δ4) !important;
4545
4720
  margin-bottom: var(--δ4) !important;
4546
4721
  }
4547
4722
 
4548
- [cds-layout~="m-x@xs:lg"] {
4723
+ [cds-layout~="m-x@xs:md"] {
4549
4724
  margin-left: var(--δ5) !important;
4550
4725
  margin-right: var(--δ5) !important;
4551
4726
  }
4552
4727
 
4553
- [cds-layout~="m-y@xs:lg"] {
4728
+ [cds-layout~="m-y@xs:md"] {
4554
4729
  margin-top: var(--δ5) !important;
4555
4730
  margin-bottom: var(--δ5) !important;
4556
4731
  }
4557
4732
 
4558
- [cds-layout~="m-x@xs:xl"] {
4733
+ [cds-layout~="m-x@xs:lg"] {
4559
4734
  margin-left: var(--δ6) !important;
4560
4735
  margin-right: var(--δ6) !important;
4561
4736
  }
4562
4737
 
4563
- [cds-layout~="m-y@xs:xl"] {
4738
+ [cds-layout~="m-y@xs:lg"] {
4564
4739
  margin-top: var(--δ6) !important;
4565
4740
  margin-bottom: var(--δ6) !important;
4566
4741
  }
4567
4742
 
4568
- [cds-layout~="m-x@xs:xxl"] {
4743
+ [cds-layout~="m-x@xs:xl"] {
4569
4744
  margin-left: var(--δ7) !important;
4570
4745
  margin-right: var(--δ7) !important;
4571
4746
  }
4572
4747
 
4573
- [cds-layout~="m-y@xs:xxl"] {
4748
+ [cds-layout~="m-y@xs:xl"] {
4574
4749
  margin-top: var(--δ7) !important;
4575
4750
  margin-bottom: var(--δ7) !important;
4576
4751
  }
4577
4752
 
4753
+ [cds-layout~="m-x@xs:xxl"] {
4754
+ margin-left: var(--δ8) !important;
4755
+ margin-right: var(--δ8) !important;
4756
+ }
4757
+
4758
+ [cds-layout~="m-y@xs:xxl"] {
4759
+ margin-top: var(--δ8) !important;
4760
+ margin-bottom: var(--δ8) !important;
4761
+ }
4762
+
4763
+ [cds-layout~="m-x@xs:xxxl"] {
4764
+ margin-left: var(--δ9) !important;
4765
+ margin-right: var(--δ9) !important;
4766
+ }
4767
+
4768
+ [cds-layout~="m-y@xs:xxxl"] {
4769
+ margin-top: var(--δ9) !important;
4770
+ margin-bottom: var(--δ9) !important;
4771
+ }
4772
+
4578
4773
  [cds-layout~="p-t@xs:none"] {
4579
4774
  padding-top: 0 !important;
4580
4775
  }
@@ -4591,118 +4786,150 @@
4591
4786
  padding-left: 0 !important;
4592
4787
  }
4593
4788
 
4594
- [cds-layout~="p-t@xs:xxs"] {
4789
+ [cds-layout~="p-t@xs:xxxs"] {
4595
4790
  padding-top: var(--δ1) !important;
4596
4791
  }
4597
4792
 
4598
- [cds-layout~="p-r@xs:xxs"] {
4793
+ [cds-layout~="p-r@xs:xxxs"] {
4599
4794
  padding-right: var(--δ1) !important;
4600
4795
  }
4601
4796
 
4602
- [cds-layout~="p-b@xs:xxs"] {
4797
+ [cds-layout~="p-b@xs:xxxs"] {
4603
4798
  padding-bottom: var(--δ1) !important;
4604
4799
  }
4605
4800
 
4606
- [cds-layout~="p-l@xs:xxs"] {
4801
+ [cds-layout~="p-l@xs:xxxs"] {
4607
4802
  padding-left: var(--δ1) !important;
4608
4803
  }
4609
4804
 
4610
- [cds-layout~="p-t@xs:xs"] {
4805
+ [cds-layout~="p-t@xs:xxs"] {
4611
4806
  padding-top: var(--δ2) !important;
4612
4807
  }
4613
4808
 
4614
- [cds-layout~="p-r@xs:xs"] {
4809
+ [cds-layout~="p-r@xs:xxs"] {
4615
4810
  padding-right: var(--δ2) !important;
4616
4811
  }
4617
4812
 
4618
- [cds-layout~="p-b@xs:xs"] {
4813
+ [cds-layout~="p-b@xs:xxs"] {
4619
4814
  padding-bottom: var(--δ2) !important;
4620
4815
  }
4621
4816
 
4622
- [cds-layout~="p-l@xs:xs"] {
4817
+ [cds-layout~="p-l@xs:xxs"] {
4623
4818
  padding-left: var(--δ2) !important;
4624
4819
  }
4625
4820
 
4626
- [cds-layout~="p-t@xs:sm"] {
4821
+ [cds-layout~="p-t@xs:xs"] {
4627
4822
  padding-top: var(--δ3) !important;
4628
4823
  }
4629
4824
 
4630
- [cds-layout~="p-r@xs:sm"] {
4825
+ [cds-layout~="p-r@xs:xs"] {
4631
4826
  padding-right: var(--δ3) !important;
4632
4827
  }
4633
4828
 
4634
- [cds-layout~="p-b@xs:sm"] {
4829
+ [cds-layout~="p-b@xs:xs"] {
4635
4830
  padding-bottom: var(--δ3) !important;
4636
4831
  }
4637
4832
 
4638
- [cds-layout~="p-l@xs:sm"] {
4833
+ [cds-layout~="p-l@xs:xs"] {
4639
4834
  padding-left: var(--δ3) !important;
4640
4835
  }
4641
4836
 
4642
- [cds-layout~="p-t@xs:md"] {
4837
+ [cds-layout~="p-t@xs:sm"] {
4643
4838
  padding-top: var(--δ4) !important;
4644
4839
  }
4645
4840
 
4646
- [cds-layout~="p-r@xs:md"] {
4841
+ [cds-layout~="p-r@xs:sm"] {
4647
4842
  padding-right: var(--δ4) !important;
4648
4843
  }
4649
4844
 
4650
- [cds-layout~="p-b@xs:md"] {
4845
+ [cds-layout~="p-b@xs:sm"] {
4651
4846
  padding-bottom: var(--δ4) !important;
4652
4847
  }
4653
4848
 
4654
- [cds-layout~="p-l@xs:md"] {
4849
+ [cds-layout~="p-l@xs:sm"] {
4655
4850
  padding-left: var(--δ4) !important;
4656
4851
  }
4657
4852
 
4658
- [cds-layout~="p-t@xs:lg"] {
4853
+ [cds-layout~="p-t@xs:md"] {
4659
4854
  padding-top: var(--δ5) !important;
4660
4855
  }
4661
4856
 
4662
- [cds-layout~="p-r@xs:lg"] {
4857
+ [cds-layout~="p-r@xs:md"] {
4663
4858
  padding-right: var(--δ5) !important;
4664
4859
  }
4665
4860
 
4666
- [cds-layout~="p-b@xs:lg"] {
4861
+ [cds-layout~="p-b@xs:md"] {
4667
4862
  padding-bottom: var(--δ5) !important;
4668
4863
  }
4669
4864
 
4670
- [cds-layout~="p-l@xs:lg"] {
4865
+ [cds-layout~="p-l@xs:md"] {
4671
4866
  padding-left: var(--δ5) !important;
4672
4867
  }
4673
4868
 
4674
- [cds-layout~="p-t@xs:xl"] {
4869
+ [cds-layout~="p-t@xs:lg"] {
4675
4870
  padding-top: var(--δ6) !important;
4676
4871
  }
4677
4872
 
4678
- [cds-layout~="p-r@xs:xl"] {
4873
+ [cds-layout~="p-r@xs:lg"] {
4679
4874
  padding-right: var(--δ6) !important;
4680
4875
  }
4681
4876
 
4682
- [cds-layout~="p-b@xs:xl"] {
4877
+ [cds-layout~="p-b@xs:lg"] {
4683
4878
  padding-bottom: var(--δ6) !important;
4684
4879
  }
4685
4880
 
4686
- [cds-layout~="p-l@xs:xl"] {
4881
+ [cds-layout~="p-l@xs:lg"] {
4687
4882
  padding-left: var(--δ6) !important;
4688
4883
  }
4689
4884
 
4690
- [cds-layout~="p-t@xs:xxl"] {
4885
+ [cds-layout~="p-t@xs:xl"] {
4691
4886
  padding-top: var(--δ7) !important;
4692
4887
  }
4693
4888
 
4694
- [cds-layout~="p-r@xs:xxl"] {
4889
+ [cds-layout~="p-r@xs:xl"] {
4695
4890
  padding-right: var(--δ7) !important;
4696
4891
  }
4697
4892
 
4698
- [cds-layout~="p-b@xs:xxl"] {
4893
+ [cds-layout~="p-b@xs:xl"] {
4699
4894
  padding-bottom: var(--δ7) !important;
4700
4895
  }
4701
4896
 
4702
- [cds-layout~="p-l@xs:xxl"] {
4897
+ [cds-layout~="p-l@xs:xl"] {
4703
4898
  padding-left: var(--δ7) !important;
4704
4899
  }
4705
4900
 
4901
+ [cds-layout~="p-t@xs:xxl"] {
4902
+ padding-top: var(--δ8) !important;
4903
+ }
4904
+
4905
+ [cds-layout~="p-r@xs:xxl"] {
4906
+ padding-right: var(--δ8) !important;
4907
+ }
4908
+
4909
+ [cds-layout~="p-b@xs:xxl"] {
4910
+ padding-bottom: var(--δ8) !important;
4911
+ }
4912
+
4913
+ [cds-layout~="p-l@xs:xxl"] {
4914
+ padding-left: var(--δ8) !important;
4915
+ }
4916
+
4917
+ [cds-layout~="p-t@xs:xxxl"] {
4918
+ padding-top: var(--δ9) !important;
4919
+ }
4920
+
4921
+ [cds-layout~="p-r@xs:xxxl"] {
4922
+ padding-right: var(--δ9) !important;
4923
+ }
4924
+
4925
+ [cds-layout~="p-b@xs:xxxl"] {
4926
+ padding-bottom: var(--δ9) !important;
4927
+ }
4928
+
4929
+ [cds-layout~="p-l@xs:xxxl"] {
4930
+ padding-left: var(--δ9) !important;
4931
+ }
4932
+
4706
4933
  [cds-layout~="m-t@xs:none"] {
4707
4934
  margin-top: 0 !important;
4708
4935
  }
@@ -4719,151 +4946,191 @@
4719
4946
  margin-left: 0 !important;
4720
4947
  }
4721
4948
 
4722
- [cds-layout~="m-t@xs:xxs"] {
4949
+ [cds-layout~="m-t@xs:xxxs"] {
4723
4950
  margin-top: var(--δ1) !important;
4724
4951
  }
4725
4952
 
4726
- [cds-layout~="m-r@xs:xxs"] {
4953
+ [cds-layout~="m-r@xs:xxxs"] {
4727
4954
  margin-right: var(--δ1) !important;
4728
4955
  }
4729
4956
 
4730
- [cds-layout~="m-b@xs:xxs"] {
4957
+ [cds-layout~="m-b@xs:xxxs"] {
4731
4958
  margin-bottom: var(--δ1) !important;
4732
4959
  }
4733
4960
 
4734
- [cds-layout~="m-l@xs:xxs"] {
4961
+ [cds-layout~="m-l@xs:xxxs"] {
4735
4962
  margin-left: var(--δ1) !important;
4736
4963
  }
4737
4964
 
4738
- [cds-layout~="m-t@xs:xs"] {
4965
+ [cds-layout~="m-t@xs:xxs"] {
4739
4966
  margin-top: var(--δ2) !important;
4740
4967
  }
4741
4968
 
4742
- [cds-layout~="m-r@xs:xs"] {
4969
+ [cds-layout~="m-r@xs:xxs"] {
4743
4970
  margin-right: var(--δ2) !important;
4744
4971
  }
4745
4972
 
4746
- [cds-layout~="m-b@xs:xs"] {
4973
+ [cds-layout~="m-b@xs:xxs"] {
4747
4974
  margin-bottom: var(--δ2) !important;
4748
4975
  }
4749
4976
 
4750
- [cds-layout~="m-l@xs:xs"] {
4977
+ [cds-layout~="m-l@xs:xxs"] {
4751
4978
  margin-left: var(--δ2) !important;
4752
4979
  }
4753
4980
 
4754
- [cds-layout~="m-t@xs:sm"] {
4981
+ [cds-layout~="m-t@xs:xs"] {
4755
4982
  margin-top: var(--δ3) !important;
4756
4983
  }
4757
4984
 
4758
- [cds-layout~="m-r@xs:sm"] {
4985
+ [cds-layout~="m-r@xs:xs"] {
4759
4986
  margin-right: var(--δ3) !important;
4760
4987
  }
4761
4988
 
4762
- [cds-layout~="m-b@xs:sm"] {
4989
+ [cds-layout~="m-b@xs:xs"] {
4763
4990
  margin-bottom: var(--δ3) !important;
4764
4991
  }
4765
4992
 
4766
- [cds-layout~="m-l@xs:sm"] {
4993
+ [cds-layout~="m-l@xs:xs"] {
4767
4994
  margin-left: var(--δ3) !important;
4768
4995
  }
4769
4996
 
4770
- [cds-layout~="m-t@xs:md"] {
4997
+ [cds-layout~="m-t@xs:sm"] {
4771
4998
  margin-top: var(--δ4) !important;
4772
4999
  }
4773
5000
 
4774
- [cds-layout~="m-r@xs:md"] {
5001
+ [cds-layout~="m-r@xs:sm"] {
4775
5002
  margin-right: var(--δ4) !important;
4776
5003
  }
4777
5004
 
4778
- [cds-layout~="m-b@xs:md"] {
5005
+ [cds-layout~="m-b@xs:sm"] {
4779
5006
  margin-bottom: var(--δ4) !important;
4780
5007
  }
4781
5008
 
4782
- [cds-layout~="m-l@xs:md"] {
5009
+ [cds-layout~="m-l@xs:sm"] {
4783
5010
  margin-left: var(--δ4) !important;
4784
5011
  }
4785
5012
 
4786
- [cds-layout~="m-t@xs:lg"] {
5013
+ [cds-layout~="m-t@xs:md"] {
4787
5014
  margin-top: var(--δ5) !important;
4788
5015
  }
4789
5016
 
4790
- [cds-layout~="m-r@xs:lg"] {
5017
+ [cds-layout~="m-r@xs:md"] {
4791
5018
  margin-right: var(--δ5) !important;
4792
5019
  }
4793
5020
 
4794
- [cds-layout~="m-b@xs:lg"] {
5021
+ [cds-layout~="m-b@xs:md"] {
4795
5022
  margin-bottom: var(--δ5) !important;
4796
5023
  }
4797
5024
 
4798
- [cds-layout~="m-l@xs:lg"] {
5025
+ [cds-layout~="m-l@xs:md"] {
4799
5026
  margin-left: var(--δ5) !important;
4800
5027
  }
4801
5028
 
4802
- [cds-layout~="m-t@xs:xl"] {
5029
+ [cds-layout~="m-t@xs:lg"] {
4803
5030
  margin-top: var(--δ6) !important;
4804
5031
  }
4805
5032
 
4806
- [cds-layout~="m-r@xs:xl"] {
5033
+ [cds-layout~="m-r@xs:lg"] {
4807
5034
  margin-right: var(--δ6) !important;
4808
5035
  }
4809
5036
 
4810
- [cds-layout~="m-b@xs:xl"] {
5037
+ [cds-layout~="m-b@xs:lg"] {
4811
5038
  margin-bottom: var(--δ6) !important;
4812
5039
  }
4813
5040
 
4814
- [cds-layout~="m-l@xs:xl"] {
5041
+ [cds-layout~="m-l@xs:lg"] {
4815
5042
  margin-left: var(--δ6) !important;
4816
5043
  }
4817
5044
 
4818
- [cds-layout~="m-t@xs:xxl"] {
5045
+ [cds-layout~="m-t@xs:xl"] {
4819
5046
  margin-top: var(--δ7) !important;
4820
5047
  }
4821
5048
 
4822
- [cds-layout~="m-r@xs:xxl"] {
5049
+ [cds-layout~="m-r@xs:xl"] {
4823
5050
  margin-right: var(--δ7) !important;
4824
5051
  }
4825
5052
 
4826
- [cds-layout~="m-b@xs:xxl"] {
5053
+ [cds-layout~="m-b@xs:xl"] {
4827
5054
  margin-bottom: var(--δ7) !important;
4828
5055
  }
4829
5056
 
4830
- [cds-layout~="m-l@xs:xxl"] {
5057
+ [cds-layout~="m-l@xs:xl"] {
4831
5058
  margin-left: var(--δ7) !important;
4832
5059
  }
5060
+
5061
+ [cds-layout~="m-t@xs:xxl"] {
5062
+ margin-top: var(--δ8) !important;
5063
+ }
5064
+
5065
+ [cds-layout~="m-r@xs:xxl"] {
5066
+ margin-right: var(--δ8) !important;
5067
+ }
5068
+
5069
+ [cds-layout~="m-b@xs:xxl"] {
5070
+ margin-bottom: var(--δ8) !important;
5071
+ }
5072
+
5073
+ [cds-layout~="m-l@xs:xxl"] {
5074
+ margin-left: var(--δ8) !important;
5075
+ }
5076
+
5077
+ [cds-layout~="m-t@xs:xxxl"] {
5078
+ margin-top: var(--δ9) !important;
5079
+ }
5080
+
5081
+ [cds-layout~="m-r@xs:xxxl"] {
5082
+ margin-right: var(--δ9) !important;
5083
+ }
5084
+
5085
+ [cds-layout~="m-b@xs:xxxl"] {
5086
+ margin-bottom: var(--δ9) !important;
5087
+ }
5088
+
5089
+ [cds-layout~="m-l@xs:xxxl"] {
5090
+ margin-left: var(--δ9) !important;
5091
+ }
4833
5092
  }
4834
5093
  @media (min-width: 768px) {
4835
5094
  [cds-layout*="gap@sm:none"] {
4836
5095
  gap: 0;
4837
5096
  }
4838
5097
 
4839
- [cds-layout*="gap@sm:xxs"] {
5098
+ [cds-layout*="gap@sm:xxxs"] {
4840
5099
  gap: var(--δ1);
4841
5100
  }
4842
5101
 
4843
- [cds-layout*="gap@sm:xs"] {
5102
+ [cds-layout*="gap@sm:xxs"] {
4844
5103
  gap: var(--δ2);
4845
5104
  }
4846
5105
 
4847
- [cds-layout*="gap@sm:sm"] {
5106
+ [cds-layout*="gap@sm:xs"] {
4848
5107
  gap: var(--δ3);
4849
5108
  }
4850
5109
 
4851
- [cds-layout*="gap@sm:md"] {
5110
+ [cds-layout*="gap@sm:sm"] {
4852
5111
  gap: var(--δ4);
4853
5112
  }
4854
5113
 
4855
- [cds-layout*="gap@sm:lg"] {
5114
+ [cds-layout*="gap@sm:md"] {
4856
5115
  gap: var(--δ5);
4857
5116
  }
4858
5117
 
4859
- [cds-layout*="gap@sm:xl"] {
5118
+ [cds-layout*="gap@sm:lg"] {
4860
5119
  gap: var(--δ6);
4861
5120
  }
4862
5121
 
4863
- [cds-layout*="gap@sm:xxl"] {
5122
+ [cds-layout*="gap@sm:xl"] {
4864
5123
  gap: var(--δ7);
4865
5124
  }
4866
5125
 
5126
+ [cds-layout*="gap@sm:xxl"] {
5127
+ gap: var(--δ8);
5128
+ }
5129
+
5130
+ [cds-layout*="gap@sm:xxxl"] {
5131
+ gap: var(--δ9);
5132
+ }
5133
+
4867
5134
  [cds-layout~="p@sm:none"] {
4868
5135
  padding: 0 !important;
4869
5136
  }
@@ -4872,62 +5139,78 @@
4872
5139
  margin: 0 !important;
4873
5140
  }
4874
5141
 
4875
- [cds-layout~="p@sm:xxs"] {
5142
+ [cds-layout~="p@sm:xxxs"] {
4876
5143
  padding: var(--δ1) !important;
4877
5144
  }
4878
5145
 
4879
- [cds-layout~="m@sm:xxs"] {
5146
+ [cds-layout~="m@sm:xxxs"] {
4880
5147
  margin: var(--δ1) !important;
4881
5148
  }
4882
5149
 
4883
- [cds-layout~="p@sm:xs"] {
5150
+ [cds-layout~="p@sm:xxs"] {
4884
5151
  padding: var(--δ2) !important;
4885
5152
  }
4886
5153
 
4887
- [cds-layout~="m@sm:xs"] {
5154
+ [cds-layout~="m@sm:xxs"] {
4888
5155
  margin: var(--δ2) !important;
4889
5156
  }
4890
5157
 
4891
- [cds-layout~="p@sm:sm"] {
5158
+ [cds-layout~="p@sm:xs"] {
4892
5159
  padding: var(--δ3) !important;
4893
5160
  }
4894
5161
 
4895
- [cds-layout~="m@sm:sm"] {
5162
+ [cds-layout~="m@sm:xs"] {
4896
5163
  margin: var(--δ3) !important;
4897
5164
  }
4898
5165
 
4899
- [cds-layout~="p@sm:md"] {
5166
+ [cds-layout~="p@sm:sm"] {
4900
5167
  padding: var(--δ4) !important;
4901
5168
  }
4902
5169
 
4903
- [cds-layout~="m@sm:md"] {
5170
+ [cds-layout~="m@sm:sm"] {
4904
5171
  margin: var(--δ4) !important;
4905
5172
  }
4906
5173
 
4907
- [cds-layout~="p@sm:lg"] {
5174
+ [cds-layout~="p@sm:md"] {
4908
5175
  padding: var(--δ5) !important;
4909
5176
  }
4910
5177
 
4911
- [cds-layout~="m@sm:lg"] {
5178
+ [cds-layout~="m@sm:md"] {
4912
5179
  margin: var(--δ5) !important;
4913
5180
  }
4914
5181
 
4915
- [cds-layout~="p@sm:xl"] {
5182
+ [cds-layout~="p@sm:lg"] {
4916
5183
  padding: var(--δ6) !important;
4917
5184
  }
4918
5185
 
4919
- [cds-layout~="m@sm:xl"] {
5186
+ [cds-layout~="m@sm:lg"] {
4920
5187
  margin: var(--δ6) !important;
4921
5188
  }
4922
5189
 
4923
- [cds-layout~="p@sm:xxl"] {
5190
+ [cds-layout~="p@sm:xl"] {
4924
5191
  padding: var(--δ7) !important;
4925
5192
  }
4926
5193
 
4927
- [cds-layout~="m@sm:xxl"] {
5194
+ [cds-layout~="m@sm:xl"] {
4928
5195
  margin: var(--δ7) !important;
4929
5196
  }
4930
5197
 
5198
+ [cds-layout~="p@sm:xxl"] {
5199
+ padding: var(--δ8) !important;
5200
+ }
5201
+
5202
+ [cds-layout~="m@sm:xxl"] {
5203
+ margin: var(--δ8) !important;
5204
+ }
5205
+
5206
+ [cds-layout~="p@sm:xxxl"] {
5207
+ padding: var(--δ9) !important;
5208
+ }
5209
+
5210
+ [cds-layout~="m@sm:xxxl"] {
5211
+ margin: var(--δ9) !important;
5212
+ }
5213
+
4931
5214
  [cds-layout~="p-x@sm:none"] {
4932
5215
  padding-left: 0 !important;
4933
5216
  padding-right: 0 !important;
@@ -4938,76 +5221,96 @@
4938
5221
  padding-bottom: 0 !important;
4939
5222
  }
4940
5223
 
4941
- [cds-layout~="p-x@sm:xxs"] {
5224
+ [cds-layout~="p-x@sm:xxxs"] {
4942
5225
  padding-left: var(--δ1) !important;
4943
5226
  padding-right: var(--δ1) !important;
4944
5227
  }
4945
5228
 
4946
- [cds-layout~="p-y@sm:xxs"] {
5229
+ [cds-layout~="p-y@sm:xxxs"] {
4947
5230
  padding-top: var(--δ1) !important;
4948
5231
  padding-bottom: var(--δ1) !important;
4949
5232
  }
4950
5233
 
4951
- [cds-layout~="p-x@sm:xs"] {
5234
+ [cds-layout~="p-x@sm:xxs"] {
4952
5235
  padding-left: var(--δ2) !important;
4953
5236
  padding-right: var(--δ2) !important;
4954
5237
  }
4955
5238
 
4956
- [cds-layout~="p-y@sm:xs"] {
5239
+ [cds-layout~="p-y@sm:xxs"] {
4957
5240
  padding-top: var(--δ2) !important;
4958
5241
  padding-bottom: var(--δ2) !important;
4959
5242
  }
4960
5243
 
4961
- [cds-layout~="p-x@sm:sm"] {
5244
+ [cds-layout~="p-x@sm:xs"] {
4962
5245
  padding-left: var(--δ3) !important;
4963
5246
  padding-right: var(--δ3) !important;
4964
5247
  }
4965
5248
 
4966
- [cds-layout~="p-y@sm:sm"] {
5249
+ [cds-layout~="p-y@sm:xs"] {
4967
5250
  padding-top: var(--δ3) !important;
4968
5251
  padding-bottom: var(--δ3) !important;
4969
5252
  }
4970
5253
 
4971
- [cds-layout~="p-x@sm:md"] {
5254
+ [cds-layout~="p-x@sm:sm"] {
4972
5255
  padding-left: var(--δ4) !important;
4973
5256
  padding-right: var(--δ4) !important;
4974
5257
  }
4975
5258
 
4976
- [cds-layout~="p-y@sm:md"] {
5259
+ [cds-layout~="p-y@sm:sm"] {
4977
5260
  padding-top: var(--δ4) !important;
4978
5261
  padding-bottom: var(--δ4) !important;
4979
5262
  }
4980
5263
 
4981
- [cds-layout~="p-x@sm:lg"] {
5264
+ [cds-layout~="p-x@sm:md"] {
4982
5265
  padding-left: var(--δ5) !important;
4983
5266
  padding-right: var(--δ5) !important;
4984
5267
  }
4985
5268
 
4986
- [cds-layout~="p-y@sm:lg"] {
5269
+ [cds-layout~="p-y@sm:md"] {
4987
5270
  padding-top: var(--δ5) !important;
4988
5271
  padding-bottom: var(--δ5) !important;
4989
5272
  }
4990
5273
 
4991
- [cds-layout~="p-x@sm:xl"] {
5274
+ [cds-layout~="p-x@sm:lg"] {
4992
5275
  padding-left: var(--δ6) !important;
4993
5276
  padding-right: var(--δ6) !important;
4994
5277
  }
4995
5278
 
4996
- [cds-layout~="p-y@sm:xl"] {
5279
+ [cds-layout~="p-y@sm:lg"] {
4997
5280
  padding-top: var(--δ6) !important;
4998
5281
  padding-bottom: var(--δ6) !important;
4999
5282
  }
5000
5283
 
5001
- [cds-layout~="p-x@sm:xxl"] {
5284
+ [cds-layout~="p-x@sm:xl"] {
5002
5285
  padding-left: var(--δ7) !important;
5003
5286
  padding-right: var(--δ7) !important;
5004
5287
  }
5005
5288
 
5006
- [cds-layout~="p-y@sm:xxl"] {
5289
+ [cds-layout~="p-y@sm:xl"] {
5007
5290
  padding-top: var(--δ7) !important;
5008
5291
  padding-bottom: var(--δ7) !important;
5009
5292
  }
5010
5293
 
5294
+ [cds-layout~="p-x@sm:xxl"] {
5295
+ padding-left: var(--δ8) !important;
5296
+ padding-right: var(--δ8) !important;
5297
+ }
5298
+
5299
+ [cds-layout~="p-y@sm:xxl"] {
5300
+ padding-top: var(--δ8) !important;
5301
+ padding-bottom: var(--δ8) !important;
5302
+ }
5303
+
5304
+ [cds-layout~="p-x@sm:xxxl"] {
5305
+ padding-left: var(--δ9) !important;
5306
+ padding-right: var(--δ9) !important;
5307
+ }
5308
+
5309
+ [cds-layout~="p-y@sm:xxxl"] {
5310
+ padding-top: var(--δ9) !important;
5311
+ padding-bottom: var(--δ9) !important;
5312
+ }
5313
+
5011
5314
  [cds-layout~="m-x@sm:none"] {
5012
5315
  margin-left: 0 !important;
5013
5316
  margin-right: 0 !important;
@@ -5018,76 +5321,96 @@
5018
5321
  margin-bottom: 0 !important;
5019
5322
  }
5020
5323
 
5021
- [cds-layout~="m-x@sm:xxs"] {
5324
+ [cds-layout~="m-x@sm:xxxs"] {
5022
5325
  margin-left: var(--δ1) !important;
5023
5326
  margin-right: var(--δ1) !important;
5024
5327
  }
5025
5328
 
5026
- [cds-layout~="m-y@sm:xxs"] {
5329
+ [cds-layout~="m-y@sm:xxxs"] {
5027
5330
  margin-top: var(--δ1) !important;
5028
5331
  margin-bottom: var(--δ1) !important;
5029
5332
  }
5030
5333
 
5031
- [cds-layout~="m-x@sm:xs"] {
5334
+ [cds-layout~="m-x@sm:xxs"] {
5032
5335
  margin-left: var(--δ2) !important;
5033
5336
  margin-right: var(--δ2) !important;
5034
5337
  }
5035
5338
 
5036
- [cds-layout~="m-y@sm:xs"] {
5339
+ [cds-layout~="m-y@sm:xxs"] {
5037
5340
  margin-top: var(--δ2) !important;
5038
5341
  margin-bottom: var(--δ2) !important;
5039
5342
  }
5040
5343
 
5041
- [cds-layout~="m-x@sm:sm"] {
5344
+ [cds-layout~="m-x@sm:xs"] {
5042
5345
  margin-left: var(--δ3) !important;
5043
5346
  margin-right: var(--δ3) !important;
5044
5347
  }
5045
5348
 
5046
- [cds-layout~="m-y@sm:sm"] {
5349
+ [cds-layout~="m-y@sm:xs"] {
5047
5350
  margin-top: var(--δ3) !important;
5048
5351
  margin-bottom: var(--δ3) !important;
5049
5352
  }
5050
5353
 
5051
- [cds-layout~="m-x@sm:md"] {
5354
+ [cds-layout~="m-x@sm:sm"] {
5052
5355
  margin-left: var(--δ4) !important;
5053
5356
  margin-right: var(--δ4) !important;
5054
5357
  }
5055
5358
 
5056
- [cds-layout~="m-y@sm:md"] {
5359
+ [cds-layout~="m-y@sm:sm"] {
5057
5360
  margin-top: var(--δ4) !important;
5058
5361
  margin-bottom: var(--δ4) !important;
5059
5362
  }
5060
5363
 
5061
- [cds-layout~="m-x@sm:lg"] {
5364
+ [cds-layout~="m-x@sm:md"] {
5062
5365
  margin-left: var(--δ5) !important;
5063
5366
  margin-right: var(--δ5) !important;
5064
5367
  }
5065
5368
 
5066
- [cds-layout~="m-y@sm:lg"] {
5369
+ [cds-layout~="m-y@sm:md"] {
5067
5370
  margin-top: var(--δ5) !important;
5068
5371
  margin-bottom: var(--δ5) !important;
5069
5372
  }
5070
5373
 
5071
- [cds-layout~="m-x@sm:xl"] {
5374
+ [cds-layout~="m-x@sm:lg"] {
5072
5375
  margin-left: var(--δ6) !important;
5073
5376
  margin-right: var(--δ6) !important;
5074
5377
  }
5075
5378
 
5076
- [cds-layout~="m-y@sm:xl"] {
5379
+ [cds-layout~="m-y@sm:lg"] {
5077
5380
  margin-top: var(--δ6) !important;
5078
5381
  margin-bottom: var(--δ6) !important;
5079
5382
  }
5080
5383
 
5081
- [cds-layout~="m-x@sm:xxl"] {
5384
+ [cds-layout~="m-x@sm:xl"] {
5082
5385
  margin-left: var(--δ7) !important;
5083
5386
  margin-right: var(--δ7) !important;
5084
5387
  }
5085
5388
 
5086
- [cds-layout~="m-y@sm:xxl"] {
5389
+ [cds-layout~="m-y@sm:xl"] {
5087
5390
  margin-top: var(--δ7) !important;
5088
5391
  margin-bottom: var(--δ7) !important;
5089
5392
  }
5090
5393
 
5394
+ [cds-layout~="m-x@sm:xxl"] {
5395
+ margin-left: var(--δ8) !important;
5396
+ margin-right: var(--δ8) !important;
5397
+ }
5398
+
5399
+ [cds-layout~="m-y@sm:xxl"] {
5400
+ margin-top: var(--δ8) !important;
5401
+ margin-bottom: var(--δ8) !important;
5402
+ }
5403
+
5404
+ [cds-layout~="m-x@sm:xxxl"] {
5405
+ margin-left: var(--δ9) !important;
5406
+ margin-right: var(--δ9) !important;
5407
+ }
5408
+
5409
+ [cds-layout~="m-y@sm:xxxl"] {
5410
+ margin-top: var(--δ9) !important;
5411
+ margin-bottom: var(--δ9) !important;
5412
+ }
5413
+
5091
5414
  [cds-layout~="p-t@sm:none"] {
5092
5415
  padding-top: 0 !important;
5093
5416
  }
@@ -5104,118 +5427,150 @@
5104
5427
  padding-left: 0 !important;
5105
5428
  }
5106
5429
 
5107
- [cds-layout~="p-t@sm:xxs"] {
5430
+ [cds-layout~="p-t@sm:xxxs"] {
5108
5431
  padding-top: var(--δ1) !important;
5109
5432
  }
5110
5433
 
5111
- [cds-layout~="p-r@sm:xxs"] {
5434
+ [cds-layout~="p-r@sm:xxxs"] {
5112
5435
  padding-right: var(--δ1) !important;
5113
5436
  }
5114
5437
 
5115
- [cds-layout~="p-b@sm:xxs"] {
5438
+ [cds-layout~="p-b@sm:xxxs"] {
5116
5439
  padding-bottom: var(--δ1) !important;
5117
5440
  }
5118
5441
 
5119
- [cds-layout~="p-l@sm:xxs"] {
5442
+ [cds-layout~="p-l@sm:xxxs"] {
5120
5443
  padding-left: var(--δ1) !important;
5121
5444
  }
5122
5445
 
5123
- [cds-layout~="p-t@sm:xs"] {
5446
+ [cds-layout~="p-t@sm:xxs"] {
5124
5447
  padding-top: var(--δ2) !important;
5125
5448
  }
5126
5449
 
5127
- [cds-layout~="p-r@sm:xs"] {
5450
+ [cds-layout~="p-r@sm:xxs"] {
5128
5451
  padding-right: var(--δ2) !important;
5129
5452
  }
5130
5453
 
5131
- [cds-layout~="p-b@sm:xs"] {
5454
+ [cds-layout~="p-b@sm:xxs"] {
5132
5455
  padding-bottom: var(--δ2) !important;
5133
5456
  }
5134
5457
 
5135
- [cds-layout~="p-l@sm:xs"] {
5458
+ [cds-layout~="p-l@sm:xxs"] {
5136
5459
  padding-left: var(--δ2) !important;
5137
5460
  }
5138
5461
 
5139
- [cds-layout~="p-t@sm:sm"] {
5462
+ [cds-layout~="p-t@sm:xs"] {
5140
5463
  padding-top: var(--δ3) !important;
5141
5464
  }
5142
5465
 
5143
- [cds-layout~="p-r@sm:sm"] {
5466
+ [cds-layout~="p-r@sm:xs"] {
5144
5467
  padding-right: var(--δ3) !important;
5145
5468
  }
5146
5469
 
5147
- [cds-layout~="p-b@sm:sm"] {
5470
+ [cds-layout~="p-b@sm:xs"] {
5148
5471
  padding-bottom: var(--δ3) !important;
5149
5472
  }
5150
5473
 
5151
- [cds-layout~="p-l@sm:sm"] {
5474
+ [cds-layout~="p-l@sm:xs"] {
5152
5475
  padding-left: var(--δ3) !important;
5153
5476
  }
5154
5477
 
5155
- [cds-layout~="p-t@sm:md"] {
5478
+ [cds-layout~="p-t@sm:sm"] {
5156
5479
  padding-top: var(--δ4) !important;
5157
5480
  }
5158
5481
 
5159
- [cds-layout~="p-r@sm:md"] {
5482
+ [cds-layout~="p-r@sm:sm"] {
5160
5483
  padding-right: var(--δ4) !important;
5161
5484
  }
5162
5485
 
5163
- [cds-layout~="p-b@sm:md"] {
5486
+ [cds-layout~="p-b@sm:sm"] {
5164
5487
  padding-bottom: var(--δ4) !important;
5165
5488
  }
5166
5489
 
5167
- [cds-layout~="p-l@sm:md"] {
5490
+ [cds-layout~="p-l@sm:sm"] {
5168
5491
  padding-left: var(--δ4) !important;
5169
5492
  }
5170
5493
 
5171
- [cds-layout~="p-t@sm:lg"] {
5494
+ [cds-layout~="p-t@sm:md"] {
5172
5495
  padding-top: var(--δ5) !important;
5173
5496
  }
5174
5497
 
5175
- [cds-layout~="p-r@sm:lg"] {
5498
+ [cds-layout~="p-r@sm:md"] {
5176
5499
  padding-right: var(--δ5) !important;
5177
5500
  }
5178
5501
 
5179
- [cds-layout~="p-b@sm:lg"] {
5502
+ [cds-layout~="p-b@sm:md"] {
5180
5503
  padding-bottom: var(--δ5) !important;
5181
5504
  }
5182
5505
 
5183
- [cds-layout~="p-l@sm:lg"] {
5506
+ [cds-layout~="p-l@sm:md"] {
5184
5507
  padding-left: var(--δ5) !important;
5185
5508
  }
5186
5509
 
5187
- [cds-layout~="p-t@sm:xl"] {
5510
+ [cds-layout~="p-t@sm:lg"] {
5188
5511
  padding-top: var(--δ6) !important;
5189
5512
  }
5190
5513
 
5191
- [cds-layout~="p-r@sm:xl"] {
5514
+ [cds-layout~="p-r@sm:lg"] {
5192
5515
  padding-right: var(--δ6) !important;
5193
5516
  }
5194
5517
 
5195
- [cds-layout~="p-b@sm:xl"] {
5518
+ [cds-layout~="p-b@sm:lg"] {
5196
5519
  padding-bottom: var(--δ6) !important;
5197
5520
  }
5198
5521
 
5199
- [cds-layout~="p-l@sm:xl"] {
5522
+ [cds-layout~="p-l@sm:lg"] {
5200
5523
  padding-left: var(--δ6) !important;
5201
5524
  }
5202
5525
 
5203
- [cds-layout~="p-t@sm:xxl"] {
5526
+ [cds-layout~="p-t@sm:xl"] {
5204
5527
  padding-top: var(--δ7) !important;
5205
5528
  }
5206
5529
 
5207
- [cds-layout~="p-r@sm:xxl"] {
5530
+ [cds-layout~="p-r@sm:xl"] {
5208
5531
  padding-right: var(--δ7) !important;
5209
5532
  }
5210
5533
 
5211
- [cds-layout~="p-b@sm:xxl"] {
5534
+ [cds-layout~="p-b@sm:xl"] {
5212
5535
  padding-bottom: var(--δ7) !important;
5213
5536
  }
5214
5537
 
5215
- [cds-layout~="p-l@sm:xxl"] {
5538
+ [cds-layout~="p-l@sm:xl"] {
5216
5539
  padding-left: var(--δ7) !important;
5217
5540
  }
5218
5541
 
5542
+ [cds-layout~="p-t@sm:xxl"] {
5543
+ padding-top: var(--δ8) !important;
5544
+ }
5545
+
5546
+ [cds-layout~="p-r@sm:xxl"] {
5547
+ padding-right: var(--δ8) !important;
5548
+ }
5549
+
5550
+ [cds-layout~="p-b@sm:xxl"] {
5551
+ padding-bottom: var(--δ8) !important;
5552
+ }
5553
+
5554
+ [cds-layout~="p-l@sm:xxl"] {
5555
+ padding-left: var(--δ8) !important;
5556
+ }
5557
+
5558
+ [cds-layout~="p-t@sm:xxxl"] {
5559
+ padding-top: var(--δ9) !important;
5560
+ }
5561
+
5562
+ [cds-layout~="p-r@sm:xxxl"] {
5563
+ padding-right: var(--δ9) !important;
5564
+ }
5565
+
5566
+ [cds-layout~="p-b@sm:xxxl"] {
5567
+ padding-bottom: var(--δ9) !important;
5568
+ }
5569
+
5570
+ [cds-layout~="p-l@sm:xxxl"] {
5571
+ padding-left: var(--δ9) !important;
5572
+ }
5573
+
5219
5574
  [cds-layout~="m-t@sm:none"] {
5220
5575
  margin-top: 0 !important;
5221
5576
  }
@@ -5232,151 +5587,191 @@
5232
5587
  margin-left: 0 !important;
5233
5588
  }
5234
5589
 
5235
- [cds-layout~="m-t@sm:xxs"] {
5590
+ [cds-layout~="m-t@sm:xxxs"] {
5236
5591
  margin-top: var(--δ1) !important;
5237
5592
  }
5238
5593
 
5239
- [cds-layout~="m-r@sm:xxs"] {
5594
+ [cds-layout~="m-r@sm:xxxs"] {
5240
5595
  margin-right: var(--δ1) !important;
5241
5596
  }
5242
5597
 
5243
- [cds-layout~="m-b@sm:xxs"] {
5598
+ [cds-layout~="m-b@sm:xxxs"] {
5244
5599
  margin-bottom: var(--δ1) !important;
5245
5600
  }
5246
5601
 
5247
- [cds-layout~="m-l@sm:xxs"] {
5602
+ [cds-layout~="m-l@sm:xxxs"] {
5248
5603
  margin-left: var(--δ1) !important;
5249
5604
  }
5250
5605
 
5251
- [cds-layout~="m-t@sm:xs"] {
5606
+ [cds-layout~="m-t@sm:xxs"] {
5252
5607
  margin-top: var(--δ2) !important;
5253
5608
  }
5254
5609
 
5255
- [cds-layout~="m-r@sm:xs"] {
5610
+ [cds-layout~="m-r@sm:xxs"] {
5256
5611
  margin-right: var(--δ2) !important;
5257
5612
  }
5258
5613
 
5259
- [cds-layout~="m-b@sm:xs"] {
5614
+ [cds-layout~="m-b@sm:xxs"] {
5260
5615
  margin-bottom: var(--δ2) !important;
5261
5616
  }
5262
5617
 
5263
- [cds-layout~="m-l@sm:xs"] {
5618
+ [cds-layout~="m-l@sm:xxs"] {
5264
5619
  margin-left: var(--δ2) !important;
5265
5620
  }
5266
5621
 
5267
- [cds-layout~="m-t@sm:sm"] {
5622
+ [cds-layout~="m-t@sm:xs"] {
5268
5623
  margin-top: var(--δ3) !important;
5269
5624
  }
5270
5625
 
5271
- [cds-layout~="m-r@sm:sm"] {
5626
+ [cds-layout~="m-r@sm:xs"] {
5272
5627
  margin-right: var(--δ3) !important;
5273
5628
  }
5274
5629
 
5275
- [cds-layout~="m-b@sm:sm"] {
5630
+ [cds-layout~="m-b@sm:xs"] {
5276
5631
  margin-bottom: var(--δ3) !important;
5277
5632
  }
5278
5633
 
5279
- [cds-layout~="m-l@sm:sm"] {
5634
+ [cds-layout~="m-l@sm:xs"] {
5280
5635
  margin-left: var(--δ3) !important;
5281
5636
  }
5282
5637
 
5283
- [cds-layout~="m-t@sm:md"] {
5638
+ [cds-layout~="m-t@sm:sm"] {
5284
5639
  margin-top: var(--δ4) !important;
5285
5640
  }
5286
5641
 
5287
- [cds-layout~="m-r@sm:md"] {
5642
+ [cds-layout~="m-r@sm:sm"] {
5288
5643
  margin-right: var(--δ4) !important;
5289
5644
  }
5290
5645
 
5291
- [cds-layout~="m-b@sm:md"] {
5646
+ [cds-layout~="m-b@sm:sm"] {
5292
5647
  margin-bottom: var(--δ4) !important;
5293
5648
  }
5294
5649
 
5295
- [cds-layout~="m-l@sm:md"] {
5650
+ [cds-layout~="m-l@sm:sm"] {
5296
5651
  margin-left: var(--δ4) !important;
5297
5652
  }
5298
5653
 
5299
- [cds-layout~="m-t@sm:lg"] {
5654
+ [cds-layout~="m-t@sm:md"] {
5300
5655
  margin-top: var(--δ5) !important;
5301
5656
  }
5302
5657
 
5303
- [cds-layout~="m-r@sm:lg"] {
5658
+ [cds-layout~="m-r@sm:md"] {
5304
5659
  margin-right: var(--δ5) !important;
5305
5660
  }
5306
5661
 
5307
- [cds-layout~="m-b@sm:lg"] {
5662
+ [cds-layout~="m-b@sm:md"] {
5308
5663
  margin-bottom: var(--δ5) !important;
5309
5664
  }
5310
5665
 
5311
- [cds-layout~="m-l@sm:lg"] {
5666
+ [cds-layout~="m-l@sm:md"] {
5312
5667
  margin-left: var(--δ5) !important;
5313
5668
  }
5314
5669
 
5315
- [cds-layout~="m-t@sm:xl"] {
5670
+ [cds-layout~="m-t@sm:lg"] {
5316
5671
  margin-top: var(--δ6) !important;
5317
5672
  }
5318
5673
 
5319
- [cds-layout~="m-r@sm:xl"] {
5674
+ [cds-layout~="m-r@sm:lg"] {
5320
5675
  margin-right: var(--δ6) !important;
5321
5676
  }
5322
5677
 
5323
- [cds-layout~="m-b@sm:xl"] {
5678
+ [cds-layout~="m-b@sm:lg"] {
5324
5679
  margin-bottom: var(--δ6) !important;
5325
5680
  }
5326
5681
 
5327
- [cds-layout~="m-l@sm:xl"] {
5682
+ [cds-layout~="m-l@sm:lg"] {
5328
5683
  margin-left: var(--δ6) !important;
5329
5684
  }
5330
5685
 
5331
- [cds-layout~="m-t@sm:xxl"] {
5686
+ [cds-layout~="m-t@sm:xl"] {
5332
5687
  margin-top: var(--δ7) !important;
5333
5688
  }
5334
5689
 
5335
- [cds-layout~="m-r@sm:xxl"] {
5690
+ [cds-layout~="m-r@sm:xl"] {
5336
5691
  margin-right: var(--δ7) !important;
5337
5692
  }
5338
5693
 
5339
- [cds-layout~="m-b@sm:xxl"] {
5694
+ [cds-layout~="m-b@sm:xl"] {
5340
5695
  margin-bottom: var(--δ7) !important;
5341
5696
  }
5342
5697
 
5343
- [cds-layout~="m-l@sm:xxl"] {
5698
+ [cds-layout~="m-l@sm:xl"] {
5344
5699
  margin-left: var(--δ7) !important;
5345
5700
  }
5701
+
5702
+ [cds-layout~="m-t@sm:xxl"] {
5703
+ margin-top: var(--δ8) !important;
5704
+ }
5705
+
5706
+ [cds-layout~="m-r@sm:xxl"] {
5707
+ margin-right: var(--δ8) !important;
5708
+ }
5709
+
5710
+ [cds-layout~="m-b@sm:xxl"] {
5711
+ margin-bottom: var(--δ8) !important;
5712
+ }
5713
+
5714
+ [cds-layout~="m-l@sm:xxl"] {
5715
+ margin-left: var(--δ8) !important;
5716
+ }
5717
+
5718
+ [cds-layout~="m-t@sm:xxxl"] {
5719
+ margin-top: var(--δ9) !important;
5720
+ }
5721
+
5722
+ [cds-layout~="m-r@sm:xxxl"] {
5723
+ margin-right: var(--δ9) !important;
5724
+ }
5725
+
5726
+ [cds-layout~="m-b@sm:xxxl"] {
5727
+ margin-bottom: var(--δ9) !important;
5728
+ }
5729
+
5730
+ [cds-layout~="m-l@sm:xxxl"] {
5731
+ margin-left: var(--δ9) !important;
5732
+ }
5346
5733
  }
5347
5734
  @media (min-width: 992px) {
5348
5735
  [cds-layout*="gap@md:none"] {
5349
5736
  gap: 0;
5350
5737
  }
5351
5738
 
5352
- [cds-layout*="gap@md:xxs"] {
5739
+ [cds-layout*="gap@md:xxxs"] {
5353
5740
  gap: var(--δ1);
5354
5741
  }
5355
5742
 
5356
- [cds-layout*="gap@md:xs"] {
5743
+ [cds-layout*="gap@md:xxs"] {
5357
5744
  gap: var(--δ2);
5358
5745
  }
5359
5746
 
5360
- [cds-layout*="gap@md:sm"] {
5747
+ [cds-layout*="gap@md:xs"] {
5361
5748
  gap: var(--δ3);
5362
5749
  }
5363
5750
 
5364
- [cds-layout*="gap@md:md"] {
5751
+ [cds-layout*="gap@md:sm"] {
5365
5752
  gap: var(--δ4);
5366
5753
  }
5367
5754
 
5368
- [cds-layout*="gap@md:lg"] {
5755
+ [cds-layout*="gap@md:md"] {
5369
5756
  gap: var(--δ5);
5370
5757
  }
5371
5758
 
5372
- [cds-layout*="gap@md:xl"] {
5759
+ [cds-layout*="gap@md:lg"] {
5373
5760
  gap: var(--δ6);
5374
5761
  }
5375
5762
 
5376
- [cds-layout*="gap@md:xxl"] {
5763
+ [cds-layout*="gap@md:xl"] {
5377
5764
  gap: var(--δ7);
5378
5765
  }
5379
5766
 
5767
+ [cds-layout*="gap@md:xxl"] {
5768
+ gap: var(--δ8);
5769
+ }
5770
+
5771
+ [cds-layout*="gap@md:xxxl"] {
5772
+ gap: var(--δ9);
5773
+ }
5774
+
5380
5775
  [cds-layout~="p@md:none"] {
5381
5776
  padding: 0 !important;
5382
5777
  }
@@ -5385,60 +5780,76 @@
5385
5780
  margin: 0 !important;
5386
5781
  }
5387
5782
 
5388
- [cds-layout~="p@md:xxs"] {
5783
+ [cds-layout~="p@md:xxxs"] {
5389
5784
  padding: var(--δ1) !important;
5390
5785
  }
5391
5786
 
5392
- [cds-layout~="m@md:xxs"] {
5787
+ [cds-layout~="m@md:xxxs"] {
5393
5788
  margin: var(--δ1) !important;
5394
5789
  }
5395
5790
 
5396
- [cds-layout~="p@md:xs"] {
5791
+ [cds-layout~="p@md:xxs"] {
5397
5792
  padding: var(--δ2) !important;
5398
5793
  }
5399
5794
 
5400
- [cds-layout~="m@md:xs"] {
5795
+ [cds-layout~="m@md:xxs"] {
5401
5796
  margin: var(--δ2) !important;
5402
5797
  }
5403
5798
 
5404
- [cds-layout~="p@md:sm"] {
5799
+ [cds-layout~="p@md:xs"] {
5405
5800
  padding: var(--δ3) !important;
5406
5801
  }
5407
5802
 
5408
- [cds-layout~="m@md:sm"] {
5803
+ [cds-layout~="m@md:xs"] {
5409
5804
  margin: var(--δ3) !important;
5410
5805
  }
5411
5806
 
5412
- [cds-layout~="p@md:md"] {
5807
+ [cds-layout~="p@md:sm"] {
5413
5808
  padding: var(--δ4) !important;
5414
5809
  }
5415
5810
 
5416
- [cds-layout~="m@md:md"] {
5811
+ [cds-layout~="m@md:sm"] {
5417
5812
  margin: var(--δ4) !important;
5418
5813
  }
5419
5814
 
5420
- [cds-layout~="p@md:lg"] {
5815
+ [cds-layout~="p@md:md"] {
5421
5816
  padding: var(--δ5) !important;
5422
5817
  }
5423
5818
 
5819
+ [cds-layout~="m@md:md"] {
5820
+ margin: var(--δ5) !important;
5821
+ }
5822
+
5823
+ [cds-layout~="p@md:lg"] {
5824
+ padding: var(--δ6) !important;
5825
+ }
5826
+
5424
5827
  [cds-layout~="m@md:lg"] {
5425
- margin: var(--δ5) !important;
5828
+ margin: var(--δ6) !important;
5426
5829
  }
5427
5830
 
5428
5831
  [cds-layout~="p@md:xl"] {
5429
- padding: var(--δ6) !important;
5832
+ padding: var(--δ7) !important;
5430
5833
  }
5431
5834
 
5432
5835
  [cds-layout~="m@md:xl"] {
5433
- margin: var(--δ6) !important;
5836
+ margin: var(--δ7) !important;
5434
5837
  }
5435
5838
 
5436
5839
  [cds-layout~="p@md:xxl"] {
5437
- padding: var(--δ7) !important;
5840
+ padding: var(--δ8) !important;
5438
5841
  }
5439
5842
 
5440
5843
  [cds-layout~="m@md:xxl"] {
5441
- margin: var(--δ7) !important;
5844
+ margin: var(--δ8) !important;
5845
+ }
5846
+
5847
+ [cds-layout~="p@md:xxxl"] {
5848
+ padding: var(--δ9) !important;
5849
+ }
5850
+
5851
+ [cds-layout~="m@md:xxxl"] {
5852
+ margin: var(--δ9) !important;
5442
5853
  }
5443
5854
 
5444
5855
  [cds-layout~="p-x@md:none"] {
@@ -5451,76 +5862,96 @@
5451
5862
  padding-bottom: 0 !important;
5452
5863
  }
5453
5864
 
5454
- [cds-layout~="p-x@md:xxs"] {
5865
+ [cds-layout~="p-x@md:xxxs"] {
5455
5866
  padding-left: var(--δ1) !important;
5456
5867
  padding-right: var(--δ1) !important;
5457
5868
  }
5458
5869
 
5459
- [cds-layout~="p-y@md:xxs"] {
5870
+ [cds-layout~="p-y@md:xxxs"] {
5460
5871
  padding-top: var(--δ1) !important;
5461
5872
  padding-bottom: var(--δ1) !important;
5462
5873
  }
5463
5874
 
5464
- [cds-layout~="p-x@md:xs"] {
5875
+ [cds-layout~="p-x@md:xxs"] {
5465
5876
  padding-left: var(--δ2) !important;
5466
5877
  padding-right: var(--δ2) !important;
5467
5878
  }
5468
5879
 
5469
- [cds-layout~="p-y@md:xs"] {
5880
+ [cds-layout~="p-y@md:xxs"] {
5470
5881
  padding-top: var(--δ2) !important;
5471
5882
  padding-bottom: var(--δ2) !important;
5472
5883
  }
5473
5884
 
5474
- [cds-layout~="p-x@md:sm"] {
5885
+ [cds-layout~="p-x@md:xs"] {
5475
5886
  padding-left: var(--δ3) !important;
5476
5887
  padding-right: var(--δ3) !important;
5477
5888
  }
5478
5889
 
5479
- [cds-layout~="p-y@md:sm"] {
5890
+ [cds-layout~="p-y@md:xs"] {
5480
5891
  padding-top: var(--δ3) !important;
5481
5892
  padding-bottom: var(--δ3) !important;
5482
5893
  }
5483
5894
 
5484
- [cds-layout~="p-x@md:md"] {
5895
+ [cds-layout~="p-x@md:sm"] {
5485
5896
  padding-left: var(--δ4) !important;
5486
5897
  padding-right: var(--δ4) !important;
5487
5898
  }
5488
5899
 
5489
- [cds-layout~="p-y@md:md"] {
5900
+ [cds-layout~="p-y@md:sm"] {
5490
5901
  padding-top: var(--δ4) !important;
5491
5902
  padding-bottom: var(--δ4) !important;
5492
5903
  }
5493
5904
 
5494
- [cds-layout~="p-x@md:lg"] {
5905
+ [cds-layout~="p-x@md:md"] {
5495
5906
  padding-left: var(--δ5) !important;
5496
5907
  padding-right: var(--δ5) !important;
5497
5908
  }
5498
5909
 
5499
- [cds-layout~="p-y@md:lg"] {
5910
+ [cds-layout~="p-y@md:md"] {
5500
5911
  padding-top: var(--δ5) !important;
5501
5912
  padding-bottom: var(--δ5) !important;
5502
5913
  }
5503
5914
 
5504
- [cds-layout~="p-x@md:xl"] {
5915
+ [cds-layout~="p-x@md:lg"] {
5505
5916
  padding-left: var(--δ6) !important;
5506
5917
  padding-right: var(--δ6) !important;
5507
5918
  }
5508
5919
 
5509
- [cds-layout~="p-y@md:xl"] {
5920
+ [cds-layout~="p-y@md:lg"] {
5510
5921
  padding-top: var(--δ6) !important;
5511
5922
  padding-bottom: var(--δ6) !important;
5512
5923
  }
5513
5924
 
5514
- [cds-layout~="p-x@md:xxl"] {
5925
+ [cds-layout~="p-x@md:xl"] {
5515
5926
  padding-left: var(--δ7) !important;
5516
5927
  padding-right: var(--δ7) !important;
5517
5928
  }
5518
5929
 
5519
- [cds-layout~="p-y@md:xxl"] {
5930
+ [cds-layout~="p-y@md:xl"] {
5520
5931
  padding-top: var(--δ7) !important;
5521
5932
  padding-bottom: var(--δ7) !important;
5522
5933
  }
5523
5934
 
5935
+ [cds-layout~="p-x@md:xxl"] {
5936
+ padding-left: var(--δ8) !important;
5937
+ padding-right: var(--δ8) !important;
5938
+ }
5939
+
5940
+ [cds-layout~="p-y@md:xxl"] {
5941
+ padding-top: var(--δ8) !important;
5942
+ padding-bottom: var(--δ8) !important;
5943
+ }
5944
+
5945
+ [cds-layout~="p-x@md:xxxl"] {
5946
+ padding-left: var(--δ9) !important;
5947
+ padding-right: var(--δ9) !important;
5948
+ }
5949
+
5950
+ [cds-layout~="p-y@md:xxxl"] {
5951
+ padding-top: var(--δ9) !important;
5952
+ padding-bottom: var(--δ9) !important;
5953
+ }
5954
+
5524
5955
  [cds-layout~="m-x@md:none"] {
5525
5956
  margin-left: 0 !important;
5526
5957
  margin-right: 0 !important;
@@ -5531,76 +5962,96 @@
5531
5962
  margin-bottom: 0 !important;
5532
5963
  }
5533
5964
 
5534
- [cds-layout~="m-x@md:xxs"] {
5965
+ [cds-layout~="m-x@md:xxxs"] {
5535
5966
  margin-left: var(--δ1) !important;
5536
5967
  margin-right: var(--δ1) !important;
5537
5968
  }
5538
5969
 
5539
- [cds-layout~="m-y@md:xxs"] {
5970
+ [cds-layout~="m-y@md:xxxs"] {
5540
5971
  margin-top: var(--δ1) !important;
5541
5972
  margin-bottom: var(--δ1) !important;
5542
5973
  }
5543
5974
 
5544
- [cds-layout~="m-x@md:xs"] {
5975
+ [cds-layout~="m-x@md:xxs"] {
5545
5976
  margin-left: var(--δ2) !important;
5546
5977
  margin-right: var(--δ2) !important;
5547
5978
  }
5548
5979
 
5549
- [cds-layout~="m-y@md:xs"] {
5980
+ [cds-layout~="m-y@md:xxs"] {
5550
5981
  margin-top: var(--δ2) !important;
5551
5982
  margin-bottom: var(--δ2) !important;
5552
5983
  }
5553
5984
 
5554
- [cds-layout~="m-x@md:sm"] {
5985
+ [cds-layout~="m-x@md:xs"] {
5555
5986
  margin-left: var(--δ3) !important;
5556
5987
  margin-right: var(--δ3) !important;
5557
5988
  }
5558
5989
 
5559
- [cds-layout~="m-y@md:sm"] {
5990
+ [cds-layout~="m-y@md:xs"] {
5560
5991
  margin-top: var(--δ3) !important;
5561
5992
  margin-bottom: var(--δ3) !important;
5562
5993
  }
5563
5994
 
5564
- [cds-layout~="m-x@md:md"] {
5995
+ [cds-layout~="m-x@md:sm"] {
5565
5996
  margin-left: var(--δ4) !important;
5566
5997
  margin-right: var(--δ4) !important;
5567
5998
  }
5568
5999
 
5569
- [cds-layout~="m-y@md:md"] {
6000
+ [cds-layout~="m-y@md:sm"] {
5570
6001
  margin-top: var(--δ4) !important;
5571
6002
  margin-bottom: var(--δ4) !important;
5572
6003
  }
5573
6004
 
5574
- [cds-layout~="m-x@md:lg"] {
6005
+ [cds-layout~="m-x@md:md"] {
5575
6006
  margin-left: var(--δ5) !important;
5576
6007
  margin-right: var(--δ5) !important;
5577
6008
  }
5578
6009
 
5579
- [cds-layout~="m-y@md:lg"] {
6010
+ [cds-layout~="m-y@md:md"] {
5580
6011
  margin-top: var(--δ5) !important;
5581
6012
  margin-bottom: var(--δ5) !important;
5582
6013
  }
5583
6014
 
5584
- [cds-layout~="m-x@md:xl"] {
6015
+ [cds-layout~="m-x@md:lg"] {
5585
6016
  margin-left: var(--δ6) !important;
5586
6017
  margin-right: var(--δ6) !important;
5587
6018
  }
5588
6019
 
5589
- [cds-layout~="m-y@md:xl"] {
6020
+ [cds-layout~="m-y@md:lg"] {
5590
6021
  margin-top: var(--δ6) !important;
5591
6022
  margin-bottom: var(--δ6) !important;
5592
6023
  }
5593
6024
 
5594
- [cds-layout~="m-x@md:xxl"] {
6025
+ [cds-layout~="m-x@md:xl"] {
5595
6026
  margin-left: var(--δ7) !important;
5596
6027
  margin-right: var(--δ7) !important;
5597
6028
  }
5598
6029
 
5599
- [cds-layout~="m-y@md:xxl"] {
6030
+ [cds-layout~="m-y@md:xl"] {
5600
6031
  margin-top: var(--δ7) !important;
5601
6032
  margin-bottom: var(--δ7) !important;
5602
6033
  }
5603
6034
 
6035
+ [cds-layout~="m-x@md:xxl"] {
6036
+ margin-left: var(--δ8) !important;
6037
+ margin-right: var(--δ8) !important;
6038
+ }
6039
+
6040
+ [cds-layout~="m-y@md:xxl"] {
6041
+ margin-top: var(--δ8) !important;
6042
+ margin-bottom: var(--δ8) !important;
6043
+ }
6044
+
6045
+ [cds-layout~="m-x@md:xxxl"] {
6046
+ margin-left: var(--δ9) !important;
6047
+ margin-right: var(--δ9) !important;
6048
+ }
6049
+
6050
+ [cds-layout~="m-y@md:xxxl"] {
6051
+ margin-top: var(--δ9) !important;
6052
+ margin-bottom: var(--δ9) !important;
6053
+ }
6054
+
5604
6055
  [cds-layout~="p-t@md:none"] {
5605
6056
  padding-top: 0 !important;
5606
6057
  }
@@ -5617,118 +6068,150 @@
5617
6068
  padding-left: 0 !important;
5618
6069
  }
5619
6070
 
5620
- [cds-layout~="p-t@md:xxs"] {
6071
+ [cds-layout~="p-t@md:xxxs"] {
5621
6072
  padding-top: var(--δ1) !important;
5622
6073
  }
5623
6074
 
5624
- [cds-layout~="p-r@md:xxs"] {
6075
+ [cds-layout~="p-r@md:xxxs"] {
5625
6076
  padding-right: var(--δ1) !important;
5626
6077
  }
5627
6078
 
5628
- [cds-layout~="p-b@md:xxs"] {
6079
+ [cds-layout~="p-b@md:xxxs"] {
5629
6080
  padding-bottom: var(--δ1) !important;
5630
6081
  }
5631
6082
 
5632
- [cds-layout~="p-l@md:xxs"] {
6083
+ [cds-layout~="p-l@md:xxxs"] {
5633
6084
  padding-left: var(--δ1) !important;
5634
6085
  }
5635
6086
 
5636
- [cds-layout~="p-t@md:xs"] {
6087
+ [cds-layout~="p-t@md:xxs"] {
5637
6088
  padding-top: var(--δ2) !important;
5638
6089
  }
5639
6090
 
5640
- [cds-layout~="p-r@md:xs"] {
6091
+ [cds-layout~="p-r@md:xxs"] {
5641
6092
  padding-right: var(--δ2) !important;
5642
6093
  }
5643
6094
 
5644
- [cds-layout~="p-b@md:xs"] {
6095
+ [cds-layout~="p-b@md:xxs"] {
5645
6096
  padding-bottom: var(--δ2) !important;
5646
6097
  }
5647
6098
 
5648
- [cds-layout~="p-l@md:xs"] {
6099
+ [cds-layout~="p-l@md:xxs"] {
5649
6100
  padding-left: var(--δ2) !important;
5650
6101
  }
5651
6102
 
5652
- [cds-layout~="p-t@md:sm"] {
6103
+ [cds-layout~="p-t@md:xs"] {
5653
6104
  padding-top: var(--δ3) !important;
5654
6105
  }
5655
6106
 
5656
- [cds-layout~="p-r@md:sm"] {
6107
+ [cds-layout~="p-r@md:xs"] {
5657
6108
  padding-right: var(--δ3) !important;
5658
6109
  }
5659
6110
 
5660
- [cds-layout~="p-b@md:sm"] {
6111
+ [cds-layout~="p-b@md:xs"] {
5661
6112
  padding-bottom: var(--δ3) !important;
5662
6113
  }
5663
6114
 
5664
- [cds-layout~="p-l@md:sm"] {
6115
+ [cds-layout~="p-l@md:xs"] {
5665
6116
  padding-left: var(--δ3) !important;
5666
6117
  }
5667
6118
 
5668
- [cds-layout~="p-t@md:md"] {
6119
+ [cds-layout~="p-t@md:sm"] {
5669
6120
  padding-top: var(--δ4) !important;
5670
6121
  }
5671
6122
 
5672
- [cds-layout~="p-r@md:md"] {
6123
+ [cds-layout~="p-r@md:sm"] {
5673
6124
  padding-right: var(--δ4) !important;
5674
6125
  }
5675
6126
 
5676
- [cds-layout~="p-b@md:md"] {
6127
+ [cds-layout~="p-b@md:sm"] {
5677
6128
  padding-bottom: var(--δ4) !important;
5678
6129
  }
5679
6130
 
5680
- [cds-layout~="p-l@md:md"] {
6131
+ [cds-layout~="p-l@md:sm"] {
5681
6132
  padding-left: var(--δ4) !important;
5682
6133
  }
5683
6134
 
5684
- [cds-layout~="p-t@md:lg"] {
6135
+ [cds-layout~="p-t@md:md"] {
5685
6136
  padding-top: var(--δ5) !important;
5686
6137
  }
5687
6138
 
5688
- [cds-layout~="p-r@md:lg"] {
6139
+ [cds-layout~="p-r@md:md"] {
5689
6140
  padding-right: var(--δ5) !important;
5690
6141
  }
5691
6142
 
5692
- [cds-layout~="p-b@md:lg"] {
6143
+ [cds-layout~="p-b@md:md"] {
5693
6144
  padding-bottom: var(--δ5) !important;
5694
6145
  }
5695
6146
 
5696
- [cds-layout~="p-l@md:lg"] {
6147
+ [cds-layout~="p-l@md:md"] {
5697
6148
  padding-left: var(--δ5) !important;
5698
6149
  }
5699
6150
 
5700
- [cds-layout~="p-t@md:xl"] {
6151
+ [cds-layout~="p-t@md:lg"] {
5701
6152
  padding-top: var(--δ6) !important;
5702
6153
  }
5703
6154
 
5704
- [cds-layout~="p-r@md:xl"] {
6155
+ [cds-layout~="p-r@md:lg"] {
5705
6156
  padding-right: var(--δ6) !important;
5706
6157
  }
5707
6158
 
5708
- [cds-layout~="p-b@md:xl"] {
6159
+ [cds-layout~="p-b@md:lg"] {
5709
6160
  padding-bottom: var(--δ6) !important;
5710
6161
  }
5711
6162
 
5712
- [cds-layout~="p-l@md:xl"] {
6163
+ [cds-layout~="p-l@md:lg"] {
5713
6164
  padding-left: var(--δ6) !important;
5714
6165
  }
5715
6166
 
5716
- [cds-layout~="p-t@md:xxl"] {
6167
+ [cds-layout~="p-t@md:xl"] {
5717
6168
  padding-top: var(--δ7) !important;
5718
6169
  }
5719
6170
 
5720
- [cds-layout~="p-r@md:xxl"] {
6171
+ [cds-layout~="p-r@md:xl"] {
5721
6172
  padding-right: var(--δ7) !important;
5722
6173
  }
5723
6174
 
5724
- [cds-layout~="p-b@md:xxl"] {
6175
+ [cds-layout~="p-b@md:xl"] {
5725
6176
  padding-bottom: var(--δ7) !important;
5726
6177
  }
5727
6178
 
5728
- [cds-layout~="p-l@md:xxl"] {
6179
+ [cds-layout~="p-l@md:xl"] {
5729
6180
  padding-left: var(--δ7) !important;
5730
6181
  }
5731
6182
 
6183
+ [cds-layout~="p-t@md:xxl"] {
6184
+ padding-top: var(--δ8) !important;
6185
+ }
6186
+
6187
+ [cds-layout~="p-r@md:xxl"] {
6188
+ padding-right: var(--δ8) !important;
6189
+ }
6190
+
6191
+ [cds-layout~="p-b@md:xxl"] {
6192
+ padding-bottom: var(--δ8) !important;
6193
+ }
6194
+
6195
+ [cds-layout~="p-l@md:xxl"] {
6196
+ padding-left: var(--δ8) !important;
6197
+ }
6198
+
6199
+ [cds-layout~="p-t@md:xxxl"] {
6200
+ padding-top: var(--δ9) !important;
6201
+ }
6202
+
6203
+ [cds-layout~="p-r@md:xxxl"] {
6204
+ padding-right: var(--δ9) !important;
6205
+ }
6206
+
6207
+ [cds-layout~="p-b@md:xxxl"] {
6208
+ padding-bottom: var(--δ9) !important;
6209
+ }
6210
+
6211
+ [cds-layout~="p-l@md:xxxl"] {
6212
+ padding-left: var(--δ9) !important;
6213
+ }
6214
+
5732
6215
  [cds-layout~="m-t@md:none"] {
5733
6216
  margin-top: 0 !important;
5734
6217
  }
@@ -5745,151 +6228,191 @@
5745
6228
  margin-left: 0 !important;
5746
6229
  }
5747
6230
 
5748
- [cds-layout~="m-t@md:xxs"] {
6231
+ [cds-layout~="m-t@md:xxxs"] {
5749
6232
  margin-top: var(--δ1) !important;
5750
6233
  }
5751
6234
 
5752
- [cds-layout~="m-r@md:xxs"] {
6235
+ [cds-layout~="m-r@md:xxxs"] {
5753
6236
  margin-right: var(--δ1) !important;
5754
6237
  }
5755
6238
 
5756
- [cds-layout~="m-b@md:xxs"] {
6239
+ [cds-layout~="m-b@md:xxxs"] {
5757
6240
  margin-bottom: var(--δ1) !important;
5758
6241
  }
5759
6242
 
5760
- [cds-layout~="m-l@md:xxs"] {
6243
+ [cds-layout~="m-l@md:xxxs"] {
5761
6244
  margin-left: var(--δ1) !important;
5762
6245
  }
5763
6246
 
5764
- [cds-layout~="m-t@md:xs"] {
6247
+ [cds-layout~="m-t@md:xxs"] {
5765
6248
  margin-top: var(--δ2) !important;
5766
6249
  }
5767
6250
 
5768
- [cds-layout~="m-r@md:xs"] {
6251
+ [cds-layout~="m-r@md:xxs"] {
5769
6252
  margin-right: var(--δ2) !important;
5770
6253
  }
5771
6254
 
5772
- [cds-layout~="m-b@md:xs"] {
6255
+ [cds-layout~="m-b@md:xxs"] {
5773
6256
  margin-bottom: var(--δ2) !important;
5774
6257
  }
5775
6258
 
5776
- [cds-layout~="m-l@md:xs"] {
6259
+ [cds-layout~="m-l@md:xxs"] {
5777
6260
  margin-left: var(--δ2) !important;
5778
6261
  }
5779
6262
 
5780
- [cds-layout~="m-t@md:sm"] {
6263
+ [cds-layout~="m-t@md:xs"] {
5781
6264
  margin-top: var(--δ3) !important;
5782
6265
  }
5783
6266
 
5784
- [cds-layout~="m-r@md:sm"] {
6267
+ [cds-layout~="m-r@md:xs"] {
5785
6268
  margin-right: var(--δ3) !important;
5786
6269
  }
5787
6270
 
5788
- [cds-layout~="m-b@md:sm"] {
6271
+ [cds-layout~="m-b@md:xs"] {
5789
6272
  margin-bottom: var(--δ3) !important;
5790
6273
  }
5791
6274
 
5792
- [cds-layout~="m-l@md:sm"] {
6275
+ [cds-layout~="m-l@md:xs"] {
5793
6276
  margin-left: var(--δ3) !important;
5794
6277
  }
5795
6278
 
5796
- [cds-layout~="m-t@md:md"] {
6279
+ [cds-layout~="m-t@md:sm"] {
5797
6280
  margin-top: var(--δ4) !important;
5798
6281
  }
5799
6282
 
5800
- [cds-layout~="m-r@md:md"] {
6283
+ [cds-layout~="m-r@md:sm"] {
5801
6284
  margin-right: var(--δ4) !important;
5802
6285
  }
5803
6286
 
5804
- [cds-layout~="m-b@md:md"] {
6287
+ [cds-layout~="m-b@md:sm"] {
5805
6288
  margin-bottom: var(--δ4) !important;
5806
6289
  }
5807
6290
 
5808
- [cds-layout~="m-l@md:md"] {
6291
+ [cds-layout~="m-l@md:sm"] {
5809
6292
  margin-left: var(--δ4) !important;
5810
6293
  }
5811
6294
 
5812
- [cds-layout~="m-t@md:lg"] {
6295
+ [cds-layout~="m-t@md:md"] {
5813
6296
  margin-top: var(--δ5) !important;
5814
6297
  }
5815
6298
 
5816
- [cds-layout~="m-r@md:lg"] {
6299
+ [cds-layout~="m-r@md:md"] {
5817
6300
  margin-right: var(--δ5) !important;
5818
6301
  }
5819
6302
 
5820
- [cds-layout~="m-b@md:lg"] {
6303
+ [cds-layout~="m-b@md:md"] {
5821
6304
  margin-bottom: var(--δ5) !important;
5822
6305
  }
5823
6306
 
5824
- [cds-layout~="m-l@md:lg"] {
6307
+ [cds-layout~="m-l@md:md"] {
5825
6308
  margin-left: var(--δ5) !important;
5826
6309
  }
5827
6310
 
5828
- [cds-layout~="m-t@md:xl"] {
6311
+ [cds-layout~="m-t@md:lg"] {
5829
6312
  margin-top: var(--δ6) !important;
5830
6313
  }
5831
6314
 
5832
- [cds-layout~="m-r@md:xl"] {
6315
+ [cds-layout~="m-r@md:lg"] {
5833
6316
  margin-right: var(--δ6) !important;
5834
6317
  }
5835
6318
 
5836
- [cds-layout~="m-b@md:xl"] {
6319
+ [cds-layout~="m-b@md:lg"] {
5837
6320
  margin-bottom: var(--δ6) !important;
5838
6321
  }
5839
6322
 
5840
- [cds-layout~="m-l@md:xl"] {
6323
+ [cds-layout~="m-l@md:lg"] {
5841
6324
  margin-left: var(--δ6) !important;
5842
6325
  }
5843
6326
 
5844
- [cds-layout~="m-t@md:xxl"] {
6327
+ [cds-layout~="m-t@md:xl"] {
5845
6328
  margin-top: var(--δ7) !important;
5846
6329
  }
5847
6330
 
5848
- [cds-layout~="m-r@md:xxl"] {
6331
+ [cds-layout~="m-r@md:xl"] {
5849
6332
  margin-right: var(--δ7) !important;
5850
6333
  }
5851
6334
 
5852
- [cds-layout~="m-b@md:xxl"] {
6335
+ [cds-layout~="m-b@md:xl"] {
5853
6336
  margin-bottom: var(--δ7) !important;
5854
6337
  }
5855
6338
 
5856
- [cds-layout~="m-l@md:xxl"] {
6339
+ [cds-layout~="m-l@md:xl"] {
5857
6340
  margin-left: var(--δ7) !important;
5858
6341
  }
6342
+
6343
+ [cds-layout~="m-t@md:xxl"] {
6344
+ margin-top: var(--δ8) !important;
6345
+ }
6346
+
6347
+ [cds-layout~="m-r@md:xxl"] {
6348
+ margin-right: var(--δ8) !important;
6349
+ }
6350
+
6351
+ [cds-layout~="m-b@md:xxl"] {
6352
+ margin-bottom: var(--δ8) !important;
6353
+ }
6354
+
6355
+ [cds-layout~="m-l@md:xxl"] {
6356
+ margin-left: var(--δ8) !important;
6357
+ }
6358
+
6359
+ [cds-layout~="m-t@md:xxxl"] {
6360
+ margin-top: var(--δ9) !important;
6361
+ }
6362
+
6363
+ [cds-layout~="m-r@md:xxxl"] {
6364
+ margin-right: var(--δ9) !important;
6365
+ }
6366
+
6367
+ [cds-layout~="m-b@md:xxxl"] {
6368
+ margin-bottom: var(--δ9) !important;
6369
+ }
6370
+
6371
+ [cds-layout~="m-l@md:xxxl"] {
6372
+ margin-left: var(--δ9) !important;
6373
+ }
5859
6374
  }
5860
6375
  @media (min-width: 1200px) {
5861
6376
  [cds-layout*="gap@lg:none"] {
5862
6377
  gap: 0;
5863
6378
  }
5864
6379
 
5865
- [cds-layout*="gap@lg:xxs"] {
6380
+ [cds-layout*="gap@lg:xxxs"] {
5866
6381
  gap: var(--δ1);
5867
6382
  }
5868
6383
 
5869
- [cds-layout*="gap@lg:xs"] {
6384
+ [cds-layout*="gap@lg:xxs"] {
5870
6385
  gap: var(--δ2);
5871
6386
  }
5872
6387
 
5873
- [cds-layout*="gap@lg:sm"] {
6388
+ [cds-layout*="gap@lg:xs"] {
5874
6389
  gap: var(--δ3);
5875
6390
  }
5876
6391
 
5877
- [cds-layout*="gap@lg:md"] {
6392
+ [cds-layout*="gap@lg:sm"] {
5878
6393
  gap: var(--δ4);
5879
6394
  }
5880
6395
 
5881
- [cds-layout*="gap@lg:lg"] {
6396
+ [cds-layout*="gap@lg:md"] {
5882
6397
  gap: var(--δ5);
5883
6398
  }
5884
6399
 
5885
- [cds-layout*="gap@lg:xl"] {
6400
+ [cds-layout*="gap@lg:lg"] {
5886
6401
  gap: var(--δ6);
5887
6402
  }
5888
6403
 
5889
- [cds-layout*="gap@lg:xxl"] {
6404
+ [cds-layout*="gap@lg:xl"] {
5890
6405
  gap: var(--δ7);
5891
6406
  }
5892
6407
 
6408
+ [cds-layout*="gap@lg:xxl"] {
6409
+ gap: var(--δ8);
6410
+ }
6411
+
6412
+ [cds-layout*="gap@lg:xxxl"] {
6413
+ gap: var(--δ9);
6414
+ }
6415
+
5893
6416
  [cds-layout~="p@lg:none"] {
5894
6417
  padding: 0 !important;
5895
6418
  }
@@ -5898,60 +6421,76 @@
5898
6421
  margin: 0 !important;
5899
6422
  }
5900
6423
 
5901
- [cds-layout~="p@lg:xxs"] {
6424
+ [cds-layout~="p@lg:xxxs"] {
5902
6425
  padding: var(--δ1) !important;
5903
6426
  }
5904
6427
 
5905
- [cds-layout~="m@lg:xxs"] {
6428
+ [cds-layout~="m@lg:xxxs"] {
5906
6429
  margin: var(--δ1) !important;
5907
6430
  }
5908
6431
 
6432
+ [cds-layout~="p@lg:xxs"] {
6433
+ padding: var(--δ2) !important;
6434
+ }
6435
+
6436
+ [cds-layout~="m@lg:xxs"] {
6437
+ margin: var(--δ2) !important;
6438
+ }
6439
+
5909
6440
  [cds-layout~="p@lg:xs"] {
5910
- padding: var(--δ2) !important;
6441
+ padding: var(--δ3) !important;
5911
6442
  }
5912
6443
 
5913
6444
  [cds-layout~="m@lg:xs"] {
5914
- margin: var(--δ2) !important;
6445
+ margin: var(--δ3) !important;
5915
6446
  }
5916
6447
 
5917
6448
  [cds-layout~="p@lg:sm"] {
5918
- padding: var(--δ3) !important;
6449
+ padding: var(--δ4) !important;
5919
6450
  }
5920
6451
 
5921
6452
  [cds-layout~="m@lg:sm"] {
5922
- margin: var(--δ3) !important;
6453
+ margin: var(--δ4) !important;
5923
6454
  }
5924
6455
 
5925
6456
  [cds-layout~="p@lg:md"] {
5926
- padding: var(--δ4) !important;
6457
+ padding: var(--δ5) !important;
5927
6458
  }
5928
6459
 
5929
6460
  [cds-layout~="m@lg:md"] {
5930
- margin: var(--δ4) !important;
6461
+ margin: var(--δ5) !important;
5931
6462
  }
5932
6463
 
5933
6464
  [cds-layout~="p@lg:lg"] {
5934
- padding: var(--δ5) !important;
6465
+ padding: var(--δ6) !important;
5935
6466
  }
5936
6467
 
5937
6468
  [cds-layout~="m@lg:lg"] {
5938
- margin: var(--δ5) !important;
6469
+ margin: var(--δ6) !important;
5939
6470
  }
5940
6471
 
5941
6472
  [cds-layout~="p@lg:xl"] {
5942
- padding: var(--δ6) !important;
6473
+ padding: var(--δ7) !important;
5943
6474
  }
5944
6475
 
5945
6476
  [cds-layout~="m@lg:xl"] {
5946
- margin: var(--δ6) !important;
6477
+ margin: var(--δ7) !important;
5947
6478
  }
5948
6479
 
5949
6480
  [cds-layout~="p@lg:xxl"] {
5950
- padding: var(--δ7) !important;
6481
+ padding: var(--δ8) !important;
5951
6482
  }
5952
6483
 
5953
6484
  [cds-layout~="m@lg:xxl"] {
5954
- margin: var(--δ7) !important;
6485
+ margin: var(--δ8) !important;
6486
+ }
6487
+
6488
+ [cds-layout~="p@lg:xxxl"] {
6489
+ padding: var(--δ9) !important;
6490
+ }
6491
+
6492
+ [cds-layout~="m@lg:xxxl"] {
6493
+ margin: var(--δ9) !important;
5955
6494
  }
5956
6495
 
5957
6496
  [cds-layout~="p-x@lg:none"] {
@@ -5964,76 +6503,96 @@
5964
6503
  padding-bottom: 0 !important;
5965
6504
  }
5966
6505
 
5967
- [cds-layout~="p-x@lg:xxs"] {
6506
+ [cds-layout~="p-x@lg:xxxs"] {
5968
6507
  padding-left: var(--δ1) !important;
5969
6508
  padding-right: var(--δ1) !important;
5970
6509
  }
5971
6510
 
5972
- [cds-layout~="p-y@lg:xxs"] {
6511
+ [cds-layout~="p-y@lg:xxxs"] {
5973
6512
  padding-top: var(--δ1) !important;
5974
6513
  padding-bottom: var(--δ1) !important;
5975
6514
  }
5976
6515
 
5977
- [cds-layout~="p-x@lg:xs"] {
6516
+ [cds-layout~="p-x@lg:xxs"] {
5978
6517
  padding-left: var(--δ2) !important;
5979
6518
  padding-right: var(--δ2) !important;
5980
6519
  }
5981
6520
 
5982
- [cds-layout~="p-y@lg:xs"] {
6521
+ [cds-layout~="p-y@lg:xxs"] {
5983
6522
  padding-top: var(--δ2) !important;
5984
6523
  padding-bottom: var(--δ2) !important;
5985
6524
  }
5986
6525
 
5987
- [cds-layout~="p-x@lg:sm"] {
6526
+ [cds-layout~="p-x@lg:xs"] {
5988
6527
  padding-left: var(--δ3) !important;
5989
6528
  padding-right: var(--δ3) !important;
5990
6529
  }
5991
6530
 
5992
- [cds-layout~="p-y@lg:sm"] {
6531
+ [cds-layout~="p-y@lg:xs"] {
5993
6532
  padding-top: var(--δ3) !important;
5994
6533
  padding-bottom: var(--δ3) !important;
5995
6534
  }
5996
6535
 
5997
- [cds-layout~="p-x@lg:md"] {
6536
+ [cds-layout~="p-x@lg:sm"] {
5998
6537
  padding-left: var(--δ4) !important;
5999
6538
  padding-right: var(--δ4) !important;
6000
6539
  }
6001
6540
 
6002
- [cds-layout~="p-y@lg:md"] {
6541
+ [cds-layout~="p-y@lg:sm"] {
6003
6542
  padding-top: var(--δ4) !important;
6004
6543
  padding-bottom: var(--δ4) !important;
6005
6544
  }
6006
6545
 
6007
- [cds-layout~="p-x@lg:lg"] {
6546
+ [cds-layout~="p-x@lg:md"] {
6008
6547
  padding-left: var(--δ5) !important;
6009
6548
  padding-right: var(--δ5) !important;
6010
6549
  }
6011
6550
 
6012
- [cds-layout~="p-y@lg:lg"] {
6551
+ [cds-layout~="p-y@lg:md"] {
6013
6552
  padding-top: var(--δ5) !important;
6014
6553
  padding-bottom: var(--δ5) !important;
6015
6554
  }
6016
6555
 
6017
- [cds-layout~="p-x@lg:xl"] {
6556
+ [cds-layout~="p-x@lg:lg"] {
6018
6557
  padding-left: var(--δ6) !important;
6019
6558
  padding-right: var(--δ6) !important;
6020
6559
  }
6021
6560
 
6022
- [cds-layout~="p-y@lg:xl"] {
6561
+ [cds-layout~="p-y@lg:lg"] {
6023
6562
  padding-top: var(--δ6) !important;
6024
6563
  padding-bottom: var(--δ6) !important;
6025
6564
  }
6026
6565
 
6027
- [cds-layout~="p-x@lg:xxl"] {
6566
+ [cds-layout~="p-x@lg:xl"] {
6028
6567
  padding-left: var(--δ7) !important;
6029
6568
  padding-right: var(--δ7) !important;
6030
6569
  }
6031
6570
 
6032
- [cds-layout~="p-y@lg:xxl"] {
6571
+ [cds-layout~="p-y@lg:xl"] {
6033
6572
  padding-top: var(--δ7) !important;
6034
6573
  padding-bottom: var(--δ7) !important;
6035
6574
  }
6036
6575
 
6576
+ [cds-layout~="p-x@lg:xxl"] {
6577
+ padding-left: var(--δ8) !important;
6578
+ padding-right: var(--δ8) !important;
6579
+ }
6580
+
6581
+ [cds-layout~="p-y@lg:xxl"] {
6582
+ padding-top: var(--δ8) !important;
6583
+ padding-bottom: var(--δ8) !important;
6584
+ }
6585
+
6586
+ [cds-layout~="p-x@lg:xxxl"] {
6587
+ padding-left: var(--δ9) !important;
6588
+ padding-right: var(--δ9) !important;
6589
+ }
6590
+
6591
+ [cds-layout~="p-y@lg:xxxl"] {
6592
+ padding-top: var(--δ9) !important;
6593
+ padding-bottom: var(--δ9) !important;
6594
+ }
6595
+
6037
6596
  [cds-layout~="m-x@lg:none"] {
6038
6597
  margin-left: 0 !important;
6039
6598
  margin-right: 0 !important;
@@ -6044,76 +6603,96 @@
6044
6603
  margin-bottom: 0 !important;
6045
6604
  }
6046
6605
 
6047
- [cds-layout~="m-x@lg:xxs"] {
6606
+ [cds-layout~="m-x@lg:xxxs"] {
6048
6607
  margin-left: var(--δ1) !important;
6049
6608
  margin-right: var(--δ1) !important;
6050
6609
  }
6051
6610
 
6052
- [cds-layout~="m-y@lg:xxs"] {
6611
+ [cds-layout~="m-y@lg:xxxs"] {
6053
6612
  margin-top: var(--δ1) !important;
6054
6613
  margin-bottom: var(--δ1) !important;
6055
6614
  }
6056
6615
 
6057
- [cds-layout~="m-x@lg:xs"] {
6616
+ [cds-layout~="m-x@lg:xxs"] {
6058
6617
  margin-left: var(--δ2) !important;
6059
6618
  margin-right: var(--δ2) !important;
6060
6619
  }
6061
6620
 
6062
- [cds-layout~="m-y@lg:xs"] {
6621
+ [cds-layout~="m-y@lg:xxs"] {
6063
6622
  margin-top: var(--δ2) !important;
6064
6623
  margin-bottom: var(--δ2) !important;
6065
6624
  }
6066
6625
 
6067
- [cds-layout~="m-x@lg:sm"] {
6626
+ [cds-layout~="m-x@lg:xs"] {
6068
6627
  margin-left: var(--δ3) !important;
6069
6628
  margin-right: var(--δ3) !important;
6070
6629
  }
6071
6630
 
6072
- [cds-layout~="m-y@lg:sm"] {
6631
+ [cds-layout~="m-y@lg:xs"] {
6073
6632
  margin-top: var(--δ3) !important;
6074
6633
  margin-bottom: var(--δ3) !important;
6075
6634
  }
6076
6635
 
6077
- [cds-layout~="m-x@lg:md"] {
6636
+ [cds-layout~="m-x@lg:sm"] {
6078
6637
  margin-left: var(--δ4) !important;
6079
6638
  margin-right: var(--δ4) !important;
6080
6639
  }
6081
6640
 
6082
- [cds-layout~="m-y@lg:md"] {
6641
+ [cds-layout~="m-y@lg:sm"] {
6083
6642
  margin-top: var(--δ4) !important;
6084
6643
  margin-bottom: var(--δ4) !important;
6085
6644
  }
6086
6645
 
6087
- [cds-layout~="m-x@lg:lg"] {
6646
+ [cds-layout~="m-x@lg:md"] {
6088
6647
  margin-left: var(--δ5) !important;
6089
6648
  margin-right: var(--δ5) !important;
6090
6649
  }
6091
6650
 
6092
- [cds-layout~="m-y@lg:lg"] {
6651
+ [cds-layout~="m-y@lg:md"] {
6093
6652
  margin-top: var(--δ5) !important;
6094
6653
  margin-bottom: var(--δ5) !important;
6095
6654
  }
6096
6655
 
6097
- [cds-layout~="m-x@lg:xl"] {
6656
+ [cds-layout~="m-x@lg:lg"] {
6098
6657
  margin-left: var(--δ6) !important;
6099
6658
  margin-right: var(--δ6) !important;
6100
6659
  }
6101
6660
 
6102
- [cds-layout~="m-y@lg:xl"] {
6661
+ [cds-layout~="m-y@lg:lg"] {
6103
6662
  margin-top: var(--δ6) !important;
6104
6663
  margin-bottom: var(--δ6) !important;
6105
6664
  }
6106
6665
 
6107
- [cds-layout~="m-x@lg:xxl"] {
6666
+ [cds-layout~="m-x@lg:xl"] {
6108
6667
  margin-left: var(--δ7) !important;
6109
6668
  margin-right: var(--δ7) !important;
6110
6669
  }
6111
6670
 
6112
- [cds-layout~="m-y@lg:xxl"] {
6671
+ [cds-layout~="m-y@lg:xl"] {
6113
6672
  margin-top: var(--δ7) !important;
6114
6673
  margin-bottom: var(--δ7) !important;
6115
6674
  }
6116
6675
 
6676
+ [cds-layout~="m-x@lg:xxl"] {
6677
+ margin-left: var(--δ8) !important;
6678
+ margin-right: var(--δ8) !important;
6679
+ }
6680
+
6681
+ [cds-layout~="m-y@lg:xxl"] {
6682
+ margin-top: var(--δ8) !important;
6683
+ margin-bottom: var(--δ8) !important;
6684
+ }
6685
+
6686
+ [cds-layout~="m-x@lg:xxxl"] {
6687
+ margin-left: var(--δ9) !important;
6688
+ margin-right: var(--δ9) !important;
6689
+ }
6690
+
6691
+ [cds-layout~="m-y@lg:xxxl"] {
6692
+ margin-top: var(--δ9) !important;
6693
+ margin-bottom: var(--δ9) !important;
6694
+ }
6695
+
6117
6696
  [cds-layout~="p-t@lg:none"] {
6118
6697
  padding-top: 0 !important;
6119
6698
  }
@@ -6130,118 +6709,150 @@
6130
6709
  padding-left: 0 !important;
6131
6710
  }
6132
6711
 
6133
- [cds-layout~="p-t@lg:xxs"] {
6712
+ [cds-layout~="p-t@lg:xxxs"] {
6134
6713
  padding-top: var(--δ1) !important;
6135
6714
  }
6136
6715
 
6137
- [cds-layout~="p-r@lg:xxs"] {
6716
+ [cds-layout~="p-r@lg:xxxs"] {
6138
6717
  padding-right: var(--δ1) !important;
6139
6718
  }
6140
6719
 
6141
- [cds-layout~="p-b@lg:xxs"] {
6720
+ [cds-layout~="p-b@lg:xxxs"] {
6142
6721
  padding-bottom: var(--δ1) !important;
6143
6722
  }
6144
6723
 
6145
- [cds-layout~="p-l@lg:xxs"] {
6724
+ [cds-layout~="p-l@lg:xxxs"] {
6146
6725
  padding-left: var(--δ1) !important;
6147
6726
  }
6148
6727
 
6149
- [cds-layout~="p-t@lg:xs"] {
6728
+ [cds-layout~="p-t@lg:xxs"] {
6150
6729
  padding-top: var(--δ2) !important;
6151
6730
  }
6152
6731
 
6153
- [cds-layout~="p-r@lg:xs"] {
6732
+ [cds-layout~="p-r@lg:xxs"] {
6154
6733
  padding-right: var(--δ2) !important;
6155
6734
  }
6156
6735
 
6157
- [cds-layout~="p-b@lg:xs"] {
6736
+ [cds-layout~="p-b@lg:xxs"] {
6158
6737
  padding-bottom: var(--δ2) !important;
6159
6738
  }
6160
6739
 
6161
- [cds-layout~="p-l@lg:xs"] {
6740
+ [cds-layout~="p-l@lg:xxs"] {
6162
6741
  padding-left: var(--δ2) !important;
6163
6742
  }
6164
6743
 
6165
- [cds-layout~="p-t@lg:sm"] {
6744
+ [cds-layout~="p-t@lg:xs"] {
6166
6745
  padding-top: var(--δ3) !important;
6167
6746
  }
6168
6747
 
6169
- [cds-layout~="p-r@lg:sm"] {
6748
+ [cds-layout~="p-r@lg:xs"] {
6170
6749
  padding-right: var(--δ3) !important;
6171
6750
  }
6172
6751
 
6173
- [cds-layout~="p-b@lg:sm"] {
6752
+ [cds-layout~="p-b@lg:xs"] {
6174
6753
  padding-bottom: var(--δ3) !important;
6175
6754
  }
6176
6755
 
6177
- [cds-layout~="p-l@lg:sm"] {
6756
+ [cds-layout~="p-l@lg:xs"] {
6178
6757
  padding-left: var(--δ3) !important;
6179
6758
  }
6180
6759
 
6181
- [cds-layout~="p-t@lg:md"] {
6760
+ [cds-layout~="p-t@lg:sm"] {
6182
6761
  padding-top: var(--δ4) !important;
6183
6762
  }
6184
6763
 
6185
- [cds-layout~="p-r@lg:md"] {
6764
+ [cds-layout~="p-r@lg:sm"] {
6186
6765
  padding-right: var(--δ4) !important;
6187
6766
  }
6188
6767
 
6189
- [cds-layout~="p-b@lg:md"] {
6768
+ [cds-layout~="p-b@lg:sm"] {
6190
6769
  padding-bottom: var(--δ4) !important;
6191
6770
  }
6192
6771
 
6193
- [cds-layout~="p-l@lg:md"] {
6772
+ [cds-layout~="p-l@lg:sm"] {
6194
6773
  padding-left: var(--δ4) !important;
6195
6774
  }
6196
6775
 
6197
- [cds-layout~="p-t@lg:lg"] {
6776
+ [cds-layout~="p-t@lg:md"] {
6198
6777
  padding-top: var(--δ5) !important;
6199
6778
  }
6200
6779
 
6201
- [cds-layout~="p-r@lg:lg"] {
6780
+ [cds-layout~="p-r@lg:md"] {
6202
6781
  padding-right: var(--δ5) !important;
6203
6782
  }
6204
6783
 
6205
- [cds-layout~="p-b@lg:lg"] {
6784
+ [cds-layout~="p-b@lg:md"] {
6206
6785
  padding-bottom: var(--δ5) !important;
6207
6786
  }
6208
6787
 
6209
- [cds-layout~="p-l@lg:lg"] {
6788
+ [cds-layout~="p-l@lg:md"] {
6210
6789
  padding-left: var(--δ5) !important;
6211
6790
  }
6212
6791
 
6213
- [cds-layout~="p-t@lg:xl"] {
6792
+ [cds-layout~="p-t@lg:lg"] {
6214
6793
  padding-top: var(--δ6) !important;
6215
6794
  }
6216
6795
 
6217
- [cds-layout~="p-r@lg:xl"] {
6796
+ [cds-layout~="p-r@lg:lg"] {
6218
6797
  padding-right: var(--δ6) !important;
6219
6798
  }
6220
6799
 
6221
- [cds-layout~="p-b@lg:xl"] {
6800
+ [cds-layout~="p-b@lg:lg"] {
6222
6801
  padding-bottom: var(--δ6) !important;
6223
6802
  }
6224
6803
 
6225
- [cds-layout~="p-l@lg:xl"] {
6804
+ [cds-layout~="p-l@lg:lg"] {
6226
6805
  padding-left: var(--δ6) !important;
6227
6806
  }
6228
6807
 
6229
- [cds-layout~="p-t@lg:xxl"] {
6808
+ [cds-layout~="p-t@lg:xl"] {
6230
6809
  padding-top: var(--δ7) !important;
6231
6810
  }
6232
6811
 
6233
- [cds-layout~="p-r@lg:xxl"] {
6812
+ [cds-layout~="p-r@lg:xl"] {
6234
6813
  padding-right: var(--δ7) !important;
6235
6814
  }
6236
6815
 
6237
- [cds-layout~="p-b@lg:xxl"] {
6816
+ [cds-layout~="p-b@lg:xl"] {
6238
6817
  padding-bottom: var(--δ7) !important;
6239
6818
  }
6240
6819
 
6241
- [cds-layout~="p-l@lg:xxl"] {
6820
+ [cds-layout~="p-l@lg:xl"] {
6242
6821
  padding-left: var(--δ7) !important;
6243
6822
  }
6244
6823
 
6824
+ [cds-layout~="p-t@lg:xxl"] {
6825
+ padding-top: var(--δ8) !important;
6826
+ }
6827
+
6828
+ [cds-layout~="p-r@lg:xxl"] {
6829
+ padding-right: var(--δ8) !important;
6830
+ }
6831
+
6832
+ [cds-layout~="p-b@lg:xxl"] {
6833
+ padding-bottom: var(--δ8) !important;
6834
+ }
6835
+
6836
+ [cds-layout~="p-l@lg:xxl"] {
6837
+ padding-left: var(--δ8) !important;
6838
+ }
6839
+
6840
+ [cds-layout~="p-t@lg:xxxl"] {
6841
+ padding-top: var(--δ9) !important;
6842
+ }
6843
+
6844
+ [cds-layout~="p-r@lg:xxxl"] {
6845
+ padding-right: var(--δ9) !important;
6846
+ }
6847
+
6848
+ [cds-layout~="p-b@lg:xxxl"] {
6849
+ padding-bottom: var(--δ9) !important;
6850
+ }
6851
+
6852
+ [cds-layout~="p-l@lg:xxxl"] {
6853
+ padding-left: var(--δ9) !important;
6854
+ }
6855
+
6245
6856
  [cds-layout~="m-t@lg:none"] {
6246
6857
  margin-top: 0 !important;
6247
6858
  }
@@ -6258,149 +6869,189 @@
6258
6869
  margin-left: 0 !important;
6259
6870
  }
6260
6871
 
6261
- [cds-layout~="m-t@lg:xxs"] {
6872
+ [cds-layout~="m-t@lg:xxxs"] {
6262
6873
  margin-top: var(--δ1) !important;
6263
6874
  }
6264
6875
 
6265
- [cds-layout~="m-r@lg:xxs"] {
6876
+ [cds-layout~="m-r@lg:xxxs"] {
6266
6877
  margin-right: var(--δ1) !important;
6267
6878
  }
6268
6879
 
6269
- [cds-layout~="m-b@lg:xxs"] {
6880
+ [cds-layout~="m-b@lg:xxxs"] {
6270
6881
  margin-bottom: var(--δ1) !important;
6271
6882
  }
6272
6883
 
6273
- [cds-layout~="m-l@lg:xxs"] {
6884
+ [cds-layout~="m-l@lg:xxxs"] {
6274
6885
  margin-left: var(--δ1) !important;
6275
6886
  }
6276
6887
 
6277
- [cds-layout~="m-t@lg:xs"] {
6888
+ [cds-layout~="m-t@lg:xxs"] {
6278
6889
  margin-top: var(--δ2) !important;
6279
6890
  }
6280
6891
 
6281
- [cds-layout~="m-r@lg:xs"] {
6892
+ [cds-layout~="m-r@lg:xxs"] {
6282
6893
  margin-right: var(--δ2) !important;
6283
6894
  }
6284
6895
 
6285
- [cds-layout~="m-b@lg:xs"] {
6896
+ [cds-layout~="m-b@lg:xxs"] {
6286
6897
  margin-bottom: var(--δ2) !important;
6287
6898
  }
6288
6899
 
6289
- [cds-layout~="m-l@lg:xs"] {
6900
+ [cds-layout~="m-l@lg:xxs"] {
6290
6901
  margin-left: var(--δ2) !important;
6291
6902
  }
6292
6903
 
6293
- [cds-layout~="m-t@lg:sm"] {
6904
+ [cds-layout~="m-t@lg:xs"] {
6294
6905
  margin-top: var(--δ3) !important;
6295
6906
  }
6296
6907
 
6297
- [cds-layout~="m-r@lg:sm"] {
6908
+ [cds-layout~="m-r@lg:xs"] {
6298
6909
  margin-right: var(--δ3) !important;
6299
6910
  }
6300
6911
 
6301
- [cds-layout~="m-b@lg:sm"] {
6912
+ [cds-layout~="m-b@lg:xs"] {
6302
6913
  margin-bottom: var(--δ3) !important;
6303
6914
  }
6304
6915
 
6305
- [cds-layout~="m-l@lg:sm"] {
6916
+ [cds-layout~="m-l@lg:xs"] {
6306
6917
  margin-left: var(--δ3) !important;
6307
6918
  }
6308
6919
 
6309
- [cds-layout~="m-t@lg:md"] {
6920
+ [cds-layout~="m-t@lg:sm"] {
6310
6921
  margin-top: var(--δ4) !important;
6311
6922
  }
6312
6923
 
6313
- [cds-layout~="m-r@lg:md"] {
6924
+ [cds-layout~="m-r@lg:sm"] {
6314
6925
  margin-right: var(--δ4) !important;
6315
6926
  }
6316
6927
 
6317
- [cds-layout~="m-b@lg:md"] {
6928
+ [cds-layout~="m-b@lg:sm"] {
6318
6929
  margin-bottom: var(--δ4) !important;
6319
6930
  }
6320
6931
 
6321
- [cds-layout~="m-l@lg:md"] {
6932
+ [cds-layout~="m-l@lg:sm"] {
6322
6933
  margin-left: var(--δ4) !important;
6323
6934
  }
6324
6935
 
6325
- [cds-layout~="m-t@lg:lg"] {
6936
+ [cds-layout~="m-t@lg:md"] {
6326
6937
  margin-top: var(--δ5) !important;
6327
6938
  }
6328
6939
 
6329
- [cds-layout~="m-r@lg:lg"] {
6940
+ [cds-layout~="m-r@lg:md"] {
6330
6941
  margin-right: var(--δ5) !important;
6331
6942
  }
6332
6943
 
6333
- [cds-layout~="m-b@lg:lg"] {
6944
+ [cds-layout~="m-b@lg:md"] {
6334
6945
  margin-bottom: var(--δ5) !important;
6335
6946
  }
6336
6947
 
6337
- [cds-layout~="m-l@lg:lg"] {
6948
+ [cds-layout~="m-l@lg:md"] {
6338
6949
  margin-left: var(--δ5) !important;
6339
6950
  }
6340
6951
 
6341
- [cds-layout~="m-t@lg:xl"] {
6952
+ [cds-layout~="m-t@lg:lg"] {
6342
6953
  margin-top: var(--δ6) !important;
6343
6954
  }
6344
6955
 
6345
- [cds-layout~="m-r@lg:xl"] {
6956
+ [cds-layout~="m-r@lg:lg"] {
6346
6957
  margin-right: var(--δ6) !important;
6347
6958
  }
6348
6959
 
6349
- [cds-layout~="m-b@lg:xl"] {
6960
+ [cds-layout~="m-b@lg:lg"] {
6350
6961
  margin-bottom: var(--δ6) !important;
6351
6962
  }
6352
6963
 
6353
- [cds-layout~="m-l@lg:xl"] {
6964
+ [cds-layout~="m-l@lg:lg"] {
6354
6965
  margin-left: var(--δ6) !important;
6355
6966
  }
6356
6967
 
6357
- [cds-layout~="m-t@lg:xxl"] {
6968
+ [cds-layout~="m-t@lg:xl"] {
6358
6969
  margin-top: var(--δ7) !important;
6359
6970
  }
6360
6971
 
6361
- [cds-layout~="m-r@lg:xxl"] {
6972
+ [cds-layout~="m-r@lg:xl"] {
6362
6973
  margin-right: var(--δ7) !important;
6363
6974
  }
6364
6975
 
6365
- [cds-layout~="m-b@lg:xxl"] {
6976
+ [cds-layout~="m-b@lg:xl"] {
6366
6977
  margin-bottom: var(--δ7) !important;
6367
6978
  }
6368
6979
 
6369
- [cds-layout~="m-l@lg:xxl"] {
6980
+ [cds-layout~="m-l@lg:xl"] {
6370
6981
  margin-left: var(--δ7) !important;
6371
6982
  }
6983
+
6984
+ [cds-layout~="m-t@lg:xxl"] {
6985
+ margin-top: var(--δ8) !important;
6986
+ }
6987
+
6988
+ [cds-layout~="m-r@lg:xxl"] {
6989
+ margin-right: var(--δ8) !important;
6990
+ }
6991
+
6992
+ [cds-layout~="m-b@lg:xxl"] {
6993
+ margin-bottom: var(--δ8) !important;
6994
+ }
6995
+
6996
+ [cds-layout~="m-l@lg:xxl"] {
6997
+ margin-left: var(--δ8) !important;
6998
+ }
6999
+
7000
+ [cds-layout~="m-t@lg:xxxl"] {
7001
+ margin-top: var(--δ9) !important;
7002
+ }
7003
+
7004
+ [cds-layout~="m-r@lg:xxxl"] {
7005
+ margin-right: var(--δ9) !important;
7006
+ }
7007
+
7008
+ [cds-layout~="m-b@lg:xxxl"] {
7009
+ margin-bottom: var(--δ9) !important;
7010
+ }
7011
+
7012
+ [cds-layout~="m-l@lg:xxxl"] {
7013
+ margin-left: var(--δ9) !important;
7014
+ }
6372
7015
  }
6373
7016
  @media (min-width: 1440px) {
6374
7017
  [cds-layout*="gap@xl:none"] {
6375
7018
  gap: 0;
6376
7019
  }
6377
7020
 
6378
- [cds-layout*="gap@xl:xxs"] {
7021
+ [cds-layout*="gap@xl:xxxs"] {
6379
7022
  gap: var(--δ1);
6380
7023
  }
6381
7024
 
6382
- [cds-layout*="gap@xl:xs"] {
7025
+ [cds-layout*="gap@xl:xxs"] {
6383
7026
  gap: var(--δ2);
6384
7027
  }
6385
7028
 
6386
- [cds-layout*="gap@xl:sm"] {
7029
+ [cds-layout*="gap@xl:xs"] {
6387
7030
  gap: var(--δ3);
6388
7031
  }
6389
7032
 
6390
- [cds-layout*="gap@xl:md"] {
7033
+ [cds-layout*="gap@xl:sm"] {
6391
7034
  gap: var(--δ4);
6392
7035
  }
6393
7036
 
6394
- [cds-layout*="gap@xl:lg"] {
7037
+ [cds-layout*="gap@xl:md"] {
6395
7038
  gap: var(--δ5);
6396
7039
  }
6397
7040
 
6398
- [cds-layout*="gap@xl:xl"] {
7041
+ [cds-layout*="gap@xl:lg"] {
6399
7042
  gap: var(--δ6);
6400
7043
  }
6401
7044
 
7045
+ [cds-layout*="gap@xl:xl"] {
7046
+ gap: var(--δ7);
7047
+ }
7048
+
6402
7049
  [cds-layout*="gap@xl:xxl"] {
6403
- gap: var(--δ7);
7050
+ gap: var(--δ8);
7051
+ }
7052
+
7053
+ [cds-layout*="gap@xl:xxxl"] {
7054
+ gap: var(--δ9);
6404
7055
  }
6405
7056
 
6406
7057
  [cds-layout~="p@xl:none"] {
@@ -6411,62 +7062,78 @@
6411
7062
  margin: 0 !important;
6412
7063
  }
6413
7064
 
6414
- [cds-layout~="p@xl:xxs"] {
7065
+ [cds-layout~="p@xl:xxxs"] {
6415
7066
  padding: var(--δ1) !important;
6416
7067
  }
6417
7068
 
6418
- [cds-layout~="m@xl:xxs"] {
7069
+ [cds-layout~="m@xl:xxxs"] {
6419
7070
  margin: var(--δ1) !important;
6420
7071
  }
6421
7072
 
6422
- [cds-layout~="p@xl:xs"] {
7073
+ [cds-layout~="p@xl:xxs"] {
6423
7074
  padding: var(--δ2) !important;
6424
7075
  }
6425
7076
 
6426
- [cds-layout~="m@xl:xs"] {
7077
+ [cds-layout~="m@xl:xxs"] {
6427
7078
  margin: var(--δ2) !important;
6428
7079
  }
6429
7080
 
6430
- [cds-layout~="p@xl:sm"] {
7081
+ [cds-layout~="p@xl:xs"] {
6431
7082
  padding: var(--δ3) !important;
6432
7083
  }
6433
7084
 
6434
- [cds-layout~="m@xl:sm"] {
7085
+ [cds-layout~="m@xl:xs"] {
6435
7086
  margin: var(--δ3) !important;
6436
7087
  }
6437
7088
 
6438
- [cds-layout~="p@xl:md"] {
7089
+ [cds-layout~="p@xl:sm"] {
6439
7090
  padding: var(--δ4) !important;
6440
7091
  }
6441
7092
 
6442
- [cds-layout~="m@xl:md"] {
7093
+ [cds-layout~="m@xl:sm"] {
6443
7094
  margin: var(--δ4) !important;
6444
7095
  }
6445
7096
 
6446
- [cds-layout~="p@xl:lg"] {
7097
+ [cds-layout~="p@xl:md"] {
6447
7098
  padding: var(--δ5) !important;
6448
7099
  }
6449
7100
 
6450
- [cds-layout~="m@xl:lg"] {
7101
+ [cds-layout~="m@xl:md"] {
6451
7102
  margin: var(--δ5) !important;
6452
7103
  }
6453
7104
 
6454
- [cds-layout~="p@xl:xl"] {
7105
+ [cds-layout~="p@xl:lg"] {
6455
7106
  padding: var(--δ6) !important;
6456
7107
  }
6457
7108
 
6458
- [cds-layout~="m@xl:xl"] {
7109
+ [cds-layout~="m@xl:lg"] {
6459
7110
  margin: var(--δ6) !important;
6460
7111
  }
6461
7112
 
6462
- [cds-layout~="p@xl:xxl"] {
7113
+ [cds-layout~="p@xl:xl"] {
6463
7114
  padding: var(--δ7) !important;
6464
7115
  }
6465
7116
 
6466
- [cds-layout~="m@xl:xxl"] {
7117
+ [cds-layout~="m@xl:xl"] {
6467
7118
  margin: var(--δ7) !important;
6468
7119
  }
6469
7120
 
7121
+ [cds-layout~="p@xl:xxl"] {
7122
+ padding: var(--δ8) !important;
7123
+ }
7124
+
7125
+ [cds-layout~="m@xl:xxl"] {
7126
+ margin: var(--δ8) !important;
7127
+ }
7128
+
7129
+ [cds-layout~="p@xl:xxxl"] {
7130
+ padding: var(--δ9) !important;
7131
+ }
7132
+
7133
+ [cds-layout~="m@xl:xxxl"] {
7134
+ margin: var(--δ9) !important;
7135
+ }
7136
+
6470
7137
  [cds-layout~="p-x@xl:none"] {
6471
7138
  padding-left: 0 !important;
6472
7139
  padding-right: 0 !important;
@@ -6477,76 +7144,96 @@
6477
7144
  padding-bottom: 0 !important;
6478
7145
  }
6479
7146
 
6480
- [cds-layout~="p-x@xl:xxs"] {
7147
+ [cds-layout~="p-x@xl:xxxs"] {
6481
7148
  padding-left: var(--δ1) !important;
6482
7149
  padding-right: var(--δ1) !important;
6483
7150
  }
6484
7151
 
6485
- [cds-layout~="p-y@xl:xxs"] {
7152
+ [cds-layout~="p-y@xl:xxxs"] {
6486
7153
  padding-top: var(--δ1) !important;
6487
7154
  padding-bottom: var(--δ1) !important;
6488
7155
  }
6489
7156
 
6490
- [cds-layout~="p-x@xl:xs"] {
7157
+ [cds-layout~="p-x@xl:xxs"] {
6491
7158
  padding-left: var(--δ2) !important;
6492
7159
  padding-right: var(--δ2) !important;
6493
7160
  }
6494
7161
 
6495
- [cds-layout~="p-y@xl:xs"] {
7162
+ [cds-layout~="p-y@xl:xxs"] {
6496
7163
  padding-top: var(--δ2) !important;
6497
7164
  padding-bottom: var(--δ2) !important;
6498
7165
  }
6499
7166
 
6500
- [cds-layout~="p-x@xl:sm"] {
7167
+ [cds-layout~="p-x@xl:xs"] {
6501
7168
  padding-left: var(--δ3) !important;
6502
7169
  padding-right: var(--δ3) !important;
6503
7170
  }
6504
7171
 
6505
- [cds-layout~="p-y@xl:sm"] {
7172
+ [cds-layout~="p-y@xl:xs"] {
6506
7173
  padding-top: var(--δ3) !important;
6507
7174
  padding-bottom: var(--δ3) !important;
6508
7175
  }
6509
7176
 
6510
- [cds-layout~="p-x@xl:md"] {
7177
+ [cds-layout~="p-x@xl:sm"] {
6511
7178
  padding-left: var(--δ4) !important;
6512
7179
  padding-right: var(--δ4) !important;
6513
7180
  }
6514
7181
 
6515
- [cds-layout~="p-y@xl:md"] {
7182
+ [cds-layout~="p-y@xl:sm"] {
6516
7183
  padding-top: var(--δ4) !important;
6517
7184
  padding-bottom: var(--δ4) !important;
6518
7185
  }
6519
7186
 
6520
- [cds-layout~="p-x@xl:lg"] {
7187
+ [cds-layout~="p-x@xl:md"] {
6521
7188
  padding-left: var(--δ5) !important;
6522
7189
  padding-right: var(--δ5) !important;
6523
7190
  }
6524
7191
 
6525
- [cds-layout~="p-y@xl:lg"] {
7192
+ [cds-layout~="p-y@xl:md"] {
6526
7193
  padding-top: var(--δ5) !important;
6527
7194
  padding-bottom: var(--δ5) !important;
6528
7195
  }
6529
7196
 
6530
- [cds-layout~="p-x@xl:xl"] {
7197
+ [cds-layout~="p-x@xl:lg"] {
6531
7198
  padding-left: var(--δ6) !important;
6532
7199
  padding-right: var(--δ6) !important;
6533
7200
  }
6534
7201
 
6535
- [cds-layout~="p-y@xl:xl"] {
7202
+ [cds-layout~="p-y@xl:lg"] {
6536
7203
  padding-top: var(--δ6) !important;
6537
7204
  padding-bottom: var(--δ6) !important;
6538
7205
  }
6539
7206
 
6540
- [cds-layout~="p-x@xl:xxl"] {
7207
+ [cds-layout~="p-x@xl:xl"] {
6541
7208
  padding-left: var(--δ7) !important;
6542
7209
  padding-right: var(--δ7) !important;
6543
7210
  }
6544
7211
 
6545
- [cds-layout~="p-y@xl:xxl"] {
7212
+ [cds-layout~="p-y@xl:xl"] {
6546
7213
  padding-top: var(--δ7) !important;
6547
7214
  padding-bottom: var(--δ7) !important;
6548
7215
  }
6549
7216
 
7217
+ [cds-layout~="p-x@xl:xxl"] {
7218
+ padding-left: var(--δ8) !important;
7219
+ padding-right: var(--δ8) !important;
7220
+ }
7221
+
7222
+ [cds-layout~="p-y@xl:xxl"] {
7223
+ padding-top: var(--δ8) !important;
7224
+ padding-bottom: var(--δ8) !important;
7225
+ }
7226
+
7227
+ [cds-layout~="p-x@xl:xxxl"] {
7228
+ padding-left: var(--δ9) !important;
7229
+ padding-right: var(--δ9) !important;
7230
+ }
7231
+
7232
+ [cds-layout~="p-y@xl:xxxl"] {
7233
+ padding-top: var(--δ9) !important;
7234
+ padding-bottom: var(--δ9) !important;
7235
+ }
7236
+
6550
7237
  [cds-layout~="m-x@xl:none"] {
6551
7238
  margin-left: 0 !important;
6552
7239
  margin-right: 0 !important;
@@ -6557,76 +7244,96 @@
6557
7244
  margin-bottom: 0 !important;
6558
7245
  }
6559
7246
 
6560
- [cds-layout~="m-x@xl:xxs"] {
7247
+ [cds-layout~="m-x@xl:xxxs"] {
6561
7248
  margin-left: var(--δ1) !important;
6562
7249
  margin-right: var(--δ1) !important;
6563
7250
  }
6564
7251
 
6565
- [cds-layout~="m-y@xl:xxs"] {
7252
+ [cds-layout~="m-y@xl:xxxs"] {
6566
7253
  margin-top: var(--δ1) !important;
6567
7254
  margin-bottom: var(--δ1) !important;
6568
7255
  }
6569
7256
 
6570
- [cds-layout~="m-x@xl:xs"] {
7257
+ [cds-layout~="m-x@xl:xxs"] {
6571
7258
  margin-left: var(--δ2) !important;
6572
7259
  margin-right: var(--δ2) !important;
6573
7260
  }
6574
7261
 
6575
- [cds-layout~="m-y@xl:xs"] {
7262
+ [cds-layout~="m-y@xl:xxs"] {
6576
7263
  margin-top: var(--δ2) !important;
6577
7264
  margin-bottom: var(--δ2) !important;
6578
7265
  }
6579
7266
 
6580
- [cds-layout~="m-x@xl:sm"] {
7267
+ [cds-layout~="m-x@xl:xs"] {
6581
7268
  margin-left: var(--δ3) !important;
6582
7269
  margin-right: var(--δ3) !important;
6583
7270
  }
6584
7271
 
6585
- [cds-layout~="m-y@xl:sm"] {
7272
+ [cds-layout~="m-y@xl:xs"] {
6586
7273
  margin-top: var(--δ3) !important;
6587
7274
  margin-bottom: var(--δ3) !important;
6588
7275
  }
6589
7276
 
6590
- [cds-layout~="m-x@xl:md"] {
7277
+ [cds-layout~="m-x@xl:sm"] {
6591
7278
  margin-left: var(--δ4) !important;
6592
7279
  margin-right: var(--δ4) !important;
6593
7280
  }
6594
7281
 
6595
- [cds-layout~="m-y@xl:md"] {
7282
+ [cds-layout~="m-y@xl:sm"] {
6596
7283
  margin-top: var(--δ4) !important;
6597
7284
  margin-bottom: var(--δ4) !important;
6598
7285
  }
6599
7286
 
6600
- [cds-layout~="m-x@xl:lg"] {
7287
+ [cds-layout~="m-x@xl:md"] {
6601
7288
  margin-left: var(--δ5) !important;
6602
7289
  margin-right: var(--δ5) !important;
6603
7290
  }
6604
7291
 
6605
- [cds-layout~="m-y@xl:lg"] {
7292
+ [cds-layout~="m-y@xl:md"] {
6606
7293
  margin-top: var(--δ5) !important;
6607
7294
  margin-bottom: var(--δ5) !important;
6608
7295
  }
6609
7296
 
6610
- [cds-layout~="m-x@xl:xl"] {
7297
+ [cds-layout~="m-x@xl:lg"] {
6611
7298
  margin-left: var(--δ6) !important;
6612
7299
  margin-right: var(--δ6) !important;
6613
7300
  }
6614
7301
 
6615
- [cds-layout~="m-y@xl:xl"] {
7302
+ [cds-layout~="m-y@xl:lg"] {
6616
7303
  margin-top: var(--δ6) !important;
6617
7304
  margin-bottom: var(--δ6) !important;
6618
7305
  }
6619
7306
 
6620
- [cds-layout~="m-x@xl:xxl"] {
7307
+ [cds-layout~="m-x@xl:xl"] {
6621
7308
  margin-left: var(--δ7) !important;
6622
7309
  margin-right: var(--δ7) !important;
6623
7310
  }
6624
7311
 
6625
- [cds-layout~="m-y@xl:xxl"] {
7312
+ [cds-layout~="m-y@xl:xl"] {
6626
7313
  margin-top: var(--δ7) !important;
6627
7314
  margin-bottom: var(--δ7) !important;
6628
7315
  }
6629
7316
 
7317
+ [cds-layout~="m-x@xl:xxl"] {
7318
+ margin-left: var(--δ8) !important;
7319
+ margin-right: var(--δ8) !important;
7320
+ }
7321
+
7322
+ [cds-layout~="m-y@xl:xxl"] {
7323
+ margin-top: var(--δ8) !important;
7324
+ margin-bottom: var(--δ8) !important;
7325
+ }
7326
+
7327
+ [cds-layout~="m-x@xl:xxxl"] {
7328
+ margin-left: var(--δ9) !important;
7329
+ margin-right: var(--δ9) !important;
7330
+ }
7331
+
7332
+ [cds-layout~="m-y@xl:xxxl"] {
7333
+ margin-top: var(--δ9) !important;
7334
+ margin-bottom: var(--δ9) !important;
7335
+ }
7336
+
6630
7337
  [cds-layout~="p-t@xl:none"] {
6631
7338
  padding-top: 0 !important;
6632
7339
  }
@@ -6643,118 +7350,150 @@
6643
7350
  padding-left: 0 !important;
6644
7351
  }
6645
7352
 
6646
- [cds-layout~="p-t@xl:xxs"] {
7353
+ [cds-layout~="p-t@xl:xxxs"] {
6647
7354
  padding-top: var(--δ1) !important;
6648
7355
  }
6649
7356
 
6650
- [cds-layout~="p-r@xl:xxs"] {
7357
+ [cds-layout~="p-r@xl:xxxs"] {
6651
7358
  padding-right: var(--δ1) !important;
6652
7359
  }
6653
7360
 
6654
- [cds-layout~="p-b@xl:xxs"] {
7361
+ [cds-layout~="p-b@xl:xxxs"] {
6655
7362
  padding-bottom: var(--δ1) !important;
6656
7363
  }
6657
7364
 
6658
- [cds-layout~="p-l@xl:xxs"] {
7365
+ [cds-layout~="p-l@xl:xxxs"] {
6659
7366
  padding-left: var(--δ1) !important;
6660
7367
  }
6661
7368
 
6662
- [cds-layout~="p-t@xl:xs"] {
7369
+ [cds-layout~="p-t@xl:xxs"] {
6663
7370
  padding-top: var(--δ2) !important;
6664
7371
  }
6665
7372
 
6666
- [cds-layout~="p-r@xl:xs"] {
7373
+ [cds-layout~="p-r@xl:xxs"] {
6667
7374
  padding-right: var(--δ2) !important;
6668
7375
  }
6669
7376
 
6670
- [cds-layout~="p-b@xl:xs"] {
7377
+ [cds-layout~="p-b@xl:xxs"] {
6671
7378
  padding-bottom: var(--δ2) !important;
6672
7379
  }
6673
7380
 
6674
- [cds-layout~="p-l@xl:xs"] {
7381
+ [cds-layout~="p-l@xl:xxs"] {
6675
7382
  padding-left: var(--δ2) !important;
6676
7383
  }
6677
7384
 
6678
- [cds-layout~="p-t@xl:sm"] {
7385
+ [cds-layout~="p-t@xl:xs"] {
6679
7386
  padding-top: var(--δ3) !important;
6680
7387
  }
6681
7388
 
6682
- [cds-layout~="p-r@xl:sm"] {
7389
+ [cds-layout~="p-r@xl:xs"] {
6683
7390
  padding-right: var(--δ3) !important;
6684
7391
  }
6685
7392
 
6686
- [cds-layout~="p-b@xl:sm"] {
7393
+ [cds-layout~="p-b@xl:xs"] {
6687
7394
  padding-bottom: var(--δ3) !important;
6688
7395
  }
6689
7396
 
6690
- [cds-layout~="p-l@xl:sm"] {
7397
+ [cds-layout~="p-l@xl:xs"] {
6691
7398
  padding-left: var(--δ3) !important;
6692
7399
  }
6693
7400
 
6694
- [cds-layout~="p-t@xl:md"] {
7401
+ [cds-layout~="p-t@xl:sm"] {
6695
7402
  padding-top: var(--δ4) !important;
6696
7403
  }
6697
7404
 
6698
- [cds-layout~="p-r@xl:md"] {
7405
+ [cds-layout~="p-r@xl:sm"] {
6699
7406
  padding-right: var(--δ4) !important;
6700
7407
  }
6701
7408
 
6702
- [cds-layout~="p-b@xl:md"] {
7409
+ [cds-layout~="p-b@xl:sm"] {
6703
7410
  padding-bottom: var(--δ4) !important;
6704
7411
  }
6705
7412
 
6706
- [cds-layout~="p-l@xl:md"] {
7413
+ [cds-layout~="p-l@xl:sm"] {
6707
7414
  padding-left: var(--δ4) !important;
6708
7415
  }
6709
7416
 
6710
- [cds-layout~="p-t@xl:lg"] {
7417
+ [cds-layout~="p-t@xl:md"] {
6711
7418
  padding-top: var(--δ5) !important;
6712
7419
  }
6713
7420
 
6714
- [cds-layout~="p-r@xl:lg"] {
7421
+ [cds-layout~="p-r@xl:md"] {
6715
7422
  padding-right: var(--δ5) !important;
6716
7423
  }
6717
7424
 
6718
- [cds-layout~="p-b@xl:lg"] {
7425
+ [cds-layout~="p-b@xl:md"] {
6719
7426
  padding-bottom: var(--δ5) !important;
6720
7427
  }
6721
7428
 
6722
- [cds-layout~="p-l@xl:lg"] {
7429
+ [cds-layout~="p-l@xl:md"] {
6723
7430
  padding-left: var(--δ5) !important;
6724
7431
  }
6725
7432
 
6726
- [cds-layout~="p-t@xl:xl"] {
7433
+ [cds-layout~="p-t@xl:lg"] {
6727
7434
  padding-top: var(--δ6) !important;
6728
7435
  }
6729
7436
 
6730
- [cds-layout~="p-r@xl:xl"] {
7437
+ [cds-layout~="p-r@xl:lg"] {
6731
7438
  padding-right: var(--δ6) !important;
6732
7439
  }
6733
7440
 
6734
- [cds-layout~="p-b@xl:xl"] {
7441
+ [cds-layout~="p-b@xl:lg"] {
6735
7442
  padding-bottom: var(--δ6) !important;
6736
7443
  }
6737
7444
 
6738
- [cds-layout~="p-l@xl:xl"] {
7445
+ [cds-layout~="p-l@xl:lg"] {
6739
7446
  padding-left: var(--δ6) !important;
6740
7447
  }
6741
7448
 
6742
- [cds-layout~="p-t@xl:xxl"] {
7449
+ [cds-layout~="p-t@xl:xl"] {
6743
7450
  padding-top: var(--δ7) !important;
6744
7451
  }
6745
7452
 
6746
- [cds-layout~="p-r@xl:xxl"] {
7453
+ [cds-layout~="p-r@xl:xl"] {
6747
7454
  padding-right: var(--δ7) !important;
6748
7455
  }
6749
7456
 
6750
- [cds-layout~="p-b@xl:xxl"] {
7457
+ [cds-layout~="p-b@xl:xl"] {
6751
7458
  padding-bottom: var(--δ7) !important;
6752
7459
  }
6753
7460
 
6754
- [cds-layout~="p-l@xl:xxl"] {
7461
+ [cds-layout~="p-l@xl:xl"] {
6755
7462
  padding-left: var(--δ7) !important;
6756
7463
  }
6757
7464
 
7465
+ [cds-layout~="p-t@xl:xxl"] {
7466
+ padding-top: var(--δ8) !important;
7467
+ }
7468
+
7469
+ [cds-layout~="p-r@xl:xxl"] {
7470
+ padding-right: var(--δ8) !important;
7471
+ }
7472
+
7473
+ [cds-layout~="p-b@xl:xxl"] {
7474
+ padding-bottom: var(--δ8) !important;
7475
+ }
7476
+
7477
+ [cds-layout~="p-l@xl:xxl"] {
7478
+ padding-left: var(--δ8) !important;
7479
+ }
7480
+
7481
+ [cds-layout~="p-t@xl:xxxl"] {
7482
+ padding-top: var(--δ9) !important;
7483
+ }
7484
+
7485
+ [cds-layout~="p-r@xl:xxxl"] {
7486
+ padding-right: var(--δ9) !important;
7487
+ }
7488
+
7489
+ [cds-layout~="p-b@xl:xxxl"] {
7490
+ padding-bottom: var(--δ9) !important;
7491
+ }
7492
+
7493
+ [cds-layout~="p-l@xl:xxxl"] {
7494
+ padding-left: var(--δ9) !important;
7495
+ }
7496
+
6758
7497
  [cds-layout~="m-t@xl:none"] {
6759
7498
  margin-top: 0 !important;
6760
7499
  }
@@ -6771,117 +7510,149 @@
6771
7510
  margin-left: 0 !important;
6772
7511
  }
6773
7512
 
6774
- [cds-layout~="m-t@xl:xxs"] {
7513
+ [cds-layout~="m-t@xl:xxxs"] {
6775
7514
  margin-top: var(--δ1) !important;
6776
7515
  }
6777
7516
 
6778
- [cds-layout~="m-r@xl:xxs"] {
7517
+ [cds-layout~="m-r@xl:xxxs"] {
6779
7518
  margin-right: var(--δ1) !important;
6780
7519
  }
6781
7520
 
6782
- [cds-layout~="m-b@xl:xxs"] {
7521
+ [cds-layout~="m-b@xl:xxxs"] {
6783
7522
  margin-bottom: var(--δ1) !important;
6784
7523
  }
6785
7524
 
6786
- [cds-layout~="m-l@xl:xxs"] {
7525
+ [cds-layout~="m-l@xl:xxxs"] {
6787
7526
  margin-left: var(--δ1) !important;
6788
7527
  }
6789
7528
 
6790
- [cds-layout~="m-t@xl:xs"] {
7529
+ [cds-layout~="m-t@xl:xxs"] {
6791
7530
  margin-top: var(--δ2) !important;
6792
7531
  }
6793
7532
 
6794
- [cds-layout~="m-r@xl:xs"] {
7533
+ [cds-layout~="m-r@xl:xxs"] {
6795
7534
  margin-right: var(--δ2) !important;
6796
7535
  }
6797
7536
 
6798
- [cds-layout~="m-b@xl:xs"] {
7537
+ [cds-layout~="m-b@xl:xxs"] {
6799
7538
  margin-bottom: var(--δ2) !important;
6800
7539
  }
6801
7540
 
6802
- [cds-layout~="m-l@xl:xs"] {
7541
+ [cds-layout~="m-l@xl:xxs"] {
6803
7542
  margin-left: var(--δ2) !important;
6804
7543
  }
6805
7544
 
6806
- [cds-layout~="m-t@xl:sm"] {
7545
+ [cds-layout~="m-t@xl:xs"] {
6807
7546
  margin-top: var(--δ3) !important;
6808
7547
  }
6809
7548
 
6810
- [cds-layout~="m-r@xl:sm"] {
7549
+ [cds-layout~="m-r@xl:xs"] {
6811
7550
  margin-right: var(--δ3) !important;
6812
7551
  }
6813
7552
 
6814
- [cds-layout~="m-b@xl:sm"] {
7553
+ [cds-layout~="m-b@xl:xs"] {
6815
7554
  margin-bottom: var(--δ3) !important;
6816
7555
  }
6817
7556
 
6818
- [cds-layout~="m-l@xl:sm"] {
7557
+ [cds-layout~="m-l@xl:xs"] {
6819
7558
  margin-left: var(--δ3) !important;
6820
7559
  }
6821
7560
 
6822
- [cds-layout~="m-t@xl:md"] {
7561
+ [cds-layout~="m-t@xl:sm"] {
6823
7562
  margin-top: var(--δ4) !important;
6824
7563
  }
6825
7564
 
6826
- [cds-layout~="m-r@xl:md"] {
7565
+ [cds-layout~="m-r@xl:sm"] {
6827
7566
  margin-right: var(--δ4) !important;
6828
7567
  }
6829
7568
 
6830
- [cds-layout~="m-b@xl:md"] {
7569
+ [cds-layout~="m-b@xl:sm"] {
6831
7570
  margin-bottom: var(--δ4) !important;
6832
7571
  }
6833
7572
 
6834
- [cds-layout~="m-l@xl:md"] {
7573
+ [cds-layout~="m-l@xl:sm"] {
6835
7574
  margin-left: var(--δ4) !important;
6836
7575
  }
6837
7576
 
6838
- [cds-layout~="m-t@xl:lg"] {
7577
+ [cds-layout~="m-t@xl:md"] {
6839
7578
  margin-top: var(--δ5) !important;
6840
7579
  }
6841
7580
 
6842
- [cds-layout~="m-r@xl:lg"] {
7581
+ [cds-layout~="m-r@xl:md"] {
6843
7582
  margin-right: var(--δ5) !important;
6844
7583
  }
6845
7584
 
6846
- [cds-layout~="m-b@xl:lg"] {
7585
+ [cds-layout~="m-b@xl:md"] {
6847
7586
  margin-bottom: var(--δ5) !important;
6848
7587
  }
6849
7588
 
6850
- [cds-layout~="m-l@xl:lg"] {
7589
+ [cds-layout~="m-l@xl:md"] {
6851
7590
  margin-left: var(--δ5) !important;
6852
7591
  }
6853
7592
 
6854
- [cds-layout~="m-t@xl:xl"] {
7593
+ [cds-layout~="m-t@xl:lg"] {
6855
7594
  margin-top: var(--δ6) !important;
6856
7595
  }
6857
7596
 
6858
- [cds-layout~="m-r@xl:xl"] {
7597
+ [cds-layout~="m-r@xl:lg"] {
6859
7598
  margin-right: var(--δ6) !important;
6860
7599
  }
6861
7600
 
6862
- [cds-layout~="m-b@xl:xl"] {
7601
+ [cds-layout~="m-b@xl:lg"] {
6863
7602
  margin-bottom: var(--δ6) !important;
6864
7603
  }
6865
7604
 
6866
- [cds-layout~="m-l@xl:xl"] {
7605
+ [cds-layout~="m-l@xl:lg"] {
6867
7606
  margin-left: var(--δ6) !important;
6868
7607
  }
6869
7608
 
6870
- [cds-layout~="m-t@xl:xxl"] {
7609
+ [cds-layout~="m-t@xl:xl"] {
6871
7610
  margin-top: var(--δ7) !important;
6872
7611
  }
6873
7612
 
6874
- [cds-layout~="m-r@xl:xxl"] {
7613
+ [cds-layout~="m-r@xl:xl"] {
6875
7614
  margin-right: var(--δ7) !important;
6876
7615
  }
6877
7616
 
6878
- [cds-layout~="m-b@xl:xxl"] {
7617
+ [cds-layout~="m-b@xl:xl"] {
6879
7618
  margin-bottom: var(--δ7) !important;
6880
7619
  }
6881
7620
 
6882
- [cds-layout~="m-l@xl:xxl"] {
7621
+ [cds-layout~="m-l@xl:xl"] {
6883
7622
  margin-left: var(--δ7) !important;
6884
7623
  }
7624
+
7625
+ [cds-layout~="m-t@xl:xxl"] {
7626
+ margin-top: var(--δ8) !important;
7627
+ }
7628
+
7629
+ [cds-layout~="m-r@xl:xxl"] {
7630
+ margin-right: var(--δ8) !important;
7631
+ }
7632
+
7633
+ [cds-layout~="m-b@xl:xxl"] {
7634
+ margin-bottom: var(--δ8) !important;
7635
+ }
7636
+
7637
+ [cds-layout~="m-l@xl:xxl"] {
7638
+ margin-left: var(--δ8) !important;
7639
+ }
7640
+
7641
+ [cds-layout~="m-t@xl:xxxl"] {
7642
+ margin-top: var(--δ9) !important;
7643
+ }
7644
+
7645
+ [cds-layout~="m-r@xl:xxxl"] {
7646
+ margin-right: var(--δ9) !important;
7647
+ }
7648
+
7649
+ [cds-layout~="m-b@xl:xxxl"] {
7650
+ margin-bottom: var(--δ9) !important;
7651
+ }
7652
+
7653
+ [cds-layout~="m-l@xl:xxxl"] {
7654
+ margin-left: var(--δ9) !important;
7655
+ }
6885
7656
  }
6886
7657
  /*
6887
7658
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.