npm - @aurodesignsystem-dev/auro-formkit - Versions diffs - 0.0.0-pr624.7 → 0.0.0-pr624.70 - Mend

@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.7 → 0.0.0-pr624.70

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

package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
package/components/bibtemplate/dist/index.js +1262 -81
package/components/bibtemplate/dist/registered.js +1262 -81
package/components/checkbox/README.md +1 -1
package/components/checkbox/demo/api.html +16 -10
package/components/checkbox/demo/api.md +47 -14
package/components/checkbox/demo/api.min.js +65 -42
package/components/checkbox/demo/index.html +16 -10
package/components/checkbox/demo/index.md +2 -2
package/components/checkbox/demo/index.min.js +65 -42
package/components/checkbox/demo/readme.html +16 -9
package/components/checkbox/demo/readme.md +1 -1
package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
package/components/checkbox/dist/index.js +65 -42
package/components/checkbox/dist/registered.js +65 -42
package/components/combobox/demo/api.html +16 -10
package/components/combobox/demo/api.md +113 -8
package/components/combobox/demo/api.min.js +3096 -870
package/components/combobox/demo/index.html +16 -10
package/components/combobox/demo/index.md +6 -30
package/components/combobox/demo/index.min.js +3096 -870
package/components/combobox/demo/readme.html +16 -9
package/components/combobox/dist/auro-combobox.d.ts +42 -8
package/components/combobox/dist/index.js +2878 -748
package/components/combobox/dist/registered.js +2878 -748
package/components/counter/demo/api.html +17 -10
package/components/counter/demo/api.md +156 -21
package/components/counter/demo/api.min.js +3363 -652
package/components/counter/demo/index.html +17 -10
package/components/counter/demo/index.md +185 -34
package/components/counter/demo/index.min.js +3363 -652
package/components/counter/demo/readme.html +16 -9
package/components/counter/dist/auro-counter-button.d.ts +2 -0
package/components/counter/dist/auro-counter-group.d.ts +151 -11
package/components/counter/dist/auro-counter.d.ts +16 -0
package/components/counter/dist/helptextVersion.d.ts +2 -0
package/components/counter/dist/iconVersion.d.ts +1 -1
package/components/counter/dist/index.js +3364 -653
package/components/counter/dist/registered.js +3364 -653
package/components/datepicker/demo/api.html +16 -10
package/components/datepicker/demo/api.md +25 -16
package/components/datepicker/demo/api.min.js +11857 -8105
package/components/datepicker/demo/index.html +16 -10
package/components/datepicker/demo/index.md +71 -4
package/components/datepicker/demo/index.min.js +11857 -8105
package/components/datepicker/demo/readme.html +16 -9
package/components/datepicker/dist/auro-datepicker.d.ts +89 -11
package/components/datepicker/dist/buttonVersion.d.ts +1 -1
package/components/datepicker/dist/iconVersion.d.ts +2 -0
package/components/datepicker/dist/index.js +8691 -4939
package/components/datepicker/dist/popoverVersion.d.ts +1 -1
package/components/datepicker/dist/registered.js +8691 -4939
package/components/dropdown/demo/api.html +16 -10
package/components/dropdown/demo/api.md +81 -274
package/components/dropdown/demo/api.min.js +429 -195
package/components/dropdown/demo/index.html +16 -10
package/components/dropdown/demo/index.md +92 -362
package/components/dropdown/demo/index.min.js +429 -195
package/components/dropdown/demo/readme.html +16 -9
package/components/dropdown/dist/auro-dropdown.d.ts +41 -76
package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
package/components/dropdown/dist/index.js +429 -195
package/components/dropdown/dist/registered.js +429 -195
package/components/form/demo/api.html +16 -9
package/components/form/demo/api.min.js +1 -1
package/components/form/demo/autocomplete.html +19 -3
package/components/form/demo/index.html +16 -9
package/components/form/demo/index.min.js +1 -1
package/components/form/demo/readme.html +16 -9
package/components/form/demo/working.html +19 -13
package/components/form/dist/index.js +1 -1
package/components/form/dist/registered.js +1 -1
package/components/helptext/dist/index.js +2 -2
package/components/helptext/dist/registered.js +2 -2
package/components/input/README.md +5 -2
package/components/input/demo/api.html +16 -10
package/components/input/demo/api.md +228 -130
package/components/input/demo/api.min.js +908 -246
package/components/input/demo/index.html +16 -10
package/components/input/demo/index.md +48 -32
package/components/input/demo/index.min.js +908 -246
package/components/input/demo/readme.html +16 -9
package/components/input/demo/readme.md +5 -2
package/components/input/dist/auro-input.d.ts +3 -3
package/components/input/dist/base-input.d.ts +38 -10
package/components/input/dist/buttonVersion.d.ts +1 -1
package/components/input/dist/iconVersion.d.ts +1 -1
package/components/input/dist/index.js +908 -246
package/components/input/dist/registered.js +908 -246
package/components/layoutElement/dist/index.js +13 -10
package/components/menu/demo/api.html +32 -10
package/components/menu/demo/api.md +69 -8
package/components/menu/demo/api.min.js +238 -47
package/components/menu/demo/index.html +16 -10
package/components/menu/demo/index.min.js +238 -47
package/components/menu/demo/readme.html +16 -9
package/components/menu/dist/auro-menu.d.ts +41 -7
package/components/menu/dist/auro-menuoption.d.ts +15 -3
package/components/menu/dist/iconVersion.d.ts +1 -1
package/components/menu/dist/index.js +238 -47
package/components/menu/dist/registered.js +238 -47
package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
package/components/radio/demo/api.html +16 -10
package/components/radio/demo/api.md +7 -8
package/components/radio/demo/api.min.js +88 -90
package/components/radio/demo/index.html +16 -10
package/components/radio/demo/index.min.js +88 -90
package/components/radio/demo/readme.html +16 -9
package/components/radio/dist/auro-radio-group.d.ts +1 -1
package/components/radio/dist/auro-radio.d.ts +9 -12
package/components/radio/dist/index.js +88 -90
package/components/radio/dist/registered.js +88 -90
package/components/select/demo/api.html +16 -10
package/components/select/demo/api.js +0 -2
package/components/select/demo/api.md +104 -57
package/components/select/demo/api.min.js +2148 -635
package/components/select/demo/index.html +17 -11
package/components/select/demo/index.md +45 -158
package/components/select/demo/index.min.js +2148 -623
package/components/select/demo/readme.html +16 -9
package/components/select/dist/auro-select.d.ts +49 -16
package/components/select/dist/index.js +2078 -649
package/components/select/dist/registered.js +2078 -649
package/package.json +30 -27
/package/components/{datepicker/dist/styles/emphasized/style-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
/package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/color-css.d.ts +0 -0
/package/components/{dropdown/dist/styles/default → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
/package/components/dropdown/dist/styles/{default → classic}/bibColors-css.d.ts +0 -0
/package/components/dropdown/dist/styles/{default → classic}/bibStyles-css.d.ts +0 -0
/package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
/package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
/package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menu-css.d.ts} +0 -0
/package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
/package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menu-css.d.ts} +0 -0

package/components/select/demo/index.html CHANGED Viewed

@@ -16,19 +16,24 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Auro Web Component Generator | auro-select custom element</title>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
-    />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
+    <title>Auro Web Component Demo | auro-select</title>
+    <!-- Prism.js Stylesheet -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
+    <!-- Legacy reference is still needed to support auro-select's use of legacy token values at this time -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
+    <!-- Design Token Alaska Theme -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
+    <!-- Webcore Stylesheet Alaska Theme -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
+    <!-- Demo Specific Styles -->
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/essentials-as.css" />
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@8.0.3/dist/auro-icon__bundled.js" type="module"></script>
-  </head>
+</head>
   <body class="auro-markdown">
     <main></main>
@@ -48,6 +53,7 @@
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.2.4/auro-input/+esm"></script>
     <style>

package/components/select/demo/index.md CHANGED Viewed

@@ -15,88 +15,51 @@ This file is generated based on a template fetched from `./docs/partials/demo.md
 ## Default example
-A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements. Notice a default `Please select option` placeholder in the trigger.
-### Emphasized
+A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements. Notice a default `Please select option` placeholder in the trigger.
 <div class="exampleWrapper">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
-  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
-  <div style="display: flex; flex-direction: row; gap: 10px;">
-    <auro-select layout="emphasized" shape="pill" size="xl" value="flights" forceDisplayValue style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-    <auro-select layout="emphasized" shape="pill" size="xl" value="flights" style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-    <auro-select layout="emphasized" shape="pill" size="xl" value="flights" required style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-  </div>
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic.html) -->
+  <!-- The below content is automatically added from ./../apiExamples/classic/basic.html -->
+  <auro-select placeholder="Placeholder content">
+    <span slot="bib.fullscreen.headline">Bib Header</span>
+    <span slot="label">Name with placeholder</span>
+    <auro-menu>
+      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    </auro-menu>
+    <span slot="helpText">
+      Help text - Lorem ipsum solar lorem ipsum solar
+    </span>
+  </auro-select>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
+<div class="exampleWrapper--ondark" aria-hidden>
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic-ondark.html) -->
+  <!-- The below content is automatically added from ./../apiExamples/classic/basic-ondark.html -->
+  <auro-select onDark placeholder="Placeholder content">
+    <span slot="bib.fullscreen.headline">Bib Header</span>
+    <span slot="label">Name</span>
+    <auro-menu>
+      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+    </auro-menu>
+    <span slot="helpText">
+      Help text - Lorem ipsum solar lorem ipsum solar
+    </span>
+  </auro-select>
+  <!-- AURO-GENERATED-CONTENT:END -->
+</div>
+### Emphasized
+Only supported for onDark usage.
 <div class="exampleWrapper--ondark" aria-hidden>
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic-ondark.html) -->
   <!-- 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.
     </auro-select>
     <auro-select layout="emphasized" shape="pill" size="xl" value="flights" ondark required style="display:inline-block;">
       <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <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.
 ### Snowflake
-<div class="exampleWrapper">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
-  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
-  <div style="display: flex; flex-direction: row; gap: 10px;">
-    <auro-select layout="snowflake" shape="snowflake" value="flights" forceDisplayValue style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-    <auro-select layout="snowflake" shape="snowflake" value="flights" style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="terminal" name="plane-diag-fill" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="car-rental-stroke" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="destination" name="hotel-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="shop" name="gift-filled" customcolor></auro-icon>
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-          <auro-icon style="--ds-auro-icon-size: 40px;" slot="displayValue" category="in-flight" name="boarding" customcolor></auro-icon>
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-    <auro-select layout="snowflake" shape="snowflake" value="flights" required style="display:inline-block;">
-      <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
-      <auro-menu nocheckmark>
-        <auro-menuoption value="flights">
-          <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
-        </auro-menuoption>
-        <auro-menuoption value="cars">
-          <auro-icon category="destination" name="car-rental-stroke" customcolor></auro-icon> Cars
-        </auro-menuoption>
-        <auro-menuoption value="hotels">
-          <auro-icon category="destination" name="hotel-stroke" customcolor></auro-icon> Hotels
-        </auro-menuoption>
-        <auro-menuoption value="packages">
-          <auro-icon category="shop" name="gift-stroke" customcolor></auro-icon> Packages
-        </auro-menuoption>
-        <auro-menuoption value="cruises">
-          <auro-icon category="in-flight" name="boarding" customcolor></auro-icon> Cruises
-        </auro-menuoption>
-      </auro-menu>
-    </auro-select>
-  </div>
-  <!-- AURO-GENERATED-CONTENT:END -->
-</div>
+Only supported for onDark usage.
 <div class="exampleWrapper--ondark" aria-hidden>
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic-ondark.html) -->
   <!-- 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.
     </auro-select>
     <auro-select layout="snowflake" shape="snowflake" value="flights" required ondark style="display:inline-block;">
       <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights