@lion/ui 0.11.1 → 0.11.3

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 (228) hide show
  1. package/README.md +2 -2
  2. package/components/combobox/src/LionCombobox.js +1 -3
  3. package/components/combobox/test/lion-combobox.test.js +126 -1
  4. package/components/localize/src/date/parseDate.js +6 -1
  5. package/components/localize/src/date/utils/checkYearFormat.js +8 -0
  6. package/components/localize/test/date/parseDate.test.js +6 -0
  7. package/custom-elements.json +33 -0
  8. package/dist-types/components/combobox/src/LionCombobox.d.ts.map +1 -1
  9. package/dist-types/components/localize/src/date/parseDate.d.ts.map +1 -1
  10. package/dist-types/components/localize/src/date/utils/checkYearFormat.d.ts +7 -0
  11. package/dist-types/components/localize/src/date/utils/checkYearFormat.d.ts.map +1 -0
  12. package/dist-types/tsconfig.tsbuildinfo +1 -1
  13. package/docs/components/accordion/api-table.md +13 -1
  14. package/docs/components/accordion/index.md +10 -0
  15. package/docs/components/accordion/overview.md +13 -1
  16. package/docs/components/accordion/reference.md +13 -1
  17. package/docs/components/accordion/use-cases.md +13 -1
  18. package/docs/components/button/api-table.md +13 -1
  19. package/docs/components/button/examples.md +13 -1
  20. package/docs/components/button/extensions.md +13 -1
  21. package/docs/components/button/index.md +11 -1
  22. package/docs/components/button/overview.md +13 -1
  23. package/docs/components/button/use-cases.md +13 -1
  24. package/docs/components/calendar/api-table.md +13 -1
  25. package/docs/components/calendar/index.md +11 -1
  26. package/docs/components/calendar/overview.md +13 -1
  27. package/docs/components/calendar/use-cases.md +13 -1
  28. package/docs/components/checkbox-group/api-table.md +13 -1
  29. package/docs/components/checkbox-group/index.md +11 -1
  30. package/docs/components/checkbox-group/overview.md +15 -3
  31. package/docs/components/checkbox-group/use-cases.md +13 -1
  32. package/docs/components/collapsible/api-table.md +13 -1
  33. package/docs/components/collapsible/examples.md +13 -1
  34. package/docs/components/collapsible/index.md +11 -1
  35. package/docs/components/collapsible/overview.md +14 -2
  36. package/docs/components/collapsible/use-cases.md +13 -1
  37. package/docs/components/combobox/api-table.md +13 -1
  38. package/docs/components/combobox/extensions.md +13 -1
  39. package/docs/components/combobox/index.md +11 -1
  40. package/docs/components/combobox/overview.md +14 -2
  41. package/docs/components/combobox/use-cases.md +14 -2
  42. package/docs/components/dialog/api-table.md +13 -1
  43. package/docs/components/dialog/index.md +11 -1
  44. package/docs/components/dialog/overview.md +14 -2
  45. package/docs/components/dialog/use-cases.md +13 -1
  46. package/docs/components/drawer/api-table.md +13 -1
  47. package/docs/components/drawer/index.md +11 -1
  48. package/docs/components/drawer/overview.md +13 -1
  49. package/docs/components/drawer/use-cases.md +13 -1
  50. package/docs/components/fieldset/api-table.md +13 -1
  51. package/docs/components/fieldset/index.md +11 -1
  52. package/docs/components/fieldset/overview.md +18 -6
  53. package/docs/components/fieldset/use-cases.md +13 -1
  54. package/docs/components/form/api-table.md +12 -1
  55. package/docs/components/form/index.md +11 -1
  56. package/docs/components/form/overview.md +16 -4
  57. package/docs/components/form/use-cases.md +15 -3
  58. package/docs/components/icon/api-table.md +13 -1
  59. package/docs/components/icon/index.md +11 -1
  60. package/docs/components/icon/overview.md +13 -1
  61. package/docs/components/icon/use-cases.md +14 -2
  62. package/docs/components/index.md +11 -1
  63. package/docs/components/input/api-table.md +13 -1
  64. package/docs/components/input/index.md +11 -1
  65. package/docs/components/input/overview.md +14 -2
  66. package/docs/components/input/use-cases.md +13 -1
  67. package/docs/components/input-amount/api-table.md +13 -1
  68. package/docs/components/input-amount/index.md +11 -1
  69. package/docs/components/input-amount/overview.md +16 -4
  70. package/docs/components/input-amount/use-cases.md +13 -1
  71. package/docs/components/input-date/api-table.md +13 -1
  72. package/docs/components/input-date/index.md +11 -1
  73. package/docs/components/input-date/overview.md +16 -4
  74. package/docs/components/input-date/use-cases.md +13 -1
  75. package/docs/components/input-datepicker/api-table.md +13 -1
  76. package/docs/components/input-datepicker/index.md +11 -1
  77. package/docs/components/input-datepicker/overview.md +18 -6
  78. package/docs/components/input-datepicker/use-cases.md +13 -1
  79. package/docs/components/input-email/api-table.md +13 -1
  80. package/docs/components/input-email/index.md +11 -1
  81. package/docs/components/input-email/overview.md +15 -3
  82. package/docs/components/input-email/use-cases.md +13 -1
  83. package/docs/components/input-file/api-table.md +13 -1
  84. package/docs/components/input-file/index.md +11 -1
  85. package/docs/components/input-file/overview.md +14 -2
  86. package/docs/components/input-file/use-cases.md +13 -1
  87. package/docs/components/input-iban/api-table.md +13 -1
  88. package/docs/components/input-iban/index.md +11 -1
  89. package/docs/components/input-iban/overview.md +15 -3
  90. package/docs/components/input-iban/use-cases.md +13 -1
  91. package/docs/components/input-range/api-table.md +13 -1
  92. package/docs/components/input-range/index.md +11 -1
  93. package/docs/components/input-range/overview.md +15 -3
  94. package/docs/components/input-range/use-cases.md +13 -1
  95. package/docs/components/input-stepper/api-table.md +13 -1
  96. package/docs/components/input-stepper/index.md +11 -1
  97. package/docs/components/input-stepper/overview.md +14 -2
  98. package/docs/components/input-stepper/use-cases.md +13 -1
  99. package/docs/components/input-tel/api-table.md +13 -1
  100. package/docs/components/input-tel/index.md +11 -1
  101. package/docs/components/input-tel/overview.md +14 -2
  102. package/docs/components/input-tel/use-cases.md +19 -7
  103. package/docs/components/input-tel-dropdown/api-table.md +13 -1
  104. package/docs/components/input-tel-dropdown/extensions.md +13 -1
  105. package/docs/components/input-tel-dropdown/index.md +11 -1
  106. package/docs/components/input-tel-dropdown/overview.md +14 -2
  107. package/docs/components/input-tel-dropdown/use-cases.md +13 -1
  108. package/docs/components/listbox/api-table.md +13 -1
  109. package/docs/components/listbox/index.md +11 -1
  110. package/docs/components/listbox/overview.md +13 -1
  111. package/docs/components/listbox/use-cases.md +14 -2
  112. package/docs/components/pagination/api-table.md +13 -1
  113. package/docs/components/pagination/index.md +11 -1
  114. package/docs/components/pagination/overview.md +13 -1
  115. package/docs/components/pagination/use-cases.md +13 -1
  116. package/docs/components/progress-indicator/api-table.md +13 -1
  117. package/docs/components/progress-indicator/examples.md +13 -1
  118. package/docs/components/progress-indicator/index.md +11 -1
  119. package/docs/components/progress-indicator/overview.md +13 -1
  120. package/docs/components/radio-group/api-table.md +13 -1
  121. package/docs/components/radio-group/index.md +11 -1
  122. package/docs/components/radio-group/overview.md +16 -4
  123. package/docs/components/radio-group/use-cases.md +13 -1
  124. package/docs/components/select/api-table.md +13 -1
  125. package/docs/components/select/index.md +11 -1
  126. package/docs/components/select/overview.md +13 -1
  127. package/docs/components/select/use-cases.md +14 -2
  128. package/docs/components/select-rich/api-table.md +13 -1
  129. package/docs/components/select-rich/examples.md +13 -1
  130. package/docs/components/select-rich/index.md +11 -1
  131. package/docs/components/select-rich/overview.md +13 -1
  132. package/docs/components/select-rich/use-cases.md +14 -2
  133. package/docs/components/steps/api-table.md +13 -1
  134. package/docs/components/steps/index.md +11 -1
  135. package/docs/components/steps/overview.md +13 -1
  136. package/docs/components/steps/use-cases.md +13 -1
  137. package/docs/components/switch/api-table.md +13 -1
  138. package/docs/components/switch/index.md +11 -1
  139. package/docs/components/switch/overview.md +13 -1
  140. package/docs/components/switch/reference.md +13 -1
  141. package/docs/components/switch/use-cases.md +13 -1
  142. package/docs/components/tabs/api-table.md +13 -1
  143. package/docs/components/tabs/examples.md +14 -2
  144. package/docs/components/tabs/index.md +11 -1
  145. package/docs/components/tabs/overview.md +13 -1
  146. package/docs/components/tabs/use-cases.md +13 -1
  147. package/docs/components/textarea/api-table.md +13 -1
  148. package/docs/components/textarea/index.md +11 -1
  149. package/docs/components/textarea/overview.md +13 -1
  150. package/docs/components/textarea/use-cases.md +13 -1
  151. package/docs/components/tooltip/api-table.md +13 -1
  152. package/docs/components/tooltip/examples.md +13 -1
  153. package/docs/components/tooltip/index.md +11 -1
  154. package/docs/components/tooltip/overview.md +13 -1
  155. package/docs/components/tooltip/use-cases.md +13 -1
  156. package/docs/fundamentals/index.md +4 -4
  157. package/docs/fundamentals/node-tools/babel-plugin-extend-docs/index.md +12 -0
  158. package/docs/fundamentals/node-tools/babel-plugin-extend-docs/overview.md +13 -0
  159. package/docs/fundamentals/node-tools/index.md +10 -0
  160. package/docs/fundamentals/node-tools/providence-analytics/index.md +12 -0
  161. package/docs/fundamentals/node-tools/providence-analytics/overview.md +13 -0
  162. package/docs/fundamentals/node-tools/publish-docs/index.md +12 -0
  163. package/docs/fundamentals/node-tools/publish-docs/overview.md +16 -3
  164. package/docs/fundamentals/node-tools/remark-extend/index.md +12 -0
  165. package/docs/fundamentals/node-tools/remark-extend/overview.md +13 -0
  166. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/index.md +12 -0
  167. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +15 -2
  168. package/docs/fundamentals/rationales/TypeScript.md +12 -0
  169. package/docs/fundamentals/rationales/accessibility.md +13 -1
  170. package/docs/fundamentals/rationales/index.md +10 -0
  171. package/docs/fundamentals/rationales/side-effects.md +12 -0
  172. package/docs/fundamentals/rationales/versioning.md +12 -0
  173. package/docs/fundamentals/systems/core/SlotMixin.md +14 -1
  174. package/docs/fundamentals/systems/core/api-table.md +14 -1
  175. package/docs/fundamentals/systems/core/index.md +12 -0
  176. package/docs/fundamentals/systems/core/overview.md +14 -1
  177. package/docs/fundamentals/systems/form/api-table.md +14 -1
  178. package/docs/fundamentals/systems/form/formatting-and-parsing.md +17 -4
  179. package/docs/fundamentals/systems/form/index.md +12 -0
  180. package/docs/fundamentals/systems/form/interaction-states.md +13 -0
  181. package/docs/fundamentals/systems/form/model-value.md +14 -1
  182. package/docs/fundamentals/systems/form/overview.md +41 -28
  183. package/docs/fundamentals/systems/form/styling.md +13 -0
  184. package/docs/fundamentals/systems/form/use-cases.md +13 -0
  185. package/docs/fundamentals/systems/form/validate.md +15 -2
  186. package/docs/fundamentals/systems/icon/index.md +12 -0
  187. package/docs/fundamentals/systems/icon/overview.md +13 -0
  188. package/docs/fundamentals/systems/index.md +10 -0
  189. package/docs/fundamentals/systems/localize/api-table.md +14 -1
  190. package/docs/fundamentals/systems/localize/dates.md +13 -0
  191. package/docs/fundamentals/systems/localize/index.md +12 -0
  192. package/docs/fundamentals/systems/localize/numbers.md +13 -0
  193. package/docs/fundamentals/systems/localize/overview.md +17 -4
  194. package/docs/fundamentals/systems/localize/rationale.md +13 -0
  195. package/docs/fundamentals/systems/localize/text.md +13 -0
  196. package/docs/fundamentals/systems/localize/use-cases.md +13 -0
  197. package/docs/fundamentals/systems/overlays/_configuration-positioning.md +11 -0
  198. package/docs/fundamentals/systems/overlays/_edge-cases.md +10 -0
  199. package/docs/fundamentals/systems/overlays/api-table.md +14 -1
  200. package/docs/fundamentals/systems/overlays/configuration.md +15 -2
  201. package/docs/fundamentals/systems/overlays/index.md +12 -0
  202. package/docs/fundamentals/systems/overlays/overview.md +18 -5
  203. package/docs/fundamentals/systems/overlays/rationale.md +13 -0
  204. package/docs/fundamentals/systems/overlays/use-cases.md +15 -2
  205. package/docs/fundamentals/tools/ajax/index.md +12 -0
  206. package/docs/fundamentals/tools/ajax/overview.md +13 -0
  207. package/docs/fundamentals/tools/ajax/use-cases.md +13 -0
  208. package/docs/fundamentals/tools/helpers/action-logger.md +13 -0
  209. package/docs/fundamentals/tools/helpers/index.md +12 -0
  210. package/docs/fundamentals/tools/helpers/overview.md +14 -1
  211. package/docs/fundamentals/tools/index.md +10 -0
  212. package/docs/fundamentals/tools/singleton-manager/example-complex/index.md +13 -0
  213. package/docs/fundamentals/tools/singleton-manager/example-fail/index.md +13 -0
  214. package/docs/fundamentals/tools/singleton-manager/example-success/index.md +13 -0
  215. package/docs/fundamentals/tools/singleton-manager/index.md +12 -0
  216. package/docs/fundamentals/tools/singleton-manager/overview.md +17 -4
  217. package/docs/guides/how-to/create-a-custom-field.md +18 -6
  218. package/docs/guides/how-to/create-a-form.md +17 -5
  219. package/docs/guides/how-to/extend-a-native-input.md +15 -3
  220. package/docs/guides/how-to/get-started.md +13 -1
  221. package/docs/guides/how-to/index.md +11 -1
  222. package/docs/guides/index.md +19 -9
  223. package/docs/guides/principles/definitions-and-terms.md +13 -1
  224. package/docs/guides/principles/index.md +16 -6
  225. package/docs/guides/principles/scoped-elements.md +13 -1
  226. package/docs/guides/principles/styling.md +14 -2
  227. package/docs/guides/principles/subclasser-apis.md +13 -1
  228. package/package.json +1 -1
@@ -1,4 +1,16 @@
1
- # Principles >> Styling ||30
1
+ ---
2
+ parts:
3
+ - Principles
4
+ - Styling
5
+ title: 'Principles: Styling'
6
+ eleventyNavigation:
7
+ key: 'Principles: Styling'
8
+ order: 30
9
+ parent: Principles
10
+ title: Styling
11
+ ---
12
+
13
+ # Principles: Styling
2
14
 
3
15
  ## Markup and styling
4
16
 
@@ -19,7 +31,7 @@ Examples for both categories can be found below:
19
31
  - Accessibility examples:
20
32
  - Content (for instance a caption in a table) can be `visually hidden`: it will be
21
33
  readable by screen readers, but invisible for end users.
22
- - When an html table is used, we allow [subclassers](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/guides/principles/subclasser-apis.md) to override the display property (`table-cell`) to `flex`. By putting the proper accessible roles (`role="cell"`) in the markup, we guarantee our markup stays accessible.
34
+ - When an html table is used, we allow [subclassers](https://github.com/ing-bank/lion/blob/0c3425c2b9f0cbb8c2680b033ba775170b92c641/docs/guides/principles/subclasser-apis.md) to override the display property (`table-cell`) to `flex`. By putting the proper accessible roles (`role="cell"`) in the markup, we guarantee our markup stays accessible.
23
35
 
24
36
  Although Lion components try to stay as unbiased as possible with regard to styling, defaults will be needed. In these cases we try to follow the platform as much as possible. If the platform doesn't provide defaults, the largest common denominator across existing UI systems is taken as a lead.
25
37
 
@@ -1,4 +1,16 @@
1
- # Principles >> Subclasser apis ||50
1
+ ---
2
+ parts:
3
+ - Principles
4
+ - Subclasser apis
5
+ title: 'Principles: Subclasser apis'
6
+ eleventyNavigation:
7
+ key: 'Principles: Subclasser apis'
8
+ order: 50
9
+ parent: Principles
10
+ title: Subclasser apis
11
+ ---
12
+
13
+ # Principles: Subclasser apis
2
14
 
3
15
  In order to make it easy for Subclassers to extend our components, we follow a certain set
4
16
  of best practices naming conventions to make our code predictable.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lion/ui",
3
- "version": "0.11.1",
3
+ "version": "0.11.3",
4
4
  "description": "A package of extendable web components",
5
5
  "license": "MIT",
6
6
  "author": "ing-bank",