@aurodesignsystem/auro-formkit 5.6.0 → 5.7.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 (105) hide show
  1. package/CHANGELOG.md +22 -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 +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/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>