@aurodesignsystem/auro-menu - npm Package Compare versions

Comparing version 3.11.7 to 3.11.8

CHANGELOG.md

 # Semantic Release Automated Changelog
 
+## [3.11.8](https://github.com/AlaskaAirlines/auro-menu/compare/v3.11.7...v3.11.8) (2024-07-02)
+
+
+### Performance Improvements
+
+* **icon:** use auro-icon for selected check mark ([9d3ef07](https://github.com/AlaskaAirlines/auro-menu/commit/9d3ef07da6af5c7f55465b275c361c1d7fd832ff))
+
 ## [3.11.7](https://github.com/AlaskaAirlines/auro-menu/compare/v3.11.6...v3.11.7) (2024-07-02)
@@ -4,0 +11,0 @@

package.json

@@ -10,3 +10,3 @@ {
   "name": "@aurodesignsystem/auro-menu",
-  "version": "3.11.7",
+  "version": "3.11.8",
   "description": "auro-menu HTML custom element",
@@ -24,2 +24,3 @@ "repository": {
   "dependencies": {
+    "@aurodesignsystem/auro-icon": "^5.0.0-beta.1",
     "chalk": "^5.3.0",
@@ -36,3 +37,3 @@ "lit": "^3.1.2",
     "@alaskaairux/icons": "^4.36.2",
-    "@aurodesignsystem/auro-library": "^2.5.1",
+    "@aurodesignsystem/auro-library": "^2.6.0",
     "@aurodesignsystem/design-tokens": "^4.3.1",
@@ -147,3 +148,3 @@ "@aurodesignsystem/eslint-config": "^1.3.1",
   "scripts": {
-    "build": "npm-run-all build:sass sass:render types",
+    "build": "npm-run-all build:version build:sass sass:render types",
     "build:test": "npm-run-all test linters",
@@ -157,2 +158,3 @@ "build:release": "npm-run-all build build:test build:api build:docs bundler postinstall",
     "build:sass:component": "sass --no-source-map src:src",
+    "build:version": "node scripts/version.mjs",
     "build:watch": "nodemon -e scss,js,html --watch src --watch apiExamples/**/* --exec npm run build:dev:assets",
@@ -164,3 +166,3 @@ "bundler": "rollup -c",
     "dist:js": "copyfiles -u 1 -V './src/**/*.js' ./dist",
-    "esLint": "./node_modules/.bin/eslint src/**/*.js",
+    "esLint": "./node_modules/.bin/eslint src/**/*.js --ignore-pattern 'src/**/*Version.js'",
     "linters": "npm-run-all scssLint esLint",
@@ -167,0 +169,0 @@ "preCommit": "node scripts/pre-commit.mjs",

README.md

@@ -117,3 +117,3 @@ <!--
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.0.6/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-menu@3.11.7/dist/auro-menu__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-menu@3.11.8/dist/auro-menu__bundled.js" type="module"></script>
 ```
@@ -120,0 +120,0 @@

src/auro-menuoption.js

 // Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
+/* eslint-disable lit/binding-positions, lit/no-invalid-html */
+
 // ---------------------------------------------------------------------
-import { LitElement, html } from "lit";
+import { LitElement } from "lit";
+import { html } from 'lit/static-html.js';
 import styleCss from "./style-menuoption-css.js";
-import check from '@alaskaairux/icons/dist/icons/interface/check-sm_es6.js';
 
+import { AuroDependencyVersioning } from '@aurodesignsystem/auro-library/scripts/runtime/dependencyTagVersioning.mjs';
+import { AuroIcon } from '@aurodesignsystem/auro-icon/src/auro-icon.js';
+import iconVersion from './iconVersion';
+
 /**
@@ -23,2 +29,9 @@ * The auro-menu element provides users a way to define a menu option.
 
+    /**
+     * Generate unique names for dependency components.
+     */
+
+    const versioning = new AuroDependencyVersioning();
+    this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
+
     this.nocheckmark = false;
@@ -32,12 +45,2 @@ this.disabled = false;
     this.tabIndex = -1;
-
-    /**
-     * @private
-     */
-    this.dom = new DOMParser().parseFromString(check.svg, 'text/html');
-
-    /**
-     * @private
-     */
-    this.svg = this.dom.body.firstChild;
   }
@@ -89,3 +92,11 @@
     return html`
-      ${this.selected && !this.nocheckmark ? html`${this.svg}` : undefined}
+      ${this.selected && !this.nocheckmark ? html`
+        <${this.iconTag}
+          ondark
+          customSize
+          class="selected"
+          category="interface"
+          name="checkmark-sm">
+        </${this.iconTag}>
+      ` : undefined}
       <slot></slot>
@@ -92,0 +103,0 @@ `;

src/style-base-css.js

 import {css} from 'lit';
-export default css`:root{--ds-asset-font-circular-family-name:"AS Circular";--ds-asset-font-circular-filename:"ASCircularWeb";--ds-asset-font-circular-weight-light:"-Light";--ds-asset-font-circular-weight-medium:"-Medium";--ds-asset-font-circular-weight-book:"-Book";--ds-border-radius:0.375rem;--ds-size-25:0.125rem;--ds-size-50:0.25rem;--ds-size-100:0.5rem;--ds-size-150:0.75rem;--ds-size-200:1rem;--ds-size-300:1.5rem;--ds-size-400:2rem;--ds-size-500:2.5rem;--ds-size-600:3rem;--ds-size-700:3.5rem;--ds-size-800:4rem;--ds-size-900:4.5rem;--ds-size-1000:5rem;--ds-unitless-scale-20:0.25;--ds-unitless-scale-50:0.5;--ds-unitless-scale-100:1;--ds-unitless-scale-140:1.4;--ds-unitless-scale-150:1.5;--ds-unitless-scale-200:2;--ds-unitless-scale-300:3;--ds-unitless-scale-350:3.5;--ds-animation-default-property:all;--ds-animation-default-duration:0.3s;--ds-animation-default-timing:ease-out;--ds-depth-overlay:200;--ds-depth-modal:400;--ds-depth-tooltip:300;--ds-elevation-100:0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200:0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300:0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs:320px;--ds-grid-breakpoint-sm:576px;--ds-grid-breakpoint-md:768px;--ds-grid-breakpoint-lg:1024px;--ds-grid-breakpoint-xl:1232px;--ds-grid-column-xs:6;--ds-grid-column-sm:12;--ds-grid-column-md:12;--ds-grid-column-lg:12;--ds-grid-column-xl:12;--ds-grid-gutter-xs:0.5rem;--ds-grid-gutter-sm:1rem;--ds-grid-gutter-md:1.5rem;--ds-grid-gutter-lg:1.5rem;--ds-grid-gutter-xl:2rem;--ds-grid-margin-xs:1rem;--ds-grid-margin-sm:1rem;--ds-grid-margin-md:1.5rem;--ds-grid-margin-lg:2rem;--ds-grid-margin-xl:2rem;--ds-font-family-default:"AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono:Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight:300;--ds-text-heading-300-px:18px;--ds-text-heading-300-size:1.125rem;--ds-text-heading-300-height:1.625rem;--ds-text-heading-300-height-px:26px;--ds-text-heading-400-weight:300;--ds-text-heading-400-px:20px;--ds-text-heading-400-size:1.25rem;--ds-text-heading-400-height:1.625rem;--ds-text-heading-400-height-px:26px;--ds-text-heading-500-weight:300;--ds-text-heading-500-px-breakpoint-sm:22px;--ds-text-heading-500-px-breakpoint-md:24px;--ds-text-heading-500-px-breakpoint-lg:24px;--ds-text-heading-500-size-breakpoint-sm:1.375rem;--ds-text-heading-500-size-breakpoint-md:1.5rem;--ds-text-heading-500-size-breakpoint-lg:1.5rem;--ds-text-heading-500-height-breakpoint-sm:1.625rem;--ds-text-heading-500-height-breakpoint-px-sm:26px;--ds-text-heading-500-height-breakpoint-md:1.875rem;--ds-text-heading-500-height-breakpoint-px-md:30px;--ds-text-heading-500-height-breakpoint-lg:2rem;--ds-text-heading-500-height-breakpoint-px-lg:32px;--ds-text-heading-600-weight:300;--ds-text-heading-600-px-breakpoint-sm:26px;--ds-text-heading-600-px-breakpoint-md:28px;--ds-text-heading-600-px-breakpoint-lg:28px;--ds-text-heading-600-size-breakpoint-sm:1.625rem;--ds-text-heading-600-size-breakpoint-md:1.75rem;--ds-text-heading-600-size-breakpoint-lg:1.75rem;--ds-text-heading-600-height-breakpoint-sm:1.875rem;--ds-text-heading-600-height-breakpoint-px-sm:30px;--ds-text-heading-600-height-breakpoint-md:2.125rem;--ds-text-heading-600-height-breakpoint-px-md:34px;--ds-text-heading-600-height-breakpoint-lg:2.25rem;--ds-text-heading-600-height-breakpoint-px-lg:36px;--ds-text-heading-700-weight:500;--ds-text-heading-700-px-breakpoint-sm:28px;--ds-text-heading-700-px-breakpoint-md:32px;--ds-text-heading-700-px-breakpoint-lg:36px;--ds-text-heading-700-size-breakpoint-sm:1.75rem;--ds-text-heading-700-size-breakpoint-md:2rem;--ds-text-heading-700-size-breakpoint-lg:2.25rem;--ds-text-heading-700-height-breakpoint-sm:2.125rem;--ds-text-heading-700-height-breakpoint-px-sm:34px;--ds-text-heading-700-height-breakpoint-md:2.375rem;--ds-text-heading-700-height-breakpoint-px-md:38px;--ds-text-heading-700-height-breakpoint-lg:2.75rem;--ds-text-heading-700-height-breakpoint-px-lg:44px;--ds-text-heading-800-weight:500;--ds-text-heading-800-px-breakpoint-sm:32px;--ds-text-heading-800-px-breakpoint-md:36px;--ds-text-heading-800-px-breakpoint-lg:40px;--ds-text-heading-800-size-breakpoint-sm:2rem;--ds-text-heading-800-size-breakpoint-md:2.25rem;--ds-text-heading-800-size-breakpoint-lg:2.5rem;--ds-text-heading-800-height-breakpoint-sm:2.375rem;--ds-text-heading-800-height-breakpoint-px-sm:38px;--ds-text-heading-800-height-breakpoint-md:2.625rem;--ds-text-heading-800-height-breakpoint-px-md:42px;--ds-text-heading-800-height-breakpoint-lg:3rem;--ds-text-heading-800-height-breakpoint-px-lg:48px;--ds-text-heading-default-weight:500;--ds-text-heading-default-margin:0;--ds-text-heading-default-spacing:-0.2px;--ds-text-heading-medium-weight:300;--ds-text-heading-display-weight:100;--ds-text-heading-display-px-breakpoint-sm:44px;--ds-text-heading-display-px-breakpoint-md:48px;--ds-text-heading-display-px-breakpoint-lg:56px;--ds-text-heading-display-size-breakpoint-sm:2.75rem;--ds-text-heading-display-size-breakpoint-md:3rem;--ds-text-heading-display-size-breakpoint-lg:3.5rem;--ds-text-heading-display-height-breakpoint-sm:3.375rem;--ds-text-heading-display-height-breakpoint-px-sm:54px;--ds-text-heading-display-height-breakpoint-md:3.75rem;--ds-text-heading-display-height-breakpoint-px-md:60px;--ds-text-heading-display-height-breakpoint-lg:4.25rem;--ds-text-heading-display-height-breakpoint-px-lg:68px;--ds-text-body-default-weight:500;--ds-text-body-size-xxs:0.625rem;--ds-text-body-size-xs:0.75rem;--ds-text-body-size-sm:0.875rem;--ds-text-body-size-default:1rem;--ds-text-body-size-lg:1.125rem;--ds-text-body-height-xs:1rem;--ds-text-body-height-sm:1.25rem;--ds-text-body-height-default:1.5rem;--ds-text-body-height-lg:1.625rem;--ds-color-alert-notification-default:#0074c8;--ds-color-alert-warning-default:#de750c;--ds-color-alert-error-default:#df0b37;--ds-color-alert-success-default:#00805d;--ds-color-alert-advisory-default:#fff0cd;--ds-color-alert-bkg-success-default:#ddf6e8;--ds-color-alert-bkg-error-default:#ffedf1;--ds-color-background-lightest:#ffffff;--ds-color-background-lighter:#f8f8f8;--ds-color-background-darker:#01426a;--ds-color-background-darkest:#00274a;--ds-color-background-gradient-default:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white:#ffffff;--ds-color-base-white-opacity-50:rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40:rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0:rgba(255, 255, 255, 0);--ds-color-base-black:#000000;--ds-color-base-black-opacity-15:rgba(0, 0, 0, 0.15);--ds-color-state-error-100:#ff999b;--ds-color-state-error-500:#df0b37;--ds-color-state-success-100:#69cf96;--ds-color-state-success-500:#00805d;--ds-color-state-warning-500:#de750c;--ds-color-border-primary-default:#626b79;--ds-color-border-primary-inverse:#9fabbb;--ds-color-border-active-default:#0074c8;--ds-color-border-active-inverse:#00cff0;--ds-color-border-error-default:#df0b37;--ds-color-border-disabled-default:#dbdbdb;--ds-color-border-focus-default:#222222;--ds-color-border-divider-default:rgba(0, 0, 0, 0.15);--ds-color-border-divider-inverse:#ffffff;--ds-color-brand-midnight-100:#c1daf0;--ds-color-brand-midnight-200:#569ed7;--ds-color-brand-midnight-300:#156fad;--ds-color-brand-midnight-400:#01426a;--ds-color-brand-midnight-500:#00274a;--ds-color-brand-atlas-100:#cde6ff;--ds-color-brand-atlas-200:#6bb7fb;--ds-color-brand-atlas-300:#2492eb;--ds-color-brand-atlas-400:#0074c8;--ds-color-brand-atlas-500:#054687;--ds-color-brand-breeze-100:#c0f7ff;--ds-color-brand-breeze-200:#5de3f7;--ds-color-brand-breeze-300:#00cff0;--ds-color-brand-breeze-400:#099dc5;--ds-color-brand-breeze-500:#0b5575;--ds-color-brand-tropical-100:#e2ffcd;--ds-color-brand-tropical-200:#d0fba6;--ds-color-brand-tropical-300:#c0e585;--ds-color-brand-tropical-400:#91be62;--ds-color-brand-tropical-500:#5e8741;--ds-color-brand-alpine-100:#bcaae6;--ds-color-brand-alpine-200:#9e73ea;--ds-color-brand-alpine-300:#8439ef;--ds-color-brand-alpine-400:#631db8;--ds-color-brand-alpine-500:#39115c;--ds-color-brand-flamingo-100:#ffebee;--ds-color-brand-flamingo-200:#ffc0ca;--ds-color-brand-flamingo-300:#ff94a7;--ds-color-brand-flamingo-400:#f65b7b;--ds-color-brand-flamingo-500:#b82b47;--ds-color-brand-canyon-100:#ffcab6;--ds-color-brand-canyon-200:#f99574;--ds-color-brand-canyon-300:#f26135;--ds-color-brand-canyon-400:#de3e09;--ds-color-brand-canyon-500:#b83302;--ds-color-brand-goldcoast-100:#fff0cd;--ds-color-brand-goldcoast-200:#ffdb67;--ds-color-brand-goldcoast-300:#ffd200;--ds-color-brand-goldcoast-400:#e5ad07;--ds-color-brand-goldcoast-500:#b88624;--ds-color-brand-neutral-100:#f9fbfc;--ds-color-brand-neutral-200:#e2eaef;--ds-color-brand-neutral-300:#cbd8e2;--ds-color-brand-neutral-400:#9fabbb;--ds-color-brand-neutral-500:#626b79;--ds-color-brand-gray-100:#f8f8f8;--ds-color-brand-gray-200:#dbdbdb;--ds-color-brand-gray-300:#b2b2b2;--ds-color-brand-gray-400:#767676;--ds-color-brand-gray-500:#222222;--ds-color-brand-goldgray-100:#c5c1bf;--ds-color-brand-goldgray-200:#726e6c;--ds-color-brand-gold-100:#ccbc94;--ds-color-brand-gold-200:#7f682e;--ds-color-brand-emerald:#139142;--ds-color-brand-sapphire:#015daa;--ds-color-brand-ruby:#a41d4a;--ds-color-icon-primary-default:#626b79;--ds-color-icon-primary-inverse:#9fabbb;--ds-color-icon-emphasis-default:#222222;--ds-color-icon-emphasis-inverse:#ffffff;--ds-color-icon-accent-default:#0074c8;--ds-color-icon-disabled-default:rgba(0, 0, 0, 0.15);--ds-color-text-primary-default:#222222;--ds-color-text-primary-inverse:#ffffff;--ds-color-text-secondary-default:#626b79;--ds-color-text-secondary-inverse:#9fabbb;--ds-color-text-link-default:#0074c8;--ds-color-text-link-inverse:#00cff0;--ds-color-text-error-default:#df0b37;--ds-color-text-error-inverse:#ff999b;--ds-color-text-disabled-default:#dbdbdb;--ds-color-text-emphasis-default:#01426a;--ds-color-text-emphasis-inverse:#c1daf0;--ds-color-tier-alaska-mvp-default:#726e6c;--ds-color-tier-alaska-mvp-inverse:#c5c1bf;--ds-color-tier-alaska-mvpgold-default:#7f682e;--ds-color-tier-alaska-mvpgold-inverse:#ccbc94;--ds-color-tier-oneworld-emerald:#139142;--ds-color-tier-oneworld-sapphire:#015daa;--ds-color-tier-oneworld-ruby:#a41d4a;--ds-color-ui-default-default:#0074c8;--ds-color-ui-default-inverse:#00cff0;--ds-color-ui-hover-default:#054687;--ds-color-ui-hover-inverse:#5de3f7;--ds-color-ui-active-default:#054687;--ds-color-ui-active-inverse:#5de3f7;--ds-color-ui-disabled-default:rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default:rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse:rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default:rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse:rgba(255, 255, 255, 0.06)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption){padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top:1px solid var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.15)) !important}:host([nocheckmark]) ::slotted(auro-menuoption){padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}`;
+export default css`:root{--ds-asset-font-circular-family-name:"AS Circular";--ds-asset-font-circular-filename:"ASCircularWeb";--ds-asset-font-circular-weight-light:"-Light";--ds-asset-font-circular-weight-medium:"-Medium";--ds-asset-font-circular-weight-book:"-Book";--ds-border-radius:0.375rem;--ds-size-25:0.125rem;--ds-size-50:0.25rem;--ds-size-75:0.375rem;--ds-size-100:0.5rem;--ds-size-150:0.75rem;--ds-size-200:1rem;--ds-size-300:1.5rem;--ds-size-400:2rem;--ds-size-500:2.5rem;--ds-size-600:3rem;--ds-size-700:3.5rem;--ds-size-800:4rem;--ds-size-900:4.5rem;--ds-size-1000:5rem;--ds-unitless-scale-20:0.25;--ds-unitless-scale-50:0.5;--ds-unitless-scale-100:1;--ds-unitless-scale-140:1.4;--ds-unitless-scale-150:1.5;--ds-unitless-scale-200:2;--ds-unitless-scale-300:3;--ds-unitless-scale-350:3.5;--ds-animation-default-property:all;--ds-animation-default-duration:0.3s;--ds-animation-default-timing:ease-out;--ds-depth-overlay:200;--ds-depth-modal:400;--ds-depth-tooltip:300;--ds-elevation-100:0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200:0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300:0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs:320px;--ds-grid-breakpoint-sm:576px;--ds-grid-breakpoint-md:768px;--ds-grid-breakpoint-lg:1024px;--ds-grid-breakpoint-xl:1232px;--ds-grid-column-xs:6;--ds-grid-column-sm:12;--ds-grid-column-md:12;--ds-grid-column-lg:12;--ds-grid-column-xl:12;--ds-grid-gutter-xs:0.5rem;--ds-grid-gutter-sm:1rem;--ds-grid-gutter-md:1.5rem;--ds-grid-gutter-lg:1.5rem;--ds-grid-gutter-xl:2rem;--ds-grid-margin-xs:1rem;--ds-grid-margin-sm:1rem;--ds-grid-margin-md:1.5rem;--ds-grid-margin-lg:2rem;--ds-grid-margin-xl:2rem;--ds-font-family-default:"AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono:Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight:300;--ds-text-heading-300-px:18px;--ds-text-heading-300-size:1.125rem;--ds-text-heading-300-height:1.625rem;--ds-text-heading-300-height-px:26px;--ds-text-heading-400-weight:300;--ds-text-heading-400-px:20px;--ds-text-heading-400-size:1.25rem;--ds-text-heading-400-height:1.625rem;--ds-text-heading-400-height-px:26px;--ds-text-heading-500-weight:300;--ds-text-heading-500-px-breakpoint-sm:22px;--ds-text-heading-500-px-breakpoint-md:24px;--ds-text-heading-500-px-breakpoint-lg:24px;--ds-text-heading-500-size-breakpoint-sm:1.375rem;--ds-text-heading-500-size-breakpoint-md:1.5rem;--ds-text-heading-500-size-breakpoint-lg:1.5rem;--ds-text-heading-500-height-breakpoint-sm:1.625rem;--ds-text-heading-500-height-breakpoint-px-sm:26px;--ds-text-heading-500-height-breakpoint-md:1.875rem;--ds-text-heading-500-height-breakpoint-px-md:30px;--ds-text-heading-500-height-breakpoint-lg:2rem;--ds-text-heading-500-height-breakpoint-px-lg:32px;--ds-text-heading-600-weight:300;--ds-text-heading-600-px-breakpoint-sm:26px;--ds-text-heading-600-px-breakpoint-md:28px;--ds-text-heading-600-px-breakpoint-lg:28px;--ds-text-heading-600-size-breakpoint-sm:1.625rem;--ds-text-heading-600-size-breakpoint-md:1.75rem;--ds-text-heading-600-size-breakpoint-lg:1.75rem;--ds-text-heading-600-height-breakpoint-sm:1.875rem;--ds-text-heading-600-height-breakpoint-px-sm:30px;--ds-text-heading-600-height-breakpoint-md:2.125rem;--ds-text-heading-600-height-breakpoint-px-md:34px;--ds-text-heading-600-height-breakpoint-lg:2.25rem;--ds-text-heading-600-height-breakpoint-px-lg:36px;--ds-text-heading-700-weight:500;--ds-text-heading-700-px-breakpoint-sm:28px;--ds-text-heading-700-px-breakpoint-md:32px;--ds-text-heading-700-px-breakpoint-lg:36px;--ds-text-heading-700-size-breakpoint-sm:1.75rem;--ds-text-heading-700-size-breakpoint-md:2rem;--ds-text-heading-700-size-breakpoint-lg:2.25rem;--ds-text-heading-700-height-breakpoint-sm:2.125rem;--ds-text-heading-700-height-breakpoint-px-sm:34px;--ds-text-heading-700-height-breakpoint-md:2.375rem;--ds-text-heading-700-height-breakpoint-px-md:38px;--ds-text-heading-700-height-breakpoint-lg:2.75rem;--ds-text-heading-700-height-breakpoint-px-lg:44px;--ds-text-heading-800-weight:500;--ds-text-heading-800-px-breakpoint-sm:32px;--ds-text-heading-800-px-breakpoint-md:36px;--ds-text-heading-800-px-breakpoint-lg:40px;--ds-text-heading-800-size-breakpoint-sm:2rem;--ds-text-heading-800-size-breakpoint-md:2.25rem;--ds-text-heading-800-size-breakpoint-lg:2.5rem;--ds-text-heading-800-height-breakpoint-sm:2.375rem;--ds-text-heading-800-height-breakpoint-px-sm:38px;--ds-text-heading-800-height-breakpoint-md:2.625rem;--ds-text-heading-800-height-breakpoint-px-md:42px;--ds-text-heading-800-height-breakpoint-lg:3rem;--ds-text-heading-800-height-breakpoint-px-lg:48px;--ds-text-heading-default-weight:500;--ds-text-heading-default-margin:0;--ds-text-heading-default-spacing:-0.2px;--ds-text-heading-medium-weight:300;--ds-text-heading-display-weight:100;--ds-text-heading-display-px-breakpoint-sm:44px;--ds-text-heading-display-px-breakpoint-md:48px;--ds-text-heading-display-px-breakpoint-lg:56px;--ds-text-heading-display-size-breakpoint-sm:2.75rem;--ds-text-heading-display-size-breakpoint-md:3rem;--ds-text-heading-display-size-breakpoint-lg:3.5rem;--ds-text-heading-display-height-breakpoint-sm:3.375rem;--ds-text-heading-display-height-breakpoint-px-sm:54px;--ds-text-heading-display-height-breakpoint-md:3.75rem;--ds-text-heading-display-height-breakpoint-px-md:60px;--ds-text-heading-display-height-breakpoint-lg:4.25rem;--ds-text-heading-display-height-breakpoint-px-lg:68px;--ds-text-body-default-weight:500;--ds-text-body-size-xxs:0.625rem;--ds-text-body-size-xs:0.75rem;--ds-text-body-size-sm:0.875rem;--ds-text-body-size-default:1rem;--ds-text-body-size-lg:1.125rem;--ds-text-body-height-xs:1rem;--ds-text-body-height-sm:1.25rem;--ds-text-body-height-default:1.5rem;--ds-text-body-height-lg:1.625rem;--ds-color-alert-notification-default:#0074c8;--ds-color-alert-warning-default:#de750c;--ds-color-alert-error-default:#df0b37;--ds-color-alert-success-default:#00805d;--ds-color-alert-advisory-default:#fff0cd;--ds-color-alert-bkg-success-default:#ddf6e8;--ds-color-alert-bkg-error-default:#ffedf1;--ds-color-background-primary-100-default:#ffffff;--ds-color-background-primary-100-inverse:#0e2b4f;--ds-color-background-primary-200-default:#f7f7f7;--ds-color-background-primary-200-inverse:#194069;--ds-color-background-primary-300-default:#e4e8ec;--ds-color-background-primary-300-inverse:#265688;--ds-color-background-primary-400-default:#dddddd;--ds-color-background-primary-400-inverse:#326aa5;--ds-color-background-success-default:#eef8f5;--ds-color-background-success-inverse:#173c30;--ds-color-background-error-default:#fff4f4;--ds-color-background-error-inverse:#74110e;--ds-color-background-warning-default:#fef8e9;--ds-color-background-warning-inverse:#5d4514;--ds-color-background-info-default:#f0f7fd;--ds-color-background-info-inverse:#193d73;--ds-color-background-subtle-default:#f7f8fa;--ds-color-background-subtle-inverse:#2a2a2a;--ds-color-background-accent-default:#ebfafd;--ds-color-background-accent-inverse:#275b72;--ds-color-background-emphasis-default:#c9e0f7;--ds-color-background-emphasis-inverse:#225296;--ds-color-background-lightest:#ffffff;--ds-color-background-lighter:#f7f7f7;--ds-color-background-darker:#01426a;--ds-color-background-darkest:#00274a;--ds-color-background-gradient-default:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white:#ffffff;--ds-color-base-white-100:rgba(255, 255, 255, 0.03);--ds-color-base-white-200:rgba(255, 255, 255, 0.06);--ds-color-base-white-300:rgba(255, 255, 255, 0.12);--ds-color-base-white-400:rgba(255, 255, 255, 0.25);--ds-color-base-white-500:rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50:rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40:rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0:rgba(255, 255, 255, 0);--ds-color-base-black:#000000;--ds-color-base-black-100:rgba(0, 0, 0, 0.03);--ds-color-base-black-200:rgba(0, 0, 0, 0.06);--ds-color-base-black-300:rgba(0, 0, 0, 0.12);--ds-color-base-black-400:rgba(0, 0, 0, 0.25);--ds-color-base-black-500:rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15:rgba(0, 0, 0, 0.15);--ds-color-base-blue-100:#f0f7fd;--ds-color-base-blue-200:#c9e0f7;--ds-color-base-blue-300:#a0c9f1;--ds-color-base-blue-400:#79b2ec;--ds-color-base-blue-500:#5398e6;--ds-color-base-blue-600:#3b7fd2;--ds-color-base-blue-700:#2c67b5;--ds-color-base-blue-800:#225296;--ds-color-base-blue-900:#193d73;--ds-color-base-blue-1000:#102a51;--ds-color-base-cyan-100:#ebfafd;--ds-color-base-cyan-200:#a8e9f7;--ds-color-base-cyan-300:#6ad5ef;--ds-color-base-cyan-400:#56bbde;--ds-color-base-cyan-500:#4aa2c7;--ds-color-base-cyan-600:#3e89aa;--ds-color-base-cyan-700:#32718e;--ds-color-base-cyan-800:#275b72;--ds-color-base-cyan-900:#1d4658;--ds-color-base-cyan-1000:#12303d;--ds-color-base-error-100:#fff4f4;--ds-color-base-error-200:#f9aca6;--ds-color-base-error-300:#f16359;--ds-color-base-error-400:#cc1816;--ds-color-base-error-500:#74110e;--ds-color-base-gray-100:#f7f7f7;--ds-color-base-gray-200:#dddddd;--ds-color-base-gray-300:#c5c5c5;--ds-color-base-gray-400:#adadad;--ds-color-base-gray-500:#959595;--ds-color-base-gray-600:#7e7e7e;--ds-color-base-gray-700:#676767;--ds-color-base-gray-800:#525252;--ds-color-base-gray-900:#3d3d3d;--ds-color-base-gray-1000:#2a2a2a;--ds-color-base-green-100:#f3faf7;--ds-color-base-green-200:#000000;--ds-color-base-green-300:#addbca;--ds-color-base-green-400:#7ec6ac;--ds-color-base-green-500:#51ae8c;--ds-color-base-green-600:#459578;--ds-color-base-green-700:#3a7d64;--ds-color-base-green-800:#306854;--ds-color-base-green-900:#285545;--ds-color-base-green-1000:#1f4436;--ds-color-base-lime-100:#f5fbeb;--ds-color-base-lime-200:#d8efb4;--ds-color-base-lime-300:#badd81;--ds-color-base-lime-400:#a2c270;--ds-color-base-lime-500:#8ca761;--ds-color-base-lime-600:#778f53;--ds-color-base-lime-700:#647845;--ds-color-base-lime-800:#53643a;--ds-color-base-lime-900:#44522f;--ds-color-base-lime-1000:#364126;--ds-color-base-navy-100:#f2f7fb;--ds-color-base-navy-200:#cfe0ef;--ds-color-base-navy-300:#acc9e2;--ds-color-base-navy-400:#89b2d4;--ds-color-base-navy-500:#6899c6;--ds-color-base-navy-600:#4a82b7;--ds-color-base-navy-700:#326aa5;--ds-color-base-navy-800:#265688;--ds-color-base-navy-900:#194069;--ds-color-base-navy-1000:#0e2b4f;--ds-color-base-neutral-100:#f7f8fa;--ds-color-base-neutral-200:#e4e8ec;--ds-color-base-neutral-300:#ccd2db;--ds-color-base-neutral-400:#afb9c6;--ds-color-base-neutral-500:#939fad;--ds-color-base-neutral-600:#7e8894;--ds-color-base-neutral-700:#6a717c;--ds-color-base-neutral-800:#585e67;--ds-color-base-neutral-900:#484d55;--ds-color-base-neutral-1000:#393d43;--ds-color-base-pink-100:#fff7f8;--ds-color-base-pink-200:#fde0e6;--ds-color-base-pink-300:#fcc2ce;--ds-color-base-pink-400:#fa9db0;--ds-color-base-pink-500:#f7738e;--ds-color-base-pink-600:#e45472;--ds-color-base-pink-700:#bf475f;--ds-color-base-pink-800:#a03b50;--ds-color-base-pink-900:#833142;--ds-color-base-pink-1000:#692734;--ds-color-base-purple-100:#fbf8fe;--ds-color-base-purple-200:#ede3fd;--ds-color-base-purple-300:#ddc9fb;--ds-color-base-purple-400:#c9a9f8;--ds-color-base-purple-500:#b588f5;--ds-color-base-purple-600:#a268f3;--ds-color-base-purple-700:#8d47f0;--ds-color-base-purple-800:#7633d7;--ds-color-base-purple-900:#622ab2;--ds-color-base-purple-1000:#4e228d;--ds-color-base-red-100:#fef7f5;--ds-color-base-red-200:#fae2da;--ds-color-base-red-300:#f5c7b8;--ds-color-base-red-400:#f0a68d;--ds-color-base-red-500:#e9815e;--ds-color-base-red-600:#e35c2f;--ds-color-base-red-700:#d03a08;--ds-color-base-red-800:#ae3007;--ds-color-base-red-900:#902806;--ds-color-base-red-1000:#732005;--ds-color-base-success-100:#eef8f5;--ds-color-base-success-200:#8eceb9;--ds-color-base-success-300:#40a080;--ds-color-base-success-400:#0b6f4d;--ds-color-base-success-500:#173c30;--ds-color-base-turquoise-100:#f7fafa;--ds-color-base-turquoise-200:#dfe9ea;--ds-color-base-turquoise-300:#c2d5d6;--ds-color-base-turquoise-400:#9fbdbe;--ds-color-base-turquoise-500:#7ba5a6;--ds-color-base-turquoise-600:#5c8f91;--ds-color-base-turquoise-700:#3d7a7d;--ds-color-base-turquoise-800:#21686a;--ds-color-base-turquoise-900:#085659;--ds-color-base-turquoise-1000:#004447;--ds-color-base-yellow-100:#fff9df;--ds-color-base-yellow-200:#ffe87e;--ds-color-base-yellow-300:#f9ce06;--ds-color-base-yellow-400:#d6b622;--ds-color-base-yellow-500:#b49d35;--ds-color-base-yellow-600:#96873e;--ds-color-base-yellow-700:#7c7140;--ds-color-base-yellow-800:#665e3d;--ds-color-base-yellow-900:#524e38;--ds-color-base-yellow-1000:#403d30;--ds-color-base-warning-100:#fef8e9;--ds-color-base-warning-200:#f2c153;--ds-color-base-warning-300:#c49432;--ds-color-base-warning-400:#8e6b22;--ds-color-base-warning-500:#5d4514;--ds-color-state-error-100:#ff999b;--ds-color-state-error-500:#df0b37;--ds-color-state-success-100:#69cf96;--ds-color-state-success-500:#00805d;--ds-color-state-warning-500:#de750c;--ds-color-border-primary-default:#585e67;--ds-color-border-primary-inverse:#afb9c6;--ds-color-border-secondary-default:#939fad;--ds-color-border-secondary-inverse:#7e8894;--ds-color-border-tertiary-default:#dddddd;--ds-color-border-tertiary-inverse:#676767;--ds-color-border-error-default:#cc1816;--ds-color-border-error-inverse:#f9aca6;--ds-color-border-divider-default:rgba(0, 0, 0, 0.06);--ds-color-border-divider-inverse:rgba(255, 255, 255, 0.06);--ds-color-border-subtle-default:#f0f7fd;--ds-color-border-subtle-inverse:#326aa5;--ds-color-border-emphasis-default:#194069;--ds-color-border-emphasis-inverse:#f2d7fb;--ds-color-border-accent-default:#badd81;--ds-color-border-accent-inverse:#a2c270;--ds-color-border-success-default:#0b6f4d;--ds-color-border-success-inverse:#8eceb9;--ds-color-border-warning-default:#fef8e9;--ds-color-border-warning-inverse:#f2c153;--ds-color-border-info-default:#326aa5;--ds-color-border-info-inverse:#89b2d4;--ds-color-border-ui-default-default:#2c67b5;--ds-color-border-ui-default-inverse:#56bbde;--ds-color-border-ui-hover-default:#193d73;--ds-color-border-ui-hover-inverse:#a8e9f7;--ds-color-border-ui-active-default:#225296;--ds-color-border-ui-active-inverse:#6ad5ef;--ds-color-border-ui-focus-default:#2c67b5;--ds-color-border-ui-focus-inverse:#56bbde;--ds-color-border-ui-disabled-default:#adadad;--ds-color-border-ui-disabled-inverse:#7e7e7e;--ds-color-border-active-default:#0074c8;--ds-color-border-active-inverse:#00cff0;--ds-color-border-disabled-default:#dddddd;--ds-color-border-focus-default:#959595;--ds-color-brand-neutral-100:#f7f8fa;--ds-color-brand-neutral-200:#e4e8ec;--ds-color-brand-neutral-300:#ccd2db;--ds-color-brand-neutral-400:#afb9c6;--ds-color-brand-neutral-500:#939fad;--ds-color-brand-neutral-600:#7e8894;--ds-color-brand-neutral-700:#6a717c;--ds-color-brand-neutral-800:#585e67;--ds-color-brand-neutral-900:#484d55;--ds-color-brand-neutral-1000:#393d43;--ds-color-brand-gray-100:#f7f7f7;--ds-color-brand-gray-200:#dddddd;--ds-color-brand-gray-300:#c5c5c5;--ds-color-brand-gray-400:#adadad;--ds-color-brand-gray-500:#959595;--ds-color-brand-gray-600:#7e7e7e;--ds-color-brand-gray-700:#676767;--ds-color-brand-gray-800:#525252;--ds-color-brand-gray-900:#3d3d3d;--ds-color-brand-gray-1000:#2a2a2a;--ds-color-brand-red-100:#fef7f5;--ds-color-brand-red-200:#fae2da;--ds-color-brand-red-300:#f5c7b8;--ds-color-brand-red-400:#f0a68d;--ds-color-brand-red-500:#e9815e;--ds-color-brand-red-600:#e35c2f;--ds-color-brand-red-700:#d03a08;--ds-color-brand-red-800:#ae3007;--ds-color-brand-red-900:#902806;--ds-color-brand-red-1000:#732005;--ds-color-brand-yellow-100:#fff9df;--ds-color-brand-yellow-200:#ffe87e;--ds-color-brand-yellow-300:#f9ce06;--ds-color-brand-yellow-400:#d6b622;--ds-color-brand-yellow-500:#b49d35;--ds-color-brand-yellow-600:#96873e;--ds-color-brand-yellow-700:#7c7140;--ds-color-brand-yellow-800:#665e3d;--ds-color-brand-yellow-900:#524e38;--ds-color-brand-yellow-1000:#403d30;--ds-color-brand-lime-100:#f5fbeb;--ds-color-brand-lime-200:#d8efb4;--ds-color-brand-lime-300:#badd81;--ds-color-brand-lime-400:#a2c270;--ds-color-brand-lime-500:#8ca761;--ds-color-brand-lime-600:#778f53;--ds-color-brand-lime-700:#647845;--ds-color-brand-lime-800:#53643a;--ds-color-brand-lime-900:#44522f;--ds-color-brand-lime-1000:#364126;--ds-color-brand-green-100:#f3faf7;--ds-color-brand-green-200:#d4ece4;--ds-color-brand-green-300:#addbca;--ds-color-brand-green-400:#7ec6ac;--ds-color-brand-green-500:#51ae8c;--ds-color-brand-green-600:#459578;--ds-color-brand-green-700:#3a7d64;--ds-color-brand-green-800:#306854;--ds-color-brand-green-900:#285545;--ds-color-brand-green-1000:#1f4436;--ds-color-brand-turquoise-100:#f7fafa;--ds-color-brand-turquoise-200:#dfe9ea;--ds-color-brand-turquoise-300:#c2d5d6;--ds-color-brand-turquoise-400:#9fbdbe;--ds-color-brand-turquoise-500:#7ba5a6;--ds-color-brand-turquoise-600:#5c8f91;--ds-color-brand-turquoise-700:#3d7a7d;--ds-color-brand-turquoise-800:#21686a;--ds-color-brand-turquoise-900:#085659;--ds-color-brand-turquoise-1000:#004447;--ds-color-brand-cyan-100:#ebfafd;--ds-color-brand-cyan-200:#a8e9f7;--ds-color-brand-cyan-300:#6ad5ef;--ds-color-brand-cyan-400:#56bbde;--ds-color-brand-cyan-500:#4aa2c7;--ds-color-brand-cyan-600:#3e89aa;--ds-color-brand-cyan-700:#32718e;--ds-color-brand-cyan-800:#275b72;--ds-color-brand-cyan-900:#1d4658;--ds-color-brand-cyan-1000:#12303d;--ds-color-brand-blue-100:#f0f7fd;--ds-color-brand-blue-200:#c9e0f7;--ds-color-brand-blue-300:#a0c9f1;--ds-color-brand-blue-400:#79b2ec;--ds-color-brand-blue-500:#5398e6;--ds-color-brand-blue-600:#3b7fd2;--ds-color-brand-blue-700:#2c67b5;--ds-color-brand-blue-800:#225296;--ds-color-brand-blue-900:#193d73;--ds-color-brand-blue-1000:#102a51;--ds-color-brand-navy-100:#f2d7fb;--ds-color-brand-navy-200:#cfe0ef;--ds-color-brand-navy-300:#acc9e2;--ds-color-brand-navy-400:#89b2d4;--ds-color-brand-navy-500:#6899c6;--ds-color-brand-navy-600:#4a82b7;--ds-color-brand-navy-700:#326aa5;--ds-color-brand-navy-800:#265688;--ds-color-brand-navy-900:#194069;--ds-color-brand-navy-1000:#0e2b4f;--ds-color-brand-purple-100:#fbf8fe;--ds-color-brand-purple-200:#ede3fd;--ds-color-brand-purple-300:#ddc9fb;--ds-color-brand-purple-400:#c9a9f8;--ds-color-brand-purple-500:#b588f5;--ds-color-brand-purple-600:#a268f3;--ds-color-brand-purple-700:#8d47f0;--ds-color-brand-purple-800:#7633d7;--ds-color-brand-purple-900:#622ab2;--ds-color-brand-purple-1000:#4e228d;--ds-color-brand-pink-100:#fff7f8;--ds-color-brand-pink-200:#fde0e6;--ds-color-brand-pink-300:#fcc2ce;--ds-color-brand-pink-400:#fa9db0;--ds-color-brand-pink-500:#f7738e;--ds-color-brand-pink-600:#e45472;--ds-color-brand-pink-700:#bf475f;--ds-color-brand-pink-800:#a03b50;--ds-color-brand-pink-900:#833142;--ds-color-brand-pink-1000:#692734;--ds-color-brand-midnight-100:#c1daf0;--ds-color-brand-midnight-200:#569ed7;--ds-color-brand-midnight-300:#156fad;--ds-color-brand-midnight-400:#01426a;--ds-color-brand-midnight-500:#00274a;--ds-color-brand-atlas-100:#cde6ff;--ds-color-brand-atlas-200:#6bb7fb;--ds-color-brand-atlas-300:#2492eb;--ds-color-brand-atlas-400:#0074c8;--ds-color-brand-atlas-500:#054687;--ds-color-brand-atlas-400-opacity-20:rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100:#c0f7ff;--ds-color-brand-breeze-200:#5de3f7;--ds-color-brand-breeze-300:#00cff0;--ds-color-brand-breeze-400:#099dc5;--ds-color-brand-breeze-500:#0b5575;--ds-color-brand-breeze-300-opacity-30:rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100:#e2ffcd;--ds-color-brand-tropical-200:#d0fba6;--ds-color-brand-tropical-300:#c0e585;--ds-color-brand-tropical-400:#91be62;--ds-color-brand-tropical-500:#5e8741;--ds-color-brand-alpine-100:#bcaae6;--ds-color-brand-alpine-200:#9e73ea;--ds-color-brand-alpine-300:#8439ef;--ds-color-brand-alpine-400:#631db8;--ds-color-brand-alpine-500:#39115c;--ds-color-brand-flamingo-100:#ffebee;--ds-color-brand-flamingo-200:#ffc0ca;--ds-color-brand-flamingo-300:#ff94a7;--ds-color-brand-flamingo-400:#f65b7b;--ds-color-brand-flamingo-500:#b82b47;--ds-color-brand-canyon-100:#ffcab6;--ds-color-brand-canyon-200:#f99574;--ds-color-brand-canyon-300:#f26135;--ds-color-brand-canyon-400:#de3e09;--ds-color-brand-canyon-500:#b83302;--ds-color-brand-goldcoast-100:#fff0cd;--ds-color-brand-goldcoast-200:#ffdb67;--ds-color-brand-goldcoast-300:#ffd200;--ds-color-brand-goldcoast-400:#e5ad07;--ds-color-brand-goldcoast-500:#b88624;--ds-color-brand-goldgray-100:#c5c1bf;--ds-color-brand-goldgray-200:#726e6c;--ds-color-brand-gold-100:#ccbc94;--ds-color-brand-gold-200:#7f682e;--ds-color-brand-emerald:#139142;--ds-color-brand-sapphire:#015daa;--ds-color-brand-ruby:#a41d4a;--ds-color-brand-lounge:#01426a;--ds-color-brand-loungeplus:#53b390;--ds-color-container-accent-default:#f5fbeb;--ds-color-container-accent-inverse:#badd81;--ds-color-container-emphasis-default:#ebfafd;--ds-color-container-emphasis-inverse:#6ad5ef;--ds-color-container-error-default:#fff4f4;--ds-color-container-error-inverse:#74110e;--ds-color-container-info-default:#f0f7fd;--ds-color-container-info-inverse:#193d73;--ds-color-container-primary-default:#ffffff;--ds-color-container-primary-inverse:#0e2b4f;--ds-color-container-secondary-default:#f7f7f7;--ds-color-container-secondary-inverse:#194069;--ds-color-container-subtle-default:#f7f8fa;--ds-color-container-subtle-inverse:#393d43;--ds-color-container-success-default:#eef8f5;--ds-color-container-success-inverse:#173c30;--ds-color-container-tertiary-default:rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse:rgba(255, 255, 255, 0.06);--ds-color-container-warning-default:#fef8e9;--ds-color-container-warning-inverse:#5d4514;--ds-color-container-ui-primary-active-default:#225296;--ds-color-container-ui-primary-active-inverse:#6ad5ef;--ds-color-container-ui-primary-default-default:#2c67b5;--ds-color-container-ui-primary-default-inverse:#56bbde;--ds-color-container-ui-primary-disabled-default:#a0c9f1;--ds-color-container-ui-primary-disabled-inverse:#275b72;--ds-color-container-ui-primary-focus-default:#2c67b5;--ds-color-container-ui-primary-focus-inverse:#56bbde;--ds-color-container-ui-primary-hover-default:#193d73;--ds-color-container-ui-primary-hover-inverse:#a8e9f7;--ds-color-container-ui-secondary-active-default:#f0f7fd;--ds-color-container-ui-secondary-active-inverse:rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default:#ffffff;--ds-color-container-ui-secondary-default-inverse:rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default:#f7f7f7;--ds-color-container-ui-secondary-disabled-inverse:rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default:#ffffff;--ds-color-container-ui-secondary-focus-inverse:rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default:rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse:rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default:rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse:rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default:rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse:rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default:rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse:rgba(255, 255, 255, 0.03);--ds-color-container-ui-tertiary-focus-default:rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse:rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default:rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse:rgba(255, 255, 255, 0.03);--ds-color-icon-primary-default:#676767;--ds-color-icon-primary-inverse:#f7f7f7;--ds-color-icon-secondary-default:#7e8894;--ds-color-icon-secondary-inverse:#ccd2db;--ds-color-icon-tertiary-default:#afb9c6;--ds-color-icon-tertiary-inverse:#939fad;--ds-color-icon-emphasis-default:#2a2a2a;--ds-color-icon-emphasis-inverse:#ffffff;--ds-color-icon-accent-default:#a2c270;--ds-color-icon-accent-inverse:#badd81;--ds-color-icon-info-default:#326aa5;--ds-color-icon-info-inverse:#89b2d4;--ds-color-icon-error-default:#cc1816;--ds-color-icon-error-inverse:#f9aca6;--ds-color-icon-warning-default:#c49432;--ds-color-icon-warning-inverse:#f2c153;--ds-color-icon-success-default:#40a080;--ds-color-icon-success-inverse:#8eceb9;--ds-color-icon-subtle-default:#a0c9f1;--ds-color-icon-subtle-inverse:#326aa5;--ds-color-icon-ui-default-default:#2c67b5;--ds-color-icon-ui-default-inverse:#56bbde;--ds-color-icon-ui-hover-default:#193d73;--ds-color-icon-ui-hover-inverse:#a8e9f7;--ds-color-icon-ui-active-default:#225296;--ds-color-icon-ui-active-inverse:#6ad5ef;--ds-color-icon-ui-disabled-default:#adadad;--ds-color-icon-ui-disabled-inverse:#7e7e7e;--ds-color-icon-ui-focus-default:#2c67b5;--ds-color-icon-ui-focus-inverse:#56bbde;--ds-color-icon-brand-red-default:#d03a08;--ds-color-icon-brand-red-inverse:#e9815e;--ds-color-icon-brand-yellow-default:#7c7140;--ds-color-icon-brand-yellow-inverse:#f9ce06;--ds-color-icon-brand-pink-default:#bf475f;--ds-color-icon-brand-pink-inverse:#f7738e;--ds-color-icon-brand-purple-default:#8d47f0;--ds-color-icon-brand-purple-inverse:#b588f5;--ds-color-icon-brand-lime-default:#647845;--ds-color-icon-brand-lime-inverse:#badd81;--ds-color-icon-brand-green-default:#3a7d64;--ds-color-icon-brand-green-inverse:#51ae8c;--ds-color-icon-brand-turquoise-default:#3d7a7d;--ds-color-icon-brand-turquoise-inverse:#7ba5a6;--ds-color-icon-brand-navy-default:#265688;--ds-color-icon-brand-navy-inverse:#6899c6;--ds-color-icon-brand-blue-default:#2c67b5;--ds-color-icon-brand-blue-inverse:#5398e6;--ds-color-icon-brand-cyan-default:#32718e;--ds-color-icon-brand-cyan-inverse:#6ad5ef;--ds-color-icon-brand-gray-default:#676767;--ds-color-icon-brand-gray-inverse:#c5c5c5;--ds-color-icon-brand-neutral-default:#6a717c;--ds-color-icon-brand-neutral-inverse:#afb9c6;--ds-color-icon-disabled-default:rgba(0, 0, 0, 0.15);--ds-color-text-primary-default:#2a2a2a;--ds-color-text-primary-inverse:#ffffff;--ds-color-text-secondary-default:#525252;--ds-color-text-secondary-inverse:#dddddd;--ds-color-text-tertiary-default:#6a717c;--ds-color-text-tertiary-inverse:#525252;--ds-color-text-error-default:#cc1816;--ds-color-text-error-inverse:#f9aca6;--ds-color-text-disabled-default:#dddddd;--ds-color-text-emphasis-default:#265688;--ds-color-text-emphasis-inverse:#cfe0ef;--ds-color-text-accent-default:#647845;--ds-color-text-accent-inverse:#badd81;--ds-color-text-info-default:#326aa5;--ds-color-text-info-inverse:#acc9e2;--ds-color-text-subtle-default:#32718e;--ds-color-text-subtle-inverse:#56bbde;--ds-color-text-success-default:#0b6f4d;--ds-color-text-success-inverse:#0b6f4d;--ds-color-text-ui-active-default:#225296;--ds-color-text-ui-active-inverse:#6ad5ef;--ds-color-text-ui-default-default:#2c67b5;--ds-color-text-ui-default-inverse:#56bbde;--ds-color-text-ui-disabled-default:#adadad;--ds-color-text-ui-disabled-inverse:#7e7e7e;--ds-color-text-ui-focus-default:#2c67b5;--ds-color-text-ui-focus-inverse:#56bbde;--ds-color-text-ui-hover-default:#193d73;--ds-color-text-ui-hover-inverse:#a8e9f7;--ds-color-text-link-default:#0074c8;--ds-color-text-link-inverse:#00cff0;--ds-color-tier-alaska-mvp-default:#726e6c;--ds-color-tier-alaska-mvp-inverse:#c5c1bf;--ds-color-tier-alaska-mvpgold-default:#7f682e;--ds-color-tier-alaska-mvpgold-inverse:#c5c1bf;--ds-color-tier-alaska-mvpgold75k-default:#7f682e;--ds-color-tier-alaska-mvpgold75k-inverse:#c5c1bf;--ds-color-tier-alaska-mvpgold100k-default:#7f682e;--ds-color-tier-alaska-mvpgold100k-inverse:#c5c1bf;--ds-color-tier-alaska-lounge:#01426a;--ds-color-tier-alaska-loungeplus:#53b390;--ds-color-tier-fare-business-default:#005154;--ds-color-tier-fare-business-inverse:#9fbdbe;--ds-color-tier-fare-economy-default:#2c67b5;--ds-color-tier-fare-economy-inverse:#a0c9f1;--ds-color-tier-fare-first-class-default:#002c4e;--ds-color-tier-fare-first-class-inverse:#f7f7f7;--ds-color-tier-fare-saver-default:#4aa2c7;--ds-color-tier-fare-saver-inverse:#a8e9f7;--ds-color-tier-oneworld-emerald:#139142;--ds-color-tier-oneworld-sapphire:#a41d4a;--ds-color-tier-oneworld-ruby:#015daa;--ds-color-ui-default-default:#0074c8;--ds-color-ui-default-inverse:#00cff0;--ds-color-ui-hover-default:#054687;--ds-color-ui-hover-inverse:#5de3f7;--ds-color-ui-active-default:#054687;--ds-color-ui-active-inverse:#5de3f7;--ds-color-ui-disabled-default:rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default:rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse:rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default:rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse:rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default:#79b2ec;--ds-color-utility-blue-inverse:#c9e0f7;--ds-color-utility-cyan-default:#6ad5ef;--ds-color-utility-cyan-inverse:#a8e9f7;--ds-color-utility-green-default:#7ec6ac;--ds-color-utility-green-inverse:#addbca;--ds-color-utility-gray-default:#adadad;--ds-color-utility-gray-inverse:#dddddd;--ds-color-utility-lime-default:#badd81;--ds-color-utility-lime-inverse:#d8efb4;--ds-color-utility-navy-default:#326aa5;--ds-color-utility-navy-inverse:#acc9e2;--ds-color-utility-neutral-default:#7e8894;--ds-color-utility-neutral-inverse:#ccd2db;--ds-color-utility-pink-default:#f7738e;--ds-color-utility-pink-inverse:#fcc2ce;--ds-color-utility-purple-default:#8d47f0;--ds-color-utility-purple-inverse:#ddc9fb;--ds-color-utility-red-default:#e35c2f;--ds-color-utility-red-inverse:#f0a68d;--ds-color-utility-turquoise-default:#5c8f91;--ds-color-utility-turquoise-inverse:#9fbdbe;--ds-color-utility-yellow-default:#f9ce06;--ds-color-utility-yellow-inverse:#ffe87e;--ds-color-utility-error-default:#cc1816;--ds-color-utility-error-inverse:#f9aca6;--ds-color-utility-warning-default:#f2c153;--ds-color-utility-warning-inverse:#f2c153;--ds-color-utility-success-default:#0b6f4d;--ds-color-utility-success-inverse:#8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption){padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top:1px solid var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.06)) !important}:host([nocheckmark]) ::slotted(auro-menuoption){padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}`;

src/style-menuoption-css.js

 import {css} from 'lit';
-export default css`:host{display:flex;align-items:center;padding:var(--ds-size-50, 0.25rem) var(--ds-size-200, 1rem) var(--ds-size-50, 0.25rem) 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host svg{margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem);fill:var(--ds-color-icon-primary-default, #626b79) !important}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){color:var(--ds-color-text-disabled-default, #dbdbdb);-webkit-user-select:none;user-select:none}:host(:hover:not([disabled])),:host(.active:not([disabled])){background-color:var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06));color:var(--ds-color-text-primary-default, #222222)}:host(:hover:not([disabled])) svg,:host(.active:not([disabled])) svg{fill:var(--ds-color-icon-primary-default, #626b79) !important}:host([selected]:not([disabled])){background-color:var(--ds-color-alert-notification-default, #0074c8);color:var(--ds-color-base-white, #ffffff)}:host([selected]:not([disabled])) svg{fill:var(--ds-color-base-white, #ffffff) !important}`;
+export default css`:host{display:flex;align-items:center;padding:var(--ds-size-50, 0.25rem) var(--ds-size-200, 1rem) var(--ds-size-50, 0.25rem) 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){color:var(--ds-color-text-disabled-default, #dddddd);-webkit-user-select:none;user-select:none}:host(:hover:not([disabled])),:host(.active:not([disabled])){background-color:var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06));color:var(--ds-color-text-primary-default, #2a2a2a)}:host(:hover:not([disabled])) svg,:host(.active:not([disabled])) svg{fill:var(--ds-color-icon-primary-default, #676767) !important}:host([selected]:not([disabled])){background-color:var(--ds-color-alert-notification-default, #0074c8);color:var(--ds-color-base-white, #ffffff)}:host([selected]:not([disabled])) svg{fill:var(--ds-color-base-white, #ffffff) !important}`;

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

Network access

Supply chain risk

This module accesses the network.

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

249398

increased by28.92%

Number of package files

30

increased by11.11%

Lines of code

2144

increased by33.17%

Worsened metrics

Dependency count

7

increased by16.67%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@aurodesignsystem/auro-icon@^5.0.0-beta.1

• + Added@aurodesignsystem/auro-icon@5.0.0-beta.1(transitive)