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

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 (99) hide show
  1. package/dist/custom-elements.json +3554 -3442
  2. package/dist/docs/affix/accessibility.md +7 -0
  3. package/dist/docs/affix/affix.md +174 -10
  4. package/dist/docs/affix/api.md +28 -10
  5. package/dist/docs/affix/examples.md +92 -0
  6. package/dist/docs/affix/usage.md +47 -0
  7. package/dist/docs/alert/alert.md +12 -12
  8. package/dist/docs/alert/api.md +12 -12
  9. package/dist/docs/attention/api.md +46 -46
  10. package/dist/docs/attention/attention.md +46 -46
  11. package/dist/docs/badge/accessibility.md +44 -0
  12. package/dist/docs/badge/api.md +12 -8
  13. package/dist/docs/badge/badge.md +191 -10
  14. package/dist/docs/badge/examples.md +82 -0
  15. package/dist/docs/badge/usage.md +53 -0
  16. package/dist/docs/button/api.md +46 -42
  17. package/dist/docs/button/button.md +46 -42
  18. package/dist/docs/card/api.md +11 -11
  19. package/dist/docs/card/card.md +11 -11
  20. package/dist/docs/combobox/api.md +62 -62
  21. package/dist/docs/combobox/combobox.md +62 -62
  22. package/dist/docs/datepicker/api.md +74 -66
  23. package/dist/docs/datepicker/datepicker.md +74 -66
  24. package/dist/docs/expandable/api.md +26 -26
  25. package/dist/docs/expandable/expandable.md +26 -26
  26. package/dist/docs/link/api.md +28 -28
  27. package/dist/docs/link/link.md +28 -28
  28. package/dist/docs/page-indicator/api.md +6 -6
  29. package/dist/docs/page-indicator/page-indicator.md +6 -6
  30. package/dist/docs/pagination/api.md +3 -3
  31. package/dist/docs/pagination/pagination.md +3 -3
  32. package/dist/docs/pill/api.md +19 -15
  33. package/dist/docs/pill/pill.md +19 -15
  34. package/dist/docs/select/api.md +44 -44
  35. package/dist/docs/select/select.md +44 -44
  36. package/dist/docs/slider/api.md +80 -78
  37. package/dist/docs/slider/slider.md +80 -78
  38. package/dist/docs/slider-thumb/api.md +28 -76
  39. package/dist/docs/slider-thumb/slider-thumb.md +28 -76
  40. package/dist/docs/switch/api.md +16 -16
  41. package/dist/docs/switch/switch.md +16 -16
  42. package/dist/docs/tab/api.md +26 -40
  43. package/dist/docs/tab/tab.md +26 -40
  44. package/dist/docs/tab-panel/api.md +1 -17
  45. package/dist/docs/tab-panel/tab-panel.md +1 -17
  46. package/dist/docs/tabs/api.md +3 -3
  47. package/dist/docs/tabs/tabs.md +3 -3
  48. package/dist/docs/textarea/api.md +42 -40
  49. package/dist/docs/textarea/textarea.md +42 -40
  50. package/dist/docs/textfield/accessibility.md +15 -0
  51. package/dist/docs/textfield/api.md +86 -83
  52. package/dist/docs/textfield/examples.md +147 -0
  53. package/dist/docs/textfield/textfield.md +279 -86
  54. package/dist/docs/textfield/usage.md +30 -0
  55. package/dist/index.d.ts +343 -319
  56. package/dist/packages/affix/affix.d.ts +23 -14
  57. package/dist/packages/affix/affix.js +24 -11
  58. package/dist/packages/affix/affix.js.map +4 -4
  59. package/dist/packages/affix/affix.stories.d.ts +3 -0
  60. package/dist/packages/affix/affix.stories.js +16 -0
  61. package/dist/packages/affix/affix.test.js +7 -0
  62. package/dist/packages/affix/locales/da/messages.d.mts +1 -0
  63. package/dist/packages/affix/locales/da/messages.mjs +1 -0
  64. package/dist/packages/affix/locales/en/messages.d.mts +1 -0
  65. package/dist/packages/affix/locales/en/messages.mjs +1 -0
  66. package/dist/packages/affix/locales/fi/messages.d.mts +1 -0
  67. package/dist/packages/affix/locales/fi/messages.mjs +1 -0
  68. package/dist/packages/affix/locales/nb/messages.d.mts +1 -0
  69. package/dist/packages/affix/locales/nb/messages.mjs +1 -0
  70. package/dist/packages/affix/locales/sv/messages.d.mts +1 -0
  71. package/dist/packages/affix/locales/sv/messages.mjs +1 -0
  72. package/dist/packages/badge/badge.d.ts +7 -5
  73. package/dist/packages/badge/badge.js.map +2 -2
  74. package/dist/packages/badge/badge.react.stories.d.ts +1 -1
  75. package/dist/packages/box/box.react.stories.d.ts +1 -1
  76. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  77. package/dist/packages/button/button.react.stories.d.ts +1 -1
  78. package/dist/packages/card/card.react.stories.d.ts +1 -1
  79. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  80. package/dist/packages/datepicker/datepicker.js +1 -1
  81. package/dist/packages/datepicker/datepicker.js.map +2 -2
  82. package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
  83. package/dist/packages/datepicker/react.d.ts +4 -0
  84. package/dist/packages/datepicker/react.js +4 -0
  85. package/dist/packages/expandable/expandable.react.stories.d.ts +1 -1
  86. package/dist/packages/link/link.react.stories.d.ts +1 -1
  87. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +1 -1
  88. package/dist/packages/pagination/pagination.react.stories.d.ts +1 -1
  89. package/dist/packages/pill/pill.react.stories.d.ts +1 -1
  90. package/dist/packages/select/select.react.stories.d.ts +1 -1
  91. package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
  92. package/dist/packages/textfield/textfield.d.ts +57 -60
  93. package/dist/packages/textfield/textfield.js +5 -5
  94. package/dist/packages/textfield/textfield.js.map +2 -2
  95. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  96. package/dist/packages/textfield/textfield.stories.d.ts +3 -0
  97. package/dist/packages/textfield/textfield.stories.js +45 -0
  98. package/dist/web-types.json +452 -147
  99. package/package.json +2 -2
@@ -9,7 +9,7 @@ declare const _default: {
9
9
  onChange: string;
10
10
  onchange: string;
11
11
  }>;
12
- render(args: Omit<React.HTMLAttributes<import("./combobox").WarpCombobox>, "value" | "form" | "label" | "name" | "onchange" | "onselect" | "onChange" | "onSelect" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "disabled" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "required" | "optional" | "helpText" | "options" | "placeholder" | "autocomplete" | "openOnFocus" | "selectOnBlur" | "matchTextSegments" | "disableStaticFiltering"> & {
12
+ render(args: Omit<React.HTMLAttributes<import("./combobox").WarpCombobox>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "placeholder" | "required" | "autocomplete" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "onselect" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onChange" | "onSelect" | "optional" | "options" | "openOnFocus" | "selectOnBlur" | "matchTextSegments" | "disableStaticFiltering"> & {
13
13
  onSelect?: (e: Event) => void;
14
14
  onselect?: (e: Event) => void;
15
15
  onChange?: (e: Event) => void;
@@ -2799,5 +2799,5 @@ Please compile your catalog first.
2799
2799
  </div>
2800
2800
  </div>
2801
2801
  </div>
2802
- `}};ve=new WeakMap,P=new WeakSet,mt=async function(t){t.preventDefault(),this.isCalendarOpen=!this.isCalendarOpen,this.isCalendarOpen&&(await this.updateComplete,(this.selectedCell||this.todayCell).focus())},ea=function(){this.navigationDate=he(this.month,1)},ta=function(){this.navigationDate=rt(this.month,1)},ht=async function(){await this.updateComplete,this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},ra=function(t){this.value=t.target.value},aa=function(t){t.preventDefault(),this.isCalendarOpen=!0},oa=function(t){if(t.key===" ")return N(this,P,mt).call(this,t);(t.key===","||t.key==="Enter")&&t.preventDefault()},na=async function(t){let a=this.navigationDate,o;switch(t.key){case"ArrowUp":o=tt(a,7);break;case"ArrowLeft":o=tt(a,1);break;case"Home":o=z(a,{locale:this.locale});break;case"PageUp":o=rt(a,1);break;case"ArrowDown":o=re(a,7);break;case"ArrowRight":o=re(a,1);break;case"End":o=Be(a,{locale:this.locale});break;case"PageDown":o=he(a,1);break;case"Escape":this.isCalendarOpen=!1;break;case"Tab":t.target.tagName==="TD"&&!t.shiftKey?(t.preventDefault(),this.previousMonthButton.focus()):t.target.id===Le&&t.shiftKey&&(t.preventDefault(),(this.selectedCell||this.todayCell).focus());break}o&&(t.preventDefault(),this.navigationDate=o,await this.updateComplete,this.selectedCell.focus())},ft=function(t){let a=t.currentTarget.dataset.date;"key"in t?(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.value=a,this.isCalendarOpen=!1,this.toggleButton.focus(),N(this,P,ht).call(this)):(this.value=a,this.isCalendarOpen=!1,N(this,P,ht).call(this))},_.shadowRootOptions={...Jr.shadowRootOptions,delegatesFocus:!0},_.styles=[Vr,Kr,Gr,Br,Ur],x([Z({reflect:!0})],_.prototype,"label",2),x([Z({reflect:!0})],_.prototype,"lang",2),x([Z({reflect:!0})],_.prototype,"name",2),x([Z({reflect:!0})],_.prototype,"value",2),x([Z({attribute:"header-format"})],_.prototype,"headerFormat",2),x([Z({attribute:"weekday-format"})],_.prototype,"weekdayFormat",2),x([Z({attribute:!1})],_.prototype,"isDayDisabled",2),x([Z({attribute:"day-format"})],_.prototype,"dayFormat",2),x([ue()],_.prototype,"isCalendarOpen",2),x([ue()],_.prototype,"navigationDate",2),x([ue()],_.prototype,"locale",2),x([ue()],_.prototype,"selectedDate",1),x([ue()],_.prototype,"month",1),x([ue()],_.prototype,"weeks",1),x([ie(`#${be}`)],_.prototype,"calendar",2),x([ie(`#${ct}`,!0)],_.prototype,"input",2),x([ie(`#${ut}`,!0)],_.prototype,"toggleButton",2),x([ie(`#${Zr}`,!0)],_.prototype,"wrapper",2),x([ie(`#${Le}`)],_.prototype,"previousMonthButton",2),x([ie('[aria-current="date"]')],_.prototype,"todayCell",2),x([ie('[data-navigation="true"]')],_.prototype,"selectedCell",2);customElements.get("w-datepicker")||customElements.define("w-datepicker",_);export{_ as WarpDatepicker};
2802
+ `}};ve=new WeakMap,P=new WeakSet,mt=async function(t){t.preventDefault(),this.isCalendarOpen=!this.isCalendarOpen,this.isCalendarOpen&&(await this.updateComplete,(this.selectedCell||this.todayCell).focus())},ea=function(){this.navigationDate=he(this.month,1)},ta=function(){this.navigationDate=rt(this.month,1)},ht=async function(){await this.updateComplete,this.input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))},ra=function(t){this.value=t.target.value},aa=function(t){t.preventDefault(),this.isCalendarOpen=!0},oa=function(t){if(t.key===" ")return N(this,P,mt).call(this,t);(t.key===","||t.key==="Enter")&&t.preventDefault()},na=async function(t){let a=this.navigationDate,o;switch(t.key){case"ArrowUp":o=tt(a,7);break;case"ArrowLeft":o=tt(a,1);break;case"Home":o=z(a,{locale:this.locale});break;case"PageUp":o=rt(a,1);break;case"ArrowDown":o=re(a,7);break;case"ArrowRight":o=re(a,1);break;case"End":o=Be(a,{locale:this.locale});break;case"PageDown":o=he(a,1);break;case"Escape":this.isCalendarOpen=!1;break;case"Tab":t.target.tagName==="TD"&&!t.shiftKey?(t.preventDefault(),this.previousMonthButton.focus()):t.target.id===Le&&t.shiftKey&&(t.preventDefault(),(this.selectedCell||this.todayCell).focus());break}o&&(t.preventDefault(),this.navigationDate=o,await this.updateComplete,this.selectedCell.focus())},ft=function(t){let a=t.currentTarget.dataset.date;"key"in t?(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.value=a,this.shadowRoot.querySelector("input").value=this.value,this.isCalendarOpen=!1,this.toggleButton.focus(),N(this,P,ht).call(this)):(this.value=a,this.shadowRoot.querySelector("input").value=this.value,this.isCalendarOpen=!1,N(this,P,ht).call(this))},_.shadowRootOptions={...Jr.shadowRootOptions,delegatesFocus:!0},_.styles=[Vr,Kr,Gr,Br,Ur],x([Z({reflect:!0})],_.prototype,"label",2),x([Z({reflect:!0})],_.prototype,"lang",2),x([Z({reflect:!0})],_.prototype,"name",2),x([Z({reflect:!0})],_.prototype,"value",2),x([Z({attribute:"header-format"})],_.prototype,"headerFormat",2),x([Z({attribute:"weekday-format"})],_.prototype,"weekdayFormat",2),x([Z({attribute:!1})],_.prototype,"isDayDisabled",2),x([Z({attribute:"day-format"})],_.prototype,"dayFormat",2),x([ue()],_.prototype,"isCalendarOpen",2),x([ue()],_.prototype,"navigationDate",2),x([ue()],_.prototype,"locale",2),x([ue()],_.prototype,"selectedDate",1),x([ue()],_.prototype,"month",1),x([ue()],_.prototype,"weeks",1),x([ie(`#${be}`)],_.prototype,"calendar",2),x([ie(`#${ct}`,!0)],_.prototype,"input",2),x([ie(`#${ut}`,!0)],_.prototype,"toggleButton",2),x([ie(`#${Zr}`,!0)],_.prototype,"wrapper",2),x([ie(`#${Le}`)],_.prototype,"previousMonthButton",2),x([ie('[aria-current="date"]')],_.prototype,"todayCell",2),x([ie('[data-navigation="true"]')],_.prototype,"selectedCell",2);customElements.get("w-datepicker")||customElements.define("w-datepicker",_);export{_ as WarpDatepicker};
2803
2803
  //# sourceMappingURL=datepicker.js.map