@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.6 → 0.0.0-pr624.61

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 (138) 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/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1214 -83
  5. package/components/bibtemplate/dist/registered.js +1214 -83
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.html +16 -10
  8. package/components/checkbox/demo/api.md +47 -14
  9. package/components/checkbox/demo/api.min.js +65 -42
  10. package/components/checkbox/demo/index.html +16 -10
  11. package/components/checkbox/demo/index.md +2 -2
  12. package/components/checkbox/demo/index.min.js +65 -42
  13. package/components/checkbox/demo/readme.html +16 -9
  14. package/components/checkbox/demo/readme.md +1 -1
  15. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  16. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  17. package/components/checkbox/dist/index.js +65 -42
  18. package/components/checkbox/dist/registered.js +65 -42
  19. package/components/combobox/demo/api.html +16 -10
  20. package/components/combobox/demo/api.md +113 -8
  21. package/components/combobox/demo/api.min.js +3052 -926
  22. package/components/combobox/demo/index.html +16 -10
  23. package/components/combobox/demo/index.md +6 -30
  24. package/components/combobox/demo/index.min.js +3052 -926
  25. package/components/combobox/demo/readme.html +16 -9
  26. package/components/combobox/dist/auro-combobox.d.ts +42 -8
  27. package/components/combobox/dist/index.js +2773 -743
  28. package/components/combobox/dist/registered.js +2773 -743
  29. package/components/counter/demo/api.html +17 -10
  30. package/components/counter/demo/api.md +156 -21
  31. package/components/counter/demo/api.min.js +6728 -4118
  32. package/components/counter/demo/index.html +17 -10
  33. package/components/counter/demo/index.md +185 -34
  34. package/components/counter/demo/index.min.js +6728 -4118
  35. package/components/counter/demo/readme.html +16 -9
  36. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  37. package/components/counter/dist/auro-counter-group.d.ts +151 -11
  38. package/components/counter/dist/auro-counter.d.ts +16 -0
  39. package/components/counter/dist/helptextVersion.d.ts +2 -0
  40. package/components/counter/dist/iconVersion.d.ts +1 -1
  41. package/components/counter/dist/index.js +6728 -4118
  42. package/components/counter/dist/registered.js +6728 -4118
  43. package/components/datepicker/demo/api.html +16 -10
  44. package/components/datepicker/demo/api.md +25 -16
  45. package/components/datepicker/demo/api.min.js +11540 -7985
  46. package/components/datepicker/demo/index.html +16 -10
  47. package/components/datepicker/demo/index.md +71 -4
  48. package/components/datepicker/demo/index.min.js +11540 -7985
  49. package/components/datepicker/demo/readme.html +16 -9
  50. package/components/datepicker/dist/auro-datepicker.d.ts +89 -11
  51. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  52. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  53. package/components/datepicker/dist/index.js +11603 -8048
  54. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  55. package/components/datepicker/dist/registered.js +11603 -8048
  56. package/components/dropdown/demo/api.html +16 -10
  57. package/components/dropdown/demo/api.md +81 -274
  58. package/components/dropdown/demo/api.min.js +429 -195
  59. package/components/dropdown/demo/index.html +16 -10
  60. package/components/dropdown/demo/index.md +92 -362
  61. package/components/dropdown/demo/index.min.js +429 -195
  62. package/components/dropdown/demo/readme.html +16 -9
  63. package/components/dropdown/dist/auro-dropdown.d.ts +41 -76
  64. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  65. package/components/dropdown/dist/index.js +429 -195
  66. package/components/dropdown/dist/registered.js +429 -195
  67. package/components/form/demo/api.html +16 -9
  68. package/components/form/demo/api.min.js +1 -1
  69. package/components/form/demo/autocomplete.html +19 -3
  70. package/components/form/demo/index.html +16 -9
  71. package/components/form/demo/index.min.js +1 -1
  72. package/components/form/demo/readme.html +16 -9
  73. package/components/form/demo/working.html +19 -13
  74. package/components/form/dist/index.js +1 -1
  75. package/components/form/dist/registered.js +1 -1
  76. package/components/helptext/dist/index.js +2 -2
  77. package/components/helptext/dist/registered.js +2 -2
  78. package/components/input/README.md +5 -2
  79. package/components/input/demo/api.html +16 -10
  80. package/components/input/demo/api.md +228 -130
  81. package/components/input/demo/api.min.js +853 -241
  82. package/components/input/demo/index.html +16 -10
  83. package/components/input/demo/index.md +48 -32
  84. package/components/input/demo/index.min.js +853 -241
  85. package/components/input/demo/readme.html +16 -9
  86. package/components/input/demo/readme.md +5 -2
  87. package/components/input/dist/auro-input.d.ts +3 -3
  88. package/components/input/dist/base-input.d.ts +38 -10
  89. package/components/input/dist/buttonVersion.d.ts +1 -1
  90. package/components/input/dist/iconVersion.d.ts +1 -1
  91. package/components/input/dist/index.js +853 -241
  92. package/components/input/dist/registered.js +853 -241
  93. package/components/layoutElement/dist/index.js +13 -10
  94. package/components/menu/demo/api.html +32 -10
  95. package/components/menu/demo/api.md +69 -8
  96. package/components/menu/demo/api.min.js +238 -47
  97. package/components/menu/demo/index.html +16 -10
  98. package/components/menu/demo/index.min.js +238 -47
  99. package/components/menu/demo/readme.html +16 -9
  100. package/components/menu/dist/auro-menu.d.ts +41 -7
  101. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  102. package/components/menu/dist/iconVersion.d.ts +1 -1
  103. package/components/menu/dist/index.js +238 -47
  104. package/components/menu/dist/registered.js +238 -47
  105. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  106. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  107. package/components/radio/demo/api.html +16 -10
  108. package/components/radio/demo/api.md +7 -8
  109. package/components/radio/demo/api.min.js +88 -90
  110. package/components/radio/demo/index.html +16 -10
  111. package/components/radio/demo/index.min.js +88 -90
  112. package/components/radio/demo/readme.html +16 -9
  113. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  114. package/components/radio/dist/auro-radio.d.ts +9 -12
  115. package/components/radio/dist/index.js +88 -90
  116. package/components/radio/dist/registered.js +88 -90
  117. package/components/select/demo/api.html +16 -10
  118. package/components/select/demo/api.js +0 -2
  119. package/components/select/demo/api.md +104 -57
  120. package/components/select/demo/api.min.js +2123 -644
  121. package/components/select/demo/index.html +16 -11
  122. package/components/select/demo/index.md +45 -158
  123. package/components/select/demo/index.min.js +2123 -632
  124. package/components/select/demo/readme.html +16 -9
  125. package/components/select/dist/auro-select.d.ts +57 -16
  126. package/components/select/dist/index.js +2047 -652
  127. package/components/select/dist/registered.js +2047 -652
  128. package/package.json +29 -26
  129. /package/components/{datepicker/dist/styles/emphasized/style-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  130. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/color-css.d.ts +0 -0
  131. /package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  132. /package/components/dropdown/dist/styles/{default → classic}/bibColors-css.d.ts +0 -0
  133. /package/components/dropdown/dist/styles/{default → classic}/bibStyles-css.d.ts +0 -0
  134. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  135. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  136. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menu-css.d.ts} +0 -0
  137. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  138. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menu-css.d.ts} +0 -0
package/components/select/demo/index.html CHANGED
@@ -16,19 +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-select 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-select</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-select'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
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@8.0.3/dist/auro-icon__bundled.js" type="module"></script>
31
- </head>
36
+ </head>
32
37
  <body class="auro-markdown">
33
38
  <main></main>
34
39
 
package/components/select/demo/index.md CHANGED
@@ -15,88 +15,51 @@ This file is generated based on a template fetched from `./docs/partials/demo.md
15
15
 
16
16
  ## Default example
17
17
 
18
- A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements. Notice a default `Please select option` placeholder in the trigger.
19
-
20
- ### Emphasized
18
+ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements. Notice a default `Please select option` placeholder in the trigger.
21
19
 
22
20
  <div class="exampleWrapper">
23
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
24
- <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
25
- <div style="display: flex; flex-direction: row; gap: 10px;">
26
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" forceDisplayValue style="display:inline-block;">
27
- <span slot="label">Select Example</span>
28
- <auro-menu nocheckmark>
29
- <auro-menuoption value="flights">
30
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
31
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
32
- </auro-menuoption>
33
- <auro-menuoption value="cars">
34
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
35
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
36
- </auro-menuoption>
37
- <auro-menuoption value="hotels">
38
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
39
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
40
- </auro-menuoption>
41
- <auro-menuoption value="packages">
42
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
43
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
44
- </auro-menuoption>
45
- <auro-menuoption value="cruises">
46
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
47
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
48
- </auro-menuoption>
49
- </auro-menu>
50
- </auro-select>
51
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" style="display:inline-block;">
52
- <span slot="label">Select Example</span>
53
- <auro-menu nocheckmark>
54
- <auro-menuoption value="flights">
55
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
56
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
57
- </auro-menuoption>
58
- <auro-menuoption value="cars">
59
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
60
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
61
- </auro-menuoption>
62
- <auro-menuoption value="hotels">
63
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
64
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
65
- </auro-menuoption>
66
- <auro-menuoption value="packages">
67
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
68
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
69
- </auro-menuoption>
70
- <auro-menuoption value="cruises">
71
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
72
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
73
- </auro-menuoption>
74
- </auro-menu>
75
- </auro-select>
76
- <auro-select layout="emphasized" shape="pill" size="xl" value="flights" required style="display:inline-block;">
77
- <span slot="label">Select Example</span>
78
- <span slot="helptext">no displayValue in menuoptions</span>
79
- <auro-menu nocheckmark>
80
- <auro-menuoption value="flights">
81
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
82
- </auro-menuoption>
83
- <auro-menuoption value="cars">
84
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
85
- </auro-menuoption>
86
- <auro-menuoption value="hotels">
87
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
88
- </auro-menuoption>
89
- <auro-menuoption value="packages">
90
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
91
- </auro-menuoption>
92
- <auro-menuoption value="cruises">
93
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
94
- </auro-menuoption>
95
- </auro-menu>
96
- </auro-select>
97
- </div>
21
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic.html) -->
22
+ <!-- The below content is automatically added from ./../apiExamples/classic/basic.html -->
23
+ <auro-select placeholder="Placeholder content">
24
+ <span slot="bib.fullscreen.headline">Bib Header</span>
25
+ <span slot="label">Name with placeholder</span>
26
+ <auro-menu>
27
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
28
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
29
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
30
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
31
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
32
+ </auro-menu>
33
+ <span slot="helpText">
34
+ Help text - Lorem ipsum solar lorem ipsum solar
35
+ </span>
36
+ </auro-select>
98
37
  <!-- AURO-GENERATED-CONTENT:END -->
99
38
  </div>
39
+ <div class="exampleWrapper--ondark" aria-hidden>
40
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic-ondark.html) -->
41
+ <!-- The below content is automatically added from ./../apiExamples/classic/basic-ondark.html -->
42
+ <auro-select onDark placeholder="Placeholder content">
43
+ <span slot="bib.fullscreen.headline">Bib Header</span>
44
+ <span slot="label">Name</span>
45
+ <auro-menu>
46
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
47
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
48
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
49
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
50
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
51
+ </auro-menu>
52
+ <span slot="helpText">
53
+ Help text - Lorem ipsum solar lorem ipsum solar
54
+ </span>
55
+ </auro-select>
56
+ <!-- AURO-GENERATED-CONTENT:END -->
57
+ </div>
58
+
59
+ ### Emphasized
60
+
61
+ Only supported for onDark usage.
62
+
100
63
  <div class="exampleWrapper--ondark" aria-hidden>
101
64
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic-ondark.html) -->
102
65
  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic-ondark.html -->
@@ -153,7 +116,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
153
116
  </auro-select>
154
117
  <auro-select layout="emphasized" shape="pill" size="xl" value="flights" ondark required style="display:inline-block;">
155
118
  <span slot="label">Select Example</span>
156
- <span slot="helptext">no displayValue in menuoptions</span>
119
+ <span slot="helpText">no displayValue in menuoptions</span>
157
120
  <auro-menu nocheckmark>
158
121
  <auro-menuoption value="flights">
159
122
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
@@ -178,84 +141,8 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
178
141
 
179
142
  ### Snowflake
180
143
 
181
- <div class="exampleWrapper">
182
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
183
- <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
184
- <div style="display: flex; flex-direction: row; gap: 10px;">
185
- <auro-select layout="snowflake" shape="snowflake" value="flights" forceDisplayValue style="display:inline-block;">
186
- <span slot="label">Select Example</span>
187
- <auro-menu nocheckmark>
188
- <auro-menuoption value="flights">
189
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
190
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
191
- </auro-menuoption>
192
- <auro-menuoption value="cars">
193
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
194
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
195
- </auro-menuoption>
196
- <auro-menuoption value="hotels">
197
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
198
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
199
- </auro-menuoption>
200
- <auro-menuoption value="packages">
201
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
202
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
203
- </auro-menuoption>
204
- <auro-menuoption value="cruises">
205
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
206
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
207
- </auro-menuoption>
208
- </auro-menu>
209
- </auro-select>
210
- <auro-select layout="snowflake" shape="snowflake" value="flights" style="display:inline-block;">
211
- <span slot="label">Select Example</span>
212
- <auro-menu nocheckmark>
213
- <auro-menuoption value="flights">
214
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
215
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
216
- </auro-menuoption>
217
- <auro-menuoption value="cars">
218
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
219
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
220
- </auro-menuoption>
221
- <auro-menuoption value="hotels">
222
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
223
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
224
- </auro-menuoption>
225
- <auro-menuoption value="packages">
226
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
227
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
228
- </auro-menuoption>
229
- <auro-menuoption value="cruises">
230
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
231
- <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
232
- </auro-menuoption>
233
- </auro-menu>
234
- </auro-select>
235
- <auro-select layout="snowflake" shape="snowflake" value="flights" required style="display:inline-block;">
236
- <span slot="label">Select Example</span>
237
- <span slot="helptext">no displayValue in menuoptions</span>
238
- <auro-menu nocheckmark>
239
- <auro-menuoption value="flights">
240
- <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
241
- </auro-menuoption>
242
- <auro-menuoption value="cars">
243
- <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
244
- </auro-menuoption>
245
- <auro-menuoption value="hotels">
246
- <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
247
- </auro-menuoption>
248
- <auro-menuoption value="packages">
249
- <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
250
- </auro-menuoption>
251
- <auro-menuoption value="cruises">
252
- <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
253
- </auro-menuoption>
254
- </auro-menu>
255
- </auro-select>
256
- </div>
257
- <!-- AURO-GENERATED-CONTENT:END -->
258
- </div>
144
+ Only supported for onDark usage.
145
+
259
146
  <div class="exampleWrapper--ondark" aria-hidden>
260
147
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic-ondark.html) -->
261
148
  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic-ondark.html -->
@@ -312,7 +199,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
312
199
  </auro-select>
313
200
  <auro-select layout="snowflake" shape="snowflake" value="flights" required ondark style="display:inline-block;">
314
201
  <span slot="label">Select Example</span>
315
- <span slot="helptext">no displayValue in menuoptions</span>
202
+ <span slot="helpText">no displayValue in menuoptions</span>
316
203
  <auro-menu nocheckmark>
317
204
  <auro-menuoption value="flights">
318
205
  <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights