@warp-ds/elements 2.10.0-next.12 → 2.10.0-next.14

package/dist/packages/link/link.js

@@ -1,4 +1,4 @@
-var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n)=>{for(var t=n>1?void 0:n?k(a,d):a,l=c.length-1,s;l>=0;l--)(s=c[l])&&(t=(n?s(a,d,t):s(t))||t);return n&&t&&x(a,d,t),t};import{html as z,LitElement as m,nothing as _}from"lit";import{property as o}from"lit/decorators.js";import{css as u}from"lit";var w=u`
+var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var e=(c,a,d,n)=>{for(var t=n>1?void 0:n?x(a,d):a,l=c.length-1,s;l>=0;l--)(s=c[l])&&(t=(n?s(a,d,t):s(t))||t);return n&&t&&f(a,d,t),t};import{html as _,LitElement as h,nothing as Y}from"lit";import{property as o}from"lit/decorators.js";import{css as k}from"lit";import{unsafeCSS as y}from"lit";var g=k`
   *,
   :before,
   :after {
@@ -271,7 +271,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
   svg {
     pointer-events: none;
   }
-`,S=u`*, :before, :after {
+`,q=y(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2136,8 +2136,8 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
                 overflow-wrap: break-word
             }
 
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
+            .before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
             }
 
             .before\\:content-\\[\\"\\"\\]:before {
@@ -2437,7 +2437,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
                     display: none
                 }
             }
-        `;import{css as y}from"lit";import{css as i}from"lit";var b=i`
+        `);import{css as z}from"lit";import{css as i}from"lit";var b=i`
   :host {
     display: inline-block;
 
@@ -2455,7 +2455,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
     --_border-color-hover: var(--w-c-button-border-color-hover, var(--w-s-color-border-hover));
     --_border-color-active: var(--w-c-button-border-color-active, var(--w-s-color-border-active));
 
-    --_radius: var(--w-c-button-radius, 8px);
+    --_radius: var(--w-c-button-radius, var(--w-button-radius-default, 8px));
 
     --_font-size: var(--w-c-button-font-size, var(--w-font-size-m));
     --_line-height: var(--w-c-button-line-height, var(--w-line-height-m));
@@ -2510,7 +2510,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
   :host([variant='utility']) {
     --w-c-button-bg: var(--w-s-color-background);
     --w-c-button-color: var(--w-s-color-text);
-    --w-c-button-radius: 4px;
+    --w-c-button-radius: var(--w-button-radius-utility, 4px);
     --w-c-button-border-width: 1px;
   }
 
@@ -2575,16 +2575,17 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
     --w-c-button-color-hover: var(--w-s-color-text-link-hover, var(--w-c-button-color));
     --w-c-button-color-active: var(--w-s-color-text-link-active, var(--w-c-button-color));
   }
-`,g=i`
+`,p=i`
   :host([small]) {
     --w-c-button-padding-x: 12px;
     --w-c-button-padding-y: 8px;
     --w-c-button-font-size: var(--w-font-size-xs);
     --w-c-button-line-height: var(--w-line-height-xs);
   }
-`,p=i`
+`,u=i`
   :host([disabled]) {
     pointer-events: none;
+    cursor: default;
 
     --w-c-button-bg: var(--w-s-color-background-disabled);
     --w-c-button-bg-hover: var(--w-s-color-background-disabled);
@@ -2593,7 +2594,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
     --w-c-button-color: var(--w-s-color-text-inverted);
     --w-c-button-border-width: 0px;
   }
-`,B=i`
+`,I=i`
   ${b}
 
   /* ============================================================
@@ -2689,6 +2690,16 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
     --w-c-button-color: var(--w-c-button-icon-color, var(--w-s-color-icon));
   }
 
+  :host([variant='pill']) button[part='base'] {
+    min-height: 44px;
+    min-width: 44px;
+  }
+
+  :host([small][variant='pill']) button[part='base'] {
+    min-height: 32px;
+    min-width: 32px;
+  }
+
   /* Button-specific: link variant element styles */
   :host([variant='link']) button[part='base'] {
     display: inline;
@@ -2703,7 +2714,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
   }
 
   /* ===== Size ===== */
-  ${g}
+  ${p}
 
   :host([small][variant='pill']) {
     --w-c-button-padding-x: 8px;
@@ -2712,6 +2723,11 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
 
   /* ===== Layout ===== */
 
+  :host([full-width]) {
+    display: block;
+    width: 100%;
+  }
+
   :host([full-width]) button[part='base'],
   :host([full-width]) > w-link[part='base'] {
     width: 100%;
@@ -2733,7 +2749,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
    * ============================================================ */
 
   /* ===== Disabled ===== */
-  ${p}
+  ${u}
 
   /* Additional specificity for button to override quiet variants */
   :host([disabled][variant]),
@@ -2804,7 +2820,7 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
       background-position: 60px 0;
     }
   }
-`;var h=y`
+`;var w=z`
   ${b}
 
   /* ============================================================
@@ -2868,25 +2884,30 @@ var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var e=(c,a,d,n
   }
 
   /* ===== Sizes (shared from button) ===== */
-  ${g}
+  ${p}
 
   /* ===== Layout ===== */
+  :host([full-width]) {
+    display: block;
+    width: 100%;
+  }
+
   :host([full-width]) a[part='base'] {
     width: 100%;
   }
 
   /* ===== Disabled (shared from button) ===== */
-  ${p}
-`;var f=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],r=class extends m{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!f.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
-${f.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return z`
+  ${u}
+`;var m=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],r=class extends h{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!m.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${m.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return _`
       <a
         href="${this.href}"
         part="base"
         target="${this.target}"
-        rel="${this.target==="_blank"?this.rel||"noopener":_}"
+        rel="${this.target==="_blank"?this.rel||"noopener":Y}"
         tabindex="0"
       >
         <slot></slot>
       </a>
-    `}};r.shadowRootOptions={...m.shadowRootOptions,delegatesFocus:!0},r.styles=[w,h],e([o({type:Boolean,reflect:!0})],r.prototype,"autofocus",2),e([o({reflect:!0})],r.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],r.prototype,"small",2),e([o({reflect:!0})],r.prototype,"href",2),e([o({type:Boolean,reflect:!0})],r.prototype,"disabled",2),e([o({reflect:!0})],r.prototype,"target",2),e([o({reflect:!0})],r.prototype,"rel",2),e([o({attribute:"full-width",type:Boolean,reflect:!0})],r.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",r);export{r as WarpLink};
+    `}};r.shadowRootOptions={...h.shadowRootOptions,delegatesFocus:!0},r.styles=[g,w],e([o({type:Boolean,reflect:!0})],r.prototype,"autofocus",2),e([o({reflect:!0})],r.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],r.prototype,"small",2),e([o({reflect:!0})],r.prototype,"href",2),e([o({type:Boolean,reflect:!0})],r.prototype,"disabled",2),e([o({reflect:!0})],r.prototype,"target",2),e([o({reflect:!0})],r.prototype,"rel",2),e([o({attribute:"full-width",type:Boolean,reflect:!0})],r.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",r);export{r as WarpLink};
 //# sourceMappingURL=link.js.map