@supersoniks/concorde 5.0.0 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/.gitlab-ci.yml +0 -13
  2. package/build-infos.json +1 -1
  3. package/concorde-core.bundle.js +606 -689
  4. package/concorde-core.es.js +4511 -4329
  5. package/dist/concorde-core.bundle.js +606 -689
  6. package/dist/concorde-core.es.js +4511 -4329
  7. package/gitlab/job_tests.sh +25 -12
  8. package/index.html +3 -3
  9. package/package.json +16 -1
  10. package/scripts/post-build-docs.js +0 -0
  11. package/scripts/post-build.mjs +0 -0
  12. package/src/core/components/functional/fetch/fetch.md +0 -0
  13. package/src/core/components/functional/if/if.md +0 -0
  14. package/src/core/components/functional/list/list.demo.ts +0 -0
  15. package/src/core/components/functional/list/list.md +0 -0
  16. package/src/core/components/functional/list/list.ts +0 -0
  17. package/src/core/components/functional/router/router.md +0 -0
  18. package/src/core/components/functional/router/router.ts +0 -0
  19. package/src/core/components/functional/sdui/sdui.md +0 -0
  20. package/src/core/components/functional/states/states.md +0 -0
  21. package/src/core/components/functional/submit/submit.md +0 -0
  22. package/src/core/components/ui/_css/rounded.ts +36 -0
  23. package/src/core/components/ui/_css/size.ts +0 -0
  24. package/src/core/components/ui/_css/type.ts +49 -0
  25. package/src/core/components/ui/_i18n/ui-aria-labels.ts +104 -0
  26. package/src/core/components/ui/alert/alert.md +128 -72
  27. package/src/core/components/ui/alert/alert.spec.ts +145 -0
  28. package/src/core/components/ui/alert/alert.ts +86 -91
  29. package/src/core/components/ui/alert-messages/alert-messages.ts +1 -1
  30. package/src/core/components/ui/badge/badge.md +126 -78
  31. package/src/core/components/ui/badge/badge.ts +29 -81
  32. package/src/core/components/ui/button/button.md +1 -0
  33. package/src/core/components/ui/button/button.ts +11 -8
  34. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  35. package/src/core/components/ui/captcha/captcha.md +0 -0
  36. package/src/core/components/ui/card/card-header.ts +7 -2
  37. package/src/core/components/ui/card/card.md +120 -65
  38. package/src/core/components/ui/divider/divider.ts +4 -9
  39. package/src/core/components/ui/form/fieldset/legend-description.ts +1 -1
  40. package/src/core/components/ui/form/fieldset/legend.ts +1 -1
  41. package/src/core/components/ui/form/input/input.md +1 -1
  42. package/src/core/components/ui/form/input/input.ts +19 -15
  43. package/src/core/components/ui/form/radio/radio.md +0 -0
  44. package/src/core/components/ui/form/select/select.md +0 -0
  45. package/src/core/components/ui/form/switch/switch.md +0 -0
  46. package/src/core/components/ui/form/textarea/textarea.md +1 -1
  47. package/src/core/components/ui/image/image.md +147 -53
  48. package/src/core/components/ui/image/image.ts +10 -44
  49. package/src/core/components/ui/link/link.md +2 -2
  50. package/src/core/components/ui/link/link.ts +42 -37
  51. package/src/core/components/ui/loader/loader.md +0 -0
  52. package/src/core/components/ui/menu/menu.md +0 -0
  53. package/src/core/components/ui/modal/modal-close.ts +8 -12
  54. package/src/core/components/ui/modal/modal.md +0 -0
  55. package/src/core/components/ui/modal/modal.ts +18 -18
  56. package/src/core/components/ui/pop/pop.md +105 -1
  57. package/src/core/components/ui/pop/pop.ts +143 -148
  58. package/src/core/components/ui/table/table-caption.ts +0 -0
  59. package/src/core/components/ui/table/table.md +0 -0
  60. package/src/core/components/ui/table/table.ts +2 -8
  61. package/src/core/components/ui/theme/theme.ts +1 -1
  62. package/src/core/components/ui/toast/dismissed.ts +14 -0
  63. package/src/core/components/ui/toast/toast-item.ts +139 -91
  64. package/src/core/components/ui/toast/toast.ts +4 -7
  65. package/src/core/components/ui/tooltip/tooltip.ts +176 -154
  66. package/src/core/utils/LocationHandler.ts +12 -5
  67. package/src/core/utils/dismissed.ts +22 -0
  68. package/src/core/utils/positioning.spec.ts +208 -0
  69. package/src/core/utils/positioning.ts +183 -0
  70. package/src/core/utils/route.ts +0 -0
  71. package/src/directives.ts +2 -3
  72. package/src/docs/_core-concept/subscriber.md +0 -0
  73. package/src/docs/_getting-started/concorde-outside.md +3 -3
  74. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  75. package/src/docs/_getting-started/pubsub.md +0 -0
  76. package/src/docs/_getting-started/start.md +0 -0
  77. package/src/docs/code.ts +3 -1
  78. package/src/docs/example/users.ts +0 -0
  79. package/src/docs/search/docs-search.json +651 -21
  80. package/src/docs/search/page.ts +0 -0
  81. package/src/docs/tailwind/css/tailwind.css +13 -6
  82. package/src/tsconfig.json +45 -0
  83. package/src/tsconfig.tsbuildinfo +1 -1
  84. package/tailwind.config.js +50 -3
  85. package/vitest.setup.ts +49 -13
  86. package/.github/workflows/ci.yml +0 -21
  87. package/.github-export-ignore +0 -30
  88. package/CONTRIBUTING.md +0 -59
  89. package/DEV.md +0 -54
  90. package/LICENSE +0 -21
  91. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  92. package/concorde-3d.bundle.js +0 -3960
  93. package/concorde-3d.es.js +0 -33433
  94. package/concorde-hugging-face-infer.bundle.js +0 -32
  95. package/concorde-hugging-face-infer.es.js +0 -2952
  96. package/concorde-shader.bundle.js +0 -116
  97. package/concorde-shader.es.js +0 -8353
  98. package/concorde-webgpu.bundle.js +0 -307
  99. package/concorde-webgpu.es.js +0 -8627
  100. package/docs/altcha-widget.js +0 -2662
  101. package/docs/assets/index-BZiZXMU-.css +0 -1
  102. package/docs/assets/index-FmK4JaIM.js +0 -11992
  103. package/docs/crawl/core/components/functional/date/date.html +0 -190
  104. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  105. package/docs/crawl/core/components/functional/if/if.html +0 -27
  106. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  107. package/docs/crawl/core/components/functional/list/list.html +0 -70
  108. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  109. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  110. package/docs/crawl/core/components/functional/router/router.html +0 -106
  111. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  112. package/docs/crawl/core/components/functional/states/states.html +0 -66
  113. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  114. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  115. package/docs/crawl/core/components/functional/value/value.html +0 -51
  116. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  117. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  118. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  119. package/docs/crawl/core/components/ui/button/button.html +0 -149
  120. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  121. package/docs/crawl/core/components/ui/card/card.html +0 -99
  122. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  123. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  124. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  125. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  126. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  127. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  128. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -106
  129. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  130. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  131. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  132. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  133. package/docs/crawl/core/components/ui/group/group.html +0 -82
  134. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  135. package/docs/crawl/core/components/ui/image/image.html +0 -110
  136. package/docs/crawl/core/components/ui/link/link.html +0 -42
  137. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  138. package/docs/crawl/core/components/ui/menu/menu.html +0 -322
  139. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  140. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  141. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  142. package/docs/crawl/core/components/ui/table/table.html +0 -413
  143. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  144. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  145. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  146. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  147. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  148. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  149. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  150. package/docs/crawl/docs/_decorators/bind.html +0 -141
  151. package/docs/crawl/docs/_decorators/get.html +0 -149
  152. package/docs/crawl/docs/_decorators/handle.html +0 -165
  153. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  154. package/docs/crawl/docs/_decorators/patch.html +0 -78
  155. package/docs/crawl/docs/_decorators/post.html +0 -139
  156. package/docs/crawl/docs/_decorators/publish.html +0 -61
  157. package/docs/crawl/docs/_decorators/put.html +0 -78
  158. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  159. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  160. package/docs/crawl/docs/_directives/sub.html +0 -93
  161. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  162. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  163. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  164. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  165. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  166. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  167. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  168. package/docs/crawl/docs/_getting-started/start.html +0 -76
  169. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  170. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  171. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  172. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  173. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  174. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  175. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  176. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  177. package/docs/crawl/hubs/decorators.html +0 -547
  178. package/docs/crawl/hubs/form-components.html +0 -357
  179. package/docs/crawl/hubs/remote-data.html +0 -452
  180. package/docs/crawl/index.html +0 -101
  181. package/docs/css/docs.css +0 -0
  182. package/docs/docs-mock-api-sw.js +0 -720
  183. package/docs/docs-mock-api-sw.js.map +0 -7
  184. package/docs/fonts/ClashGrotesk-Bold.eot +0 -0
  185. package/docs/fonts/ClashGrotesk-Bold.ttf +0 -0
  186. package/docs/fonts/ClashGrotesk-Bold.woff +0 -0
  187. package/docs/fonts/ClashGrotesk-Bold.woff2 +0 -0
  188. package/docs/fonts/ClashGrotesk-Extralight.eot +0 -0
  189. package/docs/fonts/ClashGrotesk-Extralight.ttf +0 -0
  190. package/docs/fonts/ClashGrotesk-Extralight.woff +0 -0
  191. package/docs/fonts/ClashGrotesk-Extralight.woff2 +0 -0
  192. package/docs/fonts/ClashGrotesk-Light.eot +0 -0
  193. package/docs/fonts/ClashGrotesk-Light.ttf +0 -0
  194. package/docs/fonts/ClashGrotesk-Light.woff +0 -0
  195. package/docs/fonts/ClashGrotesk-Light.woff2 +0 -0
  196. package/docs/fonts/ClashGrotesk-Medium.eot +0 -0
  197. package/docs/fonts/ClashGrotesk-Medium.ttf +0 -0
  198. package/docs/fonts/ClashGrotesk-Medium.woff +0 -0
  199. package/docs/fonts/ClashGrotesk-Medium.woff2 +0 -0
  200. package/docs/fonts/ClashGrotesk-Regular.eot +0 -0
  201. package/docs/fonts/ClashGrotesk-Regular.ttf +0 -0
  202. package/docs/fonts/ClashGrotesk-Regular.woff +0 -0
  203. package/docs/fonts/ClashGrotesk-Regular.woff2 +0 -0
  204. package/docs/fonts/ClashGrotesk-Semibold.eot +0 -0
  205. package/docs/fonts/ClashGrotesk-Semibold.ttf +0 -0
  206. package/docs/fonts/ClashGrotesk-Semibold.woff +0 -0
  207. package/docs/fonts/ClashGrotesk-Semibold.woff2 +0 -0
  208. package/docs/fonts/ClashGrotesk-Variable.eot +0 -0
  209. package/docs/fonts/ClashGrotesk-Variable.ttf +0 -0
  210. package/docs/fonts/ClashGrotesk-Variable.woff +0 -0
  211. package/docs/fonts/ClashGrotesk-Variable.woff2 +0 -0
  212. package/docs/img/concorde-icon.svg +0 -5
  213. package/docs/img/concorde-logo.svg +0 -1
  214. package/docs/img/concorde.png +0 -0
  215. package/docs/img/concorde_def.png +0 -0
  216. package/docs/img/concorde_seuil.png.webp +0 -0
  217. package/docs/img/concorde_seuil_invert.png +0 -0
  218. package/docs/img/paul_metrand.jpg +0 -0
  219. package/docs/img/paul_metrand_xs.jpg +0 -0
  220. package/docs/index.html +0 -93
  221. package/docs/llms-full.txt +0 -5787
  222. package/docs/llms.txt +0 -104
  223. package/docs/robots.txt +0 -16
  224. package/docs/sitemap.xml +0 -237
  225. package/docs/src/core/components/functional/date/date.md +0 -290
  226. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  227. package/docs/src/core/components/functional/if/if.md +0 -9
  228. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  229. package/docs/src/core/components/functional/list/list.md +0 -65
  230. package/docs/src/core/components/functional/mix/mix.md +0 -41
  231. package/docs/src/core/components/functional/queue/queue.md +0 -72
  232. package/docs/src/core/components/functional/router/router.md +0 -94
  233. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  234. package/docs/src/core/components/functional/sdui/example.json +0 -99
  235. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  236. package/docs/src/core/components/functional/states/states.md +0 -87
  237. package/docs/src/core/components/functional/submit/submit.md +0 -114
  238. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  239. package/docs/src/core/components/functional/value/value.md +0 -35
  240. package/docs/src/core/components/ui/alert/alert.md +0 -121
  241. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -0
  242. package/docs/src/core/components/ui/badge/badge.md +0 -127
  243. package/docs/src/core/components/ui/button/button.md +0 -182
  244. package/docs/src/core/components/ui/captcha/captcha.md +0 -12
  245. package/docs/src/core/components/ui/card/card.md +0 -97
  246. package/docs/src/core/components/ui/divider/divider.md +0 -35
  247. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  248. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -129
  249. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -77
  250. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -44
  251. package/docs/src/core/components/ui/form/input/input.md +0 -142
  252. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -133
  253. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  254. package/docs/src/core/components/ui/form/select/select.md +0 -71
  255. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  256. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  257. package/docs/src/core/components/ui/group/group.md +0 -75
  258. package/docs/src/core/components/ui/icon/icon.md +0 -125
  259. package/docs/src/core/components/ui/icon/icons.json +0 -1
  260. package/docs/src/core/components/ui/image/image.md +0 -107
  261. package/docs/src/core/components/ui/link/link.md +0 -43
  262. package/docs/src/core/components/ui/loader/loader.md +0 -55
  263. package/docs/src/core/components/ui/menu/menu.md +0 -329
  264. package/docs/src/core/components/ui/modal/modal.md +0 -119
  265. package/docs/src/core/components/ui/pop/pop.md +0 -96
  266. package/docs/src/core/components/ui/progress/progress.md +0 -63
  267. package/docs/src/core/components/ui/table/table.md +0 -455
  268. package/docs/src/core/components/ui/toast/toast.md +0 -166
  269. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -82
  270. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  271. package/docs/src/docs/_core-concept/overview.md +0 -57
  272. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  273. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  274. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  275. package/docs/src/docs/_decorators/bind.md +0 -167
  276. package/docs/src/docs/_decorators/get.md +0 -162
  277. package/docs/src/docs/_decorators/handle.md +0 -175
  278. package/docs/src/docs/_decorators/on-assign.md +0 -390
  279. package/docs/src/docs/_decorators/patch.md +0 -70
  280. package/docs/src/docs/_decorators/post.md +0 -146
  281. package/docs/src/docs/_decorators/publish.md +0 -55
  282. package/docs/src/docs/_decorators/put.md +0 -70
  283. package/docs/src/docs/_decorators/subscribe.md +0 -100
  284. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  285. package/docs/src/docs/_directives/sub.md +0 -91
  286. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  287. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  288. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  289. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  290. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  291. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  292. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  293. package/docs/src/docs/_getting-started/start.md +0 -47
  294. package/docs/src/docs/_getting-started/theming.md +0 -91
  295. package/docs/src/docs/_misc/api-configuration.md +0 -81
  296. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  297. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  298. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  299. package/docs/src/docs/_misc/endpoint.md +0 -45
  300. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  301. package/docs/src/docs/_misc/html-integration.md +0 -15
  302. package/docs/src/docs/search/docs-search.json +0 -9512
  303. package/docs/src/tag-list.json +0 -1
  304. package/docs/src/tsconfig-model.json +0 -23
  305. package/docs/src/tsconfig.declarations.json +0 -22
  306. package/docs/src/tsconfig.emit.json +0 -23
  307. package/docs/src/tsconfig.json +0 -858
  308. package/docs/svg/regular/plane.svg +0 -1
  309. package/docs/svg/solid/plane.svg +0 -1
  310. package/gitlab/job_github_mirror.sh +0 -39
  311. package/scripts/github-export.mjs +0 -150
  312. package/src/css.d.ts +0 -19
  313. package/src/tsconfig.declarations.json +0 -22
  314. package/src/tsconfig.emit.json +0 -23
@@ -1,149 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html" data-doc-id="core/components/ui/button/button">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Button — Concorde</title>
7
- <meta name="description" content="The length of the button depends on the size of its content">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/button/button, button, Button, UI component, sonic-button, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/button/button">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html">
11
- </head>
12
- <body>
13
- <header>
14
- <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/button/button.md/button" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Button</strong>. The length of the button depends on the size of its content <span>Doc ID: <code>core/components/ui/button/button</code>. Keywords: Concorde, supersoniks, core/components/ui/button/button, button, Button, UI component, sonic-button, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html">https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html</a>.</span></p>
19
- <h1 id="button">Button</h1>
20
- <h2 id="type">Type</h2>
21
- <pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
22
- &lt;sonic-button&gt;Default&lt;/sonic-button&gt;
23
- &lt;sonic-button type=&quot;primary&quot;&gt;Primary&lt;/sonic-button&gt;
24
- &lt;sonic-button type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-button&gt;
25
- &lt;sonic-button type=&quot;warning&quot;&gt;Warning&lt;/sonic-button&gt;
26
- &lt;sonic-button type=&quot;info&quot;&gt;Info&lt;/sonic-button&gt;
27
- &lt;sonic-button type=&quot;success&quot;&gt;Success&lt;/sonic-button&gt;
28
- &lt;sonic-button type=&quot;danger&quot;&gt;Danger&lt;/sonic-button&gt;
29
- &lt;sonic-button type=&quot;custom&quot; style=&quot;--sc-btn-custom-color: #fde68a; --sc-btn-custom-bg: #5b21b6&quot;&gt;Custom&lt;/sonic-button&gt;
30
- &lt;/div&gt;
31
- </code></pre>
32
- <h2 id="outline">Outline</h2>
33
- <pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
34
- &lt;sonic-button variant=&quot;outline&quot;&gt;Default&lt;/sonic-button&gt;
35
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-button&gt;
36
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-button&gt;
37
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-button&gt;
38
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-button&gt;
39
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-button&gt;
40
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-button&gt;
41
- &lt;sonic-button variant=&quot;outline&quot; type=&quot;custom&quot; style=&quot;--sc-btn-custom-bg: #5b21b6&quot;&gt;Custom&lt;/sonic-button&gt;
42
- &lt;/div&gt;
43
- </code></pre>
44
- <h2 id="variant">Variant</h2>
45
- <pre><code>&lt;sonic-button variant=&quot;default&quot;&gt;Default&lt;/sonic-button&gt;
46
- &lt;sonic-button variant=&quot;outline&quot;&gt;Outline&lt;/sonic-button&gt;
47
- &lt;sonic-button variant=&quot;ghost&quot;&gt;Ghost&lt;/sonic-button&gt;
48
- &lt;sonic-button variant=&quot;link&quot;&gt;Link&lt;/sonic-button&gt;
49
- &lt;sonic-button variant=&quot;unstyled&quot;&gt;Unstyled&lt;/sonic-button&gt;
50
- </code></pre>
51
- <h2 id="size">Size</h2>
52
- <pre><code>&lt;sonic-button size=&quot;2xs&quot;&gt;2Xs button&lt;/sonic-button&gt;
53
- &lt;sonic-button size=&quot;xs&quot;&gt;Xs button&lt;/sonic-button&gt;
54
- &lt;sonic-button size=&quot;sm&quot;&gt;Sm button&lt;/sonic-button&gt;
55
- &lt;sonic-button size=&quot;md&quot;&gt;Md button&lt;/sonic-button&gt;
56
- &lt;sonic-button&gt;Default button&lt;/sonic-button&gt;
57
- &lt;sonic-button size=&quot;lg&quot;&gt;Lg button&lt;/sonic-button&gt;
58
- &lt;sonic-button size=&quot;xl&quot;&gt;Xl button&lt;/sonic-button&gt;
59
- &lt;sonic-button size=&quot;2xl&quot;&gt;2Xl button&lt;/sonic-button&gt;
60
- </code></pre>
61
- <h2 id="shape">Shape</h2>
62
- <pre><code>&lt;sonic-button shape=&quot;circle&quot;&gt; 😂 &lt;/sonic-button&gt;
63
- &lt;sonic-button shape=&quot;square&quot;&gt; 🚀 &lt;/sonic-button&gt;
64
- </code></pre>
65
- <h2 id="loading">Loading</h2>
66
- <p>The length of the button depends on the size of its content</p>
67
- <pre><code>&lt;sonic-button loading&gt;&lt;/sonic-button&gt;
68
- &lt;sonic-button loading&gt;Loading button&lt;/sonic-button&gt;
69
- </code></pre>
70
- <h2 id="swap">Swap</h2>
71
- <pre><code>&lt;sonic-button formDataProvider=&quot;button_swap_example&quot; name=&quot;youpi&quot; value=&quot;youpla&quot; type=&quot;primary&quot; shape=&quot;circle&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
72
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;on&quot; name=&quot;eye-empty&quot;&gt;&lt;/sonic-icon&gt;
73
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;off&quot; name=&quot;eye-off&quot;&gt;&lt;/sonic-icon&gt;
74
- &lt;/sonic-button&gt;
75
- &lt;sonic-button formDataProvider=&quot;button_swap_example&quot; name=&quot;youpi&quot; value=&quot;youpla&quot; type=&quot;primary&quot; variant=&quot;outline&quot;&gt;
76
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;on&quot; slot=&quot;prefix&quot; name=&quot;eye-empty&quot;&gt;&lt;/sonic-icon&gt;
77
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;off&quot; slot=&quot;prefix&quot; name=&quot;eye-off&quot;&gt;&lt;/sonic-icon&gt;
78
- Révélez
79
- &lt;span swap=&quot;off&quot;&gt;...&lt;/span&gt;
80
- &lt;span swap=&quot;on&quot;&gt;moi !&lt;/span&gt;
81
- &lt;/sonic-button&gt;
82
- </code></pre>
83
- <h2 id="reset">Reset</h2>
84
- <pre><code>&lt;div formDataProvider=&quot;button-reset-demo&quot; class=&quot;mb-2&quot;&gt;
85
- &lt;sonic-checkbox name=&quot;aChexbox&quot; value=&quot;AValueToSet&quot;&gt;Set A value&lt;/sonic-checkbox&gt;&lt;br&gt;
86
- &lt;sonic-button reset&gt;Reset current formDataProvider&lt;/sonic-button&gt;
87
- &lt;/div&gt;
88
- &lt;sonic-button reset=&quot;button-reset-demo&quot;&gt;Reset formDataProvider by name&lt;/sonic-button&gt;
89
- </code></pre>
90
- <h2 id="goback">GoBack</h2>
91
- <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
92
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
93
- Retour classique
94
- &lt;/sonic-button&gt;
95
- &lt;sonic-button goBack=&quot;http://la-billetterie.net&quot; type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
96
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
97
- Retour url prédéfinie
98
- &lt;/sonic-button&gt;
99
- </code></pre>
100
- <h2 id="button-with-icon">Button with icon</h2>
101
- <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
102
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-right&quot; &gt;&lt;/sonic-icon&gt;
103
- Button with icon
104
- &lt;/sonic-button&gt;
105
- </code></pre>
106
- <h2 id="button-group">Button group</h2>
107
- <pre><code>&lt;sonic-group label=&quot;Code promo&quot; class=&quot;mr-4&quot;&gt;
108
- &lt;sonic-input placeholder=&quot;Entrez votre code ici...&quot;&gt;&lt;/sonic-input&gt;
109
- &lt;sonic-button type=&quot;primary&quot; shape=&quot;square&quot;&gt;
110
- &lt;sonic-icon library=&quot;iconoir&quot; library=&quot;iconoir&quot; name=&quot;gift&quot;&gt;&lt;/sonic-icon&gt;
111
- &lt;/sonic-button&gt;
112
- &lt;/sonic-group&gt;
113
- &lt;sonic-divider size=&quot;lg&quot;&gt;&lt;/sonic-divider&gt;
114
- &lt;div class=&quot;text-lg mb-2&quot;&gt;Choose a subscription&lt;/div&gt;
115
- &lt;sonic-group formDataProvider=&quot;subscriptionData&quot;&gt;
116
- &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;standard&quot; type=&quot;default&quot;
117
- &gt;😎 Standard&lt;/sonic-button
118
- &gt;
119
- &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;premium&quot; type=&quot;default&quot;&gt;⭐ Premium&lt;/sonic-button&gt;
120
- &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;diamond&quot; type=&quot;default&quot;&gt;💎 Diamond&lt;/sonic-button&gt;
121
- &lt;/sonic-group&gt;
122
- </code></pre>
123
- <h2 id="aria-label">Aria-label</h2>
124
- <pre><code>&lt;sonic-button data-aria-label=&quot;Custom aria label&quot; type=&quot;primary&quot; &gt;
125
- Button with aria label
126
- &lt;/sonic-button&gt;
127
- &lt;sonic-button data-aria-label=&quot;Custom aria label&quot; href=&quot;https://google.fr&quot; type=&quot;primary&quot; &gt;
128
- Button link with aria label
129
- &lt;/sonic-button&gt;
130
- </code></pre>
131
- <h2 id="custom-styles--active-states-with-tailwind">Custom styles &amp; active states with tailwind</h2>
132
- <pre><code>&lt;div formDataProvider=&quot;subscriptionData2&quot;&gt;
133
- &lt;sonic-button
134
- class=&quot;bg-neutral-100 transition-all text-center text-lg text-neutral-400 rounded-md min-w-[8rem] [&amp;[active]]:text-danger-content [&amp;[active]]:min-w-[13rem] [&amp;[active]]:bg-danger [&amp;[active]]:font-black [&amp;[active]]:rounded-full&quot;
135
- variant=&quot;unstyled&quot;
136
- checkable unique
137
- name=&quot;subscription&quot;
138
- value=&quot;premium&quot;
139
- type=&quot;default&quot;&gt;
140
- &lt;span swap=&quot;off&quot; class=&quot;inline-block py-2 px-3&quot; &gt;subscribe&lt;/span&gt;
141
- &lt;span swap=&quot;on&quot; class=&quot;inline-block py-2 px-3&quot; &gt;⭐ Premium&lt;/span&gt;
142
- &lt;/sonic-button&gt;
143
- &lt;/div&gt;
144
- </code></pre>
145
-
146
- </article>
147
- </main>
148
- </body>
149
- </html>
@@ -1,30 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html" data-doc-id="core/components/ui/captcha/captcha">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Captcha — Concorde</title>
7
- <meta name="description" content="Captcha: Submit with captcha">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/captcha/captcha, captcha, Captcha, UI component, sonic-captcha, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/captcha/captcha">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html">
11
- </head>
12
- <body>
13
- <header>
14
- <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/captcha/captcha.md/captcha" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Captcha</strong>. Captcha: Submit with captcha <span>Doc ID: <code>core/components/ui/captcha/captcha</code>. Keywords: Concorde, supersoniks, core/components/ui/captcha/captcha, captcha, Captcha, UI component, sonic-captcha, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html">https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html</a>.</span></p>
19
- <h1 id="captcha">Captcha</h1>
20
- <pre><code>&lt;sonic-captcha formDataProvider=&quot;captchaTestDataProvider&quot; key=&quot;6Leq5V0iAAAAAB-41DlWN335jDlcIuXmhNtdd00t&quot;&gt;
21
- &lt;sonic-submit serviceURL=&quot;/docs-mock-api&quot; endPoint=&quot;api/unknown&quot; onclick&gt;
22
- &lt;sonic-button class=&quot;mt-4&quot;&gt;Submit with captcha&lt;/sonic-button&gt;
23
- &lt;/sonic-submit&gt;
24
- &lt;/sonic-captcha&gt;
25
- </code></pre>
26
-
27
- </article>
28
- </main>
29
- </body>
30
- </html>
@@ -1,99 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html" data-doc-id="core/components/ui/card/card">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Card — Concorde</title>
7
- <meta name="description" content="Suffix">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/card/card">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html">
11
- </head>
12
- <body>
13
- <header>
14
- <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/card/card.md/card" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Card</strong>. Suffix <span>Doc ID: <code>core/components/ui/card/card</code>. Keywords: Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html">https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html</a>.</span></p>
19
- <h1 id="card">Card</h1>
20
- <h2 id="type">Type</h2>
21
- <pre><code>&lt;div class=&quot;grid grid-cols-3 gap-3&quot;&gt;
22
- &lt;sonic-card type=&quot;base&quot;&gt;Base&lt;/sonic-card&gt;
23
- &lt;sonic-card type=&quot;light&quot;&gt;Light&lt;/sonic-card&gt;
24
- &lt;sonic-card type=&quot;primary&quot;&gt;Primary&lt;/sonic-card&gt;
25
- &lt;sonic-card type=&quot;warning&quot;&gt;Warning&lt;/sonic-card&gt;
26
- &lt;sonic-card type=&quot;danger&quot;&gt;Danger&lt;/sonic-card&gt;
27
- &lt;sonic-card type=&quot;success&quot;&gt;Success&lt;/sonic-card&gt;
28
- &lt;sonic-card type=&quot;info&quot;&gt;Info&lt;/sonic-card&gt;
29
- &lt;sonic-card type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-card&gt;
30
- &lt;sonic-card type=&quot;invert&quot;&gt;Invert&lt;/sonic-card&gt;
31
- &lt;/div&gt;
32
- </code></pre>
33
- <h2 id="header">Header</h2>
34
- <pre><code>&lt;div class=&quot;grid grid-cols-1 gap-3&quot;&gt;
35
- &lt;sonic-card &gt;
36
- &lt;sonic-card-header label=&quot;Header simple, titre géré via l&#39;attribut : label&quot; description=&quot;Description via l&#39;attribut : description&quot;&gt;
37
- &lt;/sonic-card-header&gt;
38
- &lt;/sonic-card&gt;
39
- &lt;sonic-card type=&quot;neutral&quot;&gt;
40
- &lt;sonic-card-header label=&quot;Header composé&quot;&gt;
41
- &lt;sonic-card-header-description&gt;Description rendu via le composant : &quot;sonic-card-header-description&quot;&lt;/sonic-card-header-description&gt;
42
- &lt;div slot=&quot;suffix&quot; class=&quot;flex&quot;&gt;
43
- Suffix
44
- &lt;/div&gt;
45
- &lt;/sonic-card-header&gt;
46
- &lt;/sonic-card&gt;
47
- &lt;sonic-card type=&quot;invert&quot;&gt;
48
- &lt;sonic-card-header&gt;
49
- &lt;div&gt;Header custom&lt;/div&gt;
50
- &lt;div class=&quot;text-lg text-danger&quot;&gt;Tout le contenu excepté l&#39;icône ✈ passe par le slot du header&lt;/div&gt;
51
- &lt;span slot=&quot;suffix&quot; &gt;✈&lt;/span&gt;
52
- &lt;/sonic-card-header&gt;
53
- &lt;/sonic-card&gt;
54
- &lt;/div&gt;
55
- </code></pre>
56
- <h2 id="main">Main</h2>
57
- <pre><code>&lt;sonic-card &gt;
58
- &lt;sonic-card-main &gt;
59
- &lt;h3&gt;Main area&lt;/h3&gt;
60
- &lt;p&gt;Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.&lt;/p&gt;
61
- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/aqz-KE-bpKQ&quot; title=&quot;Big Buck Bunny (Blender Foundation)&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
62
- &lt;/sonic-card-main&gt;
63
- &lt;/sonic-card&gt;
64
- </code></pre>
65
- <h2 id="footer">Footer</h2>
66
- <pre><code>&lt;sonic-card &gt;
67
- &lt;sonic-card-footer &gt;
68
- &lt;div &gt;
69
- &lt;h4 class=&quot;mb-0&quot;&gt;Footer area&lt;/h4&gt;
70
- &lt;small&gt;Debitis deleniti eligendi natus dolorem aufdh.&lt;/small&gt;
71
- &lt;div&gt;
72
- 🛫 ✈ ✈ ✈ ✈ ✈ 🛬
73
- &lt;/div&gt;
74
- &lt;/div&gt;
75
- &lt;/sonic-card-footer&gt;
76
- &lt;/sonic-card&gt;
77
- </code></pre>
78
- <h2 id="example-of-use">Example of use</h2>
79
- <pre><code>&lt;sonic-card &gt;
80
- &lt;sonic-card-header label=&quot;Header&quot; description=&quot;Header description&quot;&gt;
81
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;nav-arrow-right&quot; slot=&quot;suffix&quot; &gt;&lt;/sonic-icon&gt;
82
- &lt;/sonic-card-header&gt;
83
- &lt;sonic-card-main &gt;
84
- &lt;sonic-image rounded ratio=&quot;11/4&quot; src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;&gt;
85
- &lt;/sonic-image&gt;
86
- &lt;p&gt;&lt;b&gt;Main&lt;/b&gt; - Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.&lt;/p&gt;
87
- &lt;/sonic-card-main&gt;
88
- &lt;sonic-card-footer&gt;
89
- &lt;div&gt;
90
- &lt;i&gt;Footer&lt;/i&gt; - Amet consectetur adipisicing
91
- &lt;/div&gt;
92
- &lt;/sonic-card-footer&gt;
93
- &lt;/sonic-card&gt;
94
- </code></pre>
95
-
96
- </article>
97
- </main>
98
- </body>
99
- </html>
@@ -1,58 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html" data-doc-id="core/components/ui/divider/divider">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Divider — Concorde</title>
7
- <meta name="description" content="Default
8
-
9
- Align
10
-
11
- Size
12
-
13
- Custom
14
-
15
- Lorem ipsum dolor sit amet +25">
16
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component">
17
- <meta name="concorde-doc-id" content="core/components/ui/divider/divider">
18
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html">
19
- </head>
20
- <body>
21
- <header>
22
- <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/divider/divider.md/divider" rel="nofollow">interactive version</a></p>
23
- </header>
24
- <main>
25
- <article>
26
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Divider</strong>. Default
27
-
28
- Align
29
-
30
- Size
31
-
32
- Custom
33
-
34
- Lorem ipsum dolor sit amet +25 <span>Doc ID: <code>core/components/ui/divider/divider</code>. Keywords: Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html">https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html</a>.</span></p>
35
- <h1 id="divider">Divider</h1>
36
- <h2 id="default">Default</h2>
37
- <pre><code>&lt;sonic-divider&gt;&lt;/sonic-divider&gt;
38
- </code></pre>
39
- <h2 id="align">Align</h2>
40
- <pre><code>&lt;sonic-divider label=&quot;Default centered label&quot;&gt;&lt;/sonic-divider&gt;
41
- &lt;sonic-divider label=&quot;Right&quot; align=&quot;right&quot;&gt;&lt;/sonic-divider&gt;
42
- &lt;sonic-divider label=&quot;Center&quot; align=&quot;center&quot;&gt;&lt;/sonic-divider&gt;
43
- &lt;sonic-divider label=&quot;Left&quot; align=&quot;left&quot;&gt;&lt;/sonic-divider&gt;
44
- </code></pre>
45
- <h2 id="size">Size</h2>
46
- <pre><code>&lt;sonic-divider size=&quot;xs&quot; label=&quot;xs&quot;&gt;&lt;/sonic-divider&gt;
47
- &lt;sonic-divider size=&quot;sm&quot; label=&quot;sm&quot;&gt;&lt;/sonic-divider&gt;
48
- &lt;sonic-divider size=&quot;md&quot; label=&quot;md&quot;&gt;&lt;/sonic-divider&gt;
49
- &lt;sonic-divider size=&quot;lg&quot; label=&quot;lg&quot;&gt;&lt;/sonic-divider&gt;
50
- </code></pre>
51
- <h2 id="custom">Custom</h2>
52
- <pre><code>&lt;sonic-divider&gt;&lt;span class=&quot;mr-2&quot;&gt;Lorem ipsum dolor sit amet&lt;/span&gt;&lt;sonic-badge type=&quot;danger&quot;&gt;+25&lt;/sonic-badge&gt;&lt;/sonic-divider&gt;
53
- </code></pre>
54
-
55
- </article>
56
- </main>
57
- </body>
58
- </html>
@@ -1,73 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html" data-doc-id="core/components/ui/form/checkbox/checkbox">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Checkbox — Concorde</title>
7
- <meta name="description" content="&gt;Already checked checkbox">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/checkbox/checkbox, checkbox, Checkbox, UI component, form, sonic-checkbox, web component, blacklistFlags, ?blacklistFlags=racist,sexist,…, flags, filterDocsJokes, src/docs/mock-api/fixtures.ts">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/checkbox/checkbox">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html">
11
- </head>
12
- <body>
13
- <header>
14
- <p><a href="../../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/form/checkbox/checkbox.md/checkbox" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Checkbox</strong>. &gt;Already checked checkbox <span>Doc ID: <code>core/components/ui/form/checkbox/checkbox</code>. Keywords: Concorde, supersoniks, core/components/ui/form/checkbox/checkbox, checkbox, Checkbox, UI component, form, sonic-checkbox, web component, blacklistFlags, ?blacklistFlags=racist,sexist,…, flags, filterDocsJokes, src/docs/mock-api/fixtures.ts. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html</a>.</span></p>
19
- <h1 id="checkbox">Checkbox</h1>
20
- <h2 id="size">Size</h2>
21
- <pre><code>&lt;div class=&quot;grid gap-2&quot;&gt;
22
- &lt;sonic-checkbox size=&quot;2xs&quot;&gt;2xs checkbox&lt;/sonic-checkbox&gt;
23
- &lt;sonic-checkbox size=&quot;xs&quot;&gt;xs checkbox&lt;/sonic-checkbox&gt;
24
- &lt;sonic-checkbox size=&quot;sm&quot;&gt;sm checkbox&lt;/sonic-checkbox&gt;
25
- &lt;sonic-checkbox&gt;default checkbox&lt;/sonic-checkbox&gt;
26
- &lt;sonic-checkbox size=&quot;lg&quot;&gt;lg checkbox&lt;/sonic-checkbox&gt;
27
- &lt;sonic-checkbox size=&quot;xl&quot;&gt;xl checkbox&lt;/sonic-checkbox&gt;
28
- &lt;sonic-checkbox size=&quot;2xl&quot;&gt;2xl checkbox&lt;/sonic-checkbox&gt;
29
- &lt;/div&gt;
30
- </code></pre>
31
- <h2 id="checked">Checked</h2>
32
- <pre><code>&lt;sonic-checkbox checked
33
- &gt;Already checked checkbox
34
- &lt;/sonic-checkbox&gt;
35
- </code></pre>
36
- <h2 id="disabled">Disabled</h2>
37
- <pre><code>&lt;sonic-checkbox disabled
38
- &gt;Disabled checkbox
39
- &lt;/sonic-checkbox&gt;
40
- </code></pre>
41
- <h2 id="disabled-and-checked">Disabled and checked</h2>
42
- <pre><code>&lt;sonic-checkbox disabled checked
43
- &gt;Disabled but already checked checkbox
44
- &lt;/sonic-checkbox&gt;
45
- </code></pre>
46
- <h2 id="checkbox-with-link">Checkbox with link</h2>
47
- <pre><code>&lt;sonic-checkbox&gt;Checkbox with &lt;sonic-link href=&quot;#&quot; class=&quot;underline text-info&quot;&gt;link&lt;/sonic-link&gt;
48
- </code></pre>
49
- <h2 id="check-all-checkbox">Check all checkbox</h2>
50
- <pre><code>&lt;div formDataProvider=&quot;checkbox-check-all-demo&quot;&gt;
51
- &lt;sonic-checkbox name=&#39;someSharedName&#39; value=&quot;all&quot; checksAll&gt;All&lt;/sonic-checkbox&gt;
52
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
53
- &lt;div class=&quot;grid gap-2&quot;&gt;
54
- &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;foo&quot;&gt;Foo&lt;/sonic-checkbox&gt;
55
- &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;bar&quot;&gt;Bar&lt;/sonic-checkbox&gt;
56
- &lt;/div&gt;
57
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
58
- &lt;div&gt;
59
- &lt;span&gt;Enabling unsetOnDisconect ensures that outdated or irrelevant values are not retained in the form state once their associated inputs are no longer rendered.&lt;/span&gt;
60
- &lt;div id=&quot;prunable-checkbox&quot; class=&quot;flex gap-2 items-center&quot;&gt;
61
- &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;baz&quot;&gt;Baz&lt;/sonic-checkbox&gt;
62
- &lt;sonic-button variant=&quot;ghost&quot; shape=&quot;circle&quot; unique name=&quot;toggleCheckboxExistance&quot; onclick=&quot;document.getElementById(&#39;prunable-checkbox&#39;).remove();&quot; value=&quot;true&quot;&gt;&lt;sonic-icon library=&quot;fontAwesome&quot; prefix=&quot;solid&quot; name=&quot;trash&quot;&gt;&lt;/sonic-icon&gt;&lt;/sonic-button&gt;
63
- &lt;/div&gt;
64
- &lt;/div&gt;
65
- </code></pre>
66
- <h2 id="example-of-use--blacklist--queue">Example of use — blacklist + queue</h2>
67
- <p>Checked <strong><code>blacklistFlags</code></strong> values are sent to the mock API (<code>?blacklistFlags=racist,sexist,…</code>), which excludes jokes whose <strong><code>flags</code></strong> match (see <code>filterDocsJokes</code> in <code>src/docs/mock-api/fixtures.ts</code>).</p>
68
- <p><docs-lit-demo for="docs-joke-blacklist-demo"></docs-lit-demo></p>
69
-
70
- </article>
71
- </main>
72
- </body>
73
- </html>
@@ -1,135 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html" data-doc-id="core/components/ui/form/fieldset/fieldset">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Fieldset — Concorde</title>
7
- <meta name="description" content="Default">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/fieldset/fieldset">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html">
11
- </head>
12
- <body>
13
- <header>
14
- <p><a href="../../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/form/fieldset/fieldset.md/fieldset" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Fieldset</strong>. Default <span>Doc ID: <code>core/components/ui/form/fieldset/fieldset</code>. Keywords: Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html</a>.</span></p>
19
- <h1 id="fieldset">Fieldset</h1>
20
- <h2 id="variant">Variant</h2>
21
- <pre><code>&lt;sonic-fieldset variant=&quot;default&quot; &gt;
22
- Default
23
- &lt;/sonic-fieldset&gt;
24
- &lt;sonic-fieldset variant=&quot;ghost&quot; &gt;
25
- Ghost
26
- &lt;/sonic-fieldset&gt;
27
- &lt;sonic-fieldset variant=&quot;shadow&quot; &gt;
28
- Shadow
29
- &lt;/sonic-fieldset&gt;
30
- </code></pre>
31
- <h2 id="legend">Legend</h2>
32
- <pre><code>&lt;sonic-fieldset&gt;
33
- &lt;sonic-legend label=&quot;Legend via attribut : label&quot; description=&quot;Description via attribut : description&quot;&gt;
34
- &lt;/sonic-legend&gt;
35
- &lt;/sonic-fieldset&gt;
36
- &lt;sonic-fieldset&gt;
37
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;pin-alt&quot;&gt;
38
- Custom legend via &lt;b&gt;slot&lt;/b&gt;
39
- &lt;sonic-legend-description&gt;
40
- Description via composant : sonic-legend-description
41
- &lt;/sonic-legend-description&gt;
42
- &lt;/sonic-legend&gt;
43
- &lt;/sonic-fieldset&gt;
44
- </code></pre>
45
- <h2 id="short-hand">Short hand</h2>
46
- <pre><code>&lt;sonic-fieldset
47
- label=&quot;All props on fieldset tag&quot;
48
- description=&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit&quot;
49
- iconLibrary=&quot;iconoir&quot;
50
- iconName=&quot;user&quot;&gt;
51
- &lt;/sonic-fieldset&gt;
52
- </code></pre>
53
- <h2 id="example-of-use">Example of use</h2>
54
- <pre><code>&lt;sonic-div formDataProvider=&quot;user_create&quot;&gt;
55
- &lt;form action=&quot;/inscription?lang=fr&quot; method=&quot;POST&quot; class=&quot;mb-20&quot; accept-charset=&quot;UTF-8&quot; id=&quot;youpla&quot;&gt;
56
- &lt;sonic-fieldset form=&quot;formid&quot; collapsible=&quot;true&quot; collapsed=&quot;false&quot;&gt;
57
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;user&quot;&gt;
58
- Informations personnelles
59
- &lt;span slot=&quot;description&quot;&gt;Description du fieldset lorem ipsum dolor&lt;/span&gt;
60
- &lt;sonic-pop class=&quot;inline-block&quot; slot=&quot;suffix&quot;&gt;
61
- &lt;sonic-button shape=&quot;circle&quot; variant=&quot;ghost&quot;&gt;
62
- &lt;sonic-icon library=&quot;iconoir&quot; size=&quot;lg&quot; name=&quot;more-vert&quot;&gt;&lt;/sonic-icon
63
- &gt;&lt;/sonic-button&gt;
64
- &lt;sonic-menu slot=&quot;content&quot; minWidth=&quot;12rem&quot;&gt;
65
- &lt;sonic-menu-item&gt;Mentions légales&lt;/sonic-menu-item&gt;
66
- &lt;sonic-menu-item&gt;Conditions générales d&#39;utilisation&lt;/sonic-menu-item&gt;
67
- &lt;/sonic-menu&gt;
68
- &lt;/sonic-pop&gt;
69
- &lt;/sonic-legend&gt;
70
- &lt;sonic-form-layout&gt;
71
- &lt;sonic-input autocomplete=&quot;family-name&quot; label=&quot;Nom&quot; name=&quot;nom&quot;&gt;&lt;/sonic-input&gt;
72
- &lt;sonic-input autocomplete=&quot;given-name&quot; label=&quot;Prénom&quot; name=&quot;prenom&quot;&gt;&lt;/sonic-input&gt;
73
- &lt;sonic-select autocomplete=&quot;sex&quot; label=&quot;Sexe&quot; name=&quot;sexe&quot;&gt;
74
- &lt;option value=&quot;&quot; selected=&quot;selected&quot;&gt;- Sélectionner -&lt;/option&gt;
75
- &lt;option value=&quot;-&quot;&gt;Je préfère ne pas le dire&lt;/option&gt;
76
- &lt;option value=&quot;Homme&quot;&gt;Homme&lt;/option&gt;
77
- &lt;option value=&quot;Femme&quot;&gt;Femme&lt;/option&gt;
78
- &lt;/sonic-select&gt;
79
- &lt;sonic-input autocomplete=&quot;bday&quot; label=&quot;Date de naissance&quot; name=&quot;date_naissance&quot; type=&quot;date&quot;&gt;&lt;/sonic-input&gt;
80
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
81
- &lt;sonic-input autocomplete=&quot;email&quot; label=&quot;e-mail&quot; name=&quot;email&quot; type=&quot;email&quot;&gt;&lt;/sonic-input&gt;
82
- &lt;sonic-input
83
- autocomplete=&quot;email&quot;
84
- label=&quot;Confirmer votre e-mail&quot;
85
- name=&quot;email_confirmation&quot;
86
- type=&quot;email&quot;
87
- &gt;&lt;/sonic-input&gt;
88
- &lt;sonic-input autocomplete=&quot;new-password&quot; label=&quot;Mot de passe&quot; name=&quot;password&quot; type=&quot;password&quot;&gt;&lt;/sonic-input&gt;
89
- &lt;sonic-input
90
- autocomplete=&quot;new-password&quot;
91
- label=&quot;Confirmer votre mot de passe&quot;
92
- name=&quot;password_confirmation&quot;
93
- type=&quot;password&quot;
94
- &gt;&lt;/sonic-input&gt;
95
- &lt;/sonic-form-layout&gt;
96
- &lt;/sonic-fieldset&gt;
97
- &lt;sonic-fieldset form=&quot;formid&quot; collapsible=&quot;true&quot; collapsed=&quot;false&quot;&gt;
98
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;pin-alt&quot;&gt; Coordonnées &lt;/sonic-legend&gt;
99
- &lt;sonic-form-layout&gt;
100
- &lt;sonic-input autocomplete=&quot;postal-code&quot; label=&quot;Code postal&quot; name=&quot;cp&quot;&gt;&lt;/sonic-input&gt;
101
- &lt;sonic-input autocomplete=&quot;address-level2&quot; label=&quot;Ville&quot; name=&quot;ville&quot;&gt;&lt;/sonic-input&gt;
102
- &lt;/sonic-form-layout&gt;
103
- &lt;/sonic-fieldset&gt;
104
- &lt;div class=&quot;&quot;&gt;
105
- &lt;sonic-button submit type=&quot;primary&quot;&gt;
106
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;check&quot;&gt;&lt;/sonic-icon&gt;
107
- S&#39;inscrire
108
- &lt;/sonic-button&gt;
109
- &lt;sonic-tooltip class=&quot;inline-flex&quot; label=&quot;Vous êtes sûr(e) ? 🙄&quot;&gt;
110
- &lt;sonic-button size=&quot;sm&quot; variant=&quot;ghost&quot;&gt; Continuer sans m&#39;inscrire &lt;/sonic-button&gt;
111
- &lt;/sonic-tooltip&gt;
112
- &lt;/div&gt;
113
- &lt;/form&gt;
114
- &lt;div dataProvider=&quot;user_create&quot; class=&quot;my-6 text-neutral-600 p-5 rounded-xl shadow-lg&quot;&gt;
115
- &lt;div class=&quot;font-bold text-lg text-neutral-400&quot;&gt;Submitted informations...&lt;/div&gt;
116
- &lt;div class=&quot;text-lg my-2&quot;&gt;
117
- &lt;sonic-value key=&quot;nom&quot; class=&quot;font-bold&quot;&gt;&lt;/sonic-value&gt;
118
- &lt;sonic-value key=&quot;prenom&quot;&gt;&lt;/sonic-value&gt;
119
- &lt;/div&gt;
120
- &lt;div class=&quot;text-sm&quot;&gt;
121
- &lt;sonic-value key=&quot;sexe&quot;&gt;&lt;/sonic-value&gt;
122
- &lt;sonic-value key=&quot;date_naissance&quot;&gt;&lt;/sonic-value&gt;
123
- &lt;/div&gt;
124
- &lt;div class=&quot;text-sm&quot;&gt;
125
- &lt;sonic-value key=&quot;email&quot;&gt;&lt;/sonic-value&gt;
126
- &lt;sonic-value key=&quot;cp&quot;&gt;&lt;/sonic-value&gt;
127
- &lt;sonic-value key=&quot;ville&quot;&gt;&lt;/sonic-value&gt;&lt;/div&gt;
128
- &lt;/div&gt;
129
- &lt;/sonic-div&gt;
130
- </code></pre>
131
-
132
- </article>
133
- </main>
134
- </body>
135
- </html>