@supersoniks/concorde 5.1.0 → 5.1.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 (312) hide show
  1. package/.claude/launch.json +15 -0
  2. package/.claude/vite.http.config.mjs +7 -0
  3. package/.taste-skill/after/desktop-fold.jpg +0 -0
  4. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  5. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  6. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  7. package/.taste-skill/after/mobile-fold.jpg +0 -0
  8. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  9. package/.taste-skill/after/report.json +4103 -0
  10. package/.taste-skill/after/tablet-fold.jpg +0 -0
  11. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  12. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  13. package/.taste-skill/before/desktop-fold.jpg +0 -0
  14. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  15. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  16. package/.taste-skill/before/mobile-fold.jpg +0 -0
  17. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  18. package/.taste-skill/before/report.json +2556 -0
  19. package/.taste-skill/before/tablet-fold.jpg +0 -0
  20. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  21. package/.taste-skill/direction.json +510 -0
  22. package/.taste-skill/notes.md +84 -0
  23. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  24. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  25. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  26. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  27. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  28. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  29. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  30. package/.taste-skill/prod/report.json +1973 -0
  31. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  32. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  33. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  34. package/.tmp-cem/custom-elements.json +1939 -1939
  35. package/AUDIT.md +228 -0
  36. package/PLAN-AMELIORATION.md +220 -0
  37. package/build-infos.json +1 -1
  38. package/concorde-core.bundle.js +16 -16
  39. package/concorde-core.es.js +235 -233
  40. package/dist/concorde-core.bundle.js +16 -16
  41. package/dist/concorde-core.es.js +235 -233
  42. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  43. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  44. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  45. package/dist/img/archive/credits.json +28 -0
  46. package/docs/assets/index-Bb-_LRyY.js +12280 -0
  47. package/docs/assets/index-CD4WyL6o.css +1 -0
  48. package/docs/docs-mock-api-sw.js +2 -0
  49. package/docs/docs-mock-api-sw.js.map +2 -2
  50. package/docs/index.html +9 -7
  51. package/index.html +27 -63
  52. package/package.json +11 -4
  53. package/public/img/archive/concorde-001-2cv.webp +0 -0
  54. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  55. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  56. package/public/img/archive/credits.json +28 -0
  57. package/scripts/post-build-docs.js +0 -0
  58. package/scripts/post-build.mjs +0 -0
  59. package/src/core/components/functional/fetch/fetch.md +2 -2
  60. package/src/core/components/functional/if/if.md +0 -0
  61. package/src/core/components/functional/if/if.ts +0 -0
  62. package/src/core/components/functional/list/list.demo.ts +0 -0
  63. package/src/core/components/functional/list/list.md +0 -0
  64. package/src/core/components/functional/router/router.md +0 -0
  65. package/src/core/components/functional/router/router.ts +0 -0
  66. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  67. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  68. package/src/core/components/functional/sdui/component-catalog.json +1 -1
  69. package/src/core/components/functional/sdui/types.ts +0 -0
  70. package/src/core/components/functional/states/states.md +0 -0
  71. package/src/core/components/functional/submit/submit.md +0 -0
  72. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  73. package/src/core/components/functional/value/value.ts +0 -0
  74. package/src/core/components/ui/_css/size.ts +0 -0
  75. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  76. package/src/core/components/ui/form/radio/radio.md +0 -0
  77. package/src/core/components/ui/form/select/select.md +0 -0
  78. package/src/core/components/ui/form/switch/switch.md +0 -0
  79. package/src/core/components/ui/modal/modal.ts +14 -11
  80. package/src/core/mixins/Subscriber.ts +0 -0
  81. package/src/core/utils/DataBindObserver.ts +0 -0
  82. package/src/core/utils/Objects.ts +0 -0
  83. package/src/core/utils/route.ts +0 -0
  84. package/src/docs/_core-concept/subscriber.md +0 -0
  85. package/src/docs/_getting-started/components.md +5 -0
  86. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  87. package/src/docs/_getting-started/pubsub.md +0 -0
  88. package/src/docs/_getting-started/theming.md +2 -2
  89. package/src/docs/code.ts +88 -75
  90. package/src/docs/components/docs-demo-sources.ts +16 -8
  91. package/src/docs/components/docs-lit-demo.ts +19 -37
  92. package/src/docs/docs.ts +5 -0
  93. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  94. package/src/docs/example/docs-provider-keys.ts +12 -0
  95. package/src/docs/example/users.ts +0 -0
  96. package/src/docs/header/header.ts +233 -69
  97. package/src/docs/home/catalog.ts +44 -0
  98. package/src/docs/home/home.ts +513 -0
  99. package/src/docs/home/mach-stage.ts +389 -0
  100. package/src/docs/layout.ts +3 -1
  101. package/src/docs/navigation/components-index.ts +56 -0
  102. package/src/docs/navigation/navigation.ts +240 -232
  103. package/src/docs/navigation/pager.ts +67 -0
  104. package/src/docs/navigation/toc.ts +98 -0
  105. package/src/docs/search/docs-search.json +330 -20
  106. package/src/docs/search/markdown-renderer.ts +11 -3
  107. package/src/docs/search/page.ts +0 -0
  108. package/src/docs/shiki/index.ts +109 -0
  109. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  110. package/src/docs/tailwind/css/base/theme.css +96 -0
  111. package/src/docs/tailwind/css/base/typography.css +4 -0
  112. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  113. package/src/docs/tailwind/css/docs/content.css +32 -0
  114. package/src/docs/tailwind/css/docs/page.css +10 -0
  115. package/src/docs/tailwind/css/docs.css +9 -0
  116. package/src/docs/tailwind/css/home/hero.css +210 -0
  117. package/src/docs/tailwind/css/home/motion.css +84 -0
  118. package/src/docs/tailwind/css/home/sections.css +416 -0
  119. package/src/docs/tailwind/css/tailwind.css +7 -185
  120. package/src/tsconfig.json +23 -2
  121. package/src/tsconfig.tsbuildinfo +1 -1
  122. package/tailwind.config.js +8 -4
  123. package/.github/workflows/ci.yml +0 -21
  124. package/.github-export-ignore +0 -30
  125. package/CONTRIBUTING.md +0 -59
  126. package/DEV.md +0 -54
  127. package/LICENSE +0 -21
  128. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  129. package/concorde-3d.bundle.js +0 -3960
  130. package/concorde-3d.es.js +0 -33433
  131. package/concorde-hugging-face-infer.bundle.js +0 -32
  132. package/concorde-hugging-face-infer.es.js +0 -2952
  133. package/concorde-interactive.bundle.js +0 -1157
  134. package/concorde-interactive.es.js +0 -10734
  135. package/concorde-shader.bundle.js +0 -116
  136. package/concorde-shader.es.js +0 -8353
  137. package/concorde-webgpu.bundle.js +0 -307
  138. package/concorde-webgpu.es.js +0 -8627
  139. package/docs/assets/index-D8MVWqY6.js +0 -12251
  140. package/docs/assets/index-DiD0qYvE.css +0 -1
  141. package/docs/crawl/core/components/functional/date/date.html +0 -190
  142. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  143. package/docs/crawl/core/components/functional/if/if.html +0 -27
  144. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  145. package/docs/crawl/core/components/functional/list/list.html +0 -70
  146. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  147. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  148. package/docs/crawl/core/components/functional/router/router.html +0 -106
  149. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  150. package/docs/crawl/core/components/functional/states/states.html +0 -66
  151. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  152. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  153. package/docs/crawl/core/components/functional/value/value.html +0 -51
  154. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  155. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  156. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  157. package/docs/crawl/core/components/ui/button/button.html +0 -149
  158. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  159. package/docs/crawl/core/components/ui/card/card.html +0 -99
  160. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  161. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  162. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  163. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  164. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  165. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  166. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  167. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  168. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  169. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  170. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  171. package/docs/crawl/core/components/ui/group/group.html +0 -82
  172. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  173. package/docs/crawl/core/components/ui/image/image.html +0 -110
  174. package/docs/crawl/core/components/ui/link/link.html +0 -42
  175. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  176. package/docs/crawl/core/components/ui/menu/menu.html +0 -322
  177. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  178. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  179. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  180. package/docs/crawl/core/components/ui/table/table.html +0 -413
  181. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  182. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  183. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  184. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  185. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  186. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  187. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  188. package/docs/crawl/docs/_decorators/bind.html +0 -141
  189. package/docs/crawl/docs/_decorators/get.html +0 -149
  190. package/docs/crawl/docs/_decorators/handle.html +0 -165
  191. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  192. package/docs/crawl/docs/_decorators/patch.html +0 -78
  193. package/docs/crawl/docs/_decorators/post.html +0 -139
  194. package/docs/crawl/docs/_decorators/publish.html +0 -61
  195. package/docs/crawl/docs/_decorators/put.html +0 -78
  196. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  197. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  198. package/docs/crawl/docs/_directives/sub.html +0 -93
  199. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  200. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  201. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  202. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  203. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  204. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  205. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  206. package/docs/crawl/docs/_getting-started/start.html +0 -76
  207. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  208. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  209. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  210. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  211. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  212. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  213. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  214. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  215. package/docs/crawl/hubs/decorators.html +0 -547
  216. package/docs/crawl/hubs/form-components.html +0 -359
  217. package/docs/crawl/hubs/remote-data.html +0 -452
  218. package/docs/crawl/index.html +0 -101
  219. package/docs/llms-full.txt +0 -5761
  220. package/docs/llms.txt +0 -104
  221. package/docs/sitemap.xml +0 -237
  222. package/docs/src/core/components/functional/date/date.md +0 -290
  223. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  224. package/docs/src/core/components/functional/if/if.md +0 -9
  225. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  226. package/docs/src/core/components/functional/list/list.md +0 -65
  227. package/docs/src/core/components/functional/mix/mix.md +0 -41
  228. package/docs/src/core/components/functional/queue/queue.md +0 -72
  229. package/docs/src/core/components/functional/router/router.md +0 -94
  230. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  231. package/docs/src/core/components/functional/sdui/example.json +0 -99
  232. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  233. package/docs/src/core/components/functional/states/states.md +0 -87
  234. package/docs/src/core/components/functional/submit/submit.md +0 -114
  235. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  236. package/docs/src/core/components/functional/value/value.md +0 -35
  237. package/docs/src/core/components/ui/alert/alert.md +0 -121
  238. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -0
  239. package/docs/src/core/components/ui/badge/badge.md +0 -127
  240. package/docs/src/core/components/ui/button/button.md +0 -182
  241. package/docs/src/core/components/ui/captcha/captcha.md +0 -12
  242. package/docs/src/core/components/ui/card/card.md +0 -97
  243. package/docs/src/core/components/ui/divider/divider.md +0 -35
  244. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  245. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -129
  246. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -77
  247. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -44
  248. package/docs/src/core/components/ui/form/input/input.md +0 -142
  249. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  250. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  251. package/docs/src/core/components/ui/form/select/select.md +0 -71
  252. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  253. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  254. package/docs/src/core/components/ui/group/group.md +0 -75
  255. package/docs/src/core/components/ui/icon/icon.md +0 -125
  256. package/docs/src/core/components/ui/icon/icons.json +0 -1
  257. package/docs/src/core/components/ui/image/image.md +0 -107
  258. package/docs/src/core/components/ui/link/link.md +0 -43
  259. package/docs/src/core/components/ui/loader/loader.md +0 -55
  260. package/docs/src/core/components/ui/menu/menu.md +0 -329
  261. package/docs/src/core/components/ui/modal/modal.md +0 -119
  262. package/docs/src/core/components/ui/pop/pop.md +0 -96
  263. package/docs/src/core/components/ui/progress/progress.md +0 -63
  264. package/docs/src/core/components/ui/table/table.md +0 -455
  265. package/docs/src/core/components/ui/toast/toast.md +0 -166
  266. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -82
  267. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  268. package/docs/src/docs/_core-concept/overview.md +0 -57
  269. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  270. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  271. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  272. package/docs/src/docs/_decorators/bind.md +0 -167
  273. package/docs/src/docs/_decorators/get.md +0 -162
  274. package/docs/src/docs/_decorators/handle.md +0 -175
  275. package/docs/src/docs/_decorators/on-assign.md +0 -390
  276. package/docs/src/docs/_decorators/patch.md +0 -70
  277. package/docs/src/docs/_decorators/post.md +0 -146
  278. package/docs/src/docs/_decorators/publish.md +0 -55
  279. package/docs/src/docs/_decorators/put.md +0 -70
  280. package/docs/src/docs/_decorators/subscribe.md +0 -100
  281. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  282. package/docs/src/docs/_directives/sub.md +0 -91
  283. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  284. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  285. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  286. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  287. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  288. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  289. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  290. package/docs/src/docs/_getting-started/start.md +0 -47
  291. package/docs/src/docs/_getting-started/theming.md +0 -91
  292. package/docs/src/docs/_misc/api-configuration.md +0 -81
  293. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  294. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  295. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  296. package/docs/src/docs/_misc/endpoint.md +0 -45
  297. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  298. package/docs/src/docs/_misc/html-integration.md +0 -15
  299. package/docs/src/docs/search/docs-search.json +0 -9507
  300. package/docs/src/tag-list.json +0 -1
  301. package/docs/src/tsconfig-model.json +0 -23
  302. package/docs/src/tsconfig.declarations.json +0 -22
  303. package/docs/src/tsconfig.emit.json +0 -23
  304. package/docs/src/tsconfig.json +0 -1182
  305. package/gitlab/job_github_mirror.sh +0 -39
  306. package/scripts/github-export.mjs +0 -150
  307. package/src/css.d.ts +0 -19
  308. package/src/docs/prism/index.ts +0 -6
  309. package/src/docs/prism/prism.css +0 -158
  310. package/src/docs/prism/prism.js +0 -1022
  311. package/src/tsconfig.declarations.json +0 -22
  312. 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>