@aurodesignsystem/auro-formkit 5.1.0-rc-1134.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 +23 -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 +4856 -8338
  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 +7354 -10836
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4526 -7631
  25. package/components/combobox/dist/registered.js +4526 -7631
  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 +4891 -8060
  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 +4891 -8060
  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 +4890 -8059
  37. package/components/counter/dist/registered.js +4890 -8059
  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 +10264 -14687
  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 +10264 -14687
  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 +10230 -14653
  47. package/components/datepicker/dist/registered.js +10230 -14653
  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 +89 -418
  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 +89 -418
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +76 -405
  56. package/components/dropdown/dist/registered.js +76 -405
  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 +38 -35
  70. package/components/input/demo/api.min.js +323 -1590
  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 +323 -1590
  74. package/components/input/dist/base-input.d.ts +23 -2
  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 +283 -1550
  78. package/components/input/dist/registered.js +283 -1550
  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 +2225 -4414
  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 +2225 -4414
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1274 -3086
  104. package/components/select/dist/registered.js +1274 -3086
  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>