@aurodesignsystem-dev/auro-nav 0.0.0-pr110.2 → 0.0.0-pr110.3

package/custom-elements.json

@@ -119,16 +119,17 @@
             {
               "kind": "field",
               "name": "fluid",
-              "privacy": "private",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
-              "description": "If true and `type=\"cta\"`, the hyperlink will have a fluid-width UI.",
+              "description": "If true, the anchorlink will have a fluid-width UI.",
               "attribute": "fluid",
               "inheritedFrom": {
                 "name": "ComponentBase",
                 "module": "src/component-base.mjs"
-              }
+              },
+              "default": "true"
             },
             {
               "kind": "method",
@@ -618,6 +619,19 @@
               "description": "If set, the link is currently the active link in the parent `auro-nav`.",
               "fieldName": "active"
             },
+            {
+              "name": "fluid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the anchorlink will have a fluid-width UI.",
+              "fieldName": "fluid",
+              "inheritedFrom": {
+                "name": "ComponentBase",
+                "module": "src/component-base.mjs"
+              },
+              "default": "true"
+            },
             {
               "name": "href",
               "type": {

package/demo/api.md

@@ -10,6 +10,7 @@ The `auro-anchorlink` element is used to create anchor navigation links within a
 | Properties | Attributes | Modifiers | Type    | Default | Description                                                             |
 | ---------- | ---------- | --------- | ------- | ------- | ----------------------------------------------------------------------- |
 | active     | active     |           | boolean |         | If set, the link is currently the active link in the parent `auro-nav`. |
+| fluid      | fluid      |           | boolean | `true`  | If true, the anchorlink will have a fluid-width UI.                     |
 | href       | href       |           | string  |         | Defines the URL of the linked page.                                     |
 
 ### Methods

package/demo/auro-nav.min.js

@@ -287,7 +287,7 @@ var tokensCss = i$5`:host{--ds-auro-anchornav-label-color: var(--ds-basic-color-
  * @customElement auro-anchorlink
  * 
  * Force a list of inherited auro-hyperlink properties to be hidden from the generated documentation.
- * @forcePrivate {'appearance', 'download', 'fluid', 'layout', 'ondark', 'onDark', 'referrerpolicy', 'rel', 'role', 'safeUri', 'size', 'shape', 'target', 'type', 'variant'}
+ * @forcePrivate {'appearance', 'download', 'layout', 'ondark', 'onDark', 'referrerpolicy', 'rel', 'role', 'safeUri', 'size', 'shape', 'target', 'type', 'variant'}
  */
 class AuroAnchorlink extends be {
   static get properties() {
@@ -301,6 +301,14 @@ class AuroAnchorlink extends be {
         type: Boolean,
         reflect: true,
       },
+
+      /**
+       * If true, the anchorlink will have a fluid-width UI.
+       * @default true
+       */
+      fluid: {
+        type: Boolean
+      }
     };
   }
 

package/dist/{auro-nav-D0mx74fk.js → auro-nav-L7Ojwab-.js}

@@ -116,7 +116,7 @@ import{css as e,LitElement as t,html as o}from"lit";import{classMap as a}from"li
     `}getMarkup(){return"cta"===this.type?this.renderLayoutCTA():this.renderLayoutDefault()}}class de{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,a=t&&t.closest(e))=>t&&t!==document&&t!==window?a||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var ce=e`:host{border-color:var(--ds-auro-anchorlink-border-color);border-left-color:var(--ds-auro-anchorlink-default-marker-color);--ds-auro-hyperlink-default-color-default: var(--ds-auro-anchorlink-text-color)}:host a:focus-visible{--ds-auro-hyperlink-focus-color-default: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([active]){--ds-auro-hyperlink-default-color-default: var(--ds-basic-color-texticon-default, #2a2a2a) !important;--ds-auro-anchorlink-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host(:hover){--ds-auro-hyperlink-hover-color-default: var(--ds-auro-anchorlink-text-hover-color)}:host(:focus){--ds-auro-anchorlink-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-anchorlink-default-marker-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:focus:hover){--ds-auro-hyperlink-hover-color-default: var(--ds-auro-anchorlink-text-hover-color)}
 `,he=e`:host{display:block;border-width:1px;border-style:solid}:host a{display:block;text-decoration:none;width:100%;padding:var(--ds-size-100, .5rem) var(--ds-size-200, 1rem) var(--ds-size-100, .5rem) var(--ds-size-200, 1rem)}:host a:focus{outline:unset}:host .hyperlink{white-space:unset}:host(:focus){border-width:1px;border-style:solid;border-radius:5px}
 `,ue=e`:host{--ds-auro-anchornav-label-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-anchornav-mobile-background-gradient: linear-gradient(180deg, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .00874633) 6.67%, rgba(255, 255, 255, .0356065) 13.33%, rgba(255, 255, 255, .0817517) 20%, rgba(255, 255, 255, .147497) 26.67%, rgba(255, 255, 255, .231852) 33.33%, rgba(255, 255, 255, .331951) 40%, rgba(255, 255, 255, .442747) 46.67%, rgba(255, 255, 255, .557353) 53.33%, rgba(255, 255, 255, .668149) 60%, rgba(255, 255, 255, .768248) 66.67%, rgba(255, 255, 255, .852603) 73.33%, rgba(255, 255, 255, .918348) 80%, rgba(255, 255, 255, .964494) 86.67%, rgba(255, 255, 255, .991354) 93.33%, #FFFFFF 100%);--ds-auro-anchornav-selected-marker-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-anchorlink-border-color: transparent;--ds-auro-anchorlink-default-marker-color: var(--ds-basic-color-border-subtle, #dddddd);--ds-auro-anchorlink-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-anchorlink-text-hover-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-breadcrumb-chevron-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-breadcrumb-icon-color: var(--ds-advanced-color-hyperlink-text, #2875b5);--ds-auro-breadcrumb-last-link-text-color: var(--ds-basic-color-texticon-muted, #676767)}
-`;class pe extends le{static get properties(){return{...super.properties,active:{type:Boolean,reflect:!0}}}static get styles(){return[...le.styles,he,ce,ue]}static register(e="auro-anchorlink"){de.prototype.registerComponent(e,pe)}updated(e){e.has("active")&&this.active&&this.dispatchEvent(new CustomEvent("auroAnchorLink-activated",{bubbles:!0,composed:!0}))}firstUpdated(){de.prototype.handleComponentTagRename(this,"auro-anchorlink"),this.addEventListener("click",e=>{e.currentTarget.href?.startsWith("#")&&e.preventDefault(),this.active=!0})}}var be=e`:host{--ds-auro-hyperlink-visited-color-default: var(--ds-advanced-color-hyperlink-text, #2875b5);--ds-auro-hyperlink-focus-color-default: var(--ds-advanced-color-hyperlink-text, #2875b5);--ds-auro-hyperlink-hover-color-default: var(--ds-advanced-color-hyperlink-text-hover, #01426a)}:host:after{background-color:var(--ds-auro-breadcrumb-chevron-color)}:host ::slotted([auro-icon][name=home-stroke]),:host ::slotted([auro-icon][name=chevron-left]){color:var(--ds-auro-breadcrumb-icon-color)}:host(:hover){--ds-auro-breadcrumb-icon-color: var(--ds-advanced-color-hyperlink-text-hover, #01426a)}:host(:last-of-type){color:var(--ds-auro-breadcrumb-last-link-text-color)}
+`;class pe extends le{static get properties(){return{...super.properties,active:{type:Boolean,reflect:!0},fluid:{type:Boolean}}}static get styles(){return[...le.styles,he,ce,ue]}static register(e="auro-anchorlink"){de.prototype.registerComponent(e,pe)}updated(e){e.has("active")&&this.active&&this.dispatchEvent(new CustomEvent("auroAnchorLink-activated",{bubbles:!0,composed:!0}))}firstUpdated(){de.prototype.handleComponentTagRename(this,"auro-anchorlink"),this.addEventListener("click",e=>{e.currentTarget.href?.startsWith("#")&&e.preventDefault(),this.active=!0})}}var be=e`:host{--ds-auro-hyperlink-visited-color-default: var(--ds-advanced-color-hyperlink-text, #2875b5);--ds-auro-hyperlink-focus-color-default: var(--ds-advanced-color-hyperlink-text, #2875b5);--ds-auro-hyperlink-hover-color-default: var(--ds-advanced-color-hyperlink-text-hover, #01426a)}:host:after{background-color:var(--ds-auro-breadcrumb-chevron-color)}:host ::slotted([auro-icon][name=home-stroke]),:host ::slotted([auro-icon][name=chevron-left]){color:var(--ds-auro-breadcrumb-icon-color)}:host(:hover){--ds-auro-breadcrumb-icon-color: var(--ds-advanced-color-hyperlink-text-hover, #01426a)}:host(:last-of-type){color:var(--ds-auro-breadcrumb-last-link-text-color)}
 `,ve=e`:host{display:inline-flex!important;align-items:center;vertical-align:middle}:host .hyperlink{display:inline-flex!important;align-items:center}:host .hyperlink:focus,:host .hyperlink:hover{text-decoration:underline}:host ::slotted([name=chevron-left]){display:none}:host:after{position:relative;display:inline-block;vertical-align:middle;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);margin-right:5px;margin-left:var(--ds-size-100, .5rem);content:"";-webkit-mask-box-image:url(https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist/icons/interface/chevron-right.svg);mask-image:url(https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist/icons/interface/chevron-right.svg);mask-repeat:no-repeat}:host a{text-decoration:none}@media screen and (max-width: 576px){:host ::slotted([name=chevron-left]){display:inline-block}:host ::slotted([name=home-stroke]){display:none}:host:after{content:unset}}:host(:not(:first-of-type)) ::slotted([name=home-stroke]){display:none}:host(:last-of-type):after{content:unset}@media screen and (max-width: 576px){:host(:not(:nth-last-of-type(2))){display:none!important}}
 `;class me extends le{static get styles(){return[...le.styles,ve,be,ue]}static register(e="auro-breadcrumb"){de.prototype.registerComponent(e,me)}firstUpdated(){de.prototype.handleComponentTagRename(this,"auro-breadcrumb"),this.addEventListener("click",e=>{e.currentTarget.href?.startsWith("#")&&e.preventDefault(),this.active=!0})}}class ge{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const a=this.generateElementName(e,t),s=r`${n(a)}`;return customElements.get(a)||customElements.define(a,class extends o{}),s}}class fe{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,a=t&&t.closest(e))=>t&&t!==document&&t!==window?a||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`),a=(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return a||null}}class xe{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,a=t&&t.closest(e))=>t&&t!==document&&t!==window?a||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}}var ye=e`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
 `,we=e`.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, .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, .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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .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, .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, .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, .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, .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, .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, .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(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}

package/dist/index.d.ts

@@ -89,7 +89,7 @@ export type AuroAnchorlinkProps = {
   "appearance"?: AuroAnchorlink['appearance'];
   /** If true, the linked resource will be downloaded when the hyperlink is clicked. */
   "download"?: AuroAnchorlink['download'];
-  /** If true and `type="cta"`, the hyperlink will have a fluid-width UI. */
+  /** If true, the anchorlink will have a fluid-width UI. */
   "fluid"?: AuroAnchorlink['fluid'];
   /** Defines the URL of the linked page. */
   "href"?: AuroAnchorlink['href'];
@@ -181,7 +181,7 @@ export type AuroNavProps = {
  * - `active`: If set, the link is currently the active link in the parent `auro-nav`. 
  * - `appearance`: Defines whether the component will be on lighter or darker backgrounds. 
  * - `download`: If true, the linked resource will be downloaded when the hyperlink is clicked. 
- * - `fluid`: If true and `type="cta"`, the hyperlink will have a fluid-width UI. 
+ * - `fluid`: If true, the anchorlink will have a fluid-width UI. 
  * - `href`: Defines the URL of the linked page. 
  * - `layout`: Defines the language of an element. 
  * - `ondark`: DEPRECATED - use `appearance="inverse"` instead. 

package/dist/index.js

@@ -1 +1 @@
-export{a as AuroAnchorlink,A as AuroBreadcrumb,b as AuroNav}from"./auro-nav-D0mx74fk.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";
+export{a as AuroAnchorlink,A as AuroBreadcrumb,b as AuroNav}from"./auro-nav-L7Ojwab-.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i,a as t,b as r}from"./auro-nav-D0mx74fk.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";i.register(),t.register(),r.register();
+import{A as i,a as t,b as r}from"./auro-nav-L7Ojwab-.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";i.register(),t.register(),r.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-nav",
-  "version": "0.0.0-pr110.2",
+  "version": "0.0.0-pr110.3",
   "description": "auro-nav HTML custom element",
   "repository": {
     "type": "git",