@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.11 → 0.0.0-pr624.111

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 +1244 -95
  6. package/components/bibtemplate/dist/registered.js +1244 -95
  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 +70 -45
  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 +70 -45
  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 +69 -44
  19. package/components/checkbox/dist/registered.js +69 -44
  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 +3283 -963
  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 +3283 -963
  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 +3024 -848
  31. package/components/combobox/dist/registered.js +3024 -848
  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 +3428 -777
  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 +3428 -777
  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 +3427 -776
  45. package/components/counter/dist/registered.js +3427 -776
  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 +7082 -3165
  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 +7082 -3165
  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 +14635 -10718
  59. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  60. package/components/datepicker/dist/registered.js +14635 -10718
  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 +452 -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 +452 -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 +451 -270
  71. package/components/dropdown/dist/registered.js +451 -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 +2 -4
  85. package/components/helptext/dist/registered.js +2 -4
  86. package/components/input/README.md +6 -2
  87. package/components/input/demo/api.html +16 -10
  88. package/components/input/demo/api.md +234 -136
  89. package/components/input/demo/api.min.js +1057 -299
  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 +1071 -313
  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 +36 -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 +1070 -312
  100. package/components/input/dist/registered.js +1070 -312
  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 +303 -64
  106. package/components/menu/demo/index.html +16 -10
  107. package/components/menu/demo/index.min.js +303 -64
  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 +288 -49
  113. package/components/menu/dist/registered.js +288 -49
  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 +93 -95
  118. package/components/radio/demo/index.html +16 -10
  119. package/components/radio/demo/index.min.js +93 -95
  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 +92 -94
  124. package/components/radio/dist/registered.js +92 -94
  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 +2284 -729
  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 +2286 -719
  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 +2178 -755
  137. package/components/select/dist/registered.js +2178 -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>