wcs-core 7.0.0 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (664) hide show
  1. package/README.md +1 -11
  2. package/design-tokens/dist/sncf-groupe-root-scoped.css +590 -0
  3. package/design-tokens/dist/sncf-groupe.css +590 -0
  4. package/design-tokens/dist/sncf-groupe.json +10693 -0
  5. package/design-tokens/dist/sncf-holding-root-scoped.css +590 -0
  6. package/design-tokens/dist/sncf-holding.css +437 -423
  7. package/design-tokens/dist/sncf-holding.json +80 -3
  8. package/design-tokens/dist/sncf-reseau-root-scoped.css +652 -0
  9. package/design-tokens/dist/sncf-reseau.css +473 -463
  10. package/design-tokens/dist/sncf-reseau.json +54 -0
  11. package/design-tokens/dist/sncf-voyageurs-root-scoped.css +550 -0
  12. package/design-tokens/dist/sncf-voyageurs.css +394 -381
  13. package/design-tokens/dist/sncf-voyageurs.json +54 -0
  14. package/dist/cjs/{com-nav-utils-9f6c99b8.js → com-nav-utils-ff4f0bef.js} +2 -2
  15. package/dist/cjs/{com-nav-utils-9f6c99b8.js.map → com-nav-utils-ff4f0bef.js.map} +1 -1
  16. package/dist/cjs/control-component-interface-d9b68f28.js +43 -0
  17. package/dist/cjs/control-component-interface-d9b68f28.js.map +1 -0
  18. package/dist/cjs/{grid-pagination-2c752b22.js → grid-pagination-4505d7b6.js} +26 -6
  19. package/dist/cjs/grid-pagination-4505d7b6.js.map +1 -0
  20. package/dist/cjs/{helpers-871f5a3d.js → helpers-2f1a8ddc.js} +44 -1
  21. package/dist/cjs/helpers-2f1a8ddc.js.map +1 -0
  22. package/dist/cjs/{keyboard-event-d2c81ce0.js → keyboard-event-40ecdc27.js} +2 -2
  23. package/dist/cjs/{keyboard-event-d2c81ce0.js.map → keyboard-event-40ecdc27.js.map} +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/cjs/wcs-accordion-panel.cjs.entry.js +2 -2
  26. package/dist/cjs/wcs-accordion-panel.cjs.entry.js.map +1 -1
  27. package/dist/cjs/wcs-action-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/wcs-action-bar.cjs.entry.js.map +1 -1
  29. package/dist/cjs/wcs-alert-drawer.cjs.entry.js +99 -0
  30. package/dist/cjs/wcs-alert-drawer.cjs.entry.js.map +1 -0
  31. package/dist/cjs/wcs-alert.cjs.entry.js +121 -0
  32. package/dist/cjs/wcs-alert.cjs.entry.js.map +1 -0
  33. package/dist/cjs/wcs-app.cjs.entry.js +3 -3
  34. package/dist/cjs/wcs-badge.cjs.entry.js +2 -2
  35. package/dist/cjs/wcs-badge.cjs.entry.js.map +1 -1
  36. package/dist/cjs/wcs-breadcrumb-item.cjs.entry.js +1 -1
  37. package/dist/cjs/wcs-breadcrumb-item.cjs.entry.js.map +1 -1
  38. package/dist/cjs/wcs-breadcrumb.cjs.entry.js +2 -2
  39. package/dist/cjs/wcs-button_2.cjs.entry.js +4 -9
  40. package/dist/cjs/wcs-button_2.cjs.entry.js.map +1 -1
  41. package/dist/cjs/wcs-card-body.cjs.entry.js +9 -2
  42. package/dist/cjs/wcs-card-body.cjs.entry.js.map +1 -1
  43. package/dist/cjs/wcs-card-content.cjs.entry.js +22 -0
  44. package/dist/cjs/wcs-card-content.cjs.entry.js.map +1 -0
  45. package/dist/cjs/wcs-card-footer.cjs.entry.js +22 -0
  46. package/dist/cjs/wcs-card-footer.cjs.entry.js.map +1 -0
  47. package/dist/cjs/wcs-card-header.cjs.entry.js +22 -0
  48. package/dist/cjs/wcs-card-header.cjs.entry.js.map +1 -0
  49. package/dist/cjs/wcs-card-media.cjs.entry.js +29 -0
  50. package/dist/cjs/wcs-card-media.cjs.entry.js.map +1 -0
  51. package/dist/cjs/wcs-card.cjs.entry.js +30 -2
  52. package/dist/cjs/wcs-card.cjs.entry.js.map +1 -1
  53. package/dist/cjs/wcs-checkbox.cjs.entry.js +6 -2
  54. package/dist/cjs/wcs-checkbox.cjs.entry.js.map +1 -1
  55. package/dist/cjs/wcs-com-nav-category.cjs.entry.js +4 -4
  56. package/dist/cjs/wcs-com-nav-item.cjs.entry.js +2 -2
  57. package/dist/cjs/wcs-com-nav-item.cjs.entry.js.map +1 -1
  58. package/dist/cjs/wcs-com-nav-submenu.cjs.entry.js +4 -4
  59. package/dist/cjs/wcs-com-nav.cjs.entry.js +4 -4
  60. package/dist/cjs/wcs-counter.cjs.entry.js +13 -15
  61. package/dist/cjs/wcs-counter.cjs.entry.js.map +1 -1
  62. package/dist/cjs/wcs-divider.cjs.entry.js +1 -1
  63. package/dist/cjs/wcs-dropdown-divider.cjs.entry.js +1 -1
  64. package/dist/cjs/wcs-dropdown-header.cjs.entry.js +1 -1
  65. package/dist/cjs/wcs-dropdown-item.cjs.entry.js +2 -2
  66. package/dist/cjs/wcs-dropdown.cjs.entry.js +3 -8
  67. package/dist/cjs/wcs-dropdown.cjs.entry.js.map +1 -1
  68. package/dist/cjs/wcs-editable-field.cjs.entry.js +81 -55
  69. package/dist/cjs/wcs-editable-field.cjs.entry.js.map +1 -1
  70. package/dist/cjs/wcs-error_3.cjs.entry.js +209 -0
  71. package/dist/cjs/wcs-error_3.cjs.entry.js.map +1 -0
  72. package/dist/cjs/wcs-field-content.cjs.entry.js +1 -1
  73. package/dist/cjs/wcs-field-label.cjs.entry.js +1 -1
  74. package/dist/cjs/wcs-field.cjs.entry.js +1 -1
  75. package/dist/cjs/wcs-footer.cjs.entry.js +1 -1
  76. package/dist/cjs/wcs-footer.cjs.entry.js.map +1 -1
  77. package/dist/cjs/wcs-galactic-menu.cjs.entry.js +4 -4
  78. package/dist/cjs/wcs-galactic-menu.cjs.entry.js.map +1 -1
  79. package/dist/cjs/wcs-galactic.cjs.entry.js +1 -1
  80. package/dist/cjs/wcs-grid-column.cjs.entry.js +2 -2
  81. package/dist/cjs/wcs-grid-column.cjs.entry.js.map +1 -1
  82. package/dist/cjs/wcs-grid-custom-cell.cjs.entry.js +1 -1
  83. package/dist/cjs/wcs-grid-pagination.cjs.entry.js +2 -2
  84. package/dist/cjs/wcs-grid.cjs.entry.js +14 -6
  85. package/dist/cjs/wcs-grid.cjs.entry.js.map +1 -1
  86. package/dist/cjs/wcs-header.cjs.entry.js +3 -3
  87. package/dist/cjs/wcs-header.cjs.entry.js.map +1 -1
  88. package/dist/cjs/wcs-hint.cjs.entry.js +1 -1
  89. package/dist/cjs/wcs-horizontal-stepper.cjs.entry.js +1 -1
  90. package/dist/cjs/wcs-horizontal-stepper.cjs.entry.js.map +1 -1
  91. package/dist/cjs/wcs-icon.cjs.entry.js +2 -2
  92. package/dist/cjs/wcs-input.cjs.entry.js +5 -13
  93. package/dist/cjs/wcs-input.cjs.entry.js.map +1 -1
  94. package/dist/cjs/wcs-list-item-properties.cjs.entry.js +1 -1
  95. package/dist/cjs/wcs-list-item-property.cjs.entry.js +1 -1
  96. package/dist/cjs/wcs-list-item.cjs.entry.js +1 -1
  97. package/dist/cjs/wcs-list-item.cjs.entry.js.map +1 -1
  98. package/dist/cjs/wcs-mat-icon.cjs.entry.js +2 -2
  99. package/dist/cjs/wcs-mat-icon.cjs.entry.js.map +1 -1
  100. package/dist/cjs/wcs-modal.cjs.entry.js +18 -4
  101. package/dist/cjs/wcs-modal.cjs.entry.js.map +1 -1
  102. package/dist/cjs/wcs-native-select.cjs.entry.js +2 -2
  103. package/dist/cjs/wcs-native-select.cjs.entry.js.map +1 -1
  104. package/dist/cjs/wcs-nav-item.cjs.entry.js +3 -3
  105. package/dist/cjs/wcs-nav-item.cjs.entry.js.map +1 -1
  106. package/dist/cjs/wcs-nav.cjs.entry.js +3 -3
  107. package/dist/cjs/wcs-nav.cjs.entry.js.map +1 -1
  108. package/dist/cjs/wcs-progress-bar.cjs.entry.js +4 -4
  109. package/dist/cjs/wcs-progress-bar.cjs.entry.js.map +1 -1
  110. package/dist/cjs/wcs-progress-radial.cjs.entry.js +3 -3
  111. package/dist/cjs/wcs-progress-radial.cjs.entry.js.map +1 -1
  112. package/dist/cjs/wcs-radio-group.cjs.entry.js +5 -2
  113. package/dist/cjs/wcs-radio-group.cjs.entry.js.map +1 -1
  114. package/dist/cjs/wcs-radio.cjs.entry.js +2 -2
  115. package/dist/cjs/wcs-radio.cjs.entry.js.map +1 -1
  116. package/dist/cjs/wcs-select_2.cjs.entry.js +21 -13
  117. package/dist/cjs/wcs-select_2.cjs.entry.js.map +1 -1
  118. package/dist/cjs/wcs-skeleton-circle.cjs.entry.js +1 -1
  119. package/dist/cjs/wcs-skeleton-rectangle.cjs.entry.js +1 -1
  120. package/dist/cjs/wcs-skeleton-text.cjs.entry.js +1 -1
  121. package/dist/cjs/wcs-switch.cjs.entry.js +6 -2
  122. package/dist/cjs/wcs-switch.cjs.entry.js.map +1 -1
  123. package/dist/cjs/wcs-tab.cjs.entry.js +1 -1
  124. package/dist/cjs/wcs-tabs.cjs.entry.js +150 -7
  125. package/dist/cjs/wcs-tabs.cjs.entry.js.map +1 -1
  126. package/dist/cjs/wcs-textarea.cjs.entry.js +2 -2
  127. package/dist/cjs/wcs-textarea.cjs.entry.js.map +1 -1
  128. package/dist/cjs/wcs-tooltip.cjs.entry.js +8 -4
  129. package/dist/cjs/wcs-tooltip.cjs.entry.js.map +1 -1
  130. package/dist/cjs/wcs.cjs.js +1 -1
  131. package/dist/collection/collection-manifest.json +6 -0
  132. package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
  133. package/dist/collection/components/accordion-panel/accordion-panel.js.map +1 -1
  134. package/dist/collection/components/action-bar/action-bar.js +2 -2
  135. package/dist/collection/components/action-bar/action-bar.js.map +1 -1
  136. package/dist/collection/components/alert/alert-interface.js +2 -0
  137. package/dist/collection/components/alert/alert-interface.js.map +1 -0
  138. package/dist/collection/components/alert/alert.css +115 -0
  139. package/dist/collection/components/alert/alert.e2e.js +142 -0
  140. package/dist/collection/components/alert/alert.e2e.js.map +1 -0
  141. package/dist/collection/components/alert/alert.js +257 -0
  142. package/dist/collection/components/alert/alert.js.map +1 -0
  143. package/dist/collection/components/alert-drawer/alert-drawer-interface.js +2 -0
  144. package/dist/collection/components/alert-drawer/alert-drawer-interface.js.map +1 -0
  145. package/dist/collection/components/alert-drawer/alert-drawer.css +103 -0
  146. package/dist/collection/components/alert-drawer/alert-drawer.e2e.js +111 -0
  147. package/dist/collection/components/alert-drawer/alert-drawer.e2e.js.map +1 -0
  148. package/dist/collection/components/alert-drawer/alert-drawer.js +237 -0
  149. package/dist/collection/components/alert-drawer/alert-drawer.js.map +1 -0
  150. package/dist/collection/components/app/app.js +3 -3
  151. package/dist/collection/components/badge/badge.css +5 -1
  152. package/dist/collection/components/badge/badge.js +1 -1
  153. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  154. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
  155. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  156. package/dist/collection/components/button/button-interface.js +1 -5
  157. package/dist/collection/components/button/button-interface.js.map +1 -1
  158. package/dist/collection/components/button/button.css +2 -2
  159. package/dist/collection/components/button/button.js +2 -7
  160. package/dist/collection/components/button/button.js.map +1 -1
  161. package/dist/collection/components/card/card-interface.js.map +1 -1
  162. package/dist/collection/components/card/card.css +10 -0
  163. package/dist/collection/components/card/card.js +62 -1
  164. package/dist/collection/components/card/card.js.map +1 -1
  165. package/dist/collection/components/card-body/card-body.css +12 -1
  166. package/dist/collection/components/card-body/card-body.js +52 -2
  167. package/dist/collection/components/card-body/card-body.js.map +1 -1
  168. package/dist/collection/components/card-content/card-content.css +12 -0
  169. package/dist/collection/components/card-content/card-content.js +30 -0
  170. package/dist/collection/components/card-content/card-content.js.map +1 -0
  171. package/dist/collection/components/card-footer/card-footer.css +7 -0
  172. package/dist/collection/components/card-footer/card-footer.js +25 -0
  173. package/dist/collection/components/card-footer/card-footer.js.map +1 -0
  174. package/dist/collection/components/card-header/card-header.css +28 -0
  175. package/dist/collection/components/card-header/card-header.js +32 -0
  176. package/dist/collection/components/card-header/card-header.js.map +1 -0
  177. package/dist/collection/components/card-media/card-media.css +21 -0
  178. package/dist/collection/components/card-media/card-media.js +77 -0
  179. package/dist/collection/components/card-media/card-media.js.map +1 -0
  180. package/dist/collection/components/checkbox/checkbox.js +22 -1
  181. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  182. package/dist/collection/components/com-nav/com-nav.js +2 -2
  183. package/dist/collection/components/com-nav-category/com-nav-category.js +2 -2
  184. package/dist/collection/components/com-nav-item/com-nav-item.css +2 -1
  185. package/dist/collection/components/com-nav-item/com-nav-item.js +1 -1
  186. package/dist/collection/components/com-nav-submenu/com-nav-submenu.js +2 -2
  187. package/dist/collection/components/counter/counter-interface.js +1 -5
  188. package/dist/collection/components/counter/counter-interface.js.map +1 -1
  189. package/dist/collection/components/counter/counter.css +7 -1
  190. package/dist/collection/components/counter/counter.js +13 -10
  191. package/dist/collection/components/counter/counter.js.map +1 -1
  192. package/dist/collection/components/divider/divider.js +1 -1
  193. package/dist/collection/components/dropdown/dropdown.js +3 -8
  194. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  195. package/dist/collection/components/dropdown-divider/dropdown-divider.js +1 -1
  196. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  197. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  198. package/dist/collection/components/editable-field/editable-field.css +34 -10
  199. package/dist/collection/components/editable-field/editable-field.e2e.js +176 -0
  200. package/dist/collection/components/editable-field/editable-field.e2e.js.map +1 -0
  201. package/dist/collection/components/editable-field/editable-field.js +83 -57
  202. package/dist/collection/components/editable-field/editable-field.js.map +1 -1
  203. package/dist/collection/components/error/error.js +1 -1
  204. package/dist/collection/components/error/error.js.map +1 -1
  205. package/dist/collection/components/field/field.js +1 -1
  206. package/dist/collection/components/field-content/field-content.js +1 -1
  207. package/dist/collection/components/field-label/field-label.js +1 -1
  208. package/dist/collection/components/footer/footer.js +1 -1
  209. package/dist/collection/components/footer/footer.js.map +1 -1
  210. package/dist/collection/components/form-field/form-field.css +39 -12
  211. package/dist/collection/components/form-field/form-field.e2e.js +122 -0
  212. package/dist/collection/components/form-field/form-field.e2e.js.map +1 -0
  213. package/dist/collection/components/form-field/form-field.js +29 -12
  214. package/dist/collection/components/form-field/form-field.js.map +1 -1
  215. package/dist/collection/components/galactic/galactic.js +1 -1
  216. package/dist/collection/components/galactic-menu/galactic-menu.css +1 -0
  217. package/dist/collection/components/galactic-menu/galactic-menu.js +2 -2
  218. package/dist/collection/components/grid/grid.js +30 -5
  219. package/dist/collection/components/grid/grid.js.map +1 -1
  220. package/dist/collection/components/grid-column/grid-column.js +4 -4
  221. package/dist/collection/components/grid-column/grid-column.js.map +1 -1
  222. package/dist/collection/components/grid-custom-cell/grid-custom-cell.js +1 -1
  223. package/dist/collection/components/grid-pagination/grid-pagination-arrow.js +2 -2
  224. package/dist/collection/components/grid-pagination/grid-pagination-arrow.js.map +1 -1
  225. package/dist/collection/components/grid-pagination/grid-pagination.js +22 -2
  226. package/dist/collection/components/grid-pagination/grid-pagination.js.map +1 -1
  227. package/dist/collection/components/header/header.css +9 -1
  228. package/dist/collection/components/header/header.js +2 -1
  229. package/dist/collection/components/header/header.js.map +1 -1
  230. package/dist/collection/components/hint/hint.js +1 -1
  231. package/dist/collection/components/horizontal-stepper/horizontal-stepper.js +2 -2
  232. package/dist/collection/components/horizontal-stepper/horizontal-stepper.js.map +1 -1
  233. package/dist/collection/components/icon/icon.js +1 -1
  234. package/dist/collection/components/input/input-interface.js +1 -5
  235. package/dist/collection/components/input/input-interface.js.map +1 -1
  236. package/dist/collection/components/input/input.css +14 -1
  237. package/dist/collection/components/input/input.js +44 -10
  238. package/dist/collection/components/input/input.js.map +1 -1
  239. package/dist/collection/components/label/label.js +1 -1
  240. package/dist/collection/components/label/label.js.map +1 -1
  241. package/dist/collection/components/list-item/list-item.js +7 -2
  242. package/dist/collection/components/list-item/list-item.js.map +1 -1
  243. package/dist/collection/components/list-item-properties/list-item-properties.js +1 -1
  244. package/dist/collection/components/list-item-property/list-item-property.js +1 -1
  245. package/dist/collection/components/mat-icon/mat-icon.js +2 -2
  246. package/dist/collection/components/mat-icon/mat-icon.js.map +1 -1
  247. package/dist/collection/components/modal/modal-interface.js.map +1 -1
  248. package/dist/collection/components/modal/modal.css +1 -0
  249. package/dist/collection/components/modal/modal.js +58 -2
  250. package/dist/collection/components/modal/modal.js.map +1 -1
  251. package/dist/collection/components/native-select/native-select.css +2 -2
  252. package/dist/collection/components/native-select/native-select.js +2 -2
  253. package/dist/collection/components/native-select/native-select.js.map +1 -1
  254. package/dist/collection/components/nav/nav.css +2 -0
  255. package/dist/collection/components/nav/nav.js +1 -1
  256. package/dist/collection/components/nav-item/nav-item.css +24 -6
  257. package/dist/collection/components/nav-item/nav-item.js +1 -1
  258. package/dist/collection/components/progress-bar/progress-bar.css +2 -2
  259. package/dist/collection/components/progress-bar/progress-bar.js +3 -3
  260. package/dist/collection/components/progress-bar/progress-bar.js.map +1 -1
  261. package/dist/collection/components/progress-radial/progress-radial.js +3 -3
  262. package/dist/collection/components/progress-radial/progress-radial.js.map +1 -1
  263. package/dist/collection/components/radio/radio.js +2 -2
  264. package/dist/collection/components/radio/radio.js.map +1 -1
  265. package/dist/collection/components/radio-group/radio-group.js +39 -2
  266. package/dist/collection/components/radio-group/radio-group.js.map +1 -1
  267. package/dist/collection/components/select/select.css +1 -1
  268. package/dist/collection/components/select/select.js +35 -9
  269. package/dist/collection/components/select/select.js.map +1 -1
  270. package/dist/collection/components/select-option/select-option.js +2 -2
  271. package/dist/collection/components/select-option/select-option.js.map +1 -1
  272. package/dist/collection/components/skeleton-circle/skeleton-circle.js +1 -1
  273. package/dist/collection/components/skeleton-rectangle/skeleton-rectangle.js +1 -1
  274. package/dist/collection/components/skeleton-text/skeleton-text.js +1 -1
  275. package/dist/collection/components/spinner/spinner.js +1 -1
  276. package/dist/collection/components/switch/switch.js +23 -2
  277. package/dist/collection/components/switch/switch.js.map +1 -1
  278. package/dist/collection/components/tab/tab.js +1 -1
  279. package/dist/collection/components/tabs/tabs.css +104 -1
  280. package/dist/collection/components/tabs/tabs.js +181 -6
  281. package/dist/collection/components/tabs/tabs.js.map +1 -1
  282. package/dist/collection/components/textarea/textarea.js +5 -5
  283. package/dist/collection/components/textarea/textarea.js.map +1 -1
  284. package/dist/collection/components/tooltip/tooltip.js +11 -9
  285. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  286. package/dist/collection/utils/control-component-interface.js +37 -0
  287. package/dist/collection/utils/control-component-interface.js.map +1 -0
  288. package/dist/collection/utils/helpers.js +40 -0
  289. package/dist/collection/utils/helpers.js.map +1 -1
  290. package/dist/esm/{com-nav-utils-1366c701.js → com-nav-utils-ee7bf77c.js} +2 -2
  291. package/dist/esm/{com-nav-utils-1366c701.js.map → com-nav-utils-ee7bf77c.js.map} +1 -1
  292. package/dist/esm/control-component-interface-9f09e520.js +40 -0
  293. package/dist/esm/control-component-interface-9f09e520.js.map +1 -0
  294. package/dist/esm/{grid-pagination-421689be.js → grid-pagination-731726a6.js} +26 -6
  295. package/dist/esm/grid-pagination-731726a6.js.map +1 -0
  296. package/dist/esm/{helpers-f137ec8d.js → helpers-ece6a2d3.js} +42 -2
  297. package/dist/esm/helpers-ece6a2d3.js.map +1 -0
  298. package/dist/esm/{keyboard-event-bdea408a.js → keyboard-event-26b65ae5.js} +2 -2
  299. package/dist/esm/{keyboard-event-bdea408a.js.map → keyboard-event-26b65ae5.js.map} +1 -1
  300. package/dist/esm/loader.js +1 -1
  301. package/dist/esm/wcs-accordion-panel.entry.js +2 -2
  302. package/dist/esm/wcs-accordion-panel.entry.js.map +1 -1
  303. package/dist/esm/wcs-action-bar.entry.js +1 -1
  304. package/dist/esm/wcs-action-bar.entry.js.map +1 -1
  305. package/dist/esm/wcs-alert-drawer.entry.js +95 -0
  306. package/dist/esm/wcs-alert-drawer.entry.js.map +1 -0
  307. package/dist/esm/wcs-alert.entry.js +117 -0
  308. package/dist/esm/wcs-alert.entry.js.map +1 -0
  309. package/dist/esm/wcs-app.entry.js +3 -3
  310. package/dist/esm/wcs-badge.entry.js +2 -2
  311. package/dist/esm/wcs-badge.entry.js.map +1 -1
  312. package/dist/esm/wcs-breadcrumb-item.entry.js +1 -1
  313. package/dist/esm/wcs-breadcrumb-item.entry.js.map +1 -1
  314. package/dist/esm/wcs-breadcrumb.entry.js +2 -2
  315. package/dist/esm/wcs-button_2.entry.js +4 -9
  316. package/dist/esm/wcs-button_2.entry.js.map +1 -1
  317. package/dist/esm/wcs-card-body.entry.js +10 -3
  318. package/dist/esm/wcs-card-body.entry.js.map +1 -1
  319. package/dist/esm/wcs-card-content.entry.js +18 -0
  320. package/dist/esm/wcs-card-content.entry.js.map +1 -0
  321. package/dist/esm/wcs-card-footer.entry.js +18 -0
  322. package/dist/esm/wcs-card-footer.entry.js.map +1 -0
  323. package/dist/esm/wcs-card-header.entry.js +18 -0
  324. package/dist/esm/wcs-card-header.entry.js.map +1 -0
  325. package/dist/esm/wcs-card-media.entry.js +25 -0
  326. package/dist/esm/wcs-card-media.entry.js.map +1 -0
  327. package/dist/esm/wcs-card.entry.js +31 -3
  328. package/dist/esm/wcs-card.entry.js.map +1 -1
  329. package/dist/esm/wcs-checkbox.entry.js +6 -2
  330. package/dist/esm/wcs-checkbox.entry.js.map +1 -1
  331. package/dist/esm/wcs-com-nav-category.entry.js +4 -4
  332. package/dist/esm/wcs-com-nav-item.entry.js +2 -2
  333. package/dist/esm/wcs-com-nav-item.entry.js.map +1 -1
  334. package/dist/esm/wcs-com-nav-submenu.entry.js +4 -4
  335. package/dist/esm/wcs-com-nav.entry.js +4 -4
  336. package/dist/esm/wcs-counter.entry.js +13 -15
  337. package/dist/esm/wcs-counter.entry.js.map +1 -1
  338. package/dist/esm/wcs-divider.entry.js +1 -1
  339. package/dist/esm/wcs-dropdown-divider.entry.js +1 -1
  340. package/dist/esm/wcs-dropdown-header.entry.js +1 -1
  341. package/dist/esm/wcs-dropdown-item.entry.js +2 -2
  342. package/dist/esm/wcs-dropdown.entry.js +3 -8
  343. package/dist/esm/wcs-dropdown.entry.js.map +1 -1
  344. package/dist/esm/wcs-editable-field.entry.js +81 -55
  345. package/dist/esm/wcs-editable-field.entry.js.map +1 -1
  346. package/dist/esm/wcs-error_3.entry.js +203 -0
  347. package/dist/esm/wcs-error_3.entry.js.map +1 -0
  348. package/dist/esm/wcs-field-content.entry.js +1 -1
  349. package/dist/esm/wcs-field-label.entry.js +1 -1
  350. package/dist/esm/wcs-field.entry.js +1 -1
  351. package/dist/esm/wcs-footer.entry.js +1 -1
  352. package/dist/esm/wcs-footer.entry.js.map +1 -1
  353. package/dist/esm/wcs-galactic-menu.entry.js +4 -4
  354. package/dist/esm/wcs-galactic-menu.entry.js.map +1 -1
  355. package/dist/esm/wcs-galactic.entry.js +1 -1
  356. package/dist/esm/wcs-grid-column.entry.js +2 -2
  357. package/dist/esm/wcs-grid-column.entry.js.map +1 -1
  358. package/dist/esm/wcs-grid-custom-cell.entry.js +1 -1
  359. package/dist/esm/wcs-grid-pagination.entry.js +2 -2
  360. package/dist/esm/wcs-grid.entry.js +14 -6
  361. package/dist/esm/wcs-grid.entry.js.map +1 -1
  362. package/dist/esm/wcs-header.entry.js +3 -3
  363. package/dist/esm/wcs-header.entry.js.map +1 -1
  364. package/dist/esm/wcs-hint.entry.js +1 -1
  365. package/dist/esm/wcs-horizontal-stepper.entry.js +1 -1
  366. package/dist/esm/wcs-horizontal-stepper.entry.js.map +1 -1
  367. package/dist/esm/wcs-icon.entry.js +2 -2
  368. package/dist/esm/wcs-input.entry.js +5 -13
  369. package/dist/esm/wcs-input.entry.js.map +1 -1
  370. package/dist/esm/wcs-list-item-properties.entry.js +1 -1
  371. package/dist/esm/wcs-list-item-property.entry.js +1 -1
  372. package/dist/esm/wcs-list-item.entry.js +1 -1
  373. package/dist/esm/wcs-list-item.entry.js.map +1 -1
  374. package/dist/esm/wcs-mat-icon.entry.js +2 -2
  375. package/dist/esm/wcs-mat-icon.entry.js.map +1 -1
  376. package/dist/esm/wcs-modal.entry.js +18 -4
  377. package/dist/esm/wcs-modal.entry.js.map +1 -1
  378. package/dist/esm/wcs-native-select.entry.js +2 -2
  379. package/dist/esm/wcs-native-select.entry.js.map +1 -1
  380. package/dist/esm/wcs-nav-item.entry.js +3 -3
  381. package/dist/esm/wcs-nav-item.entry.js.map +1 -1
  382. package/dist/esm/wcs-nav.entry.js +3 -3
  383. package/dist/esm/wcs-nav.entry.js.map +1 -1
  384. package/dist/esm/wcs-progress-bar.entry.js +4 -4
  385. package/dist/esm/wcs-progress-bar.entry.js.map +1 -1
  386. package/dist/esm/wcs-progress-radial.entry.js +3 -3
  387. package/dist/esm/wcs-progress-radial.entry.js.map +1 -1
  388. package/dist/esm/wcs-radio-group.entry.js +5 -2
  389. package/dist/esm/wcs-radio-group.entry.js.map +1 -1
  390. package/dist/esm/wcs-radio.entry.js +2 -2
  391. package/dist/esm/wcs-radio.entry.js.map +1 -1
  392. package/dist/esm/wcs-select_2.entry.js +21 -13
  393. package/dist/esm/wcs-select_2.entry.js.map +1 -1
  394. package/dist/esm/wcs-skeleton-circle.entry.js +1 -1
  395. package/dist/esm/wcs-skeleton-rectangle.entry.js +1 -1
  396. package/dist/esm/wcs-skeleton-text.entry.js +1 -1
  397. package/dist/esm/wcs-switch.entry.js +6 -2
  398. package/dist/esm/wcs-switch.entry.js.map +1 -1
  399. package/dist/esm/wcs-tab.entry.js +1 -1
  400. package/dist/esm/wcs-tabs.entry.js +150 -7
  401. package/dist/esm/wcs-tabs.entry.js.map +1 -1
  402. package/dist/esm/wcs-textarea.entry.js +2 -2
  403. package/dist/esm/wcs-textarea.entry.js.map +1 -1
  404. package/dist/esm/wcs-tooltip.entry.js +8 -4
  405. package/dist/esm/wcs-tooltip.entry.js.map +1 -1
  406. package/dist/esm/wcs.js +1 -1
  407. package/dist/types/components/alert/alert-interface.d.ts +11 -0
  408. package/dist/types/components/alert/alert.d.ts +79 -0
  409. package/dist/types/components/alert-drawer/alert-drawer-interface.d.ts +1 -0
  410. package/dist/types/components/alert-drawer/alert-drawer.d.ts +83 -0
  411. package/dist/types/components/button/button-interface.d.ts +1 -3
  412. package/dist/types/components/card/card-interface.d.ts +1 -0
  413. package/dist/types/components/card/card.d.ts +18 -1
  414. package/dist/types/components/card-body/card-body.d.ts +9 -0
  415. package/dist/types/components/card-content/card-content.d.ts +14 -0
  416. package/dist/types/components/card-footer/card-footer.d.ts +9 -0
  417. package/dist/types/components/card-header/card-header.d.ts +16 -0
  418. package/dist/types/components/card-media/card-media.d.ts +20 -0
  419. package/dist/types/components/checkbox/checkbox.d.ts +3 -1
  420. package/dist/types/components/counter/counter-interface.d.ts +1 -3
  421. package/dist/types/components/counter/counter.d.ts +6 -0
  422. package/dist/types/components/editable-field/editable-field.d.ts +23 -9
  423. package/dist/types/components/grid/grid.d.ts +4 -0
  424. package/dist/types/components/grid-pagination/grid-pagination.d.ts +6 -1
  425. package/dist/types/components/header/header.d.ts +1 -0
  426. package/dist/types/components/input/input-interface.d.ts +1 -3
  427. package/dist/types/components/input/input.d.ts +3 -0
  428. package/dist/types/components/list-item/list-item.d.ts +5 -0
  429. package/dist/types/components/mat-icon/mat-icon.d.ts +1 -1
  430. package/dist/types/components/modal/modal-interface.d.ts +2 -1
  431. package/dist/types/components/modal/modal.d.ts +23 -0
  432. package/dist/types/components/radio-group/radio-group.d.ts +3 -1
  433. package/dist/types/components/select/select.d.ts +11 -1
  434. package/dist/types/components/switch/switch.d.ts +3 -1
  435. package/dist/types/components/tabs/tabs.d.ts +55 -0
  436. package/dist/types/components/tooltip/tooltip.d.ts +3 -5
  437. package/dist/types/components.d.ts +658 -22
  438. package/dist/types/utils/control-component-interface.d.ts +22 -0
  439. package/dist/types/utils/helpers.d.ts +21 -0
  440. package/dist/wcs/p-0017d766.js +2 -0
  441. package/dist/wcs/{p-5ea2aba5.entry.js → p-0424e545.entry.js} +2 -2
  442. package/dist/wcs/{p-25b96cde.entry.js → p-0758d22e.entry.js} +2 -2
  443. package/dist/wcs/p-0758d22e.entry.js.map +1 -0
  444. package/dist/wcs/p-0b8157e7.entry.js +2 -0
  445. package/dist/wcs/p-0dd07842.entry.js +2 -0
  446. package/dist/wcs/p-0dd07842.entry.js.map +1 -0
  447. package/dist/wcs/{p-87b69cac.entry.js → p-1244daa0.entry.js} +2 -2
  448. package/dist/wcs/{p-80a23f9c.entry.js → p-18fa39f4.entry.js} +2 -2
  449. package/dist/wcs/{p-80a23f9c.entry.js.map → p-18fa39f4.entry.js.map} +1 -1
  450. package/dist/wcs/p-1ba616c2.entry.js +2 -0
  451. package/dist/wcs/p-1ba616c2.entry.js.map +1 -0
  452. package/dist/wcs/p-1e7ea63c.entry.js +2 -0
  453. package/dist/wcs/p-1e7ea63c.entry.js.map +1 -0
  454. package/dist/wcs/p-1f593d06.entry.js +2 -0
  455. package/dist/wcs/p-1f593d06.entry.js.map +1 -0
  456. package/dist/wcs/{p-d2a4f609.entry.js → p-1fbe0328.entry.js} +2 -2
  457. package/dist/wcs/p-1fbe0328.entry.js.map +1 -0
  458. package/dist/wcs/{p-276b8125.entry.js → p-204f2722.entry.js} +9 -9
  459. package/dist/wcs/p-204f2722.entry.js.map +1 -0
  460. package/dist/wcs/p-27b438c0.entry.js +2 -0
  461. package/dist/wcs/{p-45a6934d.entry.js → p-352e1f99.entry.js} +2 -2
  462. package/dist/wcs/{p-3cfa1c4b.entry.js → p-367946fe.entry.js} +2 -2
  463. package/dist/wcs/p-3823f54e.entry.js +2 -0
  464. package/dist/wcs/{p-4982f96c.entry.js → p-3a18535f.entry.js} +2 -2
  465. package/dist/wcs/p-41b946b2.entry.js +2 -0
  466. package/dist/wcs/p-41b946b2.entry.js.map +1 -0
  467. package/dist/wcs/{p-9553d60e.entry.js → p-496115a5.entry.js} +2 -2
  468. package/dist/wcs/{p-9553d60e.entry.js.map → p-496115a5.entry.js.map} +1 -1
  469. package/dist/wcs/p-4fb2d985.entry.js +2 -0
  470. package/dist/wcs/p-4fb2d985.entry.js.map +1 -0
  471. package/dist/wcs/{p-b0f8190f.entry.js → p-5202b323.entry.js} +2 -2
  472. package/dist/wcs/p-52d77e1f.js +2 -0
  473. package/dist/wcs/p-52d77e1f.js.map +1 -0
  474. package/dist/wcs/{p-ca8f3677.entry.js → p-53a395a9.entry.js} +2 -2
  475. package/dist/wcs/{p-ca8f3677.entry.js.map → p-53a395a9.entry.js.map} +1 -1
  476. package/dist/wcs/p-5607246c.entry.js +2 -0
  477. package/dist/wcs/p-5607246c.entry.js.map +1 -0
  478. package/dist/wcs/p-580b3142.entry.js +2 -0
  479. package/dist/wcs/{p-806315e6.entry.js.map → p-580b3142.entry.js.map} +1 -1
  480. package/dist/wcs/p-5da0534f.entry.js +2 -0
  481. package/dist/wcs/p-5da0534f.entry.js.map +1 -0
  482. package/dist/wcs/p-5e8fff73.entry.js +2 -0
  483. package/dist/wcs/p-5e8fff73.entry.js.map +1 -0
  484. package/dist/wcs/p-622f7403.entry.js +2 -0
  485. package/dist/wcs/p-622f7403.entry.js.map +1 -0
  486. package/dist/wcs/p-637ec45a.entry.js +2 -0
  487. package/dist/wcs/p-637ec45a.entry.js.map +1 -0
  488. package/dist/wcs/p-6aededc6.entry.js +2 -0
  489. package/dist/wcs/p-6aededc6.entry.js.map +1 -0
  490. package/dist/wcs/p-6c6079ee.entry.js +2 -0
  491. package/dist/wcs/{p-209145de.entry.js.map → p-6c6079ee.entry.js.map} +1 -1
  492. package/dist/wcs/{p-e5c057c4.entry.js → p-781a956e.entry.js} +2 -2
  493. package/dist/wcs/p-7de847e0.entry.js +2 -0
  494. package/dist/wcs/p-8152d360.entry.js +2 -0
  495. package/dist/wcs/p-8152d360.entry.js.map +1 -0
  496. package/dist/wcs/{p-2c9e20c1.entry.js → p-850fa9c9.entry.js} +2 -2
  497. package/dist/wcs/{p-f06aa79d.entry.js → p-86ec9ead.entry.js} +2 -2
  498. package/dist/wcs/{p-f06aa79d.entry.js.map → p-86ec9ead.entry.js.map} +1 -1
  499. package/dist/wcs/p-89b8c724.js +2 -0
  500. package/dist/wcs/p-8c2605fd.entry.js +2 -0
  501. package/dist/wcs/p-8c2605fd.entry.js.map +1 -0
  502. package/dist/wcs/{p-2305f257.entry.js → p-8e9bd0f1.entry.js} +2 -2
  503. package/dist/wcs/p-98a8b806.entry.js +2 -0
  504. package/dist/wcs/p-98a8b806.entry.js.map +1 -0
  505. package/dist/wcs/p-9c73744c.entry.js +2 -0
  506. package/dist/wcs/p-9c73744c.entry.js.map +1 -0
  507. package/dist/wcs/p-9fd3366c.entry.js +2 -0
  508. package/dist/wcs/p-9fd3366c.entry.js.map +1 -0
  509. package/dist/wcs/p-a0f6ef30.entry.js +2 -0
  510. package/dist/wcs/p-a0f6ef30.entry.js.map +1 -0
  511. package/dist/wcs/p-a7468a3a.js +2 -0
  512. package/dist/wcs/p-a7468a3a.js.map +1 -0
  513. package/dist/wcs/{p-0fa370d7.entry.js → p-a94e685c.entry.js} +3 -3
  514. package/dist/wcs/{p-0fa370d7.entry.js.map → p-a94e685c.entry.js.map} +1 -1
  515. package/dist/wcs/{p-97cbbcfc.entry.js → p-a956dc84.entry.js} +2 -2
  516. package/dist/wcs/p-a956dc84.entry.js.map +1 -0
  517. package/dist/wcs/{p-e19308cf.entry.js → p-aadf37e7.entry.js} +2 -2
  518. package/dist/wcs/{p-f8d2be83.entry.js → p-ad286030.entry.js} +2 -2
  519. package/dist/wcs/p-ad5192cd.entry.js +2 -0
  520. package/dist/wcs/p-b0a6eec6.entry.js +2 -0
  521. package/dist/wcs/p-b0a6eec6.entry.js.map +1 -0
  522. package/dist/wcs/{p-fa507e06.entry.js → p-b28b2fba.entry.js} +2 -2
  523. package/dist/wcs/p-b28b2fba.entry.js.map +1 -0
  524. package/dist/wcs/{p-15ff9f93.entry.js → p-bc009574.entry.js} +2 -2
  525. package/dist/wcs/{p-15ff9f93.entry.js.map → p-bc009574.entry.js.map} +1 -1
  526. package/dist/wcs/p-c211a5d1.entry.js +2 -0
  527. package/dist/wcs/{p-85a5bbb7.entry.js → p-c261eaf9.entry.js} +2 -2
  528. package/dist/wcs/p-c261eaf9.entry.js.map +1 -0
  529. package/dist/wcs/p-c5bad0b8.js +2 -0
  530. package/dist/wcs/p-c5bad0b8.js.map +1 -0
  531. package/dist/wcs/p-c7812760.entry.js +2 -0
  532. package/dist/wcs/{p-9e03b379.entry.js → p-c84ae00d.entry.js} +2 -2
  533. package/dist/wcs/p-cad10435.entry.js +2 -0
  534. package/dist/wcs/{p-8f0e093f.entry.js.map → p-cad10435.entry.js.map} +1 -1
  535. package/dist/wcs/p-cbbca016.entry.js +2 -0
  536. package/dist/wcs/p-cbbca016.entry.js.map +1 -0
  537. package/dist/wcs/{p-a788b5bd.entry.js → p-cbda74f6.entry.js} +2 -2
  538. package/dist/wcs/{p-09d0a296.entry.js → p-d27d4a53.entry.js} +3 -3
  539. package/dist/wcs/p-d27d4a53.entry.js.map +1 -0
  540. package/dist/wcs/p-dfb52a1c.entry.js +2 -0
  541. package/dist/wcs/p-dfb52a1c.entry.js.map +1 -0
  542. package/dist/wcs/p-dff8641e.entry.js +2 -0
  543. package/dist/wcs/p-dff8641e.entry.js.map +1 -0
  544. package/dist/wcs/p-e26c19e5.entry.js +2 -0
  545. package/dist/wcs/{p-1e5aa960.entry.js → p-e56b9ce2.entry.js} +2 -2
  546. package/dist/wcs/p-e56b9ce2.entry.js.map +1 -0
  547. package/dist/wcs/p-ec383729.entry.js +2 -0
  548. package/dist/wcs/p-ec383729.entry.js.map +1 -0
  549. package/dist/wcs/p-f929b66f.entry.js +2 -0
  550. package/dist/wcs/p-f929b66f.entry.js.map +1 -0
  551. package/dist/wcs/{p-db81b74f.entry.js → p-fd187bce.entry.js} +2 -2
  552. package/dist/wcs/p-fd187bce.entry.js.map +1 -0
  553. package/dist/wcs/p-fdeae83e.entry.js +2 -0
  554. package/dist/wcs/p-fdeae83e.entry.js.map +1 -0
  555. package/dist/wcs/wcs.esm.js +1 -1
  556. package/dist/wcs/wcs.esm.js.map +1 -1
  557. package/package.json +5 -2
  558. package/dist/cjs/button-interface-629f3563.js +0 -12
  559. package/dist/cjs/button-interface-629f3563.js.map +0 -1
  560. package/dist/cjs/grid-pagination-2c752b22.js.map +0 -1
  561. package/dist/cjs/helpers-871f5a3d.js.map +0 -1
  562. package/dist/cjs/wcs-error_2.cjs.entry.js +0 -168
  563. package/dist/cjs/wcs-error_2.cjs.entry.js.map +0 -1
  564. package/dist/cjs/wcs-label.cjs.entry.js +0 -33
  565. package/dist/cjs/wcs-label.cjs.entry.js.map +0 -1
  566. package/dist/esm/button-interface-dc5ddd51.js +0 -9
  567. package/dist/esm/button-interface-dc5ddd51.js.map +0 -1
  568. package/dist/esm/grid-pagination-421689be.js.map +0 -1
  569. package/dist/esm/helpers-f137ec8d.js.map +0 -1
  570. package/dist/esm/wcs-error_2.entry.js +0 -163
  571. package/dist/esm/wcs-error_2.entry.js.map +0 -1
  572. package/dist/esm/wcs-label.entry.js +0 -29
  573. package/dist/esm/wcs-label.entry.js.map +0 -1
  574. package/dist/wcs/p-08e86d69.entry.js +0 -2
  575. package/dist/wcs/p-08e86d69.entry.js.map +0 -1
  576. package/dist/wcs/p-09d0a296.entry.js.map +0 -1
  577. package/dist/wcs/p-0fdaec9e.entry.js +0 -2
  578. package/dist/wcs/p-0fdaec9e.entry.js.map +0 -1
  579. package/dist/wcs/p-19c77b5c.entry.js +0 -2
  580. package/dist/wcs/p-1ab0d13b.entry.js +0 -2
  581. package/dist/wcs/p-1ab0d13b.entry.js.map +0 -1
  582. package/dist/wcs/p-1e5aa960.entry.js.map +0 -1
  583. package/dist/wcs/p-209145de.entry.js +0 -2
  584. package/dist/wcs/p-25b96cde.entry.js.map +0 -1
  585. package/dist/wcs/p-276b8125.entry.js.map +0 -1
  586. package/dist/wcs/p-2add4d4d.entry.js +0 -2
  587. package/dist/wcs/p-2add4d4d.entry.js.map +0 -1
  588. package/dist/wcs/p-400a71d7.entry.js +0 -2
  589. package/dist/wcs/p-412b0021.js +0 -2
  590. package/dist/wcs/p-412b0021.js.map +0 -1
  591. package/dist/wcs/p-4ca7c59f.entry.js +0 -2
  592. package/dist/wcs/p-4ca7c59f.entry.js.map +0 -1
  593. package/dist/wcs/p-4d6d1d14.js +0 -2
  594. package/dist/wcs/p-52cd0abb.entry.js +0 -2
  595. package/dist/wcs/p-52cd0abb.entry.js.map +0 -1
  596. package/dist/wcs/p-550012c2.entry.js +0 -2
  597. package/dist/wcs/p-5f517eb5.entry.js +0 -2
  598. package/dist/wcs/p-76f07dbd.entry.js +0 -2
  599. package/dist/wcs/p-76f07dbd.entry.js.map +0 -1
  600. package/dist/wcs/p-806315e6.entry.js +0 -2
  601. package/dist/wcs/p-85a5bbb7.entry.js.map +0 -1
  602. package/dist/wcs/p-8780a429.entry.js +0 -2
  603. package/dist/wcs/p-8780a429.entry.js.map +0 -1
  604. package/dist/wcs/p-8bd1b9ce.entry.js +0 -2
  605. package/dist/wcs/p-8bd1b9ce.entry.js.map +0 -1
  606. package/dist/wcs/p-8f0e093f.entry.js +0 -2
  607. package/dist/wcs/p-94ff8939.entry.js +0 -2
  608. package/dist/wcs/p-94ff8939.entry.js.map +0 -1
  609. package/dist/wcs/p-96195d9a.entry.js +0 -2
  610. package/dist/wcs/p-96195d9a.entry.js.map +0 -1
  611. package/dist/wcs/p-97cbbcfc.entry.js.map +0 -1
  612. package/dist/wcs/p-985c4cf2.entry.js +0 -2
  613. package/dist/wcs/p-985c4cf2.entry.js.map +0 -1
  614. package/dist/wcs/p-9f23c49e.entry.js +0 -2
  615. package/dist/wcs/p-9f23c49e.entry.js.map +0 -1
  616. package/dist/wcs/p-a3aece7a.js +0 -2
  617. package/dist/wcs/p-a3aece7a.js.map +0 -1
  618. package/dist/wcs/p-a66a4289.entry.js +0 -2
  619. package/dist/wcs/p-ab49926d.entry.js +0 -2
  620. package/dist/wcs/p-ab49926d.entry.js.map +0 -1
  621. package/dist/wcs/p-bf31245c.entry.js +0 -2
  622. package/dist/wcs/p-bf31245c.entry.js.map +0 -1
  623. package/dist/wcs/p-c6a28b79.js +0 -2
  624. package/dist/wcs/p-c6a28b79.js.map +0 -1
  625. package/dist/wcs/p-cd592a00.entry.js +0 -2
  626. package/dist/wcs/p-cd592a00.entry.js.map +0 -1
  627. package/dist/wcs/p-d2a4f609.entry.js.map +0 -1
  628. package/dist/wcs/p-d42831b2.entry.js +0 -2
  629. package/dist/wcs/p-d42831b2.entry.js.map +0 -1
  630. package/dist/wcs/p-d443d419.entry.js +0 -2
  631. package/dist/wcs/p-d7acbf01.js +0 -2
  632. package/dist/wcs/p-db81b74f.entry.js.map +0 -1
  633. package/dist/wcs/p-dbbf0980.entry.js +0 -2
  634. package/dist/wcs/p-dbbf0980.entry.js.map +0 -1
  635. package/dist/wcs/p-e64d7437.entry.js +0 -2
  636. package/dist/wcs/p-e86575d3.entry.js +0 -2
  637. package/dist/wcs/p-e86575d3.entry.js.map +0 -1
  638. package/dist/wcs/p-f264d46f.entry.js +0 -2
  639. package/dist/wcs/p-fa507e06.entry.js.map +0 -1
  640. package/dist/wcs/p-fd9e731d.entry.js +0 -2
  641. package/dist/wcs/p-fd9e731d.entry.js.map +0 -1
  642. /package/dist/wcs/{p-d7acbf01.js.map → p-0017d766.js.map} +0 -0
  643. /package/dist/wcs/{p-5ea2aba5.entry.js.map → p-0424e545.entry.js.map} +0 -0
  644. /package/dist/wcs/{p-f264d46f.entry.js.map → p-0b8157e7.entry.js.map} +0 -0
  645. /package/dist/wcs/{p-87b69cac.entry.js.map → p-1244daa0.entry.js.map} +0 -0
  646. /package/dist/wcs/{p-e64d7437.entry.js.map → p-27b438c0.entry.js.map} +0 -0
  647. /package/dist/wcs/{p-45a6934d.entry.js.map → p-352e1f99.entry.js.map} +0 -0
  648. /package/dist/wcs/{p-3cfa1c4b.entry.js.map → p-367946fe.entry.js.map} +0 -0
  649. /package/dist/wcs/{p-400a71d7.entry.js.map → p-3823f54e.entry.js.map} +0 -0
  650. /package/dist/wcs/{p-4982f96c.entry.js.map → p-3a18535f.entry.js.map} +0 -0
  651. /package/dist/wcs/{p-b0f8190f.entry.js.map → p-5202b323.entry.js.map} +0 -0
  652. /package/dist/wcs/{p-e5c057c4.entry.js.map → p-781a956e.entry.js.map} +0 -0
  653. /package/dist/wcs/{p-550012c2.entry.js.map → p-7de847e0.entry.js.map} +0 -0
  654. /package/dist/wcs/{p-2c9e20c1.entry.js.map → p-850fa9c9.entry.js.map} +0 -0
  655. /package/dist/wcs/{p-4d6d1d14.js.map → p-89b8c724.js.map} +0 -0
  656. /package/dist/wcs/{p-2305f257.entry.js.map → p-8e9bd0f1.entry.js.map} +0 -0
  657. /package/dist/wcs/{p-e19308cf.entry.js.map → p-aadf37e7.entry.js.map} +0 -0
  658. /package/dist/wcs/{p-f8d2be83.entry.js.map → p-ad286030.entry.js.map} +0 -0
  659. /package/dist/wcs/{p-a66a4289.entry.js.map → p-ad5192cd.entry.js.map} +0 -0
  660. /package/dist/wcs/{p-19c77b5c.entry.js.map → p-c211a5d1.entry.js.map} +0 -0
  661. /package/dist/wcs/{p-d443d419.entry.js.map → p-c7812760.entry.js.map} +0 -0
  662. /package/dist/wcs/{p-9e03b379.entry.js.map → p-c84ae00d.entry.js.map} +0 -0
  663. /package/dist/wcs/{p-a788b5bd.entry.js.map → p-cbda74f6.entry.js.map} +0 -0
  664. /package/dist/wcs/{p-5f517eb5.entry.js.map → p-e26c19e5.entry.js.map} +0 -0
package/design-tokens/dist/sncf-holding.css CHANGED
@@ -3,431 +3,434 @@
3
3
  */
4
4
 
5
5
  .sncf-holding {
6
- --wcs-semantic-motion-duration-animation-slow: var(--wcs-primitive-duration-2000); /* Motion duration for slow animations */
7
- --wcs-semantic-motion-duration-animation-base: var(--wcs-primitive-duration-1500); /* Motion duration for long animations like spinner, skeleton */
8
- --wcs-semantic-motion-duration-animation-fast: var(--wcs-primitive-duration-1000); /* Motion duration for fast animations like spinner growing mode */
9
- --wcs-semantic-motion-duration-feedback-slower: var(--wcs-primitive-duration-350); /* Motion duration for slower feedbacks */
10
- --wcs-semantic-motion-duration-feedback-slow: var(--wcs-primitive-duration-200); /* Motion duration for slow feedbacks */
11
- --wcs-semantic-motion-duration-feedback-base: var(--wcs-primitive-duration-150); /* Motion duration for feedbacks like transitions for moving arrows, transitioning backgrounds */
12
- --wcs-semantic-motion-duration-feedback-fast: var(--wcs-primitive-duration-50); /* Motion duration for faster feedbacks */
13
- --wcs-semantic-spacing-base-1200: var(--wcs-primitive-spacing-96); /* Base spacing x12 */
14
- --wcs-semantic-spacing-base-1100: var(--wcs-primitive-spacing-88); /* Base spacing x11 */
15
- --wcs-semantic-spacing-base-1000: var(--wcs-primitive-spacing-80); /* Base spacing x10 */
16
- --wcs-semantic-spacing-base-900: var(--wcs-primitive-spacing-72); /* Base spacing x9 */
17
- --wcs-semantic-spacing-base-800: var(--wcs-primitive-spacing-64); /* Base spacing x8 */
18
- --wcs-semantic-spacing-base-700: var(--wcs-primitive-spacing-56); /* Base spacing x7 */
19
- --wcs-semantic-spacing-base-600: var(--wcs-primitive-spacing-48); /* Base spacing x6 */
20
- --wcs-semantic-spacing-base-500: var(--wcs-primitive-spacing-40); /* Base spacing x5 */
21
- --wcs-semantic-spacing-base-400: var(--wcs-primitive-spacing-32); /* Base spacing x4 */
22
- --wcs-semantic-spacing-base-300: var(--wcs-primitive-spacing-24); /* Base spacing x3 */
23
- --wcs-semantic-spacing-base-250: var(--wcs-primitive-spacing-20); /* Base spacing x2.5 */
24
- --wcs-semantic-spacing-base-200: var(--wcs-primitive-spacing-16); /* Base spacing x2 */
25
- --wcs-semantic-spacing-base-150: var(--wcs-primitive-spacing-12); /* Base spacing x1.5 */
26
- --wcs-semantic-spacing-base-05: var(--wcs-primitive-spacing-4); /* Base spacing x0.5 */
27
- --wcs-semantic-spacing-base-025: var(--wcs-primitive-spacing-2); /* Base spacing x0.25 */
28
- --wcs-semantic-spacing-large: var(--wcs-primitive-size-160); /* Large spacing */
29
- --wcs-semantic-spacing-base: var(--wcs-semantic-size-base); /* Base spacing, can be used for calculation */
30
- --wcs-semantic-spacing-small: var(--wcs-primitive-size-40); /* Small spacing */
31
- --wcs-semantic-font-style-control-placeholder: normal; /* Placeholder font-size (previously in italic) */
32
- --wcs-semantic-font-weight-light: var(--wcs-primitive-font-weight-100); /* Avenir Light font weight */
33
- --wcs-semantic-font-weight-book: var(--wcs-primitive-font-weight-300); /* Avenir Book font weight */
34
- --wcs-semantic-font-weight-roman: var(--wcs-primitive-font-weight-400); /* Avenir Roman font weight */
35
- --wcs-semantic-font-weight-medium: var(--wcs-primitive-font-weight-500); /* Avenir Medium font weight */
36
- --wcs-semantic-font-weight-heavy: var(--wcs-primitive-font-weight-800); /* Avenir Heavy font weight */
37
- --wcs-semantic-font-weight-black: var(--wcs-primitive-font-weight-900); /* Avenir Black font weight */
38
- --wcs-semantic-font-line-height-large: var(--wcs-primitive-font-line-height-140); /* Highest line-height */
39
- --wcs-semantic-font-line-height-medium: var(--wcs-primitive-font-line-height-120); /* Higher line-height */
40
- --wcs-semantic-font-line-height-base: var(--wcs-primitive-font-line-height-100); /* Base line-height */
41
- --wcs-semantic-font-size-caption-3: var(--wcs-primitive-font-size-300); /* Use for even-more-minor mentions, captions or other information */
42
- --wcs-semantic-font-size-caption-2: var(--wcs-primitive-font-size-350); /* Use for even-minor mentions, captions or other information */
43
- --wcs-semantic-font-size-caption-1: var(--wcs-primitive-font-size-400); /* Use for minor mentions, captions or other information */
44
- --wcs-semantic-font-size-label-3: var(--wcs-primitive-font-size-300); /* Text used for buttons, links or other even-smaller-sized actions */
45
- --wcs-semantic-font-size-label-2: var(--wcs-primitive-font-size-350); /* Text used for buttons, links or other smaller-sized actions */
46
- --wcs-semantic-font-size-label-1: var(--wcs-primitive-font-size-400); /* Text used for buttons, links or other standard-sized actions */
47
- --wcs-semantic-font-size-body-3: var(--wcs-primitive-font-size-400); /* Default body text for common paragraphs */
48
- --wcs-semantic-font-size-body-2: var(--wcs-primitive-font-size-450); /* Body text only for news, blog for a more comfortable reading */
49
- --wcs-semantic-font-size-body-1: var(--wcs-primitive-font-size-500); /* Body text for introduction or catchphrases */
50
- --wcs-semantic-font-size-heading-6: var(--wcs-primitive-font-size-450); /* Level 6 title heading */
51
- --wcs-semantic-font-size-heading-5: var(--wcs-primitive-font-size-500); /* Level 5 title heading */
52
- --wcs-semantic-font-size-heading-4: var(--wcs-primitive-font-size-600); /* Level 4 title heading */
53
- --wcs-semantic-font-size-heading-3: var(--wcs-primitive-font-size-750); /* Level 3 title heading */
54
- --wcs-semantic-font-size-heading-2: var(--wcs-primitive-font-size-900); /* Level 2 title heading */
55
- --wcs-semantic-font-size-heading-1: var(--wcs-primitive-font-size-1050); /* Level 1 title heading */
56
- --wcs-semantic-font-size-l: 17px; /* Larger font size */
57
- --wcs-semantic-font-size-m: 16px; /* Medium font size, equivalent to base font-size */
58
- --wcs-semantic-font-size-s: 15px; /* Smaller font size */
59
- --wcs-semantic-font-size-base: 16px; /* Base font size, equivalent to 1rem */
60
- --wcs-semantic-color-ripple-control: var(--wcs-primitive-color-primary); /* Ripple applied to an control (select) */
61
- --wcs-semantic-color-ripple-action-tertiary: var(--wcs-primitive-color-primary); /* Ripple applied to an secondary action background (on a button, dropdown...) */
62
- --wcs-semantic-color-ripple-action-secondary: var(--wcs-primitive-color-primary); /* Ripple applied to an secondary action background (on a button, dropdown...) */
63
- --wcs-semantic-color-ripple-action-primary: var(--wcs-primitive-color-neutral-0); /* Ripple applied to an primary action background (on a button, dropdown...) */
64
- --wcs-semantic-color-text-link-inverse: var(--wcs-primitive-color-neutral-0); /* Inverse text color for link */
65
- --wcs-semantic-color-text-link-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled text color for link */
66
- --wcs-semantic-color-text-link-visited: var(--wcs-primitive-color-primary); /* Visited text color for link */
67
- --wcs-semantic-color-text-link-hover: var(--wcs-primitive-color-parme-600); /* Hovered text color for link */
68
- --wcs-semantic-color-text-link-neutral: var(--wcs-semantic-color-text-primary); /* Active text color for link */
69
- --wcs-semantic-color-text-link-default: var(--wcs-primitive-color-primary); /* Default text color for link */
70
- --wcs-semantic-color-text-critical: var(--wcs-primitive-color-critical-500); /* Main color to indicate an error state */
71
- --wcs-semantic-color-text-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled color for text */
72
- --wcs-semantic-color-text-inverse: #ffffff; /* Inverse color for contrast (mostly white) */
73
- --wcs-semantic-color-text-tertiary: var(--wcs-primitive-color-neutral-600); /* Tertiary color for text like placeholder */
74
- --wcs-semantic-color-text-secondary: var(--wcs-primitive-color-neutral-700); /* Secondary color for text like paragraph */
75
- --wcs-semantic-color-text-primary: var(--wcs-primitive-color-neutral-800); /* Primary color for text like heading, label */
76
- --wcs-semantic-color-foreground-control-indicator-disabled: var(--wcs-primitive-color-neutral-0); /* Disabled foreground color of a form-field indicator: radio, checkbox */
77
- --wcs-semantic-color-foreground-control-indicator-hover: var(--wcs-primitive-color-neutral-0); /* Hovered foreground color of a form-field indicator: radio, checkbox */
78
- --wcs-semantic-color-foreground-control-indicator-selected: var(--wcs-primitive-color-neutral-0); /* Selected foreground color of a form-field indicator: radio, checkbox */
79
- --wcs-semantic-color-foreground-action-warning-press: var(--wcs-primitive-color-neutral-0); /* Pressed warning foreground color */
80
- --wcs-semantic-color-foreground-action-warning-hover: var(--wcs-primitive-color-neutral-0); /* Hovered warning foreground color */
81
- --wcs-semantic-color-foreground-action-warning-default: var(--wcs-primitive-color-neutral-0); /* Default warning foreground color */
82
- --wcs-semantic-color-foreground-action-success-press: var(--wcs-primitive-color-neutral-0); /* Pressed success foreground color */
83
- --wcs-semantic-color-foreground-action-success-hover: var(--wcs-primitive-color-neutral-0); /* Hovered success foreground color */
84
- --wcs-semantic-color-foreground-action-success-default: var(--wcs-primitive-color-neutral-0); /* Default success foreground color */
85
- --wcs-semantic-color-foreground-action-information-press: var(--wcs-primitive-color-neutral-0); /* Pressed information foreground color */
86
- --wcs-semantic-color-foreground-action-information-hover: var(--wcs-primitive-color-neutral-0); /* Hovered information foreground color */
87
- --wcs-semantic-color-foreground-action-information-default: var(--wcs-primitive-color-neutral-0); /* Default information foreground color */
88
- --wcs-semantic-color-foreground-action-critical-press: var(--wcs-primitive-color-neutral-0); /* Pressed critical foreground color */
89
- --wcs-semantic-color-foreground-action-critical-hover: var(--wcs-primitive-color-neutral-0); /* Hovered critical foreground color */
90
- --wcs-semantic-color-foreground-action-critical-default: var(--wcs-primitive-color-neutral-0); /* Default critical foreground color */
91
- --wcs-semantic-color-foreground-action-neutral-press: var(--wcs-semantic-color-text-primary); /* Pressed neutral foreground for element like dropdown menu item */
92
- --wcs-semantic-color-foreground-action-neutral-hover: var(--wcs-semantic-color-text-primary); /* Hovered neutral foreground for element like dropdown menu item */
93
- --wcs-semantic-color-foreground-action-neutral-default: var(--wcs-semantic-color-text-primary); /* Default neutral foreground for elements like dropdown menu item */
94
- --wcs-semantic-color-foreground-action-tertiary-press: var(--wcs-primitive-color-parme-700); /* The layer on top of a tertiary background when pressed */
95
- --wcs-semantic-color-foreground-action-tertiary-hover: var(--wcs-primitive-color-parme-600); /* The layer on top of a tertiary background when hovered */
96
- --wcs-semantic-color-foreground-action-tertiary-default: var(--wcs-primitive-color-primary); /* The layer on top of a tertiary background */
97
- --wcs-semantic-color-foreground-action-secondary-press: var(--wcs-primitive-color-parme-700); /* The layer on top of a secondary background when pressed */
98
- --wcs-semantic-color-foreground-action-secondary-hover: var(--wcs-primitive-color-parme-600); /* The layer on top of a secondary background when hovered */
99
- --wcs-semantic-color-foreground-action-secondary-default: var(--wcs-primitive-color-primary); /* The layer on top of a secondary background */
100
- --wcs-semantic-color-foreground-action-primary-press: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when pressed */
101
- --wcs-semantic-color-foreground-action-primary-hover: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when hovered */
102
- --wcs-semantic-color-foreground-action-primary-default: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background */
103
- --wcs-semantic-color-foreground-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse foreground for contrast (mostly black) */
104
- --wcs-semantic-color-foreground-on-accent: var(--wcs-primitive-color-parme-700); /* Foreground color on top of an accent background */
105
- --wcs-semantic-color-foreground-success: var(--wcs-primitive-color-vert-500); /* Success foreground color */
106
- --wcs-semantic-color-foreground-information: var(--wcs-primitive-color-bleu-800); /* Information foreground color */
107
- --wcs-semantic-color-foreground-warning: var(--wcs-primitive-color-ambre-700); /* Warning foreground color */
108
- --wcs-semantic-color-foreground-critical: var(--wcs-primitive-color-critical-500); /* Critical foreground color */
109
- --wcs-semantic-color-foreground-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled foreground color */
110
- --wcs-semantic-color-foreground-primary: var(--wcs-primitive-color-neutral-0); /* Primary foreground color */
111
- --wcs-semantic-color-foreground-brand: var(--wcs-primitive-color-primary); /* Brand foreground color */
112
- --wcs-semantic-color-background-backdrop: var(--wcs-primitive-color-backdrop); /* The layer behind a surface (modal) */
113
- --wcs-semantic-color-background-surface-accent-darkest: var(--wcs-primitive-color-parme-800); /* Darkest accent background color */
114
- --wcs-semantic-color-background-surface-accent-darker: var(--wcs-primitive-color-parme-700); /* Darker accent background color */
115
- --wcs-semantic-color-background-surface-accent-dark: var(--wcs-primitive-color-parme-600); /* Dark accent background color */
116
- --wcs-semantic-color-background-surface-accent-lightest: var(--wcs-primitive-color-parme-100); /* Lightest accent background color, used by segmented-button background (radio options) */
117
- --wcs-semantic-color-background-surface-accent-lighter: var(--wcs-primitive-color-parme-200); /* Lighter accent background color, used by grid rows and segmented-button background (radio options) */
118
- --wcs-semantic-color-background-surface-accent-light: var(--wcs-primitive-color-parme-300); /* Light accent background color, used by nav-item indicator and grid rows */
119
- --wcs-semantic-color-background-surface-warning-lightest: var(--wcs-primitive-color-ambre-100); /* Lightest warning background color */
120
- --wcs-semantic-color-background-surface-warning-lighter: var(--wcs-primitive-color-ambre-200); /* Lighter warning background color */
121
- --wcs-semantic-color-background-surface-warning-light: var(--wcs-primitive-color-ambre-300); /* Light warning background color */
122
- --wcs-semantic-color-background-surface-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
123
- --wcs-semantic-color-background-surface-success-lightest: var(--wcs-primitive-color-vert-100); /* Lightest success background color */
124
- --wcs-semantic-color-background-surface-success-lighter: var(--wcs-primitive-color-vert-200); /* Lighter success background color */
125
- --wcs-semantic-color-background-surface-success-light: var(--wcs-primitive-color-vert-300); /* Light success background color */
126
- --wcs-semantic-color-background-surface-success-default: var(--wcs-primitive-color-vert-600); /* Default success background color */
127
- --wcs-semantic-color-background-surface-information-lightest: var(--wcs-primitive-color-bleu-100); /* Lightest information background color */
128
- --wcs-semantic-color-background-surface-information-lighter: var(--wcs-primitive-color-bleu-200); /* Lighter information background color */
129
- --wcs-semantic-color-background-surface-information-light: var(--wcs-primitive-color-bleu-300); /* Light information background color */
130
- --wcs-semantic-color-background-surface-information-default: var(--wcs-primitive-color-bleu-700); /* Default information background color */
131
- --wcs-semantic-color-background-surface-critical-lightest: var(--wcs-primitive-color-critical-100); /* Lightest critical background color */
132
- --wcs-semantic-color-background-surface-critical-lighter: var(--wcs-primitive-color-critical-200); /* Lighter critical background color */
133
- --wcs-semantic-color-background-surface-critical-light: var(--wcs-primitive-color-critical-300); /* Light critical background color */
134
- --wcs-semantic-color-background-surface-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
135
- --wcs-semantic-color-background-surface-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse background for contrast (mostly black) */
136
- --wcs-semantic-color-background-surface-tertiary: var(--wcs-primitive-color-neutral-300); /* Tertiary background (used for background of prefix and suffix of control, also in other components) */
137
- --wcs-semantic-color-background-surface-secondary: var(--wcs-primitive-color-neutral-100); /* Background of a secondary surface like a switch, counter... */
138
- --wcs-semantic-color-background-surface-primary: var(--wcs-primitive-color-neutral-0); /* Background of a surface like a card, modal, overlay of a select... */
139
- --wcs-semantic-color-background-surface-body: var(--wcs-primitive-color-neutral-0); /* Body background color */
140
- --wcs-semantic-color-background-surface-brand: var(--wcs-primitive-color-primary); /* Brand background color for surface */
141
- --wcs-semantic-color-background-control-indicator-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled background color of a form-field indicator: radio, checkbox */
142
- --wcs-semantic-color-background-control-indicator-hover: var(--wcs-primitive-color-parme-600); /* Hovered background color of a form-field indicator: radio, checkbox */
143
- --wcs-semantic-color-background-control-indicator-selected: var(--wcs-primitive-color-primary); /* Selected background color of a form-field indicator: radio, checkbox */
144
- --wcs-semantic-color-background-control-indicator-default: var(--wcs-semantic-color-background-surface-secondary); /* Default background color of a form-field indicator: radio, checkbox */
145
- --wcs-semantic-color-background-control-readonly: var(--wcs-semantic-color-background-surface-secondary); /* Readonly background of control like input, select, textarea... */
146
- --wcs-semantic-color-background-control-disabled: var(--wcs-primitive-color-transparent); /* Disabled background of control like input, select, textarea... */
147
- --wcs-semantic-color-background-control-default: var(--wcs-primitive-color-transparent); /* Default background of control like input, select, textarea... */
148
- --wcs-semantic-color-background-action-warning-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled warning background color */
149
- --wcs-semantic-color-background-action-warning-press: var(--wcs-primitive-color-ambre-700); /* Pressed warning background color */
150
- --wcs-semantic-color-background-action-warning-hover: var(--wcs-primitive-color-ambre-600); /* Hovered warning background color */
151
- --wcs-semantic-color-background-action-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
152
- --wcs-semantic-color-background-action-success-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
153
- --wcs-semantic-color-background-action-success-press: var(--wcs-primitive-color-vert-800); /* Pressed success background color */
154
- --wcs-semantic-color-background-action-success-hover: var(--wcs-primitive-color-vert-600); /* Hovered success background color */
155
- --wcs-semantic-color-background-action-success-default: var(--wcs-primitive-color-vert-500); /* Default success background color */
156
- --wcs-semantic-color-background-action-information-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
157
- --wcs-semantic-color-background-action-information-press: var(--wcs-primitive-color-bleu-800); /* Pressed information background color */
158
- --wcs-semantic-color-background-action-information-hover: var(--wcs-primitive-color-bleu-700); /* Hovered information background color */
159
- --wcs-semantic-color-background-action-information-default: var(--wcs-primitive-color-bleu-600); /* Default information background color */
160
- --wcs-semantic-color-background-action-critical-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
161
- --wcs-semantic-color-background-action-critical-press: var(--wcs-primitive-color-critical-700); /* Pressed critical background color */
162
- --wcs-semantic-color-background-action-critical-hover: var(--wcs-primitive-color-critical-600); /* Hovered critical background color */
163
- --wcs-semantic-color-background-action-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
164
- --wcs-semantic-color-background-action-neutral-disabled: var(--wcs-primitive-color-transparent); /* Disabled neutral background for element like dropdown menu item */
165
- --wcs-semantic-color-background-action-neutral-press: var(--wcs-primitive-color-neutral-300); /* Pressed neutral background for element like dropdown menu item */
166
- --wcs-semantic-color-background-action-neutral-hover: var(--wcs-primitive-color-neutral-100); /* Hovered neutral background for element like dropdown menu item */
167
- --wcs-semantic-color-background-action-neutral-default: var(--wcs-primitive-color-transparent); /* Default neutral background for elements like dropdown menu item */
168
- --wcs-semantic-color-background-action-tertiary-disabled: var(--wcs-primitive-color-transparent); /* Disabled tertiary background for element like a button, dropdown, switch... */
169
- --wcs-semantic-color-background-action-tertiary-press: var(--wcs-semantic-color-background-surface-accent-lighter); /* Can be used by tertiary elements which must have a press state (button, dropdown...) */
170
- --wcs-semantic-color-background-action-tertiary-hover: var(--wcs-semantic-color-background-surface-accent-lightest); /* Can be used by tertiary elements which must have a hover state (button, dropdown...) */
171
- --wcs-semantic-color-background-action-tertiary-default: var(--wcs-primitive-color-transparent); /* Default tertiary background for elements like button, dropdown... */
172
- --wcs-semantic-color-background-action-secondary-focus: var(--wcs-primitive-color-transparent); /* Background of a focused secondary action (button, select option) */
173
- --wcs-semantic-color-background-action-secondary-selected-disabled: var(--wcs-primitive-color-neutral-0); /* Background of a disabled active secondary action (select option) */
174
- --wcs-semantic-color-background-action-secondary-selected-press: var(--wcs-semantic-color-background-surface-accent-light); /* Background of a pressed (CSS active) secondary action (select option) */
175
- --wcs-semantic-color-background-action-secondary-selected-hover: var(--wcs-semantic-color-background-surface-accent-lighter); /* Background of a hovered active secondary action (select option) */
176
- --wcs-semantic-color-background-action-secondary-selected-default: var(--wcs-semantic-color-background-surface-accent-lightest); /* Background of an active secondary action (select option) */
177
- --wcs-semantic-color-background-action-secondary-press: var(--wcs-semantic-color-background-surface-accent-lighter); /* Can be used by secondary elements which must have a press state (button, dropdown...) */
178
- --wcs-semantic-color-background-action-secondary-hover: var(--wcs-semantic-color-background-surface-accent-lightest); /* Can be used by secondary elements which must have a hover state (button, dropdown...) */
179
- --wcs-semantic-color-background-action-secondary-disabled: var(--wcs-primitive-color-transparent); /* Disabled secondary background for element like a button, dropdown, switch... */
180
- --wcs-semantic-color-background-action-secondary-default: var(--wcs-primitive-color-transparent); /* Default secondary background for elements like button, dropdown... */
181
- --wcs-semantic-color-background-action-primary-selected-press: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a hover state while pressed (nav-item) */
182
- --wcs-semantic-color-background-action-primary-selected-hover: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a hover state while selected (nav-item) */
183
- --wcs-semantic-color-background-action-primary-selected-default: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a selected state (nav-item) */
184
- --wcs-semantic-color-background-action-primary-press: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a press (CSS active) state (nav-item) */
185
- --wcs-semantic-color-background-action-primary-hover: var(--wcs-primitive-color-parme-600); /* Can be used by primary elements which must have a hover state (button, dropdown...) */
186
- --wcs-semantic-color-background-action-primary-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled primary background for element like a button, dropdown, switch... */
187
- --wcs-semantic-color-background-action-primary-default: var(--wcs-primitive-color-primary); /* Default primary background for elements like button, dropdown... */
188
- --wcs-semantic-color-border-control-indicator-disabled: var(--wcs-semantic-color-border-disabled); /* Disabled border color of a form-field indicator: radio, checkbox */
189
- --wcs-semantic-color-border-control-indicator-hover: var(--wcs-primitive-color-parme-600); /* Hovered border color of a form-field indicator: radio, checkbox */
190
- --wcs-semantic-color-border-control-indicator-selected: var(--wcs-primitive-color-primary); /* Selected border color of a form-field indicator: radio, checkbox */
191
- --wcs-semantic-color-border-control-indicator-default: var(--wcs-primitive-color-neutral-600); /* Default border color of a form-field indicator: radio, checkbox */
192
- --wcs-semantic-color-border-control-focus: var(--wcs-semantic-color-border-focus-alt); /* Focus border color for control elements like input, select, textarea... */
193
- --wcs-semantic-color-border-focus-alt: var(--wcs-primitive-color-primary); /* Alternative border color on focus for control elements like input, select, textarea... */
194
- --wcs-semantic-color-border-focus-base: var(--wcs-primitive-color-parme-700); /* Border color on focus for base elements like button, dropdown, counter, switch... */
195
- --wcs-semantic-color-border-action-secondary-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled border color for secondary elements like button, dropdown... */
196
- --wcs-semantic-color-border-action-secondary-press: var(--wcs-primitive-color-parme-700); /* Pressed border color for secondary elements like button, dropdown... */
197
- --wcs-semantic-color-border-action-secondary-hover: var(--wcs-primitive-color-parme-600); /* Hover border color for secondary elements like button, dropdown... */
198
- --wcs-semantic-color-border-action-secondary-default: var(--wcs-primitive-color-primary); /* Default border color for secondary elements like button, dropdown... */
199
- --wcs-semantic-color-border-success: var(--wcs-primitive-color-vert-500); /* Success border color */
200
- --wcs-semantic-color-border-information: var(--wcs-primitive-color-bleu-800); /* Information border color */
201
- --wcs-semantic-color-border-warning: var(--wcs-primitive-color-ambre-500); /* Warning border color */
202
- --wcs-semantic-color-border-critical: var(--wcs-primitive-color-critical-500); /* Critical border color */
203
- --wcs-semantic-color-border-selected: var(--wcs-primitive-color-primary); /* Selected border color */
204
- --wcs-semantic-color-border-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled border color */
205
- --wcs-semantic-color-border-secondary: var(--wcs-primitive-color-neutral-300); /* Secondary border color */
206
- --wcs-semantic-color-border-primary: var(--wcs-primitive-color-neutral-600); /* Primary border color */
207
- --wcs-semantic-color-border-brand: var(--wcs-primitive-color-primary); /* Brand border color */
208
- --wcs-semantic-border-style-focus-control: solid; /* Focus style for control elements like input, select, textarea... */
209
- --wcs-semantic-border-style-focus-base: dashed; /* Focus style for base elements like button, dropdown, counter, switch... */
210
- --wcs-semantic-border-width-larger: var(--wcs-primitive-size-40); /* Largest border-width */
211
- --wcs-semantic-border-width-large: var(--wcs-primitive-size-20); /* Larger border-width, used for focus border especially */
212
- --wcs-semantic-border-width-default: var(--wcs-primitive-size-10); /* Default border-width */
213
- --wcs-semantic-border-width-none: 0; /* No border */
214
- --wcs-semantic-border-radius-full: var(--wcs-primitive-size-max); /* Circular, full rounded border-radius */
215
- --wcs-semantic-border-radius-base: var(--wcs-primitive-size-40); /* Base border-radius */
216
- --wcs-semantic-border-radius-none: 0; /* No border-radius */
217
- --wcs-semantic-size-xs: var(--wcs-primitive-size-240); /* Size XS for multi-size components */
218
- --wcs-semantic-size-s: var(--wcs-primitive-size-320); /* Size S for multi-size components */
219
- --wcs-semantic-size-m: var(--wcs-primitive-size-400); /* Size M for multi-size components (default) */
220
- --wcs-semantic-size-l: var(--wcs-primitive-size-480); /* Size L for multi-size components */
221
- --wcs-semantic-size-xl: var(--wcs-primitive-size-560); /* Size XL for multi-size components */
222
- --wcs-semantic-size-base: var(--wcs-primitive-size-80); /* Base size for calculation */
223
- --wcs-primitive-breakpoints-fullhd: 1920px;
224
- --wcs-primitive-breakpoints-widescreen: 1440px;
225
- --wcs-primitive-breakpoints-high-definition: 1280px;
226
- --wcs-primitive-breakpoints-desktop: 1024px;
227
- --wcs-primitive-breakpoints-tablet: 769px;
228
- --wcs-primitive-breakpoints-mobile: 320px;
229
- --wcs-primitive-duration-2000: 2000ms;
230
- --wcs-primitive-duration-1500: 1500ms;
231
- --wcs-primitive-duration-1000: 1000ms;
232
- --wcs-primitive-duration-400: 400ms;
233
- --wcs-primitive-duration-350: 350ms;
234
- --wcs-primitive-duration-300: 300ms;
235
- --wcs-primitive-duration-200: 200ms;
236
- --wcs-primitive-duration-150: 150ms;
237
- --wcs-primitive-duration-100: 100ms;
238
- --wcs-primitive-duration-50: 50ms;
239
- --wcs-primitive-duration-0: 0ms;
240
- --wcs-primitive-font-line-height-140: 1.4;
241
- --wcs-primitive-font-line-height-120: 1.2;
242
- --wcs-primitive-font-line-height-110: 1.1;
243
- --wcs-primitive-font-line-height-100: 1;
244
- --wcs-primitive-font-weight-900: 900;
245
- --wcs-primitive-font-weight-800: 800;
246
- --wcs-primitive-font-weight-500: 500;
247
- --wcs-primitive-font-weight-400: 400;
248
- --wcs-primitive-font-weight-300: 300;
249
- --wcs-primitive-font-weight-100: 100;
250
- --wcs-primitive-font-size-1800: 72px;
251
- --wcs-primitive-font-size-1700: 68px;
252
- --wcs-primitive-font-size-1600: 64px;
253
- --wcs-primitive-font-size-1500: 60px;
254
- --wcs-primitive-font-size-1400: 56px;
255
- --wcs-primitive-font-size-1300: 52px;
256
- --wcs-primitive-font-size-1200: 48px;
257
- --wcs-primitive-font-size-1100: 44px;
258
- --wcs-primitive-font-size-1050: 42px;
259
- --wcs-primitive-font-size-1000: 40px;
260
- --wcs-primitive-font-size-900: 36px;
261
- --wcs-primitive-font-size-800: 32px;
262
- --wcs-primitive-font-size-750: 30px;
263
- --wcs-primitive-font-size-700: 28px;
264
- --wcs-primitive-font-size-600: 24px;
265
- --wcs-primitive-font-size-550: 22px;
266
- --wcs-primitive-font-size-500: 20px;
267
- --wcs-primitive-font-size-450: 18px;
268
- --wcs-primitive-font-size-400: 16px;
269
- --wcs-primitive-font-size-350: 14px;
270
- --wcs-primitive-font-size-325: 13px;
271
- --wcs-primitive-font-size-300: 12px;
272
- --wcs-primitive-font-size-275: 11px;
273
- --wcs-primitive-font-size-250: 10px;
274
- --wcs-primitive-color-critical-800: #320404; /* Rouge Feu 800 */
275
- --wcs-primitive-color-critical-700: #640707; /* Rouge Feu 700 */
276
- --wcs-primitive-color-critical-600: #960b0b; /* Rouge Feu 600 */
277
- --wcs-primitive-color-critical-500: #c80e0e; /* Rouge Feu 500 */
278
- --wcs-primitive-color-critical-400: #e38686; /* Rouge Feu 400 */
279
- --wcs-primitive-color-critical-300: #f4cfcf; /* Rouge Feu 300 */
280
- --wcs-primitive-color-critical-200: #f9e7e7; /* Rouge Feu 200 */
281
- --wcs-primitive-color-critical-100: #fcf3f3; /* Rouge Feu 100 */
282
- --wcs-primitive-color-neutral-1000: #000000;
283
- --wcs-primitive-color-neutral-900: #121212;
284
- --wcs-primitive-color-neutral-800: #333333;
285
- --wcs-primitive-color-neutral-700: #4d4f53;
286
- --wcs-primitive-color-neutral-600: #747678;
287
- --wcs-primitive-color-neutral-500: #a0a0a0;
288
- --wcs-primitive-color-neutral-400: #b9b9b9;
289
- --wcs-primitive-color-neutral-300: #d7d7d7;
290
- --wcs-primitive-color-neutral-200: #f2f2f2;
291
- --wcs-primitive-color-neutral-100: #f4f5f6;
292
- --wcs-primitive-color-neutral-0: #ffffff;
293
- --wcs-primitive-color-alpha-dark-090: rgba(0, 0, 0, 0.9);
294
- --wcs-primitive-color-alpha-dark-080: rgba(0, 0, 0, 0.8);
295
- --wcs-primitive-color-alpha-dark-070: rgba(0, 0, 0, 0.7);
296
- --wcs-primitive-color-alpha-dark-060: rgba(0, 0, 0, 0.6);
297
- --wcs-primitive-color-alpha-dark-050: rgba(0, 0, 0, 0.5);
298
- --wcs-primitive-color-alpha-dark-040: rgba(0, 0, 0, 0.4);
299
- --wcs-primitive-color-alpha-dark-030: rgba(0, 0, 0, 0.3);
300
- --wcs-primitive-color-alpha-dark-020: rgba(0, 0, 0, 0.2);
301
- --wcs-primitive-color-alpha-dark-010: rgba(0, 0, 0, 0.1);
302
- --wcs-primitive-color-alpha-dark-005: rgba(0, 0, 0, 0.05);
303
- --wcs-primitive-color-alpha-light-090: rgba(255, 255, 255, 0.9);
304
- --wcs-primitive-color-alpha-light-080: rgba(255, 255, 255, 0.8);
305
- --wcs-primitive-color-alpha-light-070: rgba(255, 255, 255, 0.7);
306
- --wcs-primitive-color-alpha-light-060: rgba(255, 255, 255, 0.6);
307
- --wcs-primitive-color-alpha-light-050: rgba(255, 255, 255, 0.5);
308
- --wcs-primitive-color-alpha-light-040: rgba(255, 255, 255, 0.4);
309
- --wcs-primitive-color-alpha-light-030: rgba(255, 255, 255, 0.3);
310
- --wcs-primitive-color-alpha-light-020: rgba(255, 255, 255, 0.2);
311
- --wcs-primitive-color-alpha-light-010: rgba(255, 255, 255, 0.1);
312
- --wcs-primitive-color-alpha-light-005: rgba(255, 255, 255, 0.05);
313
- --wcs-primitive-color-vert-800: #11392a;
314
- --wcs-primitive-color-vert-700: #154734;
315
- --wcs-primitive-color-vert-600: #008566;
316
- --wcs-primitive-color-vert-500: #00b388;
317
- --wcs-primitive-color-vert-400: #a1d6ca;
318
- --wcs-primitive-color-vert-300: #c7e8e1;
319
- --wcs-primitive-color-vert-200: #e8f6f2;
320
- --wcs-primitive-color-vert-100: #f7fbfa;
321
- --wcs-primitive-color-bleu-800: #002d51;
322
- --wcs-primitive-color-bleu-700: #003865;
323
- --wcs-primitive-color-bleu-600: #006aaa;
324
- --wcs-primitive-color-bleu-500: #0084d4;
325
- --wcs-primitive-color-bleu-400: #a4c8e1;
326
- --wcs-primitive-color-bleu-300: #a4c8e1;
327
- --wcs-primitive-color-bleu-200: #eaf2f9;
328
- --wcs-primitive-color-bleu-100: #f5f9fc;
329
- --wcs-primitive-color-parme-800: #001a49;
330
- --wcs-primitive-color-parme-700: #00205b;
331
- --wcs-primitive-color-parme-600: #2f3279;
332
- --wcs-primitive-color-parme-500: #6558b1;
333
- --wcs-primitive-color-parme-400: #c7b2de;
334
- --wcs-primitive-color-parme-300: #e0d3ee;
335
- --wcs-primitive-color-parme-200: #f3eef7;
336
- --wcs-primitive-color-parme-100: #f9f7fb;
337
- --wcs-primitive-color-rose-800: #322245;
338
- --wcs-primitive-color-rose-700: #3f2a56;
339
- --wcs-primitive-color-rose-600: #d71f60;
340
- --wcs-primitive-color-rose-500: #f59bbb;
341
- --wcs-primitive-color-rose-400: #efbae1;
342
- --wcs-primitive-color-rose-300: #f3deef;
343
- --wcs-primitive-color-rose-200: #fdeff8;
344
- --wcs-primitive-color-rose-100: #fef7fb;
345
- --wcs-primitive-color-corail-800: #4e1a28;
346
- --wcs-primitive-color-corail-700: #612132;
347
- --wcs-primitive-color-corail-600: #d53f34;
348
- --wcs-primitive-color-corail-500: #f2827f;
349
- --wcs-primitive-color-corail-400: #f8c1b8;
350
- --wcs-primitive-color-corail-300: #fddcd5;
351
- --wcs-primitive-color-corail-200: #fff1ef;
352
- --wcs-primitive-color-corail-100: #fff8f7;
353
- --wcs-primitive-color-orange-800: #3f210d;
354
- --wcs-primitive-color-orange-700: #4f2910;
355
- --wcs-primitive-color-orange-600: #a02f08;
356
- --wcs-primitive-color-orange-500: #dc582a;
357
- --wcs-primitive-color-orange-400: #fdbe87;
358
- --wcs-primitive-color-orange-300: #ffdbb9;
359
- --wcs-primitive-color-orange-200: #fff0e2;
360
- --wcs-primitive-color-orange-100: #fff7f1;
361
- --wcs-primitive-color-ambre-800: #3b3422;
362
- --wcs-primitive-color-ambre-700: #4a412a;
363
- --wcs-primitive-color-ambre-600: #8c7122;
364
- --wcs-primitive-color-ambre-500: #daaa00;
365
- --wcs-primitive-color-ambre-400: #eed484;
366
- --wcs-primitive-color-ambre-300: #f7e7b6;
367
- --wcs-primitive-color-ambre-200: #fcf5e1;
368
- --wcs-primitive-color-ambre-100: #fdfaf0;
369
- --wcs-primitive-color-rouge-400: #d52b1e;
370
- --wcs-primitive-color-rouge-300: #de9991;
371
- --wcs-primitive-color-rouge-200: #f2d7d3;
372
- --wcs-primitive-color-rouge-100: #f9ebe9;
373
- --wcs-primitive-color-bleu-primaire-400: #0088b3;
374
- --wcs-primitive-color-bleu-primaire-300: #8fc1d7;
375
- --wcs-primitive-color-bleu-primaire-200: #d1e6ef;
376
- --wcs-primitive-color-bleu-primaire-100: #e8f3f7;
377
- --wcs-primitive-color-backdrop: rgba(0, 26, 73, 0.4);
378
- --wcs-primitive-color-transparent: rgba(0, 0, 0, 0);
379
- --wcs-primitive-color-primary: var(--wcs-primitive-color-parme-500);
380
- --wcs-primitive-spacing-144: 144px;
381
- --wcs-primitive-spacing-136: 136px;
382
- --wcs-primitive-spacing-128: 128px;
383
- --wcs-primitive-spacing-120: 120px;
384
- --wcs-primitive-spacing-112: 112px;
385
- --wcs-primitive-spacing-104: 104px;
386
- --wcs-primitive-spacing-96: 96px;
387
- --wcs-primitive-spacing-88: 88px;
388
- --wcs-primitive-spacing-80: 80px;
389
- --wcs-primitive-spacing-72: 72px;
390
- --wcs-primitive-spacing-64: 64px;
391
- --wcs-primitive-spacing-56: 56px;
392
- --wcs-primitive-spacing-48: 48px;
393
- --wcs-primitive-spacing-40: 40px;
394
- --wcs-primitive-spacing-32: 32px;
395
- --wcs-primitive-spacing-24: 24px;
396
- --wcs-primitive-spacing-20: 20px;
397
- --wcs-primitive-spacing-16: 16px;
398
- --wcs-primitive-spacing-12: 12px;
399
- --wcs-primitive-spacing-8: 8px;
400
- --wcs-primitive-spacing-6: 6px;
401
- --wcs-primitive-spacing-4: 4px;
402
- --wcs-primitive-spacing-2: 2px;
403
- --wcs-primitive-spacing-0: 0px;
404
- --wcs-primitive-size-max: 99999px;
6
+ --wcs-primitive-size-10: 1px;
7
+ --wcs-primitive-size-20: 2px;
8
+ --wcs-primitive-size-40: 4px;
9
+ --wcs-primitive-size-60: 6px;
10
+ --wcs-primitive-size-80: 8px;
11
+ --wcs-primitive-size-100: 10px;
12
+ --wcs-primitive-size-120: 12px;
13
+ --wcs-primitive-size-140: 14px;
14
+ --wcs-primitive-size-160: 16px;
15
+ --wcs-primitive-size-180: 18px;
16
+ --wcs-primitive-size-200: 20px;
17
+ --wcs-primitive-size-240: 24px;
18
+ --wcs-primitive-size-280: 28px;
19
+ --wcs-primitive-size-300: 30px;
20
+ --wcs-primitive-size-320: 32px;
21
+ --wcs-primitive-size-360: 36px;
22
+ --wcs-primitive-size-400: 40px;
23
+ --wcs-primitive-size-420: 42px;
24
+ --wcs-primitive-size-480: 48px;
25
+ --wcs-primitive-size-560: 56px;
26
+ --wcs-primitive-size-640: 64px;
27
+ --wcs-primitive-size-720: 72px;
28
+ --wcs-primitive-size-800: 80px;
29
+ --wcs-primitive-size-1200: 120px;
405
30
  --wcs-primitive-size-none: 0px;
31
+ --wcs-primitive-size-max: 99999px;
32
+ --wcs-primitive-spacing-0: 0px;
33
+ --wcs-primitive-spacing-2: 2px;
34
+ --wcs-primitive-spacing-4: 4px;
35
+ --wcs-primitive-spacing-6: 6px;
36
+ --wcs-primitive-spacing-8: 8px;
37
+ --wcs-primitive-spacing-12: 12px;
38
+ --wcs-primitive-spacing-16: 16px;
39
+ --wcs-primitive-spacing-20: 20px;
40
+ --wcs-primitive-spacing-24: 24px;
41
+ --wcs-primitive-spacing-32: 32px;
42
+ --wcs-primitive-spacing-40: 40px;
43
+ --wcs-primitive-spacing-48: 48px;
44
+ --wcs-primitive-spacing-56: 56px;
45
+ --wcs-primitive-spacing-64: 64px;
46
+ --wcs-primitive-spacing-72: 72px;
47
+ --wcs-primitive-spacing-80: 80px;
48
+ --wcs-primitive-spacing-88: 88px;
49
+ --wcs-primitive-spacing-96: 96px;
50
+ --wcs-primitive-spacing-104: 104px;
51
+ --wcs-primitive-spacing-112: 112px;
52
+ --wcs-primitive-spacing-120: 120px;
53
+ --wcs-primitive-spacing-128: 128px;
54
+ --wcs-primitive-spacing-136: 136px;
55
+ --wcs-primitive-spacing-144: 144px;
56
+ --wcs-primitive-color-transparent: rgba(0, 0, 0, 0);
57
+ --wcs-primitive-color-backdrop: rgba(0, 26, 73, 0.4);
58
+ --wcs-primitive-color-bleu-primaire-100: #e8f3f7;
59
+ --wcs-primitive-color-bleu-primaire-200: #d1e6ef;
60
+ --wcs-primitive-color-bleu-primaire-300: #8fc1d7;
61
+ --wcs-primitive-color-bleu-primaire-400: #0088b3;
62
+ --wcs-primitive-color-rouge-100: #f9ebe9;
63
+ --wcs-primitive-color-rouge-200: #f2d7d3;
64
+ --wcs-primitive-color-rouge-300: #de9991;
65
+ --wcs-primitive-color-rouge-400: #d52b1e;
66
+ --wcs-primitive-color-ambre-100: #fdfaf0;
67
+ --wcs-primitive-color-ambre-200: #fcf5e1;
68
+ --wcs-primitive-color-ambre-300: #f7e7b6;
69
+ --wcs-primitive-color-ambre-400: #eed484;
70
+ --wcs-primitive-color-ambre-500: #daaa00;
71
+ --wcs-primitive-color-ambre-600: #8c7122;
72
+ --wcs-primitive-color-ambre-700: #4a412a;
73
+ --wcs-primitive-color-ambre-800: #3b3422;
74
+ --wcs-primitive-color-orange-100: #fff7f1;
75
+ --wcs-primitive-color-orange-200: #fff0e2;
76
+ --wcs-primitive-color-orange-300: #ffdbb9;
77
+ --wcs-primitive-color-orange-400: #fdbe87;
78
+ --wcs-primitive-color-orange-500: #dc582a;
79
+ --wcs-primitive-color-orange-600: #a02f08;
80
+ --wcs-primitive-color-orange-700: #4f2910;
81
+ --wcs-primitive-color-orange-800: #3f210d;
82
+ --wcs-primitive-color-corail-100: #fff8f7;
83
+ --wcs-primitive-color-corail-200: #fff1ef;
84
+ --wcs-primitive-color-corail-300: #fddcd5;
85
+ --wcs-primitive-color-corail-400: #f8c1b8;
86
+ --wcs-primitive-color-corail-500: #f2827f;
87
+ --wcs-primitive-color-corail-600: #d53f34;
88
+ --wcs-primitive-color-corail-700: #612132;
89
+ --wcs-primitive-color-corail-800: #4e1a28;
90
+ --wcs-primitive-color-rose-100: #fef7fb;
91
+ --wcs-primitive-color-rose-200: #fdeff8;
92
+ --wcs-primitive-color-rose-300: #f3deef;
93
+ --wcs-primitive-color-rose-400: #efbae1;
94
+ --wcs-primitive-color-rose-500: #f59bbb;
95
+ --wcs-primitive-color-rose-600: #d71f60;
96
+ --wcs-primitive-color-rose-700: #3f2a56;
97
+ --wcs-primitive-color-rose-800: #322245;
98
+ --wcs-primitive-color-parme-100: #f9f7fb;
99
+ --wcs-primitive-color-parme-200: #f3eef7;
100
+ --wcs-primitive-color-parme-300: #e0d3ee;
101
+ --wcs-primitive-color-parme-400: #c7b2de;
102
+ --wcs-primitive-color-parme-500: #6558b1;
103
+ --wcs-primitive-color-parme-600: #2f3279;
104
+ --wcs-primitive-color-parme-700: #00205b;
105
+ --wcs-primitive-color-parme-800: #001a49;
106
+ --wcs-primitive-color-bleu-100: #f5f9fc;
107
+ --wcs-primitive-color-bleu-200: #eaf2f9;
108
+ --wcs-primitive-color-bleu-300: #c4dcec;
109
+ --wcs-primitive-color-bleu-400: #a4c8e1;
110
+ --wcs-primitive-color-bleu-500: #0084d4;
111
+ --wcs-primitive-color-bleu-600: #006aaa;
112
+ --wcs-primitive-color-bleu-700: #003865;
113
+ --wcs-primitive-color-bleu-800: #002d51;
114
+ --wcs-primitive-color-bleu-900: #001d33;
115
+ --wcs-primitive-color-vert-100: #f7fbfa;
116
+ --wcs-primitive-color-vert-200: #e8f6f2;
117
+ --wcs-primitive-color-vert-300: #c7e8e1;
118
+ --wcs-primitive-color-vert-400: #a1d6ca;
119
+ --wcs-primitive-color-vert-500: #00b388;
120
+ --wcs-primitive-color-vert-600: #008566;
121
+ --wcs-primitive-color-vert-700: #154734;
122
+ --wcs-primitive-color-vert-800: #11392a;
123
+ --wcs-primitive-color-alpha-light-005: rgba(255, 255, 255, 0.05);
124
+ --wcs-primitive-color-alpha-light-010: rgba(255, 255, 255, 0.1);
125
+ --wcs-primitive-color-alpha-light-020: rgba(255, 255, 255, 0.2);
126
+ --wcs-primitive-color-alpha-light-030: rgba(255, 255, 255, 0.3);
127
+ --wcs-primitive-color-alpha-light-040: rgba(255, 255, 255, 0.4);
128
+ --wcs-primitive-color-alpha-light-050: rgba(255, 255, 255, 0.5);
129
+ --wcs-primitive-color-alpha-light-060: rgba(255, 255, 255, 0.6);
130
+ --wcs-primitive-color-alpha-light-070: rgba(255, 255, 255, 0.7);
131
+ --wcs-primitive-color-alpha-light-080: rgba(255, 255, 255, 0.8);
132
+ --wcs-primitive-color-alpha-light-090: rgba(255, 255, 255, 0.9);
133
+ --wcs-primitive-color-alpha-dark-005: rgba(0, 0, 0, 0.05);
134
+ --wcs-primitive-color-alpha-dark-010: rgba(0, 0, 0, 0.1);
135
+ --wcs-primitive-color-alpha-dark-020: rgba(0, 0, 0, 0.2);
136
+ --wcs-primitive-color-alpha-dark-030: rgba(0, 0, 0, 0.3);
137
+ --wcs-primitive-color-alpha-dark-040: rgba(0, 0, 0, 0.4);
138
+ --wcs-primitive-color-alpha-dark-050: rgba(0, 0, 0, 0.5);
139
+ --wcs-primitive-color-alpha-dark-060: rgba(0, 0, 0, 0.6);
140
+ --wcs-primitive-color-alpha-dark-070: rgba(0, 0, 0, 0.7);
141
+ --wcs-primitive-color-alpha-dark-080: rgba(0, 0, 0, 0.8);
142
+ --wcs-primitive-color-alpha-dark-090: rgba(0, 0, 0, 0.9);
143
+ --wcs-primitive-color-neutral-0: #ffffff;
144
+ --wcs-primitive-color-neutral-100: #f4f5f6;
145
+ --wcs-primitive-color-neutral-200: #f2f2f2;
146
+ --wcs-primitive-color-neutral-300: #d7d7d7;
147
+ --wcs-primitive-color-neutral-400: #b9b9b9;
148
+ --wcs-primitive-color-neutral-500: #a0a0a0;
149
+ --wcs-primitive-color-neutral-600: #747678;
150
+ --wcs-primitive-color-neutral-700: #4d4f53;
151
+ --wcs-primitive-color-neutral-800: #333333;
152
+ --wcs-primitive-color-neutral-900: #121212;
153
+ --wcs-primitive-color-neutral-1000: #000000;
154
+ --wcs-primitive-color-critical-100: #fcf3f3; /* Rouge Feu 100 */
155
+ --wcs-primitive-color-critical-200: #f9e7e7; /* Rouge Feu 200 */
156
+ --wcs-primitive-color-critical-300: #f4cfcf; /* Rouge Feu 300 */
157
+ --wcs-primitive-color-critical-400: #e38686; /* Rouge Feu 400 */
158
+ --wcs-primitive-color-critical-500: #c80e0e; /* Rouge Feu 500 */
159
+ --wcs-primitive-color-critical-600: #960b0b; /* Rouge Feu 600 */
160
+ --wcs-primitive-color-critical-700: #640707; /* Rouge Feu 700 */
161
+ --wcs-primitive-color-critical-800: #320404; /* Rouge Feu 800 */
162
+ --wcs-primitive-font-size-250: 10px;
163
+ --wcs-primitive-font-size-275: 11px;
164
+ --wcs-primitive-font-size-300: 12px;
165
+ --wcs-primitive-font-size-325: 13px;
166
+ --wcs-primitive-font-size-350: 14px;
167
+ --wcs-primitive-font-size-400: 16px;
168
+ --wcs-primitive-font-size-450: 18px;
169
+ --wcs-primitive-font-size-500: 20px;
170
+ --wcs-primitive-font-size-550: 22px;
171
+ --wcs-primitive-font-size-600: 24px;
172
+ --wcs-primitive-font-size-700: 28px;
173
+ --wcs-primitive-font-size-750: 30px;
174
+ --wcs-primitive-font-size-800: 32px;
175
+ --wcs-primitive-font-size-900: 36px;
176
+ --wcs-primitive-font-size-1000: 40px;
177
+ --wcs-primitive-font-size-1050: 42px;
178
+ --wcs-primitive-font-size-1100: 44px;
179
+ --wcs-primitive-font-size-1200: 48px;
180
+ --wcs-primitive-font-size-1300: 52px;
181
+ --wcs-primitive-font-size-1400: 56px;
182
+ --wcs-primitive-font-size-1500: 60px;
183
+ --wcs-primitive-font-size-1600: 64px;
184
+ --wcs-primitive-font-size-1700: 68px;
185
+ --wcs-primitive-font-size-1800: 72px;
186
+ --wcs-primitive-font-weight-100: 100;
187
+ --wcs-primitive-font-weight-300: 300;
188
+ --wcs-primitive-font-weight-400: 400;
189
+ --wcs-primitive-font-weight-500: 500;
190
+ --wcs-primitive-font-weight-800: 800;
191
+ --wcs-primitive-font-weight-900: 900;
192
+ --wcs-primitive-font-line-height-100: 1;
193
+ --wcs-primitive-font-line-height-110: 1.1;
194
+ --wcs-primitive-font-line-height-120: 1.2;
195
+ --wcs-primitive-font-line-height-140: 1.4;
196
+ --wcs-primitive-duration-0: 0ms;
197
+ --wcs-primitive-duration-50: 50ms;
198
+ --wcs-primitive-duration-100: 100ms;
199
+ --wcs-primitive-duration-150: 150ms;
200
+ --wcs-primitive-duration-200: 200ms;
201
+ --wcs-primitive-duration-300: 300ms;
202
+ --wcs-primitive-duration-350: 350ms;
203
+ --wcs-primitive-duration-400: 400ms;
204
+ --wcs-primitive-duration-1000: 1000ms;
205
+ --wcs-primitive-duration-1500: 1500ms;
206
+ --wcs-primitive-duration-2000: 2000ms;
207
+ --wcs-primitive-breakpoints-mobile: 320px;
208
+ --wcs-primitive-breakpoints-tablet: 769px;
209
+ --wcs-primitive-breakpoints-desktop: 1024px;
210
+ --wcs-primitive-breakpoints-high-definition: 1280px;
211
+ --wcs-primitive-breakpoints-widescreen: 1440px;
212
+ --wcs-primitive-breakpoints-fullhd: 1920px;
213
+ --wcs-semantic-border-radius-none: 0; /* No border-radius */
214
+ --wcs-semantic-border-width-none: 0; /* No border */
215
+ --wcs-semantic-border-style-focus-base: dashed; /* Focus style for base elements like button, dropdown, counter, switch... */
216
+ --wcs-semantic-border-style-focus-control: solid; /* Focus style for control elements like input, select, textarea... */
217
+ --wcs-semantic-color-text-inverse: #ffffff; /* Inverse color for contrast (mostly white) */
218
+ --wcs-semantic-font-size-base: 16px; /* Base font size, equivalent to 1rem */
219
+ --wcs-semantic-font-size-s: 15px; /* Smaller font size */
220
+ --wcs-semantic-font-size-m: 16px; /* Medium font size, equivalent to base font-size */
221
+ --wcs-semantic-font-size-l: 17px; /* Larger font size */
222
+ --wcs-semantic-font-style-control-placeholder: normal; /* Placeholder font-size (previously in italic) */
406
223
  --wcs-primitive-size-base: var(--wcs-primitive-size-80);
407
- --wcs-primitive-size-1200: 120px;
408
- --wcs-primitive-size-800: 80px;
409
- --wcs-primitive-size-720: 72px;
410
- --wcs-primitive-size-640: 64px;
411
- --wcs-primitive-size-560: 56px;
412
- --wcs-primitive-size-480: 48px;
413
- --wcs-primitive-size-420: 42px;
414
- --wcs-primitive-size-400: 40px;
415
- --wcs-primitive-size-360: 36px;
416
- --wcs-primitive-size-320: 32px;
417
- --wcs-primitive-size-300: 30px;
418
- --wcs-primitive-size-280: 28px;
419
- --wcs-primitive-size-240: 24px;
420
- --wcs-primitive-size-200: 20px;
421
- --wcs-primitive-size-180: 18px;
422
- --wcs-primitive-size-160: 16px;
423
- --wcs-primitive-size-140: 14px;
424
- --wcs-primitive-size-120: 12px;
425
- --wcs-primitive-size-100: 10px;
426
- --wcs-primitive-size-80: 8px;
427
- --wcs-primitive-size-60: 6px;
428
- --wcs-primitive-size-40: 4px;
429
- --wcs-primitive-size-20: 2px;
430
- --wcs-primitive-size-10: 1px;
224
+ --wcs-primitive-color-primary: var(--wcs-primitive-color-parme-500);
225
+ --wcs-semantic-size-base: var(--wcs-primitive-size-80); /* Base size for calculation */
226
+ --wcs-semantic-size-xl: var(--wcs-primitive-size-560); /* Size XL for multi-size components */
227
+ --wcs-semantic-size-l: var(--wcs-primitive-size-480); /* Size L for multi-size components */
228
+ --wcs-semantic-size-m: var(--wcs-primitive-size-400); /* Size M for multi-size components (default) */
229
+ --wcs-semantic-size-s: var(--wcs-primitive-size-320); /* Size S for multi-size components */
230
+ --wcs-semantic-size-xs: var(--wcs-primitive-size-240); /* Size XS for multi-size components */
231
+ --wcs-semantic-border-radius-base: var(--wcs-primitive-size-40); /* Base border-radius */
232
+ --wcs-semantic-border-radius-full: var(--wcs-primitive-size-max); /* Circular, full rounded border-radius */
233
+ --wcs-semantic-border-width-default: var(--wcs-primitive-size-10); /* Default border-width */
234
+ --wcs-semantic-border-width-large: var(--wcs-primitive-size-20); /* Larger border-width, used for focus border especially */
235
+ --wcs-semantic-border-width-larger: var(--wcs-primitive-size-40); /* Largest border-width */
236
+ --wcs-semantic-color-border-primary: var(--wcs-primitive-color-neutral-600); /* Primary border color */
237
+ --wcs-semantic-color-border-secondary: var(--wcs-primitive-color-neutral-300); /* Secondary border color */
238
+ --wcs-semantic-color-border-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled border color */
239
+ --wcs-semantic-color-border-critical: var(--wcs-primitive-color-critical-500); /* Critical border color */
240
+ --wcs-semantic-color-border-warning: var(--wcs-primitive-color-ambre-500); /* Warning border color */
241
+ --wcs-semantic-color-border-information: var(--wcs-primitive-color-bleu-800); /* Information border color */
242
+ --wcs-semantic-color-border-success: var(--wcs-primitive-color-vert-500); /* Success border color */
243
+ --wcs-semantic-color-border-action-secondary-hover: var(--wcs-primitive-color-parme-600); /* Hover border color for secondary elements like button, dropdown... */
244
+ --wcs-semantic-color-border-action-secondary-press: var(--wcs-primitive-color-parme-700); /* Pressed border color for secondary elements like button, dropdown... */
245
+ --wcs-semantic-color-border-action-secondary-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled border color for secondary elements like button, dropdown... */
246
+ --wcs-semantic-color-border-focus-base: var(--wcs-primitive-color-parme-700); /* Border color on focus for base elements like button, dropdown, counter, switch... */
247
+ --wcs-semantic-color-border-focus-base-on-secondary: var(--wcs-primitive-color-neutral-0); /* Border color on focus for base elements when placed on secondary or dark background */
248
+ --wcs-semantic-color-border-focus-alt-on-secondary: var(--wcs-primitive-color-neutral-0); /* Alternative border color on focus for control elements when placed on secondary or dark background */
249
+ --wcs-semantic-color-border-control-indicator-default: var(--wcs-primitive-color-neutral-600); /* Default border color of a form-field indicator: radio, checkbox */
250
+ --wcs-semantic-color-border-control-indicator-hover: var(--wcs-primitive-color-parme-600); /* Hovered border color of a form-field indicator: radio, checkbox */
251
+ --wcs-semantic-color-background-action-primary-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled primary background for element like a button, dropdown, switch... */
252
+ --wcs-semantic-color-background-action-primary-hover: var(--wcs-primitive-color-parme-600); /* Can be used by primary elements which must have a hover state (button, dropdown...) */
253
+ --wcs-semantic-color-background-action-primary-press: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a press (CSS active) state (nav-item) */
254
+ --wcs-semantic-color-background-action-primary-selected-default: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a selected state (nav-item) */
255
+ --wcs-semantic-color-background-action-primary-selected-hover: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a hover state while selected (nav-item) */
256
+ --wcs-semantic-color-background-action-primary-selected-press: var(--wcs-primitive-color-parme-700); /* Can be used by primary elements which must have a hover state while pressed (nav-item) */
257
+ --wcs-semantic-color-background-action-secondary-default: var(--wcs-primitive-color-transparent); /* Default secondary background for elements like button, dropdown... */
258
+ --wcs-semantic-color-background-action-secondary-disabled: var(--wcs-primitive-color-transparent); /* Disabled secondary background for element like a button, dropdown, switch... */
259
+ --wcs-semantic-color-background-action-secondary-selected-disabled: var(--wcs-primitive-color-neutral-0); /* Background of a disabled active secondary action (select option) */
260
+ --wcs-semantic-color-background-action-secondary-focus: var(--wcs-primitive-color-transparent); /* Background of a focused secondary action (button, select option) */
261
+ --wcs-semantic-color-background-action-tertiary-default: var(--wcs-primitive-color-transparent); /* Default tertiary background for elements like button, dropdown... */
262
+ --wcs-semantic-color-background-action-tertiary-disabled: var(--wcs-primitive-color-transparent); /* Disabled tertiary background for element like a button, dropdown, switch... */
263
+ --wcs-semantic-color-background-action-neutral-default: var(--wcs-primitive-color-transparent); /* Default neutral background for elements like dropdown menu item */
264
+ --wcs-semantic-color-background-action-neutral-hover: var(--wcs-primitive-color-neutral-100); /* Hovered neutral background for element like dropdown menu item */
265
+ --wcs-semantic-color-background-action-neutral-press: var(--wcs-primitive-color-neutral-300); /* Pressed neutral background for element like dropdown menu item */
266
+ --wcs-semantic-color-background-action-neutral-disabled: var(--wcs-primitive-color-transparent); /* Disabled neutral background for element like dropdown menu item */
267
+ --wcs-semantic-color-background-action-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
268
+ --wcs-semantic-color-background-action-critical-hover: var(--wcs-primitive-color-critical-600); /* Hovered critical background color */
269
+ --wcs-semantic-color-background-action-critical-press: var(--wcs-primitive-color-critical-700); /* Pressed critical background color */
270
+ --wcs-semantic-color-background-action-critical-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
271
+ --wcs-semantic-color-background-action-information-default: var(--wcs-primitive-color-bleu-600); /* Default information background color */
272
+ --wcs-semantic-color-background-action-information-hover: var(--wcs-primitive-color-bleu-700); /* Hovered information background color */
273
+ --wcs-semantic-color-background-action-information-press: var(--wcs-primitive-color-bleu-800); /* Pressed information background color */
274
+ --wcs-semantic-color-background-action-information-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
275
+ --wcs-semantic-color-background-action-success-default: var(--wcs-primitive-color-vert-500); /* Default success background color */
276
+ --wcs-semantic-color-background-action-success-hover: var(--wcs-primitive-color-vert-600); /* Hovered success background color */
277
+ --wcs-semantic-color-background-action-success-press: var(--wcs-primitive-color-vert-800); /* Pressed success background color */
278
+ --wcs-semantic-color-background-action-success-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
279
+ --wcs-semantic-color-background-action-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
280
+ --wcs-semantic-color-background-action-warning-hover: var(--wcs-primitive-color-ambre-600); /* Hovered warning background color */
281
+ --wcs-semantic-color-background-action-warning-press: var(--wcs-primitive-color-ambre-700); /* Pressed warning background color */
282
+ --wcs-semantic-color-background-action-warning-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled warning background color */
283
+ --wcs-semantic-color-background-control-default: var(--wcs-primitive-color-transparent); /* Default background of control like input, select, textarea... */
284
+ --wcs-semantic-color-background-control-disabled: var(--wcs-primitive-color-transparent); /* Disabled background of control like input, select, textarea... */
285
+ --wcs-semantic-color-background-control-indicator-hover: var(--wcs-primitive-color-parme-600); /* Hovered background color of a form-field indicator: radio, checkbox */
286
+ --wcs-semantic-color-background-control-indicator-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled background color of a form-field indicator: radio, checkbox */
287
+ --wcs-semantic-color-background-surface-body: var(--wcs-primitive-color-neutral-0); /* Body background color */
288
+ --wcs-semantic-color-background-surface-primary: var(--wcs-primitive-color-neutral-0); /* Background of a surface like a card, modal, overlay of a select... */
289
+ --wcs-semantic-color-background-surface-secondary: var(--wcs-primitive-color-neutral-100); /* Background of a secondary surface like a switch, counter... */
290
+ --wcs-semantic-color-background-surface-tertiary: var(--wcs-primitive-color-neutral-300); /* Tertiary background (used for background of prefix and suffix of control, also in other components) */
291
+ --wcs-semantic-color-background-surface-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse background for contrast (mostly black) */
292
+ --wcs-semantic-color-background-surface-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
293
+ --wcs-semantic-color-background-surface-critical-light: var(--wcs-primitive-color-critical-300); /* Light critical background color */
294
+ --wcs-semantic-color-background-surface-critical-lighter: var(--wcs-primitive-color-critical-200); /* Lighter critical background color */
295
+ --wcs-semantic-color-background-surface-critical-lightest: var(--wcs-primitive-color-critical-100); /* Lightest critical background color */
296
+ --wcs-semantic-color-background-surface-information-default: var(--wcs-primitive-color-bleu-700); /* Default information background color */
297
+ --wcs-semantic-color-background-surface-information-light: var(--wcs-primitive-color-bleu-300); /* Light information background color */
298
+ --wcs-semantic-color-background-surface-information-lighter: var(--wcs-primitive-color-bleu-200); /* Lighter information background color */
299
+ --wcs-semantic-color-background-surface-information-lightest: var(--wcs-primitive-color-bleu-100); /* Lightest information background color */
300
+ --wcs-semantic-color-background-surface-success-default: var(--wcs-primitive-color-vert-600); /* Default success background color */
301
+ --wcs-semantic-color-background-surface-success-light: var(--wcs-primitive-color-vert-300); /* Light success background color */
302
+ --wcs-semantic-color-background-surface-success-lighter: var(--wcs-primitive-color-vert-200); /* Lighter success background color */
303
+ --wcs-semantic-color-background-surface-success-lightest: var(--wcs-primitive-color-vert-100); /* Lightest success background color */
304
+ --wcs-semantic-color-background-surface-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
305
+ --wcs-semantic-color-background-surface-warning-light: var(--wcs-primitive-color-ambre-300); /* Light warning background color */
306
+ --wcs-semantic-color-background-surface-warning-lighter: var(--wcs-primitive-color-ambre-200); /* Lighter warning background color */
307
+ --wcs-semantic-color-background-surface-warning-lightest: var(--wcs-primitive-color-ambre-100); /* Lightest warning background color */
308
+ --wcs-semantic-color-background-surface-accent-light: var(--wcs-primitive-color-parme-300); /* Light accent background color, used by nav-item indicator and grid rows */
309
+ --wcs-semantic-color-background-surface-accent-lighter: var(--wcs-primitive-color-parme-200); /* Lighter accent background color, used by grid rows and segmented-button background (radio options) */
310
+ --wcs-semantic-color-background-surface-accent-lightest: var(--wcs-primitive-color-parme-100); /* Lightest accent background color, used by segmented-button background (radio options) */
311
+ --wcs-semantic-color-background-surface-accent-dark: var(--wcs-primitive-color-parme-600); /* Dark accent background color */
312
+ --wcs-semantic-color-background-surface-accent-darker: var(--wcs-primitive-color-parme-700); /* Darker accent background color */
313
+ --wcs-semantic-color-background-surface-accent-darkest: var(--wcs-primitive-color-parme-800); /* Darkest accent background color */
314
+ --wcs-semantic-color-background-backdrop: var(--wcs-primitive-color-backdrop); /* The layer behind a surface (modal) */
315
+ --wcs-semantic-color-foreground-primary: var(--wcs-primitive-color-neutral-0); /* Primary foreground color */
316
+ --wcs-semantic-color-foreground-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled foreground color */
317
+ --wcs-semantic-color-foreground-critical: var(--wcs-primitive-color-critical-500); /* Critical foreground color */
318
+ --wcs-semantic-color-foreground-warning: var(--wcs-primitive-color-ambre-700); /* Warning foreground color */
319
+ --wcs-semantic-color-foreground-information: var(--wcs-primitive-color-bleu-800); /* Information foreground color */
320
+ --wcs-semantic-color-foreground-success: var(--wcs-primitive-color-vert-500); /* Success foreground color */
321
+ --wcs-semantic-color-foreground-on-accent: var(--wcs-primitive-color-parme-700); /* Foreground color on top of an accent background */
322
+ --wcs-semantic-color-foreground-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse foreground for contrast (mostly black) */
323
+ --wcs-semantic-color-foreground-action-secondary-hover: var(--wcs-primitive-color-parme-600); /* The layer on top of a secondary background when hovered */
324
+ --wcs-semantic-color-foreground-action-secondary-press: var(--wcs-primitive-color-parme-700); /* The layer on top of a secondary background when pressed */
325
+ --wcs-semantic-color-foreground-action-tertiary-hover: var(--wcs-primitive-color-parme-600); /* The layer on top of a tertiary background when hovered */
326
+ --wcs-semantic-color-foreground-action-tertiary-press: var(--wcs-primitive-color-parme-700); /* The layer on top of a tertiary background when pressed */
327
+ --wcs-semantic-color-foreground-action-critical-default: var(--wcs-primitive-color-neutral-0); /* Default critical foreground color */
328
+ --wcs-semantic-color-foreground-action-critical-hover: var(--wcs-primitive-color-neutral-0); /* Hovered critical foreground color */
329
+ --wcs-semantic-color-foreground-action-critical-press: var(--wcs-primitive-color-neutral-0); /* Pressed critical foreground color */
330
+ --wcs-semantic-color-foreground-action-information-default: var(--wcs-primitive-color-neutral-0); /* Default information foreground color */
331
+ --wcs-semantic-color-foreground-action-information-hover: var(--wcs-primitive-color-neutral-0); /* Hovered information foreground color */
332
+ --wcs-semantic-color-foreground-action-information-press: var(--wcs-primitive-color-neutral-0); /* Pressed information foreground color */
333
+ --wcs-semantic-color-foreground-action-success-default: var(--wcs-primitive-color-neutral-0); /* Default success foreground color */
334
+ --wcs-semantic-color-foreground-action-success-hover: var(--wcs-primitive-color-neutral-0); /* Hovered success foreground color */
335
+ --wcs-semantic-color-foreground-action-success-press: var(--wcs-primitive-color-neutral-0); /* Pressed success foreground color */
336
+ --wcs-semantic-color-foreground-action-warning-default: var(--wcs-primitive-color-neutral-0); /* Default warning foreground color */
337
+ --wcs-semantic-color-foreground-action-warning-hover: var(--wcs-primitive-color-neutral-0); /* Hovered warning foreground color */
338
+ --wcs-semantic-color-foreground-action-warning-press: var(--wcs-primitive-color-neutral-0); /* Pressed warning foreground color */
339
+ --wcs-semantic-color-foreground-control-indicator-selected: var(--wcs-primitive-color-neutral-0); /* Selected foreground color of a form-field indicator: radio, checkbox */
340
+ --wcs-semantic-color-foreground-control-indicator-hover: var(--wcs-primitive-color-neutral-0); /* Hovered foreground color of a form-field indicator: radio, checkbox */
341
+ --wcs-semantic-color-foreground-control-indicator-disabled: var(--wcs-primitive-color-neutral-0); /* Disabled foreground color of a form-field indicator: radio, checkbox */
342
+ --wcs-semantic-color-text-primary: var(--wcs-primitive-color-neutral-800); /* Primary color for text like heading, label */
343
+ --wcs-semantic-color-text-secondary: var(--wcs-primitive-color-neutral-700); /* Secondary color for text like paragraph */
344
+ --wcs-semantic-color-text-tertiary: var(--wcs-primitive-color-neutral-600); /* Tertiary color for text like placeholder */
345
+ --wcs-semantic-color-text-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled color for text */
346
+ --wcs-semantic-color-text-critical: var(--wcs-primitive-color-critical-500); /* Main color to indicate an error state */
347
+ --wcs-semantic-color-text-link-hover: var(--wcs-primitive-color-parme-600); /* Hovered text color for link */
348
+ --wcs-semantic-color-text-link-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled text color for link */
349
+ --wcs-semantic-color-text-link-inverse: var(--wcs-primitive-color-neutral-0); /* Inverse text color for link */
350
+ --wcs-semantic-color-ripple-action-primary: var(--wcs-primitive-color-neutral-0); /* Ripple applied to an primary action background (on a button, dropdown...) */
351
+ --wcs-semantic-font-size-heading-1: var(--wcs-primitive-font-size-1050); /* Level 1 title heading */
352
+ --wcs-semantic-font-size-heading-2: var(--wcs-primitive-font-size-900); /* Level 2 title heading */
353
+ --wcs-semantic-font-size-heading-3: var(--wcs-primitive-font-size-750); /* Level 3 title heading */
354
+ --wcs-semantic-font-size-heading-4: var(--wcs-primitive-font-size-600); /* Level 4 title heading */
355
+ --wcs-semantic-font-size-heading-5: var(--wcs-primitive-font-size-500); /* Level 5 title heading */
356
+ --wcs-semantic-font-size-heading-6: var(--wcs-primitive-font-size-450); /* Level 6 title heading */
357
+ --wcs-semantic-font-size-body-1: var(--wcs-primitive-font-size-500); /* Body text for introduction or catchphrases */
358
+ --wcs-semantic-font-size-body-2: var(--wcs-primitive-font-size-450); /* Body text only for news, blog for a more comfortable reading */
359
+ --wcs-semantic-font-size-body-3: var(--wcs-primitive-font-size-400); /* Default body text for common paragraphs */
360
+ --wcs-semantic-font-size-label-1: var(--wcs-primitive-font-size-400); /* Text used for buttons, links or other standard-sized actions */
361
+ --wcs-semantic-font-size-label-2: var(--wcs-primitive-font-size-350); /* Text used for buttons, links or other smaller-sized actions */
362
+ --wcs-semantic-font-size-label-3: var(--wcs-primitive-font-size-300); /* Text used for buttons, links or other even-smaller-sized actions */
363
+ --wcs-semantic-font-size-caption-1: var(--wcs-primitive-font-size-400); /* Use for minor mentions, captions or other information */
364
+ --wcs-semantic-font-size-caption-2: var(--wcs-primitive-font-size-350); /* Use for even-minor mentions, captions or other information */
365
+ --wcs-semantic-font-size-caption-3: var(--wcs-primitive-font-size-300); /* Use for even-more-minor mentions, captions or other information */
366
+ --wcs-semantic-font-line-height-base: var(--wcs-primitive-font-line-height-100); /* Base line-height */
367
+ --wcs-semantic-font-line-height-medium: var(--wcs-primitive-font-line-height-120); /* Higher line-height */
368
+ --wcs-semantic-font-line-height-large: var(--wcs-primitive-font-line-height-140); /* Highest line-height */
369
+ --wcs-semantic-font-weight-black: var(--wcs-primitive-font-weight-900); /* Avenir Black font weight */
370
+ --wcs-semantic-font-weight-heavy: var(--wcs-primitive-font-weight-800); /* Avenir Heavy font weight */
371
+ --wcs-semantic-font-weight-medium: var(--wcs-primitive-font-weight-500); /* Avenir Medium font weight */
372
+ --wcs-semantic-font-weight-roman: var(--wcs-primitive-font-weight-400); /* Avenir Roman font weight */
373
+ --wcs-semantic-font-weight-book: var(--wcs-primitive-font-weight-300); /* Avenir Book font weight */
374
+ --wcs-semantic-font-weight-light: var(--wcs-primitive-font-weight-100); /* Avenir Light font weight */
375
+ --wcs-semantic-spacing-small: var(--wcs-primitive-size-40); /* Small spacing */
376
+ --wcs-semantic-spacing-large: var(--wcs-primitive-size-160); /* Large spacing */
377
+ --wcs-semantic-spacing-base-025: var(--wcs-primitive-spacing-2); /* Base spacing x0.25 */
378
+ --wcs-semantic-spacing-base-05: var(--wcs-primitive-spacing-4); /* Base spacing x0.5 */
379
+ --wcs-semantic-spacing-base-150: var(--wcs-primitive-spacing-12); /* Base spacing x1.5 */
380
+ --wcs-semantic-spacing-base-200: var(--wcs-primitive-spacing-16); /* Base spacing x2 */
381
+ --wcs-semantic-spacing-base-250: var(--wcs-primitive-spacing-20); /* Base spacing x2.5 */
382
+ --wcs-semantic-spacing-base-300: var(--wcs-primitive-spacing-24); /* Base spacing x3 */
383
+ --wcs-semantic-spacing-base-400: var(--wcs-primitive-spacing-32); /* Base spacing x4 */
384
+ --wcs-semantic-spacing-base-500: var(--wcs-primitive-spacing-40); /* Base spacing x5 */
385
+ --wcs-semantic-spacing-base-600: var(--wcs-primitive-spacing-48); /* Base spacing x6 */
386
+ --wcs-semantic-spacing-base-700: var(--wcs-primitive-spacing-56); /* Base spacing x7 */
387
+ --wcs-semantic-spacing-base-800: var(--wcs-primitive-spacing-64); /* Base spacing x8 */
388
+ --wcs-semantic-spacing-base-900: var(--wcs-primitive-spacing-72); /* Base spacing x9 */
389
+ --wcs-semantic-spacing-base-1000: var(--wcs-primitive-spacing-80); /* Base spacing x10 */
390
+ --wcs-semantic-spacing-base-1100: var(--wcs-primitive-spacing-88); /* Base spacing x11 */
391
+ --wcs-semantic-spacing-base-1200: var(--wcs-primitive-spacing-96); /* Base spacing x12 */
392
+ --wcs-semantic-motion-duration-feedback-fast: var(--wcs-primitive-duration-50); /* Motion duration for faster feedbacks */
393
+ --wcs-semantic-motion-duration-feedback-base: var(--wcs-primitive-duration-150); /* Motion duration for feedbacks like transitions for moving arrows, transitioning backgrounds */
394
+ --wcs-semantic-motion-duration-feedback-slow: var(--wcs-primitive-duration-200); /* Motion duration for slow feedbacks */
395
+ --wcs-semantic-motion-duration-feedback-slower: var(--wcs-primitive-duration-350); /* Motion duration for slower feedbacks */
396
+ --wcs-semantic-motion-duration-animation-fast: var(--wcs-primitive-duration-1000); /* Motion duration for fast animations like spinner growing mode */
397
+ --wcs-semantic-motion-duration-animation-base: var(--wcs-primitive-duration-1500); /* Motion duration for long animations like spinner, skeleton */
398
+ --wcs-semantic-motion-duration-animation-slow: var(--wcs-primitive-duration-2000); /* Motion duration for slow animations */
399
+ --wcs-semantic-color-border-brand: var(--wcs-primitive-color-primary); /* Brand border color */
400
+ --wcs-semantic-color-border-selected: var(--wcs-primitive-color-primary); /* Selected border color */
401
+ --wcs-semantic-color-border-action-secondary-default: var(--wcs-primitive-color-primary); /* Default border color for secondary elements like button, dropdown... */
402
+ --wcs-semantic-color-border-focus-alt: var(--wcs-primitive-color-primary); /* Alternative border color on focus for control elements like input, select, textarea... */
403
+ --wcs-semantic-color-border-control-indicator-selected: var(--wcs-primitive-color-primary); /* Selected border color of a form-field indicator: radio, checkbox */
404
+ --wcs-semantic-color-border-control-indicator-disabled: var(--wcs-semantic-color-border-disabled); /* Disabled border color of a form-field indicator: radio, checkbox */
405
+ --wcs-semantic-color-background-action-primary-default: var(--wcs-primitive-color-primary); /* Default primary background for elements like button, dropdown... */
406
+ --wcs-semantic-color-background-action-secondary-hover: var(--wcs-semantic-color-background-surface-accent-lightest); /* Can be used by secondary elements which must have a hover state (button, dropdown...) */
407
+ --wcs-semantic-color-background-action-secondary-press: var(--wcs-semantic-color-background-surface-accent-lighter); /* Can be used by secondary elements which must have a press state (button, dropdown...) */
408
+ --wcs-semantic-color-background-action-secondary-selected-default: var(--wcs-semantic-color-background-surface-accent-lightest); /* Background of an active secondary action (select option) */
409
+ --wcs-semantic-color-background-action-secondary-selected-hover: var(--wcs-semantic-color-background-surface-accent-lighter); /* Background of a hovered active secondary action (select option) */
410
+ --wcs-semantic-color-background-action-secondary-selected-press: var(--wcs-semantic-color-background-surface-accent-light); /* Background of a pressed (CSS active) secondary action (select option) */
411
+ --wcs-semantic-color-background-action-tertiary-hover: var(--wcs-semantic-color-background-surface-accent-lightest); /* Can be used by tertiary elements which must have a hover state (button, dropdown...) */
412
+ --wcs-semantic-color-background-action-tertiary-press: var(--wcs-semantic-color-background-surface-accent-lighter); /* Can be used by tertiary elements which must have a press state (button, dropdown...) */
413
+ --wcs-semantic-color-background-control-readonly: var(--wcs-semantic-color-background-surface-secondary); /* Readonly background of control like input, select, textarea... */
414
+ --wcs-semantic-color-background-control-indicator-default: var(--wcs-semantic-color-background-surface-secondary); /* Default background color of a form-field indicator: radio, checkbox */
415
+ --wcs-semantic-color-background-control-indicator-selected: var(--wcs-primitive-color-primary); /* Selected background color of a form-field indicator: radio, checkbox */
416
+ --wcs-semantic-color-background-surface-brand: var(--wcs-primitive-color-primary); /* Brand background color for surface */
417
+ --wcs-semantic-color-foreground-brand: var(--wcs-primitive-color-primary); /* Brand foreground color */
418
+ --wcs-semantic-color-foreground-action-primary-default: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background */
419
+ --wcs-semantic-color-foreground-action-primary-hover: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when hovered */
420
+ --wcs-semantic-color-foreground-action-primary-press: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when pressed */
421
+ --wcs-semantic-color-foreground-action-secondary-default: var(--wcs-primitive-color-primary); /* The layer on top of a secondary background */
422
+ --wcs-semantic-color-foreground-action-tertiary-default: var(--wcs-primitive-color-primary); /* The layer on top of a tertiary background */
423
+ --wcs-semantic-color-foreground-action-neutral-default: var(--wcs-semantic-color-text-primary); /* Default neutral foreground for elements like dropdown menu item */
424
+ --wcs-semantic-color-foreground-action-neutral-hover: var(--wcs-semantic-color-text-primary); /* Hovered neutral foreground for element like dropdown menu item */
425
+ --wcs-semantic-color-foreground-action-neutral-press: var(--wcs-semantic-color-text-primary); /* Pressed neutral foreground for element like dropdown menu item */
426
+ --wcs-semantic-color-text-link-default: var(--wcs-primitive-color-primary); /* Default text color for link */
427
+ --wcs-semantic-color-text-link-neutral: var(--wcs-semantic-color-text-primary); /* Active text color for link */
428
+ --wcs-semantic-color-text-link-visited: var(--wcs-primitive-color-primary); /* Visited text color for link */
429
+ --wcs-semantic-color-ripple-action-secondary: var(--wcs-primitive-color-primary); /* Ripple applied to an secondary action background (on a button, dropdown...) */
430
+ --wcs-semantic-color-ripple-action-tertiary: var(--wcs-primitive-color-primary); /* Ripple applied to an secondary action background (on a button, dropdown...) */
431
+ --wcs-semantic-color-ripple-control: var(--wcs-primitive-color-primary); /* Ripple applied to an control (select) */
432
+ --wcs-semantic-spacing-base: var(--wcs-semantic-size-base); /* Base spacing, can be used for calculation */
433
+ --wcs-semantic-color-border-control-focus: var(--wcs-semantic-color-border-focus-alt); /* Focus border color for control elements like input, select, textarea... */
431
434
  }
432
435
 
433
436
  /* Components Overrides */
@@ -445,6 +448,17 @@
445
448
  --wcs-galactic-background-color: var(--wcs-primitive-color-parme-700);
446
449
  }
447
450
 
451
+ .sncf-holding wcs-galactic-menu {
452
+ --wcs-semantic-color-border-focus-base: var(--wcs-semantic-color-border-focus-base-on-secondary);
453
+ }
454
+
455
+ /* wcs-tooltip */
456
+ .sncf-holding .tippy-box[data-theme~='dark'] {
457
+ --wcs-semantic-color-text-primary: var(--wcs-semantic-color-text-inverse);
458
+ --wcs-semantic-color-border-focus-base: var(--wcs-semantic-color-border-focus-base-on-secondary);
459
+ --wcs-semantic-color-border-focus-alt: var(--wcs-semantic-color-border-focus-alt-on-secondary);
460
+ }
461
+
448
462
  .sncf-holding .wcs-secondary {
449
463
  --wcs-semantic-color-background-action-primary-default: var(--wcs-primitive-color-neutral-700);
450
464
  --wcs-semantic-color-background-surface-brand: var(--wcs-primitive-color-neutral-700);