@lion/ui 0.11.6 → 0.13.0
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.
- package/README.md +1 -1
- package/components/combobox/src/LionCombobox.js +26 -8
- package/components/combobox/test/lion-combobox.test.js +206 -57
- package/components/form-core/src/FocusMixin.js +1 -0
- package/components/form-core/src/FormControlMixin.js +23 -18
- package/components/form-core/src/validate/ValidateMixin.js +17 -1
- package/components/form-core/test/FormControlMixin.test.js +68 -0
- package/components/form-core/test-suites/ValidateMixin.suite.js +19 -3
- package/components/input-amount/src/parsers.js +1 -1
- package/components/input-amount/test/parsers.test.js +5 -0
- package/components/overlays/src/OverlayController.js +32 -5
- package/components/overlays/src/OverlayMixin.js +1 -0
- package/components/overlays/src/configurations/withDropdownConfig.js +0 -1
- package/components/overlays/src/configurations/withTooltipConfig.js +0 -1
- package/components/overlays/test/OverlayController.test.js +16 -4
- package/components/overlays/test-suites/OverlayMixin.suite.js +71 -0
- package/custom-elements.json +1144 -327
- package/dist-types/components/combobox/src/LionCombobox.d.ts.map +1 -1
- package/dist-types/components/core/src/ScopedElementsMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/src/FocusMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/src/FormControlMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/src/validate/ValidateMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/test-suites/ValidateMixin.suite.d.ts.map +1 -1
- package/dist-types/components/overlays/src/OverlayController.d.ts.map +1 -1
- package/dist-types/components/overlays/src/OverlayMixin.d.ts.map +1 -1
- package/dist-types/components/overlays/src/configurations/withDropdownConfig.d.ts.map +1 -1
- package/dist-types/components/overlays/src/configurations/withTooltipConfig.d.ts.map +1 -1
- package/dist-types/components/overlays/test/OverlayController.test.d.ts.map +1 -1
- package/dist-types/components/overlays/test-suites/OverlayMixin.suite.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/checkbox-group/api-table.md +6 -6
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/api-table.md +2 -2
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +90 -1
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/fieldset/api-table.md +2 -2
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/form/use-cases.md +2 -2
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/input/api-table.md +2 -2
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/api-table.md +2 -2
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/api-table.md +2 -2
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/api-table.md +2 -2
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-email/api-table.md +2 -2
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/api-table.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/api-table.md +2 -2
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/api-table.md +2 -2
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/api-table.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-tel/api-table.md +2 -2
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/api-table.md +2 -2
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/listbox/api-table.md +2 -2
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/radio-group/api-table.md +4 -4
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/api-table.md +2 -2
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/api-table.md +2 -2
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/switch/api-table.md +2 -2
- package/docs/components/tabs/examples.md +1 -1
- package/docs/components/textarea/api-table.md +2 -2
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/api-table.md +2 -2
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/styling.md +3 -20
- package/docs/fundamentals/systems/form/validate.md +2 -2
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/package.json +3 -3
package/docs/guides/index.md
CHANGED
|
@@ -22,9 +22,9 @@ Developers consuming our web components inside an application (not extending the
|
|
|
22
22
|
`Application Developers` are only allowed to interact with `public` properties and methods.
|
|
23
23
|
Can be abbreviated as `AD`. Sometimes also called `Consuming Developer`.
|
|
24
24
|
|
|
25
|
-
- [Definitions and Terms](https://github.com/ing-bank/lion/blob/
|
|
26
|
-
- [Styling](https://github.com/ing-bank/lion/blob/
|
|
27
|
-
- [Scoped Elements](https://github.com/ing-bank/lion/blob/
|
|
25
|
+
- [Definitions and Terms](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/definitions-and-terms.md)
|
|
26
|
+
- [Styling](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/styling.md)
|
|
27
|
+
- [Scoped Elements](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/scoped-elements.md)
|
|
28
28
|
|
|
29
29
|
## Extending Developer
|
|
30
30
|
|
|
@@ -32,13 +32,13 @@ Developers extending our web components, for instance: `class MaterialInput exte
|
|
|
32
32
|
|
|
33
33
|
Especially for subclassers we have some extra documentation:
|
|
34
34
|
|
|
35
|
-
- [Subclasser APIs](https://github.com/ing-bank/lion/blob/
|
|
36
|
-
- [Extend documentation](https://github.com/ing-bank/lion/blob/
|
|
35
|
+
- [Subclasser APIs](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/subclasser-apis.md)
|
|
36
|
+
- [Extend documentation](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/blog/extending-documentation.md)
|
|
37
37
|
|
|
38
38
|
## How To
|
|
39
39
|
|
|
40
40
|
Next to that we have some specific "How To" documentations.
|
|
41
41
|
|
|
42
|
-
- [Get started](https://github.com/ing-bank/lion/blob/
|
|
43
|
-
- [Create a custom field](https://github.com/ing-bank/lion/blob/
|
|
44
|
-
- [Extend a native input](https://github.com/ing-bank/lion/blob/
|
|
42
|
+
- [Get started](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/how-to/get-started.md)
|
|
43
|
+
- [Create a custom field](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/how-to/create-a-custom-field.md)
|
|
44
|
+
- [Extend a native input](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/how-to/extend-a-native-input.md)
|
|
@@ -22,9 +22,9 @@ Developers consuming our web components inside an application (not extending the
|
|
|
22
22
|
`Application Developers` are only allowed to interact with `public` properties and methods.
|
|
23
23
|
Can be abbreviated as `AD`. Sometimes also called `Consuming Developer`.
|
|
24
24
|
|
|
25
|
-
- [Definitions and Terms](https://github.com/ing-bank/lion/blob/
|
|
26
|
-
- [Styling](https://github.com/ing-bank/lion/blob/
|
|
27
|
-
- [Scoped Elements](https://github.com/ing-bank/lion/blob/
|
|
25
|
+
- [Definitions and Terms](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/definitions-and-terms.md)
|
|
26
|
+
- [Styling](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/styling.md)
|
|
27
|
+
- [Scoped Elements](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/scoped-elements.md)
|
|
28
28
|
|
|
29
29
|
## Extending Developer
|
|
30
30
|
|
|
@@ -32,5 +32,5 @@ Developers extending our web components, for instance: `class MaterialInput exte
|
|
|
32
32
|
|
|
33
33
|
Especially for subclassers we have some extra documentation:
|
|
34
34
|
|
|
35
|
-
- [Subclasser APIs](https://github.com/ing-bank/lion/blob/
|
|
36
|
-
- [Extend documentation](https://github.com/ing-bank/lion/blob/
|
|
35
|
+
- [Subclasser APIs](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/guides/principles/subclasser-apis.md)
|
|
36
|
+
- [Extend documentation](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/docs/blog/extending-documentation.md)
|
|
@@ -31,7 +31,7 @@ Examples for both categories can be found below:
|
|
|
31
31
|
- Accessibility examples:
|
|
32
32
|
- Content (for instance a caption in a table) can be `visually hidden`: it will be
|
|
33
33
|
readable by screen readers, but invisible for end users.
|
|
34
|
-
- When an html table is used, we allow [subclassers](https://github.com/ing-bank/lion/blob/
|
|
34
|
+
- When an html table is used, we allow [subclassers](https://github.com/ing-bank/lion/blob/a12baddc37daf8f820c5c97723761768f4408b45/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.
|
|
35
35
|
|
|
36
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.
|
|
37
37
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lion/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "A package of extendable web components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ing-bank",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
],
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"@bundled-es-modules/message-format": "^6.2.4",
|
|
66
|
-
"@open-wc/dedupe-mixin": "^
|
|
67
|
-
"@open-wc/scoped-elements": "^3.0.
|
|
66
|
+
"@open-wc/dedupe-mixin": "^2.0.1",
|
|
67
|
+
"@open-wc/scoped-elements": "^3.0.6",
|
|
68
68
|
"@popperjs/core": "^2.11.8",
|
|
69
69
|
"autosize": "^6.0.0",
|
|
70
70
|
"awesome-phonenumber": "^6.4.0",
|