@aurodesignsystem-dev/auro-formkit 0.0.0-pr1160.0 → 0.0.0-pr1161.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 (104) hide show
  1. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  2. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +120 -1659
  5. package/components/bibtemplate/dist/registered.js +120 -1659
  6. package/components/checkbox/demo/api.html +2 -2
  7. package/components/checkbox/demo/api.md +31 -28
  8. package/components/checkbox/demo/api.min.js +74 -8
  9. package/components/checkbox/demo/index.html +1 -1
  10. package/components/checkbox/demo/index.md +18 -18
  11. package/components/checkbox/demo/index.min.js +74 -8
  12. package/components/checkbox/dist/auro-checkbox-group.d.ts +11 -1
  13. package/components/checkbox/dist/auro-checkbox.d.ts +11 -1
  14. package/components/checkbox/dist/index.js +74 -8
  15. package/components/checkbox/dist/registered.js +74 -8
  16. package/components/combobox/demo/api.html +4 -4
  17. package/components/combobox/demo/api.md +28 -27
  18. package/components/combobox/demo/api.min.js +4834 -8360
  19. package/components/combobox/demo/index.html +3 -3
  20. package/components/combobox/demo/index.md +10 -10
  21. package/components/combobox/demo/index.min.js +5934 -9460
  22. package/components/combobox/dist/auro-combobox.d.ts +11 -1
  23. package/components/combobox/dist/index.js +4494 -7643
  24. package/components/combobox/dist/registered.js +4494 -7643
  25. package/components/counter/demo/api.html +3 -3
  26. package/components/counter/demo/api.md +35 -26
  27. package/components/counter/demo/api.min.js +4866 -8043
  28. package/components/counter/demo/index.html +3 -3
  29. package/components/counter/demo/index.md +42 -42
  30. package/components/counter/demo/index.min.js +4866 -8043
  31. package/components/counter/dist/auro-counter-button.d.ts +2 -11
  32. package/components/counter/dist/auro-counter-group.d.ts +11 -1
  33. package/components/counter/dist/auro-counter.d.ts +9 -1
  34. package/components/counter/dist/iconVersion.d.ts +1 -1
  35. package/components/counter/dist/index.js +4851 -8028
  36. package/components/counter/dist/registered.js +4851 -8028
  37. package/components/datepicker/demo/api.html +3 -3
  38. package/components/datepicker/demo/api.md +71 -21
  39. package/components/datepicker/demo/api.min.js +10038 -14585
  40. package/components/datepicker/demo/index.html +2 -2
  41. package/components/datepicker/demo/index.md +30 -30
  42. package/components/datepicker/demo/index.min.js +10038 -14585
  43. package/components/datepicker/dist/auro-calendar.d.ts +0 -8
  44. package/components/datepicker/dist/auro-datepicker.d.ts +12 -2
  45. package/components/datepicker/dist/index.js +9940 -14487
  46. package/components/datepicker/dist/registered.js +9940 -14487
  47. package/components/dropdown/demo/api.html +5 -5
  48. package/components/dropdown/demo/api.md +38 -29
  49. package/components/dropdown/demo/api.min.js +88 -417
  50. package/components/dropdown/demo/index.html +3 -3
  51. package/components/dropdown/demo/index.md +16 -16
  52. package/components/dropdown/demo/index.min.js +88 -417
  53. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  54. package/components/dropdown/dist/index.js +75 -404
  55. package/components/dropdown/dist/registered.js +75 -404
  56. package/components/form/demo/api.html +1 -1
  57. package/components/form/demo/api.min.js +13 -0
  58. package/components/form/demo/index.html +1 -1
  59. package/components/form/demo/index.min.js +13 -0
  60. package/components/form/demo/working.html +2 -2
  61. package/components/form/dist/index.js +13 -0
  62. package/components/form/dist/registered.js +13 -0
  63. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  64. package/components/helptext/dist/index.js +26 -2
  65. package/components/helptext/dist/registered.js +26 -2
  66. package/components/input/demo/api.html +3 -3
  67. package/components/input/demo/api.js +1 -1
  68. package/components/input/demo/api.md +37 -34
  69. package/components/input/demo/api.min.js +254 -1583
  70. package/components/input/demo/index.html +1 -2
  71. package/components/input/demo/index.md +17 -17
  72. package/components/input/demo/index.min.js +254 -1583
  73. package/components/input/dist/base-input.d.ts +11 -1
  74. package/components/input/dist/buttonVersion.d.ts +1 -1
  75. package/components/input/dist/iconVersion.d.ts +1 -1
  76. package/components/input/dist/index.js +220 -1549
  77. package/components/input/dist/registered.js +220 -1549
  78. package/components/menu/demo/api.html +4 -4
  79. package/components/menu/demo/api.min.js +57 -421
  80. package/components/menu/demo/index.html +1 -1
  81. package/components/menu/demo/index.min.js +57 -421
  82. package/components/menu/dist/iconVersion.d.ts +1 -1
  83. package/components/menu/dist/index.js +49 -413
  84. package/components/menu/dist/registered.js +49 -413
  85. package/components/radio/demo/api.html +2 -2
  86. package/components/radio/demo/api.md +46 -44
  87. package/components/radio/demo/api.min.js +76 -8
  88. package/components/radio/demo/index.html +1 -1
  89. package/components/radio/demo/index.md +12 -12
  90. package/components/radio/demo/index.min.js +76 -8
  91. package/components/radio/dist/auro-radio-group.d.ts +11 -1
  92. package/components/radio/dist/auro-radio.d.ts +11 -1
  93. package/components/radio/dist/index.js +76 -8
  94. package/components/radio/dist/registered.js +76 -8
  95. package/components/select/demo/api.html +4 -4
  96. package/components/select/demo/api.md +20 -19
  97. package/components/select/demo/api.min.js +2215 -4412
  98. package/components/select/demo/index.html +3 -3
  99. package/components/select/demo/index.md +25 -25
  100. package/components/select/demo/index.min.js +2215 -4412
  101. package/components/select/dist/auro-select.d.ts +11 -1
  102. package/components/select/dist/index.js +1266 -3086
  103. package/components/select/dist/registered.js +1266 -3086
  104. package/package.json +3 -3
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>