@aurodesignsystem-dev/auro-formkit 0.0.0-pr811.0 → 0.0.0-pr815.0

package/components/menu/demo/api.min.js

@@ -1583,12 +1583,12 @@ class AuroMenuOption extends AuroElement$1 {
     /**
      * @private
      */
-    this.shape = "box";
+    this.shape = undefined;
 
     /**
      * @private
      */
-    this.size = "sm";
+    this.size = undefined;
 
     /**
      * Generate unique names for dependency components.
@@ -1661,6 +1661,13 @@ class AuroMenuOption extends AuroElement$1 {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-menuoption');
 
+    if (!this.hasAttribute('size')) {
+      this.size = this.parentElement.getAttribute('size') || 'sm';
+    }
+    if (!this.hasAttribute('shape')) {
+      this.shape = this.parentElement.getAttribute('shape') || 'box';
+    }
+
     this.setAttribute('role', 'option');
     this.setAttribute('aria-selected', 'false');
 

package/components/menu/demo/index.min.js

@@ -1543,12 +1543,12 @@ class AuroMenuOption extends AuroElement$1 {
     /**
      * @private
      */
-    this.shape = "box";
+    this.shape = undefined;
 
     /**
      * @private
      */
-    this.size = "sm";
+    this.size = undefined;
 
     /**
      * Generate unique names for dependency components.
@@ -1621,6 +1621,13 @@ class AuroMenuOption extends AuroElement$1 {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-menuoption');
 
+    if (!this.hasAttribute('size')) {
+      this.size = this.parentElement.getAttribute('size') || 'sm';
+    }
+    if (!this.hasAttribute('shape')) {
+      this.shape = this.parentElement.getAttribute('shape') || 'box';
+    }
+
     this.setAttribute('role', 'option');
     this.setAttribute('aria-selected', 'false');
 

package/components/menu/dist/index.js

@@ -1537,12 +1537,12 @@ class AuroMenuOption extends AuroElement$1 {
     /**
      * @private
      */
-    this.shape = "box";
+    this.shape = undefined;
 
     /**
      * @private
      */
-    this.size = "sm";
+    this.size = undefined;
 
     /**
      * Generate unique names for dependency components.
@@ -1615,6 +1615,13 @@ class AuroMenuOption extends AuroElement$1 {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-menuoption');
 
+    if (!this.hasAttribute('size')) {
+      this.size = this.parentElement.getAttribute('size') || 'sm';
+    }
+    if (!this.hasAttribute('shape')) {
+      this.shape = this.parentElement.getAttribute('shape') || 'box';
+    }
+
     this.setAttribute('role', 'option');
     this.setAttribute('aria-selected', 'false');
 

package/components/menu/dist/registered.js

@@ -1496,12 +1496,12 @@ class AuroMenuOption extends AuroElement$1 {
     /**
      * @private
      */
-    this.shape = "box";
+    this.shape = undefined;
 
     /**
      * @private
      */
-    this.size = "sm";
+    this.size = undefined;
 
     /**
      * Generate unique names for dependency components.
@@ -1574,6 +1574,13 @@ class AuroMenuOption extends AuroElement$1 {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-menuoption');
 
+    if (!this.hasAttribute('size')) {
+      this.size = this.parentElement.getAttribute('size') || 'sm';
+    }
+    if (!this.hasAttribute('shape')) {
+      this.shape = this.parentElement.getAttribute('shape') || 'box';
+    }
+
     this.setAttribute('role', 'option');
     this.setAttribute('aria-selected', 'false');
 

package/components/select/demo/api.md

@@ -23,7 +23,7 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
 | [forceDisplayValue](#forceDisplayValue)             | `forceDisplayValue`             | `boolean`                         | false          | If declared, the label and value will be visually hidden and the displayValue will render 100% of the time. |
 | [fullscreenBreakpoint](#fullscreenBreakpoint)          | `fullscreenBreakpoint`          | `string`                          | "sm"           | Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)<br />at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
 | [largeFullscreenHeadline](#largeFullscreenHeadline)       | `largeFullscreenHeadline`       | `boolean`                         |                | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
-| [layout](#layout)                        |                                 | `string`                          | "snowflake"    |                                                  |
+| [layout](#layout)                        |                                 | `string`                          |                |                                                  |
 | [matchWidth](#matchWidth)                    | `matchWidth`                    | `boolean`                         | false          | If declared, the popover and trigger will be set to the same width. |
 | [multiSelect](#multiSelect)                   | `multiselect`                   | `boolean`                         |                | Sets multi-select mode, allowing multiple options to be selected at once. |
 | [name](#name)                          | `name`                          | `string`                          |                | The name for the select element.                 |
@@ -39,8 +39,6 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
 | [setCustomValidity](#setCustomValidity)             | `setCustomValidity`             | `string`                          |                | Sets a custom help text message to display for all validityStates. |
 | [setCustomValidityCustomError](#setCustomValidityCustomError)  | `setCustomValidityCustomError`  | `string`                          |                | Custom help text message to display when validity = `customError`. |
 | [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `string`                          |                | Custom help text message to display when validity = `valueMissing`. |
-| [shape](#shape)                         |                                 | `string`                          | "snowflake"    |                                                  |
-| [size](#size)                          |                                 | `string`                          | "xl"           |                                                  |
 | [validity](#validity)                      | `validity`                      | `string`                          |                | Specifies the `validityState` this element is in. |
 | [value](#value)                         | `value`                         | `string`                          |                | Value selected for the component.                |