@onsvisual/svelte-components 0.1.105 → 1.0.0-next.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 (360) hide show
  1. package/dist/css/main.css +500 -4
  2. package/dist/datavis/BarChart/BarChart.stories.svelte +84 -0
  3. package/dist/datavis/BarChart/BarChart.stories.svelte.d.ts +23 -0
  4. package/dist/datavis/BarChart/docs/component.md +19 -0
  5. package/dist/datavis/Chart/Chart.stories.svelte +128 -0
  6. package/dist/datavis/Chart/Chart.stories.svelte.d.ts +23 -0
  7. package/dist/datavis/Chart/docs/component.md +31 -0
  8. package/dist/datavis/Chart/docs/example.md +28 -0
  9. package/dist/datavis/ColumnChart/ColumnChart.stories.svelte +84 -0
  10. package/dist/datavis/ColumnChart/ColumnChart.stories.svelte.d.ts +23 -0
  11. package/dist/datavis/ColumnChart/docs/component.md +19 -0
  12. package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte +40 -0
  13. package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte.d.ts +23 -0
  14. package/dist/datavis/DotPlotChart/docs/component.md +19 -0
  15. package/dist/datavis/LineChart/LineChart.stories.svelte +64 -0
  16. package/dist/datavis/LineChart/LineChart.stories.svelte.d.ts +23 -0
  17. package/dist/datavis/LineChart/docs/component.md +31 -0
  18. package/dist/datavis/ScatterChart/ScatterChart.stories.svelte +55 -0
  19. package/dist/datavis/ScatterChart/ScatterChart.stories.svelte.d.ts +23 -0
  20. package/dist/datavis/ScatterChart/docs/component.md +53 -0
  21. package/dist/datavis/Table/Table.stories.svelte +32 -0
  22. package/dist/{@types/datavis/Table/Table.svelte.d.ts → datavis/Table/Table.stories.svelte.d.ts} +2 -16
  23. package/dist/datavis/Table/Table.svelte +141 -149
  24. package/dist/datavis/Table/Table.svelte.d.ts +35 -0
  25. package/dist/datavis/Table/docs/component.md +20 -0
  26. package/dist/datavis/intro.mdx +22 -0
  27. package/dist/decorators/Blockquote/Blockquote.stories.svelte +25 -0
  28. package/dist/decorators/Blockquote/Blockquote.stories.svelte.d.ts +23 -0
  29. package/dist/decorators/Blockquote/Blockquote.svelte +22 -22
  30. package/dist/{@types/decorators → decorators}/Blockquote/Blockquote.svelte.d.ts +2 -2
  31. package/dist/decorators/Blockquote/docs/component.md +10 -0
  32. package/dist/decorators/Divider/Divider.stories.svelte +29 -0
  33. package/dist/decorators/Divider/Divider.stories.svelte.d.ts +23 -0
  34. package/dist/decorators/Divider/Divider.svelte +40 -59
  35. package/dist/{@types/decorators → decorators}/Divider/Divider.svelte.d.ts +10 -14
  36. package/dist/decorators/Divider/docs/component.md +12 -0
  37. package/dist/decorators/Em/Em.stories.svelte +30 -0
  38. package/dist/{@types/decorators/Em/Em.svelte.d.ts → decorators/Em/Em.stories.svelte.d.ts} +4 -10
  39. package/dist/decorators/Em/Em.svelte +42 -25
  40. package/dist/decorators/Em/Em.svelte.d.ts +33 -0
  41. package/dist/decorators/Em/docs/component.md +12 -0
  42. package/dist/decorators/Indent/Indent.stories.svelte +22 -0
  43. package/dist/decorators/Indent/Indent.stories.svelte.d.ts +23 -0
  44. package/dist/decorators/Indent/Indent.svelte +3 -0
  45. package/dist/decorators/Indent/Indent.svelte.d.ts +27 -0
  46. package/dist/decorators/Indent/docs/component.md +10 -0
  47. package/dist/{@types/index.d.ts → index.d.ts} +10 -10
  48. package/dist/index.js +13 -8
  49. package/dist/inputs/Button/Button.stories.svelte +65 -0
  50. package/dist/inputs/Button/Button.stories.svelte.d.ts +23 -0
  51. package/dist/inputs/Button/Button.svelte +113 -113
  52. package/dist/inputs/Button/Button.svelte.d.ts +51 -0
  53. package/dist/inputs/Button/Icon.svelte +44 -44
  54. package/dist/{@types/inputs → inputs}/Button/Icon.svelte.d.ts +6 -6
  55. package/dist/inputs/Button/docs/component.md +17 -0
  56. package/dist/inputs/Checkbox/Checkbox.stories.svelte +34 -0
  57. package/dist/inputs/Checkbox/Checkbox.stories.svelte.d.ts +23 -0
  58. package/dist/inputs/Checkbox/Checkbox.svelte +145 -152
  59. package/dist/{@types/inputs → inputs}/Checkbox/Checkbox.svelte.d.ts +16 -16
  60. package/dist/inputs/Checkbox/docs/component.md +14 -0
  61. package/dist/inputs/Checkboxes/Checkboxes.stories.svelte +42 -0
  62. package/dist/inputs/Checkboxes/Checkboxes.stories.svelte.d.ts +23 -0
  63. package/dist/inputs/Checkboxes/Checkboxes.svelte +29 -29
  64. package/dist/{@types/inputs → inputs}/Checkboxes/Checkboxes.svelte.d.ts +8 -8
  65. package/dist/inputs/Checkboxes/docs/component.md +20 -0
  66. package/dist/inputs/Checkboxes/docs/example.md +16 -0
  67. package/dist/inputs/Dropdown/Dropdown.stories.svelte +54 -0
  68. package/dist/{@types/inputs/Dropdown/Dropdown.svelte.d.ts → inputs/Dropdown/Dropdown.stories.svelte.d.ts} +2 -16
  69. package/dist/inputs/Dropdown/Dropdown.svelte +49 -55
  70. package/dist/inputs/Dropdown/Dropdown.svelte.d.ts +37 -0
  71. package/dist/inputs/Dropdown/docs/component.md +22 -0
  72. package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte +25 -0
  73. package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte.d.ts +23 -0
  74. package/dist/inputs/ErrorPanel/ErrorPanel.svelte +14 -30
  75. package/dist/{@types/inputs → inputs}/ErrorPanel/ErrorPanel.svelte.d.ts +2 -2
  76. package/dist/inputs/ErrorPanel/docs/component.md +14 -0
  77. package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte +34 -0
  78. package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte.d.ts +23 -0
  79. package/dist/inputs/ErrorSummary/ErrorSummary.svelte +34 -32
  80. package/dist/{@types/inputs → inputs}/ErrorSummary/ErrorSummary.svelte.d.ts +4 -4
  81. package/dist/inputs/ErrorSummary/docs/component.md +17 -0
  82. package/dist/inputs/ErrorSummary/docs/example.md +12 -0
  83. package/dist/inputs/Input/Input.stories.svelte +73 -0
  84. package/dist/inputs/Input/Input.stories.svelte.d.ts +23 -0
  85. package/dist/inputs/Input/Input.svelte +125 -156
  86. package/dist/inputs/Input/Input.svelte.d.ts +51 -0
  87. package/dist/inputs/Input/docs/component.md +16 -0
  88. package/dist/inputs/Radios/Radio.svelte +68 -102
  89. package/dist/{@types/inputs → inputs}/Radios/Radio.svelte.d.ts +6 -6
  90. package/dist/inputs/Radios/Radios.stories.svelte +51 -0
  91. package/dist/inputs/Radios/Radios.stories.svelte.d.ts +23 -0
  92. package/dist/inputs/Radios/Radios.svelte +38 -38
  93. package/dist/{@types/inputs → inputs}/Radios/Radios.svelte.d.ts +10 -10
  94. package/dist/inputs/Radios/docs/component.md +24 -0
  95. package/dist/inputs/Radios/docs/example.md +21 -0
  96. package/dist/inputs/Select/Select.stories.svelte +61 -0
  97. package/dist/inputs/Select/Select.stories.svelte.d.ts +23 -0
  98. package/dist/inputs/Select/Select.svelte +271 -289
  99. package/dist/inputs/Select/Select.svelte.d.ts +58 -0
  100. package/dist/inputs/Select/docs/component.md +27 -0
  101. package/dist/inputs/Textarea/Textarea.stories.svelte +40 -0
  102. package/dist/{@types/inputs/Textarea/Textarea.svelte.d.ts → inputs/Textarea/Textarea.stories.svelte.d.ts} +2 -16
  103. package/dist/inputs/Textarea/Textarea.svelte +93 -89
  104. package/dist/inputs/Textarea/Textarea.svelte.d.ts +37 -0
  105. package/dist/inputs/Textarea/docs/component.md +16 -0
  106. package/dist/intro.mdx +60 -0
  107. package/dist/js/menuOptions.js +14 -0
  108. package/dist/{@types/js → js}/utils.d.ts +8 -2
  109. package/dist/js/utils.js +61 -44
  110. package/dist/{@types/js → js}/withParams.d.ts +3 -9
  111. package/dist/js/withParams.js +17 -20
  112. package/dist/layout/Accordion/Accordion.stories.svelte +30 -0
  113. package/dist/{@types/layout/Accordion/Accordion.svelte.d.ts → layout/Accordion/Accordion.stories.svelte.d.ts} +4 -8
  114. package/dist/layout/Accordion/Accordion.svelte +49 -29
  115. package/dist/layout/Accordion/Accordion.svelte.d.ts +31 -0
  116. package/dist/layout/Accordion/AccordionItem.svelte +46 -81
  117. package/dist/{@types/layout → layout}/Accordion/AccordionItem.svelte.d.ts +6 -6
  118. package/dist/layout/Accordion/accordion.d.ts +18 -0
  119. package/dist/layout/Accordion/accordion.js +64 -0
  120. package/dist/layout/Accordion/details.d.ts +14 -0
  121. package/dist/layout/Accordion/details.js +83 -0
  122. package/dist/layout/Accordion/docs/component.md +19 -0
  123. package/dist/layout/AnalyticsBanner/AnalyticsBanner.stories.svelte +16 -0
  124. package/dist/{@types/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts → layout/AnalyticsBanner/AnalyticsBanner.stories.svelte.d.ts} +2 -13
  125. package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte +284 -273
  126. package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts +36 -0
  127. package/dist/layout/AnalyticsBanner/docs/component.md +17 -0
  128. package/dist/layout/BackLink/BackLink.stories.svelte +16 -0
  129. package/dist/layout/BackLink/BackLink.stories.svelte.d.ts +23 -0
  130. package/dist/layout/BackLink/BackLink.svelte +30 -0
  131. package/dist/layout/BackLink/BackLink.svelte.d.ts +25 -0
  132. package/dist/layout/BackLink/docs/component.md +12 -0
  133. package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte +31 -0
  134. package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte.d.ts +23 -0
  135. package/dist/layout/Breadcrumb/Breadcrumb.svelte +44 -67
  136. package/dist/{@types/layout → layout}/Breadcrumb/Breadcrumb.svelte.d.ts +6 -12
  137. package/dist/layout/Breadcrumb/docs/component.md +15 -0
  138. package/dist/layout/Card/Card.stories.svelte +39 -0
  139. package/dist/layout/Card/Card.stories.svelte.d.ts +23 -0
  140. package/dist/layout/Card/Card.svelte +120 -0
  141. package/dist/layout/Card/Card.svelte.d.ts +49 -0
  142. package/dist/layout/Card/docs/component.md +14 -0
  143. package/dist/layout/Card/docs/eg-images.md +27 -0
  144. package/dist/layout/Card/docs/eg-links.md +12 -0
  145. package/dist/layout/Card/docs/eg-spans.md +12 -0
  146. package/dist/layout/Contents/Contents.stories.svelte +27 -0
  147. package/dist/{@types/layout/Contents/Contents.svelte.d.ts → layout/Contents/Contents.stories.svelte.d.ts} +2 -8
  148. package/dist/layout/Contents/Contents.svelte +42 -40
  149. package/dist/layout/Contents/Contents.svelte.d.ts +29 -0
  150. package/dist/layout/Contents/docs/component.md +18 -0
  151. package/dist/layout/DescriptionList/DescriptionList.stories.svelte +22 -0
  152. package/dist/layout/DescriptionList/DescriptionList.stories.svelte.d.ts +23 -0
  153. package/dist/layout/DescriptionList/DescriptionList.svelte +48 -0
  154. package/dist/layout/DescriptionList/DescriptionList.svelte.d.ts +27 -0
  155. package/dist/layout/DescriptionList/docs/component.md +18 -0
  156. package/dist/layout/Details/Details.stories.svelte +32 -0
  157. package/dist/layout/Details/Details.stories.svelte.d.ts +23 -0
  158. package/dist/layout/Details/Details.svelte +70 -0
  159. package/dist/layout/Details/Details.svelte.d.ts +35 -0
  160. package/dist/layout/Details/docs/component.md +14 -0
  161. package/dist/layout/DocumentList/Document.svelte +103 -0
  162. package/dist/layout/DocumentList/Document.svelte.d.ts +39 -0
  163. package/dist/layout/DocumentList/DocumentList.stories.svelte +73 -0
  164. package/dist/layout/DocumentList/DocumentList.stories.svelte.d.ts +23 -0
  165. package/dist/layout/DocumentList/DocumentList.svelte +17 -0
  166. package/dist/layout/DocumentList/DocumentList.svelte.d.ts +27 -0
  167. package/dist/layout/DocumentList/docs/component.md +28 -0
  168. package/dist/layout/DocumentList/docs/example.md +23 -0
  169. package/dist/layout/ErrorPage/ErrorPage.stories.svelte +18 -0
  170. package/dist/{@types/layout/ErrorPage/ErrorPage.svelte.d.ts → layout/ErrorPage/ErrorPage.stories.svelte.d.ts} +2 -6
  171. package/dist/layout/ErrorPage/ErrorPage.svelte +45 -40
  172. package/dist/layout/ErrorPage/ErrorPage.svelte.d.ts +29 -0
  173. package/dist/layout/ErrorPage/docs/component.md +13 -0
  174. package/dist/layout/Footer/Footer.stories.svelte +24 -0
  175. package/dist/{@types/layout/Footer/Footer.svelte.d.ts → layout/Footer/Footer.stories.svelte.d.ts} +4 -12
  176. package/dist/layout/Footer/Footer.svelte +372 -257
  177. package/dist/layout/Footer/Footer.svelte.d.ts +27 -0
  178. package/dist/layout/Footer/docs/component.md +10 -0
  179. package/dist/layout/Grid/Grid.stories.svelte +50 -0
  180. package/dist/layout/Grid/Grid.stories.svelte.d.ts +23 -0
  181. package/dist/layout/Grid/Grid.svelte +110 -160
  182. package/dist/layout/Grid/Grid.svelte.d.ts +49 -0
  183. package/dist/layout/Grid/GridCell.svelte +65 -0
  184. package/dist/layout/Grid/GridCell.svelte.d.ts +27 -0
  185. package/dist/layout/Grid/docs/component.md +14 -0
  186. package/dist/layout/Header/Header.stories.svelte +26 -0
  187. package/dist/{@types/layout/Header/Header.svelte.d.ts → layout/Header/Header.stories.svelte.d.ts} +4 -20
  188. package/dist/layout/Header/Header.svelte +842 -612
  189. package/dist/layout/Header/Header.svelte.d.ts +39 -0
  190. package/dist/layout/Header/docs/component.md +11 -0
  191. package/dist/layout/Hero/Hero.stories.svelte +77 -0
  192. package/dist/layout/Hero/Hero.stories.svelte.d.ts +23 -0
  193. package/dist/layout/Hero/Hero.svelte +350 -80
  194. package/dist/layout/Hero/Hero.svelte.d.ts +55 -0
  195. package/dist/layout/Hero/docs/component.md +14 -0
  196. package/dist/layout/Highlight/Highlight.stories.svelte +29 -0
  197. package/dist/layout/Highlight/Highlight.stories.svelte.d.ts +23 -0
  198. package/dist/layout/Highlight/Highlight.svelte +78 -66
  199. package/dist/layout/Highlight/Highlight.svelte.d.ts +45 -0
  200. package/dist/layout/Highlight/docs/component.md +12 -0
  201. package/dist/layout/Image/Image.stories.svelte +23 -0
  202. package/dist/layout/Image/Image.stories.svelte.d.ts +23 -0
  203. package/dist/layout/Image/Image.svelte +24 -0
  204. package/dist/layout/Image/Image.svelte.d.ts +27 -0
  205. package/dist/layout/Image/docs/component.md +15 -0
  206. package/dist/layout/List/Li.svelte +3 -0
  207. package/dist/layout/List/Li.svelte.d.ts +27 -0
  208. package/dist/layout/List/List.stories.svelte +40 -0
  209. package/dist/{@types/layout/List/List.svelte.d.ts → layout/List/List.stories.svelte.d.ts} +4 -8
  210. package/dist/layout/List/List.svelte +34 -25
  211. package/dist/layout/List/List.svelte.d.ts +29 -0
  212. package/dist/layout/List/docs/component.md +14 -0
  213. package/dist/layout/List/docs/example.md +12 -0
  214. package/dist/layout/NavSections/NavSection.svelte +66 -66
  215. package/dist/{@types/layout → layout}/NavSections/NavSection.svelte.d.ts +10 -10
  216. package/dist/layout/NavSections/NavSections.stories.svelte +48 -0
  217. package/dist/layout/NavSections/NavSections.stories.svelte.d.ts +23 -0
  218. package/dist/layout/NavSections/NavSections.svelte +135 -183
  219. package/dist/{@types/layout → layout}/NavSections/NavSections.svelte.d.ts +14 -24
  220. package/dist/layout/NavSections/docs/component.md +27 -0
  221. package/dist/layout/Notice/Notice.stories.svelte +61 -0
  222. package/dist/layout/Notice/Notice.stories.svelte.d.ts +23 -0
  223. package/dist/layout/Notice/Notice.svelte +45 -54
  224. package/dist/{@types/layout → layout}/Notice/Notice.svelte.d.ts +2 -6
  225. package/dist/layout/Notice/docs/component.md +14 -0
  226. package/dist/layout/PhaseBanner/PhaseBanner.stories.svelte +24 -0
  227. package/dist/{@types/layout/PhaseBanner/PhaseBanner.svelte.d.ts → layout/PhaseBanner/PhaseBanner.stories.svelte.d.ts} +2 -4
  228. package/dist/layout/PhaseBanner/PhaseBanner.svelte +56 -35
  229. package/dist/layout/PhaseBanner/PhaseBanner.svelte.d.ts +25 -0
  230. package/dist/layout/PhaseBanner/docs/component.md +14 -0
  231. package/dist/layout/RelatedContent/RelatedContent.stories.svelte +36 -0
  232. package/dist/{@types/layout/RelatedContent/RelatedContent.svelte.d.ts → layout/RelatedContent/RelatedContent.stories.svelte.d.ts} +2 -2
  233. package/dist/layout/RelatedContent/RelatedContent.svelte +44 -54
  234. package/dist/layout/RelatedContent/RelatedContent.svelte.d.ts +31 -0
  235. package/dist/layout/RelatedContent/docs/component.md +16 -0
  236. package/dist/layout/Scroller/Scroller.stories.svelte +61 -0
  237. package/dist/layout/Scroller/Scroller.stories.svelte.d.ts +23 -0
  238. package/dist/layout/Scroller/Scroller.svelte +341 -331
  239. package/dist/{@types/layout → layout}/Scroller/Scroller.svelte.d.ts +22 -20
  240. package/dist/layout/Scroller/ScrollerSection.svelte +54 -73
  241. package/dist/{@types/layout → layout}/Scroller/ScrollerSection.svelte.d.ts +6 -12
  242. package/dist/layout/Scroller/docs/component.md +41 -0
  243. package/dist/layout/Section/Section.stories.svelte +33 -0
  244. package/dist/layout/Section/Section.stories.svelte.d.ts +23 -0
  245. package/dist/layout/Section/Section.svelte +53 -77
  246. package/dist/layout/Section/Section.svelte.d.ts +41 -0
  247. package/dist/layout/Section/docs/component.md +12 -0
  248. package/dist/layout/ShareButtons/ShareButtons.stories.svelte +20 -0
  249. package/dist/layout/ShareButtons/ShareButtons.stories.svelte.d.ts +23 -0
  250. package/dist/layout/ShareButtons/ShareButtons.svelte +118 -175
  251. package/dist/{@types/layout → layout}/ShareButtons/ShareButtons.svelte.d.ts +6 -14
  252. package/dist/layout/ShareButtons/docs/component.md +14 -0
  253. package/dist/layout/SkipLink/SkipLink.stories.svelte +16 -0
  254. package/dist/{@types/layout/SkipLink/SkipLink.svelte.d.ts → layout/SkipLink/SkipLink.stories.svelte.d.ts} +2 -2
  255. package/dist/layout/SkipLink/SkipLink.svelte +6 -6
  256. package/dist/layout/SkipLink/SkipLink.svelte.d.ts +23 -0
  257. package/dist/layout/SkipLink/docs/component.md +11 -0
  258. package/dist/layout/Summary/Summary.stories.svelte +21 -0
  259. package/dist/{@types/layout/Summary/Summary.svelte.d.ts → layout/Summary/Summary.stories.svelte.d.ts} +2 -4
  260. package/dist/layout/Summary/Summary.svelte +50 -46
  261. package/dist/layout/Summary/Summary.svelte.d.ts +31 -0
  262. package/dist/layout/Summary/docs/component.md +17 -0
  263. package/dist/layout/Tabs/Tab.svelte +42 -42
  264. package/dist/{@types/layout → layout}/Tabs/Tab.svelte.d.ts +6 -6
  265. package/dist/layout/Tabs/Tabs.stories.svelte +29 -0
  266. package/dist/layout/Tabs/Tabs.stories.svelte.d.ts +23 -0
  267. package/dist/layout/Tabs/Tabs.svelte +71 -97
  268. package/dist/{@types/layout → layout}/Tabs/Tabs.svelte.d.ts +6 -6
  269. package/dist/layout/Tabs/docs/component.md +16 -0
  270. package/dist/layout/Tabs/tabs.d.ts +43 -0
  271. package/dist/layout/Tabs/tabs.js +302 -0
  272. package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte +72 -0
  273. package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte.d.ts +23 -0
  274. package/dist/templates/EmbedArticle/docs/component.md +56 -0
  275. package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte +151 -0
  276. package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte.d.ts +23 -0
  277. package/dist/templates/FeatureArticle/docs/component.md +125 -0
  278. package/dist/templates/StandardArticle/StandardArticle.stories.svelte +86 -0
  279. package/dist/templates/StandardArticle/StandardArticle.stories.svelte.d.ts +23 -0
  280. package/dist/templates/StandardArticle/docs/component.md +76 -0
  281. package/dist/templates/intro.mdx +19 -0
  282. package/dist/wrappers/Container/Container.stories.svelte +38 -0
  283. package/dist/wrappers/Container/Container.stories.svelte.d.ts +23 -0
  284. package/dist/wrappers/Container/Container.svelte +61 -140
  285. package/dist/wrappers/Container/Container.svelte.d.ts +39 -0
  286. package/dist/wrappers/Container/docs/component.md +10 -0
  287. package/dist/wrappers/Embed/Embed.stories.svelte +24 -0
  288. package/dist/wrappers/Embed/Embed.stories.svelte.d.ts +23 -0
  289. package/dist/wrappers/Embed/Embed.svelte +33 -32
  290. package/dist/{@types/wrappers → wrappers}/Embed/Embed.svelte.d.ts +4 -4
  291. package/dist/wrappers/Embed/docs/component.md +15 -0
  292. package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte +37 -0
  293. package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte.d.ts +23 -0
  294. package/dist/wrappers/LazyLoad/LazyLoad.svelte +34 -35
  295. package/dist/{@types/wrappers → wrappers}/LazyLoad/LazyLoad.svelte.d.ts +6 -6
  296. package/dist/wrappers/LazyLoad/docs/component.md +29 -0
  297. package/dist/wrappers/Main/Main.stories.svelte +24 -0
  298. package/dist/wrappers/Main/Main.stories.svelte.d.ts +23 -0
  299. package/dist/wrappers/Main/Main.svelte +10 -3
  300. package/dist/{@types/wrappers → wrappers}/Main/Main.svelte.d.ts +2 -4
  301. package/dist/wrappers/Main/docs/component.md +16 -0
  302. package/dist/wrappers/Observe/Observe.stories.svelte +29 -0
  303. package/dist/wrappers/Observe/Observe.stories.svelte.d.ts +23 -0
  304. package/dist/wrappers/Observe/Observe.svelte +24 -24
  305. package/dist/{@types/wrappers → wrappers}/Observe/Observe.svelte.d.ts +2 -2
  306. package/dist/wrappers/Observe/docs/component.md +22 -0
  307. package/dist/wrappers/Theme/Theme.stories.svelte +70 -0
  308. package/dist/{@types/wrappers/Theme/Theme.svelte.d.ts → wrappers/Theme/Theme.stories.svelte.d.ts} +4 -20
  309. package/dist/wrappers/Theme/Theme.svelte +64 -101
  310. package/dist/wrappers/Theme/Theme.svelte.d.ts +37 -0
  311. package/dist/wrappers/Theme/docs/component.md +10 -0
  312. package/dist/wrappers/Theme/themes.d.ts +143 -0
  313. package/dist/wrappers/Theme/themes.js +68 -27
  314. package/package.json +82 -195
  315. package/dist/@types/actions/cssVariables/index.d.ts +0 -4
  316. package/dist/@types/actions/resizeObserver/index.d.ts +0 -4
  317. package/dist/@types/inputs/AccessibleSelect/AccessibleSelect.svelte.d.ts +0 -58
  318. package/dist/@types/inputs/Button/Button.svelte.d.ts +0 -51
  319. package/dist/@types/inputs/Input/Input.svelte.d.ts +0 -51
  320. package/dist/@types/inputs/Select/Select.svelte.d.ts +0 -77
  321. package/dist/@types/js/docsPage.d.ts +0 -25
  322. package/dist/@types/layout/Backlink/Backlink.svelte.d.ts +0 -23
  323. package/dist/@types/layout/Cards/Card.svelte.d.ts +0 -49
  324. package/dist/@types/layout/Cards/Cards.svelte.d.ts +0 -51
  325. package/dist/@types/layout/Footer/ONSLogo.svelte.d.ts +0 -29
  326. package/dist/@types/layout/Grid/Grid.svelte.d.ts +0 -53
  327. package/dist/@types/layout/Header/ONSLogo.svelte.d.ts +0 -31
  328. package/dist/@types/layout/Hero/Hero.svelte.d.ts +0 -47
  329. package/dist/@types/layout/Highlight/Highlight.svelte.d.ts +0 -43
  330. package/dist/@types/layout/NavSections/SectionBacklink.svelte.d.ts +0 -23
  331. package/dist/@types/layout/Section/Section.svelte.d.ts +0 -47
  332. package/dist/@types/layout/Survey/Survey.svelte.d.ts +0 -23
  333. package/dist/@types/layout/Survey/init-survey.d.ts +0 -1
  334. package/dist/@types/layout/Titleblock/Meta.svelte.d.ts +0 -23
  335. package/dist/@types/layout/Titleblock/Titleblock.svelte.d.ts +0 -53
  336. package/dist/@types/layout/Twisty/Twisty.svelte.d.ts +0 -33
  337. package/dist/@types/wrappers/Container/Container.svelte.d.ts +0 -45
  338. package/dist/@types/wrappers/Theme/themes.d.ts +0 -29
  339. package/dist/actions/cssVariables/index.js +0 -20
  340. package/dist/actions/resizeObserver/index.js +0 -25
  341. package/dist/globals.d.ts +0 -23
  342. package/dist/inputs/AccessibleSelect/AccessibleSelect.svelte +0 -280
  343. package/dist/inputs/AccessibleSelect/options.js +0 -263
  344. package/dist/js/docsPage.js +0 -13
  345. package/dist/layout/Backlink/Backlink.svelte +0 -32
  346. package/dist/layout/Cards/Card.svelte +0 -99
  347. package/dist/layout/Cards/Cards.svelte +0 -95
  348. package/dist/layout/Footer/ONSLogo.svelte +0 -150
  349. package/dist/layout/Header/ONSLogo.svelte +0 -148
  350. package/dist/layout/NavSections/SectionBacklink.svelte +0 -31
  351. package/dist/layout/Survey/Survey.svelte +0 -96
  352. package/dist/layout/Survey/init-survey.js +0 -230
  353. package/dist/layout/Titleblock/Meta.svelte +0 -26
  354. package/dist/layout/Titleblock/Titleblock.svelte +0 -147
  355. package/dist/layout/Twisty/Twisty.svelte +0 -56
  356. /package/dist/{@types/datavis/shared → datavis/demo-data}/data-scatter.d.ts +0 -0
  357. /package/dist/datavis/{shared → demo-data}/data-scatter.js +0 -0
  358. /package/dist/{@types/datavis/shared → datavis/demo-data}/data.d.ts +0 -0
  359. /package/dist/datavis/{shared → demo-data}/data.js +0 -0
  360. /package/dist/{@types/inputs/AccessibleSelect/options.d.ts → js/menuOptions.d.ts} +0 -0
@@ -1,280 +0,0 @@
1
- <script>
2
- // @ts-nocheck
3
-
4
- import { onMount, createEventDispatcher } from "svelte";
5
-
6
- const dispatch = createEventDispatcher();
7
- const sleep = (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
8
- const chevron = (opts) =>
9
- `<svg class="${opts?.className}" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 11.75 7.7" width="18" style="z-index:1"><path fill="currentColor" d="m1.37.15 4.5 5.1 4.5-5.1a.37.37 0 0 1 .6 0l.7.7a.45.45 0 0 1 0 .5l-5.5 6.2a.37.37 0 0 1-.6 0l-5.5-6.1a.64.64 0 0 1 0-.6l.7-.7a.64.64 0 0 1 .6 0Z"></path></svg>`;
10
-
11
- let inputElement;
12
- let scriptLoaded;
13
- let accessibleAutocomplete;
14
- let hideMenu = false;
15
-
16
- /**
17
- * Unique id for the element
18
- * @type {string}
19
- */
20
- export let id = "autocomplete";
21
- /**
22
- * The mode can be either "default" or "search"
23
- * @type {"default"|"search"}
24
- */
25
- export let mode = "default";
26
- /**
27
- * Defines whether the selection can be cleared
28
- * @type {boolean}
29
- */
30
- export let clearable = mode !== "search";
31
- /**
32
- * Clear value on selection (default for "search" mode)
33
- * @type {boolean}
34
- */
35
- export let autoClear = mode === "search";
36
- /**
37
- * A label to describe the element (expected for accessibility)
38
- * @type {string}
39
- */
40
- export let label = mode === "search" ? "Type to select" : "Select an option";
41
- /**
42
- * Visually hide the label
43
- * @type {boolean}
44
- */
45
- export let hideLabel = false;
46
- /**
47
- * An optional placeholder text
48
- * @type {string}
49
- */
50
- export let placeholder = mode === "search" ? "Enter text" : "Select one";
51
- /**
52
- * A prop to bind to for the selected value
53
- * @type {object}
54
- */
55
- export let value = null;
56
- /**
57
- * An array of options, formatted {id, label}
58
- * @type {array}
59
- */
60
- export let options = [];
61
- /**
62
- * The attribute of an option that defines its label/name
63
- * @type {string}
64
- */
65
- export let labelKey = "label";
66
- /**
67
- * The attribute of an option that defines its group (optional)
68
- * @type {string|null}
69
- */
70
- export let groupKey = null;
71
- /**
72
- * Optional: Minimum query length to return results
73
- * @type {number}
74
- */
75
- export let minLength = mode === "search" ? 1 : 0;
76
- /**
77
- * Optional: Override function for loading/filtering options based on the entered text
78
- * @type {function}
79
- */
80
- export let loadOptions = (query, populateResults) => {
81
- const filteredResults =
82
- mode !== "search" && options.map((opt) => opt[labelKey]).includes(query)
83
- ? options
84
- : options.filter((opt) =>
85
- opt[labelKey].match(new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"))
86
- );
87
- populateResults(filteredResults);
88
- };
89
- /**
90
- * Optional: Override the default CDN URL for the accessible-autocomplete script
91
- * @type {string}
92
- */
93
- export let scriptUrl =
94
- "https://cdn.ons.gov.uk/vendor/accessible-autocomplete/3.0.1/accessible-autocomplete.min.js";
95
-
96
- // This clearing method is a bit of a hack, but no better options available at present
97
- // https://github.com/alphagov/accessible-autocomplete/issues/390
98
- /**
99
- * Call this function externally to clear the input
100
- * @type {function}
101
- */
102
- export async function clearInput() {
103
- hideMenu = true;
104
- inputElement.value = "";
105
- await sleep(110);
106
- inputElement.focus({ preventScroll: true });
107
- inputElement.blur();
108
- hideMenu = false;
109
- dispatch("clear", value);
110
- }
111
-
112
- function inputValueTemplate(result) {
113
- return result && result[labelKey];
114
- }
115
-
116
- function highlight(text, query = "") {
117
- return text.replace(
118
- new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"),
119
- (str) => `<b>${str}</b>`
120
- );
121
- }
122
-
123
- function suggestionTemplate(result) {
124
- const query = inputElement?.value || "";
125
- return (
126
- result &&
127
- (groupKey
128
- ? `${highlight(result?.[labelKey] || "", query)} <span class="muted-text">${
129
- result[groupKey]
130
- }</span>`
131
- : highlight(result?.[labelKey] || "", query))
132
- );
133
- }
134
-
135
- async function select(option) {
136
- value = option;
137
- dispatch("change", value);
138
- if (value && autoClear) {
139
- await sleep(0);
140
- clearInput();
141
- }
142
- }
143
-
144
- function inputChange(e) {
145
- if (!e.target.value) select(null);
146
- }
147
-
148
- function handleScriptLoad() {
149
- if (!scriptLoaded && window?.accessibleAutocomplete) {
150
- accessibleAutocomplete = window.accessibleAutocomplete;
151
- scriptLoaded = true;
152
- }
153
- }
154
-
155
- function initAutocomplete(element) {
156
- accessibleAutocomplete({
157
- element,
158
- id,
159
- name: `${id}-input`,
160
- source: loadOptions,
161
- defaultValue: value?.[labelKey] || "",
162
- autoselect: true,
163
- onConfirm: select,
164
- confirmOnBlur: false,
165
- placeholder,
166
- displayMenu: "overlay",
167
- showAllValues: mode === "default",
168
- dropdownArrow: chevron,
169
- minLength,
170
- templates: {
171
- inputValue: inputValueTemplate,
172
- suggestion: suggestionTemplate,
173
- },
174
- });
175
- inputElement = document.getElementById(id);
176
- inputElement.addEventListener("blur", inputChange);
177
- }
178
-
179
- onMount(handleScriptLoad);
180
- </script>
181
-
182
- <svelte:head>
183
- <script src="{scriptUrl}" on:load="{handleScriptLoad}"></script>
184
- </svelte:head>
185
-
186
- <div class="ons-field">
187
- {#if label}<label for="{id}" class="ons-label" class:ons-u-vh="{hideLabel}">{label}</label>{/if}
188
- <div class="ons-autocomplete-wrapper">
189
- {#if scriptLoaded}
190
- <div
191
- id="{id}-container"
192
- class="ons-autocomplete"
193
- class:hide-menu="{hideMenu}"
194
- use:initAutocomplete
195
- ></div>
196
- {#if clearable && !autoClear && value}
197
- <button
198
- type="reset"
199
- title="Clear selection"
200
- aria-label="Clear selection"
201
- on:click="{clearInput}"
202
- class="ons-autocomplete-clear"
203
- >
204
- <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 14 14" width="18">
205
- <path
206
- fill="currentColor"
207
- d="M13.6 1 l -0.71 -0.71 a 0.5 0.5 0 0 0 -0.71 0 l -5.25 5.25 l -5.25 -5.25 a 0.51 0.51 0 0 0 -0.71 0 l -0.71 0.71 a 0.5 0.5 0 0 0 0 0.71 l 5.25 5.25 l -5.25 5.25 a 0.5 0.5 0 0 0 0 0.71 l 0.71 0.71 a 0.5 0.5 0 0 0 0.71 0 l 5.25 -5.25 l 5.25 5.25 a 0.5 0.5 0 0 0 0.71 0 l 0.71 -0.71 a 0.5 0.5 0 0 0 0 -0.71 l -5.25 -5.25 l 5.25 -5.25 a 0.5 0.5 0 0 0 0 -0.71Z"
208
- ></path>
209
- </svg>
210
- </button>
211
- {/if}
212
- {/if}
213
- </div>
214
- </div>
215
-
216
- <style>
217
- .ons-autocomplete-wrapper {
218
- position: relative;
219
- }
220
- .ons-autocomplete-clear {
221
- position: absolute;
222
- display: flex;
223
- align-items: center;
224
- align-content: center;
225
- z-index: 1;
226
- right: 3px;
227
- top: calc(50% - 14px);
228
- height: 28px;
229
- width: 28px;
230
- border: none;
231
- background: white;
232
- }
233
- .ons-autocomplete-clear:focus {
234
- outline: 3px solid #fbc900 !important;
235
- }
236
- .hide-menu :global(.autocomplete__menu) {
237
- display: none;
238
- }
239
- .ons-autocomplete :global(.autocomplete__input) {
240
- border-radius: 3px !important;
241
- border-width: 1px !important;
242
- background: white;
243
- }
244
- .ons-autocomplete :global(.autocomplete__input--focused) {
245
- box-shadow: inset 0 0 0 1px black !important;
246
- outline-color: #fbc900 !important;
247
- }
248
- .ons-autocomplete :global(.autocomplete__dropdown-arrow-down) {
249
- width: 18px !important;
250
- transform: translateY(-2px);
251
- }
252
- .ons-autocomplete :global(.muted-text) {
253
- opacity: 0.8;
254
- font-size: smaller;
255
- }
256
- .ons-autocomplete-wrapper :global(*) {
257
- font-size: 18px;
258
- }
259
- .ons-autocomplete-wrapper :global(.autocomplete__hint),
260
- .ons-autocomplete-wrapper :global(.autocomplete__input) {
261
- height: 40px;
262
- }
263
- .ons-autocomplete-wrapper :global(.autocomplete__option) {
264
- margin: 0;
265
- }
266
- .ons-autocomplete-wrapper :global(.autocomplete__menu) {
267
- transform: translateY(5px);
268
- border: 1px solid currentColor;
269
- border-radius: 3px;
270
- }
271
- .ons-autocomplete-wrapper :global(.autocomplete__option--focused),
272
- .ons-autocomplete-wrapper :global(.autocomplete__option:hover) {
273
- background-color: var(--ons-color-branded-secondary, #003c57);
274
- }
275
- .ons-autocomplete-wrapper :global(.autocomplete__option:focus) {
276
- outline: none !important;
277
- }
278
- .ons-autocomplete-wrapper :global(input) {
279
- padding: 0 35px 0 8px;
280
- }</style>
@@ -1,263 +0,0 @@
1
- export default [
2
- { id: "AF", label: "Afghanistan", group: "Asia" },
3
- { id: "AX", label: "Åland Islands", group: "Europe" },
4
- { id: "AL", label: "Albania", group: "Europe" },
5
- { id: "DZ", label: "Algeria", group: "Africa" },
6
- { id: "AS", label: "American Samoa", group: "Oceania" },
7
- { id: "AD", label: "Andorra", group: "Europe" },
8
- { id: "AO", label: "Angola", group: "Africa" },
9
- { id: "AI", label: "Anguilla", group: "Americas" },
10
- { id: "AQ", label: "Antarctica", group: "" },
11
- { id: "AG", label: "Antigua and Barbuda", group: "Americas" },
12
- { id: "AR", label: "Argentina", group: "Americas" },
13
- { id: "AM", label: "Armenia", group: "Asia" },
14
- { id: "AW", label: "Aruba", group: "Americas" },
15
- { id: "AU", label: "Australia", group: "Oceania" },
16
- { id: "AT", label: "Austria", group: "Europe" },
17
- { id: "AZ", label: "Azerbaijan", group: "Asia" },
18
- { id: "BS", label: "Bahamas", group: "Americas" },
19
- { id: "BH", label: "Bahrain", group: "Asia" },
20
- { id: "BD", label: "Bangladesh", group: "Asia" },
21
- { id: "BB", label: "Barbados", group: "Americas" },
22
- { id: "BY", label: "Belarus", group: "Europe" },
23
- { id: "BE", label: "Belgium", group: "Europe" },
24
- { id: "BZ", label: "Belize", group: "Americas" },
25
- { id: "BJ", label: "Benin", group: "Africa" },
26
- { id: "BM", label: "Bermuda", group: "Americas" },
27
- { id: "BT", label: "Bhutan", group: "Asia" },
28
- { id: "BO", label: "Bolivia, Plurinational State of", group: "Americas" },
29
- { id: "BQ", label: "Bonaire, Sint Eustatius and Saba", group: "Americas" },
30
- { id: "BA", label: "Bosnia and Herzegovina", group: "Europe" },
31
- { id: "BW", label: "Botswana", group: "Africa" },
32
- { id: "BV", label: "Bouvet Island", group: "Americas" },
33
- { id: "BR", label: "Brazil", group: "Americas" },
34
- { id: "IO", label: "British Indian Ocean Territory", group: "Africa" },
35
- { id: "BN", label: "Brunei Darussalam", group: "Asia" },
36
- { id: "BG", label: "Bulgaria", group: "Europe" },
37
- { id: "BF", label: "Burkina Faso", group: "Africa" },
38
- { id: "BI", label: "Burundi", group: "Africa" },
39
- { id: "CV", label: "Cabo Verde", group: "Africa" },
40
- { id: "KH", label: "Cambodia", group: "Asia" },
41
- { id: "CM", label: "Cameroon", group: "Africa" },
42
- { id: "CA", label: "Canada", group: "Americas" },
43
- { id: "KY", label: "Cayman Islands", group: "Americas" },
44
- { id: "CF", label: "Central African Republic", group: "Africa" },
45
- { id: "TD", label: "Chad", group: "Africa" },
46
- { id: "CL", label: "Chile", group: "Americas" },
47
- { id: "CN", label: "China", group: "Asia" },
48
- { id: "CX", label: "Christmas Island", group: "Oceania" },
49
- { id: "CC", label: "Cocos (Keeling) Islands", group: "Oceania" },
50
- { id: "CO", label: "Colombia", group: "Americas" },
51
- { id: "KM", label: "Comoros", group: "Africa" },
52
- { id: "CG", label: "Congo", group: "Africa" },
53
- { id: "CD", label: "Congo, Democratic Republic of the", group: "Africa" },
54
- { id: "CK", label: "Cook Islands", group: "Oceania" },
55
- { id: "CR", label: "Costa Rica", group: "Americas" },
56
- { id: "CI", label: "Côte d'Ivoire", group: "Africa" },
57
- { id: "HR", label: "Croatia", group: "Europe" },
58
- { id: "CU", label: "Cuba", group: "Americas" },
59
- { id: "CW", label: "Curaçao", group: "Americas" },
60
- { id: "CY", label: "Cyprus", group: "Asia" },
61
- { id: "CZ", label: "Czechia", group: "Europe" },
62
- { id: "DK", label: "Denmark", group: "Europe" },
63
- { id: "DJ", label: "Djibouti", group: "Africa" },
64
- { id: "DM", label: "Dominica", group: "Americas" },
65
- { id: "DO", label: "Dominican Republic", group: "Americas" },
66
- { id: "EC", label: "Ecuador", group: "Americas" },
67
- { id: "EG", label: "Egypt", group: "Africa" },
68
- { id: "SV", label: "El Salvador", group: "Americas" },
69
- { id: "GQ", label: "Equatorial Guinea", group: "Africa" },
70
- { id: "ER", label: "Eritrea", group: "Africa" },
71
- { id: "EE", label: "Estonia", group: "Europe" },
72
- { id: "SZ", label: "Eswatini", group: "Africa" },
73
- { id: "ET", label: "Ethiopia", group: "Africa" },
74
- { id: "FK", label: "Falkland Islands (Malvinas)", group: "Americas" },
75
- { id: "FO", label: "Faroe Islands", group: "Europe" },
76
- { id: "FJ", label: "Fiji", group: "Oceania" },
77
- { id: "FI", label: "Finland", group: "Europe" },
78
- { id: "FR", label: "France", group: "Europe" },
79
- { id: "GF", label: "French Guiana", group: "Americas" },
80
- { id: "PF", label: "French Polynesia", group: "Oceania" },
81
- { id: "TF", label: "French Southern Territories", group: "Africa" },
82
- { id: "GA", label: "Gabon", group: "Africa" },
83
- { id: "GM", label: "Gambia", group: "Africa" },
84
- { id: "GE", label: "Georgia", group: "Asia" },
85
- { id: "DE", label: "Germany", group: "Europe" },
86
- { id: "GH", label: "Ghana", group: "Africa" },
87
- { id: "GI", label: "Gibraltar", group: "Europe" },
88
- { id: "GR", label: "Greece", group: "Europe" },
89
- { id: "GL", label: "Greenland", group: "Americas" },
90
- { id: "GD", label: "Grenada", group: "Americas" },
91
- { id: "GP", label: "Guadeloupe", group: "Americas" },
92
- { id: "GU", label: "Guam", group: "Oceania" },
93
- { id: "GT", label: "Guatemala", group: "Americas" },
94
- { id: "GG", label: "Guernsey", group: "Europe" },
95
- { id: "GN", label: "Guinea", group: "Africa" },
96
- { id: "GW", label: "Guinea-Bissau", group: "Africa" },
97
- { id: "GY", label: "Guyana", group: "Americas" },
98
- { id: "HT", label: "Haiti", group: "Americas" },
99
- { id: "HM", label: "Heard Island and McDonald Islands", group: "Oceania" },
100
- { id: "VA", label: "Holy See", group: "Europe" },
101
- { id: "HN", label: "Honduras", group: "Americas" },
102
- { id: "HK", label: "Hong Kong", group: "Asia" },
103
- { id: "HU", label: "Hungary", group: "Europe" },
104
- { id: "IS", label: "Iceland", group: "Europe" },
105
- { id: "IN", label: "India", group: "Asia" },
106
- { id: "ID", label: "Indonesia", group: "Asia" },
107
- { id: "IR", label: "Iran, Islamic Republic of", group: "Asia" },
108
- { id: "IQ", label: "Iraq", group: "Asia" },
109
- { id: "IE", label: "Ireland", group: "Europe" },
110
- { id: "IM", label: "Isle of Man", group: "Europe" },
111
- { id: "IL", label: "Israel", group: "Asia" },
112
- { id: "IT", label: "Italy", group: "Europe" },
113
- { id: "JM", label: "Jamaica", group: "Americas" },
114
- { id: "JP", label: "Japan", group: "Asia" },
115
- { id: "JE", label: "Jersey", group: "Europe" },
116
- { id: "JO", label: "Jordan", group: "Asia" },
117
- { id: "KZ", label: "Kazakhstan", group: "Asia" },
118
- { id: "KE", label: "Kenya", group: "Africa" },
119
- { id: "KI", label: "Kiribati", group: "Oceania" },
120
- { id: "KP", label: "Korea, Democratic People's Republic of", group: "Asia" },
121
- { id: "KR", label: "Korea, Republic of", group: "Asia" },
122
- { id: "KW", label: "Kuwait", group: "Asia" },
123
- { id: "KG", label: "Kyrgyzstan", group: "Asia" },
124
- { id: "LA", label: "Lao People's Democratic Republic", group: "Asia" },
125
- { id: "LV", label: "Latvia", group: "Europe" },
126
- { id: "LB", label: "Lebanon", group: "Asia" },
127
- { id: "LS", label: "Lesotho", group: "Africa" },
128
- { id: "LR", label: "Liberia", group: "Africa" },
129
- { id: "LY", label: "Libya", group: "Africa" },
130
- { id: "LI", label: "Liechtenstein", group: "Europe" },
131
- { id: "LT", label: "Lithuania", group: "Europe" },
132
- { id: "LU", label: "Luxembourg", group: "Europe" },
133
- { id: "MO", label: "Macao", group: "Asia" },
134
- { id: "MG", label: "Madagascar", group: "Africa" },
135
- { id: "MW", label: "Malawi", group: "Africa" },
136
- { id: "MY", label: "Malaysia", group: "Asia" },
137
- { id: "MV", label: "Maldives", group: "Asia" },
138
- { id: "ML", label: "Mali", group: "Africa" },
139
- { id: "MT", label: "Malta", group: "Europe" },
140
- { id: "MH", label: "Marshall Islands", group: "Oceania" },
141
- { id: "MQ", label: "Martinique", group: "Americas" },
142
- { id: "MR", label: "Mauritania", group: "Africa" },
143
- { id: "MU", label: "Mauritius", group: "Africa" },
144
- { id: "YT", label: "Mayotte", group: "Africa" },
145
- { id: "MX", label: "Mexico", group: "Americas" },
146
- { id: "FM", label: "Micronesia, Federated States of", group: "Oceania" },
147
- { id: "MD", label: "Moldova, Republic of", group: "Europe" },
148
- { id: "MC", label: "Monaco", group: "Europe" },
149
- { id: "MN", label: "Mongolia", group: "Asia" },
150
- { id: "ME", label: "Montenegro", group: "Europe" },
151
- { id: "MS", label: "Montserrat", group: "Americas" },
152
- { id: "MA", label: "Morocco", group: "Africa" },
153
- { id: "MZ", label: "Mozambique", group: "Africa" },
154
- { id: "MM", label: "Myanmar", group: "Asia" },
155
- { id: "NA", label: "Namibia", group: "Africa" },
156
- { id: "NR", label: "Nauru", group: "Oceania" },
157
- { id: "NP", label: "Nepal", group: "Asia" },
158
- { id: "NL", label: "Netherlands, Kingdom of the", group: "Europe" },
159
- { id: "NC", label: "New Caledonia", group: "Oceania" },
160
- { id: "NZ", label: "New Zealand", group: "Oceania" },
161
- { id: "NI", label: "Nicaragua", group: "Americas" },
162
- { id: "NE", label: "Niger", group: "Africa" },
163
- { id: "NG", label: "Nigeria", group: "Africa" },
164
- { id: "NU", label: "Niue", group: "Oceania" },
165
- { id: "NF", label: "Norfolk Island", group: "Oceania" },
166
- { id: "MK", label: "North Macedonia", group: "Europe" },
167
- { id: "MP", label: "Northern Mariana Islands", group: "Oceania" },
168
- { id: "NO", label: "Norway", group: "Europe" },
169
- { id: "OM", label: "Oman", group: "Asia" },
170
- { id: "PK", label: "Pakistan", group: "Asia" },
171
- { id: "PW", label: "Palau", group: "Oceania" },
172
- { id: "PS", label: "Palestine, State of", group: "Asia" },
173
- { id: "PA", label: "Panama", group: "Americas" },
174
- { id: "PG", label: "Papua New Guinea", group: "Oceania" },
175
- { id: "PY", label: "Paraguay", group: "Americas" },
176
- { id: "PE", label: "Peru", group: "Americas" },
177
- { id: "PH", label: "Philippines", group: "Asia" },
178
- { id: "PN", label: "Pitcairn", group: "Oceania" },
179
- { id: "PL", label: "Poland", group: "Europe" },
180
- { id: "PT", label: "Portugal", group: "Europe" },
181
- { id: "PR", label: "Puerto Rico", group: "Americas" },
182
- { id: "QA", label: "Qatar", group: "Asia" },
183
- { id: "RE", label: "Réunion", group: "Africa" },
184
- { id: "RO", label: "Romania", group: "Europe" },
185
- { id: "RU", label: "Russian Federation", group: "Europe" },
186
- { id: "RW", label: "Rwanda", group: "Africa" },
187
- { id: "BL", label: "Saint Barthélemy", group: "Americas" },
188
- {
189
- id: "SH",
190
- label: "Saint Helena, Ascension and Tristan da Cunha",
191
- group: "Africa",
192
- },
193
- { id: "KN", label: "Saint Kitts and Nevis", group: "Americas" },
194
- { id: "LC", label: "Saint Lucia", group: "Americas" },
195
- { id: "MF", label: "Saint Martin (French part)", group: "Americas" },
196
- { id: "PM", label: "Saint Pierre and Miquelon", group: "Americas" },
197
- { id: "VC", label: "Saint Vincent and the Grenadines", group: "Americas" },
198
- { id: "WS", label: "Samoa", group: "Oceania" },
199
- { id: "SM", label: "San Marino", group: "Europe" },
200
- { id: "ST", label: "Sao Tome and Principe", group: "Africa" },
201
- { id: "SA", label: "Saudi Arabia", group: "Asia" },
202
- { id: "SN", label: "Senegal", group: "Africa" },
203
- { id: "RS", label: "Serbia", group: "Europe" },
204
- { id: "SC", label: "Seychelles", group: "Africa" },
205
- { id: "SL", label: "Sierra Leone", group: "Africa" },
206
- { id: "SG", label: "Singapore", group: "Asia" },
207
- { id: "SX", label: "Sint Maarten (Dutch part)", group: "Americas" },
208
- { id: "SK", label: "Slovakia", group: "Europe" },
209
- { id: "SI", label: "Slovenia", group: "Europe" },
210
- { id: "SB", label: "Solomon Islands", group: "Oceania" },
211
- { id: "SO", label: "Somalia", group: "Africa" },
212
- { id: "ZA", label: "South Africa", group: "Africa" },
213
- {
214
- id: "GS",
215
- label: "South Georgia and the South Sandwich Islands",
216
- group: "Americas",
217
- },
218
- { id: "SS", label: "South Sudan", group: "Africa" },
219
- { id: "ES", label: "Spain", group: "Europe" },
220
- { id: "LK", label: "Sri Lanka", group: "Asia" },
221
- { id: "SD", label: "Sudan", group: "Africa" },
222
- { id: "SR", label: "Suriname", group: "Americas" },
223
- { id: "SJ", label: "Svalbard and Jan Mayen", group: "Europe" },
224
- { id: "SE", label: "Sweden", group: "Europe" },
225
- { id: "CH", label: "Switzerland", group: "Europe" },
226
- { id: "SY", label: "Syrian Arab Republic", group: "Asia" },
227
- { id: "TW", label: "Taiwan, Province of China", group: "" },
228
- { id: "TJ", label: "Tajikistan", group: "Asia" },
229
- { id: "TZ", label: "Tanzania, United Republic of", group: "Africa" },
230
- { id: "TH", label: "Thailand", group: "Asia" },
231
- { id: "TL", label: "Timor-Leste", group: "Asia" },
232
- { id: "TG", label: "Togo", group: "Africa" },
233
- { id: "TK", label: "Tokelau", group: "Oceania" },
234
- { id: "TO", label: "Tonga", group: "Oceania" },
235
- { id: "TT", label: "Trinidad and Tobago", group: "Americas" },
236
- { id: "TN", label: "Tunisia", group: "Africa" },
237
- { id: "TR", label: "Türkiye", group: "Asia" },
238
- { id: "TM", label: "Turkmenistan", group: "Asia" },
239
- { id: "TC", label: "Turks and Caicos Islands", group: "Americas" },
240
- { id: "TV", label: "Tuvalu", group: "Oceania" },
241
- { id: "UG", label: "Uganda", group: "Africa" },
242
- { id: "UA", label: "Ukraine", group: "Europe" },
243
- { id: "AE", label: "United Arab Emirates", group: "Asia" },
244
- {
245
- id: "GB",
246
- label: "United Kingdom of Great Britain and Northern Ireland",
247
- group: "Europe",
248
- },
249
- { id: "US", label: "United States of America", group: "Americas" },
250
- { id: "UM", label: "United States Minor Outlying Islands", group: "Oceania" },
251
- { id: "UY", label: "Uruguay", group: "Americas" },
252
- { id: "UZ", label: "Uzbekistan", group: "Asia" },
253
- { id: "VU", label: "Vanuatu", group: "Oceania" },
254
- { id: "VE", label: "Venezuela, Bolivarian Republic of", group: "Americas" },
255
- { id: "VN", label: "Viet Nam", group: "Asia" },
256
- { id: "VG", label: "Virgin Islands (British)", group: "Americas" },
257
- { id: "VI", label: "Virgin Islands (U.S.)", group: "Americas" },
258
- { id: "WF", label: "Wallis and Futuna", group: "Oceania" },
259
- { id: "EH", label: "Western Sahara", group: "Africa" },
260
- { id: "YE", label: "Yemen", group: "Asia" },
261
- { id: "ZM", label: "Zambia", group: "Africa" },
262
- { id: "ZW", label: "Zimbabwe", group: "Africa" },
263
- ];
@@ -1,13 +0,0 @@
1
- export const parameters = {
2
- viewMode: "docs",
3
- previewTabs: {
4
- canvas: { hidden: true },
5
- },
6
- toolbar: {
7
- zoom: { hidden: true },
8
- eject: { hidden: true },
9
- fullscreen: { hidden: true },
10
- "storybook/background": { hidden: true },
11
- "storybook/outline": { hidden: true },
12
- },
13
- };
@@ -1,32 +0,0 @@
1
- <script>
2
- /**
3
- * URL for previous page
4
- * @type {string}
5
- */
6
- export let href = "#0";
7
- </script>
8
-
9
- <nav class="ons-breadcrumb" aria-label="Back">
10
- <ol class="ons-breadcrumb__items ons-u-fs-s">
11
- <li class="ons-breadcrumb__item" id="breadcrumb-1">
12
- <a class="ons-breadcrumb__link" href="{href}" id="back">Back</a>
13
- <svg
14
- class="ons-svg-icon"
15
- viewBox="0 0 8 13"
16
- xmlns="http://www.w3.org/2000/svg"
17
- focusable="false"
18
- fill="currentColor"
19
- >
20
- <path
21
- d="M5.74,14.28l-.57-.56a.5.5,0,0,1,0-.71h0l5-5-5-5a.5.5,0,0,1,0-.71h0l.57-.56a.5.5,0,0,1,.71,0h0l5.93,5.93a.5.5,0,0,1,0,.7L6.45,14.28a.5.5,0,0,1-.71,0Z"
22
- transform="translate(-5.02 -1.59)"></path>
23
- </svg>
24
- </li>
25
- </ol>
26
- </nav>
27
-
28
- <style>
29
- .ons-svg-icon {
30
- color: currentColor;
31
- fill: currentColor;
32
- }</style>