@supersoniks/concorde 3.1.16 → 3.1.17

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 (352) hide show
  1. package/build-infos.json +1 -1
  2. package/concorde-core.bundle.js +3692 -0
  3. package/concorde-core.es.js +11810 -0
  4. package/dist/concorde-core.bundle.js +3692 -0
  5. package/dist/concorde-core.es.js +11810 -0
  6. package/dist/css/docs.css +0 -0
  7. package/dist/fonts/ClashGrotesk-Bold.eot +0 -0
  8. package/dist/fonts/ClashGrotesk-Bold.ttf +0 -0
  9. package/dist/fonts/ClashGrotesk-Bold.woff +0 -0
  10. package/dist/fonts/ClashGrotesk-Bold.woff2 +0 -0
  11. package/dist/fonts/ClashGrotesk-Extralight.eot +0 -0
  12. package/dist/fonts/ClashGrotesk-Extralight.ttf +0 -0
  13. package/dist/fonts/ClashGrotesk-Extralight.woff +0 -0
  14. package/dist/fonts/ClashGrotesk-Extralight.woff2 +0 -0
  15. package/dist/fonts/ClashGrotesk-Light.eot +0 -0
  16. package/dist/fonts/ClashGrotesk-Light.ttf +0 -0
  17. package/dist/fonts/ClashGrotesk-Light.woff +0 -0
  18. package/dist/fonts/ClashGrotesk-Light.woff2 +0 -0
  19. package/dist/fonts/ClashGrotesk-Medium.eot +0 -0
  20. package/dist/fonts/ClashGrotesk-Medium.ttf +0 -0
  21. package/dist/fonts/ClashGrotesk-Medium.woff +0 -0
  22. package/dist/fonts/ClashGrotesk-Medium.woff2 +0 -0
  23. package/dist/fonts/ClashGrotesk-Regular.eot +0 -0
  24. package/dist/fonts/ClashGrotesk-Regular.ttf +0 -0
  25. package/dist/fonts/ClashGrotesk-Regular.woff +0 -0
  26. package/dist/fonts/ClashGrotesk-Regular.woff2 +0 -0
  27. package/dist/fonts/ClashGrotesk-Semibold.eot +0 -0
  28. package/dist/fonts/ClashGrotesk-Semibold.ttf +0 -0
  29. package/dist/fonts/ClashGrotesk-Semibold.woff +0 -0
  30. package/dist/fonts/ClashGrotesk-Semibold.woff2 +0 -0
  31. package/dist/fonts/ClashGrotesk-Variable.eot +0 -0
  32. package/dist/fonts/ClashGrotesk-Variable.ttf +0 -0
  33. package/dist/fonts/ClashGrotesk-Variable.woff +0 -0
  34. package/dist/fonts/ClashGrotesk-Variable.woff2 +0 -0
  35. package/dist/img/concorde-icon.svg +5 -0
  36. package/dist/img/concorde-logo.svg +1 -0
  37. package/dist/img/concorde.png +0 -0
  38. package/dist/img/concorde_def.png +0 -0
  39. package/dist/img/concorde_seuil.png.webp +0 -0
  40. package/dist/img/concorde_seuil_invert.png +0 -0
  41. package/dist/img/paul_metrand.jpg +0 -0
  42. package/dist/img/paul_metrand_xs.jpg +0 -0
  43. package/dist/svg/regular/plane.svg +1 -0
  44. package/dist/svg/solid/plane.svg +1 -0
  45. package/docs/assets/index--bDsd7qW.css +1 -0
  46. package/docs/assets/index-Ce3mr_lI.js +4040 -0
  47. package/docs/css/docs.css +0 -0
  48. package/docs/img/concorde-logo.svg +1 -0
  49. package/docs/img/concorde.png +0 -0
  50. package/docs/img/concorde_def.png +0 -0
  51. package/docs/index.html +132 -0
  52. package/docs/src/core/components/functional/date/date.md +290 -0
  53. package/docs/src/core/components/functional/fetch/fetch.md +117 -0
  54. package/docs/src/core/components/functional/if/if.md +16 -0
  55. package/docs/src/core/components/functional/list/list.md +194 -0
  56. package/docs/src/core/components/functional/mix/mix.md +41 -0
  57. package/docs/src/core/components/functional/queue/queue.md +87 -0
  58. package/docs/src/core/components/functional/router/router.md +112 -0
  59. package/docs/src/core/components/functional/sdui/default-library.json +108 -0
  60. package/docs/src/core/components/functional/sdui/example.json +99 -0
  61. package/docs/src/core/components/functional/sdui/sdui.md +356 -0
  62. package/docs/src/core/components/functional/states/states.md +87 -0
  63. package/docs/src/core/components/functional/submit/submit.md +48 -0
  64. package/docs/src/core/components/functional/subscriber/subscriber.md +91 -0
  65. package/docs/src/core/components/functional/value/value.md +35 -0
  66. package/docs/src/core/components/ui/alert/alert.md +121 -0
  67. package/docs/src/core/components/ui/badge/badge.md +102 -0
  68. package/docs/src/core/components/ui/button/button.md +184 -0
  69. package/docs/src/core/components/ui/captcha/captcha.md +12 -0
  70. package/docs/src/core/components/ui/card/card.md +96 -0
  71. package/docs/src/core/components/ui/divider/divider.md +35 -0
  72. package/docs/src/core/components/ui/form/checkbox/checkbox.md +96 -0
  73. package/docs/src/core/components/ui/form/fieldset/fieldset.md +129 -0
  74. package/docs/src/core/components/ui/form/form-actions/form-actions.md +77 -0
  75. package/docs/src/core/components/ui/form/form-layout/form-layout.md +43 -0
  76. package/docs/src/core/components/ui/form/input/input.md +168 -0
  77. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +130 -0
  78. package/docs/src/core/components/ui/form/radio/radio.md +86 -0
  79. package/docs/src/core/components/ui/form/select/select.md +99 -0
  80. package/docs/src/core/components/ui/form/textarea/textarea.md +66 -0
  81. package/docs/src/core/components/ui/group/group.md +75 -0
  82. package/docs/src/core/components/ui/icon/icon.md +125 -0
  83. package/docs/src/core/components/ui/icon/icons.json +1 -0
  84. package/docs/src/core/components/ui/image/image.md +107 -0
  85. package/docs/src/core/components/ui/link/link.md +43 -0
  86. package/docs/src/core/components/ui/loader/loader.md +37 -0
  87. package/docs/src/core/components/ui/menu/menu.md +288 -0
  88. package/docs/src/core/components/ui/modal/modal.md +123 -0
  89. package/docs/src/core/components/ui/pop/pop.md +79 -0
  90. package/docs/src/core/components/ui/progress/progress.md +65 -0
  91. package/docs/src/core/components/ui/table/table.md +467 -0
  92. package/docs/src/core/components/ui/tooltip/tooltip.md +37 -0
  93. package/docs/src/docs/_core-concept/overview.md +57 -0
  94. package/docs/src/docs/_core-concept/subscriber.md +76 -0
  95. package/docs/src/docs/_getting-started/concorde-outside.md +141 -0
  96. package/docs/src/docs/_getting-started/create-a-component.md +137 -0
  97. package/docs/src/docs/_getting-started/pubsub.md +150 -0
  98. package/docs/src/docs/_getting-started/start.md +37 -0
  99. package/docs/src/docs/_getting-started/theming.md +91 -0
  100. package/docs/src/docs/search/docs-search.json +3737 -0
  101. package/docs/src/tag-list.json +1 -0
  102. package/docs/src/tsconfig.json +113 -0
  103. package/docs/svg/regular/plane.svg +1 -0
  104. package/docs/svg/solid/plane.svg +1 -0
  105. package/index.html +0 -0
  106. package/notes de migration.md +0 -0
  107. package/package.json +1 -1
  108. package/postcss.config.cjs +0 -0
  109. package/public/css/docs.css +0 -0
  110. package/public/fonts/ClashGrotesk-Bold.eot +0 -0
  111. package/public/fonts/ClashGrotesk-Bold.ttf +0 -0
  112. package/public/fonts/ClashGrotesk-Bold.woff +0 -0
  113. package/public/fonts/ClashGrotesk-Bold.woff2 +0 -0
  114. package/public/fonts/ClashGrotesk-Extralight.eot +0 -0
  115. package/public/fonts/ClashGrotesk-Extralight.ttf +0 -0
  116. package/public/fonts/ClashGrotesk-Extralight.woff +0 -0
  117. package/public/fonts/ClashGrotesk-Extralight.woff2 +0 -0
  118. package/public/fonts/ClashGrotesk-Light.eot +0 -0
  119. package/public/fonts/ClashGrotesk-Light.ttf +0 -0
  120. package/public/fonts/ClashGrotesk-Light.woff +0 -0
  121. package/public/fonts/ClashGrotesk-Light.woff2 +0 -0
  122. package/public/fonts/ClashGrotesk-Medium.eot +0 -0
  123. package/public/fonts/ClashGrotesk-Medium.ttf +0 -0
  124. package/public/fonts/ClashGrotesk-Medium.woff +0 -0
  125. package/public/fonts/ClashGrotesk-Medium.woff2 +0 -0
  126. package/public/fonts/ClashGrotesk-Regular.eot +0 -0
  127. package/public/fonts/ClashGrotesk-Regular.ttf +0 -0
  128. package/public/fonts/ClashGrotesk-Regular.woff +0 -0
  129. package/public/fonts/ClashGrotesk-Regular.woff2 +0 -0
  130. package/public/fonts/ClashGrotesk-Semibold.eot +0 -0
  131. package/public/fonts/ClashGrotesk-Semibold.ttf +0 -0
  132. package/public/fonts/ClashGrotesk-Semibold.woff +0 -0
  133. package/public/fonts/ClashGrotesk-Semibold.woff2 +0 -0
  134. package/public/fonts/ClashGrotesk-Variable.eot +0 -0
  135. package/public/fonts/ClashGrotesk-Variable.ttf +0 -0
  136. package/public/fonts/ClashGrotesk-Variable.woff +0 -0
  137. package/public/fonts/ClashGrotesk-Variable.woff2 +0 -0
  138. package/public/img/concorde-icon.svg +0 -0
  139. package/public/img/concorde-logo.svg +0 -0
  140. package/public/img/concorde.png +0 -0
  141. package/public/img/concorde_def.png +0 -0
  142. package/public/img/concorde_seuil.png.webp +0 -0
  143. package/public/img/concorde_seuil_invert.png +0 -0
  144. package/public/img/paul_metrand.jpg +0 -0
  145. package/public/img/paul_metrand_xs.jpg +0 -0
  146. package/public/svg/regular/plane.svg +0 -0
  147. package/public/svg/solid/plane.svg +0 -0
  148. package/scripts/create-search.js +0 -0
  149. package/scripts/post-build-docs.js +0 -0
  150. package/scripts/post-build.mjs +0 -0
  151. package/scripts/pre-build.mjs +0 -0
  152. package/src/components.ts +0 -0
  153. package/src/concorde-loaded.ts +0 -0
  154. package/src/core/_types/types.ts +0 -0
  155. package/src/core/components/functional/date/date.md +0 -0
  156. package/src/core/components/functional/date/date.ts +0 -0
  157. package/src/core/components/functional/example/example.ts +0 -0
  158. package/src/core/components/functional/fetch/fetch.md +0 -0
  159. package/src/core/components/functional/fetch/fetch.ts +0 -0
  160. package/src/core/components/functional/functional.ts +0 -0
  161. package/src/core/components/functional/if/if.md +0 -0
  162. package/src/core/components/functional/if/if.test.ts +0 -0
  163. package/src/core/components/functional/if/if.ts +0 -0
  164. package/src/core/components/functional/list/list.md +0 -0
  165. package/src/core/components/functional/list/list.ts +0 -0
  166. package/src/core/components/functional/mix/mix.md +0 -0
  167. package/src/core/components/functional/mix/mix.ts +0 -0
  168. package/src/core/components/functional/queue/queue.md +0 -0
  169. package/src/core/components/functional/queue/queue.ts +0 -0
  170. package/src/core/components/functional/router/redirect.ts +0 -0
  171. package/src/core/components/functional/router/router.md +0 -0
  172. package/src/core/components/functional/router/router.ts +0 -0
  173. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  174. package/src/core/components/functional/sdui/default-library.json +0 -0
  175. package/src/core/components/functional/sdui/example.json +0 -0
  176. package/src/core/components/functional/sdui/sdui-utils.ts +0 -0
  177. package/src/core/components/functional/sdui/sdui.md +0 -0
  178. package/src/core/components/functional/sdui/sdui.ts +0 -0
  179. package/src/core/components/functional/sdui/types.ts +0 -0
  180. package/src/core/components/functional/sonic-scope/sonic-scope.ts +0 -0
  181. package/src/core/components/functional/states/states.md +0 -0
  182. package/src/core/components/functional/states/states.ts +0 -0
  183. package/src/core/components/functional/submit/submit.md +0 -0
  184. package/src/core/components/functional/submit/submit.ts +0 -0
  185. package/src/core/components/functional/subscriber/subscriber.md +0 -0
  186. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  187. package/src/core/components/functional/value/value.md +0 -0
  188. package/src/core/components/functional/value/value.ts +0 -0
  189. package/src/core/components/ui/_css/scroll.ts +0 -0
  190. package/src/core/components/ui/_css/size.ts +0 -0
  191. package/src/core/components/ui/_css/type.ts +0 -0
  192. package/src/core/components/ui/alert/alert.md +0 -0
  193. package/src/core/components/ui/alert/alert.ts +0 -0
  194. package/src/core/components/ui/badge/badge.md +0 -0
  195. package/src/core/components/ui/badge/badge.ts +0 -0
  196. package/src/core/components/ui/button/button.md +0 -0
  197. package/src/core/components/ui/button/button.ts +0 -0
  198. package/src/core/components/ui/captcha/captcha.md +0 -0
  199. package/src/core/components/ui/captcha/captcha.ts +0 -0
  200. package/src/core/components/ui/card/card-footer.ts +0 -0
  201. package/src/core/components/ui/card/card-header-descripton.ts +0 -0
  202. package/src/core/components/ui/card/card-header.ts +0 -0
  203. package/src/core/components/ui/card/card-main.ts +0 -0
  204. package/src/core/components/ui/card/card.md +0 -0
  205. package/src/core/components/ui/card/card.ts +0 -0
  206. package/src/core/components/ui/divider/divider.md +0 -0
  207. package/src/core/components/ui/divider/divider.ts +0 -0
  208. package/src/core/components/ui/form/checkbox/checkbox.md +0 -0
  209. package/src/core/components/ui/form/checkbox/checkbox.ts +0 -0
  210. package/src/core/components/ui/form/css/form-control.ts +0 -0
  211. package/src/core/components/ui/form/fieldset/fieldset.md +0 -0
  212. package/src/core/components/ui/form/fieldset/fieldset.ts +0 -0
  213. package/src/core/components/ui/form/fieldset/legend-description.ts +0 -0
  214. package/src/core/components/ui/form/fieldset/legend.ts +0 -0
  215. package/src/core/components/ui/form/form-actions/form-actions.md +0 -0
  216. package/src/core/components/ui/form/form-actions/form-actions.ts +0 -0
  217. package/src/core/components/ui/form/form-layout/form-layout.md +0 -0
  218. package/src/core/components/ui/form/form-layout/form-layout.ts +0 -0
  219. package/src/core/components/ui/form/input/input.md +0 -0
  220. package/src/core/components/ui/form/input/input.ts +0 -0
  221. package/src/core/components/ui/form/input/password-helper.ts +0 -0
  222. package/src/core/components/ui/form/input/same-value-helper.ts +0 -0
  223. package/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -0
  224. package/src/core/components/ui/form/input-autocomplete/input-autocomplete.ts +0 -0
  225. package/src/core/components/ui/form/radio/radio.md +0 -0
  226. package/src/core/components/ui/form/radio/radio.ts +0 -0
  227. package/src/core/components/ui/form/select/select.md +0 -0
  228. package/src/core/components/ui/form/select/select.ts +0 -0
  229. package/src/core/components/ui/form/textarea/textarea.md +0 -0
  230. package/src/core/components/ui/form/textarea/textarea.ts +0 -0
  231. package/src/core/components/ui/group/group.md +0 -0
  232. package/src/core/components/ui/group/group.ts +0 -0
  233. package/src/core/components/ui/icon/icon.md +0 -0
  234. package/src/core/components/ui/icon/icon.stories.ts +0 -0
  235. package/src/core/components/ui/icon/icon.ts +0 -0
  236. package/src/core/components/ui/icon/icons.json +0 -0
  237. package/src/core/components/ui/icon/icons.ts +0 -0
  238. package/src/core/components/ui/icon/svgs/cancel.svg +0 -0
  239. package/src/core/components/ui/icon/svgs/check-circled-outline.svg +0 -0
  240. package/src/core/components/ui/icon/svgs/check.svg +0 -0
  241. package/src/core/components/ui/icon/svgs/emoji-puzzled.svg +0 -0
  242. package/src/core/components/ui/icon/svgs/info-empty.svg +0 -0
  243. package/src/core/components/ui/icon/svgs/loader.svg +0 -0
  244. package/src/core/components/ui/icon/svgs/minus-small.svg +0 -0
  245. package/src/core/components/ui/icon/svgs/more-horiz.svg +0 -0
  246. package/src/core/components/ui/icon/svgs/more-vert.svg +0 -0
  247. package/src/core/components/ui/icon/svgs/nav-arrow-down.svg +0 -0
  248. package/src/core/components/ui/icon/svgs/warning-circled-outline.svg +0 -0
  249. package/src/core/components/ui/image/image.md +0 -0
  250. package/src/core/components/ui/image/image.ts +0 -0
  251. package/src/core/components/ui/link/link.md +0 -0
  252. package/src/core/components/ui/link/link.ts +0 -0
  253. package/src/core/components/ui/loader/loader.md +0 -0
  254. package/src/core/components/ui/loader/loader.stories.ts +0 -0
  255. package/src/core/components/ui/loader/loader.ts +0 -0
  256. package/src/core/components/ui/loader/styles/fixed.ts +0 -0
  257. package/src/core/components/ui/loader/styles/inline.ts +0 -0
  258. package/src/core/components/ui/menu/menu-item.ts +0 -0
  259. package/src/core/components/ui/menu/menu.md +0 -0
  260. package/src/core/components/ui/menu/menu.ts +0 -0
  261. package/src/core/components/ui/modal/modal-actions.ts +0 -0
  262. package/src/core/components/ui/modal/modal-close.ts +0 -0
  263. package/src/core/components/ui/modal/modal-content.ts +0 -0
  264. package/src/core/components/ui/modal/modal-subtitle.ts +0 -0
  265. package/src/core/components/ui/modal/modal-title.ts +0 -0
  266. package/src/core/components/ui/modal/modal.md +0 -0
  267. package/src/core/components/ui/modal/modal.stories.ts +0 -0
  268. package/src/core/components/ui/modal/modal.ts +0 -0
  269. package/src/core/components/ui/pop/pop.md +0 -0
  270. package/src/core/components/ui/pop/pop.ts +0 -0
  271. package/src/core/components/ui/progress/progress.md +0 -0
  272. package/src/core/components/ui/progress/progress.ts +0 -0
  273. package/src/core/components/ui/table/table-caption.ts +0 -0
  274. package/src/core/components/ui/table/table-tbody.ts +0 -0
  275. package/src/core/components/ui/table/table-td.ts +0 -0
  276. package/src/core/components/ui/table/table-tfoot.ts +0 -0
  277. package/src/core/components/ui/table/table-th.ts +0 -0
  278. package/src/core/components/ui/table/table-thead.ts +0 -0
  279. package/src/core/components/ui/table/table-tr.ts +0 -0
  280. package/src/core/components/ui/table/table.md +0 -0
  281. package/src/core/components/ui/table/table.ts +0 -0
  282. package/src/core/components/ui/theme/theme-collection/core-variables.ts +0 -0
  283. package/src/core/components/ui/theme/theme-collection/dark.ts +0 -0
  284. package/src/core/components/ui/theme/theme-collection/light.ts +0 -0
  285. package/src/core/components/ui/theme/theme.ts +0 -0
  286. package/src/core/components/ui/toast/message-subscriber.stories.ts +0 -0
  287. package/src/core/components/ui/toast/message-subscriber.ts +0 -0
  288. package/src/core/components/ui/toast/toast-item.ts +0 -0
  289. package/src/core/components/ui/toast/toast.ts +0 -0
  290. package/src/core/components/ui/toast/types.ts +0 -0
  291. package/src/core/components/ui/tooltip/tooltip.md +0 -0
  292. package/src/core/components/ui/tooltip/tooltip.ts +0 -0
  293. package/src/core/components/ui/ui.ts +0 -0
  294. package/src/core/core.ts +0 -0
  295. package/src/core/decorators/Subscriber.ts +0 -0
  296. package/src/core/directives/DataProvider.ts +0 -0
  297. package/src/core/directives/Wording.ts +0 -0
  298. package/src/core/mixins/Fetcher.ts +0 -0
  299. package/src/core/mixins/FormCheckable.ts +0 -0
  300. package/src/core/mixins/FormElement.ts +0 -0
  301. package/src/core/mixins/FormInput.ts +0 -0
  302. package/src/core/mixins/Subscriber.ts +0 -0
  303. package/src/core/mixins/TemplatesContainer.ts +0 -0
  304. package/src/core/mixins/mixins.ts +0 -0
  305. package/src/core/utils/Arrays.ts +0 -0
  306. package/src/core/utils/DataBindObserver.ts +0 -0
  307. package/src/core/utils/Electron.ts +0 -0
  308. package/src/core/utils/Format.ts +0 -0
  309. package/src/core/utils/HTML.ts +0 -0
  310. package/src/core/utils/LocationHandler.ts +0 -0
  311. package/src/core/utils/Objects.ts +0 -0
  312. package/src/core/utils/PublisherProxy.ts +0 -0
  313. package/src/core/utils/Utils.ts +0 -0
  314. package/src/core/utils/api.ts +0 -0
  315. package/src/core/utils/route.ts +0 -0
  316. package/src/core/utils/url-pattern.ts +0 -0
  317. package/src/decorators.ts +0 -0
  318. package/src/directives.ts +0 -0
  319. package/src/docs/_core-concept/overview.md +0 -0
  320. package/src/docs/_core-concept/subscriber.md +0 -0
  321. package/src/docs/_getting-started/concorde-outside.md +0 -0
  322. package/src/docs/_getting-started/create-a-component.md +0 -0
  323. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  324. package/src/docs/_getting-started/pubsub.md +0 -0
  325. package/src/docs/_getting-started/start.md +0 -0
  326. package/src/docs/_getting-started/theming.md +0 -0
  327. package/src/docs/code.ts +0 -0
  328. package/src/docs/docs.ts +0 -0
  329. package/src/docs/example/users.ts +0 -0
  330. package/src/docs/header/header.ts +0 -0
  331. package/src/docs/navigation/navigation.ts +0 -0
  332. package/src/docs/prism/index.ts +0 -0
  333. package/src/docs/prism/prism.css +0 -0
  334. package/src/docs/prism/prism.js +0 -0
  335. package/src/docs/search/docs-search.json +0 -0
  336. package/src/docs/search/markdown-renderer.ts +0 -0
  337. package/src/docs/search/page.ts +0 -0
  338. package/src/docs/search/search.ts +0 -0
  339. package/src/docs/tailwind/css/tailwind.css +0 -0
  340. package/src/docs/tailwind/css/tailwind.d.ts +0 -0
  341. package/src/docs/tailwind/index.ts +0 -0
  342. package/src/docs.ts +0 -0
  343. package/src/index.ts +0 -0
  344. package/src/mixins.ts +0 -0
  345. package/src/tag-list.json +0 -0
  346. package/src/test-utils/TestUtils.ts +0 -0
  347. package/src/tsconfig-model.json +0 -0
  348. package/src/tsconfig.json +0 -0
  349. package/src/utils.ts +0 -0
  350. package/tailwind.config.js +0 -0
  351. package/test-utils/TestUtils.ts +0 -0
  352. package/vite.config.mts +0 -0
package/docs/src/core/components/ui/menu/menu.md ADDED
@@ -0,0 +1,288 @@
1
+ # Menu
2
+
3
+ ## Direction
4
+ <sonic-code>
5
+ <template>
6
+ <sonic-menu direction="row" >
7
+ <sonic-menu-item variant="ghost">
8
+ <sonic-icon library="iconoir" name="arrow-right" slot="prefix"></sonic-icon>
9
+ Row
10
+ </sonic-menu-item>
11
+ <sonic-menu-item>
12
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
13
+ Profile
14
+ </sonic-menu-item>
15
+ <sonic-menu-item >
16
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
17
+ History
18
+ </sonic-menu-item>
19
+ <sonic-menu-item >
20
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
21
+ Orders
22
+ </sonic-menu-item>
23
+ <sonic-menu-item type="danger">
24
+ <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
25
+ Log out
26
+ </sonic-menu-item>
27
+ </sonic-menu>
28
+ <sonic-menu direction ="column" >
29
+ <sonic-menu-item variant="ghost">
30
+ <sonic-icon library="iconoir" name="arrow-down" slot="prefix"></sonic-icon>
31
+ Column
32
+ </sonic-menu-item>
33
+ <sonic-menu-item>
34
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
35
+ Profile
36
+ </sonic-menu-item>
37
+ <sonic-menu-item >
38
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
39
+ History
40
+ </sonic-menu-item>
41
+ <sonic-menu-item >
42
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
43
+ Orders
44
+ </sonic-menu-item>
45
+ <sonic-menu-item type="danger">
46
+ <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
47
+ Log out
48
+ </sonic-menu-item>
49
+ </sonic-menu>
50
+ </template>
51
+ </sonic-code>
52
+
53
+ ## Size
54
+ <sonic-code>
55
+ <template>
56
+ <div class="grid gap-3">
57
+ <sonic-menu size="xs" direction="row">
58
+ <sonic-menu-item>
59
+ XS
60
+ </sonic-menu-item>
61
+ <sonic-menu-item>
62
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
63
+ Profile
64
+ </sonic-menu-item>
65
+ <sonic-menu-item >
66
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
67
+ History
68
+ </sonic-menu-item>
69
+ <sonic-menu-item >
70
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
71
+ Orders
72
+ </sonic-menu-item>
73
+ </sonic-menu>
74
+ <sonic-menu size="sm" direction="row">
75
+ <sonic-menu-item>
76
+ Small
77
+ </sonic-menu-item>
78
+ <sonic-menu-item>
79
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
80
+ Profile
81
+ </sonic-menu-item>
82
+ <sonic-menu-item >
83
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
84
+ History
85
+ </sonic-menu-item>
86
+ <sonic-menu-item >
87
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
88
+ Orders
89
+ </sonic-menu-item>
90
+ </sonic-menu>
91
+ <sonic-menu direction="row">
92
+ <sonic-menu-item>
93
+ Medium
94
+ </sonic-menu-item>
95
+ <sonic-menu-item>
96
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
97
+ Profile
98
+ </sonic-menu-item>
99
+ <sonic-menu-item >
100
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
101
+ History
102
+ </sonic-menu-item>
103
+ <sonic-menu-item >
104
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
105
+ Orders
106
+ </sonic-menu-item>
107
+ </sonic-menu>
108
+ <sonic-menu size="lg" direction="row">
109
+ <sonic-menu-item>
110
+ Large
111
+ </sonic-menu-item>
112
+ <sonic-menu-item>
113
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
114
+ Profile
115
+ </sonic-menu-item>
116
+ <sonic-menu-item >
117
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
118
+ History
119
+ </sonic-menu-item>
120
+ <sonic-menu-item >
121
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
122
+ Orders
123
+ </sonic-menu-item>
124
+ </sonic-menu>
125
+ <sonic-menu size="xl" direction="row">
126
+ <sonic-menu-item>
127
+ XL
128
+ </sonic-menu-item>
129
+ <sonic-menu-item>
130
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
131
+ Profile
132
+ </sonic-menu-item>
133
+ <sonic-menu-item >
134
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
135
+ History
136
+ </sonic-menu-item>
137
+ <sonic-menu-item >
138
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
139
+ Orders
140
+ </sonic-menu-item>
141
+ </sonic-menu>
142
+ </div>
143
+ </template>
144
+ </sonic-code>
145
+
146
+ ## Shadow
147
+ <sonic-code>
148
+ <template>
149
+ <div class="grid gap-3">
150
+ <sonic-menu direction="row">
151
+ <sonic-menu-item>
152
+ None
153
+ </sonic-menu-item>
154
+ </sonic-menu>
155
+ <sonic-menu shadow="sm" direction="row">
156
+ <sonic-menu-item>
157
+ Small
158
+ </sonic-menu-item>
159
+ </sonic-menu>
160
+ <sonic-menu shadow="md" direction="row">
161
+ <sonic-menu-item>
162
+ Medium
163
+ </sonic-menu-item>
164
+ </sonic-menu>
165
+ <sonic-menu shadow="lg" direction="row">
166
+ <sonic-menu-item>
167
+ Large
168
+ </sonic-menu-item>
169
+ </sonic-menu>
170
+ </div>
171
+ </template>
172
+ </sonic-code>
173
+
174
+ ## Align
175
+ <sonic-code>
176
+ <template>
177
+ <sonic-menu align="center">
178
+ <sonic-menu-item variant="ghost">
179
+ <sonic-icon library="iconoir" name="home"></sonic-icon>
180
+ Home
181
+ </sonic-menu-item>
182
+ <sonic-menu-item>
183
+ <sonic-icon library="iconoir" name="user"></sonic-icon>
184
+ Profile
185
+ </sonic-menu-item>
186
+ </sonic-menu>
187
+ <sonic-menu align="left">
188
+ <sonic-menu-item variant="ghost">
189
+ <sonic-icon library="iconoir" name="home"></sonic-icon>
190
+ Home
191
+ </sonic-menu-item>
192
+ <sonic-menu-item>
193
+ <sonic-icon library="iconoir" name="user"></sonic-icon>
194
+ Profile
195
+ </sonic-menu-item>
196
+ </sonic-menu>
197
+ <sonic-menu align="right">
198
+ <sonic-menu-item variant="ghost">
199
+ <sonic-icon library="iconoir" name="home"></sonic-icon>
200
+ Home
201
+ </sonic-menu-item>
202
+ <sonic-menu-item>
203
+ <sonic-icon library="iconoir" name="user"></sonic-icon>
204
+ Profile
205
+ </sonic-menu-item>
206
+ </sonic-menu>
207
+ </template>
208
+ </sonic-code>
209
+
210
+
211
+
212
+ ## More
213
+ <sonic-code>
214
+ <template>
215
+ <sonic-menu direction="row">
216
+ <sonic-menu-item variant="ghost">
217
+ <sonic-icon library="iconoir" name="home"></sonic-icon>
218
+ Home
219
+ </sonic-menu-item>
220
+ <sonic-menu-item>
221
+ <sonic-icon library="iconoir" name="user"></sonic-icon>
222
+ Profile
223
+ </sonic-menu-item>
224
+ <sonic-menu-item >
225
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
226
+ History
227
+ </sonic-menu-item>
228
+ <sonic-menu-item >
229
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
230
+ Orders
231
+ </sonic-menu-item>
232
+ <sonic-menu slot="more">
233
+ <sonic-menu-item >
234
+ <sonic-icon library="iconoir" name="settings" slot="prefix"></sonic-icon>
235
+ Settings
236
+ </sonic-menu-item>
237
+ <sonic-menu-item >
238
+ <sonic-icon library="iconoir" name="chat-bubble" slot="prefix"></sonic-icon>
239
+ Messages
240
+ </sonic-menu-item>
241
+ <sonic-divider></sonic-divider>
242
+ <sonic-menu-item type="danger">
243
+ <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
244
+ Log out
245
+ </sonic-menu-item>
246
+ </sonic-menu>
247
+ </sonic-menu>
248
+ </template>
249
+ </sonic-code>
250
+
251
+ ## Scrollable
252
+ <sonic-code>
253
+ <template>
254
+ <sonic-menu direction="row" scrollable>
255
+ <sonic-menu-item variant="ghost">
256
+ <sonic-icon library="iconoir" name="home" slot="prefix"></sonic-icon>
257
+ Home
258
+ </sonic-menu-item>
259
+ <sonic-menu-item>
260
+ <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
261
+ Profile
262
+ </sonic-menu-item>
263
+ <sonic-menu-item >
264
+ <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
265
+ History
266
+ </sonic-menu-item>
267
+ <sonic-menu-item >
268
+ <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
269
+ Orders
270
+ </sonic-menu-item>
271
+ <sonic-menu-item >
272
+ <sonic-icon library="iconoir" name="settings" slot="prefix"></sonic-icon>
273
+ Settings
274
+ </sonic-menu-item>
275
+ <sonic-menu-item >
276
+ <sonic-icon library="iconoir" name="chat-bubble" slot="prefix"></sonic-icon>
277
+ Messages
278
+ </sonic-menu-item>
279
+ <sonic-menu-item type="danger">
280
+ <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
281
+ Log out
282
+ </sonic-menu-item>
283
+ </sonic-menu>
284
+ </template>
285
+ </sonic-code>
286
+
287
+
288
+
package/docs/src/core/components/ui/modal/modal.md ADDED
@@ -0,0 +1,123 @@
1
+ ## Modal
2
+
3
+ <sonic-code>
4
+ <template>
5
+ <sonic-button onclick="document.getElementById('modalExample').show()">
6
+ Simple modal
7
+ </sonic-button>
8
+ <sonic-modal id="modalExample">
9
+ <sonic-modal-close></sonic-modal-close>
10
+ <sonic-modal-title
11
+ >Lorem ipsum dolor sit amet <sonic-badge type="danger" size="sm">+33</sonic-badge></sonic-modal-title
12
+ >
13
+ <sonic-modal-subtitle>Donec sed vestibulum augue.</sonic-modal-subtitle>
14
+ <sonic-modal-content>
15
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
16
+ </sonic-modal-content>
17
+ <sonic-modal-actions formDataProvider="youpla">
18
+ <sonic-button FormCheckable hideModal="false" minWidth="8rem" value="true" name="click">
19
+ Click don't close
20
+ </sonic-button>
21
+ <sonic-button minWidth="8rem" type="success">Confirm</sonic-button>
22
+ </sonic-modal-actions>
23
+ </sonic-modal>
24
+ </template>
25
+ </sonic-code>
26
+
27
+
28
+ ## Long text
29
+
30
+ <sonic-code>
31
+ <template>
32
+ <sonic-button onclick="document.getElementById('modalText').show()"> Long text </sonic-button>
33
+ <sonic-modal align="left" id="modalText">
34
+ <sonic-modal-close></sonic-modal-close>
35
+ <sonic-modal-title>Infos et tarifs </sonic-modal-title>
36
+ <sonic-modal-content>
37
+ <div class="prose">
38
+ <p>
39
+ <strong>Horaires d’ouverture </strong><br />
40
+ Du mercredi au samedi de 13h30 à 19h et le dimanche de 13h30 à 18h<br />
41
+ + horaires spécifiques pour événements ou festivals&nbsp;
42
+ </p>
43
+ <p>
44
+ <strong> Billetterie&nbsp;<br /></strong>
45
+ La participation à certains événements et activités est soumise à un système de billetterie avec achats ou
46
+ réservations disponibles en ligne ou au guichet.&nbsp;&nbsp;<strong><br /></strong>
47
+ </p>
48
+ <p>
49
+ Les tarifs (Tarif plein / Tarif Réduit / Tarif Spécifique) sont indiqués pour chaque événement et peuvent
50
+ varier selon la nature de l’événement. Les tarifs sont identiques en ligne et au guichet. Il est néanmoins
51
+ conseillé de réserver les billets en avance pour s’assurer une place.
52
+ </p>
53
+ <p>
54
+ L’accès au Skatepark, Fablab et Halle C sont soumis à adhésions. Les adhésions sont gratuites et
55
+ nominatives. Elle donnent accès aux espaces dans la limite des places disponibles.
56
+ </p>
57
+ <p>
58
+ <strong>+ d’infos <br /></strong>billetterie@laconditionpublique.com <br />+33 (0)328334833&nbsp;
59
+ </p>
60
+ <br />
61
+ <p>
62
+ <strong>Accès <br /></strong>14, place Faidherbe <br />59100 Roubaix <br />Métro / Tram : Arrêt
63
+ Eurotéléport, Ligne 2 <br />Bus / V’Lille : Arrêt Condition Publique&nbsp;
64
+ </p>
65
+ <p>
66
+ Accès handicapés : nous contacter avant votre venue au 03 28 33 48 33 ou par mail
67
+ billetterie@laconditionpublique.com
68
+ </p>
69
+ </div>
70
+ </sonic-modal-content>
71
+ </sonic-modal>
72
+ </template>
73
+ </sonic-code>
74
+
75
+ ## Force action
76
+
77
+ <sonic-code>
78
+ <template>
79
+ <sonic-button onclick="document.getElementById('force').show()"> Action obligatoire </sonic-button>
80
+ <sonic-modal forceAction id="force">
81
+ <sonic-modal-title>Voulez-vous accepter les cookies ? </sonic-modal-title>
82
+ <sonic-modal-content>
83
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
84
+ </sonic-modal-content>
85
+ <sonic-modal-actions formDataProvider="youpla">
86
+ <sonic-button> Nope </sonic-button>
87
+ <sonic-button minWidth="8rem" type="success">Carrément</sonic-button>
88
+ </sonic-modal-actions>
89
+ </sonic-modal>
90
+ </sonic-modal>
91
+ </template>
92
+ </sonic-code>
93
+
94
+ ## Custom dimensions
95
+
96
+ <sonic-code>
97
+ <template>
98
+ <sonic-button onclick="document.getElementById('CustomWidth').show()"> Custom width </sonic-button>
99
+ <sonic-modal maxHeight="50vh" maxWidth="90vw" width="100%" height="100%" id="CustomWidth">
100
+ <sonic-modal-close></sonic-modal-close>
101
+ <sonic-image
102
+ cover
103
+ objectPosition="center 20%"
104
+ src="https://thegoodlife.thegoodhub.com/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
105
+ ></sonic-image>
106
+ </sonic-modal>
107
+ </template>
108
+ </sonic-code>
109
+
110
+ ## Fullscreen
111
+
112
+ <sonic-code>
113
+ <template>
114
+ <sonic-button onclick="document.getElementById('Fullscreen').show()"> Fullscreen </sonic-button>
115
+ <sonic-modal fullscreen id="Fullscreen">
116
+ <sonic-modal-close></sonic-modal-close>
117
+ <sonic-image
118
+ cover
119
+ src="https://thegoodlife.thegoodhub.com/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
120
+ ></sonic-image>
121
+ </sonic-modal>
122
+ </template>
123
+ </sonic-code>
package/docs/src/core/components/ui/pop/pop.md ADDED
@@ -0,0 +1,79 @@
1
+ # Pop
2
+
3
+ ## Placement
4
+ <sonic-code>
5
+ <template>
6
+ <sonic-pop class="inline-block" placement="left">
7
+ <sonic-button>Left</sonic-button>
8
+ <sonic-menu slot="content">
9
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
10
+ </sonic-menu>
11
+ </sonic-pop>
12
+ <sonic-pop class="inline-block" placement="right">
13
+ <sonic-button>Right</sonic-button>
14
+ <sonic-menu slot="content">
15
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
16
+ </sonic-menu>
17
+ </sonic-pop>
18
+ <sonic-pop class="inline-block" placement="top">
19
+ <sonic-button>Top</sonic-button>
20
+ <sonic-menu slot="content">
21
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
22
+ </sonic-menu>
23
+ </sonic-pop>
24
+ <sonic-pop class="inline-block" placement="bottom">
25
+ <sonic-button>Bottom</sonic-button>
26
+ <sonic-menu slot="content">
27
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
28
+ </sonic-menu>
29
+ </sonic-pop>
30
+ </template>
31
+ </sonic-code>
32
+
33
+ ## Shadow
34
+ <sonic-code>
35
+ <template>
36
+ <sonic-pop class="inline-block" shadow="none" placement='top' >
37
+ <sonic-button>None</sonic-button>
38
+ <sonic-menu slot="content">
39
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
40
+ </sonic-menu>
41
+ </sonic-pop>
42
+ <sonic-pop class="inline-block" shadow="sm" placement='top'>
43
+ <sonic-button>Small</sonic-button>
44
+ <sonic-menu slot="content">
45
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
46
+ </sonic-menu>
47
+ </sonic-pop>
48
+ <sonic-pop class="inline-block" shadow="md" placement='top'>
49
+ <sonic-button>Medium</sonic-button>
50
+ <sonic-menu slot="content">
51
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
52
+ </sonic-menu>
53
+ </sonic-pop>
54
+ <sonic-pop class="inline-block" shadow="lg" placement='top'>
55
+ <sonic-button>Large</sonic-button>
56
+ <sonic-menu slot="content">
57
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
58
+ </sonic-menu>
59
+ </sonic-pop>
60
+ </template>
61
+ </sonic-code>
62
+
63
+ ## noToggle
64
+ <sonic-code>
65
+ <template>
66
+ <sonic-pop class="inline-block" noToggle>
67
+ <sonic-button>No toggle on click</sonic-button>
68
+ <sonic-menu slot="content">
69
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
70
+ </sonic-menu>
71
+ </sonic-pop>
72
+ <sonic-pop class="inline-block" >
73
+ <sonic-button>Default toggle on click</sonic-button>
74
+ <sonic-menu slot="content">
75
+ <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
76
+ </sonic-menu>
77
+ </sonic-pop>
78
+ </template>
79
+ </sonic-code>
package/docs/src/core/components/ui/progress/progress.md ADDED
@@ -0,0 +1,65 @@
1
+ # Progress bar
2
+
3
+ ## Indeterminate
4
+
5
+ <sonic-code>
6
+ <template>
7
+ <sonic-progress></sonic-progress>
8
+ </template>
9
+ </sonic-code>
10
+
11
+
12
+ ## Remaining
13
+
14
+ <sonic-code>
15
+ <template>
16
+ <sonic-progress type="danger" value="80">
17
+ 80% Used <span slot="remaining">20% left</span>
18
+ </sonic-progress>
19
+ </template>
20
+ </sonic-code>
21
+
22
+ ## Sizes
23
+
24
+ <sonic-code>
25
+ <template>
26
+ <div class="grid gap-3">
27
+ <sonic-progress size="2xs" value="25">25%</sonic-progress>
28
+ <sonic-progress size="xs" value="25">25%</sonic-progress>
29
+ <sonic-progress size="sm" value="25">25%</sonic-progress>
30
+ <sonic-progress size="md" value="25">25%</sonic-progress>
31
+ <sonic-progress size="lg" value="25">25%</sonic-progress>
32
+ <sonic-progress size="xl" value="25">25%</sonic-progress>
33
+ <sonic-progress size="2xl" value="25">25%</sonic-progress>
34
+ </div>
35
+ </template>
36
+ </sonic-code>
37
+
38
+ ## Type
39
+
40
+ <sonic-code>
41
+ <template>
42
+ <div class="grid gap-3">
43
+ <sonic-progress value="50">50%</sonic-progress>
44
+ <sonic-progress type="info" value="50">50%</sonic-progress>
45
+ <sonic-progress type="warning" value="50">50%</sonic-progress>
46
+ <sonic-progress type="success" value="50">50%</sonic-progress>
47
+ <sonic-progress type="danger" value="50">50%</sonic-progress>
48
+ </div>
49
+ </template>
50
+ </sonic-code>
51
+
52
+
53
+ ## Invert
54
+
55
+ <sonic-code>
56
+ <template>
57
+ <div class="bg-neutral-800 p-4 rounded">
58
+ <sonic-progress invert value="50">50%</sonic-progress>
59
+ <sonic-progress invert type="info" value="50">50%</sonic-progress>
60
+ <sonic-progress invert type="warning" value="50">50%</sonic-progress>
61
+ <sonic-progress invert type="success" value="50">50%</sonic-progress>
62
+ <sonic-progress invert type="danger" value="50">50%</sonic-progress>
63
+ </div>
64
+ </template>
65
+ </sonic-code>