@warp-ds/elements 2.9.0-next.2 → 2.9.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/dist/custom-elements.json +101 -173
  2. package/dist/docs/affix/accessibility.md +1 -0
  3. package/dist/docs/affix/affix.md +58 -0
  4. package/dist/docs/affix/api.md +44 -0
  5. package/dist/docs/affix/examples.md +1 -0
  6. package/dist/docs/affix/usage.md +1 -0
  7. package/dist/docs/alert/accessibility.md +30 -0
  8. package/dist/docs/alert/alert.md +208 -0
  9. package/dist/docs/alert/api.md +39 -0
  10. package/dist/docs/alert/examples.md +84 -0
  11. package/dist/docs/alert/usage.md +42 -0
  12. package/dist/docs/attention/accessibility.md +1 -0
  13. package/dist/docs/attention/api.md +132 -0
  14. package/dist/docs/attention/attention.md +144 -0
  15. package/dist/docs/attention/examples.md +1 -0
  16. package/dist/docs/attention/usage.md +1 -0
  17. package/dist/docs/badge/accessibility.md +1 -0
  18. package/dist/docs/badge/api.md +28 -0
  19. package/dist/docs/badge/badge.md +42 -0
  20. package/dist/docs/badge/examples.md +1 -0
  21. package/dist/docs/badge/usage.md +1 -0
  22. package/dist/docs/box/accessibility.md +1 -0
  23. package/dist/docs/box/api.md +52 -0
  24. package/dist/docs/box/box.md +66 -0
  25. package/dist/docs/box/examples.md +1 -0
  26. package/dist/docs/box/usage.md +1 -0
  27. package/dist/docs/breadcrumbs/accessibility.md +1 -0
  28. package/dist/docs/breadcrumbs/api.md +20 -0
  29. package/dist/docs/breadcrumbs/breadcrumbs.md +34 -0
  30. package/dist/docs/breadcrumbs/examples.md +1 -0
  31. package/dist/docs/breadcrumbs/usage.md +1 -0
  32. package/dist/docs/button/accessibility.md +1 -0
  33. package/dist/docs/button/api.md +155 -0
  34. package/dist/docs/button/button.md +169 -0
  35. package/dist/docs/button/examples.md +1 -0
  36. package/dist/docs/button/usage.md +1 -0
  37. package/dist/docs/card/accessibility.md +1 -0
  38. package/dist/docs/card/api.md +44 -0
  39. package/dist/docs/card/card.md +58 -0
  40. package/dist/docs/card/examples.md +1 -0
  41. package/dist/docs/card/usage.md +1 -0
  42. package/dist/docs/combobox/accessibility.md +1 -0
  43. package/dist/docs/combobox/api.md +132 -0
  44. package/dist/docs/combobox/combobox.md +146 -0
  45. package/dist/docs/combobox/examples.md +1 -0
  46. package/dist/docs/combobox/usage.md +1 -0
  47. package/dist/docs/datepicker/accessibility.md +1 -0
  48. package/dist/docs/datepicker/api.md +184 -0
  49. package/dist/docs/datepicker/datepicker.md +200 -0
  50. package/dist/docs/datepicker/examples.md +1 -0
  51. package/dist/docs/datepicker/usage.md +1 -0
  52. package/dist/docs/expandable/accessibility.md +1 -0
  53. package/dist/docs/expandable/api.md +100 -0
  54. package/dist/docs/expandable/examples.md +1 -0
  55. package/dist/docs/expandable/expandable.md +114 -0
  56. package/dist/docs/expandable/usage.md +1 -0
  57. package/dist/docs/link/accessibility.md +1 -0
  58. package/dist/docs/link/api.md +87 -0
  59. package/dist/docs/link/examples.md +1 -0
  60. package/dist/docs/link/link.md +101 -0
  61. package/dist/docs/link/usage.md +1 -0
  62. package/dist/docs/page-indicator/accessibility.md +1 -0
  63. package/dist/docs/page-indicator/api.md +28 -0
  64. package/dist/docs/page-indicator/examples.md +1 -0
  65. package/dist/docs/page-indicator/page-indicator.md +41 -0
  66. package/dist/docs/page-indicator/usage.md +1 -0
  67. package/dist/docs/pagination/accessibility.md +1 -0
  68. package/dist/docs/pagination/api.md +44 -0
  69. package/dist/docs/pagination/examples.md +1 -0
  70. package/dist/docs/pagination/pagination.md +58 -0
  71. package/dist/docs/pagination/usage.md +1 -0
  72. package/dist/docs/pill/accessibility.md +1 -0
  73. package/dist/docs/pill/api.md +76 -0
  74. package/dist/docs/pill/examples.md +1 -0
  75. package/dist/docs/pill/pill.md +90 -0
  76. package/dist/docs/pill/usage.md +1 -0
  77. package/dist/docs/select/accessibility.md +1 -0
  78. package/dist/docs/select/api.md +124 -0
  79. package/dist/docs/select/examples.md +1 -0
  80. package/dist/docs/select/select.md +138 -0
  81. package/dist/docs/select/usage.md +1 -0
  82. package/dist/docs/slider/accessibility.md +1 -0
  83. package/dist/docs/slider/api.md +220 -0
  84. package/dist/docs/slider/examples.md +1 -0
  85. package/dist/docs/slider/slider.md +234 -0
  86. package/dist/docs/slider/usage.md +1 -0
  87. package/dist/docs/slider-thumb/accessibility.md +1 -0
  88. package/dist/docs/slider-thumb/api.md +164 -0
  89. package/dist/docs/slider-thumb/examples.md +1 -0
  90. package/dist/docs/slider-thumb/slider-thumb.md +178 -0
  91. package/dist/docs/slider-thumb/usage.md +1 -0
  92. package/dist/docs/step/accessibility.md +1 -0
  93. package/dist/docs/step/api.md +28 -0
  94. package/dist/docs/step/examples.md +1 -0
  95. package/dist/docs/step/step.md +40 -0
  96. package/dist/docs/step/usage.md +1 -0
  97. package/dist/docs/step-indicator/accessibility.md +1 -0
  98. package/dist/docs/step-indicator/api.md +28 -0
  99. package/dist/docs/step-indicator/examples.md +1 -0
  100. package/dist/docs/step-indicator/step-indicator.md +42 -0
  101. package/dist/docs/step-indicator/usage.md +1 -0
  102. package/dist/docs/switch/accessibility.md +1 -0
  103. package/dist/docs/switch/api.md +52 -0
  104. package/dist/docs/switch/examples.md +1 -0
  105. package/dist/docs/switch/switch.md +64 -0
  106. package/dist/docs/switch/usage.md +1 -0
  107. package/dist/docs/tab/accessibility.md +1 -0
  108. package/dist/docs/tab/api.md +92 -0
  109. package/dist/docs/tab/examples.md +1 -0
  110. package/dist/docs/tab/tab.md +106 -0
  111. package/dist/docs/tab/usage.md +1 -0
  112. package/dist/docs/tab-panel/accessibility.md +1 -0
  113. package/dist/docs/tab-panel/api.md +37 -0
  114. package/dist/docs/tab-panel/examples.md +1 -0
  115. package/dist/docs/tab-panel/tab-panel.md +52 -0
  116. package/dist/docs/tab-panel/usage.md +1 -0
  117. package/dist/docs/tabs/accessibility.md +1 -0
  118. package/dist/docs/tabs/api.md +36 -0
  119. package/dist/docs/tabs/examples.md +1 -0
  120. package/dist/docs/tabs/tabs.md +50 -0
  121. package/dist/docs/tabs/usage.md +1 -0
  122. package/dist/docs/textarea/accessibility.md +1 -0
  123. package/dist/docs/textarea/api.md +156 -0
  124. package/dist/docs/textarea/examples.md +1 -0
  125. package/dist/docs/textarea/textarea.md +170 -0
  126. package/dist/docs/textarea/usage.md +1 -0
  127. package/dist/docs/textfield/accessibility.md +1 -0
  128. package/dist/docs/textfield/api.md +204 -0
  129. package/dist/docs/textfield/examples.md +1 -0
  130. package/dist/docs/textfield/textfield.md +218 -0
  131. package/dist/docs/textfield/usage.md +1 -0
  132. package/dist/docs/toast/accessibility.md +9 -0
  133. package/dist/docs/toast/api.md +71 -0
  134. package/dist/docs/toast/examples.md +29 -0
  135. package/dist/docs/toast/toast.md +150 -0
  136. package/dist/docs/toast/usage.md +31 -0
  137. package/dist/index.d.ts +104 -97
  138. package/dist/packages/affix/affix.d.ts +16 -2
  139. package/dist/packages/affix/affix.js +5 -5
  140. package/dist/packages/affix/affix.js.map +2 -2
  141. package/dist/packages/alert/alert.d.ts +15 -0
  142. package/dist/packages/alert/alert.js +6 -6
  143. package/dist/packages/alert/alert.js.map +2 -2
  144. package/dist/packages/attention/attention.d.ts +52 -0
  145. package/dist/packages/attention/attention.js +5 -5
  146. package/dist/packages/attention/attention.js.map +2 -2
  147. package/dist/packages/badge/badge.d.ts +8 -0
  148. package/dist/packages/badge/badge.js.map +2 -2
  149. package/dist/packages/box/box.d.ts +20 -0
  150. package/dist/packages/box/box.js.map +2 -2
  151. package/dist/packages/button/button.d.ts +60 -2
  152. package/dist/packages/button/button.js.map +2 -2
  153. package/dist/packages/card/card.d.ts +12 -0
  154. package/dist/packages/card/card.js.map +2 -2
  155. package/dist/packages/combobox/combobox.d.ts +60 -15
  156. package/dist/packages/combobox/combobox.js.map +2 -2
  157. package/dist/packages/datepicker/datepicker.d.ts +32 -5
  158. package/dist/packages/datepicker/datepicker.js +1 -1
  159. package/dist/packages/datepicker/datepicker.js.map +2 -2
  160. package/dist/packages/expandable/expandable.d.ts +44 -0
  161. package/dist/packages/expandable/expandable.js +7 -7
  162. package/dist/packages/expandable/expandable.js.map +2 -2
  163. package/dist/packages/icon/icon.js +2 -2
  164. package/dist/packages/icon/icon.js.map +2 -2
  165. package/dist/packages/icon/icon.test.js +14 -0
  166. package/dist/packages/link/link.d.ts +32 -0
  167. package/dist/packages/link/link.js.map +2 -2
  168. package/dist/packages/modal-header/modal-header.js +6 -6
  169. package/dist/packages/modal-header/modal-header.js.map +2 -2
  170. package/dist/packages/page-indicator/page-indicator.d.ts +8 -2
  171. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  172. package/dist/packages/pagination/pagination.d.ts +16 -0
  173. package/dist/packages/pagination/pagination.js +3 -3
  174. package/dist/packages/pagination/pagination.js.map +2 -2
  175. package/dist/packages/pill/pill.d.ts +24 -2
  176. package/dist/packages/pill/pill.js +3 -3
  177. package/dist/packages/pill/pill.js.map +2 -2
  178. package/dist/packages/select/select.d.ts +56 -12
  179. package/dist/packages/select/select.js +4 -4
  180. package/dist/packages/select/select.js.map +2 -2
  181. package/dist/packages/slider/slider.d.ts +65 -8
  182. package/dist/packages/slider/slider.js +7 -7
  183. package/dist/packages/slider/slider.js.map +3 -3
  184. package/dist/packages/slider/slider.test.js +68 -0
  185. package/dist/packages/slider-thumb/slider-thumb.d.ts +44 -6
  186. package/dist/packages/slider-thumb/slider-thumb.js +24 -23
  187. package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
  188. package/dist/packages/step/step.d.ts +8 -0
  189. package/dist/packages/step/step.js +4 -4
  190. package/dist/packages/step/step.js.map +2 -2
  191. package/dist/packages/step-indicator/step-indicator.d.ts +8 -0
  192. package/dist/packages/step-indicator/step-indicator.js.map +2 -2
  193. package/dist/packages/switch/switch.d.ts +16 -0
  194. package/dist/packages/switch/switch.js.map +2 -2
  195. package/dist/packages/tab/tab.d.ts +28 -3
  196. package/dist/packages/tab/tab.js.map +2 -2
  197. package/dist/packages/tab-panel/tab-panel.d.ts +8 -2
  198. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  199. package/dist/packages/tabs/tabs.d.ts +4 -0
  200. package/dist/packages/tabs/tabs.js.map +2 -2
  201. package/dist/packages/textarea/textarea.d.ts +52 -1
  202. package/dist/packages/textarea/textarea.js.map +2 -2
  203. package/dist/packages/textfield/textfield.d.ts +92 -4
  204. package/dist/packages/textfield/textfield.js.map +2 -2
  205. package/dist/packages/toast/toast.js +4 -4
  206. package/dist/packages/toast/toast.js.map +2 -2
  207. package/dist/packages/toast-container/toast-container.d.ts +14 -0
  208. package/dist/packages/toast-container/toast-container.js.map +2 -2
  209. package/dist/web-types.json +77 -225
  210. package/package.json +8 -3
package/dist/packages/datepicker/datepicker.d.ts CHANGED
@@ -18,22 +18,43 @@ declare class WarpDatepicker extends WarpDatepicker_base {
18
18
  slotAssignment?: SlotAssignmentMode;
19
19
  };
20
20
  static styles: import("lit").CSSResult[];
21
+ /**
22
+ * @summary
23
+ * @description
24
+ */
21
25
  label: string;
22
- /** Takes precedence over the `<html>` lang attribute. */
26
+ /** Takes precedence over the `<html>` lang attribute.
27
+ * @summary
28
+ * @description
29
+ */
23
30
  lang: string;
31
+ /**
32
+ * @summary
33
+ * @description
34
+ */
24
35
  name: string;
36
+ /**
37
+ * @summary
38
+ * @description
39
+ */
25
40
  value: string;
26
41
  /**
27
42
  * Decides the format of the date as shown in the calendar header.
28
43
  *
29
44
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
30
- */
45
+
46
+ * @summary
47
+ * @description
48
+ */
31
49
  headerFormat: string;
32
50
  /**
33
51
  * Decides the format of the weekday as shown above the grid of dates in the calendar.
34
52
  *
35
53
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
36
- */
54
+
55
+ * @summary
56
+ * @description
57
+ */
37
58
  weekdayFormat: string;
38
59
  /**
39
60
  * Lets you control if a date in the calendar should be disabled.
@@ -49,13 +70,19 @@ declare class WarpDatepicker extends WarpDatepicker_base {
49
70
  * const datePicker = document.querySelector('w-datepicker') as WarpDatepicker;
50
71
  * datePicker.isDayDisabled = (day: Date) => isBefore(startOfDay(day), today);
51
72
  * ```
52
- */
73
+
74
+ * @summary
75
+ * @description
76
+ */
53
77
  isDayDisabled: (day: Date) => boolean;
54
78
  /**
55
79
  * Decides the format of the day in the calendar as read to screen readers.
56
80
  *
57
81
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
58
- */
82
+
83
+ * @summary
84
+ * @description
85
+ */
59
86
  dayFormat: string;
60
87
  isCalendarOpen: boolean;
61
88
  navigationDate: Date;
package/dist/packages/datepicker/datepicker.js CHANGED
@@ -32,7 +32,7 @@ Please compile your catalog first.
32
32
  --w-icon-size: 32px;
33
33
  }
34
34
 
35
- `;var it=new Map,bi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function vi(r,e={}){var a;let t=(a=e.responseParser)!=null?a:(o=>o.text());return it.has(r)||it.set(r,fetch(r).then(t)),it.get(r)}var J=class extends fi{constructor(){super(...arguments);this.svg=null}async fetchIcon(t){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale||"en"}/${t}.svg`;try{let n=await vi(o);return new DOMParser().parseFromString(n,"text/html").body.querySelector("svg")}catch(n){return null}}firstUpdated(){this.loadIcon()}updated(t){(t.has("name")||t.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let t=await this.fetchIcon(this.name);t||(t=new DOMParser().parseFromString(bi,"text/html").body.firstElementChild),this.svg=t}render(){let t=this.size||"medium",a=this.name||"",o={"w-icon":!0,"w-icon--s":t==="small","w-icon--m":t==="medium","w-icon--l":t==="large"},n=typeof t=="string"&&t.endsWith("px")?`--w-icon-size: ${t};`:"";return hi`<div class="${pi(o)}" style="${n}" part="w-${a.toLowerCase()}">${this.svg}</div>`}};J.styles=[jr],x([nt({type:String,reflect:!0})],J.prototype,"name",2),x([nt({type:String,reflect:!0})],J.prototype,"size",2),x([nt({type:String,reflect:!0})],J.prototype,"locale",2),x([gi()],J.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",J);var wi=["en","nb","fi","da","sv"],st="en",je=r=>wi.find(e=>r===e||r.toLowerCase().includes(e))||st;function ne(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return je(r)}try{let r=Yr(document);if(r)return je(r);let e=Mi();if(e)return je(e);let t=Yr(Ir());return t?je(t):st}catch(r){return console.warn("could not detect locale, falling back to source locale",r),st}}var Nr=(r,e,t,a,o)=>{Y.load("en",r),Y.load("nb",e),Y.load("fi",t),Y.load("da",a),Y.load("sv",o);let n=ne();Y.activate(n),Hr(),yi()},ki="warp-i18n-change";function Hr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ki))}var Lr=!1;function yi(){if(Lr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Lr=!0;let r=()=>{let o=ne();Y.locale!==o&&(Y.activate(o),Hr())},e=new MutationObserver(o=>{for(let n of o)if(n.type==="attributes"&&n.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ir();t&&t.documentElement&&t!==document&&e.observe(t.documentElement,{attributes:!0,attributeFilter:["lang"]});let a=xi();a&&e.observe(a,{attributes:!0,attributeFilter:["lang"]})}function Ir(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(t){return null}}function Yr(r){var e,t;try{return(t=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?t:""}catch(a){return""}}function xi(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function Mi(){var r,e,t;try{return(t=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?t:""}catch(a){return""}}import{css as $r}from"lit";var Vr=$r`
35
+ `;var it=new Map,bi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function vi(r,e={}){var a;let t=(a=e.responseParser)!=null?a:(o=>o.text());return it.has(r)||it.set(r,fetch(r).then(t)),it.get(r)}var J=class extends fi{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(t){let a=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${t}.svg`;try{let o=await vi(a);return new DOMParser().parseFromString(o,"text/html").body.querySelector("svg")}catch(o){return null}}firstUpdated(){this.loadIcon()}updated(t){(t.has("name")||t.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let t=await this.fetchIcon(this.name);t||(t=new DOMParser().parseFromString(bi,"text/html").body.firstElementChild),this.svg=t}render(){let t=this.size||"medium",a=this.name||"",o={"w-icon":!0,"w-icon--s":t==="small","w-icon--m":t==="medium","w-icon--l":t==="large"},n=typeof t=="string"&&t.endsWith("px")?`--w-icon-size: ${t};`:"";return hi`<div class="${pi(o)}" style="${n}" part="w-${a.toLowerCase()}">${this.svg}</div>`}};J.styles=[jr],x([nt({type:String,reflect:!0})],J.prototype,"name",2),x([nt({type:String,reflect:!0})],J.prototype,"size",2),x([nt({type:String,reflect:!0,useDefault:!0})],J.prototype,"locale",2),x([gi()],J.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",J);var wi=["en","nb","fi","da","sv"],st="en",je=r=>wi.find(e=>r===e||r.toLowerCase().includes(e))||st;function ne(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return je(r)}try{let r=Yr(document);if(r)return je(r);let e=Mi();if(e)return je(e);let t=Yr(Ir());return t?je(t):st}catch(r){return console.warn("could not detect locale, falling back to source locale",r),st}}var Nr=(r,e,t,a,o)=>{Y.load("en",r),Y.load("nb",e),Y.load("fi",t),Y.load("da",a),Y.load("sv",o);let n=ne();Y.activate(n),Hr(),yi()},ki="warp-i18n-change";function Hr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ki))}var Lr=!1;function yi(){if(Lr||typeof window=="undefined"||!(document!=null&&document.documentElement))return;Lr=!0;let r=()=>{let o=ne();Y.locale!==o&&(Y.activate(o),Hr())},e=new MutationObserver(o=>{for(let n of o)if(n.type==="attributes"&&n.attributeName==="lang"){r();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ir();t&&t.documentElement&&t!==document&&e.observe(t.documentElement,{attributes:!0,attributeFilter:["lang"]});let a=xi();a&&e.observe(a,{attributes:!0,attributeFilter:["lang"]})}function Ir(){var r,e;try{return(e=(r=window.parent)==null?void 0:r.document)!=null?e:null}catch(t){return null}}function Yr(r){var e,t;try{return(t=(e=r==null?void 0:r.documentElement)==null?void 0:e.lang)!=null?t:""}catch(a){return""}}function xi(){var r;try{return(r=window.frameElement)!=null?r:null}catch(e){return null}}function Mi(){var r,e,t;try{return(t=(e=(r=window.frameElement)==null?void 0:r.getAttribute)==null?void 0:e.call(r,"lang"))!=null?t:""}catch(a){return""}}import{css as $r}from"lit";var Vr=$r`
36
36
  *,
37
37
  :before,
38
38
  :after {