@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/input/demo/index.html CHANGED
@@ -43,7 +43,6 @@
43
43
  </script>
44
44
 
45
45
  <!-- If additional elements are needed for the demo, add them here. -->
46
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
47
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-radio@latest/dist/auro-radio__bundled.js" type="module"></script>
46
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
48
47
  </body>
49
48
  </html>
package/components/input/demo/index.md CHANGED
@@ -23,7 +23,7 @@ The `<auro-input>` element should be used in situations where users may:
23
23
  <!-- <auro-input layout="default" shape="rounded" size="xl" placeholder="Departure">
24
24
  <label slot="label">From</label>
25
25
  </auro-input> -->
26
- <auro-input dvInputOnly id="alpha" value="lax" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
26
+ <auro-input dvInputOnly id="alpha" value="lax" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" appearance="inverse" required>
27
27
  <span slot="ariaLabel.clear">Clear All</span>
28
28
  <label slot="label">From</label>
29
29
  <span slot="helpText">Example help text</span>
@@ -33,17 +33,17 @@ The `<auro-input>` element should be used in situations where users may:
33
33
  </div>
34
34
  </span>
35
35
  </auro-input>
36
- <auro-input id="beta" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
36
+ <auro-input id="beta" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" appearance="inverse" required>
37
37
  <span slot="ariaLabel.clear">Clear All</span>
38
38
  <label slot="label">From</label>
39
39
  <span slot="helpText">Example help text</span>
40
40
  </auro-input>
41
- <auro-input id="charlie" layout="emphasized-left" shape="pill-left" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
41
+ <auro-input id="charlie" layout="emphasized-left" shape="pill-left" size="xl" placeholder="Departure" style="width: 249px;" appearance="inverse" required>
42
42
  <span slot="ariaLabel.clear">Clear All</span>
43
43
  <label slot="label">From</label>
44
44
  <span slot="helpText">Example help text</span>
45
45
  </auro-input>
46
- <auro-input id="delta" layout="emphasized-right" shape="pill-right" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
46
+ <auro-input id="delta" layout="emphasized-right" shape="pill-right" size="xl" placeholder="Departure" style="width: 249px;" appearance="inverse" required>
47
47
  <span slot="ariaLabel.clear">Clear All</span>
48
48
  <label slot="label">From</label>
49
49
  <span slot="helpText">Example help text</span>
@@ -56,7 +56,7 @@ The `<auro-input>` element should be used in situations where users may:
56
56
  <div class="exampleWrapper--ondark">
57
57
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
58
58
  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
59
- <auro-input dvInputOnly value="lax" id="snowflakePill" layout="snowflake" shape="snowflake" size="lg" placeholder="Departure" style="width: 249px;" ondark required>
59
+ <auro-input dvInputOnly value="lax" id="snowflakePill" layout="snowflake" shape="snowflake" size="lg" placeholder="Departure" style="width: 249px;" appearance="inverse" required>
60
60
  <span slot="ariaLabel.clear">Clear All</span>
61
61
  <label slot="label">From</label>
62
62
  <span slot="helpText">Example help text</span>
@@ -84,9 +84,9 @@ The default component supports the basic input `type="text"` structure. The `(op
84
84
  <!-- AURO-GENERATED-CONTENT:END -->
85
85
  </div>
86
86
  <div class="exampleWrapper--ondark" aria-hidden>
87
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
88
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
89
- <auro-input ondark>
87
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
88
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
89
+ <auro-input appearance="inverse">
90
90
  <span slot="label">Label</span>
91
91
  <span slot="helpText">Help Text</span>
92
92
  </auro-input>
@@ -105,11 +105,11 @@ The default component supports the basic input `type="text"` structure. The `(op
105
105
  </auro-input>
106
106
  ```
107
107
  <!-- AURO-GENERATED-CONTENT:END -->
108
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/onDark.html) -->
109
- <!-- The below code snippet is automatically added from ./../apiExamples/onDark.html -->
108
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/inverseAppearance.html) -->
109
+ <!-- The below code snippet is automatically added from ./../apiExamples/inverseAppearance.html -->
110
110
 
111
111
  ```html
112
- <auro-input ondark>
112
+ <auro-input appearance="inverse">
113
113
  <span slot="label">Label</span>
114
114
  <span slot="helpText">Help Text</span>
115
115
  </auro-input>
@@ -158,9 +158,9 @@ Use the `disabled` attribute to prevent the user from interacting with the input
158
158
  <!-- AURO-GENERATED-CONTENT:END -->
159
159
  </div>
160
160
  <div class="exampleWrapper--ondark" aria-hidden>
161
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDisabled.html) -->
162
- <!-- The below content is automatically added from ./../apiExamples/onDarkDisabled.html -->
163
- <auro-input onDark disabled type="date">
161
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDisabled.html) -->
162
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDisabled.html -->
163
+ <auro-input appearance="inverse" disabled type="date">
164
164
  <span slot="label">Arrival date</span>
165
165
  <span slot="helpText">Help Text</span>
166
166
  </auro-input>
@@ -178,11 +178,11 @@ Use the `disabled` attribute to prevent the user from interacting with the input
178
178
  </auro-input>
179
179
  ```
180
180
  <!-- AURO-GENERATED-CONTENT:END -->
181
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/onDarkDisabled.html) -->
182
- <!-- The below code snippet is automatically added from ./../apiExamples/onDarkDisabled.html -->
181
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/inverseAppearanceDisabled.html) -->
182
+ <!-- The below code snippet is automatically added from ./../apiExamples/inverseAppearanceDisabled.html -->
183
183
 
184
184
  ```html
185
- <auro-input onDark disabled type="date">
185
+ <auro-input appearance="inverse" disabled type="date">
186
186
  <span slot="label">Arrival date</span>
187
187
  <span slot="helpText">Help Text</span>
188
188
  </auro-input>