@lion/ui 0.11.0 → 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 (100) 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/localize/types/LocalizeMixinTypes.ts +0 -5
  7. package/components/select-rich/src/LionSelectRich.js +1 -1
  8. package/components/select-rich/test/lion-select-rich.test.js +13 -1
  9. package/custom-elements.json +47661 -47626
  10. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts +10 -0
  11. package/dist-types/components/checkbox-group/src/LionCheckboxIndeterminate.d.ts.map +1 -1
  12. package/dist-types/components/checkbox-group/test-suites/CheckboxIndeterminate.suite.d.ts.map +1 -1
  13. package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts +0 -4
  14. package/dist-types/components/localize/types/LocalizeMixinTypes.d.ts.map +1 -1
  15. package/dist-types/tsconfig.tsbuildinfo +1 -1
  16. package/docs/components/accordion/api-table.md +6 -6
  17. package/docs/components/button/api-table.md +27 -30
  18. package/docs/components/calendar/api-table.md +13 -13
  19. package/docs/components/checkbox-group/api-table.md +305 -329
  20. package/docs/components/checkbox-group/overview.md +2 -2
  21. package/docs/components/collapsible/api-table.md +5 -5
  22. package/docs/components/collapsible/overview.md +1 -1
  23. package/docs/components/combobox/api-table.md +150 -154
  24. package/docs/components/combobox/overview.md +1 -1
  25. package/docs/components/combobox/use-cases.md +1 -1
  26. package/docs/components/dialog/api-table.md +12 -12
  27. package/docs/components/dialog/overview.md +1 -1
  28. package/docs/components/drawer/api-table.md +9 -10
  29. package/docs/components/fieldset/api-table.md +104 -118
  30. package/docs/components/fieldset/overview.md +5 -5
  31. package/docs/components/form/overview.md +3 -3
  32. package/docs/components/form/use-cases.md +2 -2
  33. package/docs/components/icon/api-table.md +3 -3
  34. package/docs/components/icon/use-cases.md +1 -1
  35. package/docs/components/input/api-table.md +110 -120
  36. package/docs/components/input/overview.md +1 -1
  37. package/docs/components/input-amount/api-table.md +129 -142
  38. package/docs/components/input-amount/overview.md +3 -3
  39. package/docs/components/input-date/api-table.md +110 -120
  40. package/docs/components/input-date/overview.md +3 -3
  41. package/docs/components/input-datepicker/api-table.md +148 -160
  42. package/docs/components/input-datepicker/overview.md +5 -5
  43. package/docs/components/input-email/api-table.md +110 -120
  44. package/docs/components/input-email/overview.md +2 -2
  45. package/docs/components/input-file/api-table.md +132 -143
  46. package/docs/components/input-file/overview.md +1 -1
  47. package/docs/components/input-iban/api-table.md +110 -120
  48. package/docs/components/input-iban/overview.md +2 -2
  49. package/docs/components/input-range/api-table.md +116 -126
  50. package/docs/components/input-range/overview.md +2 -2
  51. package/docs/components/input-stepper/api-table.md +123 -133
  52. package/docs/components/input-stepper/overview.md +1 -1
  53. package/docs/components/input-tel/api-table.md +118 -128
  54. package/docs/components/input-tel/overview.md +1 -1
  55. package/docs/components/input-tel/use-cases.md +6 -6
  56. package/docs/components/input-tel-dropdown/api-table.md +125 -135
  57. package/docs/components/input-tel-dropdown/overview.md +1 -1
  58. package/docs/components/listbox/api-table.md +126 -131
  59. package/docs/components/listbox/use-cases.md +1 -1
  60. package/docs/components/pagination/api-table.md +5 -5
  61. package/docs/components/progress-indicator/api-table.md +9 -10
  62. package/docs/components/radio-group/api-table.md +234 -258
  63. package/docs/components/radio-group/overview.md +3 -3
  64. package/docs/components/select/api-table.md +106 -116
  65. package/docs/components/select/use-cases.md +1 -1
  66. package/docs/components/select-rich/api-table.md +169 -178
  67. package/docs/components/select-rich/use-cases.md +1 -1
  68. package/docs/components/steps/api-table.md +6 -6
  69. package/docs/components/switch/api-table.md +117 -128
  70. package/docs/components/tabs/api-table.md +1 -1
  71. package/docs/components/tabs/examples.md +1 -1
  72. package/docs/components/textarea/api-table.md +114 -124
  73. package/docs/components/tooltip/api-table.md +13 -13
  74. package/docs/fundamentals/index.md +4 -4
  75. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  76. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  77. package/docs/fundamentals/rationales/accessibility.md +1 -1
  78. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  79. package/docs/fundamentals/systems/core/api-table.md +8 -11
  80. package/docs/fundamentals/systems/core/overview.md +1 -1
  81. package/docs/fundamentals/systems/form/api-table.md +77 -82
  82. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  83. package/docs/fundamentals/systems/form/model-value.md +1 -1
  84. package/docs/fundamentals/systems/form/overview.md +28 -28
  85. package/docs/fundamentals/systems/form/validate.md +2 -2
  86. package/docs/fundamentals/systems/localize/api-table.md +19 -19
  87. package/docs/fundamentals/systems/localize/overview.md +4 -4
  88. package/docs/fundamentals/systems/overlays/api-table.md +45 -46
  89. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  90. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  91. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  92. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  93. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  94. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  95. package/docs/guides/how-to/create-a-form.md +4 -4
  96. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  97. package/docs/guides/index.md +8 -8
  98. package/docs/guides/principles/index.md +5 -5
  99. package/docs/guides/principles/styling.md +1 -1
  100. package/package.json +1 -1
@@ -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/eea6726289ec879c9d99d3ada1043cbd42704557/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
@@ -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/eea6726289ec879c9d99d3ada1043cbd42704557/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/eea6726289ec879c9d99d3ada1043cbd42704557/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/eea6726289ec879c9d99d3ada1043cbd42704557/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/eea6726289ec879c9d99d3ada1043cbd42704557/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/eea6726289ec879c9d99d3ada1043cbd42704557/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/eea6726289ec879c9d99d3ada1043cbd42704557/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