@lion/ui 0.10.1 → 0.11.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 (108) hide show
  1. package/README.md +2 -2
  2. package/components/checkbox-group/src/LionCheckboxIndeterminate.js +39 -16
  3. package/components/checkbox-group/test-suites/CheckboxIndeterminate.suite.js +189 -1
  4. package/components/form-core/src/FocusMixin.js +4 -4
  5. package/components/form-core/src/LionField.js +1 -1
  6. package/components/input-amount/test/lion-input-amount.test.js +48 -1
  7. package/components/input-amount/test/parsers.test.js +1 -1
  8. package/components/localize/src/number/parseNumber.js +21 -12
  9. package/components/localize/test/number/parseNumber.test.js +1 -1
  10. package/components/localize/types/LocalizeMixinTypes.ts +0 -5
  11. package/components/select-rich/src/LionSelectRich.js +18 -2
  12. package/components/select-rich/test/lion-select-rich-interaction.test.js +139 -20
  13. package/components/select-rich/test/lion-select-rich.test.js +13 -1
  14. package/components/validate-messages/translations/pl.js +4 -4
  15. package/custom-elements.json +47661 -47626
  16. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts +10 -0
  17. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts.map +1 -1
  18. package/dist-types/components/checkbox-group/test-suites/CheckboxIndeterminate.suite.d.ts.map +1 -1
  19. package/dist-types/components/localize/src/number/parseNumber.d.ts.map +1 -1
  20. package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts +0 -4
  21. package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts.map +1 -1
  22. package/dist-types/components/select-rich/src/LionSelectRich.d.ts.map +1 -1
  23. package/dist-types/tsconfig.tsbuildinfo +1 -1
  24. package/docs/components/accordion/api-table.md +6 -6
  25. package/docs/components/button/api-table.md +27 -30
  26. package/docs/components/calendar/api-table.md +13 -13
  27. package/docs/components/checkbox-group/api-table.md +305 -329
  28. package/docs/components/checkbox-group/overview.md +2 -2
  29. package/docs/components/collapsible/api-table.md +5 -5
  30. package/docs/components/collapsible/overview.md +1 -1
  31. package/docs/components/combobox/api-table.md +150 -154
  32. package/docs/components/combobox/overview.md +1 -1
  33. package/docs/components/combobox/use-cases.md +1 -1
  34. package/docs/components/dialog/api-table.md +12 -12
  35. package/docs/components/dialog/overview.md +1 -1
  36. package/docs/components/drawer/api-table.md +9 -10
  37. package/docs/components/fieldset/api-table.md +104 -118
  38. package/docs/components/fieldset/overview.md +5 -5
  39. package/docs/components/form/overview.md +3 -3
  40. package/docs/components/form/use-cases.md +2 -2
  41. package/docs/components/icon/api-table.md +3 -3
  42. package/docs/components/icon/use-cases.md +1 -1
  43. package/docs/components/input/api-table.md +110 -120
  44. package/docs/components/input/overview.md +1 -1
  45. package/docs/components/input-amount/api-table.md +129 -142
  46. package/docs/components/input-amount/overview.md +3 -3
  47. package/docs/components/input-date/api-table.md +110 -120
  48. package/docs/components/input-date/overview.md +3 -3
  49. package/docs/components/input-datepicker/api-table.md +148 -160
  50. package/docs/components/input-datepicker/overview.md +5 -5
  51. package/docs/components/input-email/api-table.md +110 -120
  52. package/docs/components/input-email/overview.md +2 -2
  53. package/docs/components/input-file/api-table.md +132 -143
  54. package/docs/components/input-file/overview.md +1 -1
  55. package/docs/components/input-iban/api-table.md +110 -120
  56. package/docs/components/input-iban/overview.md +2 -2
  57. package/docs/components/input-range/api-table.md +116 -126
  58. package/docs/components/input-range/overview.md +2 -2
  59. package/docs/components/input-stepper/api-table.md +123 -133
  60. package/docs/components/input-stepper/overview.md +1 -1
  61. package/docs/components/input-tel/api-table.md +118 -128
  62. package/docs/components/input-tel/overview.md +1 -1
  63. package/docs/components/input-tel/use-cases.md +6 -6
  64. package/docs/components/input-tel-dropdown/api-table.md +125 -135
  65. package/docs/components/input-tel-dropdown/overview.md +1 -1
  66. package/docs/components/listbox/api-table.md +126 -131
  67. package/docs/components/listbox/use-cases.md +1 -1
  68. package/docs/components/pagination/api-table.md +5 -5
  69. package/docs/components/progress-indicator/api-table.md +9 -10
  70. package/docs/components/radio-group/api-table.md +234 -258
  71. package/docs/components/radio-group/overview.md +3 -3
  72. package/docs/components/select/api-table.md +106 -116
  73. package/docs/components/select/use-cases.md +1 -1
  74. package/docs/components/select-rich/api-table.md +169 -178
  75. package/docs/components/select-rich/use-cases.md +1 -1
  76. package/docs/components/steps/api-table.md +6 -6
  77. package/docs/components/switch/api-table.md +117 -128
  78. package/docs/components/tabs/api-table.md +1 -1
  79. package/docs/components/tabs/examples.md +1 -1
  80. package/docs/components/textarea/api-table.md +114 -124
  81. package/docs/components/tooltip/api-table.md +13 -13
  82. package/docs/fundamentals/index.md +4 -4
  83. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  84. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  85. package/docs/fundamentals/rationales/accessibility.md +1 -1
  86. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  87. package/docs/fundamentals/systems/core/api-table.md +8 -11
  88. package/docs/fundamentals/systems/core/overview.md +1 -1
  89. package/docs/fundamentals/systems/form/api-table.md +77 -82
  90. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  91. package/docs/fundamentals/systems/form/model-value.md +1 -1
  92. package/docs/fundamentals/systems/form/overview.md +28 -28
  93. package/docs/fundamentals/systems/form/validate.md +2 -2
  94. package/docs/fundamentals/systems/localize/api-table.md +19 -19
  95. package/docs/fundamentals/systems/localize/overview.md +4 -4
  96. package/docs/fundamentals/systems/overlays/api-table.md +45 -46
  97. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  98. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  99. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  100. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  101. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  102. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  103. package/docs/guides/how-to/create-a-form.md +4 -4
  104. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  105. package/docs/guides/index.md +8 -8
  106. package/docs/guides/principles/index.md +5 -5
  107. package/docs/guides/principles/styling.md +1 -1
  108. package/package.json +1 -1
package/docs/components/input-tel/overview.md CHANGED
@@ -39,7 +39,7 @@ export const main = () => {
39
39
 
40
40
  ## Features
41
41
 
42
- - Extends our [input](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input/overview.md)
42
+ - Extends our [input](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input/overview.md)
43
43
  - Shows a mobile telephone keypad on mobile (by having a native `<input inputmode="tel">` inside)
44
44
  - Can be configured with a list of allowed region codes
45
45
  - Will be preconfigured with region derived from locale
package/docs/components/input-tel/use-cases.md CHANGED
@@ -22,7 +22,7 @@ Say we have the following telephone number from Madrid, Spain: `+34919930432`.
22
22
  It contains a [country code](https://en.wikipedia.org/wiki/Country_code) (34), an [area code](https://en.wikipedia.org/wiki/Telephone_numbering_plan#Area_code) (91) and a [dial code](https://en.wikipedia.org/wiki/Mobile_dial_code) (+34 91).
23
23
  Input Tel interprets phone numbers based on their [region code](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2): a two character long region representation('ES' in the telephone number above).
24
24
 
25
- The table below lists all possible regions worldwide. When [allowed regions](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel/#allowed-regions) are not configured,
25
+ The table below lists all possible regions worldwide. When [allowed regions](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel/#allowed-regions) are not configured,
26
26
  all of them will be supported as values of Input Tel.
27
27
 
28
28
  ```js story
@@ -37,11 +37,11 @@ export const regionCodesTable = () => {
37
37
  The active region (accessible via readonly accessor `.activeRegion`) determines how validation and formatting
38
38
  should be applied. It is dependent on the following factors:
39
39
 
40
- - [allowed regions](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel/#allowed-regions): a list that determines what is allowed to become .activeRegion. If
41
- [.allowedRegions has only one entry](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel/#restrict-to-one-region), .activeRegion will always be this value.
40
+ - [allowed regions](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel/#allowed-regions): a list that determines what is allowed to become .activeRegion. If
41
+ [.allowedRegions has only one entry](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel/#restrict-to-one-region), .activeRegion will always be this value.
42
42
  - the modelValue or viewValue: once it contains sufficient info to derive its region code (and
43
- the derived code is inside [allowed regions](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel/#allowed-regions) if configured)
44
- - active locale (and the derived locale is inside [allowed regions](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel/#allowed-regions) if configured)
43
+ the derived code is inside [allowed regions](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel/#allowed-regions) if configured)
44
+ - active locale (and the derived locale is inside [allowed regions](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel/#allowed-regions) if configured)
45
45
 
46
46
  What follows from the list above is that .activeRegion can change dynamically, after a value
47
47
  change in the text box by the user (or when locales or allowed regions would be changed by the
@@ -130,7 +130,7 @@ export const heuristic = () => {
130
130
  Once it is configured, validation and formatting will be restricted to those
131
131
  values that are present in this list.
132
132
 
133
- > Note that for [InputTelDropdown](https://github.com/ing-bank/lion/blob/04a61d1e103f5d6beddc3779d27cc58dc7171c55/docs/components/input-tel-dropdown/index.md), only allowed regions will
133
+ > Note that for [InputTelDropdown](https://github.com/ing-bank/lion/blob/593b753f0f99acb36ea6009677bc7fdda9184184/docs/components/input-tel-dropdown/index.md), only allowed regions will
134
134
  > be shown in the dropdown list.
135
135
 
136
136
  ```js preview-story