@aurodesignsystem/auro-dropdown - npm Package Compare versions

Comparing version 2.9.10 to 2.9.11

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [2.9.11](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.10...v2.9.11) (2023-12-06)
+
+
+### Bug Fixes
+
+* **overflow:** remove overflow hidden rule [#210](https://github.com/AlaskaAirlines/auro-dropdown/issues/210) ([a56c910](https://github.com/AlaskaAirlines/auro-dropdown/commit/a56c9106a4f3f61019048ffb75cae6ae01e43834))
+
 ## [2.9.10](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.9...v2.9.10) (2023-10-30)
@@ -4,0 +11,0 @@

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-dropdown",
-  "version": "2.9.10",
+  "version": "2.9.11",
   "description": "auro-dropdown HTML custom element",
@@ -13,0 +13,0 @@ "repository": {

src/style-css.js

 import {css} from 'lit';
-export default css`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--ds-color-background-lightest, #ffffff);box-shadow:-2px 0 5px 2px rgba(0, 0, 0, 0.08),0 2px 5px 1px rgba(0, 0, 0, 0.08);color:var(--ds-color-text-primary-default, #222222)}.label{color:var(--ds-color-text-secondary-default, #626b79);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-primary-default, #222222)}.trigger:focus-within,.trigger:active{border-color:var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-default, #0074c8)}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem);color:var(--ds-color-icon-primary-default, #626b79)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--ds-color-text-secondary-default, #626b79);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 300)}:host([common]) .trigger,:host([common]) .popover,:host([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--ds-size-100, 0.5rem) var(--ds-size-150, 0.75rem)}:host([disabled]){pointer-events:none}:host([disabled]) .trigger,:host([disabled]) .label,:host([disabled]) #showStateIcon{color:var(--ds-color-text-disabled-default, #dbdbdb)}:host([common]) .trigger,:host([bordered]) .trigger{border-color:var(--ds-color-border-primary-default, #626b79)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8)}:host([error]) .helpText{color:var(--ds-color-text-error-default, #df0b37)}:host([error]) .trigger{border-color:var(--ds-color-border-error-default, #df0b37);box-shadow:inset 0 0 0 1px var(--ds-color-border-error-default, #df0b37)}:host([error]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:none}:host([error]) .trigger:active{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:inset 0 0 0 1px var(--ds-color-border-active-default, #0074c8)}:host([disabled][common]) .trigger,:host([disabled][bordered]) .trigger{border-color:var(--ds-color-border-disabled-default, #dbdbdb)}:host([common][error]) .trigger,:host([bordered][error]) .trigger{border-color:var(--ds-color-border-error-default, #df0b37);box-shadow:inset 0 0 0 1px var(--ds-color-border-error-default, #df0b37)}:host([common][error]) .trigger:focus-within,:host([bordered][error]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:none}:host([common][error]) .trigger:active,:host([bordered][error]) .trigger:active{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:inset 0 0 0 1px var(--ds-color-border-active-default, #0074c8)}:host([onDark]) .trigger{color:var(--ds-color-text-primary-inverse, #ffffff)}:host([onDark]) .trigger:focus-within{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-inverse, #00cff0)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-color-text-secondary-inverse, #9fabbb)}:host([onDark]) #showStateIcon{color:var(--ds-color-icon-primary-inverse, #9fabbb)}@media(hover: hover){:host([onDark]) .trigger:hover{background-color:rgba(178, 178, 178, 0.1)}}:host([onDark][error]) .helpText{color:var(--ds-color-text-error-inverse, #ff999b)}:host([onDark][error]) .trigger{border-color:var(--ds-color-state-error-100, #ff999b);box-shadow:inset 0 0 0 1px var(--ds-color-state-error-100, #ff999b)}:host([onDark][error]) .trigger:focus-within{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-inverse, #00cff0)}:host([onDark][disabled]) .trigger,:host([onDark][disabled]) .label,:host([onDark][disabled]) .helpText{color:var(--ds-color-text-disabled-default, #dbdbdb)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--ds-color-border-disabled-default, #dbdbdb)}`;
+export default css`.popover{display:inline-block;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--ds-color-background-lightest, #ffffff);box-shadow:-2px 0 5px 2px rgba(0, 0, 0, 0.08),0 2px 5px 1px rgba(0, 0, 0, 0.08);color:var(--ds-color-text-primary-default, #222222)}.label{color:var(--ds-color-text-secondary-default, #626b79);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--ds-color-background-lightest, #ffffff);color:var(--ds-color-text-primary-default, #222222)}.trigger:focus-within,.trigger:active{border-color:var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-default, #0074c8)}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem);color:var(--ds-color-icon-primary-default, #626b79)}#showStateIcon auro-icon{height:1.5rem;line-height:1.5rem}#showStateIcon[data-expanded=true] auro-icon{transform:rotate(-180deg)}.helpText{margin-top:4px;color:var(--ds-color-text-secondary-default, #626b79);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 300)}:host([common]) .trigger,:host([common]) .popover,:host([rounded]) .trigger,:host([rounded]) .popover{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--ds-size-100, 0.5rem) var(--ds-size-150, 0.75rem)}:host([disabled]){pointer-events:none}:host([disabled]) .trigger,:host([disabled]) .label,:host([disabled]) #showStateIcon{color:var(--ds-color-text-disabled-default, #dbdbdb)}:host([common]) .trigger,:host([bordered]) .trigger{border-color:var(--ds-color-border-primary-default, #626b79)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8)}:host([error]) .helpText{color:var(--ds-color-text-error-default, #df0b37)}:host([error]) .trigger{border-color:var(--ds-color-border-error-default, #df0b37);box-shadow:inset 0 0 0 1px var(--ds-color-border-error-default, #df0b37)}:host([error]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:none}:host([error]) .trigger:active{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:inset 0 0 0 1px var(--ds-color-border-active-default, #0074c8)}:host([disabled][common]) .trigger,:host([disabled][bordered]) .trigger{border-color:var(--ds-color-border-disabled-default, #dbdbdb)}:host([common][error]) .trigger,:host([bordered][error]) .trigger{border-color:var(--ds-color-border-error-default, #df0b37);box-shadow:inset 0 0 0 1px var(--ds-color-border-error-default, #df0b37)}:host([common][error]) .trigger:focus-within,:host([bordered][error]) .trigger:focus-within{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:none}:host([common][error]) .trigger:active,:host([bordered][error]) .trigger:active{border-color:var(--ds-color-border-active-default, #0074c8);box-shadow:inset 0 0 0 1px var(--ds-color-border-active-default, #0074c8)}:host([onDark]) .trigger{color:var(--ds-color-text-primary-inverse, #ffffff)}:host([onDark]) .trigger:focus-within{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-inverse, #00cff0)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-color-text-secondary-inverse, #9fabbb)}:host([onDark]) #showStateIcon{color:var(--ds-color-icon-primary-inverse, #9fabbb)}@media(hover: hover){:host([onDark]) .trigger:hover{background-color:rgba(178, 178, 178, 0.1)}}:host([onDark][error]) .helpText{color:var(--ds-color-text-error-inverse, #ff999b)}:host([onDark][error]) .trigger{border-color:var(--ds-color-state-error-100, #ff999b);box-shadow:inset 0 0 0 1px var(--ds-color-state-error-100, #ff999b)}:host([onDark][error]) .trigger:focus-within{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--ds-color-ui-default-inverse, #00cff0);box-shadow:inset 0 0 0 1px var(--ds-color-ui-default-inverse, #00cff0)}:host([onDark][disabled]) .trigger,:host([onDark][disabled]) .label,:host([onDark][disabled]) .helpText{color:var(--ds-color-text-disabled-default, #dbdbdb)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--ds-color-border-disabled-default, #dbdbdb)}`;

No alert changes

Improved metrics

Total package byte prevSize

196098

increased by0.16%

No dependency changes