wcs-core 7.3.0 → 7.4.1

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 (802) hide show
  1. package/README.md +11 -9
  2. package/bundle/index.d.ts +45 -0
  3. package/bundle/index.js +2 -0
  4. package/bundle/index.js.map +1 -0
  5. package/bundle/p-010cf905.js +2 -0
  6. package/bundle/p-010cf905.js.map +1 -0
  7. package/bundle/p-2751ddc1.js +2 -0
  8. package/bundle/p-2751ddc1.js.map +1 -0
  9. package/bundle/p-2bef72c7.js +2 -0
  10. package/bundle/p-2bef72c7.js.map +1 -0
  11. package/bundle/p-2e9b9605.js +2 -0
  12. package/bundle/p-2e9b9605.js.map +1 -0
  13. package/bundle/p-35d7af48.js +2 -0
  14. package/bundle/p-35d7af48.js.map +1 -0
  15. package/bundle/p-38e45350.js +2 -0
  16. package/bundle/p-38e45350.js.map +1 -0
  17. package/bundle/p-3abf8a42.js +2 -0
  18. package/bundle/p-3abf8a42.js.map +1 -0
  19. package/bundle/p-44a3b0b9.js +2 -0
  20. package/bundle/p-44a3b0b9.js.map +1 -0
  21. package/bundle/p-60193ef5.js +2 -0
  22. package/bundle/p-60193ef5.js.map +1 -0
  23. package/bundle/p-6bc981dd.js +156 -0
  24. package/bundle/p-6bc981dd.js.map +1 -0
  25. package/bundle/p-763371a0.js +16 -0
  26. package/bundle/p-763371a0.js.map +1 -0
  27. package/bundle/p-8bfdf6f6.js +2 -0
  28. package/bundle/p-8bfdf6f6.js.map +1 -0
  29. package/bundle/p-97e70e10.js +2 -0
  30. package/bundle/p-97e70e10.js.map +1 -0
  31. package/bundle/p-98bd8a96.js +2 -0
  32. package/bundle/p-98bd8a96.js.map +1 -0
  33. package/bundle/p-a0f32ead.js +2 -0
  34. package/bundle/p-a0f32ead.js.map +1 -0
  35. package/bundle/p-a7468a3a.js +2 -0
  36. package/bundle/p-a7468a3a.js.map +1 -0
  37. package/bundle/p-c8b73e93.js +2 -0
  38. package/bundle/p-c8b73e93.js.map +1 -0
  39. package/bundle/p-d23d7658.js +2 -0
  40. package/bundle/p-d23d7658.js.map +1 -0
  41. package/bundle/p-d3404c52.js +2 -0
  42. package/bundle/p-d3404c52.js.map +1 -0
  43. package/bundle/p-e1fb3625.js +2 -0
  44. package/bundle/p-e1fb3625.js.map +1 -0
  45. package/bundle/p-f0dda0b8.js +2 -0
  46. package/bundle/p-f0dda0b8.js.map +1 -0
  47. package/bundle/p-fb2751c2.js +2 -0
  48. package/bundle/p-fb2751c2.js.map +1 -0
  49. package/bundle/p-fc9ba34d.js +2 -0
  50. package/bundle/p-fc9ba34d.js.map +1 -0
  51. package/bundle/package.json +8 -0
  52. package/bundle/wcs-accordion-content.d.ts +11 -0
  53. package/bundle/wcs-accordion-content.js +2 -0
  54. package/bundle/wcs-accordion-content.js.map +1 -0
  55. package/bundle/wcs-accordion-header.d.ts +11 -0
  56. package/bundle/wcs-accordion-header.js +2 -0
  57. package/bundle/wcs-accordion-header.js.map +1 -0
  58. package/bundle/wcs-accordion-panel.d.ts +11 -0
  59. package/bundle/wcs-accordion-panel.js +2 -0
  60. package/bundle/wcs-accordion-panel.js.map +1 -0
  61. package/bundle/wcs-accordion.d.ts +11 -0
  62. package/bundle/wcs-accordion.js +2 -0
  63. package/bundle/wcs-accordion.js.map +1 -0
  64. package/bundle/wcs-action-bar.d.ts +11 -0
  65. package/bundle/wcs-action-bar.js +2 -0
  66. package/bundle/wcs-action-bar.js.map +1 -0
  67. package/bundle/wcs-alert-drawer.d.ts +11 -0
  68. package/bundle/wcs-alert-drawer.js +2 -0
  69. package/bundle/wcs-alert-drawer.js.map +1 -0
  70. package/bundle/wcs-alert.d.ts +11 -0
  71. package/bundle/wcs-alert.js +2 -0
  72. package/bundle/wcs-alert.js.map +1 -0
  73. package/bundle/wcs-app.d.ts +11 -0
  74. package/bundle/wcs-app.js +2 -0
  75. package/bundle/wcs-app.js.map +1 -0
  76. package/bundle/wcs-badge.d.ts +11 -0
  77. package/bundle/wcs-badge.js +2 -0
  78. package/bundle/wcs-badge.js.map +1 -0
  79. package/bundle/wcs-breadcrumb-item.d.ts +11 -0
  80. package/bundle/wcs-breadcrumb-item.js +2 -0
  81. package/bundle/wcs-breadcrumb-item.js.map +1 -0
  82. package/bundle/wcs-breadcrumb.d.ts +11 -0
  83. package/bundle/wcs-breadcrumb.js +2 -0
  84. package/bundle/wcs-breadcrumb.js.map +1 -0
  85. package/bundle/wcs-button.d.ts +11 -0
  86. package/bundle/wcs-button.js +2 -0
  87. package/bundle/wcs-button.js.map +1 -0
  88. package/bundle/wcs-card-body.d.ts +11 -0
  89. package/bundle/wcs-card-body.js +2 -0
  90. package/bundle/wcs-card-body.js.map +1 -0
  91. package/bundle/wcs-card-content.d.ts +11 -0
  92. package/bundle/wcs-card-content.js +2 -0
  93. package/bundle/wcs-card-content.js.map +1 -0
  94. package/bundle/wcs-card-footer.d.ts +11 -0
  95. package/bundle/wcs-card-footer.js +2 -0
  96. package/bundle/wcs-card-footer.js.map +1 -0
  97. package/bundle/wcs-card-header.d.ts +11 -0
  98. package/bundle/wcs-card-header.js +2 -0
  99. package/bundle/wcs-card-header.js.map +1 -0
  100. package/bundle/wcs-card-media.d.ts +11 -0
  101. package/bundle/wcs-card-media.js +2 -0
  102. package/bundle/wcs-card-media.js.map +1 -0
  103. package/bundle/wcs-card.d.ts +11 -0
  104. package/bundle/wcs-card.js +2 -0
  105. package/bundle/wcs-card.js.map +1 -0
  106. package/bundle/wcs-checkbox.d.ts +11 -0
  107. package/bundle/wcs-checkbox.js +2 -0
  108. package/bundle/wcs-checkbox.js.map +1 -0
  109. package/bundle/wcs-chip.d.ts +11 -0
  110. package/bundle/wcs-chip.js +2 -0
  111. package/bundle/wcs-chip.js.map +1 -0
  112. package/bundle/wcs-com-nav-category.d.ts +11 -0
  113. package/bundle/wcs-com-nav-category.js +2 -0
  114. package/bundle/wcs-com-nav-category.js.map +1 -0
  115. package/bundle/wcs-com-nav-item.d.ts +11 -0
  116. package/bundle/wcs-com-nav-item.js +2 -0
  117. package/bundle/wcs-com-nav-item.js.map +1 -0
  118. package/bundle/wcs-com-nav-submenu.d.ts +11 -0
  119. package/bundle/wcs-com-nav-submenu.js +2 -0
  120. package/bundle/wcs-com-nav-submenu.js.map +1 -0
  121. package/bundle/wcs-com-nav.d.ts +11 -0
  122. package/bundle/wcs-com-nav.js +2 -0
  123. package/bundle/wcs-com-nav.js.map +1 -0
  124. package/bundle/wcs-counter.d.ts +11 -0
  125. package/bundle/wcs-counter.js +2 -0
  126. package/bundle/wcs-counter.js.map +1 -0
  127. package/bundle/wcs-divider.d.ts +11 -0
  128. package/bundle/wcs-divider.js +2 -0
  129. package/bundle/wcs-divider.js.map +1 -0
  130. package/bundle/wcs-dropdown-divider.d.ts +11 -0
  131. package/bundle/wcs-dropdown-divider.js +2 -0
  132. package/bundle/wcs-dropdown-divider.js.map +1 -0
  133. package/bundle/wcs-dropdown-header.d.ts +11 -0
  134. package/bundle/wcs-dropdown-header.js +2 -0
  135. package/bundle/wcs-dropdown-header.js.map +1 -0
  136. package/bundle/wcs-dropdown-item.d.ts +11 -0
  137. package/bundle/wcs-dropdown-item.js +2 -0
  138. package/bundle/wcs-dropdown-item.js.map +1 -0
  139. package/bundle/wcs-dropdown.d.ts +11 -0
  140. package/bundle/wcs-dropdown.js +2 -0
  141. package/bundle/wcs-dropdown.js.map +1 -0
  142. package/bundle/wcs-editable-field.d.ts +11 -0
  143. package/bundle/wcs-editable-field.js +2 -0
  144. package/bundle/wcs-editable-field.js.map +1 -0
  145. package/bundle/wcs-error.d.ts +11 -0
  146. package/bundle/wcs-error.js +2 -0
  147. package/bundle/wcs-error.js.map +1 -0
  148. package/bundle/wcs-field-content.d.ts +11 -0
  149. package/bundle/wcs-field-content.js +2 -0
  150. package/bundle/wcs-field-content.js.map +1 -0
  151. package/bundle/wcs-field-label.d.ts +11 -0
  152. package/bundle/wcs-field-label.js +2 -0
  153. package/bundle/wcs-field-label.js.map +1 -0
  154. package/bundle/wcs-field.d.ts +11 -0
  155. package/bundle/wcs-field.js +2 -0
  156. package/bundle/wcs-field.js.map +1 -0
  157. package/bundle/wcs-footer.d.ts +11 -0
  158. package/bundle/wcs-footer.js +2 -0
  159. package/bundle/wcs-footer.js.map +1 -0
  160. package/bundle/wcs-form-field.d.ts +11 -0
  161. package/bundle/wcs-form-field.js +2 -0
  162. package/bundle/wcs-form-field.js.map +1 -0
  163. package/bundle/wcs-galactic-menu.d.ts +11 -0
  164. package/bundle/wcs-galactic-menu.js +2 -0
  165. package/bundle/wcs-galactic-menu.js.map +1 -0
  166. package/bundle/wcs-galactic.d.ts +11 -0
  167. package/bundle/wcs-galactic.js +2 -0
  168. package/bundle/wcs-galactic.js.map +1 -0
  169. package/bundle/wcs-grid-column.d.ts +11 -0
  170. package/bundle/wcs-grid-column.js +2 -0
  171. package/bundle/wcs-grid-column.js.map +1 -0
  172. package/bundle/wcs-grid-custom-cell.d.ts +11 -0
  173. package/bundle/wcs-grid-custom-cell.js +2 -0
  174. package/bundle/wcs-grid-custom-cell.js.map +1 -0
  175. package/bundle/wcs-grid-pagination.d.ts +11 -0
  176. package/bundle/wcs-grid-pagination.js +2 -0
  177. package/bundle/wcs-grid-pagination.js.map +1 -0
  178. package/bundle/wcs-grid.d.ts +11 -0
  179. package/bundle/wcs-grid.js +2 -0
  180. package/bundle/wcs-grid.js.map +1 -0
  181. package/bundle/wcs-header.d.ts +11 -0
  182. package/bundle/wcs-header.js +2 -0
  183. package/bundle/wcs-header.js.map +1 -0
  184. package/bundle/wcs-hint.d.ts +11 -0
  185. package/bundle/wcs-hint.js +2 -0
  186. package/bundle/wcs-hint.js.map +1 -0
  187. package/bundle/wcs-horizontal-stepper.d.ts +11 -0
  188. package/bundle/wcs-horizontal-stepper.js +2 -0
  189. package/bundle/wcs-horizontal-stepper.js.map +1 -0
  190. package/bundle/wcs-icon.d.ts +11 -0
  191. package/bundle/wcs-icon.js +2 -0
  192. package/bundle/wcs-icon.js.map +1 -0
  193. package/bundle/wcs-input.d.ts +11 -0
  194. package/bundle/wcs-input.js +2 -0
  195. package/bundle/wcs-input.js.map +1 -0
  196. package/bundle/wcs-label.d.ts +11 -0
  197. package/bundle/wcs-label.js +2 -0
  198. package/bundle/wcs-label.js.map +1 -0
  199. package/bundle/wcs-list-item-properties.d.ts +11 -0
  200. package/bundle/wcs-list-item-properties.js +2 -0
  201. package/bundle/wcs-list-item-properties.js.map +1 -0
  202. package/bundle/wcs-list-item-property.d.ts +11 -0
  203. package/bundle/wcs-list-item-property.js +2 -0
  204. package/bundle/wcs-list-item-property.js.map +1 -0
  205. package/bundle/wcs-list-item.d.ts +11 -0
  206. package/bundle/wcs-list-item.js +2 -0
  207. package/bundle/wcs-list-item.js.map +1 -0
  208. package/bundle/wcs-mat-icon.d.ts +11 -0
  209. package/bundle/wcs-mat-icon.js +2 -0
  210. package/bundle/wcs-mat-icon.js.map +1 -0
  211. package/bundle/wcs-modal.d.ts +11 -0
  212. package/bundle/wcs-modal.js +2 -0
  213. package/bundle/wcs-modal.js.map +1 -0
  214. package/bundle/wcs-native-select.d.ts +11 -0
  215. package/bundle/wcs-native-select.js +2 -0
  216. package/bundle/wcs-native-select.js.map +1 -0
  217. package/bundle/wcs-nav-item.d.ts +11 -0
  218. package/bundle/wcs-nav-item.js +2 -0
  219. package/bundle/wcs-nav-item.js.map +1 -0
  220. package/bundle/wcs-nav.d.ts +11 -0
  221. package/bundle/wcs-nav.js +2 -0
  222. package/bundle/wcs-nav.js.map +1 -0
  223. package/bundle/wcs-progress-bar.d.ts +11 -0
  224. package/bundle/wcs-progress-bar.js +2 -0
  225. package/bundle/wcs-progress-bar.js.map +1 -0
  226. package/bundle/wcs-progress-radial.d.ts +11 -0
  227. package/bundle/wcs-progress-radial.js +2 -0
  228. package/bundle/wcs-progress-radial.js.map +1 -0
  229. package/bundle/wcs-radio-group.d.ts +11 -0
  230. package/bundle/wcs-radio-group.js +2 -0
  231. package/bundle/wcs-radio-group.js.map +1 -0
  232. package/bundle/wcs-radio.d.ts +11 -0
  233. package/bundle/wcs-radio.js +2 -0
  234. package/bundle/wcs-radio.js.map +1 -0
  235. package/bundle/wcs-select-option.d.ts +11 -0
  236. package/bundle/wcs-select-option.js +2 -0
  237. package/bundle/wcs-select-option.js.map +1 -0
  238. package/bundle/wcs-select.d.ts +11 -0
  239. package/bundle/wcs-select.js +2 -0
  240. package/bundle/wcs-select.js.map +1 -0
  241. package/bundle/wcs-skeleton-circle.d.ts +11 -0
  242. package/bundle/wcs-skeleton-circle.js +2 -0
  243. package/bundle/wcs-skeleton-circle.js.map +1 -0
  244. package/bundle/wcs-skeleton-rectangle.d.ts +11 -0
  245. package/bundle/wcs-skeleton-rectangle.js +2 -0
  246. package/bundle/wcs-skeleton-rectangle.js.map +1 -0
  247. package/bundle/wcs-skeleton-text.d.ts +11 -0
  248. package/bundle/wcs-skeleton-text.js +2 -0
  249. package/bundle/wcs-skeleton-text.js.map +1 -0
  250. package/bundle/wcs-spinner.d.ts +11 -0
  251. package/bundle/wcs-spinner.js +2 -0
  252. package/bundle/wcs-spinner.js.map +1 -0
  253. package/bundle/wcs-switch.d.ts +11 -0
  254. package/bundle/wcs-switch.js +2 -0
  255. package/bundle/wcs-switch.js.map +1 -0
  256. package/bundle/wcs-tab.d.ts +11 -0
  257. package/bundle/wcs-tab.js +2 -0
  258. package/bundle/wcs-tab.js.map +1 -0
  259. package/bundle/wcs-tabs.d.ts +11 -0
  260. package/bundle/wcs-tabs.js +2 -0
  261. package/bundle/wcs-tabs.js.map +1 -0
  262. package/bundle/wcs-textarea.d.ts +11 -0
  263. package/bundle/wcs-textarea.js +2 -0
  264. package/bundle/wcs-textarea.js.map +1 -0
  265. package/bundle/wcs-tooltip.d.ts +11 -0
  266. package/bundle/wcs-tooltip.js +7 -0
  267. package/bundle/wcs-tooltip.js.map +1 -0
  268. package/composite-elements/index.d.ts +33 -0
  269. package/composite-elements/index.js +2 -0
  270. package/composite-elements/index.js.map +1 -0
  271. package/composite-elements/p-04663560.js +2 -0
  272. package/composite-elements/p-04663560.js.map +1 -0
  273. package/composite-elements/p-0c306f8c.js +2 -0
  274. package/composite-elements/p-0c306f8c.js.map +1 -0
  275. package/composite-elements/p-2454bcae.js +2 -0
  276. package/composite-elements/p-2454bcae.js.map +1 -0
  277. package/composite-elements/p-2bef72c7.js +2 -0
  278. package/composite-elements/p-2bef72c7.js.map +1 -0
  279. package/composite-elements/p-35d7af48.js +2 -0
  280. package/composite-elements/p-35d7af48.js.map +1 -0
  281. package/composite-elements/p-3abf8a42.js +2 -0
  282. package/composite-elements/p-3abf8a42.js.map +1 -0
  283. package/composite-elements/p-46f752d5.js +2 -0
  284. package/composite-elements/p-46f752d5.js.map +1 -0
  285. package/composite-elements/p-55668982.js +2 -0
  286. package/composite-elements/p-55668982.js.map +1 -0
  287. package/composite-elements/p-5a3d7fec.js +2 -0
  288. package/composite-elements/p-5a3d7fec.js.map +1 -0
  289. package/composite-elements/p-6dd2b564.js +156 -0
  290. package/composite-elements/p-6dd2b564.js.map +1 -0
  291. package/composite-elements/p-a0f32ead.js +2 -0
  292. package/composite-elements/p-a0f32ead.js.map +1 -0
  293. package/composite-elements/p-a14aec19.js +2 -0
  294. package/composite-elements/p-a14aec19.js.map +1 -0
  295. package/composite-elements/p-a7468a3a.js +2 -0
  296. package/composite-elements/p-a7468a3a.js.map +1 -0
  297. package/composite-elements/p-a90bb01e.js +2 -0
  298. package/composite-elements/p-a90bb01e.js.map +1 -0
  299. package/composite-elements/p-af24fb0d.js +16 -0
  300. package/composite-elements/p-af24fb0d.js.map +1 -0
  301. package/composite-elements/p-b83afff9.js +2 -0
  302. package/composite-elements/p-b83afff9.js.map +1 -0
  303. package/composite-elements/p-b92e818b.js +2 -0
  304. package/composite-elements/p-b92e818b.js.map +1 -0
  305. package/composite-elements/p-d3404c52.js +2 -0
  306. package/composite-elements/p-d3404c52.js.map +1 -0
  307. package/composite-elements/p-e1fb3625.js +2 -0
  308. package/composite-elements/p-e1fb3625.js.map +1 -0
  309. package/composite-elements/p-e803bb26.js +2 -0
  310. package/composite-elements/p-e803bb26.js.map +1 -0
  311. package/composite-elements/p-ef26b4d8.js +2 -0
  312. package/composite-elements/p-ef26b4d8.js.map +1 -0
  313. package/composite-elements/p-fb2751c2.js +2 -0
  314. package/composite-elements/p-fb2751c2.js.map +1 -0
  315. package/composite-elements/p-fe1f9cc5.js +2 -0
  316. package/composite-elements/p-fe1f9cc5.js.map +1 -0
  317. package/composite-elements/package.json +12 -0
  318. package/composite-elements/wcs-accordion-content.d.ts +11 -0
  319. package/composite-elements/wcs-accordion-content.js +2 -0
  320. package/composite-elements/wcs-accordion-content.js.map +1 -0
  321. package/composite-elements/wcs-accordion-header.d.ts +11 -0
  322. package/composite-elements/wcs-accordion-header.js +2 -0
  323. package/composite-elements/wcs-accordion-header.js.map +1 -0
  324. package/composite-elements/wcs-accordion-panel.d.ts +11 -0
  325. package/composite-elements/wcs-accordion-panel.js +2 -0
  326. package/composite-elements/wcs-accordion-panel.js.map +1 -0
  327. package/composite-elements/wcs-accordion.d.ts +11 -0
  328. package/composite-elements/wcs-accordion.js +2 -0
  329. package/composite-elements/wcs-accordion.js.map +1 -0
  330. package/composite-elements/wcs-action-bar.d.ts +11 -0
  331. package/composite-elements/wcs-action-bar.js +2 -0
  332. package/composite-elements/wcs-action-bar.js.map +1 -0
  333. package/composite-elements/wcs-alert-drawer.d.ts +11 -0
  334. package/composite-elements/wcs-alert-drawer.js +2 -0
  335. package/composite-elements/wcs-alert-drawer.js.map +1 -0
  336. package/composite-elements/wcs-alert.d.ts +11 -0
  337. package/composite-elements/wcs-alert.js +2 -0
  338. package/composite-elements/wcs-alert.js.map +1 -0
  339. package/composite-elements/wcs-app.d.ts +11 -0
  340. package/composite-elements/wcs-app.js +2 -0
  341. package/composite-elements/wcs-app.js.map +1 -0
  342. package/composite-elements/wcs-badge.d.ts +11 -0
  343. package/composite-elements/wcs-badge.js +2 -0
  344. package/composite-elements/wcs-badge.js.map +1 -0
  345. package/composite-elements/wcs-breadcrumb-item.d.ts +11 -0
  346. package/composite-elements/wcs-breadcrumb-item.js +2 -0
  347. package/composite-elements/wcs-breadcrumb-item.js.map +1 -0
  348. package/composite-elements/wcs-breadcrumb.d.ts +11 -0
  349. package/composite-elements/wcs-breadcrumb.js +2 -0
  350. package/composite-elements/wcs-breadcrumb.js.map +1 -0
  351. package/composite-elements/wcs-button.d.ts +11 -0
  352. package/composite-elements/wcs-button.js +2 -0
  353. package/composite-elements/wcs-button.js.map +1 -0
  354. package/composite-elements/wcs-card-body.d.ts +11 -0
  355. package/composite-elements/wcs-card-body.js +2 -0
  356. package/composite-elements/wcs-card-body.js.map +1 -0
  357. package/composite-elements/wcs-card-content.d.ts +11 -0
  358. package/composite-elements/wcs-card-content.js +2 -0
  359. package/composite-elements/wcs-card-content.js.map +1 -0
  360. package/composite-elements/wcs-card-footer.d.ts +11 -0
  361. package/composite-elements/wcs-card-footer.js +2 -0
  362. package/composite-elements/wcs-card-footer.js.map +1 -0
  363. package/composite-elements/wcs-card-header.d.ts +11 -0
  364. package/composite-elements/wcs-card-header.js +2 -0
  365. package/composite-elements/wcs-card-header.js.map +1 -0
  366. package/composite-elements/wcs-card-media.d.ts +11 -0
  367. package/composite-elements/wcs-card-media.js +2 -0
  368. package/composite-elements/wcs-card-media.js.map +1 -0
  369. package/composite-elements/wcs-card.d.ts +11 -0
  370. package/composite-elements/wcs-card.js +2 -0
  371. package/composite-elements/wcs-card.js.map +1 -0
  372. package/composite-elements/wcs-checkbox.d.ts +11 -0
  373. package/composite-elements/wcs-checkbox.js +2 -0
  374. package/composite-elements/wcs-checkbox.js.map +1 -0
  375. package/composite-elements/wcs-chip.d.ts +11 -0
  376. package/composite-elements/wcs-chip.js +2 -0
  377. package/composite-elements/wcs-chip.js.map +1 -0
  378. package/composite-elements/wcs-com-nav-category.d.ts +11 -0
  379. package/composite-elements/wcs-com-nav-category.js +2 -0
  380. package/composite-elements/wcs-com-nav-category.js.map +1 -0
  381. package/composite-elements/wcs-com-nav-item.d.ts +11 -0
  382. package/composite-elements/wcs-com-nav-item.js +2 -0
  383. package/composite-elements/wcs-com-nav-item.js.map +1 -0
  384. package/composite-elements/wcs-com-nav-submenu.d.ts +11 -0
  385. package/composite-elements/wcs-com-nav-submenu.js +2 -0
  386. package/composite-elements/wcs-com-nav-submenu.js.map +1 -0
  387. package/composite-elements/wcs-com-nav.d.ts +11 -0
  388. package/composite-elements/wcs-com-nav.js +2 -0
  389. package/composite-elements/wcs-com-nav.js.map +1 -0
  390. package/composite-elements/wcs-counter.d.ts +11 -0
  391. package/composite-elements/wcs-counter.js +2 -0
  392. package/composite-elements/wcs-counter.js.map +1 -0
  393. package/composite-elements/wcs-divider.d.ts +11 -0
  394. package/composite-elements/wcs-divider.js +2 -0
  395. package/composite-elements/wcs-divider.js.map +1 -0
  396. package/composite-elements/wcs-dropdown-divider.d.ts +11 -0
  397. package/composite-elements/wcs-dropdown-divider.js +2 -0
  398. package/composite-elements/wcs-dropdown-divider.js.map +1 -0
  399. package/composite-elements/wcs-dropdown-header.d.ts +11 -0
  400. package/composite-elements/wcs-dropdown-header.js +2 -0
  401. package/composite-elements/wcs-dropdown-header.js.map +1 -0
  402. package/composite-elements/wcs-dropdown-item.d.ts +11 -0
  403. package/composite-elements/wcs-dropdown-item.js +2 -0
  404. package/composite-elements/wcs-dropdown-item.js.map +1 -0
  405. package/composite-elements/wcs-dropdown.d.ts +11 -0
  406. package/composite-elements/wcs-dropdown.js +2 -0
  407. package/composite-elements/wcs-dropdown.js.map +1 -0
  408. package/composite-elements/wcs-editable-field.d.ts +11 -0
  409. package/composite-elements/wcs-editable-field.js +2 -0
  410. package/composite-elements/wcs-editable-field.js.map +1 -0
  411. package/composite-elements/wcs-error.d.ts +11 -0
  412. package/composite-elements/wcs-error.js +2 -0
  413. package/composite-elements/wcs-error.js.map +1 -0
  414. package/composite-elements/wcs-field-content.d.ts +11 -0
  415. package/composite-elements/wcs-field-content.js +2 -0
  416. package/composite-elements/wcs-field-content.js.map +1 -0
  417. package/composite-elements/wcs-field-label.d.ts +11 -0
  418. package/composite-elements/wcs-field-label.js +2 -0
  419. package/composite-elements/wcs-field-label.js.map +1 -0
  420. package/composite-elements/wcs-field.d.ts +11 -0
  421. package/composite-elements/wcs-field.js +2 -0
  422. package/composite-elements/wcs-field.js.map +1 -0
  423. package/composite-elements/wcs-footer.d.ts +11 -0
  424. package/composite-elements/wcs-footer.js +2 -0
  425. package/composite-elements/wcs-footer.js.map +1 -0
  426. package/composite-elements/wcs-form-field.d.ts +11 -0
  427. package/composite-elements/wcs-form-field.js +2 -0
  428. package/composite-elements/wcs-form-field.js.map +1 -0
  429. package/composite-elements/wcs-galactic-menu.d.ts +11 -0
  430. package/composite-elements/wcs-galactic-menu.js +2 -0
  431. package/composite-elements/wcs-galactic-menu.js.map +1 -0
  432. package/composite-elements/wcs-galactic.d.ts +11 -0
  433. package/composite-elements/wcs-galactic.js +2 -0
  434. package/composite-elements/wcs-galactic.js.map +1 -0
  435. package/composite-elements/wcs-grid-column.d.ts +11 -0
  436. package/composite-elements/wcs-grid-column.js +2 -0
  437. package/composite-elements/wcs-grid-column.js.map +1 -0
  438. package/composite-elements/wcs-grid-custom-cell.d.ts +11 -0
  439. package/composite-elements/wcs-grid-custom-cell.js +2 -0
  440. package/composite-elements/wcs-grid-custom-cell.js.map +1 -0
  441. package/composite-elements/wcs-grid-pagination.d.ts +11 -0
  442. package/composite-elements/wcs-grid-pagination.js +2 -0
  443. package/composite-elements/wcs-grid-pagination.js.map +1 -0
  444. package/composite-elements/wcs-grid.d.ts +11 -0
  445. package/composite-elements/wcs-grid.js +2 -0
  446. package/composite-elements/wcs-grid.js.map +1 -0
  447. package/composite-elements/wcs-header.d.ts +11 -0
  448. package/composite-elements/wcs-header.js +2 -0
  449. package/composite-elements/wcs-header.js.map +1 -0
  450. package/composite-elements/wcs-hint.d.ts +11 -0
  451. package/composite-elements/wcs-hint.js +2 -0
  452. package/composite-elements/wcs-hint.js.map +1 -0
  453. package/composite-elements/wcs-horizontal-stepper.d.ts +11 -0
  454. package/composite-elements/wcs-horizontal-stepper.js +2 -0
  455. package/composite-elements/wcs-horizontal-stepper.js.map +1 -0
  456. package/composite-elements/wcs-icon.d.ts +11 -0
  457. package/composite-elements/wcs-icon.js +2 -0
  458. package/composite-elements/wcs-icon.js.map +1 -0
  459. package/composite-elements/wcs-input.d.ts +11 -0
  460. package/composite-elements/wcs-input.js +2 -0
  461. package/composite-elements/wcs-input.js.map +1 -0
  462. package/composite-elements/wcs-label.d.ts +11 -0
  463. package/composite-elements/wcs-label.js +2 -0
  464. package/composite-elements/wcs-label.js.map +1 -0
  465. package/composite-elements/wcs-list-item-properties.d.ts +11 -0
  466. package/composite-elements/wcs-list-item-properties.js +2 -0
  467. package/composite-elements/wcs-list-item-properties.js.map +1 -0
  468. package/composite-elements/wcs-list-item-property.d.ts +11 -0
  469. package/composite-elements/wcs-list-item-property.js +2 -0
  470. package/composite-elements/wcs-list-item-property.js.map +1 -0
  471. package/composite-elements/wcs-list-item.d.ts +11 -0
  472. package/composite-elements/wcs-list-item.js +2 -0
  473. package/composite-elements/wcs-list-item.js.map +1 -0
  474. package/composite-elements/wcs-mat-icon.d.ts +11 -0
  475. package/composite-elements/wcs-mat-icon.js +2 -0
  476. package/composite-elements/wcs-mat-icon.js.map +1 -0
  477. package/composite-elements/wcs-modal.d.ts +11 -0
  478. package/composite-elements/wcs-modal.js +2 -0
  479. package/composite-elements/wcs-modal.js.map +1 -0
  480. package/composite-elements/wcs-native-select.d.ts +11 -0
  481. package/composite-elements/wcs-native-select.js +2 -0
  482. package/composite-elements/wcs-native-select.js.map +1 -0
  483. package/composite-elements/wcs-nav-item.d.ts +11 -0
  484. package/composite-elements/wcs-nav-item.js +2 -0
  485. package/composite-elements/wcs-nav-item.js.map +1 -0
  486. package/composite-elements/wcs-nav.d.ts +11 -0
  487. package/composite-elements/wcs-nav.js +2 -0
  488. package/composite-elements/wcs-nav.js.map +1 -0
  489. package/composite-elements/wcs-progress-bar.d.ts +11 -0
  490. package/composite-elements/wcs-progress-bar.js +2 -0
  491. package/composite-elements/wcs-progress-bar.js.map +1 -0
  492. package/composite-elements/wcs-progress-radial.d.ts +11 -0
  493. package/composite-elements/wcs-progress-radial.js +2 -0
  494. package/composite-elements/wcs-progress-radial.js.map +1 -0
  495. package/composite-elements/wcs-radio-group.d.ts +11 -0
  496. package/composite-elements/wcs-radio-group.js +2 -0
  497. package/composite-elements/wcs-radio-group.js.map +1 -0
  498. package/composite-elements/wcs-radio.d.ts +11 -0
  499. package/composite-elements/wcs-radio.js +2 -0
  500. package/composite-elements/wcs-radio.js.map +1 -0
  501. package/composite-elements/wcs-select-option.d.ts +11 -0
  502. package/composite-elements/wcs-select-option.js +2 -0
  503. package/composite-elements/wcs-select-option.js.map +1 -0
  504. package/composite-elements/wcs-select.d.ts +11 -0
  505. package/composite-elements/wcs-select.js +2 -0
  506. package/composite-elements/wcs-select.js.map +1 -0
  507. package/composite-elements/wcs-skeleton-circle.d.ts +11 -0
  508. package/composite-elements/wcs-skeleton-circle.js +2 -0
  509. package/composite-elements/wcs-skeleton-circle.js.map +1 -0
  510. package/composite-elements/wcs-skeleton-rectangle.d.ts +11 -0
  511. package/composite-elements/wcs-skeleton-rectangle.js +2 -0
  512. package/composite-elements/wcs-skeleton-rectangle.js.map +1 -0
  513. package/composite-elements/wcs-skeleton-text.d.ts +11 -0
  514. package/composite-elements/wcs-skeleton-text.js +2 -0
  515. package/composite-elements/wcs-skeleton-text.js.map +1 -0
  516. package/composite-elements/wcs-spinner.d.ts +11 -0
  517. package/composite-elements/wcs-spinner.js +2 -0
  518. package/composite-elements/wcs-spinner.js.map +1 -0
  519. package/composite-elements/wcs-switch.d.ts +11 -0
  520. package/composite-elements/wcs-switch.js +2 -0
  521. package/composite-elements/wcs-switch.js.map +1 -0
  522. package/composite-elements/wcs-tab.d.ts +11 -0
  523. package/composite-elements/wcs-tab.js +2 -0
  524. package/composite-elements/wcs-tab.js.map +1 -0
  525. package/composite-elements/wcs-tabs.d.ts +11 -0
  526. package/composite-elements/wcs-tabs.js +2 -0
  527. package/composite-elements/wcs-tabs.js.map +1 -0
  528. package/composite-elements/wcs-textarea.d.ts +11 -0
  529. package/composite-elements/wcs-textarea.js +2 -0
  530. package/composite-elements/wcs-textarea.js.map +1 -0
  531. package/composite-elements/wcs-tooltip.d.ts +11 -0
  532. package/composite-elements/wcs-tooltip.js +7 -0
  533. package/composite-elements/wcs-tooltip.js.map +1 -0
  534. package/design-tokens/dist/sncf-groupe-root-scoped.css +227 -227
  535. package/design-tokens/dist/sncf-groupe.css +227 -227
  536. package/design-tokens/dist/sncf-holding-root-scoped.css +227 -227
  537. package/design-tokens/dist/sncf-holding.css +227 -227
  538. package/design-tokens/dist/sncf-reseau-root-scoped.css +227 -227
  539. package/design-tokens/dist/sncf-reseau.css +227 -227
  540. package/design-tokens/dist/sncf-voyageurs-root-scoped.css +242 -242
  541. package/design-tokens/dist/sncf-voyageurs.css +242 -242
  542. package/dist/cjs/{popper-8d6e7fca.js → popper-1b61df21.js} +10 -17
  543. package/dist/cjs/popper-1b61df21.js.map +1 -0
  544. package/dist/cjs/wcs-accordion-panel.cjs.entry.js +2 -1
  545. package/dist/cjs/wcs-accordion-panel.cjs.entry.js.map +1 -1
  546. package/dist/cjs/wcs-accordion.cjs.entry.js +5 -1
  547. package/dist/cjs/wcs-accordion.cjs.entry.js.map +1 -1
  548. package/dist/cjs/wcs-breadcrumb.cjs.entry.js +1 -1
  549. package/dist/cjs/wcs-breadcrumb.cjs.entry.js.map +1 -1
  550. package/dist/cjs/wcs-com-nav-item.cjs.entry.js +1 -1
  551. package/dist/cjs/wcs-com-nav-item.cjs.entry.js.map +1 -1
  552. package/dist/cjs/wcs-com-nav.cjs.entry.js +3 -3
  553. package/dist/cjs/wcs-com-nav.cjs.entry.js.map +1 -1
  554. package/dist/cjs/wcs-dropdown.cjs.entry.js +1 -1
  555. package/dist/cjs/wcs-error_3.cjs.entry.js +1 -1
  556. package/dist/cjs/wcs-error_3.cjs.entry.js.map +1 -1
  557. package/dist/cjs/wcs-galactic-menu.cjs.entry.js +1 -1
  558. package/dist/cjs/wcs-grid.cjs.entry.js +5 -4
  559. package/dist/cjs/wcs-grid.cjs.entry.js.map +1 -1
  560. package/dist/cjs/wcs-horizontal-stepper.cjs.entry.js +3 -2
  561. package/dist/cjs/wcs-horizontal-stepper.cjs.entry.js.map +1 -1
  562. package/dist/cjs/wcs-modal.cjs.entry.js +2 -2
  563. package/dist/cjs/wcs-modal.cjs.entry.js.map +1 -1
  564. package/dist/cjs/wcs-select_2.cjs.entry.js +59 -24
  565. package/dist/cjs/wcs-select_2.cjs.entry.js.map +1 -1
  566. package/dist/cjs/wcs-tabs.cjs.entry.js +1 -1
  567. package/dist/cjs/wcs-tooltip.cjs.entry.js +1 -1
  568. package/dist/collection/components/accordion/accordion.e2e.playwright.js +245 -0
  569. package/dist/collection/components/accordion/accordion.e2e.playwright.js.map +1 -0
  570. package/dist/collection/components/accordion/accordion.js +5 -1
  571. package/dist/collection/components/accordion/accordion.js.map +1 -1
  572. package/dist/collection/components/accordion-panel/accordion-panel.js +3 -2
  573. package/dist/collection/components/accordion-panel/accordion-panel.js.map +1 -1
  574. package/dist/collection/components/alert/alert.e2e.playwright.js +125 -0
  575. package/dist/collection/components/alert/alert.e2e.playwright.js.map +1 -0
  576. package/dist/collection/components/alert-drawer/alert-drawer.e2e.playwright.js +107 -0
  577. package/dist/collection/components/alert-drawer/alert-drawer.e2e.playwright.js.map +1 -0
  578. package/dist/collection/components/breadcrumb/breadcrumb.e2e.playwright.js +188 -0
  579. package/dist/collection/components/breadcrumb/breadcrumb.e2e.playwright.js.map +1 -0
  580. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  581. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
  582. package/dist/collection/components/button/button.e2e.playwright.js +26 -0
  583. package/dist/collection/components/button/button.e2e.playwright.js.map +1 -0
  584. package/dist/collection/components/button/button.js +1 -1
  585. package/dist/collection/components/checkbox/checkbox.e2e.playwright.js +39 -0
  586. package/dist/collection/components/checkbox/checkbox.e2e.playwright.js.map +1 -0
  587. package/dist/collection/components/checkbox/checkbox.js +1 -1
  588. package/dist/collection/components/chip/chip.e2e.playwright.js +190 -0
  589. package/dist/collection/components/chip/chip.e2e.playwright.js.map +1 -0
  590. package/dist/collection/components/com-nav/com-nav.css +15 -0
  591. package/dist/collection/components/com-nav/{com-nav.e2e.js → com-nav.e2e.playwright.js} +60 -44
  592. package/dist/collection/components/com-nav/com-nav.e2e.playwright.js.map +1 -0
  593. package/dist/collection/components/com-nav/com-nav.js +3 -3
  594. package/dist/collection/components/com-nav/com-nav.js.map +1 -1
  595. package/dist/collection/components/com-nav-category/com-nav-category.js +1 -1
  596. package/dist/collection/components/com-nav-item/com-nav-item.css +2 -2
  597. package/dist/collection/components/com-nav-submenu/com-nav-submenu.js +1 -1
  598. package/dist/collection/components/counter/counter.e2e.playwright.js +187 -0
  599. package/dist/collection/components/counter/counter.e2e.playwright.js.map +1 -0
  600. package/dist/collection/components/counter/counter.js +1 -1
  601. package/dist/collection/components/dropdown/dropdown.e2e.playwright.js +320 -0
  602. package/dist/collection/components/dropdown/dropdown.e2e.playwright.js.map +1 -0
  603. package/dist/collection/components/dropdown/dropdown.js +1 -1
  604. package/dist/collection/components/editable-field/editable-field.e2e.playwright.js +156 -0
  605. package/dist/collection/components/editable-field/editable-field.e2e.playwright.js.map +1 -0
  606. package/dist/collection/components/form-field/form-field.e2e.playwright.js +104 -0
  607. package/dist/collection/components/form-field/form-field.e2e.playwright.js.map +1 -0
  608. package/dist/collection/components/galactic-menu/galactic-menu.js +1 -1
  609. package/dist/collection/components/grid/grid.e2e.playwright.js +153 -0
  610. package/dist/collection/components/grid/grid.e2e.playwright.js.map +1 -0
  611. package/dist/collection/components/grid/grid.js +6 -5
  612. package/dist/collection/components/grid/grid.js.map +1 -1
  613. package/dist/collection/components/grid-column/grid-column.js +1 -1
  614. package/dist/collection/components/grid-pagination/grid-pagination.js +1 -1
  615. package/dist/collection/components/header/header.js +1 -1
  616. package/dist/collection/components/horizontal-stepper/horizontal-step.js +2 -1
  617. package/dist/collection/components/horizontal-stepper/horizontal-step.js.map +1 -1
  618. package/dist/collection/components/horizontal-stepper/horizontal-stepper-interface.js.map +1 -1
  619. package/dist/collection/components/horizontal-stepper/horizontal-stepper.js +5 -1
  620. package/dist/collection/components/horizontal-stepper/horizontal-stepper.js.map +1 -1
  621. package/dist/collection/components/icon/icon.js +1 -1
  622. package/dist/collection/components/input/input.e2e.playwright.js +157 -0
  623. package/dist/collection/components/input/input.e2e.playwright.js.map +1 -0
  624. package/dist/collection/components/input/input.js +2 -2
  625. package/dist/collection/components/label/label.css +4 -6
  626. package/dist/collection/components/label/label.js +1 -1
  627. package/dist/collection/components/mat-icon/mat-icon.js +1 -1
  628. package/dist/collection/components/modal/modal.css +4 -0
  629. package/dist/collection/components/modal/modal.e2e.playwright.js +35 -0
  630. package/dist/collection/components/modal/modal.e2e.playwright.js.map +1 -0
  631. package/dist/collection/components/modal/modal.js +2 -2
  632. package/dist/collection/components/modal/modal.js.map +1 -1
  633. package/dist/collection/components/native-select/native-select.js +1 -1
  634. package/dist/collection/components/nav/nav.js +1 -1
  635. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  636. package/dist/collection/components/progress-radial/progress-radial.js +1 -1
  637. package/dist/collection/components/radio/radio.js +1 -1
  638. package/dist/collection/components/radio-group/radio-group.e2e.playwright.js +231 -0
  639. package/dist/collection/components/radio-group/radio-group.e2e.playwright.js.map +1 -0
  640. package/dist/collection/components/radio-group/radio-group.js +1 -1
  641. package/dist/collection/components/select/select.e2e.playwright.js +1702 -0
  642. package/dist/collection/components/select/select.e2e.playwright.js.map +1 -0
  643. package/dist/collection/components/select/select.js +49 -20
  644. package/dist/collection/components/select/select.js.map +1 -1
  645. package/dist/collection/components/select-option/select-option.js +3 -3
  646. package/dist/collection/components/select-option/select-option.js.map +1 -1
  647. package/dist/collection/components/switch/switch.e2e.playwright.js +40 -0
  648. package/dist/collection/components/switch/switch.e2e.playwright.js.map +1 -0
  649. package/dist/collection/components/switch/switch.js +1 -1
  650. package/dist/collection/components/tabs/tabs.e2e.playwright.js +205 -0
  651. package/dist/collection/components/tabs/tabs.e2e.playwright.js.map +1 -0
  652. package/dist/collection/components/tabs/tabs.js +1 -1
  653. package/dist/collection/components/textarea/textarea.e2e.playwright.js +133 -0
  654. package/dist/collection/components/textarea/textarea.e2e.playwright.js.map +1 -0
  655. package/dist/collection/components/textarea/textarea.js +1 -1
  656. package/dist/collection/utils/playwright/test-expect.js +2 -0
  657. package/dist/collection/utils/playwright/test-expect.js.map +1 -0
  658. package/dist/collection/utils/playwright/test.js +16 -0
  659. package/dist/collection/utils/playwright/test.js.map +1 -0
  660. package/dist/esm/{popper-e491c314.js → popper-ac238961.js} +10 -17
  661. package/dist/esm/popper-ac238961.js.map +1 -0
  662. package/dist/esm/wcs-accordion-panel.entry.js +2 -1
  663. package/dist/esm/wcs-accordion-panel.entry.js.map +1 -1
  664. package/dist/esm/wcs-accordion.entry.js +5 -1
  665. package/dist/esm/wcs-accordion.entry.js.map +1 -1
  666. package/dist/esm/wcs-breadcrumb.entry.js +1 -1
  667. package/dist/esm/wcs-breadcrumb.entry.js.map +1 -1
  668. package/dist/esm/wcs-com-nav-item.entry.js +1 -1
  669. package/dist/esm/wcs-com-nav-item.entry.js.map +1 -1
  670. package/dist/esm/wcs-com-nav.entry.js +3 -3
  671. package/dist/esm/wcs-com-nav.entry.js.map +1 -1
  672. package/dist/esm/wcs-dropdown.entry.js +1 -1
  673. package/dist/esm/wcs-error_3.entry.js +1 -1
  674. package/dist/esm/wcs-error_3.entry.js.map +1 -1
  675. package/dist/esm/wcs-galactic-menu.entry.js +1 -1
  676. package/dist/esm/wcs-grid.entry.js +5 -4
  677. package/dist/esm/wcs-grid.entry.js.map +1 -1
  678. package/dist/esm/wcs-horizontal-stepper.entry.js +3 -2
  679. package/dist/esm/wcs-horizontal-stepper.entry.js.map +1 -1
  680. package/dist/esm/wcs-modal.entry.js +2 -2
  681. package/dist/esm/wcs-modal.entry.js.map +1 -1
  682. package/dist/esm/wcs-select_2.entry.js +59 -24
  683. package/dist/esm/wcs-select_2.entry.js.map +1 -1
  684. package/dist/esm/wcs-tabs.entry.js +1 -1
  685. package/dist/esm/wcs-tooltip.entry.js +1 -1
  686. package/dist/types/components/accordion/accordion.d.ts +1 -0
  687. package/dist/types/components/accordion/accordion.e2e.playwright.d.ts +1 -0
  688. package/dist/types/components/alert/alert.e2e.playwright.d.ts +1 -0
  689. package/dist/types/components/alert-drawer/alert-drawer.e2e.playwright.d.ts +1 -0
  690. package/dist/types/components/breadcrumb/breadcrumb.e2e.playwright.d.ts +1 -0
  691. package/dist/types/components/button/button.e2e.playwright.d.ts +1 -0
  692. package/dist/types/components/checkbox/checkbox.e2e.playwright.d.ts +1 -0
  693. package/dist/types/components/chip/chip.e2e.playwright.d.ts +1 -0
  694. package/dist/types/components/com-nav/com-nav.e2e.playwright.d.ts +1 -0
  695. package/dist/types/components/counter/counter.e2e.playwright.d.ts +1 -0
  696. package/dist/types/components/dropdown/dropdown.e2e.playwright.d.ts +1 -0
  697. package/dist/types/components/editable-field/editable-field.e2e.playwright.d.ts +1 -0
  698. package/dist/types/components/form-field/form-field.e2e.playwright.d.ts +1 -0
  699. package/dist/types/components/grid/grid.e2e.playwright.d.ts +1 -0
  700. package/dist/types/components/horizontal-stepper/horizontal-stepper-interface.d.ts +2 -0
  701. package/dist/types/components/horizontal-stepper/horizontal-stepper.d.ts +4 -0
  702. package/dist/types/components/input/input.e2e.playwright.d.ts +1 -0
  703. package/dist/types/components/modal/modal.e2e.playwright.d.ts +1 -0
  704. package/dist/types/components/radio-group/radio-group.e2e.playwright.d.ts +1 -0
  705. package/dist/types/components/select/select.d.ts +7 -1
  706. package/dist/types/components/select/select.e2e.playwright.d.ts +1 -0
  707. package/dist/types/components/switch/switch.e2e.playwright.d.ts +1 -0
  708. package/dist/types/components/tabs/tabs.e2e.playwright.d.ts +1 -0
  709. package/dist/types/components/textarea/textarea.e2e.playwright.d.ts +1 -0
  710. package/dist/types/components.d.ts +12 -0
  711. package/dist/types/utils/playwright/test-expect.d.ts +33 -0
  712. package/dist/types/utils/playwright/test.d.ts +7 -0
  713. package/dist/wcs/{p-8e9bd0f1.entry.js → p-0326f834.entry.js} +2 -2
  714. package/dist/wcs/{p-8e9bd0f1.entry.js.map → p-0326f834.entry.js.map} +1 -1
  715. package/dist/wcs/p-2221bf0c.entry.js +16 -0
  716. package/dist/wcs/p-2221bf0c.entry.js.map +1 -0
  717. package/dist/wcs/{p-f2eeb249.entry.js → p-2329af04.entry.js} +2 -2
  718. package/dist/wcs/{p-f2eeb249.entry.js.map → p-2329af04.entry.js.map} +1 -1
  719. package/dist/wcs/p-4ae08567.entry.js +2 -0
  720. package/dist/wcs/p-4ae08567.entry.js.map +1 -0
  721. package/dist/wcs/p-4e2d6227.entry.js +2 -0
  722. package/dist/wcs/p-4e2d6227.entry.js.map +1 -0
  723. package/dist/wcs/p-5d598d35.entry.js +2 -0
  724. package/dist/wcs/p-5d598d35.entry.js.map +1 -0
  725. package/dist/wcs/p-8332a7e3.entry.js +2 -0
  726. package/dist/wcs/p-8332a7e3.entry.js.map +1 -0
  727. package/dist/wcs/{p-ec383729.entry.js → p-9b76b8e6.entry.js} +2 -2
  728. package/dist/wcs/{p-ec383729.entry.js.map → p-9b76b8e6.entry.js.map} +1 -1
  729. package/dist/wcs/{p-1f593d06.entry.js → p-abd8d5a0.entry.js} +2 -2
  730. package/dist/wcs/{p-622f7403.entry.js → p-c6f8c45c.entry.js} +2 -2
  731. package/dist/wcs/{p-a94e685c.entry.js → p-db7ba599.entry.js} +2 -2
  732. package/dist/wcs/p-e1fb3625.js +2 -0
  733. package/dist/wcs/p-e1fb3625.js.map +1 -0
  734. package/dist/wcs/{p-a956dc84.entry.js → p-f2f7595e.entry.js} +2 -2
  735. package/dist/wcs/{p-a956dc84.entry.js.map → p-f2f7595e.entry.js.map} +1 -1
  736. package/dist/wcs/p-fbd68522.entry.js +2 -0
  737. package/dist/wcs/p-fbd68522.entry.js.map +1 -0
  738. package/dist/wcs/{p-8c2605fd.entry.js → p-fe303f58.entry.js} +2 -2
  739. package/dist/wcs/wcs.esm.js +1 -1
  740. package/package.json +18 -24
  741. package/dist/cjs/popper-8d6e7fca.js.map +0 -1
  742. package/dist/collection/components/accordion/accordion.e2e.js +0 -187
  743. package/dist/collection/components/accordion/accordion.e2e.js.map +0 -1
  744. package/dist/collection/components/alert/alert.e2e.js +0 -142
  745. package/dist/collection/components/alert/alert.e2e.js.map +0 -1
  746. package/dist/collection/components/alert-drawer/alert-drawer.e2e.js +0 -111
  747. package/dist/collection/components/alert-drawer/alert-drawer.e2e.js.map +0 -1
  748. package/dist/collection/components/breadcrumb/breadcrumb.e2e.js +0 -223
  749. package/dist/collection/components/breadcrumb/breadcrumb.e2e.js.map +0 -1
  750. package/dist/collection/components/button/button.e2e.js +0 -25
  751. package/dist/collection/components/button/button.e2e.js.map +0 -1
  752. package/dist/collection/components/checkbox/checkbox.e2e.js +0 -45
  753. package/dist/collection/components/checkbox/checkbox.e2e.js.map +0 -1
  754. package/dist/collection/components/chip/chip.e2e.js +0 -209
  755. package/dist/collection/components/chip/chip.e2e.js.map +0 -1
  756. package/dist/collection/components/com-nav/com-nav.e2e.js.map +0 -1
  757. package/dist/collection/components/counter/counter.e2e.js +0 -206
  758. package/dist/collection/components/counter/counter.e2e.js.map +0 -1
  759. package/dist/collection/components/dropdown/dropdown.e2e.js +0 -156
  760. package/dist/collection/components/dropdown/dropdown.e2e.js.map +0 -1
  761. package/dist/collection/components/editable-field/editable-field.e2e.js +0 -176
  762. package/dist/collection/components/editable-field/editable-field.e2e.js.map +0 -1
  763. package/dist/collection/components/form-field/form-field.e2e.js +0 -122
  764. package/dist/collection/components/form-field/form-field.e2e.js.map +0 -1
  765. package/dist/collection/components/grid/grid.e2e.js +0 -147
  766. package/dist/collection/components/grid/grid.e2e.js.map +0 -1
  767. package/dist/collection/components/input/input.e2e.js +0 -152
  768. package/dist/collection/components/input/input.e2e.js.map +0 -1
  769. package/dist/collection/components/modal/modal.e2e.js +0 -36
  770. package/dist/collection/components/modal/modal.e2e.js.map +0 -1
  771. package/dist/collection/components/radio-group/radio-group.e2e.js +0 -239
  772. package/dist/collection/components/radio-group/radio-group.e2e.js.map +0 -1
  773. package/dist/collection/components/select/select.e2e.js +0 -1081
  774. package/dist/collection/components/select/select.e2e.js.map +0 -1
  775. package/dist/collection/components/switch/switch.e2e.js +0 -45
  776. package/dist/collection/components/switch/switch.e2e.js.map +0 -1
  777. package/dist/collection/components/tabs/tabs.e2e.js +0 -207
  778. package/dist/collection/components/tabs/tabs.e2e.js.map +0 -1
  779. package/dist/collection/components/textarea/textarea.e2e.js +0 -132
  780. package/dist/collection/components/textarea/textarea.e2e.js.map +0 -1
  781. package/dist/collection/utils/tests.js +0 -23
  782. package/dist/collection/utils/tests.js.map +0 -1
  783. package/dist/esm/popper-e491c314.js.map +0 -1
  784. package/dist/types/utils/tests.d.ts +0 -4
  785. package/dist/wcs/p-0dd07842.entry.js +0 -2
  786. package/dist/wcs/p-0dd07842.entry.js.map +0 -1
  787. package/dist/wcs/p-0f864e86.js +0 -2
  788. package/dist/wcs/p-0f864e86.js.map +0 -1
  789. package/dist/wcs/p-1244daa0.entry.js +0 -2
  790. package/dist/wcs/p-1244daa0.entry.js.map +0 -1
  791. package/dist/wcs/p-1fbe0328.entry.js +0 -2
  792. package/dist/wcs/p-1fbe0328.entry.js.map +0 -1
  793. package/dist/wcs/p-828b45b4.entry.js +0 -2
  794. package/dist/wcs/p-828b45b4.entry.js.map +0 -1
  795. package/dist/wcs/p-b94a09b6.entry.js +0 -16
  796. package/dist/wcs/p-b94a09b6.entry.js.map +0 -1
  797. package/dist/wcs/p-fd187bce.entry.js +0 -2
  798. package/dist/wcs/p-fd187bce.entry.js.map +0 -1
  799. /package/dist/wcs/{p-1f593d06.entry.js.map → p-abd8d5a0.entry.js.map} +0 -0
  800. /package/dist/wcs/{p-622f7403.entry.js.map → p-c6f8c45c.entry.js.map} +0 -0
  801. /package/dist/wcs/{p-a94e685c.entry.js.map → p-db7ba599.entry.js.map} +0 -0
  802. /package/dist/wcs/{p-8c2605fd.entry.js.map → p-fe303f58.entry.js.map} +0 -0
package/design-tokens/dist/sncf-groupe.css CHANGED
@@ -151,14 +151,14 @@
151
151
  --wcs-primitive-color-neutral-800: #333333;
152
152
  --wcs-primitive-color-neutral-900: #121212;
153
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 */
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
162
  --wcs-primitive-font-size-250: 10px;
163
163
  --wcs-primitive-font-size-275: 11px;
164
164
  --wcs-primitive-font-size-300: 12px;
@@ -210,227 +210,227 @@
210
210
  --wcs-primitive-breakpoints-high-definition: 1280px;
211
211
  --wcs-primitive-breakpoints-widescreen: 1440px;
212
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) */
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) */
223
223
  --wcs-primitive-size-base: var(--wcs-primitive-size-80);
224
224
  --wcs-primitive-color-primary: var(--wcs-primitive-color-bleu-700);
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-100); /* 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-brand: var(--wcs-primitive-color-bleu-700); /* Brand border color */
237
- --wcs-semantic-color-border-primary: var(--wcs-primitive-color-neutral-600); /* Primary border color */
238
- --wcs-semantic-color-border-secondary: var(--wcs-primitive-color-neutral-300); /* Secondary border color */
239
- --wcs-semantic-color-border-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled border color */
240
- --wcs-semantic-color-border-selected: var(--wcs-primitive-color-bleu-700); /* Selected border color */
241
- --wcs-semantic-color-border-critical: var(--wcs-primitive-color-critical-500); /* Critical border color */
242
- --wcs-semantic-color-border-warning: var(--wcs-primitive-color-ambre-500); /* Warning border color */
243
- --wcs-semantic-color-border-information: var(--wcs-primitive-color-bleu-800); /* Information border color */
244
- --wcs-semantic-color-border-success: var(--wcs-primitive-color-vert-500); /* Success border color */
245
- --wcs-semantic-color-border-action-secondary-default: var(--wcs-primitive-color-bleu-700); /* Default border color for secondary elements like button, dropdown... */
246
- --wcs-semantic-color-border-action-secondary-hover: var(--wcs-primitive-color-bleu-800); /* Hover border color for secondary elements like button, dropdown... */
247
- --wcs-semantic-color-border-action-secondary-press: var(--wcs-primitive-color-bleu-900); /* Pressed border color for secondary elements like button, dropdown... */
248
- --wcs-semantic-color-border-action-secondary-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled border color for secondary elements like button, dropdown... */
249
- --wcs-semantic-color-border-focus-base: var(--wcs-primitive-color-bleu-800); /* Border color on focus for base elements like button, dropdown, counter, switch... */
250
- --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 */
251
- --wcs-semantic-color-border-focus-alt: var(--wcs-primitive-color-bleu-700); /* Alternative border color on focus for control elements like input, select, textarea... */
252
- --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 */
253
- --wcs-semantic-color-border-control-indicator-default: var(--wcs-primitive-color-neutral-600); /* Default border color of a form-field indicator: radio, checkbox */
254
- --wcs-semantic-color-border-control-indicator-selected: var(--wcs-primitive-color-bleu-700); /* Selected border color of a form-field indicator: radio, checkbox */
255
- --wcs-semantic-color-border-control-indicator-hover: var(--wcs-primitive-color-bleu-600); /* Hovered border color of a form-field indicator: radio, checkbox */
256
- --wcs-semantic-color-background-action-primary-default: var(--wcs-primitive-color-bleu-700); /* Default primary background for elements like button, dropdown... */
257
- --wcs-semantic-color-background-action-primary-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled primary background for element like a button, dropdown, switch... */
258
- --wcs-semantic-color-background-action-primary-hover: var(--wcs-primitive-color-bleu-800); /* Can be used by primary elements which must have a hover state (button, dropdown...) */
259
- --wcs-semantic-color-background-action-primary-press: var(--wcs-primitive-color-bleu-900); /* Can be used by primary elements which must have a press (CSS active) state (nav-item) */
260
- --wcs-semantic-color-background-action-primary-selected-default: var(--wcs-primitive-color-bleu-900); /* Can be used by primary elements which must have a selected state (nav-item) */
261
- --wcs-semantic-color-background-action-primary-selected-hover: var(--wcs-primitive-color-bleu-900); /* Can be used by primary elements which must have a hover state while selected (nav-item) */
262
- --wcs-semantic-color-background-action-primary-selected-press: var(--wcs-primitive-color-bleu-900); /* Can be used by primary elements which must have a hover state while pressed (nav-item) */
263
- --wcs-semantic-color-background-action-secondary-default: var(--wcs-primitive-color-transparent); /* Default secondary background for elements like button, dropdown... */
264
- --wcs-semantic-color-background-action-secondary-disabled: var(--wcs-primitive-color-transparent); /* Disabled secondary background for element like a button, dropdown, switch... */
265
- --wcs-semantic-color-background-action-secondary-selected-disabled: var(--wcs-primitive-color-neutral-0); /* Background of a disabled active secondary action (select option) */
266
- --wcs-semantic-color-background-action-secondary-focus: var(--wcs-primitive-color-transparent); /* Background of a focused secondary action (button, select option) */
267
- --wcs-semantic-color-background-action-tertiary-default: var(--wcs-primitive-color-transparent); /* Default tertiary background for elements like button, dropdown... */
268
- --wcs-semantic-color-background-action-tertiary-disabled: var(--wcs-primitive-color-transparent); /* Disabled tertiary background for element like a button, dropdown, switch... */
269
- --wcs-semantic-color-background-action-neutral-default: var(--wcs-primitive-color-transparent); /* Default neutral background for elements like dropdown menu item */
270
- --wcs-semantic-color-background-action-neutral-hover: var(--wcs-primitive-color-neutral-100); /* Hovered neutral background for element like dropdown menu item */
271
- --wcs-semantic-color-background-action-neutral-press: var(--wcs-primitive-color-neutral-300); /* Pressed neutral background for element like dropdown menu item */
272
- --wcs-semantic-color-background-action-neutral-disabled: var(--wcs-primitive-color-transparent); /* Disabled neutral background for element like dropdown menu item */
273
- --wcs-semantic-color-background-action-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
274
- --wcs-semantic-color-background-action-critical-hover: var(--wcs-primitive-color-critical-600); /* Hovered critical background color */
275
- --wcs-semantic-color-background-action-critical-press: var(--wcs-primitive-color-critical-700); /* Pressed critical background color */
276
- --wcs-semantic-color-background-action-critical-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
277
- --wcs-semantic-color-background-action-information-default: var(--wcs-primitive-color-bleu-600); /* Default information background color */
278
- --wcs-semantic-color-background-action-information-hover: var(--wcs-primitive-color-bleu-700); /* Hovered information background color */
279
- --wcs-semantic-color-background-action-information-press: var(--wcs-primitive-color-bleu-800); /* Pressed information background color */
280
- --wcs-semantic-color-background-action-information-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
281
- --wcs-semantic-color-background-action-success-default: var(--wcs-primitive-color-vert-500); /* Default success background color */
282
- --wcs-semantic-color-background-action-success-hover: var(--wcs-primitive-color-vert-600); /* Hovered success background color */
283
- --wcs-semantic-color-background-action-success-press: var(--wcs-primitive-color-vert-800); /* Pressed success background color */
284
- --wcs-semantic-color-background-action-success-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled success background color */
285
- --wcs-semantic-color-background-action-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
286
- --wcs-semantic-color-background-action-warning-hover: var(--wcs-primitive-color-ambre-600); /* Hovered warning background color */
287
- --wcs-semantic-color-background-action-warning-press: var(--wcs-primitive-color-ambre-700); /* Pressed warning background color */
288
- --wcs-semantic-color-background-action-warning-disabled: var(--wcs-primitive-color-neutral-200); /* Disabled warning background color */
289
- --wcs-semantic-color-background-control-default: var(--wcs-primitive-color-transparent); /* Default background of control like input, select, textarea... */
290
- --wcs-semantic-color-background-control-disabled: var(--wcs-primitive-color-transparent); /* Disabled background of control like input, select, textarea... */
291
- --wcs-semantic-color-background-control-indicator-selected: var(--wcs-primitive-color-bleu-700); /* Selected background color of a form-field indicator: radio, checkbox */
292
- --wcs-semantic-color-background-control-indicator-hover: var(--wcs-primitive-color-bleu-800); /* Hovered background color of a form-field indicator: radio, checkbox */
293
- --wcs-semantic-color-background-control-indicator-disabled: var(--wcs-primitive-color-neutral-300); /* Disabled background color of a form-field indicator: radio, checkbox */
294
- --wcs-semantic-color-background-surface-brand: var(--wcs-primitive-color-bleu-700); /* Brand background color for surface */
295
- --wcs-semantic-color-background-surface-body: var(--wcs-primitive-color-neutral-0); /* Body background color */
296
- --wcs-semantic-color-background-surface-primary: var(--wcs-primitive-color-neutral-0); /* Background of a surface like a card, modal, overlay of a select... */
297
- --wcs-semantic-color-background-surface-secondary: var(--wcs-primitive-color-neutral-100); /* Background of a secondary surface like a switch, counter... */
298
- --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) */
299
- --wcs-semantic-color-background-surface-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse background for contrast (mostly black) */
300
- --wcs-semantic-color-background-surface-critical-default: var(--wcs-primitive-color-critical-500); /* Default critical background color */
301
- --wcs-semantic-color-background-surface-critical-light: var(--wcs-primitive-color-critical-300); /* Light critical background color */
302
- --wcs-semantic-color-background-surface-critical-lighter: var(--wcs-primitive-color-critical-200); /* Lighter critical background color */
303
- --wcs-semantic-color-background-surface-critical-lightest: var(--wcs-primitive-color-critical-100); /* Lightest critical background color */
304
- --wcs-semantic-color-background-surface-information-default: var(--wcs-primitive-color-bleu-700); /* Default information background color */
305
- --wcs-semantic-color-background-surface-information-light: var(--wcs-primitive-color-bleu-300); /* Light information background color */
306
- --wcs-semantic-color-background-surface-information-lighter: var(--wcs-primitive-color-bleu-200); /* Lighter information background color */
307
- --wcs-semantic-color-background-surface-information-lightest: var(--wcs-primitive-color-bleu-100); /* Lightest information background color */
308
- --wcs-semantic-color-background-surface-success-default: var(--wcs-primitive-color-vert-600); /* Default success background color */
309
- --wcs-semantic-color-background-surface-success-light: var(--wcs-primitive-color-vert-300); /* Light success background color */
310
- --wcs-semantic-color-background-surface-success-lighter: var(--wcs-primitive-color-vert-200); /* Lighter success background color */
311
- --wcs-semantic-color-background-surface-success-lightest: var(--wcs-primitive-color-vert-100); /* Lightest success background color */
312
- --wcs-semantic-color-background-surface-warning-default: var(--wcs-primitive-color-ambre-500); /* Default warning background color */
313
- --wcs-semantic-color-background-surface-warning-light: var(--wcs-primitive-color-ambre-300); /* Light warning background color */
314
- --wcs-semantic-color-background-surface-warning-lighter: var(--wcs-primitive-color-ambre-200); /* Lighter warning background color */
315
- --wcs-semantic-color-background-surface-warning-lightest: var(--wcs-primitive-color-ambre-100); /* Lightest warning background color */
316
- --wcs-semantic-color-background-surface-accent-light: var(--wcs-primitive-color-bleu-300); /* Light accent background color, used by nav-item indicator and grid rows */
317
- --wcs-semantic-color-background-surface-accent-lighter: var(--wcs-primitive-color-bleu-200); /* Lighter accent background color, used by grid rows and segmented-button background (radio options) */
318
- --wcs-semantic-color-background-surface-accent-lightest: var(--wcs-primitive-color-bleu-100); /* Lightest accent background color, used by segmented-button background (radio options) */
319
- --wcs-semantic-color-background-surface-accent-dark: var(--wcs-primitive-color-bleu-600); /* Dark accent background color */
320
- --wcs-semantic-color-background-surface-accent-darker: var(--wcs-primitive-color-bleu-700); /* Darker accent background color */
321
- --wcs-semantic-color-background-surface-accent-darkest: var(--wcs-primitive-color-bleu-800); /* Darkest accent background color */
322
- --wcs-semantic-color-background-backdrop: var(--wcs-primitive-color-backdrop); /* The layer behind a surface (modal) */
323
- --wcs-semantic-color-foreground-brand: var(--wcs-primitive-color-bleu-700); /* Brand foreground color */
324
- --wcs-semantic-color-foreground-primary: var(--wcs-primitive-color-neutral-0); /* Primary foreground color */
325
- --wcs-semantic-color-foreground-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled foreground color */
326
- --wcs-semantic-color-foreground-critical: var(--wcs-primitive-color-critical-500); /* Critical foreground color */
327
- --wcs-semantic-color-foreground-warning: var(--wcs-primitive-color-ambre-700); /* Warning foreground color */
328
- --wcs-semantic-color-foreground-information: var(--wcs-primitive-color-bleu-800); /* Information foreground color */
329
- --wcs-semantic-color-foreground-success: var(--wcs-primitive-color-vert-500); /* Success foreground color */
330
- --wcs-semantic-color-foreground-on-accent: var(--wcs-primitive-color-bleu-700); /* Foreground color on top of an accent background */
331
- --wcs-semantic-color-foreground-inverse: var(--wcs-primitive-color-neutral-800); /* Inverse foreground for contrast (mostly black) */
332
- --wcs-semantic-color-foreground-action-secondary-default: var(--wcs-primitive-color-bleu-700); /* The layer on top of a secondary background */
333
- --wcs-semantic-color-foreground-action-secondary-hover: var(--wcs-primitive-color-bleu-800); /* The layer on top of a secondary background when hovered */
334
- --wcs-semantic-color-foreground-action-secondary-press: var(--wcs-primitive-color-bleu-900); /* The layer on top of a secondary background when pressed */
335
- --wcs-semantic-color-foreground-action-tertiary-default: var(--wcs-primitive-color-bleu-700); /* The layer on top of a tertiary background */
336
- --wcs-semantic-color-foreground-action-tertiary-hover: var(--wcs-primitive-color-bleu-800); /* The layer on top of a tertiary background when hovered */
337
- --wcs-semantic-color-foreground-action-tertiary-press: var(--wcs-primitive-color-bleu-900); /* The layer on top of a tertiary background when pressed */
338
- --wcs-semantic-color-foreground-action-critical-default: var(--wcs-primitive-color-neutral-0); /* Default critical foreground color */
339
- --wcs-semantic-color-foreground-action-critical-hover: var(--wcs-primitive-color-neutral-0); /* Hovered critical foreground color */
340
- --wcs-semantic-color-foreground-action-critical-press: var(--wcs-primitive-color-neutral-0); /* Pressed critical foreground color */
341
- --wcs-semantic-color-foreground-action-information-default: var(--wcs-primitive-color-neutral-0); /* Default information foreground color */
342
- --wcs-semantic-color-foreground-action-information-hover: var(--wcs-primitive-color-neutral-0); /* Hovered information foreground color */
343
- --wcs-semantic-color-foreground-action-information-press: var(--wcs-primitive-color-neutral-0); /* Pressed information foreground color */
344
- --wcs-semantic-color-foreground-action-success-default: var(--wcs-primitive-color-neutral-0); /* Default success foreground color */
345
- --wcs-semantic-color-foreground-action-success-hover: var(--wcs-primitive-color-neutral-0); /* Hovered success foreground color */
346
- --wcs-semantic-color-foreground-action-success-press: var(--wcs-primitive-color-neutral-0); /* Pressed success foreground color */
347
- --wcs-semantic-color-foreground-action-warning-default: var(--wcs-primitive-color-neutral-0); /* Default warning foreground color */
348
- --wcs-semantic-color-foreground-action-warning-hover: var(--wcs-primitive-color-neutral-0); /* Hovered warning foreground color */
349
- --wcs-semantic-color-foreground-action-warning-press: var(--wcs-primitive-color-neutral-0); /* Pressed warning foreground color */
350
- --wcs-semantic-color-foreground-control-indicator-selected: var(--wcs-primitive-color-neutral-0); /* Selected foreground color of a form-field indicator: radio, checkbox */
351
- --wcs-semantic-color-foreground-control-indicator-hover: var(--wcs-primitive-color-neutral-0); /* Hovered foreground color of a form-field indicator: radio, checkbox */
352
- --wcs-semantic-color-foreground-control-indicator-disabled: var(--wcs-primitive-color-neutral-0); /* Disabled foreground color of a form-field indicator: radio, checkbox */
353
- --wcs-semantic-color-text-primary: var(--wcs-primitive-color-neutral-800); /* Primary color for text like heading, label */
354
- --wcs-semantic-color-text-secondary: var(--wcs-primitive-color-neutral-700); /* Secondary color for text like paragraph */
355
- --wcs-semantic-color-text-tertiary: var(--wcs-primitive-color-neutral-600); /* Tertiary color for text like placeholder */
356
- --wcs-semantic-color-text-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled color for text */
357
- --wcs-semantic-color-text-critical: var(--wcs-primitive-color-critical-500); /* Main color to indicate an error state */
358
- --wcs-semantic-color-text-link-default: var(--wcs-primitive-color-bleu-700); /* Default text color for link */
359
- --wcs-semantic-color-text-link-hover: var(--wcs-primitive-color-bleu-800); /* Hovered text color for link */
360
- --wcs-semantic-color-text-link-visited: var(--wcs-primitive-color-bleu-700); /* Visited text color for link */
361
- --wcs-semantic-color-text-link-disabled: var(--wcs-primitive-color-neutral-400); /* Disabled text color for link */
362
- --wcs-semantic-color-text-link-inverse: var(--wcs-primitive-color-neutral-0); /* Inverse text color for link */
363
- --wcs-semantic-color-ripple-action-primary: var(--wcs-primitive-color-neutral-0); /* Ripple applied to an primary action background (on a button, dropdown...) */
364
- --wcs-semantic-color-ripple-action-secondary: var(--wcs-primitive-color-bleu-700); /* Ripple applied to an secondary action background (on a button, dropdown...) */
365
- --wcs-semantic-color-ripple-action-tertiary: var(--wcs-primitive-color-bleu-700); /* Ripple applied to an secondary action background (on a button, dropdown...) */
366
- --wcs-semantic-color-ripple-control: var(--wcs-primitive-color-bleu-700); /* Ripple applied to an control (select) */
367
- --wcs-semantic-font-size-heading-1: var(--wcs-primitive-font-size-1050); /* Level 1 title heading */
368
- --wcs-semantic-font-size-heading-2: var(--wcs-primitive-font-size-900); /* Level 2 title heading */
369
- --wcs-semantic-font-size-heading-3: var(--wcs-primitive-font-size-750); /* Level 3 title heading */
370
- --wcs-semantic-font-size-heading-4: var(--wcs-primitive-font-size-600); /* Level 4 title heading */
371
- --wcs-semantic-font-size-heading-5: var(--wcs-primitive-font-size-500); /* Level 5 title heading */
372
- --wcs-semantic-font-size-heading-6: var(--wcs-primitive-font-size-450); /* Level 6 title heading */
373
- --wcs-semantic-font-size-body-1: var(--wcs-primitive-font-size-500); /* Body text for introduction or catchphrases */
374
- --wcs-semantic-font-size-body-2: var(--wcs-primitive-font-size-450); /* Body text only for news, blog for a more comfortable reading */
375
- --wcs-semantic-font-size-body-3: var(--wcs-primitive-font-size-400); /* Default body text for common paragraphs */
376
- --wcs-semantic-font-size-label-1: var(--wcs-primitive-font-size-400); /* Text used for buttons, links or other standard-sized actions */
377
- --wcs-semantic-font-size-label-2: var(--wcs-primitive-font-size-350); /* Text used for buttons, links or other smaller-sized actions */
378
- --wcs-semantic-font-size-label-3: var(--wcs-primitive-font-size-300); /* Text used for buttons, links or other even-smaller-sized actions */
379
- --wcs-semantic-font-size-caption-1: var(--wcs-primitive-font-size-400); /* Use for minor mentions, captions or other information */
380
- --wcs-semantic-font-size-caption-2: var(--wcs-primitive-font-size-350); /* Use for even-minor mentions, captions or other information */
381
- --wcs-semantic-font-size-caption-3: var(--wcs-primitive-font-size-300); /* Use for even-more-minor mentions, captions or other information */
382
- --wcs-semantic-font-line-height-base: var(--wcs-primitive-font-line-height-100); /* Base line-height */
383
- --wcs-semantic-font-line-height-medium: var(--wcs-primitive-font-line-height-120); /* Higher line-height */
384
- --wcs-semantic-font-line-height-large: var(--wcs-primitive-font-line-height-140); /* Highest line-height */
385
- --wcs-semantic-font-weight-black: var(--wcs-primitive-font-weight-900); /* Avenir Black font weight */
386
- --wcs-semantic-font-weight-heavy: var(--wcs-primitive-font-weight-800); /* Avenir Heavy font weight */
387
- --wcs-semantic-font-weight-medium: var(--wcs-primitive-font-weight-500); /* Avenir Medium font weight */
388
- --wcs-semantic-font-weight-roman: var(--wcs-primitive-font-weight-400); /* Avenir Roman font weight */
389
- --wcs-semantic-font-weight-book: var(--wcs-primitive-font-weight-300); /* Avenir Book font weight */
390
- --wcs-semantic-font-weight-light: var(--wcs-primitive-font-weight-100); /* Avenir Light font weight */
391
- --wcs-semantic-spacing-small: var(--wcs-primitive-size-40); /* Small spacing */
392
- --wcs-semantic-spacing-large: var(--wcs-primitive-size-160); /* Large spacing */
393
- --wcs-semantic-spacing-base-025: var(--wcs-primitive-spacing-2); /* Base spacing x0.25 */
394
- --wcs-semantic-spacing-base-05: var(--wcs-primitive-spacing-4); /* Base spacing x0.5 */
395
- --wcs-semantic-spacing-base-150: var(--wcs-primitive-spacing-12); /* Base spacing x1.5 */
396
- --wcs-semantic-spacing-base-200: var(--wcs-primitive-spacing-16); /* Base spacing x2 */
397
- --wcs-semantic-spacing-base-250: var(--wcs-primitive-spacing-20); /* Base spacing x2.5 */
398
- --wcs-semantic-spacing-base-300: var(--wcs-primitive-spacing-24); /* Base spacing x3 */
399
- --wcs-semantic-spacing-base-400: var(--wcs-primitive-spacing-32); /* Base spacing x4 */
400
- --wcs-semantic-spacing-base-500: var(--wcs-primitive-spacing-40); /* Base spacing x5 */
401
- --wcs-semantic-spacing-base-600: var(--wcs-primitive-spacing-48); /* Base spacing x6 */
402
- --wcs-semantic-spacing-base-700: var(--wcs-primitive-spacing-56); /* Base spacing x7 */
403
- --wcs-semantic-spacing-base-800: var(--wcs-primitive-spacing-64); /* Base spacing x8 */
404
- --wcs-semantic-spacing-base-900: var(--wcs-primitive-spacing-72); /* Base spacing x9 */
405
- --wcs-semantic-spacing-base-1000: var(--wcs-primitive-spacing-80); /* Base spacing x10 */
406
- --wcs-semantic-spacing-base-1100: var(--wcs-primitive-spacing-88); /* Base spacing x11 */
407
- --wcs-semantic-spacing-base-1200: var(--wcs-primitive-spacing-96); /* Base spacing x12 */
408
- --wcs-semantic-motion-duration-feedback-fast: var(--wcs-primitive-duration-50); /* Motion duration for faster feedbacks */
409
- --wcs-semantic-motion-duration-feedback-base: var(--wcs-primitive-duration-150); /* Motion duration for feedbacks like transitions for moving arrows, transitioning backgrounds */
410
- --wcs-semantic-motion-duration-feedback-slow: var(--wcs-primitive-duration-200); /* Motion duration for slow feedbacks */
411
- --wcs-semantic-motion-duration-feedback-slower: var(--wcs-primitive-duration-350); /* Motion duration for slower feedbacks */
412
- --wcs-semantic-motion-duration-animation-fast: var(--wcs-primitive-duration-1000); /* Motion duration for fast animations like spinner growing mode */
413
- --wcs-semantic-motion-duration-animation-base: var(--wcs-primitive-duration-1500); /* Motion duration for long animations like spinner, skeleton */
414
- --wcs-semantic-motion-duration-animation-slow: var(--wcs-primitive-duration-2000); /* Motion duration for slow animations */
415
- --wcs-semantic-color-border-control-focus: var(--wcs-semantic-color-border-focus-alt); /* Focus border color for control elements like input, select, textarea... */
416
- --wcs-semantic-color-border-control-indicator-disabled: var(--wcs-semantic-color-border-disabled); /* Disabled border color of a form-field indicator: radio, checkbox */
417
- --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...) */
418
- --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...) */
419
- --wcs-semantic-color-background-action-secondary-selected-default: var(--wcs-semantic-color-background-surface-accent-lightest); /* Background of an active secondary action (select option) */
420
- --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) */
421
- --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) */
422
- --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...) */
423
- --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...) */
424
- --wcs-semantic-color-background-control-readonly: var(--wcs-semantic-color-background-surface-secondary); /* Readonly background of control like input, select, textarea... */
425
- --wcs-semantic-color-background-control-indicator-default: var(--wcs-semantic-color-background-surface-secondary); /* Default background color of a form-field indicator: radio, checkbox */
426
- --wcs-semantic-color-foreground-action-primary-default: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background */
427
- --wcs-semantic-color-foreground-action-primary-hover: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when hovered */
428
- --wcs-semantic-color-foreground-action-primary-press: var(--wcs-semantic-color-foreground-primary); /* The layer on top of a primary background when pressed */
429
- --wcs-semantic-color-foreground-action-neutral-default: var(--wcs-semantic-color-text-primary); /* Default neutral foreground for elements like dropdown menu item */
430
- --wcs-semantic-color-foreground-action-neutral-hover: var(--wcs-semantic-color-text-primary); /* Hovered neutral foreground for element like dropdown menu item */
431
- --wcs-semantic-color-foreground-action-neutral-press: var(--wcs-semantic-color-text-primary); /* Pressed neutral foreground for element like dropdown menu item */
432
- --wcs-semantic-color-text-link-neutral: var(--wcs-semantic-color-text-primary); /* Active text color for link */
433
- --wcs-semantic-spacing-base: var(--wcs-semantic-size-base); /* Base spacing, can be used for calculation */
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-100); /** 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-brand: var(--wcs-primitive-color-bleu-700); /** Brand border color */
237
+ --wcs-semantic-color-border-primary: var(--wcs-primitive-color-neutral-600); /** Primary border color */
238
+ --wcs-semantic-color-border-secondary: var(--wcs-primitive-color-neutral-300); /** Secondary border color */
239
+ --wcs-semantic-color-border-disabled: var(--wcs-primitive-color-neutral-400); /** Disabled border color */
240
+ --wcs-semantic-color-border-selected: var(--wcs-primitive-color-bleu-700); /** Selected border color */
241
+ --wcs-semantic-color-border-critical: var(--wcs-primitive-color-critical-500); /** Critical border color */
242
+ --wcs-semantic-color-border-warning: var(--wcs-primitive-color-ambre-500); /** Warning border color */
243
+ --wcs-semantic-color-border-information: var(--wcs-primitive-color-bleu-800); /** Information border color */
244
+ --wcs-semantic-color-border-success: var(--wcs-primitive-color-vert-500); /** Success border color */
245
+ --wcs-semantic-color-border-action-secondary-default: var(--wcs-primitive-color-bleu-700); /** Default border color for secondary elements like button, dropdown... */
246
+ --wcs-semantic-color-border-action-secondary-hover: var(--wcs-primitive-color-bleu-800); /** Hover border color for secondary elements like button, dropdown... */
247
+ --wcs-semantic-color-border-action-secondary-press: var(--wcs-primitive-color-bleu-900); /** Pressed border color for secondary elements like button, dropdown... */
248
+ --wcs-semantic-color-border-action-secondary-disabled: var(--wcs-primitive-color-neutral-300); /** Disabled border color for secondary elements like button, dropdown... */
249
+ --wcs-semantic-color-border-focus-base: var(--wcs-primitive-color-bleu-800); /** Border color on focus for base elements like button, dropdown, counter, switch... */
250
+ --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 */
251
+ --wcs-semantic-color-border-focus-alt: var(--wcs-primitive-color-bleu-700); /** Alternative border color on focus for control elements like input, select, textarea... */
252
+ --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 */
253
+ --wcs-semantic-color-border-control-indicator-default: var(--wcs-primitive-color-neutral-600); /** Default border color of a form-field indicator: radio, checkbox */
254
+ --wcs-semantic-color-border-control-indicator-selected: var(--wcs-primitive-color-bleu-700); /** Selected border color of a form-field indicator: radio, checkbox */
255
+ --wcs-semantic-color-border-control-indicator-hover: var(--wcs-primitive-color-bleu-600); /** Hovered border color of a form-field indicator: radio, checkbox */
256
+ --wcs-semantic-color-background-action-primary-default: var(--wcs-primitive-color-bleu-700); /** Default primary background for elements like button, dropdown... */
257
+ --wcs-semantic-color-background-action-primary-disabled: var(--wcs-primitive-color-neutral-200); /** Disabled primary background for element like a button, dropdown, switch... */
258
+ --wcs-semantic-color-background-action-primary-hover: var(--wcs-primitive-color-bleu-800); /** Can be used by primary elements which must have a hover state (button, dropdown...) */
259
+ --wcs-semantic-color-background-action-primary-press: var(--wcs-primitive-color-bleu-900); /** Can be used by primary elements which must have a press (CSS active) state (nav-item) */
260
+ --wcs-semantic-color-background-action-primary-selected-default: var(--wcs-primitive-color-bleu-900); /** Can be used by primary elements which must have a selected state (nav-item) */
261
+ --wcs-semantic-color-background-action-primary-selected-hover: var(--wcs-primitive-color-bleu-900); /** Can be used by primary elements which must have a hover state while selected (nav-item) */
262
+ --wcs-semantic-color-background-action-primary-selected-press: var(--wcs-primitive-color-bleu-900); /** Can be used by primary elements which must have a hover state while pressed (nav-item) */
263
+ --wcs-semantic-color-background-action-secondary-default: var(--wcs-primitive-color-transparent); /** Default secondary background for elements like button, dropdown... */
264
+ --wcs-semantic-color-background-action-secondary-disabled: var(--wcs-primitive-color-transparent); /** Disabled secondary background for element like a button, dropdown, switch... */
265
+ --wcs-semantic-color-background-action-secondary-selected-disabled: var(--wcs-primitive-color-neutral-0); /** Background of a disabled active secondary action (select option) */
266
+ --wcs-semantic-color-background-action-secondary-focus: var(--wcs-primitive-color-transparent); /** Background of a focused secondary action (button, select option) */
267
+ --wcs-semantic-color-background-action-tertiary-default: var(--wcs-primitive-color-transparent); /** Default tertiary background for elements like button, dropdown... */
268
+ --wcs-semantic-color-background-action-tertiary-disabled: var(--wcs-primitive-color-transparent); /** Disabled tertiary background for element like a button, dropdown, switch... */
269
+ --wcs-semantic-color-background-action-neutral-default: var(--wcs-primitive-color-transparent); /** Default neutral background for elements like dropdown menu item */
270
+ --wcs-semantic-color-background-action-neutral-hover: var(--wcs-primitive-color-neutral-100); /** Hovered neutral background for element like dropdown menu item */
271
+ --wcs-semantic-color-background-action-neutral-press: var(--wcs-primitive-color-neutral-300); /** Pressed neutral background for element like dropdown menu item */
272
+ --wcs-semantic-color-background-action-neutral-disabled: var(--wcs-primitive-color-transparent); /** Disabled neutral background for element like dropdown menu item */
273
+ --wcs-semantic-color-background-action-critical-default: var(--wcs-primitive-color-critical-500); /** Default critical background color */
274
+ --wcs-semantic-color-background-action-critical-hover: var(--wcs-primitive-color-critical-600); /** Hovered critical background color */
275
+ --wcs-semantic-color-background-action-critical-press: var(--wcs-primitive-color-critical-700); /** Pressed critical background color */
276
+ --wcs-semantic-color-background-action-critical-disabled: var(--wcs-primitive-color-neutral-200); /** Disabled success background color */
277
+ --wcs-semantic-color-background-action-information-default: var(--wcs-primitive-color-bleu-600); /** Default information background color */
278
+ --wcs-semantic-color-background-action-information-hover: var(--wcs-primitive-color-bleu-700); /** Hovered information background color */
279
+ --wcs-semantic-color-background-action-information-press: var(--wcs-primitive-color-bleu-800); /** Pressed information background color */
280
+ --wcs-semantic-color-background-action-information-disabled: var(--wcs-primitive-color-neutral-200); /** Disabled success background color */
281
+ --wcs-semantic-color-background-action-success-default: var(--wcs-primitive-color-vert-500); /** Default success background color */
282
+ --wcs-semantic-color-background-action-success-hover: var(--wcs-primitive-color-vert-600); /** Hovered success background color */
283
+ --wcs-semantic-color-background-action-success-press: var(--wcs-primitive-color-vert-800); /** Pressed success background color */
284
+ --wcs-semantic-color-background-action-success-disabled: var(--wcs-primitive-color-neutral-200); /** Disabled success background color */
285
+ --wcs-semantic-color-background-action-warning-default: var(--wcs-primitive-color-ambre-500); /** Default warning background color */
286
+ --wcs-semantic-color-background-action-warning-hover: var(--wcs-primitive-color-ambre-600); /** Hovered warning background color */
287
+ --wcs-semantic-color-background-action-warning-press: var(--wcs-primitive-color-ambre-700); /** Pressed warning background color */
288
+ --wcs-semantic-color-background-action-warning-disabled: var(--wcs-primitive-color-neutral-200); /** Disabled warning background color */
289
+ --wcs-semantic-color-background-control-default: var(--wcs-primitive-color-transparent); /** Default background of control like input, select, textarea... */
290
+ --wcs-semantic-color-background-control-disabled: var(--wcs-primitive-color-transparent); /** Disabled background of control like input, select, textarea... */
291
+ --wcs-semantic-color-background-control-indicator-selected: var(--wcs-primitive-color-bleu-700); /** Selected background color of a form-field indicator: radio, checkbox */
292
+ --wcs-semantic-color-background-control-indicator-hover: var(--wcs-primitive-color-bleu-800); /** Hovered background color of a form-field indicator: radio, checkbox */
293
+ --wcs-semantic-color-background-control-indicator-disabled: var(--wcs-primitive-color-neutral-300); /** Disabled background color of a form-field indicator: radio, checkbox */
294
+ --wcs-semantic-color-background-surface-brand: var(--wcs-primitive-color-bleu-700); /** Brand background color for surface */
295
+ --wcs-semantic-color-background-surface-body: var(--wcs-primitive-color-neutral-0); /** Body background color */
296
+ --wcs-semantic-color-background-surface-primary: var(--wcs-primitive-color-neutral-0); /** Background of a surface like a card, modal, overlay of a select... */
297
+ --wcs-semantic-color-background-surface-secondary: var(--wcs-primitive-color-neutral-100); /** Background of a secondary surface like a switch, counter... */
298
+ --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) */
299
+ --wcs-semantic-color-background-surface-inverse: var(--wcs-primitive-color-neutral-800); /** Inverse background for contrast (mostly black) */
300
+ --wcs-semantic-color-background-surface-critical-default: var(--wcs-primitive-color-critical-500); /** Default critical background color */
301
+ --wcs-semantic-color-background-surface-critical-light: var(--wcs-primitive-color-critical-300); /** Light critical background color */
302
+ --wcs-semantic-color-background-surface-critical-lighter: var(--wcs-primitive-color-critical-200); /** Lighter critical background color */
303
+ --wcs-semantic-color-background-surface-critical-lightest: var(--wcs-primitive-color-critical-100); /** Lightest critical background color */
304
+ --wcs-semantic-color-background-surface-information-default: var(--wcs-primitive-color-bleu-700); /** Default information background color */
305
+ --wcs-semantic-color-background-surface-information-light: var(--wcs-primitive-color-bleu-300); /** Light information background color */
306
+ --wcs-semantic-color-background-surface-information-lighter: var(--wcs-primitive-color-bleu-200); /** Lighter information background color */
307
+ --wcs-semantic-color-background-surface-information-lightest: var(--wcs-primitive-color-bleu-100); /** Lightest information background color */
308
+ --wcs-semantic-color-background-surface-success-default: var(--wcs-primitive-color-vert-600); /** Default success background color */
309
+ --wcs-semantic-color-background-surface-success-light: var(--wcs-primitive-color-vert-300); /** Light success background color */
310
+ --wcs-semantic-color-background-surface-success-lighter: var(--wcs-primitive-color-vert-200); /** Lighter success background color */
311
+ --wcs-semantic-color-background-surface-success-lightest: var(--wcs-primitive-color-vert-100); /** Lightest success background color */
312
+ --wcs-semantic-color-background-surface-warning-default: var(--wcs-primitive-color-ambre-500); /** Default warning background color */
313
+ --wcs-semantic-color-background-surface-warning-light: var(--wcs-primitive-color-ambre-300); /** Light warning background color */
314
+ --wcs-semantic-color-background-surface-warning-lighter: var(--wcs-primitive-color-ambre-200); /** Lighter warning background color */
315
+ --wcs-semantic-color-background-surface-warning-lightest: var(--wcs-primitive-color-ambre-100); /** Lightest warning background color */
316
+ --wcs-semantic-color-background-surface-accent-light: var(--wcs-primitive-color-bleu-300); /** Light accent background color, used by nav-item indicator and grid rows */
317
+ --wcs-semantic-color-background-surface-accent-lighter: var(--wcs-primitive-color-bleu-200); /** Lighter accent background color, used by grid rows and segmented-button background (radio options) */
318
+ --wcs-semantic-color-background-surface-accent-lightest: var(--wcs-primitive-color-bleu-100); /** Lightest accent background color, used by segmented-button background (radio options) */
319
+ --wcs-semantic-color-background-surface-accent-dark: var(--wcs-primitive-color-bleu-600); /** Dark accent background color */
320
+ --wcs-semantic-color-background-surface-accent-darker: var(--wcs-primitive-color-bleu-700); /** Darker accent background color */
321
+ --wcs-semantic-color-background-surface-accent-darkest: var(--wcs-primitive-color-bleu-800); /** Darkest accent background color */
322
+ --wcs-semantic-color-background-backdrop: var(--wcs-primitive-color-backdrop); /** The layer behind a surface (modal) */
323
+ --wcs-semantic-color-foreground-brand: var(--wcs-primitive-color-bleu-700); /** Brand foreground color */
324
+ --wcs-semantic-color-foreground-primary: var(--wcs-primitive-color-neutral-0); /** Primary foreground color */
325
+ --wcs-semantic-color-foreground-disabled: var(--wcs-primitive-color-neutral-400); /** Disabled foreground color */
326
+ --wcs-semantic-color-foreground-critical: var(--wcs-primitive-color-critical-500); /** Critical foreground color */
327
+ --wcs-semantic-color-foreground-warning: var(--wcs-primitive-color-ambre-700); /** Warning foreground color */
328
+ --wcs-semantic-color-foreground-information: var(--wcs-primitive-color-bleu-800); /** Information foreground color */
329
+ --wcs-semantic-color-foreground-success: var(--wcs-primitive-color-vert-500); /** Success foreground color */
330
+ --wcs-semantic-color-foreground-on-accent: var(--wcs-primitive-color-bleu-700); /** Foreground color on top of an accent background */
331
+ --wcs-semantic-color-foreground-inverse: var(--wcs-primitive-color-neutral-800); /** Inverse foreground for contrast (mostly black) */
332
+ --wcs-semantic-color-foreground-action-secondary-default: var(--wcs-primitive-color-bleu-700); /** The layer on top of a secondary background */
333
+ --wcs-semantic-color-foreground-action-secondary-hover: var(--wcs-primitive-color-bleu-800); /** The layer on top of a secondary background when hovered */
334
+ --wcs-semantic-color-foreground-action-secondary-press: var(--wcs-primitive-color-bleu-900); /** The layer on top of a secondary background when pressed */
335
+ --wcs-semantic-color-foreground-action-tertiary-default: var(--wcs-primitive-color-bleu-700); /** The layer on top of a tertiary background */
336
+ --wcs-semantic-color-foreground-action-tertiary-hover: var(--wcs-primitive-color-bleu-800); /** The layer on top of a tertiary background when hovered */
337
+ --wcs-semantic-color-foreground-action-tertiary-press: var(--wcs-primitive-color-bleu-900); /** The layer on top of a tertiary background when pressed */
338
+ --wcs-semantic-color-foreground-action-critical-default: var(--wcs-primitive-color-neutral-0); /** Default critical foreground color */
339
+ --wcs-semantic-color-foreground-action-critical-hover: var(--wcs-primitive-color-neutral-0); /** Hovered critical foreground color */
340
+ --wcs-semantic-color-foreground-action-critical-press: var(--wcs-primitive-color-neutral-0); /** Pressed critical foreground color */
341
+ --wcs-semantic-color-foreground-action-information-default: var(--wcs-primitive-color-neutral-0); /** Default information foreground color */
342
+ --wcs-semantic-color-foreground-action-information-hover: var(--wcs-primitive-color-neutral-0); /** Hovered information foreground color */
343
+ --wcs-semantic-color-foreground-action-information-press: var(--wcs-primitive-color-neutral-0); /** Pressed information foreground color */
344
+ --wcs-semantic-color-foreground-action-success-default: var(--wcs-primitive-color-neutral-0); /** Default success foreground color */
345
+ --wcs-semantic-color-foreground-action-success-hover: var(--wcs-primitive-color-neutral-0); /** Hovered success foreground color */
346
+ --wcs-semantic-color-foreground-action-success-press: var(--wcs-primitive-color-neutral-0); /** Pressed success foreground color */
347
+ --wcs-semantic-color-foreground-action-warning-default: var(--wcs-primitive-color-neutral-0); /** Default warning foreground color */
348
+ --wcs-semantic-color-foreground-action-warning-hover: var(--wcs-primitive-color-neutral-0); /** Hovered warning foreground color */
349
+ --wcs-semantic-color-foreground-action-warning-press: var(--wcs-primitive-color-neutral-0); /** Pressed warning foreground color */
350
+ --wcs-semantic-color-foreground-control-indicator-selected: var(--wcs-primitive-color-neutral-0); /** Selected foreground color of a form-field indicator: radio, checkbox */
351
+ --wcs-semantic-color-foreground-control-indicator-hover: var(--wcs-primitive-color-neutral-0); /** Hovered foreground color of a form-field indicator: radio, checkbox */
352
+ --wcs-semantic-color-foreground-control-indicator-disabled: var(--wcs-primitive-color-neutral-0); /** Disabled foreground color of a form-field indicator: radio, checkbox */
353
+ --wcs-semantic-color-text-primary: var(--wcs-primitive-color-neutral-800); /** Primary color for text like heading, label */
354
+ --wcs-semantic-color-text-secondary: var(--wcs-primitive-color-neutral-700); /** Secondary color for text like paragraph */
355
+ --wcs-semantic-color-text-tertiary: var(--wcs-primitive-color-neutral-600); /** Tertiary color for text like placeholder */
356
+ --wcs-semantic-color-text-disabled: var(--wcs-primitive-color-neutral-400); /** Disabled color for text */
357
+ --wcs-semantic-color-text-critical: var(--wcs-primitive-color-critical-500); /** Main color to indicate an error state */
358
+ --wcs-semantic-color-text-link-default: var(--wcs-primitive-color-bleu-700); /** Default text color for link */
359
+ --wcs-semantic-color-text-link-hover: var(--wcs-primitive-color-bleu-800); /** Hovered text color for link */
360
+ --wcs-semantic-color-text-link-visited: var(--wcs-primitive-color-bleu-700); /** Visited text color for link */
361
+ --wcs-semantic-color-text-link-disabled: var(--wcs-primitive-color-neutral-400); /** Disabled text color for link */
362
+ --wcs-semantic-color-text-link-inverse: var(--wcs-primitive-color-neutral-0); /** Inverse text color for link */
363
+ --wcs-semantic-color-ripple-action-primary: var(--wcs-primitive-color-neutral-0); /** Ripple applied to an primary action background (on a button, dropdown...) */
364
+ --wcs-semantic-color-ripple-action-secondary: var(--wcs-primitive-color-bleu-700); /** Ripple applied to an secondary action background (on a button, dropdown...) */
365
+ --wcs-semantic-color-ripple-action-tertiary: var(--wcs-primitive-color-bleu-700); /** Ripple applied to an secondary action background (on a button, dropdown...) */
366
+ --wcs-semantic-color-ripple-control: var(--wcs-primitive-color-bleu-700); /** Ripple applied to an control (select) */
367
+ --wcs-semantic-font-size-heading-1: var(--wcs-primitive-font-size-1050); /** Level 1 title heading */
368
+ --wcs-semantic-font-size-heading-2: var(--wcs-primitive-font-size-900); /** Level 2 title heading */
369
+ --wcs-semantic-font-size-heading-3: var(--wcs-primitive-font-size-750); /** Level 3 title heading */
370
+ --wcs-semantic-font-size-heading-4: var(--wcs-primitive-font-size-600); /** Level 4 title heading */
371
+ --wcs-semantic-font-size-heading-5: var(--wcs-primitive-font-size-500); /** Level 5 title heading */
372
+ --wcs-semantic-font-size-heading-6: var(--wcs-primitive-font-size-450); /** Level 6 title heading */
373
+ --wcs-semantic-font-size-body-1: var(--wcs-primitive-font-size-500); /** Body text for introduction or catchphrases */
374
+ --wcs-semantic-font-size-body-2: var(--wcs-primitive-font-size-450); /** Body text only for news, blog for a more comfortable reading */
375
+ --wcs-semantic-font-size-body-3: var(--wcs-primitive-font-size-400); /** Default body text for common paragraphs */
376
+ --wcs-semantic-font-size-label-1: var(--wcs-primitive-font-size-400); /** Text used for buttons, links or other standard-sized actions */
377
+ --wcs-semantic-font-size-label-2: var(--wcs-primitive-font-size-350); /** Text used for buttons, links or other smaller-sized actions */
378
+ --wcs-semantic-font-size-label-3: var(--wcs-primitive-font-size-300); /** Text used for buttons, links or other even-smaller-sized actions */
379
+ --wcs-semantic-font-size-caption-1: var(--wcs-primitive-font-size-400); /** Use for minor mentions, captions or other information */
380
+ --wcs-semantic-font-size-caption-2: var(--wcs-primitive-font-size-350); /** Use for even-minor mentions, captions or other information */
381
+ --wcs-semantic-font-size-caption-3: var(--wcs-primitive-font-size-300); /** Use for even-more-minor mentions, captions or other information */
382
+ --wcs-semantic-font-line-height-base: var(--wcs-primitive-font-line-height-100); /** Base line-height */
383
+ --wcs-semantic-font-line-height-medium: var(--wcs-primitive-font-line-height-120); /** Higher line-height */
384
+ --wcs-semantic-font-line-height-large: var(--wcs-primitive-font-line-height-140); /** Highest line-height */
385
+ --wcs-semantic-font-weight-black: var(--wcs-primitive-font-weight-900); /** Avenir Black font weight */
386
+ --wcs-semantic-font-weight-heavy: var(--wcs-primitive-font-weight-800); /** Avenir Heavy font weight */
387
+ --wcs-semantic-font-weight-medium: var(--wcs-primitive-font-weight-500); /** Avenir Medium font weight */
388
+ --wcs-semantic-font-weight-roman: var(--wcs-primitive-font-weight-400); /** Avenir Roman font weight */
389
+ --wcs-semantic-font-weight-book: var(--wcs-primitive-font-weight-300); /** Avenir Book font weight */
390
+ --wcs-semantic-font-weight-light: var(--wcs-primitive-font-weight-100); /** Avenir Light font weight */
391
+ --wcs-semantic-spacing-small: var(--wcs-primitive-size-40); /** Small spacing */
392
+ --wcs-semantic-spacing-large: var(--wcs-primitive-size-160); /** Large spacing */
393
+ --wcs-semantic-spacing-base-025: var(--wcs-primitive-spacing-2); /** Base spacing x0.25 */
394
+ --wcs-semantic-spacing-base-05: var(--wcs-primitive-spacing-4); /** Base spacing x0.5 */
395
+ --wcs-semantic-spacing-base-150: var(--wcs-primitive-spacing-12); /** Base spacing x1.5 */
396
+ --wcs-semantic-spacing-base-200: var(--wcs-primitive-spacing-16); /** Base spacing x2 */
397
+ --wcs-semantic-spacing-base-250: var(--wcs-primitive-spacing-20); /** Base spacing x2.5 */
398
+ --wcs-semantic-spacing-base-300: var(--wcs-primitive-spacing-24); /** Base spacing x3 */
399
+ --wcs-semantic-spacing-base-400: var(--wcs-primitive-spacing-32); /** Base spacing x4 */
400
+ --wcs-semantic-spacing-base-500: var(--wcs-primitive-spacing-40); /** Base spacing x5 */
401
+ --wcs-semantic-spacing-base-600: var(--wcs-primitive-spacing-48); /** Base spacing x6 */
402
+ --wcs-semantic-spacing-base-700: var(--wcs-primitive-spacing-56); /** Base spacing x7 */
403
+ --wcs-semantic-spacing-base-800: var(--wcs-primitive-spacing-64); /** Base spacing x8 */
404
+ --wcs-semantic-spacing-base-900: var(--wcs-primitive-spacing-72); /** Base spacing x9 */
405
+ --wcs-semantic-spacing-base-1000: var(--wcs-primitive-spacing-80); /** Base spacing x10 */
406
+ --wcs-semantic-spacing-base-1100: var(--wcs-primitive-spacing-88); /** Base spacing x11 */
407
+ --wcs-semantic-spacing-base-1200: var(--wcs-primitive-spacing-96); /** Base spacing x12 */
408
+ --wcs-semantic-motion-duration-feedback-fast: var(--wcs-primitive-duration-50); /** Motion duration for faster feedbacks */
409
+ --wcs-semantic-motion-duration-feedback-base: var(--wcs-primitive-duration-150); /** Motion duration for feedbacks like transitions for moving arrows, transitioning backgrounds */
410
+ --wcs-semantic-motion-duration-feedback-slow: var(--wcs-primitive-duration-200); /** Motion duration for slow feedbacks */
411
+ --wcs-semantic-motion-duration-feedback-slower: var(--wcs-primitive-duration-350); /** Motion duration for slower feedbacks */
412
+ --wcs-semantic-motion-duration-animation-fast: var(--wcs-primitive-duration-1000); /** Motion duration for fast animations like spinner growing mode */
413
+ --wcs-semantic-motion-duration-animation-base: var(--wcs-primitive-duration-1500); /** Motion duration for long animations like spinner, skeleton */
414
+ --wcs-semantic-motion-duration-animation-slow: var(--wcs-primitive-duration-2000); /** Motion duration for slow animations */
415
+ --wcs-semantic-color-border-control-focus: var(--wcs-semantic-color-border-focus-alt); /** Focus border color for control elements like input, select, textarea... */
416
+ --wcs-semantic-color-border-control-indicator-disabled: var(--wcs-semantic-color-border-disabled); /** Disabled border color of a form-field indicator: radio, checkbox */
417
+ --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...) */
418
+ --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...) */
419
+ --wcs-semantic-color-background-action-secondary-selected-default: var(--wcs-semantic-color-background-surface-accent-lightest); /** Background of an active secondary action (select option) */
420
+ --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) */
421
+ --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) */
422
+ --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...) */
423
+ --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...) */
424
+ --wcs-semantic-color-background-control-readonly: var(--wcs-semantic-color-background-surface-secondary); /** Readonly background of control like input, select, textarea... */
425
+ --wcs-semantic-color-background-control-indicator-default: var(--wcs-semantic-color-background-surface-secondary); /** Default background color of a form-field indicator: radio, checkbox */
426
+ --wcs-semantic-color-foreground-action-primary-default: var(--wcs-semantic-color-foreground-primary); /** The layer on top of a primary background */
427
+ --wcs-semantic-color-foreground-action-primary-hover: var(--wcs-semantic-color-foreground-primary); /** The layer on top of a primary background when hovered */
428
+ --wcs-semantic-color-foreground-action-primary-press: var(--wcs-semantic-color-foreground-primary); /** The layer on top of a primary background when pressed */
429
+ --wcs-semantic-color-foreground-action-neutral-default: var(--wcs-semantic-color-text-primary); /** Default neutral foreground for elements like dropdown menu item */
430
+ --wcs-semantic-color-foreground-action-neutral-hover: var(--wcs-semantic-color-text-primary); /** Hovered neutral foreground for element like dropdown menu item */
431
+ --wcs-semantic-color-foreground-action-neutral-press: var(--wcs-semantic-color-text-primary); /** Pressed neutral foreground for element like dropdown menu item */
432
+ --wcs-semantic-color-text-link-neutral: var(--wcs-semantic-color-text-primary); /** Active text color for link */
433
+ --wcs-semantic-spacing-base: var(--wcs-semantic-size-base); /** Base spacing, can be used for calculation */
434
434
  }
435
435
 
436
436
  /* Components Overrides */