{"version":3,"sources":["jsdelivr-header.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/layoutElement/transportAttributes.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/layoutElement/a11yUtilities.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/layoutElement/auroElement.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/styles/style-css.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/styles/color-css.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/styles/tokens-css.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/styles/shapeSize-css.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/auro-button.js","/npm/@aurodesignsystem/auro-button@11.5.0/src/loaderVersion.js"],"names":[],"mappings":"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","file":"/npm/@aurodesignsystem/auro-button@11.5.0/src/auro-button.js/+esm","sourceRoot":"","sourcesContent":["/**\n * Bundled by jsDelivr using Rollup v2.79.2 and Terser v5.39.0.\n * Original file: /npm/@aurodesignsystem/auro-button@11.5.0/src/auro-button.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","/**\n * Private module-level WeakMap to hold MutationObservers for each host element.\n */\nconst _observers = new WeakMap();\n\n/**\n * Private module-level WeakMap to hold attribute matchers and targets for each host element.\n * Structure: { \n * host: { \n * matchers: Set, \n * targets: Map}>> \n * } \n * }\n */\nconst _transportConfig = new WeakMap();\n\n/**\n * Transfers all matching attributes from a host element to a target element and observes for future changes.\n * \n * @param {Object} params - The parameters for the function.\n * @param {HTMLElement} params.host - The host element from which attributes will be transported.\n * @param {HTMLElement} params.target - The target element to which attributes will be transported.\n * @param {boolean} [params.removeOriginal=true] - Whether to remove the attributes from the host element.\n * @param {boolean} [params.observe=true] - Whether to attach a MutationObserver to the host element.\n * @returns {Function} A function to detach the observer when no longer needed.\n * @throws {TypeError} If the host or target parameters are not instances of HTMLElement.\n */\nexport const transportAttributes = ({ host, target, match, removeOriginal = true }) => {\n // Guard Clause: Ensure host is valid HTMLElement instance\n if (typeof host !== 'object' || !(host instanceof HTMLElement)) {\n throw new TypeError('a11yUtilities.js | transportAttributes | The \"host\" parameter must be an instance of HTMLElement.');\n }\n\n // Guard Clause: Ensure target is valid HTMLElement instance\n if (typeof target !== 'object' || !(target instanceof HTMLElement)) {\n throw new TypeError('a11yUtilities.js | transportAttributes | The \"target\" parameter must be an instance of HTMLElement.');\n }\n\n // Guard Clause: Ensure match is a function\n if (typeof match !== 'function') {\n throw new TypeError('a11yUtilities.js | transportAttributes | The \"match\" parameter must be a function.');\n }\n\n // Guard Clause: Ensure removeOriginal is a boolean\n if (typeof removeOriginal !== 'boolean') {\n throw new TypeError('a11yUtilities.js | transportAttributes | The \"removeOriginal\" parameter must be a boolean.');\n }\n \n // Register this transport and get cleanup function\n return _registerTransport({\n host,\n target,\n matcher: match,\n removeOriginal\n });\n};\n\n/**\n * Registers a matcher and target for a host element and attaches an observer if needed.\n * \n * @param {Object} params - The parameters object.\n * @param {HTMLElement} params.host - The host element to observe.\n * @param {HTMLElement} params.target - The target element to receive attributes.\n * @param {Function} params.matcher - Function that determines which attributes to transport.\n * @param {boolean} [params.removeOriginal=true] - Whether to remove original attributes.\n * @param {boolean} [params.observe=true] - Whether to observe for attribute changes.\n * @returns {Function} Function to detach the specific matcher and target pairing.\n * @private\n */\nconst _registerTransport = ({ host, target, matcher, removeOriginal = true }) => {\n // Initialize config for this host if it doesn't exist\n if (!_transportConfig.has(host)) {\n _transportConfig.set(host, {\n matchers: new Set(),\n targets: new Map()\n });\n }\n\n const config = _transportConfig.get(host);\n \n // Add the matcher to the set of matchers for this host\n config.matchers.add(matcher);\n \n // Initialize target entry if it doesn't exist\n if (!config.targets.has(target)) {\n config.targets.set(target, new Map());\n }\n \n // Store the matcher with its removeOriginal setting for this target\n config.targets.get(target).set(matcher, { \n removeOriginal,\n currentAttributes: new Map()\n });\n \n // Perform initial attribute transport\n _transportAttributes({ host, target, matcher, removeOriginal });\n \n // Attach observer\n _attachObserver(host);\n \n // Return cleanup function and utility functions\n return {\n cleanup: () => _cleanupTransport(host, target, matcher),\n getObservedAttributes: () => _getObservedAttributes(host, target, matcher),\n getObservedAttribute: (attr) => _getObservedAttribute(host, target, matcher, attr),\n }\n};\n\n/**\n * Cleans up resources associated with a specific matcher and target for a host element.\n * \n * @param {HTMLElement} host - The host element\n * @param {HTMLElement} target - The target element\n * @param {Function} matcher - The matcher function\n * @private\n */\nconst _cleanupTransport = (host, target, matcher) => {\n const config = _transportConfig.get(host);\n if (!config) return;\n \n // Remove this matcher from this target\n const targetMatchers = config.targets.get(target);\n if (targetMatchers) {\n targetMatchers.delete(matcher);\n \n // If this target has no more matchers, remove it\n if (targetMatchers.size === 0) {\n config.targets.delete(target);\n }\n }\n \n // Check if this matcher is still used by any target\n let matcherStillUsed = false;\n for (const matcherMap of config.targets.values()) {\n if (matcherMap.has(matcher)) {\n matcherStillUsed = true;\n break;\n }\n }\n \n // If not used anymore, remove from matchers set\n if (!matcherStillUsed) {\n config.matchers.delete(matcher);\n }\n \n // If no more targets or matchers, detach observer\n if (config.targets.size === 0 || config.matchers.size === 0) {\n _detachObserver(host);\n }\n};\n\n/**\n * Generic function to transport attributes from a host element to a target element.\n * \n * @param {Object} params - The parameters object.\n * @param {HTMLElement} params.host - The host element from which to transport attributes.\n * @param {HTMLElement} params.target - The target element to which attributes will be transported.\n * @param {Function} params.matcher - Function that takes an attribute name and returns true if it should be transported.\n * @param {boolean} [params.removeOriginal=true] - Whether to remove original attributes from host.\n * @returns {void}\n * @private\n */\nconst _transportAttributes = ({ host, target, matcher, removeOriginal = true }) => {\n // Get a list of all matching attributes on the host element and their values\n const matchingAttributes = host.getAttributeNames()\n .filter(attr => matcher(attr))\n .reduce((acc, attr) => {\n acc[attr] = host.getAttribute(attr);\n return acc;\n }, {});\n\n // Move matching attributes to the target element, removing them from the host if removeOriginal is true\n Object.entries(matchingAttributes).forEach(([key, value]) => {\n _setObservedAttribute(host, target, matcher, key, value);\n target.setAttribute(key, value);\n if (removeOriginal) {\n host.removeAttribute(key);\n }\n });\n};\n\n/**\n * Attaches a MutationObserver to the host element to monitor attribute changes.\n * \n * @param {HTMLElement} host - The element to observe for attribute changes.\n * @returns {MutationObserver} The observer instance.\n * @private\n */\nconst _attachObserver = (host) => {\n // If an observer for this host already exists, return it\n if (_observers.has(host)) {\n return _observers.get(host);\n }\n\n // Create a new MutationObserver\n const observer = new MutationObserver((mutations) => {\n const config = _transportConfig.get(host);\n if (!config) return;\n \n // For each mutation affecting attributes\n mutations\n .filter(mutation => mutation.type === 'attributes')\n .forEach(mutation => {\n const attributeName = mutation.attributeName;\n \n // Find matchers that care about this attribute\n for (const matcher of config.matchers) {\n if (matcher(attributeName)) {\n // For each target that uses this matcher\n for (const [target, matcherConfigs] of config.targets.entries()) {\n if (matcherConfigs.has(matcher)) {\n const { removeOriginal } = matcherConfigs.get(matcher);\n _transportAttributes({\n host,\n target,\n matcher,\n removeOriginal\n });\n }\n }\n }\n }\n });\n });\n\n // Start observing attribute changes\n observer.observe(host, { attributes: true });\n \n // Store the observer\n _observers.set(host, observer);\n \n return observer;\n};\n\n/**\n * Detaches and cleans up the MutationObserver for a given host element.\n * \n * @param {HTMLElement} host - The element whose observer should be detached.\n * @private\n */\nconst _detachObserver = (host) => {\n if (_observers.has(host)) {\n const observer = _observers.get(host);\n observer.disconnect();\n _observers.delete(host);\n }\n \n // Clean up the transport config as well\n if (_transportConfig.has(host)) {\n _transportConfig.delete(host);\n }\n};\n\n/**\n * Gets the matcher configuration for a specific host, target, and matcher\n * @param {HTMLElement} host - The host element\n * @param {HTMLElement} target - The target element\n * @param {Function} matcher - The matcher function\n * @returns {Object|undefined} The matcher configuration if found\n * @private\n */\nconst _getMatcherConfig = (host, target, matcher) => {\n const config = _transportConfig.get(host);\n if (!config) return undefined;\n \n const targetMatchers = config.targets.get(target);\n if (!targetMatchers) return undefined;\n \n return targetMatchers.get(matcher);\n};\n\n/**\n * Sets an observed attribute value\n * @param {HTMLElement} host - The host element\n * @param {HTMLElement} target - The target element\n * @param {Function} matcher - The matcher function\n * @param {string} key - The attribute name\n * @param {string} value - The attribute value\n * @private\n */\nconst _setObservedAttribute = (host, target, matcher, key, value) => {\n const matcherConfig = _getMatcherConfig(host, target, matcher);\n if (matcherConfig) {\n matcherConfig.currentAttributes.set(key, value);\n }\n};\n\nconst _getObservedAttribute = (host, target, matcher, attr) => {\n const matcherConfig = _getMatcherConfig(host, target, matcher);\n if (matcherConfig) return matcherConfig.currentAttributes.get(attr);\n return undefined;\n};\n\nconst _getObservedAttributes = (host, target, matcher) => {\n const matcherConfig = _getMatcherConfig(host, target, matcher);\n if (matcherConfig) return Array.from(matcherConfig.currentAttributes.entries());\n return [];\n};\n","import { transportAttributes } from \"./transportAttributes.js\";\n\nconst _matchers = {\n 'aria-': attr => attr.startsWith('aria-'),\n 'role': attr => attr.match(/^role$/)\n};\n\nexport const transportAriaAttributes = ({ host, target, removeOriginal = true }) => {\n return transportAttributes({\n host,\n target,\n match: _matchers['aria-'],\n removeOriginal\n });\n};\n\nexport const transportRoleAttributes = ({ host, target, removeOriginal = true }) => {\n return transportAttributes({\n host,\n target,\n match: _matchers['role'],\n removeOriginal\n });\n};\n\nexport const transportAllA11yAttributes = ({ host, target, removeOriginal = true }) => {\n return transportAttributes({\n host,\n target,\n match: attr => {\n for (const key in _matchers) {\n if (_matchers[key](attr)) return true;\n }\n return false;\n },\n removeOriginal\n });\n}","import { LitElement } from \"lit\";\nimport { transportAllA11yAttributes } from \"./a11yUtilities.js\";\n\nexport class AuroElement extends LitElement {\n\n /**\n * @type {Object} return object from transportAttributes via a11yUtilities\n * @property {Function} cleanup - Function to clean up the attribute watcher.\n * @property {Function} getCurrentAttributes - Function to get the current attributes being watched and their values.\n * @property {Function} getObservedAttribute - Function to get the value of a specific observed attribute by name.\n * @private\n */\n attributeWatcher;\n\n static get properties() {\n return {\n\n /**\n * Defines the layout of an element.\n * @default {'default'}\n */\n layout: {\n type: String,\n attribute: \"layout\",\n reflect: true\n },\n \n /**\n * Defines the shape of an element.\n * @property {'default', 'rounded', 'pill', 'circle'}\n * @default {'default'}\n */\n shape: {\n type: String,\n attribute: \"shape\",\n reflect: true\n },\n\n /**\n * Defines the size of an element.\n * @property {'xs', 'sm', 'md', 'lg', 'xl'}\n * @default {'md'}\n */\n size: {\n type: String,\n attribute: \"size\",\n reflect: true\n },\n\n /** \n * This Boolean attribute lets you specify that the element should be rendered in dark mode.\n * @default {false}\n */\n onDark: {\n type: Boolean,\n attribute: \"ondark\",\n reflect: true\n },\n\n /**\n * A reference to the wrapper element in the shadow DOM.\n * This is used to apply layout and shape classes dynamically.\n * @type {HTMLElement|null}\n * @default {null}\n * @private\n */\n wrapper: {\n attribute: false,\n reflect: false\n }\n };\n }\n\n \n\n resetShapeClasses() {\n if (this.shape && this.size) {\n\n if (this.wrapper) {\n this.wrapper.classList.forEach((className) => {\n if (className.startsWith('shape-')) {\n this.wrapper.classList.remove(className);\n }\n });\n\n this.wrapper.classList.add(`shape-${this.shape.toLowerCase()}-${this.size.toLowerCase()}`);\n }\n }\n }\n\n resetLayoutClasses() {\n if (this.layout) {\n if (this.wrapper) {\n this.wrapper.classList.forEach((className) => {\n if (className.startsWith('layout-')) {\n this.wrapper.classList.remove(className);\n }\n });\n\n this.wrapper.classList.add(`layout-${this.layout.toLowerCase()}`);\n }\n }\n }\n\n updateComponentArchitecture() {\n this.resetLayoutClasses();\n this.resetShapeClasses();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('layout') || changedProperties.has('shape') || changedProperties.has('size')) {\n this.updateComponentArchitecture();\n }\n }\n\n firstUpdated() {\n super.firstUpdated();\n\n // Set a reference to the wrapper element in the shadow DOM\n this.wrapper = this.shadowRoot.querySelector('.wrapper');\n\n // Initialize the transportation of ARIA attributes to the target element and get the disconnect function for cleanup\n this.attributeWatcher = transportAllA11yAttributes({ host: this, target: this.shadowRoot.querySelector('.wrapper') });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n // Cleanup the ARIA observer if it exists\n if (this.attributeWatcher) {\n this.attributeWatcher.cleanup();\n this.attributeWatcher = null;\n }\n }\n\n // Try to render the defined `this.layout` layout. If that fails, fall back to the default layout.\n // This will catch if an invalid layout value is passed in and render the default layout if so.\n render() {\n try {\n return this.renderLayout();\n } catch (error) {\n // failed to get the defined layout\n console.error('Failed to get the defined layout - using the default layout', error); // eslint-disable-line no-console\n\n // fallback to the default layout\n return this.getLayout('default');\n }\n }\n}\n","import { css } from 'lit';\nexport default css`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, \"AS Circular\"),system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, \"AS Circular\"),system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, \"AS Circular\"),system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, \"AS Circular\"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, \"AS Circular\"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, \"AS Circular\"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, \"AS Circular\"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, \"AS Circular\"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, \"AS Circular\"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, \"AS Circular\"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, \"AS Circular\"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, \"AS Circular\"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, \"AS Circular\"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, \"AS Circular\"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, \"AS Circular\"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, \"Good OT\"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, \"Good OT\"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, \"Good OT\"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, \"Good OT\"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, \"Good OT\"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, \"Good OT\"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, \"Good OT\"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([size=xs][shape=rounded]) ::slotted(auro-icon),:host([size=xs][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=xs][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill]) ::slotted(auro-icon),:host([size=xs][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left]) ::slotted(auro-icon),:host([size=xs][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right]) ::slotted(auro-icon),:host([size=xs][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle]) ::slotted(auro-icon),:host([size=xs][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xs][shape=circle][variant=primary]) .auro-button:focus,:host([size=xs][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=circle][variant=secondary]) .auro-button:focus,:host([size=xs][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=flat]) .auro-button:focus,:host([size=xs][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=ghost]) .auro-button:focus,:host([size=xs][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square]) ::slotted(auro-icon),:host([size=xs][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xs][shape=square][variant=primary]) .auro-button:focus,:host([size=xs][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=square][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=square][variant=secondary]) .auro-button:focus,:host([size=xs][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=flat]) .auro-button:focus,:host([size=xs][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=ghost]) .auro-button:focus,:host([size=xs][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded]) ::slotted(auro-icon),:host([size=sm][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=sm][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill]) ::slotted(auro-icon),:host([size=sm][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left]) ::slotted(auro-icon),:host([size=sm][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right]) ::slotted(auro-icon),:host([size=sm][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle]) ::slotted(auro-icon),:host([size=sm][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=circle][variant=primary]) .auro-button:focus,:host([size=sm][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=circle][variant=secondary]) .auro-button:focus,:host([size=sm][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=flat]) .auro-button:focus,:host([size=sm][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=ghost]) .auro-button:focus,:host([size=sm][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square]) ::slotted(auro-icon),:host([size=sm][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=square][variant=primary]) .auro-button:focus,:host([size=sm][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=square][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=square][variant=secondary]) .auro-button:focus,:host([size=sm][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=flat]) .auro-button:focus,:host([size=sm][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=ghost]) .auro-button:focus,:host([size=sm][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded]) ::slotted(auro-icon),:host([size=md][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=rounded][variant=primary]) .auro-button:focus,:host([size=md][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=md][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=md][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=md][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=md][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill]) ::slotted(auro-icon),:host([size=md][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill][variant=primary]) .auro-button:focus,:host([size=md][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left]) ::slotted(auro-icon),:host([size=md][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right]) ::slotted(auro-icon),:host([size=md][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle]) ::slotted(auro-icon),:host([size=md][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=circle][variant=primary]) .auro-button:focus,:host([size=md][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=md][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=circle][variant=secondary]) .auro-button:focus,:host([size=md][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=md][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=flat]) .auro-button:focus,:host([size=md][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=ghost]) .auro-button:focus,:host([size=md][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square]) ::slotted(auro-icon),:host([size=md][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=square][variant=primary]) .auro-button:focus,:host([size=md][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=primary]) .auro-button:focus:after,:host([size=md][shape=square][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=square][variant=secondary]) .auro-button:focus,:host([size=md][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=tertiary]) .auro-button:focus,:host([size=md][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=flat]) .auro-button:focus,:host([size=md][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=ghost]) .auro-button:focus,:host([size=md][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded]) ::slotted(auro-icon),:host([size=lg][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=lg][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill]) ::slotted(auro-icon),:host([size=lg][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left]) ::slotted(auro-icon),:host([size=lg][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right]) ::slotted(auro-icon),:host([size=lg][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle]) ::slotted(auro-icon),:host([size=lg][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, 0.25rem))}:host([size=lg][shape=circle][variant=primary]) .auro-button:focus,:host([size=lg][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4.33px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=circle][variant=secondary]) .auro-button:focus,:host([size=lg][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=flat]) .auro-button:focus,:host([size=lg][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=ghost]) .auro-button:focus,:host([size=lg][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square]) ::slotted(auro-icon),:host([size=lg][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, 0.25rem))}:host([size=lg][shape=square][variant=primary]) .auro-button:focus,:host([size=lg][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4.33px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=square][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=square][variant=secondary]) .auro-button:focus,:host([size=lg][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=flat]) .auro-button:focus,:host([size=lg][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=ghost]) .auro-button:focus,:host([size=lg][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded]) ::slotted(auro-icon),:host([size=xl][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=xl][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill]) ::slotted(auro-icon),:host([size=xl][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left]) ::slotted(auro-icon),:host([size=xl][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right]) ::slotted(auro-icon),:host([size=xl][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle]) ::slotted(auro-icon),:host([size=xl][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-400, 2rem) + var(--ds-size-50, 0.25rem))}:host([size=xl][shape=circle][variant=primary]) .auro-button:focus,:host([size=xl][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=circle][variant=secondary]) .auro-button:focus,:host([size=xl][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=flat]) .auro-button:focus,:host([size=xl][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=ghost]) .auro-button:focus,:host([size=xl][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square]) ::slotted(auro-icon),:host([size=xl][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-400, 2rem) + var(--ds-size-50, 0.25rem))}:host([size=xl][shape=square][variant=primary]) .auro-button:focus,:host([size=xl][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=square][variant=primary]) .auro-button:focus-visible:after{content:\"\";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=square][variant=secondary]) .auro-button:focus,:host([size=xl][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=flat]) .auro-button:focus,:host([size=xl][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=ghost]) .auro-button:focus,:host([size=xl][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-150, 0.75rem)}:host([size=sm]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-200, 1rem)}:host([size=md]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-300, 1.5rem)}:host([size=lg]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-400, 2rem)}:host([size=xl]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-500, 2.5rem)}:host([shape=circle]) ::slotted(:not(auro-icon):not([auro-icon])){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([shape=square]) ::slotted(:not(auro-icon):not([auro-icon])){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host([variant=flat]){display:inline-block}::slotted(svg){vertical-align:middle}.textSlot{display:inline-flex;align-items:center;gap:var(--ds-size-100, 0.5rem)}.contentWrapper{font-size:0}slot{pointer-events:none}:host{display:inline-block;overflow:hidden}.auro-button{position:relative;cursor:pointer;padding:0 var(--ds-size-300, 1.5rem);padding-inline:unset;padding-block:unset;box-sizing:content-box;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;outline:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none;transition:padding 300ms ease-out}.auro-button:focus,.auro-button:focus-visible{outline:none}.auro-button:active{transform:scale(0.95)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}:host([fluid]){display:block}:host([fluid]) .auro-button:not(.thin):not(.simple){width:calc(100% - 4px)}:host([fluid]) .auro-button.thin{width:calc(100% - 2px)}:host([fluid]) .auro-button.simple{width:100%}:host([static]) .auro-button{pointer-events:none;cursor:default;display:inline-flex}:host([static]) .auro-button .contentWrapper{display:inline-flex}`;\n","import { css } from 'lit';\nexport default css`[auro-loader]{color:var(--ds-auro-button-loader-color, #ffffff)}.auro-button{-webkit-tap-highlight-color:var(--ds-auro-button-tap-color);color:var(--ds-auro-button-text-color);background-color:var(--ds-auro-button-container-color);background-image:linear-gradient(var(--ds-auro-button-container-image), var(--ds-auro-button-container-image));border-color:var(--ds-auro-button-border-color)}.auro-button:not([variant=secondary]):not([variant=tertiary]):focus-visible{outline-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-hover, #00274a)}.auro-button:not([ondark]):disabled{--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-disabled, #acc9e2)}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text, #01426a)}.auro-button:not([ondark])[variant=secondary]:active:not(:disabled),.auro-button:not([ondark])[variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-hover, #00274a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-hover, #00274a)}.auro-button:not([ondark])[variant=secondary]:focus,.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-disabled, #cfe0ef);--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text, #01426a)}.auro-button:not([ondark])[variant=tertiary]:active:not(:disabled),.auro-button:not([ondark])[variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-border-color: transparent}.auro-button:not([ondark])[variant=tertiary]:focus,.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=ghost]{--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text, #01426a)}.auro-button:not([ondark])[variant=ghost]:active:not(:disabled),.auro-button:not([ondark])[variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-border-color: transparent}.auro-button:not([ondark])[variant=ghost]:focus,.auro-button:not([ondark])[variant=ghost]:focus-visible{border-color:transparent;--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[variant=ghost]:disabled{--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:focus,.auro-button:not([ondark])[variant=flat]:focus-visible{--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}.auro-button[ondark]{--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a)}.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-hover, #ebf3f9);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}.auro-button[ondark]:focus,.auro-button[ondark]:focus-visible{--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}.auro-button[ondark]:disabled{--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff)}.auro-button[ondark][variant=secondary]:active:not(:disabled),.auro-button[ondark][variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=secondary]:focus,.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse-disabled, #dddddd)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff)}.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=tertiary]:focus,.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=ghost]{--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff)}.auro-button[ondark][variant=ghost]:active:not(:disabled),.auro-button[ondark][variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05));--ds-auro-button-border-color: transparent}.auro-button[ondark][variant=ghost]:focus,.auro-button[ondark][variant=ghost]:focus-visible{border-color:transparent;--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][variant=ghost]:disabled{--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=flat]{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:focus,.auro-button[ondark][variant=flat]:focus-visible{--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}`;\n","import { css } from 'lit';\nexport default css`:host(:not([onDark])){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-tap-color: transparent}:host([onDark]){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-tap-color: transparent}`;\n","import { css } from 'lit';\nexport default css`.shape-rounded-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-rounded-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-rounded-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-circle-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:50%;min-width:72px;max-width:72px;padding:0}.shape-circle-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-circle-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-circle-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-square-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:6px;min-width:72px;max-width:72px;padding:0}.shape-square-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-square-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-square-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:28px}.shape-pill-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-left-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:28px 0 0 28px}.shape-pill-left-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-left-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-left-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-right-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:0 28px 28px 0}.shape-pill-right-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-right-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-right-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-circle-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:50%;min-width:56px;max-width:56px;padding:0}.shape-circle-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-circle-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-circle-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-square-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:6px;min-width:56px;max-width:56px;padding:0}.shape-square-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-square-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-square-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-rounded-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-rounded-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-rounded-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:24px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:24px 0 0 24px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:0 24px 24px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-circle-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:50%;min-width:48px;max-width:48px;padding:0}.shape-circle-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-circle-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-circle-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-square-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:6px;min-width:48px;max-width:48px;padding:0}.shape-square-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-square-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-square-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-rounded-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-rounded-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-rounded-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:18px}.shape-pill-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-left-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:18px 0 0 18px}.shape-pill-left-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-left-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-left-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-right-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:0 18px 18px 0}.shape-pill-right-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-right-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-right-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-circle-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:50%;min-width:36px;max-width:36px;padding:0}.shape-circle-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-circle-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-circle-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-square-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:6px;min-width:36px;max-width:36px;padding:0}.shape-square-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-square-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-square-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-rounded-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:4px}.shape-rounded-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-rounded-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-rounded-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:12px}.shape-pill-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-left-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:12px 0 0 12px}.shape-pill-left-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-left-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-left-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-right-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:0 12px 12px 0}.shape-pill-right-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-right-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-right-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-circle-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:50%;min-width:24px;max-width:24px;padding:0}.shape-circle-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-circle-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-circle-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-square-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:6px;min-width:24px;max-width:24px;padding:0}.shape-square-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-square-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-square-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}`;\n","// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license\n// See LICENSE in the project root for license information.\n\n// ---------------------------------------------------------------------\n\n/* eslint-disable\n lit/no-invalid-html,\n lit/binding-positions,\n max-lines,\n curly,\n array-element-newline,\n no-magic-numbers,\n no-underscore-dangle\n*/\n\nimport { AuroElement } from \"./layoutElement/auroElement.js\";\nimport { html, literal } from 'lit/static-html.js';\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { AuroDependencyVersioning } from '@aurodesignsystem/auro-library/scripts/runtime/dependencyTagVersioning.mjs';\nimport AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';\n\nimport styleCss from \"./styles/style-css.js\";\nimport colorCss from \"./styles/color-css.js\";\nimport tokensCss from \"./styles/tokens-css.js\";\nimport shapeSize from \"./styles/shapeSize-css.js\";\n\nimport { AuroLoader } from '@aurodesignsystem/auro-loader/src/auro-loader.js';\nimport loaderVersion from './loaderVersion.js';\n\n/**\n * @slot - Default slot for the text of the button.\n * @csspart button - Apply CSS to HTML5 button.\n * @csspart loader - Apply CSS to auro-loader.\n * @csspart text - Apply CSS to text slot.\n * @csspart icon - Apply CSS to icon slot.\n */\n\nconst ICON_ONLY_SHAPES = ['circle', 'square'];\n\n/**\n * AuroButton is a custom element that provides a styled, accessible button with support for various states and form association.\n * It is designed to be flexible, supporting loading states, icon slots, and integration with HTML5 forms.\n * @property {'default', 'rounded', 'pill', 'circle', 'square'} shape - Defines the shape of the button.\n * @property {'xs', 'sm', 'md', 'lg', 'xl'} size - Defines the size of the button.\n * @property {'primary', 'secondary', 'tertiary', 'ghost', 'flat'} variant - Sets the button variant.\n * @property {'submit', 'reset', 'button'} type - The type of button. Matches HTML5 Button Spec.\n * @property {boolean} onDark - Indicates if the button is rendered in dark mode.\n */\nexport class AuroButton extends AuroElement {\n\n /**\n * Enables form association for this element.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals\n * @returns {boolean} - Returns true to enable form association.\n */\n static get formAssociated() {\n return true;\n }\n\n constructor() {\n super();\n this.autofocus = false;\n this.disabled = false;\n this.loading = false;\n this.static = false;\n this.size = \"md\";\n this.shape = \"rounded\";\n this.onDark = false;\n this.fluid = false;\n this.loadingText = this.loadingText || 'Loading...';\n this.variant = 'primary';\n\n /**\n * @private\n */\n this.runtimeUtils = new AuroLibraryRuntimeUtils();\n\n // Support for HTML5 forms\n if (typeof this.attachInternals === 'function') {\n this.internals = this.attachInternals();\n } else {\n this.internals = null;\n\n // eslint-disable-next-line no-console\n console.warn('This browser does not support form association features. Some form-related functionality may not work as expected. Consider using a polyfill or handling click events manually.');\n }\n\n /**\n * Generate unique names for dependency components.\n */\n const versioning = new AuroDependencyVersioning();\n\n /**\n * @private\n */\n this.loaderTag = versioning.generateTag('auro-loader', loaderVersion, AuroLoader);\n\n /**\n * @private\n */\n this.buttonHref = undefined;\n\n /**\n * @private\n */\n this.buttonTarget = undefined;\n\n /**\n * @private\n */\n this.buttonRel = undefined;\n }\n\n static get styles() {\n return [\n tokensCss,\n styleCss,\n colorCss,\n shapeSize\n ];\n }\n\n static get properties() {\n return {\n\n ...super.properties,\n\n /**\n * Override layout since it isn't used in this component.\n * @private\n */\n layout: {\n type: Boolean,\n attribute: false,\n reflect: false\n },\n\n /**\n * This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user.\n */\n autofocus: {\n type: Boolean,\n reflect: true\n },\n\n /**\n * If set to true, button will become disabled and not allow for interactions.\n */\n disabled: {\n type: Boolean,\n reflect: true\n },\n\n /**\n * Alters the shape of the button to be full width of its parent container.\n */\n fluid: {\n type: Boolean,\n reflect: true\n },\n\n /**\n * If set to true button text will be replaced with `auro-loader` and become disabled.\n */\n loading: {\n type: Boolean,\n reflect: true\n },\n\n /**\n * Sets custom loading text for the `aria-label` on a button in loading state. If not set, the default value of \"Loading...\" will be used.\n */\n loadingText: {\n type: String\n },\n\n /**\n * Populates `tabindex` to define the focusable sequence in keyboard navigation.\n */\n tIndex: {\n type: String,\n reflect: true\n },\n\n /**\n * Populates `tabindex` to define the focusable sequence in keyboard navigation.\n * Must be used with \".\" to ensure the host element does not retain a reference to the `tabindex` attribute.\n * Example: ``.\n */\n tabindex: {\n type: String,\n reflect: false\n },\n\n /**\n * Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.\n */\n title: {\n type: String,\n reflect: true\n },\n\n /**\n * The type of the button. Possible values are: `submit`, `reset`, `button`.\n */\n type: {\n type: String,\n reflect: true\n },\n\n /**\n * Defines the value associated with the button which is submitted with the form data.\n */\n value: {\n type: String,\n reflect: true\n },\n\n /**\n * Sets button variant option.\n * @default primary\n */\n variant: {\n type: String,\n reflect: true\n },\n\n /**\n * @private\n */\n buttonHref: {\n type: String,\n },\n\n /**\n * @private\n */\n buttonTarget: {\n type: String,\n },\n\n /**\n * @private\n */\n buttonRel: {\n type: String,\n },\n\n /**\n * If true, the button will be static and not respond to user interactions.\n */\n static: {\n type: Boolean,\n reflect: true\n }\n };\n }\n\n /**\n * This will register this element with the browser.\n * @param {string} [name=\"auro-button\"] - The name of element that you want to register to.\n *\n * @example\n * AuroButton.register(\"custom-button\") // this will register this element to \n *\n */\n static register(name = \"auro-button\") {\n AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroButton);\n }\n\n /**\n * Internal method to apply focus to the HTML5 button.\n * @private\n * @returns {void}\n */\n focus() {\n this.renderRoot.querySelector('button').focus();\n }\n\n /**\n * Submits the form that this button is associated with.\n * @private\n * @returns {void}\n */\n surfaceSubmitEvent() {\n if (this.form) {\n this.form.requestSubmit();\n }\n }\n\n /**\n * Returns the form element that this button is associated with.\n * @private\n * @returns {HTMLFormElement | null}\n */\n get form() {\n return this.internals ? this.internals.form : null;\n }\n\n /**\n * @private\n * @returns {Boolean}\n */\n get showText() {\n return !ICON_ONLY_SHAPES.includes(this.shape);\n }\n\n /**\n * Returns the current value of the projected `aria-label` attribute or undefined if not set.\n * @returns {string | undefined}\n * @private\n */\n get currentAriaLabel() {\n if (!this.attributeWatcher) return undefined;\n\n const ariaLabel = this.attributeWatcher.getObservedAttribute(\"aria-label\");\n return ariaLabel || undefined;\n }\n\n /**\n * Returns the current value of the projected `aria-labelledby` attribute or undefined if not set.\n * @returns {string | undefined}\n * @private\n */\n get currentAriaLabelledBy() {\n if (!this.attributeWatcher) return undefined;\n\n const ariaLabelledBy = this.attributeWatcher.getObservedAttribute(\"aria-labelledby\");\n return ariaLabelledBy || undefined;\n }\n\n /**\n * Whether or not the button is set to an icon-only shape.\n * @returns {boolean} - True if the button is icon-only, false otherwise.\n * @private\n */\n get iconOnly() {\n return ICON_ONLY_SHAPES.includes(this.shape);\n }\n\n /**\n * Gets a class name for the font size based on the button's size and shape.\n * @returns {string} - The font size class name.\n * @private\n */\n getFontSize() {\n\n // Size map for standard buttons\n const standardButtonSizeMap = {\n xs: 'body-xs',\n sm: 'body-sm',\n md: 'body-default',\n lg: 'body-lg',\n xl: 'body-lg'\n };\n\n // Size map for icon-only buttons\n const iconOnlyButtonSizeMap = {\n xs: 'heading-xs',\n sm: 'heading-sm',\n md: 'heading-sm',\n lg: 'heading-md',\n xl: 'heading-lg'\n };\n\n // Determine which map to use based on the shape\n const sizeMap = this.iconOnly ? iconOnlyButtonSizeMap : standardButtonSizeMap;\n\n // Return the font size based on the button size and shape\n return sizeMap[this.size] || 'body-default';\n }\n\n /**\n * Renders the tag for the component.\n * @returns {TemplateResult}\n * @private\n */\n get _renderTag() {\n if (this.static) return literal`span`;\n\n return this.buttonHref ? literal`a` : literal`button`;\n }\n\n firstUpdated() {\n super.firstUpdated();\n\n this.runtimeUtils.handleComponentTagRename(this, 'auro-button');\n }\n\n /**\n * Renders the default layout for the button.\n * @returns {TemplateResult}\n * @private\n */\n renderLayoutDefault() {\n\n const fontSize = this.getFontSize();\n const part = this.buttonHref ? 'link' : 'button';\n\n const classes = {\n \"auro-button\": true,\n \"inset\": this.showText,\n wrapper: true,\n loading: this.loading,\n\n // These remove the default borders so we can handle focus borders ourselves\n 'simple': !['secondary'].includes(this.variant),\n 'thin': ['secondary'].includes(this.variant),\n };\n\n const contentClasses = {\n \"contentWrapper\": true,\n \"util_displayHiddenVisually\": this.loading\n };\n\n // Type classes should not be applied to the wrapper to avoid affecting icons\n const textSlotClasses = {\n textSlot: true,\n [fontSize]: this.showText\n };\n\n const tabindex = this.tIndex || this.tabindex;\n\n return html`\n <${this._renderTag}\n part=\"${part}\"\n aria-label=\"${ifDefined(this.loading ? this.loadingText : this.currentAriaLabel || undefined)}\"\n aria-labelledby=\"${ifDefined(this.loading ? undefined : this.currentAriaLabelledBy || undefined)}\"\n tabindex=\"${ifDefined(this.static ? -1 : tabindex)}\"\n ?autofocus=\"${this.autofocus}\"\n class=${classMap(classes)}\n ?disabled=\"${this.disabled || this.loading}\"\n ?onDark=\"${this.onDark}\"\n title=\"${ifDefined(this.title ? this.title : undefined)}\"\n name=\"${ifDefined(this.name ? this.name : undefined)}\"\n type=\"${ifDefined(this.type ? this.type : undefined)}\"\n variant=\"${ifDefined(this.variant ? this.variant : undefined)}\"\n .value=\"${ifDefined(this.value ? this.value : undefined)}\"\n @click=\"${!this.static && this.type === 'submit' ? this.surfaceSubmitEvent : undefined}\"\n href=\"${ifDefined(this.buttonHref || undefined)}\"\n target=\"${ifDefined(this.buttonTarget || undefined)}\"\n rel=\"${ifDefined(this.buttonRel || undefined)}\"\n >\n ${ifDefined(this.loading ? html`<${this.loaderTag} pulse part=\"loader\">` : undefined)}\n\n \n \n \n \n \n \n `;\n }\n\n /**\n * Renders the layout of the button.\n * @returns {TemplateResult}\n * @private\n */\n renderLayout() {\n return this.renderLayoutDefault();\n }\n}\n","export default '5.1.2'"]}