@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.10 → 0.0.0-pr624.100

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 (148) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  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 +1242 -94
  6. package/components/bibtemplate/dist/registered.js +1242 -94
  7. package/components/checkbox/README.md +1 -1
  8. package/components/checkbox/demo/api.html +16 -10
  9. package/components/checkbox/demo/api.md +54 -19
  10. package/components/checkbox/demo/api.min.js +71 -46
  11. package/components/checkbox/demo/index.html +16 -10
  12. package/components/checkbox/demo/index.md +2 -2
  13. package/components/checkbox/demo/index.min.js +71 -46
  14. package/components/checkbox/demo/readme.html +16 -9
  15. package/components/checkbox/demo/readme.md +1 -1
  16. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  17. package/components/checkbox/dist/auro-checkbox.d.ts +6 -3
  18. package/components/checkbox/dist/index.js +70 -45
  19. package/components/checkbox/dist/registered.js +70 -45
  20. package/components/combobox/README.md +2 -0
  21. package/components/combobox/demo/api.html +16 -10
  22. package/components/combobox/demo/api.md +121 -8
  23. package/components/combobox/demo/api.min.js +3314 -1013
  24. package/components/combobox/demo/index.html +16 -10
  25. package/components/combobox/demo/index.md +20 -34
  26. package/components/combobox/demo/index.min.js +3314 -1013
  27. package/components/combobox/demo/readme.html +16 -9
  28. package/components/combobox/demo/readme.md +2 -0
  29. package/components/combobox/dist/auro-combobox.d.ts +59 -14
  30. package/components/combobox/dist/index.js +3008 -850
  31. package/components/combobox/dist/registered.js +3008 -850
  32. package/components/counter/demo/api.html +17 -10
  33. package/components/counter/demo/api.md +167 -21
  34. package/components/counter/demo/api.min.js +3419 -773
  35. package/components/counter/demo/index.html +17 -10
  36. package/components/counter/demo/index.md +191 -34
  37. package/components/counter/demo/index.min.js +3419 -773
  38. package/components/counter/demo/readme.html +16 -9
  39. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  40. package/components/counter/dist/auro-counter-group.d.ts +162 -11
  41. package/components/counter/dist/auro-counter.d.ts +16 -0
  42. package/components/counter/dist/helptextVersion.d.ts +2 -0
  43. package/components/counter/dist/iconVersion.d.ts +1 -1
  44. package/components/counter/dist/index.js +3419 -773
  45. package/components/counter/dist/registered.js +3419 -773
  46. package/components/datepicker/README.md +2 -1
  47. package/components/datepicker/demo/api.html +16 -10
  48. package/components/datepicker/demo/api.md +70 -28
  49. package/components/datepicker/demo/api.min.js +11970 -8081
  50. package/components/datepicker/demo/index.html +16 -10
  51. package/components/datepicker/demo/index.md +87 -8
  52. package/components/datepicker/demo/index.min.js +11970 -8081
  53. package/components/datepicker/demo/readme.html +16 -9
  54. package/components/datepicker/demo/readme.md +2 -1
  55. package/components/datepicker/dist/auro-datepicker.d.ts +152 -12
  56. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  57. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  58. package/components/datepicker/dist/index.js +14577 -10688
  59. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  60. package/components/datepicker/dist/registered.js +14577 -10688
  61. package/components/dropdown/demo/api.html +16 -10
  62. package/components/dropdown/demo/api.md +89 -281
  63. package/components/dropdown/demo/api.min.js +451 -271
  64. package/components/dropdown/demo/index.html +16 -10
  65. package/components/dropdown/demo/index.md +92 -362
  66. package/components/dropdown/demo/index.min.js +451 -271
  67. package/components/dropdown/demo/readme.html +16 -9
  68. package/components/dropdown/dist/auro-dropdown.d.ts +43 -82
  69. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  70. package/components/dropdown/dist/index.js +450 -270
  71. package/components/dropdown/dist/registered.js +450 -270
  72. package/components/form/demo/api.html +16 -9
  73. package/components/form/demo/api.md +1 -1
  74. package/components/form/demo/api.min.js +3 -3
  75. package/components/form/demo/autocomplete.html +19 -3
  76. package/components/form/demo/index.html +16 -9
  77. package/components/form/demo/index.min.js +3 -3
  78. package/components/form/demo/readme.html +16 -9
  79. package/components/form/demo/working.html +19 -13
  80. package/components/form/dist/auro-form.d.ts +1 -1
  81. package/components/form/dist/index.js +2 -2
  82. package/components/form/dist/registered.js +2 -2
  83. package/components/helptext/dist/auro-helptext.d.ts +0 -2
  84. package/components/helptext/dist/index.js +3 -5
  85. package/components/helptext/dist/registered.js +3 -5
  86. package/components/input/README.md +6 -2
  87. package/components/input/demo/api.html +16 -10
  88. package/components/input/demo/api.md +235 -135
  89. package/components/input/demo/api.min.js +1046 -301
  90. package/components/input/demo/index.html +16 -10
  91. package/components/input/demo/index.md +55 -32
  92. package/components/input/demo/index.min.js +1062 -317
  93. package/components/input/demo/readme.html +16 -9
  94. package/components/input/demo/readme.md +6 -2
  95. package/components/input/dist/auro-input.d.ts +26 -2
  96. package/components/input/dist/base-input.d.ts +47 -11
  97. package/components/input/dist/buttonVersion.d.ts +1 -1
  98. package/components/input/dist/iconVersion.d.ts +1 -1
  99. package/components/input/dist/index.js +1061 -316
  100. package/components/input/dist/registered.js +1061 -316
  101. package/components/layoutElement/dist/index.js +11 -8
  102. package/components/layoutElement/dist/registered.js +97 -0
  103. package/components/menu/demo/api.html +17 -10
  104. package/components/menu/demo/api.md +65 -8
  105. package/components/menu/demo/api.min.js +301 -63
  106. package/components/menu/demo/index.html +16 -10
  107. package/components/menu/demo/index.min.js +301 -63
  108. package/components/menu/demo/readme.html +16 -9
  109. package/components/menu/dist/auro-menu.d.ts +53 -7
  110. package/components/menu/dist/auro-menuoption.d.ts +21 -3
  111. package/components/menu/dist/iconVersion.d.ts +1 -1
  112. package/components/menu/dist/index.js +286 -48
  113. package/components/menu/dist/registered.js +286 -48
  114. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  115. package/components/radio/demo/api.html +16 -10
  116. package/components/radio/demo/api.md +41 -9
  117. package/components/radio/demo/api.min.js +95 -97
  118. package/components/radio/demo/index.html +16 -10
  119. package/components/radio/demo/index.min.js +95 -97
  120. package/components/radio/demo/readme.html +16 -9
  121. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  122. package/components/radio/dist/auro-radio.d.ts +11 -12
  123. package/components/radio/dist/index.js +94 -96
  124. package/components/radio/dist/registered.js +94 -96
  125. package/components/select/README.md +1 -0
  126. package/components/select/demo/api.html +16 -10
  127. package/components/select/demo/api.js +0 -2
  128. package/components/select/demo/api.md +159 -125
  129. package/components/select/demo/api.min.js +2281 -730
  130. package/components/select/demo/index.html +17 -11
  131. package/components/select/demo/index.md +1074 -259
  132. package/components/select/demo/index.min.js +2283 -720
  133. package/components/select/demo/readme.html +16 -9
  134. package/components/select/demo/readme.md +1 -0
  135. package/components/select/dist/auro-select.d.ts +86 -25
  136. package/components/select/dist/index.js +2175 -755
  137. package/components/select/dist/registered.js +2175 -755
  138. package/package.json +31 -28
  139. /package/components/{datepicker/dist/styles/default/color-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  140. /package/components/datepicker/dist/styles/{emphasized/style-css.d.ts → classic/color-css.d.ts} +0 -0
  141. /package/components/{input/dist/styles/default/input-css.d.ts → datepicker/dist/styles/classic/style-css.d.ts} +0 -0
  142. /package/components/{input/dist/styles/default/label-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  143. /package/components/{input/dist/styles/input-css.d.ts → datepicker/dist/styles/snowflake/style-css.d.ts} +0 -0
  144. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/style-css.d.ts} +0 -0
  145. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menu-css.d.ts} +0 -0
  146. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  147. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menu-css.d.ts} +0 -0
  148. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
package/components/datepicker/demo/index.html CHANGED
@@ -16,18 +16,24 @@
16
16
  <head>
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
19
- <title>Auro Web Component Generator | auro-datepicker custom element</title>
20
- <link
21
- rel="stylesheet"
22
- type="text/css"
23
- href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
24
- />
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
26
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
19
+ <title>Auro Web Component Demo | auro-datepicker</title>
20
+
21
+ <!-- Prism.js Stylesheet -->
22
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
23
+
24
+ <!-- Legacy reference is still needed to support auro-datepicker's use of legacy token values at this time -->
25
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
26
+
27
+ <!-- Design Token Alaska Theme -->
28
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
29
+
30
+ <!-- Webcore Stylesheet Alaska Theme -->
31
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
32
+
33
+ <!-- Demo Specific Styles -->
27
34
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
28
35
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
29
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/essentials-as.css" />
30
- </head>
36
+ </head>
31
37
  <body class="auro-markdown">
32
38
  <main></main>
33
39
 
package/components/datepicker/demo/index.md CHANGED
@@ -17,25 +17,99 @@ The `<auro-datepicker>` element should be used in situations where users may:
17
17
 
18
18
  ## Examples
19
19
 
20
- ### Emphasized layout
20
+ ### Snowflake layout
21
21
 
22
+ #### Single date
23
+ <div class="exampleWrapper--ondark" style="width: 306px">
24
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark.html) -->
25
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark.html -->
26
+ <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
27
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
28
+ <span slot="label">Date</span>
29
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
30
+ <span slot="fromLabel">Choose a date</span>
31
+ <span slot="bib.fullscreen.dateLabel">Choose a date</span>
32
+ </auro-datepicker>
33
+ <!-- AURO-GENERATED-CONTENT:END -->
34
+ </div>
35
+ <div class="exampleWrapper--ondark">
36
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark.html) -->
37
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark.html -->
38
+ <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
39
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
40
+ <span slot="label">Date</span>
41
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
42
+ <span slot="fromLabel">Choose a date</span>
43
+ <span slot="bib.fullscreen.dateLabel">Choose a date</span>
44
+ </auro-datepicker>
45
+ <!-- AURO-GENERATED-CONTENT:END -->
46
+ </div>
47
+ <auro-accordion alignRight>
48
+ <span slot="trigger">See code</span>
49
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/ondark.html) -->
50
+ <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/ondark.html -->
51
+
52
+ ```html
53
+ <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
54
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
55
+ <span slot="label">Date</span>
56
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
57
+ <span slot="fromLabel">Choose a date</span>
58
+ <span slot="bib.fullscreen.dateLabel">Choose a date</span>
59
+ </auro-datepicker>
60
+ ```
61
+ <!-- AURO-GENERATED-CONTENT:END -->
62
+ </auro-accordion>
63
+
64
+ #### Range
65
+ <div class="exampleWrapper--ondark" style="width: 306px">
66
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
67
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
68
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
69
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
70
+ <span slot="label">Dates</span>
71
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
72
+ <span slot="fromLabel">Choose a date</span>
73
+ <span slot="bib.fullscreen.dateLabel">Choose a date</span>
74
+ </auro-datepicker>
75
+ <!-- AURO-GENERATED-CONTENT:END -->
76
+ </div>
22
77
  <div class="exampleWrapper--ondark">
23
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
24
- <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
25
- <auro-datepicker layout="emphasized" shape="pill" size="lg" ondark="">
78
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
79
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
80
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
81
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
82
+ <span slot="label">Dates</span>
26
83
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
27
84
  <span slot="fromLabel">Choose a date</span>
28
85
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
29
86
  </auro-datepicker>
30
87
  <!-- AURO-GENERATED-CONTENT:END -->
31
88
  </div>
89
+ <auro-accordion alignRight>
90
+ <span slot="trigger">See code</span>
91
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/ondark-range.html) -->
92
+ <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
93
+
94
+ ```html
95
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD">
96
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
97
+ <span slot="label">Dates</span>
98
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
99
+ <span slot="fromLabel">Choose a date</span>
100
+ <span slot="bib.fullscreen.dateLabel">Choose a date</span>
101
+ </auro-datepicker>
102
+ ```
103
+ <!-- AURO-GENERATED-CONTENT:END -->
104
+ </auro-accordion>
32
105
 
33
106
  ### Basic
34
107
 
35
108
  <div class="exampleWrapper">
36
109
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
37
110
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
38
- <auro-datepicker>
111
+ <auro-datepicker required="">
112
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
39
113
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
40
114
  <span slot="fromLabel">Choose a date</span>
41
115
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
@@ -46,6 +120,7 @@ The `<auro-datepicker>` element should be used in situations where users may:
46
120
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
47
121
  <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
48
122
  <auro-datepicker onDark>
123
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
49
124
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
50
125
  <span slot="fromLabel">Choose a date</span>
51
126
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
@@ -58,7 +133,8 @@ The `<auro-datepicker>` element should be used in situations where users may:
58
133
  <!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
59
134
 
60
135
  ```html
61
- <auro-datepicker>
136
+ <auro-datepicker required="">
137
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
62
138
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
63
139
  <span slot="fromLabel">Choose a date</span>
64
140
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
@@ -68,6 +144,7 @@ The `<auro-datepicker>` element should be used in situations where users may:
68
144
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
69
145
  <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
70
146
  <auro-datepicker onDark>
147
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
71
148
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
72
149
  <span slot="fromLabel">Choose a date</span>
73
150
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
@@ -80,7 +157,8 @@ The `<auro-datepicker>` element should be used in situations where users may:
80
157
  <div class="exampleWrapper">
81
158
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basicRange.html) -->
82
159
  <!-- The below content is automatically added from ./../apiExamples/basicRange.html -->
83
- <auro-datepicker range>
160
+ <auro-datepicker range minDate="07/08/2025">
161
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
84
162
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
85
163
  <span slot="fromLabel">Departure</span>
86
164
  <span slot="toLabel">Return</span>
@@ -105,7 +183,8 @@ The `<auro-datepicker>` element should be used in situations where users may:
105
183
  <!-- The below code snippet is automatically added from ./../apiExamples/basicRange.html -->
106
184
 
107
185
  ```html
108
- <auro-datepicker range>
186
+ <auro-datepicker range minDate="07/08/2025">
187
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
109
188
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
110
189
  <span slot="fromLabel">Departure</span>
111
190
  <span slot="toLabel">Return</span>