@warp-ds/elements 2.9.0-next.1 → 2.9.0-next.3

package/dist/docs/textfield/api.md

@@ -0,0 +1,194 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
+| disabled | `boolean` | `false` | - |
+| invalid | `boolean` | `false` | - |
+| id | `string` | `-` | - |
+| label | `string` | `-` | - |
+| helpText | `string` | `-` | - |
+| size | `string` | `-` | - |
+| max | `number` | `-` | - |
+| min | `number` | `-` | - |
+| minLength | `number` | `-` | - |
+| maxLength | `number` | `-` | - |
+| pattern | `string` | `-` | - |
+| placeholder | `string` | `-` | - |
+| readOnly | `boolean` | `false` | - |
+| readonly | `boolean` | `false` | - |
+| required | `boolean` | `false` | - |
+| type | `string` | `-` | - |
+| value | `string` | `-` | - |
+| name | `string` | `-` | - |
+| step | `number` | `-` | - |
+| autocomplete | `string | undefined` | `-` | - |
+| formatter | `(value: string) => string` | `-` | - |
+
+### Property Details
+
+#### shadowRootOptions
+
+
+
+- Type: `object`
+- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
+
+#### disabled
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### invalid
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### id
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### label
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### helpText
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### size
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### max
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### min
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### minLength
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### maxLength
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### pattern
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### placeholder
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### readOnly
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### readonly
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### required
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### type
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### value
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### name
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### step
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### autocomplete
+
+
+
+- Type: `string | undefined`
+- Default: `-`
+
+#### formatter
+
+Function to format value when the input field.
+
+Only active when the input field does not have focus,
+similar to the accessible input masking example from Filament Group
+
+https://css-tricks.com/input-masking/
+https://filamentgroup.github.io/politespace/demo/demo.html
+
+- Type: `(value: string) => string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/textfield/textfield.md

@@ -0,0 +1,202 @@
+# TextField (w-textfield)
+
+## Description
+
+A single line text input element.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
+| disabled | `boolean` | `false` | - |
+| invalid | `boolean` | `false` | - |
+| id | `string` | `-` | - |
+| label | `string` | `-` | - |
+| helpText | `string` | `-` | - |
+| size | `string` | `-` | - |
+| max | `number` | `-` | - |
+| min | `number` | `-` | - |
+| minLength | `number` | `-` | - |
+| maxLength | `number` | `-` | - |
+| pattern | `string` | `-` | - |
+| placeholder | `string` | `-` | - |
+| readOnly | `boolean` | `false` | - |
+| readonly | `boolean` | `false` | - |
+| required | `boolean` | `false` | - |
+| type | `string` | `-` | - |
+| value | `string` | `-` | - |
+| name | `string` | `-` | - |
+| step | `number` | `-` | - |
+| autocomplete | `string | undefined` | `-` | - |
+| formatter | `(value: string) => string` | `-` | - |
+
+### Property Details
+
+#### shadowRootOptions
+
+
+
+- Type: `object`
+- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
+
+#### disabled
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### invalid
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### id
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### label
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### helpText
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### size
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### max
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### min
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### minLength
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### maxLength
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### pattern
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### placeholder
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### readOnly
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### readonly
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### required
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### type
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### value
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### name
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### step
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### autocomplete
+
+
+
+- Type: `string | undefined`
+- Default: `-`
+
+#### formatter
+
+Function to format value when the input field.
+
+Only active when the input field does not have focus,
+similar to the accessible input masking example from Filament Group
+
+https://css-tricks.com/input-masking/
+https://filamentgroup.github.io/politespace/demo/demo.html
+
+- Type: `(value: string) => string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/toast-container/api.md

@@ -0,0 +1,14 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+
+### Property Details
+
+No public fields documented.
+
+### Types
+
+No types documented.

package/dist/docs/toast-container/toast-container.md

@@ -0,0 +1,20 @@
+# ToastContainer (w-toast-container)
+
+## Description
+
+
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+
+### Property Details
+
+No public fields documented.
+
+### Types
+
+No types documented.

package/dist/index.d.ts

@@ -1970,7 +1970,6 @@ export type CustomElements = {
    * - `pointingAtDirection() => void`: undefined
    * - `activeAttentionType() => void`: undefined
    * - `defaultAriaLabel() => void`: undefined
-   * - `setAriaLabels() => void`: undefined
    * - `close() => void`: undefined
    * - `keypressed(e: KeyboardEvent) => void`: undefined
    */
@@ -2967,7 +2966,6 @@ export type CustomElementsSolidJs = {
    * - `pointingAtDirection() => void`: undefined
    * - `activeAttentionType() => void`: undefined
    * - `defaultAriaLabel() => void`: undefined
-   * - `setAriaLabels() => void`: undefined
    * - `close() => void`: undefined
    * - `keypressed(e: KeyboardEvent) => void`: undefined
    */

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,n=e.length-1,c;n>=0;n--)(c=e[n])&&(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`
+var E=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=(e,o,r,t)=>{for(var a=t>1?void 0:t?L(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&&E(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`
   *,
   :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 s=class extends S{constructor(){super(...arguments);this.svg=null}async fetchIcon(r){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${r}.svg`;try{let n=await X(a);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch(n){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=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},n=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return j`<div class="${P(a)}" style="${n}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};s.styles=[k],i([u({type:String,reflect:!0})],s.prototype,"name",2),i([u({type:String,reflect:!0})],s.prototype,"size",2),i([u({type:String,reflect:!0})],s.prototype,"locale",2),i([$()],s.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",s);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"},l=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`
+`;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.locale=document.documentElement.lang||"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=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},l=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return j`<div class="${P(a)}" style="${l}" part="w-${t.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,useDefault:!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 ",D={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"},O={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"?D:O}get _classes(){return g([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return d`
       <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 b`
+    `}get _clearButton(){return d`
       <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 b`
+    `}get _text(){return d`
       <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 b`${this._markup}`}};l.styles=[f,x],i([p({attribute:"aria-label"})],l.prototype,"ariaLabel",2),i([p({type:Boolean})],l.prototype,"clear",2),i([p({type:Boolean})],l.prototype,"search",2),i([p()],l.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",l);export{l as WarpAffix};
+    `}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};
 //# sourceMappingURL=affix.js.map