@warp-ds/elements 2.8.2-next.1 → 2.8.2-next.2

package/dist/custom-elements.json

@@ -28,7 +28,6 @@
               "type": {
                 "text": "'small' | 'medium' | 'large' | string"
               },
-              "default": "'medium'",
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
               "attribute": "size",
               "reflects": true
@@ -39,7 +38,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "'en'",
               "description": "Locale used in CDN URL",
               "attribute": "locale",
               "reflects": true
@@ -100,7 +98,6 @@
               "type": {
                 "text": "'small' | 'medium' | 'large' | string"
               },
-              "default": "'medium'",
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
               "fieldName": "size"
             },
@@ -109,7 +106,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "'en'",
               "description": "Locale used in CDN URL",
               "fieldName": "locale"
             }
@@ -261,13 +257,20 @@
           "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
           "name": "WarpAlert",
           "members": [
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "variant",
               "type": {
                 "text": "AlertVariants"
               },
-              "default": "'info'",
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
@@ -280,7 +283,6 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
               "attribute": "show",
               "reflects": true
             },
@@ -291,8 +293,7 @@
                 "text": "string"
               },
               "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
+              "attribute": "role"
             }
           ],
           "attributes": [
@@ -301,7 +302,6 @@
               "type": {
                 "text": "AlertVariants"
               },
-              "default": "'info'",
               "fieldName": "variant",
               "parsedType": {
                 "text": "'negative' | 'positive' | 'warning' | 'info'"
@@ -312,7 +312,6 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
               "fieldName": "show"
             },
             {
@@ -387,7 +386,6 @@
               "type": {
                 "text": "ButtonVariant"
               },
-              "default": "'secondary'",
               "attribute": "variant",
               "reflects": true,
               "parsedType": {
@@ -466,7 +464,6 @@
               "type": {
                 "text": "ButtonVariant"
               },
-              "default": "'secondary'",
               "fieldName": "variant",
               "parsedType": {
                 "text": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
@@ -571,7 +568,6 @@
               "type": {
                 "text": "ButtonType"
               },
-              "default": "'button'",
               "attribute": "type",
               "reflects": true,
               "parsedType": {
@@ -727,7 +723,6 @@
               "type": {
                 "text": "ButtonType"
               },
-              "default": "'button'",
               "fieldName": "type",
               "parsedType": {
                 "text": "'button' | 'submit' | 'reset'"
@@ -1215,7 +1210,6 @@
               "type": {
                 "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
               },
-              "default": "'neutral'",
               "attribute": "variant",
               "reflects": true
             },
@@ -1235,7 +1229,6 @@
               "type": {
                 "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
               },
-              "default": "'neutral'",
               "fieldName": "variant"
             },
             {
@@ -1415,20 +1408,15 @@
           "members": [
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "_internals",
               "type": {
-                "text": "string"
+                "text": "ElementInternals"
               },
-              "attribute": "aria-label"
-            }
-          ],
-          "attributes": [
+              "privacy": "private"
+            },
             {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "ariaLabel"
+              "kind": "field",
+              "name": "ariaLabel"
             }
           ],
           "superclass": {
@@ -2490,7 +2478,6 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "'off'",
               "description": "Autocomplete attribute for the input field",
               "attribute": "autocomplete",
               "reflects": true
@@ -2872,7 +2859,6 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "'off'",
               "description": "Autocomplete attribute for the input field",
               "fieldName": "autocomplete"
             }
@@ -3997,7 +3983,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "description": "Currently selected page (1-based index, clamped to valid range)",
               "attribute": "selected-page",
               "reflects": true
@@ -4008,7 +3993,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "description": "Total number of pages (minimum 1)",
               "attribute": "page-count",
               "reflects": true
@@ -4040,7 +4024,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "description": "Currently selected page (1-based index, clamped to valid range)",
               "fieldName": "selectedPage"
             },
@@ -4049,7 +4032,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "description": "Total number of pages (minimum 1)",
               "fieldName": "pageCount"
             }
@@ -4116,7 +4098,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "attribute": "current-page",
               "reflects": true
             },
@@ -4126,7 +4107,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "7",
               "attribute": "visible-pages",
               "reflects": true
             },
@@ -4173,7 +4153,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "1",
               "fieldName": "currentPageNumber"
             },
             {
@@ -4181,7 +4160,6 @@
               "type": {
                 "text": "number"
               },
-              "default": "7",
               "fieldName": "visiblePages"
             }
           ],
@@ -5924,7 +5902,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "'text'",
               "attribute": "type",
               "reflects": true
             },
@@ -6140,7 +6117,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "'text'",
               "fieldName": "type"
             },
             {
@@ -6231,8 +6207,7 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "aria-label",
-              "reflects": true
+              "attribute": "aria-label"
             },
             {
               "kind": "field",
@@ -6240,8 +6215,7 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "aria-description",
-              "reflects": true
+              "attribute": "aria-description"
             },
             {
               "kind": "field",
@@ -7053,6 +7027,14 @@
               "privacy": "private",
               "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
             },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "setContext",
@@ -7364,6 +7346,14 @@
           "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
           "name": "WarpTab",
           "members": [
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_handleClick",
@@ -7395,8 +7385,7 @@
               "type": {
                 "text": "'true' | 'false'"
               },
-              "attribute": "aria-selected",
-              "reflects": true
+              "attribute": "aria-selected"
             },
             {
               "kind": "field",
@@ -7530,23 +7519,11 @@
           "members": [
             {
               "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "hidden",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hidden",
+              "name": "_internals",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals"
               },
-              "default": "true",
-              "fieldName": "hidden"
+              "privacy": "private"
             }
           ],
           "superclass": {

package/dist/index.d.ts

@@ -451,15 +451,11 @@ export type WarpBoxSolidJsProps = {
 };
 
 export type WarpBreadcrumbsProps = {
-  /**  */
-  "aria-label"?: WarpBreadcrumbs["ariaLabel"];
   /**  */
   ariaLabel?: WarpBreadcrumbs["ariaLabel"];
 };
 
 export type WarpBreadcrumbsSolidJsProps = {
-  /**  */
-  "attr:aria-label"?: WarpBreadcrumbs["ariaLabel"];
   /**  */
   "prop:ariaLabel"?: WarpBreadcrumbs["ariaLabel"];
 
@@ -1673,15 +1669,9 @@ export type WarpTabSolidJsProps = {
   textContent?: string | number;
 };
 
-export type WarpTabPanelProps = {
-  /**  */
-  hidden?: WarpTabPanel["hidden"];
-};
+export type WarpTabPanelProps = {};
 
 export type WarpTabPanelSolidJsProps = {
-  /**  */
-  "prop:hidden"?: WarpTabPanel["hidden"];
-
   /** Set the innerHTML of the element */
   innerHTML?: string;
   /** Set the textContent of the element */
@@ -1986,7 +1976,7 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `aria-label`/`ariaLabel`: undefined
+   * - `ariaLabel`: undefined (property only)
    */
   "w-breadcrumbs": Partial<
     WarpBreadcrumbsProps & BaseProps<WarpBreadcrumbs> & BaseEvents
@@ -2687,12 +2677,6 @@ export type CustomElements = {
    * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `hidden`: undefined
    */
   "w-tab-panel": Partial<
     WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
@@ -2979,7 +2963,7 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `aria-label`/`ariaLabel`: undefined
+   * - `ariaLabel`: undefined (property only)
    */
   "w-breadcrumbs": Partial<
     WarpBreadcrumbsProps &
@@ -3748,12 +3732,6 @@ export type CustomElementsSolidJs = {
    * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `hidden`: undefined
    */
   "w-tab-panel": Partial<
     WarpTabPanelProps &

package/dist/packages/affix/affix.js

@@ -1,4 +1,4 @@
-var L=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var i=(e,o,r,t)=>{for(var a=t>1?void 0:t?E(o,r):o,l=e.length-1,p;l>=0;l--)(p=e[l])&&(a=(t?p(o,r,a):p(a))||a);return t&&a&&L(o,r,a),a};var g=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?g.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{html as d,LitElement as F}from"lit";import{property as b}from"lit/decorators.js";import{ifDefined as z}from"lit/directives/if-defined.js";import{css as w}from"lit";var f=w`
+var L=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var i=(e,o,r,t)=>{for(var a=t>1?void 0:t?E(o,r):o,l=e.length-1,c;l>=0;l--)(c=e[l])&&(a=(t?c(o,r,a):c(a))||a);return t&&a&&L(o,r,a),a};var g=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?g.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{html as b,LitElement as F}from"lit";import{property as p}from"lit/decorators.js";import{ifDefined as z}from"lit/directives/if-defined.js";import{css as w}from"lit";var f=w`
   *,
   :before,
   :after {
@@ -2462,17 +2462,17 @@ var L=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var i=(e,o,r,t
   --w-icon-size: 32px;
 }
 
-`;var v=new Map,T='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,o={}){var t;let r=(t=o.responseParser)!=null?t:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(r)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await X(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(T,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return j`<div class="${P(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};n.styles=[k],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],h="en",c=e=>Z.find(o=>e===o||e.toLowerCase().includes(o))||h;function m(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return c(e)}try{let e=y(document);if(e)return c(e);let o=C();if(o)return c(o);let r=y(B());return r?c(r):h}catch(e){return console.warn("could not detect locale, falling back to source locale",e),h}}function B(){var e,o;try{return(o=(e=window.parent)==null?void 0:e.document)!=null?o:null}catch(r){return null}}function y(e){var o,r;try{return(r=(o=e==null?void 0:e.documentElement)==null?void 0:o.lang)!=null?r:""}catch(t){return""}}function C(){var e,o,r;try{return(r=(o=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:o.call(e,"lang"))!=null?r:""}catch(t){return""}}var _="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",O={wrapper:_+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},R={wrapper:_+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends F{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?O:R}get _classes(){return g([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return d`
+`;var v=new Map,T='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,o={}){var t;let r=(t=o.responseParser)!=null?t:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(r)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.name="";this.svg=null}async fetchIcon(r){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${r}.svg`;try{let l=await X(a);return new DOMParser().parseFromString(l,"text/html").body.querySelector("svg")}catch(l){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(T,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return j`<div class="${P(t)}" style="${a}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};n.styles=[k],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],h="en",d=e=>Z.find(o=>e===o||e.toLowerCase().includes(o))||h;function m(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return d(e)}try{let e=y(document);if(e)return d(e);let o=C();if(o)return d(o);let r=y(B());return r?d(r):h}catch(e){return console.warn("could not detect locale, falling back to source locale",e),h}}function B(){var e,o;try{return(o=(e=window.parent)==null?void 0:e.document)!=null?o:null}catch(r){return null}}function y(e){var o,r;try{return(r=(o=e==null?void 0:e.documentElement)==null?void 0:o.lang)!=null?r:""}catch(t){return""}}function C(){var e,o,r;try{return(r=(o=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:o.call(e,"lang"))!=null?r:""}catch(t){return""}}var _="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",O={wrapper:_+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},R={wrapper:_+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends F{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?O:R}get _classes(){return g([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return b`
       <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="submit">
         <w-icon name="Search" size="small" locale="${m()}" class="flex"></w-icon>
       </button>
-    `}get _clearButton(){return d`
+    `}get _clearButton(){return b`
       <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="reset">
         <w-icon name="Close" size="small" locale="${m()}" class="flex"></w-icon>
       </button>
-    `}get _text(){return d`
+    `}get _text(){return b`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return d`${this._markup}`}};s.styles=[f,x],i([b({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([b({type:Boolean})],s.prototype,"clear",2),i([b({type:Boolean})],s.prototype,"search",2),i([b()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
+    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return b`${this._markup}`}};s.styles=[f,x],i([p({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([p({type:Boolean})],s.prototype,"clear",2),i([p({type:Boolean})],s.prototype,"search",2),i([p()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
 //# sourceMappingURL=affix.js.map