@aurodesignsystem/auro-formkit 5.1.0-rc-1157.1 → 5.1.0-rc-1176.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 (105) hide show
  1. package/CHANGELOG.md +18 -1
  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 +82 -8
  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 +82 -8
  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 +82 -8
  16. package/components/checkbox/dist/registered.js +82 -8
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +28 -27
  19. package/components/combobox/demo/api.min.js +5041 -8577
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +10 -10
  22. package/components/combobox/demo/index.min.js +7543 -11079
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4507 -7666
  25. package/components/combobox/dist/registered.js +4507 -7666
  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 +4890 -8059
  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 +4890 -8059
  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 +4889 -8058
  37. package/components/counter/dist/registered.js +4889 -8058
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +71 -21
  40. package/components/datepicker/demo/api.min.js +10215 -14694
  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 +10215 -14694
  44. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  45. package/components/datepicker/dist/auro-datepicker.d.ts +13 -1
  46. package/components/datepicker/dist/index.js +10172 -14651
  47. package/components/datepicker/dist/registered.js +10172 -14651
  48. package/components/dropdown/demo/api.html +5 -5
  49. package/components/dropdown/demo/api.md +38 -29
  50. package/components/dropdown/demo/api.min.js +88 -417
  51. package/components/dropdown/demo/index.html +3 -3
  52. package/components/dropdown/demo/index.md +16 -16
  53. package/components/dropdown/demo/index.min.js +88 -417
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +75 -404
  56. package/components/dropdown/dist/registered.js +75 -404
  57. package/components/form/demo/api.html +1 -1
  58. package/components/form/demo/api.min.js +13 -0
  59. package/components/form/demo/index.html +1 -1
  60. package/components/form/demo/index.min.js +13 -0
  61. package/components/form/demo/working.html +2 -2
  62. package/components/form/dist/index.js +13 -0
  63. package/components/form/dist/registered.js +13 -0
  64. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  65. package/components/helptext/dist/index.js +26 -2
  66. package/components/helptext/dist/registered.js +26 -2
  67. package/components/input/demo/api.html +3 -3
  68. package/components/input/demo/api.js +1 -1
  69. package/components/input/demo/api.md +37 -34
  70. package/components/input/demo/api.min.js +262 -1583
  71. package/components/input/demo/index.html +1 -2
  72. package/components/input/demo/index.md +17 -17
  73. package/components/input/demo/index.min.js +262 -1583
  74. package/components/input/dist/base-input.d.ts +11 -1
  75. package/components/input/dist/buttonVersion.d.ts +1 -1
  76. package/components/input/dist/iconVersion.d.ts +1 -1
  77. package/components/input/dist/index.js +228 -1549
  78. package/components/input/dist/registered.js +228 -1549
  79. package/components/menu/demo/api.html +4 -4
  80. package/components/menu/demo/api.min.js +57 -421
  81. package/components/menu/demo/index.html +1 -1
  82. package/components/menu/demo/index.min.js +57 -421
  83. package/components/menu/dist/iconVersion.d.ts +1 -1
  84. package/components/menu/dist/index.js +49 -413
  85. package/components/menu/dist/registered.js +49 -413
  86. package/components/radio/demo/api.html +2 -2
  87. package/components/radio/demo/api.md +46 -44
  88. package/components/radio/demo/api.min.js +86 -9
  89. package/components/radio/demo/index.html +1 -1
  90. package/components/radio/demo/index.md +12 -12
  91. package/components/radio/demo/index.min.js +86 -9
  92. package/components/radio/dist/auro-radio-group.d.ts +11 -1
  93. package/components/radio/dist/auro-radio.d.ts +11 -1
  94. package/components/radio/dist/index.js +86 -9
  95. package/components/radio/dist/registered.js +86 -9
  96. package/components/select/demo/api.html +4 -4
  97. package/components/select/demo/api.md +20 -19
  98. package/components/select/demo/api.min.js +2223 -4412
  99. package/components/select/demo/index.html +3 -3
  100. package/components/select/demo/index.md +25 -25
  101. package/components/select/demo/index.min.js +2223 -4412
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1279 -3091
  104. package/components/select/dist/registered.js +1279 -3091
  105. 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>