@aurodesignsystem/auro-dropdown - npm Package Compare versions

Comparing version 2.9.9 to 2.9.10

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [2.9.10](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.9...v2.9.10) (2023-10-30)
+
+
+### Performance Improvements
+
+* add old design-tokens deps ([dc7d139](https://github.com/AlaskaAirlines/auro-dropdown/commit/dc7d1393da151695059788c0319ba9ffe97d057b))
+* **token:** update token per new theming [#205](https://github.com/AlaskaAirlines/auro-dropdown/issues/205) ([66afa65](https://github.com/AlaskaAirlines/auro-dropdown/commit/66afa654b52209bb60d17e831fcb079ab0f48c74))
+
 ## [2.9.9](https://github.com/AlaskaAirlines/auro-dropdown/compare/v2.9.8...v2.9.9) (2023-06-01)
@@ -4,0 +12,0 @@

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-dropdown",
-  "version": "2.9.9",
+  "version": "2.9.10",
   "description": "auro-dropdown HTML custom element",
@@ -30,8 +30,10 @@ "repository": {
     "@alaskaairux/design-tokens": "^3.11.0",
-    "@aurodesignsystem/webcorestylesheets": "^4.2.0"
+    "@aurodesignsystem/design-tokens": "^4.1.1",
+    "@aurodesignsystem/webcorestylesheets": "^5.0.3"
   },
   "devDependencies": {
-    "@alaskaairux/design-tokens": "^3.13.0",
-    "@aurodesignsystem/webcorestylesheets": "^4.2.0",
+    "@alaskaairux/design-tokens": "^3.11.0",
+    "@aurodesignsystem/design-tokens": "^4.1.1",
     "@aurodesignsystem/eslint-config": "^1.3.0",
+    "@aurodesignsystem/webcorestylesheets": "^5.0.3",
     "@commitlint/cli": "^17.6.3",
@@ -38,0 +40,0 @@ "@commitlint/config-conventional": "^17.6.3",

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(--auro-color-background-lightest);box-shadow:-2px 0 5px 2px rgba(0, 0, 0, 0.08),0 2px 5px 1px rgba(0, 0, 0, 0.08);color:var(--auro-color-text-primary-on-light)}.label{color:var(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:transparent;background-color:var(--auro-color-background-lightest);color:var(--auro-color-text-primary-on-light)}.trigger:focus-within,.trigger:active{border-color:var(--auro-color-border-active-on-light)}.trigger:focus-within:not(:active){box-shadow:inset 0 0 0 1px var(--auro-color-ui-default-on-light)}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{flex:1}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--auro-size-xs);color:var(--auro-color-icon-primary-on-light)}#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(--auro-color-text-secondary-on-light);font-size:var(--auro-text-body-size-xs);line-height:var(--auro-text-body-size-default)}:host(:not([data-show])) .popover{display:none}:host([data-show]) .popover{z-index:var(--auro-depth-tooltip)}:host([common]) .trigger,:host([common]) .popover,:host([rounded]) .trigger,:host([rounded]) .popover{overflow:hidden;border-radius:var(--auro-border-radius)}:host([common]) .trigger,:host([inset]) .trigger{padding:var(--auro-size-xs) var(--auro-size-sm)}:host([disabled]){pointer-events:none}:host([disabled]) .trigger,:host([disabled]) .label,:host([disabled]) #showStateIcon{color:var(--auro-color-text-disabled-on-light)}:host([common]) .trigger,:host([bordered]) .trigger{border-color:var(--auro-color-border-primary-on-light)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light)}:host([error]) .helpText{color:var(--auro-color-text-error-on-light)}:host([error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([disabled][common]) .trigger,:host([disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled)}:host([common][error]) .trigger,:host([bordered][error]) .trigger{border-color:var(--auro-color-border-error-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-light)}:host([common][error]) .trigger:focus-within,:host([bordered][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-light);box-shadow:none}:host([common][error]) .trigger:active,:host([bordered][error]) .trigger:active{border-color:var(--auro-color-border-active-on-light);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-light)}:host([onDark]) .trigger{color:var(--auro-color-text-primary-on-dark)}:host([onDark]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--auro-color-text-secondary-on-dark)}:host([onDark]) #showStateIcon{color:var(--auro-color-icon-primary-on-dark)}@media(hover: hover){:host([onDark]) .trigger:hover{background-color:rgba(178, 178, 178, 0.1)}}:host([onDark][error]) .helpText{color:var(--auro-color-text-error-on-dark)}:host([onDark][error]) .trigger{border-color:var(--auro-color-border-error-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-error-on-dark)}:host([onDark][error]) .trigger:focus-within{border-color:var(--auro-color-border-active-on-dark);box-shadow:none}:host([onDark][error]) .trigger:active{border-color:var(--auro-color-border-active-on-dark);box-shadow:inset 0 0 0 1px var(--auro-color-border-active-on-dark)}:host([onDark][disabled]) .trigger,:host([onDark][disabled]) .label,:host([onDark][disabled]) .helpText{color:var(--auro-color-text-disabled-on-dark)}:host([onDark][disabled][bordered]) .trigger{border-color:var(--auro-color-border-disabled-on-dark)}`;
+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)}`;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

195792

increased by0.59%

Lines of code

2708

increased by0.07%

Worsened metrics

Dependency count

7

increased by16.67%

Dev dependency count

43

increased by2.38%

No dependency changes