@warp-ds/elements 2.3.0-next.2 → 2.3.0-next.21

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 (203) hide show
  1. package/dist/custom-elements.json +744 -57
  2. package/dist/index.d.ts +151 -20
  3. package/dist/packages/affix/index.js.map +2 -2
  4. package/dist/packages/affix/react.d.ts +1 -1
  5. package/dist/packages/alert/index.js.map +2 -2
  6. package/dist/packages/alert/react.d.ts +1 -1
  7. package/dist/packages/attention/attention.stories.js +4 -1
  8. package/dist/packages/attention/index.js +5 -5
  9. package/dist/packages/attention/index.js.map +2 -2
  10. package/dist/packages/attention/react.d.ts +1 -1
  11. package/dist/packages/attention/styles.js +1 -1
  12. package/dist/packages/badge/index.js.map +2 -2
  13. package/dist/packages/badge/react.d.ts +1 -1
  14. package/dist/packages/box/index.js.map +2 -2
  15. package/dist/packages/box/react.d.ts +1 -1
  16. package/dist/packages/breadcrumbs/index.js.map +2 -2
  17. package/dist/packages/breadcrumbs/react.d.ts +1 -1
  18. package/dist/packages/button/button.stories.d.ts +4 -4
  19. package/dist/packages/button/button.stories.js +4 -4
  20. package/dist/packages/button/index.js +3 -3
  21. package/dist/packages/button/index.js.map +2 -2
  22. package/dist/packages/button/react.d.ts +1 -1
  23. package/dist/packages/card/index.js.map +2 -2
  24. package/dist/packages/card/react.d.ts +1 -1
  25. package/dist/packages/checkbox/checkbox-group.d.ts +10 -0
  26. package/dist/packages/checkbox/checkbox-group.js +7 -0
  27. package/dist/packages/checkbox/checkbox-group.js.map +7 -0
  28. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.d.ts +2 -2
  29. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.js +2 -3
  30. package/dist/packages/checkbox/checkbox.js.map +7 -0
  31. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.stories.d.ts +3 -0
  32. package/dist/packages/checkbox/checkbox.stories.js +25 -0
  33. package/dist/packages/{rip-and-tear-checkbox → checkbox}/index.js +2 -0
  34. package/dist/packages/checkbox/react.d.ts +7 -0
  35. package/dist/packages/{rip-and-tear-checkbox → checkbox}/react.js +5 -0
  36. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  37. package/dist/packages/combobox/index.js.map +2 -2
  38. package/dist/packages/combobox/react.d.ts +1 -1
  39. package/dist/packages/datepicker/react.d.ts +1 -1
  40. package/dist/packages/{dead-toggle → deadtoggle}/index.js +2 -3
  41. package/dist/packages/deadtoggle/index.js.map +7 -0
  42. package/dist/packages/{dead-toggle → deadtoggle}/react.d.ts +1 -1
  43. package/dist/packages/expandable/index.js.map +2 -2
  44. package/dist/packages/expandable/react.d.ts +1 -1
  45. package/dist/packages/link/index.js +3 -3
  46. package/dist/packages/link/index.js.map +1 -1
  47. package/dist/packages/link/react.d.ts +1 -1
  48. package/dist/packages/link/styles.js +3 -3
  49. package/dist/packages/modal/index.js.map +2 -2
  50. package/dist/packages/modal/modal-header.js.map +2 -2
  51. package/dist/packages/modal/modal.stories.d.ts +3 -3
  52. package/dist/packages/modal/modal.stories.js +32 -32
  53. package/dist/packages/modal/react.d.ts +1 -1
  54. package/dist/packages/pageindicator/react.d.ts +1 -1
  55. package/dist/packages/pagination/index.js.map +2 -2
  56. package/dist/packages/pagination/react.d.ts +1 -1
  57. package/dist/packages/pill/index.js.map +2 -2
  58. package/dist/packages/pill/react.d.ts +1 -1
  59. package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.js.map +1 -1
  60. package/dist/packages/{rip-and-tear-radio → radio}/radio-group.js +2 -3
  61. package/dist/packages/radio/radio-group.js.map +7 -0
  62. package/dist/packages/{rip-and-tear-radio → radio}/radio.js +2 -3
  63. package/dist/packages/radio/radio.js.map +7 -0
  64. package/dist/packages/{rip-and-tear-radio → radio}/radio.stories.js +2 -3
  65. package/dist/packages/radio/radio.stories.js.map +7 -0
  66. package/dist/packages/{rip-and-tear-radio → radio}/react.d.ts +2 -2
  67. package/dist/packages/select/index.d.ts +25 -5
  68. package/dist/packages/select/index.js +14 -13
  69. package/dist/packages/select/index.js.map +2 -2
  70. package/dist/packages/select/react.d.ts +1 -1
  71. package/dist/packages/select/select.react.stories.d.ts +1 -1
  72. package/dist/packages/select/select.stories.d.ts +1 -1
  73. package/dist/packages/select/select.stories.js +3 -4
  74. package/dist/packages/slider/react.d.ts +2 -2
  75. package/dist/packages/slider/slider-thumb.d.ts +11 -7
  76. package/dist/packages/slider/slider-thumb.js +92 -49
  77. package/dist/packages/slider/slider-thumb.js.map +4 -4
  78. package/dist/packages/slider/slider.d.ts +10 -1
  79. package/dist/packages/slider/slider.js +99 -31
  80. package/dist/packages/slider/slider.js.map +3 -3
  81. package/dist/packages/slider/slider.react.stories.d.ts +1 -0
  82. package/dist/packages/slider/slider.react.stories.js +22 -0
  83. package/dist/packages/slider/slider.stories.d.ts +3 -0
  84. package/dist/packages/slider/slider.stories.js +240 -33
  85. package/dist/packages/slider/styles/w-slider-thumb.styles.js +24 -16
  86. package/dist/packages/slider/styles/w-slider.styles.js +65 -18
  87. package/dist/packages/{steps → stepindicator}/index.d.ts +3 -2
  88. package/dist/packages/{steps → stepindicator}/index.js +8 -8
  89. package/dist/packages/stepindicator/index.js.map +7 -0
  90. package/dist/packages/stepindicator/react.d.ts +3 -0
  91. package/dist/packages/{steps → stepindicator}/react.js +2 -2
  92. package/dist/packages/{steps/steps.react.stories.d.ts → stepindicator/stepindicator.react.stories.d.ts} +4 -4
  93. package/dist/packages/{steps/steps.react.stories.js → stepindicator/stepindicator.react.stories.js} +11 -11
  94. package/dist/packages/{steps/steps.stories.js → stepindicator/stepindicator.stories.js} +16 -16
  95. package/dist/packages/switch/index.js +4 -3
  96. package/dist/packages/switch/index.js.map +2 -2
  97. package/dist/packages/switch/react.d.ts +1 -1
  98. package/dist/packages/switch/styles.js +1 -1
  99. package/dist/packages/tabs/tab.js +4 -3
  100. package/dist/packages/tabs/tab.js.map +2 -2
  101. package/dist/packages/tabs/tabs.js +5 -5
  102. package/dist/packages/tabs/tabs.js.map +3 -3
  103. package/dist/packages/tabs/tabs.stories.d.ts +3 -0
  104. package/dist/packages/tabs/tabs.stories.js +16 -7
  105. package/dist/packages/textarea/index.d.ts +1 -0
  106. package/dist/packages/textarea/index.js +1 -0
  107. package/dist/packages/textarea/locales/da/messages.d.mts +1 -0
  108. package/dist/packages/textarea/locales/da/messages.mjs +1 -0
  109. package/dist/packages/textarea/locales/en/messages.d.mts +1 -0
  110. package/dist/packages/textarea/locales/en/messages.mjs +1 -0
  111. package/dist/packages/textarea/locales/fi/messages.d.mts +1 -0
  112. package/dist/packages/textarea/locales/fi/messages.mjs +1 -0
  113. package/dist/packages/textarea/locales/nb/messages.d.mts +1 -0
  114. package/dist/packages/textarea/locales/nb/messages.mjs +1 -0
  115. package/dist/packages/textarea/locales/sv/messages.d.mts +1 -0
  116. package/dist/packages/textarea/locales/sv/messages.mjs +1 -0
  117. package/dist/packages/textarea/react.d.ts +11 -0
  118. package/dist/packages/textarea/react.js +21 -0
  119. package/dist/packages/textarea/styles.d.ts +1 -0
  120. package/dist/packages/textarea/styles.js +2 -0
  121. package/dist/packages/textarea/textarea.d.ts +48 -0
  122. package/dist/packages/textarea/textarea.js +2475 -0
  123. package/dist/packages/textarea/textarea.js.map +7 -0
  124. package/dist/packages/textarea/textarea.react.stories.d.ts +33 -0
  125. package/dist/packages/textarea/textarea.react.stories.js +41 -0
  126. package/dist/packages/textarea/textarea.stories.d.ts +19 -0
  127. package/dist/packages/textarea/textarea.stories.js +85 -0
  128. package/dist/packages/textarea/textarea.test.d.ts +1 -0
  129. package/dist/packages/textarea/textarea.test.js +49 -0
  130. package/dist/packages/textfield/index.d.ts +3 -0
  131. package/dist/packages/textfield/index.js +17 -16
  132. package/dist/packages/textfield/index.js.map +2 -2
  133. package/dist/packages/textfield/react.d.ts +1 -1
  134. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  135. package/dist/packages/toggle-styles.js +2 -3
  136. package/dist/web-types.json +128 -15
  137. package/package.json +201 -12
  138. package/dist/packages/dead-toggle/index.js.map +0 -7
  139. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +0 -7
  140. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +0 -11
  141. package/dist/packages/rip-and-tear-checkbox/react.d.ts +0 -5
  142. package/dist/packages/rip-and-tear-radio/radio-group.js.map +0 -7
  143. package/dist/packages/rip-and-tear-radio/radio.js.map +0 -7
  144. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +0 -7
  145. package/dist/packages/steps/index.js.map +0 -7
  146. package/dist/packages/steps/react.d.ts +0 -3
  147. /package/dist/packages/{rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.d.ts → checkbox/checkbox.react.stories.d.ts} +0 -0
  148. /package/dist/packages/{rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.js → checkbox/checkbox.react.stories.js} +0 -0
  149. /package/dist/packages/{rip-and-tear-checkbox → checkbox}/index.d.ts +0 -0
  150. /package/dist/packages/{rip-and-tear-checkbox → checkbox}/styles.d.ts +0 -0
  151. /package/dist/packages/{rip-and-tear-checkbox → checkbox}/styles.js +0 -0
  152. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.react.stories.d.ts +0 -0
  153. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.react.stories.js +0 -0
  154. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.stories.d.ts +0 -0
  155. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.stories.js +0 -0
  156. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.test.d.ts +0 -0
  157. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.test.js +0 -0
  158. /package/dist/packages/{dead-toggle → deadtoggle}/index.d.ts +0 -0
  159. /package/dist/packages/{dead-toggle → deadtoggle}/react.js +0 -0
  160. /package/dist/packages/{rip-and-tear-radio → radio}/base-element.d.ts +0 -0
  161. /package/dist/packages/{rip-and-tear-radio → radio}/base-element.js +0 -0
  162. /package/dist/packages/{rip-and-tear-radio → radio}/custom-error-validator.d.ts +0 -0
  163. /package/dist/packages/{rip-and-tear-radio → radio}/custom-error-validator.js +0 -0
  164. /package/dist/packages/{rip-and-tear-radio → radio}/form-associated-element.d.ts +0 -0
  165. /package/dist/packages/{rip-and-tear-radio → radio}/form-associated-element.js +0 -0
  166. /package/dist/packages/{rip-and-tear-radio → radio}/host-styles.d.ts +0 -0
  167. /package/dist/packages/{rip-and-tear-radio → radio}/host-styles.js +0 -0
  168. /package/dist/packages/{rip-and-tear-radio → radio}/index.d.ts +0 -0
  169. /package/dist/packages/{rip-and-tear-radio → radio}/index.js +0 -0
  170. /package/dist/packages/{rip-and-tear-radio → radio}/invalid.d.ts +0 -0
  171. /package/dist/packages/{rip-and-tear-radio → radio}/invalid.js +0 -0
  172. /package/dist/packages/{rip-and-tear-radio → radio}/math.d.ts +0 -0
  173. /package/dist/packages/{rip-and-tear-radio → radio}/math.js +0 -0
  174. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.d.ts +0 -0
  175. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.js +0 -0
  176. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group.d.ts +0 -0
  177. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.d.ts +0 -0
  178. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.js +0 -0
  179. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.js.map +0 -0
  180. /package/dist/packages/{rip-and-tear-radio → radio}/radio.d.ts +0 -0
  181. /package/dist/packages/{rip-and-tear-radio/rip-and-tear-radio.react.stories.d.ts → radio/radio.react.stories.d.ts} +0 -0
  182. /package/dist/packages/{rip-and-tear-radio/rip-and-tear-radio.react.stories.js → radio/radio.react.stories.js} +0 -0
  183. /package/dist/packages/{rip-and-tear-radio → radio}/radio.stories.d.ts +0 -0
  184. /package/dist/packages/{rip-and-tear-radio → radio}/react.js +0 -0
  185. /package/dist/packages/{rip-and-tear-radio → radio}/required-validator.d.ts +0 -0
  186. /package/dist/packages/{rip-and-tear-radio → radio}/required-validator.js +0 -0
  187. /package/dist/packages/{rip-and-tear-radio → radio}/slot.d.ts +0 -0
  188. /package/dist/packages/{rip-and-tear-radio → radio}/slot.js +0 -0
  189. /package/dist/packages/{rip-and-tear-radio → radio}/watch.d.ts +0 -0
  190. /package/dist/packages/{rip-and-tear-radio → radio}/watch.js +0 -0
  191. /package/dist/packages/{steps → stepindicator}/locales/da/messages.d.mts +0 -0
  192. /package/dist/packages/{steps → stepindicator}/locales/da/messages.mjs +0 -0
  193. /package/dist/packages/{steps → stepindicator}/locales/en/messages.d.mts +0 -0
  194. /package/dist/packages/{steps → stepindicator}/locales/en/messages.mjs +0 -0
  195. /package/dist/packages/{steps → stepindicator}/locales/fi/messages.d.mts +0 -0
  196. /package/dist/packages/{steps → stepindicator}/locales/fi/messages.mjs +0 -0
  197. /package/dist/packages/{steps → stepindicator}/locales/nb/messages.d.mts +0 -0
  198. /package/dist/packages/{steps → stepindicator}/locales/nb/messages.mjs +0 -0
  199. /package/dist/packages/{steps → stepindicator}/locales/sv/messages.d.mts +0 -0
  200. /package/dist/packages/{steps → stepindicator}/locales/sv/messages.mjs +0 -0
  201. /package/dist/packages/{steps/steps.stories.d.ts → stepindicator/stepindicator.stories.d.ts} +0 -0
  202. /package/dist/packages/{steps → stepindicator}/styles.d.ts +0 -0
  203. /package/dist/packages/{steps → stepindicator}/styles.js +0 -0
@@ -1,6 +1,6 @@
1
- import type { Meta, StoryObj } from "@storybook/web-components-vite";
2
- import type { WarpModal, WarpModalFooter, WarpModalHeader } from "./index.ts";
3
- import "./index.ts";
1
+ import type { Meta, StoryObj } from '@storybook/web-components-vite';
2
+ import type { WarpModal, WarpModalFooter, WarpModalHeader } from './index.ts';
3
+ import './index.ts';
4
4
  declare const modalArgs: Partial<WarpModal> & {
5
5
  [key: string]: any;
6
6
  };
@@ -1,13 +1,13 @@
1
- import { spread } from "@open-wc/lit-helpers";
2
- import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
3
- import { html } from "lit";
4
- import { prespread } from "../../.storybook/utilities.js";
5
- import "./index.ts";
6
- const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes, } = getStorybookHelpers("w-modal");
7
- const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers("w-modal-header");
8
- const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers("w-modal-footer");
1
+ import { spread } from '@open-wc/lit-helpers';
2
+ import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
3
+ import { html } from 'lit';
4
+ import { prespread } from '../../.storybook/utilities.js';
5
+ import './index.ts';
6
+ const { events: modalEvents, args: modalArgs, argTypes: modalArgTypes } = getStorybookHelpers('w-modal');
7
+ const { events: modalHeaderEvents, args: modalHeaderArgs, argTypes: modalHeaderArgTypes, } = getStorybookHelpers('w-modal-header');
8
+ const { events: modalFooterEvents, args: modalFooterArgs, argTypes: modalFooterArgTypes, } = getStorybookHelpers('w-modal-footer');
9
9
  const meta = {
10
- title: "Overlays/Modal",
10
+ title: 'Overlays/Modal',
11
11
  };
12
12
  export default meta;
13
13
  export const Default = {
@@ -99,28 +99,28 @@ export const Default = {
99
99
  },
100
100
  play: async ({ canvasElement }) => {
101
101
  await Promise.all([
102
- customElements.whenDefined("w-button"),
103
- customElements.whenDefined("w-modal"),
104
- customElements.whenDefined("w-modal-header"),
105
- customElements.whenDefined("w-modal-footer"),
102
+ customElements.whenDefined('w-button'),
103
+ customElements.whenDefined('w-modal'),
104
+ customElements.whenDefined('w-modal-header'),
105
+ customElements.whenDefined('w-modal-footer'),
106
106
  ]);
107
- const openButton = canvasElement.querySelector("#modal-open-button-one");
108
- const closeButton = canvasElement.querySelector("#modal-close-button-one");
109
- const toggleBackButton = canvasElement.querySelector("#modal-toggle-back-one");
110
- const cancelButton = canvasElement.querySelector("#modal-close-button-cancel");
111
- const modal = canvasElement.querySelector("#example-modal-one");
112
- const modalHeader = canvasElement.querySelector("#modal-header-one");
107
+ const openButton = canvasElement.querySelector('#modal-open-button-one');
108
+ const closeButton = canvasElement.querySelector('#modal-close-button-one');
109
+ const toggleBackButton = canvasElement.querySelector('#modal-toggle-back-one');
110
+ const cancelButton = canvasElement.querySelector('#modal-close-button-cancel');
111
+ const modal = canvasElement.querySelector('#example-modal-one');
112
+ const modalHeader = canvasElement.querySelector('#modal-header-one');
113
113
  if (openButton && modal) {
114
- openButton.addEventListener("click", () => modal.open());
114
+ openButton.addEventListener('click', () => modal.open());
115
115
  }
116
116
  if (closeButton && modal) {
117
- closeButton.addEventListener("click", () => modal.close());
117
+ closeButton.addEventListener('click', () => modal.close());
118
118
  }
119
119
  if (cancelButton && modal) {
120
- cancelButton.addEventListener("click", () => modal.close());
120
+ cancelButton.addEventListener('click', () => modal.close());
121
121
  }
122
122
  if (toggleBackButton && modalHeader) {
123
- toggleBackButton.addEventListener("click", () => {
123
+ toggleBackButton.addEventListener('click', () => {
124
124
  modalHeader.back = !modalHeader.back;
125
125
  });
126
126
  }
@@ -175,19 +175,19 @@ export const WithImage = {
175
175
  },
176
176
  play: async ({ canvasElement }) => {
177
177
  await Promise.all([
178
- customElements.whenDefined("w-button"),
179
- customElements.whenDefined("w-modal"),
180
- customElements.whenDefined("w-modal-header"),
181
- customElements.whenDefined("w-modal-footer"),
178
+ customElements.whenDefined('w-button'),
179
+ customElements.whenDefined('w-modal'),
180
+ customElements.whenDefined('w-modal-header'),
181
+ customElements.whenDefined('w-modal-footer'),
182
182
  ]);
183
- const openButton = canvasElement.querySelector("#modal-open-button-two");
184
- const closeButton = canvasElement.querySelector("#modal-close-button-two");
185
- const modal = canvasElement.querySelector("#example-modal-two");
183
+ const openButton = canvasElement.querySelector('#modal-open-button-two');
184
+ const closeButton = canvasElement.querySelector('#modal-close-button-two');
185
+ const modal = canvasElement.querySelector('#example-modal-two');
186
186
  if (openButton && modal) {
187
- openButton.addEventListener("click", () => modal.open());
187
+ openButton.addEventListener('click', () => modal.open());
188
188
  }
189
189
  if (closeButton && modal) {
190
- closeButton.addEventListener("click", () => modal.close());
190
+ closeButton.addEventListener('click', () => modal.close());
191
191
  }
192
192
  },
193
193
  parameters: {
@@ -1,4 +1,4 @@
1
- import { WarpModalFooter, WarpModal, WarpModalHeader } from '.';
1
+ import { WarpModalFooter, WarpModal, WarpModalHeader } from './index.js';
2
2
  export declare const Modal: import("@lit/react").ReactWebComponent<WarpModal, {
3
3
  onShown: string;
4
4
  onshown: string;
@@ -1,2 +1,2 @@
1
- import { WarpPageIndicator } from '.';
1
+ import { WarpPageIndicator } from './index.js';
2
2
  export declare const PageIndicator: import("@lit/react").ReactWebComponent<WarpPageIndicator, {}>;