@lion/ui 0.8.1 → 0.8.2

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 (121) hide show
  1. package/components/calendar/src/LionCalendar.js +6 -0
  2. package/components/core/src/DisabledWithTabIndexMixin.js +7 -0
  3. package/components/core/src/ScopedElementsMixin.js +58 -37
  4. package/components/core/test/ScopedElementsMixin.test.js +131 -0
  5. package/components/core/test/ssr-definitions/ScopedElementsHost.define.js +1 -0
  6. package/components/form-core/src/FormControlMixin.js +6 -0
  7. package/components/form-core/src/utils/SyncUpdatableMixin.js +7 -0
  8. package/components/form-core/src/validate/LionValidationFeedback.js +4 -2
  9. package/components/form-core/test/validate/lion-validation-feedback.test.js +12 -0
  10. package/components/icon/src/LionIcon.js +6 -0
  11. package/components/localize/src/LocalizeManager.js +258 -178
  12. package/components/overlays/src/OverlayMixin.js +7 -0
  13. package/components/progress-indicator/src/LionProgressIndicator.js +6 -0
  14. package/components/steps/src/LionStep.js +6 -0
  15. package/components/steps/src/LionSteps.js +6 -0
  16. package/components/tabs/src/LionTabs.js +6 -0
  17. package/components/tooltip/src/LionTooltip.js +6 -0
  18. package/custom-elements.json +685 -159
  19. package/dist-types/components/calendar/src/LionCalendar.d.ts +5 -0
  20. package/dist-types/components/calendar/src/LionCalendar.d.ts.map +1 -1
  21. package/dist-types/components/core/src/DisabledWithTabIndexMixin.d.ts.map +1 -1
  22. package/dist-types/components/core/src/ScopedElementsMixin.d.ts +43 -6
  23. package/dist-types/components/core/src/ScopedElementsMixin.d.ts.map +1 -1
  24. package/dist-types/components/core/test/ScopedElementsMixin.test.d.ts +2 -0
  25. package/dist-types/components/core/test/ScopedElementsMixin.test.d.ts.map +1 -0
  26. package/dist-types/components/core/test/ssr-definitions/ScopedElementsHost.define.d.ts +2 -0
  27. package/dist-types/components/core/test/ssr-definitions/ScopedElementsHost.define.d.ts.map +1 -0
  28. package/dist-types/components/form-core/src/FormControlMixin.d.ts.map +1 -1
  29. package/dist-types/components/form-core/src/utils/SyncUpdatableMixin.d.ts.map +1 -1
  30. package/dist-types/components/form-core/src/validate/LionValidationFeedback.d.ts.map +1 -1
  31. package/dist-types/components/icon/src/LionIcon.d.ts +5 -0
  32. package/dist-types/components/icon/src/LionIcon.d.ts.map +1 -1
  33. package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts +1 -1
  34. package/dist-types/components/input-file/src/LionInputFile.d.ts +1 -1
  35. package/dist-types/components/input-file/src/LionSelectedFileList.d.ts +1 -1
  36. package/dist-types/components/localize/src/LocalizeManager.d.ts +108 -93
  37. package/dist-types/components/localize/src/LocalizeManager.d.ts.map +1 -1
  38. package/dist-types/components/overlays/src/OverlayMixin.d.ts.map +1 -1
  39. package/dist-types/components/progress-indicator/src/LionProgressIndicator.d.ts +5 -0
  40. package/dist-types/components/progress-indicator/src/LionProgressIndicator.d.ts.map +1 -1
  41. package/dist-types/components/select-rich/src/LionSelectRich.d.ts +1 -1
  42. package/dist-types/components/steps/src/LionStep.d.ts +5 -0
  43. package/dist-types/components/steps/src/LionStep.d.ts.map +1 -1
  44. package/dist-types/components/steps/src/LionSteps.d.ts +5 -0
  45. package/dist-types/components/steps/src/LionSteps.d.ts.map +1 -1
  46. package/dist-types/components/switch/src/LionSwitch.d.ts +1 -1
  47. package/dist-types/components/tabs/src/LionTabs.d.ts +5 -0
  48. package/dist-types/components/tabs/src/LionTabs.d.ts.map +1 -1
  49. package/dist-types/components/tooltip/src/LionTooltip.d.ts +5 -0
  50. package/dist-types/components/tooltip/src/LionTooltip.d.ts.map +1 -1
  51. package/dist-types/tsconfig.tsbuildinfo +1 -1
  52. package/docs/components/checkbox-group/overview.md +2 -2
  53. package/docs/components/collapsible/overview.md +1 -1
  54. package/docs/components/combobox/overview.md +1 -1
  55. package/docs/components/combobox/use-cases.md +1 -1
  56. package/docs/components/dialog/overview.md +1 -1
  57. package/docs/components/fieldset/overview.md +5 -5
  58. package/docs/components/form/overview.md +3 -3
  59. package/docs/components/icon/use-cases.md +1 -1
  60. package/docs/components/input/api-table.md +1 -1
  61. package/docs/components/input/overview.md +1 -1
  62. package/docs/components/input-amount/api-table.md +1 -1
  63. package/docs/components/input-amount/overview.md +3 -3
  64. package/docs/components/input-date/api-table.md +1 -1
  65. package/docs/components/input-date/overview.md +3 -3
  66. package/docs/components/input-datepicker/api-table.md +1 -1
  67. package/docs/components/input-datepicker/overview.md +5 -5
  68. package/docs/components/input-email/api-table.md +1 -1
  69. package/docs/components/input-email/overview.md +2 -2
  70. package/docs/components/input-file/api-table.md +1 -1
  71. package/docs/components/input-file/overview.md +1 -1
  72. package/docs/components/input-iban/api-table.md +1 -1
  73. package/docs/components/input-iban/overview.md +2 -2
  74. package/docs/components/input-range/api-table.md +1 -1
  75. package/docs/components/input-range/overview.md +2 -2
  76. package/docs/components/input-stepper/api-table.md +1 -1
  77. package/docs/components/input-stepper/overview.md +1 -1
  78. package/docs/components/input-tel/api-table.md +1 -1
  79. package/docs/components/input-tel/overview.md +1 -1
  80. package/docs/components/input-tel/use-cases.md +6 -6
  81. package/docs/components/input-tel-dropdown/api-table.md +1 -1
  82. package/docs/components/input-tel-dropdown/overview.md +1 -1
  83. package/docs/components/listbox/use-cases.md +1 -1
  84. package/docs/components/radio-group/api-table.md +1 -1
  85. package/docs/components/radio-group/overview.md +3 -3
  86. package/docs/components/select/api-table.md +1 -1
  87. package/docs/components/select/use-cases.md +1 -1
  88. package/docs/components/select-rich/api-table.md +1 -1
  89. package/docs/components/select-rich/use-cases.md +1 -1
  90. package/docs/components/switch/api-table.md +1 -1
  91. package/docs/components/tabs/examples.md +1 -1
  92. package/docs/components/textarea/api-table.md +1 -1
  93. package/docs/fundamentals/index.md +4 -4
  94. package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
  95. package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
  96. package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
  97. package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
  98. package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
  99. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  100. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  101. package/docs/fundamentals/rationales/accessibility.md +1 -1
  102. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  103. package/docs/fundamentals/systems/core/overview.md +1 -1
  104. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  105. package/docs/fundamentals/systems/form/model-value.md +1 -1
  106. package/docs/fundamentals/systems/form/overview.md +28 -28
  107. package/docs/fundamentals/systems/form/validate.md +2 -2
  108. package/docs/fundamentals/systems/localize/api-table.md +38 -37
  109. package/docs/fundamentals/systems/localize/overview.md +4 -4
  110. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  111. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  112. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  113. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  114. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  115. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  116. package/docs/guides/how-to/create-a-form.md +4 -4
  117. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  118. package/docs/guides/index.md +8 -8
  119. package/docs/guides/principles/index.md +5 -5
  120. package/docs/guides/principles/styling.md +1 -1
  121. package/package.json +1 -1
@@ -11,9 +11,9 @@ import '../../fundamentals/systems/form/assets/h-output.js';
11
11
  loadDefaultFeedbackMessages();
12
12
  ```
13
13
 
14
- Input fields can be created by extending [LionInput](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/components/input/overview.md).
14
+ Input fields can be created by extending [LionInput](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/components/input/overview.md).
15
15
 
16
- > In case you want to wrap a custom form element, follow [Create a custom Field](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/how-to/create-a-custom-field.md).
16
+ > In case you want to wrap a custom form element, follow [Create a custom Field](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/how-to/create-a-custom-field.md).
17
17
 
18
18
  For this tutorial, we create an input that wraps native `input[type=datetime-local]`.
19
19
  This is as simple as adding a type:
@@ -12,9 +12,9 @@ Developers consuming our web components inside an application (not extending the
12
12
  `Application Developers` are only allowed to interact with `public` properties and methods.
13
13
  Can be abbreviated as `AD`. Sometimes also called `Consuming Developer`.
14
14
 
15
- - [Definitions and Terms](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/definitions-and-terms.md)
16
- - [Styling](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/styling.md)
17
- - [Scoped Elements](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/scoped-elements.md)
15
+ - [Definitions and Terms](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/definitions-and-terms.md)
16
+ - [Styling](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/styling.md)
17
+ - [Scoped Elements](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/scoped-elements.md)
18
18
 
19
19
  ## Extending Developer
20
20
 
@@ -22,13 +22,13 @@ Developers extending our web components, for instance: `class MaterialInput exte
22
22
 
23
23
  Especially for subclassers we have some extra documentation:
24
24
 
25
- - [Subclasser APIs](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/subclasser-apis.md)
26
- - [Extend documentation](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/blog/extending-documentation.md)
25
+ - [Subclasser APIs](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/subclasser-apis.md)
26
+ - [Extend documentation](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/blog/extending-documentation.md)
27
27
 
28
28
  ## How To
29
29
 
30
30
  Next to that we have some specific "How To" documentations.
31
31
 
32
- - [Get started](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/how-to/get-started.md)
33
- - [Create a custom field](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/how-to/create-a-custom-field.md)
34
- - [Extend a native input](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/how-to/extend-a-native-input.md)
32
+ - [Get started](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/how-to/get-started.md)
33
+ - [Create a custom field](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/how-to/create-a-custom-field.md)
34
+ - [Extend a native input](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/how-to/extend-a-native-input.md)
@@ -12,9 +12,9 @@ Developers consuming our web components inside an application (not extending the
12
12
  `Application Developers` are only allowed to interact with `public` properties and methods.
13
13
  Can be abbreviated as `AD`. Sometimes also called `Consuming Developer`.
14
14
 
15
- - [Definitions and Terms](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/definitions-and-terms.md)
16
- - [Styling](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/styling.md)
17
- - [Scoped Elements](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/scoped-elements.md)
15
+ - [Definitions and Terms](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/definitions-and-terms.md)
16
+ - [Styling](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/styling.md)
17
+ - [Scoped Elements](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/scoped-elements.md)
18
18
 
19
19
  ## Extending Developer
20
20
 
@@ -22,5 +22,5 @@ Developers extending our web components, for instance: `class MaterialInput exte
22
22
 
23
23
  Especially for subclassers we have some extra documentation:
24
24
 
25
- - [Subclasser APIs](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/guides/principles/subclasser-apis.md)
26
- - [Extend documentation](https://github.com/ing-bank/lion/blob/16681c85e3813fa8dbb91ffcd834466493832d03/docs/blog/extending-documentation.md)
25
+ - [Subclasser APIs](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/guides/principles/subclasser-apis.md)
26
+ - [Extend documentation](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/docs/blog/extending-documentation.md)
@@ -19,7 +19,7 @@ Examples for both categories can be found below:
19
19
  - Accessibility examples:
20
20
  - Content (for instance a caption in a table) can be `visually hidden`: it will be
21
21
  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/16681c85e3813fa8dbb91ffcd834466493832d03/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.
22
+ - When an html table is used, we allow [subclassers](https://github.com/ing-bank/lion/blob/a5b2c2d977e3eea000cbdae3c27510c1924bbcac/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
23
 
24
24
  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
25
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lion/ui",
3
- "version": "0.8.1",
3
+ "version": "0.8.2",
4
4
  "description": "A package of extendable web components",
5
5
  "license": "MIT",
6
6
  "author": "ing-bank",