@aurodesignsystem/auro-formkit 5.6.0 → 5.8.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.
Files changed (106) hide show
  1. package/CHANGELOG.md +12 -6
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/index.js +120 -1659
  6. package/components/bibtemplate/dist/registered.js +120 -1659
  7. package/components/checkbox/demo/api.html +2 -2
  8. package/components/checkbox/demo/api.md +31 -28
  9. package/components/checkbox/demo/api.min.js +148 -10
  10. package/components/checkbox/demo/index.html +1 -1
  11. package/components/checkbox/demo/index.md +18 -18
  12. package/components/checkbox/demo/index.min.js +148 -10
  13. package/components/checkbox/dist/auro-checkbox-group.d.ts +11 -1
  14. package/components/checkbox/dist/auro-checkbox.d.ts +11 -1
  15. package/components/checkbox/dist/index.js +148 -10
  16. package/components/checkbox/dist/registered.js +148 -10
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +256 -63
  19. package/components/combobox/demo/api.min.js +4500 -7887
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +114 -10
  22. package/components/combobox/demo/index.min.js +5671 -9058
  23. package/components/combobox/dist/auro-combobox.d.ts +29 -10
  24. package/components/combobox/dist/index.js +4500 -7510
  25. package/components/combobox/dist/registered.js +4500 -7510
  26. package/components/counter/demo/api.html +3 -3
  27. package/components/counter/demo/api.md +35 -26
  28. package/components/counter/demo/api.min.js +2968 -6073
  29. package/components/counter/demo/index.html +3 -3
  30. package/components/counter/demo/index.md +42 -42
  31. package/components/counter/demo/index.min.js +2968 -6073
  32. package/components/counter/dist/auro-counter-button.d.ts +2 -11
  33. package/components/counter/dist/auro-counter-group.d.ts +11 -1
  34. package/components/counter/dist/auro-counter.d.ts +9 -1
  35. package/components/counter/dist/iconVersion.d.ts +1 -1
  36. package/components/counter/dist/index.js +4915 -8020
  37. package/components/counter/dist/registered.js +4915 -8020
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +111 -21
  40. package/components/datepicker/demo/api.min.js +10474 -14790
  41. package/components/datepicker/demo/index.html +2 -2
  42. package/components/datepicker/demo/index.md +30 -30
  43. package/components/datepicker/demo/index.min.js +10474 -14790
  44. package/components/datepicker/dist/auro-calendar-cell.d.ts +6 -0
  45. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  46. package/components/datepicker/dist/auro-datepicker.d.ts +21 -1
  47. package/components/datepicker/dist/index.js +10367 -14683
  48. package/components/datepicker/dist/registered.js +10367 -14683
  49. package/components/dropdown/demo/api.html +5 -5
  50. package/components/dropdown/demo/api.md +38 -29
  51. package/components/dropdown/demo/api.min.js +88 -417
  52. package/components/dropdown/demo/index.html +3 -3
  53. package/components/dropdown/demo/index.md +16 -16
  54. package/components/dropdown/demo/index.min.js +88 -417
  55. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  56. package/components/dropdown/dist/index.js +75 -404
  57. package/components/dropdown/dist/registered.js +75 -404
  58. package/components/form/demo/api.html +1 -1
  59. package/components/form/demo/api.min.js +13 -0
  60. package/components/form/demo/index.html +1 -1
  61. package/components/form/demo/index.min.js +13 -0
  62. package/components/form/demo/working.html +2 -2
  63. package/components/form/dist/index.js +13 -0
  64. package/components/form/dist/registered.js +13 -0
  65. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  66. package/components/helptext/dist/index.js +26 -2
  67. package/components/helptext/dist/registered.js +26 -2
  68. package/components/input/demo/api.html +3 -3
  69. package/components/input/demo/api.js +1 -1
  70. package/components/input/demo/api.md +37 -34
  71. package/components/input/demo/api.min.js +323 -1580
  72. package/components/input/demo/index.html +1 -2
  73. package/components/input/demo/index.md +17 -17
  74. package/components/input/demo/index.min.js +323 -1580
  75. package/components/input/dist/base-input.d.ts +11 -1
  76. package/components/input/dist/buttonVersion.d.ts +1 -1
  77. package/components/input/dist/iconVersion.d.ts +1 -1
  78. package/components/input/dist/index.js +289 -1546
  79. package/components/input/dist/registered.js +289 -1546
  80. package/components/menu/demo/api.html +4 -4
  81. package/components/menu/demo/api.min.js +57 -421
  82. package/components/menu/demo/index.html +1 -1
  83. package/components/menu/demo/index.min.js +57 -421
  84. package/components/menu/dist/iconVersion.d.ts +1 -1
  85. package/components/menu/dist/index.js +49 -413
  86. package/components/menu/dist/registered.js +49 -413
  87. package/components/radio/demo/api.html +2 -2
  88. package/components/radio/demo/api.md +46 -44
  89. package/components/radio/demo/api.min.js +183 -14
  90. package/components/radio/demo/index.html +1 -1
  91. package/components/radio/demo/index.md +12 -12
  92. package/components/radio/demo/index.min.js +183 -14
  93. package/components/radio/dist/auro-radio-group.d.ts +25 -1
  94. package/components/radio/dist/auro-radio.d.ts +11 -1
  95. package/components/radio/dist/index.js +183 -14
  96. package/components/radio/dist/registered.js +183 -14
  97. package/components/select/demo/api.html +4 -4
  98. package/components/select/demo/api.md +20 -19
  99. package/components/select/demo/api.min.js +2859 -4984
  100. package/components/select/demo/index.html +3 -3
  101. package/components/select/demo/index.md +25 -25
  102. package/components/select/demo/index.min.js +2859 -4984
  103. package/components/select/dist/auro-select.d.ts +11 -1
  104. package/components/select/dist/index.js +990 -2738
  105. package/components/select/dist/registered.js +990 -2738
  106. package/package.json +15 -15
package/components/select/demo/index.html CHANGED
@@ -51,9 +51,9 @@
51
51
  <script type="module" src="./index.min.js"></script>
52
52
 
53
53
  <!-- If additional elements are needed for the demo, add them here. -->
54
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
55
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
56
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
54
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
55
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
56
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
57
57
  <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.2.4/auro-input/+esm"></script>
58
58
 
59
59
  <style>
package/components/select/demo/index.md CHANGED
@@ -36,9 +36,9 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
36
36
  <!-- AURO-GENERATED-CONTENT:END -->
37
37
  </div>
38
38
  <div class="exampleWrapper--ondark" aria-hidden>
39
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
40
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
41
- <auro-select onDark>
39
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
40
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
41
+ <auro-select appearance="inverse">
42
42
  <span slot="bib.fullscreen.headline">Bib Headline</span>
43
43
  <span slot="label">Select Example</span>
44
44
  <auro-menu>
@@ -73,9 +73,9 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
73
73
  </auro-select>
74
74
  ```
75
75
  <!-- AURO-GENERATED-CONTENT:END -->
76
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
77
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
78
- <auro-select onDark>
76
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
77
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
78
+ <auro-select appearance="inverse">
79
79
  <span slot="bib.fullscreen.headline">Bib Headline</span>
80
80
  <span slot="label">Select Example</span>
81
81
  <auro-menu>
@@ -143,7 +143,7 @@ The `classic` layout is default for `auro-select`. No customization is needed to
143
143
 
144
144
  #### Emphasized Layout
145
145
 
146
- The `emphasized` layout only supports `ondark` use.
146
+ The `emphasized` layout only supports `appearance="inverse"` use.
147
147
 
148
148
  The `emphasized` layout supports the following shapes:
149
149
  - `pill`
@@ -321,9 +321,9 @@ The `emphasized` layout supports the following sizes:
321
321
  The `snowflake` layout is a unique, one off layout that does not follow the normal pattern. There is only one way to use snowflake as shown in the following example.
322
322
 
323
323
  <div class="exampleWrapper--ondark">
324
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic-ondark.html) -->
325
- <!-- The below content is automatically added from ./../apiExamples/snowflake/basic-ondark.html -->
326
- <auro-select layout="snowflake" shape="snowflake" ondark required style="width:300px;">
324
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic-inverseAppearance.html) -->
325
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/basic-inverseAppearance.html -->
326
+ <auro-select layout="snowflake" shape="snowflake" appearance="inverse" required style="width:300px;">
327
327
  <span slot="ariaLabel.bib.close">Close Popup</span>
328
328
  <span slot="label">Label</span>
329
329
  <span slot="helpText">Help Text</span>
@@ -349,11 +349,11 @@ The `snowflake` layout is a unique, one off layout that does not follow the norm
349
349
  </div>
350
350
  <auro-accordion alignRight>
351
351
  <span slot="trigger">See code</span>
352
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/basic-ondark.html) -->
353
- <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/basic-ondark.html -->
352
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/basic-inverseAppearance.html) -->
353
+ <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/basic-inverseAppearance.html -->
354
354
 
355
355
  ```html
356
- <auro-select layout="snowflake" shape="snowflake" ondark required style="width:300px;">
356
+ <auro-select layout="snowflake" shape="snowflake" appearance="inverse" required style="width:300px;">
357
357
  <span slot="ariaLabel.bib.close">Close Popup</span>
358
358
  <span slot="label">Label</span>
359
359
  <span slot="helpText">Help Text</span>
@@ -1034,9 +1034,9 @@ Use the `error` boolean attribute to toggle the error UI.
1034
1034
  <!-- AURO-GENERATED-CONTENT:END -->
1035
1035
  </div>
1036
1036
  <div class="exampleWrapper--ondark" aria-hidden>
1037
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkError.html) -->
1038
- <!-- The below content is automatically added from ./../apiExamples/onDarkError.html -->
1039
- <auro-select onDark error="Custom error message" placeholder="Placeholder Text">
1037
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceError.html) -->
1038
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceError.html -->
1039
+ <auro-select appearance="inverse" error="Custom error message" placeholder="Placeholder Text">
1040
1040
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1041
1041
  <span slot="label">Label</span>
1042
1042
  <auro-menu>
@@ -1070,9 +1070,9 @@ Use the `error` boolean attribute to toggle the error UI.
1070
1070
  </auro-select>
1071
1071
  ```
1072
1072
  <!-- AURO-GENERATED-CONTENT:END -->
1073
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkError.html) -->
1074
- <!-- The below content is automatically added from ./../apiExamples/onDarkError.html -->
1075
- <auro-select onDark error="Custom error message" placeholder="Placeholder Text">
1073
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceError.html) -->
1074
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceError.html -->
1075
+ <auro-select appearance="inverse" error="Custom error message" placeholder="Placeholder Text">
1076
1076
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1077
1077
  <span slot="label">Label</span>
1078
1078
  <auro-menu>
@@ -1109,9 +1109,9 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
1109
1109
  <!-- AURO-GENERATED-CONTENT:END -->
1110
1110
  </div>
1111
1111
  <div class="exampleWrapper--ondark" aria-hidden>
1112
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDisabled.html) -->
1113
- <!-- The below content is automatically added from ./../apiExamples/onDarkDisabled.html -->
1114
- <auro-select onDark disabled placeholder="Placeholder Text">
1112
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDisabled.html) -->
1113
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDisabled.html -->
1114
+ <auro-select appearance="inverse" disabled placeholder="Placeholder Text">
1115
1115
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1116
1116
  <span slot="label">Label</span>
1117
1117
  <auro-menu>
@@ -1145,9 +1145,9 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
1145
1145
  </auro-select>
1146
1146
  ```
1147
1147
  <!-- AURO-GENERATED-CONTENT:END -->
1148
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDisabled.html) -->
1149
- <!-- The below content is automatically added from ./../apiExamples/onDarkDisabled.html -->
1150
- <auro-select onDark disabled placeholder="Placeholder Text">
1148
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDisabled.html) -->
1149
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDisabled.html -->
1150
+ <auro-select appearance="inverse" disabled placeholder="Placeholder Text">
1151
1151
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1152
1152
  <span slot="label">Label</span>
1153
1153
  <auro-menu>