@warp-ds/elements 2.3.0-next.3 → 2.3.0-next.31

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 (245) hide show
  1. package/dist/custom-elements.json +1139 -144
  2. package/dist/index.d.ts +413 -34
  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 +58 -22
  9. package/dist/packages/attention/index.js.map +3 -3
  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.react.stories.d.ts +1 -1
  19. package/dist/packages/button/button.stories.d.ts +4 -4
  20. package/dist/packages/button/button.stories.js +4 -4
  21. package/dist/packages/button/button.test.js +30 -1
  22. package/dist/packages/button/index.d.ts +2 -0
  23. package/dist/packages/button/index.js +52 -16
  24. package/dist/packages/button/index.js.map +3 -3
  25. package/dist/packages/button/react.d.ts +1 -1
  26. package/dist/packages/card/index.js.map +2 -2
  27. package/dist/packages/card/react.d.ts +1 -1
  28. package/dist/packages/checkbox/checkbox-group.d.ts +10 -0
  29. package/dist/packages/checkbox/checkbox-group.js +7 -0
  30. package/dist/packages/checkbox/checkbox-group.js.map +7 -0
  31. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.d.ts +2 -2
  32. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.js +3 -4
  33. package/dist/packages/checkbox/checkbox.js.map +7 -0
  34. package/dist/packages/{rip-and-tear-checkbox → checkbox}/checkbox.stories.d.ts +3 -0
  35. package/dist/packages/checkbox/checkbox.stories.js +25 -0
  36. package/dist/packages/checkbox/index.d.ts +2 -0
  37. package/dist/packages/checkbox/index.js +2 -0
  38. package/dist/packages/checkbox/react.d.ts +7 -0
  39. package/dist/packages/{rip-and-tear-checkbox → checkbox}/react.js +5 -0
  40. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  41. package/dist/packages/combobox/combobox.stories.d.ts +1 -0
  42. package/dist/packages/combobox/combobox.stories.js +29 -3
  43. package/dist/packages/combobox/index.d.ts +7 -1
  44. package/dist/packages/combobox/index.js +20 -19
  45. package/dist/packages/combobox/index.js.map +4 -4
  46. package/dist/packages/combobox/react.d.ts +1 -1
  47. package/dist/packages/combobox/styles.js +2 -1
  48. package/dist/packages/datepicker/datepicker.d.ts +1 -0
  49. package/dist/packages/datepicker/datepicker.js +35 -35
  50. package/dist/packages/datepicker/datepicker.js.map +3 -3
  51. package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
  52. package/dist/packages/datepicker/datepicker.test.js +27 -0
  53. package/dist/packages/datepicker/react.d.ts +1 -1
  54. package/dist/packages/{dead-toggle → deadtoggle}/index.js +2 -3
  55. package/dist/packages/deadtoggle/index.js.map +7 -0
  56. package/dist/packages/{dead-toggle → deadtoggle}/react.d.ts +1 -1
  57. package/dist/packages/expandable/index.js.map +2 -2
  58. package/dist/packages/expandable/react.d.ts +1 -1
  59. package/dist/packages/link/index.d.ts +2 -8
  60. package/dist/packages/link/index.js +46 -10
  61. package/dist/packages/link/index.js.map +4 -4
  62. package/dist/packages/link/link.react.stories.d.ts +6 -3
  63. package/dist/packages/link/link.react.stories.js +27 -10
  64. package/dist/packages/link/link.stories.d.ts +5 -2
  65. package/dist/packages/link/link.stories.js +27 -10
  66. package/dist/packages/link/react.d.ts +1 -1
  67. package/dist/packages/link/styles.js +39 -3
  68. package/dist/packages/modal/index.js.map +2 -2
  69. package/dist/packages/modal/modal-header.js.map +2 -2
  70. package/dist/packages/modal/modal.stories.d.ts +3 -3
  71. package/dist/packages/modal/modal.stories.js +32 -32
  72. package/dist/packages/modal/react.d.ts +1 -1
  73. package/dist/packages/pageindicator/react.d.ts +1 -1
  74. package/dist/packages/pagination/index.js.map +2 -2
  75. package/dist/packages/pagination/react.d.ts +1 -1
  76. package/dist/packages/pill/index.js.map +2 -2
  77. package/dist/packages/pill/react.d.ts +1 -1
  78. package/dist/packages/radio/index.d.ts +2 -0
  79. package/dist/packages/radio/index.js +2 -0
  80. package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.js.map +1 -1
  81. package/dist/packages/{rip-and-tear-radio → radio}/radio-group.js +7 -8
  82. package/dist/packages/radio/radio-group.js.map +7 -0
  83. package/dist/packages/{rip-and-tear-radio → radio}/radio.js +3 -4
  84. package/dist/packages/radio/radio.js.map +7 -0
  85. package/dist/packages/radio/radio.stories.d.ts +15 -0
  86. package/dist/packages/radio/radio.stories.js +3702 -0
  87. package/dist/packages/radio/radio.stories.js.map +7 -0
  88. package/dist/packages/{rip-and-tear-radio → radio}/react.d.ts +2 -2
  89. package/dist/packages/select/index.d.ts +26 -5
  90. package/dist/packages/select/index.js +17 -16
  91. package/dist/packages/select/index.js.map +3 -3
  92. package/dist/packages/select/react.d.ts +1 -1
  93. package/dist/packages/select/select.react.stories.d.ts +1 -1
  94. package/dist/packages/select/select.stories.d.ts +1 -1
  95. package/dist/packages/select/select.stories.js +3 -4
  96. package/dist/packages/select/select.test.js +30 -0
  97. package/dist/packages/slider/locales/da/messages.mjs +1 -0
  98. package/dist/packages/slider/locales/en/messages.mjs +1 -0
  99. package/dist/packages/slider/locales/fi/messages.mjs +1 -0
  100. package/dist/packages/slider/locales/nb/messages.mjs +1 -0
  101. package/dist/packages/slider/locales/sv/messages.mjs +1 -0
  102. package/dist/packages/slider/react.d.ts +2 -2
  103. package/dist/packages/slider/slider-thumb.d.ts +13 -7
  104. package/dist/packages/slider/slider-thumb.js +92 -49
  105. package/dist/packages/slider/slider-thumb.js.map +4 -4
  106. package/dist/packages/slider/slider.d.ts +12 -3
  107. package/dist/packages/slider/slider.js +109 -31
  108. package/dist/packages/slider/slider.js.map +4 -4
  109. package/dist/packages/slider/slider.react.stories.d.ts +1 -0
  110. package/dist/packages/slider/slider.react.stories.js +22 -0
  111. package/dist/packages/slider/slider.stories.d.ts +3 -0
  112. package/dist/packages/slider/slider.stories.js +240 -33
  113. package/dist/packages/slider/slider.test.js +28 -0
  114. package/dist/packages/slider/styles/w-slider-thumb.styles.js +24 -16
  115. package/dist/packages/slider/styles/w-slider.styles.js +65 -18
  116. package/dist/packages/{steps → stepindicator}/index.d.ts +3 -2
  117. package/dist/packages/{steps → stepindicator}/index.js +8 -8
  118. package/dist/packages/stepindicator/index.js.map +7 -0
  119. package/dist/packages/stepindicator/locales/da/messages.d.mts +1 -0
  120. package/dist/packages/stepindicator/locales/en/messages.d.mts +1 -0
  121. package/dist/packages/stepindicator/locales/fi/messages.d.mts +1 -0
  122. package/dist/packages/stepindicator/locales/nb/messages.d.mts +1 -0
  123. package/dist/packages/stepindicator/locales/sv/messages.d.mts +1 -0
  124. package/dist/packages/stepindicator/react.d.ts +3 -0
  125. package/dist/packages/{steps → stepindicator}/react.js +2 -2
  126. package/dist/packages/{steps/steps.react.stories.d.ts → stepindicator/stepindicator.react.stories.d.ts} +4 -4
  127. package/dist/packages/{steps/steps.react.stories.js → stepindicator/stepindicator.react.stories.js} +11 -11
  128. package/dist/packages/{steps/steps.stories.js → stepindicator/stepindicator.stories.js} +16 -16
  129. package/dist/packages/switch/index.d.ts +10 -2
  130. package/dist/packages/switch/index.js +7 -6
  131. package/dist/packages/switch/index.js.map +4 -4
  132. package/dist/packages/switch/react.d.ts +1 -1
  133. package/dist/packages/switch/styles.js +1 -1
  134. package/dist/packages/switch/switch.react.stories.js +4 -4
  135. package/dist/packages/switch/switch.stories.js +6 -5
  136. package/dist/packages/switch/switch.test.d.ts +1 -0
  137. package/dist/packages/switch/switch.test.js +40 -0
  138. package/dist/packages/tabs/tab.js +4 -3
  139. package/dist/packages/tabs/tab.js.map +2 -2
  140. package/dist/packages/tabs/tabs.js +5 -5
  141. package/dist/packages/tabs/tabs.js.map +3 -3
  142. package/dist/packages/tabs/tabs.stories.d.ts +3 -0
  143. package/dist/packages/tabs/tabs.stories.js +16 -7
  144. package/dist/packages/textarea/index.d.ts +1 -0
  145. package/dist/packages/textarea/index.js +1 -0
  146. package/dist/packages/textarea/locales/da/messages.d.mts +1 -0
  147. package/dist/packages/textarea/locales/da/messages.mjs +1 -0
  148. package/dist/packages/textarea/locales/en/messages.d.mts +1 -0
  149. package/dist/packages/textarea/locales/en/messages.mjs +1 -0
  150. package/dist/packages/textarea/locales/fi/messages.d.mts +1 -0
  151. package/dist/packages/textarea/locales/fi/messages.mjs +1 -0
  152. package/dist/packages/textarea/locales/nb/messages.d.mts +1 -0
  153. package/dist/packages/textarea/locales/nb/messages.mjs +1 -0
  154. package/dist/packages/textarea/locales/sv/messages.d.mts +1 -0
  155. package/dist/packages/textarea/locales/sv/messages.mjs +1 -0
  156. package/dist/packages/textarea/react.d.ts +11 -0
  157. package/dist/packages/textarea/react.js +21 -0
  158. package/dist/packages/textarea/styles.d.ts +1 -0
  159. package/dist/packages/textarea/styles.js +2 -0
  160. package/dist/packages/textarea/textarea.d.ts +49 -0
  161. package/dist/packages/{rip-and-tear-radio/radio.stories.js → textarea/textarea.js} +35 -214
  162. package/dist/packages/textarea/textarea.js.map +7 -0
  163. package/dist/packages/textarea/textarea.react.stories.d.ts +33 -0
  164. package/dist/packages/textarea/textarea.react.stories.js +41 -0
  165. package/dist/packages/textarea/textarea.stories.d.ts +19 -0
  166. package/dist/packages/textarea/textarea.stories.js +85 -0
  167. package/dist/packages/textarea/textarea.test.d.ts +1 -0
  168. package/dist/packages/textarea/textarea.test.js +68 -0
  169. package/dist/packages/textfield/index.d.ts +6 -0
  170. package/dist/packages/textfield/index.js +21 -20
  171. package/dist/packages/textfield/index.js.map +3 -3
  172. package/dist/packages/textfield/react.d.ts +1 -1
  173. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  174. package/dist/packages/textfield/textfield.stories.d.ts +1 -0
  175. package/dist/packages/textfield/textfield.stories.js +17 -0
  176. package/dist/packages/toggle-styles.js +2 -3
  177. package/dist/web-types.json +473 -30
  178. package/package.json +37 -31
  179. package/dist/packages/dead-toggle/index.js.map +0 -7
  180. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +0 -7
  181. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +0 -11
  182. package/dist/packages/rip-and-tear-checkbox/index.d.ts +0 -1
  183. package/dist/packages/rip-and-tear-checkbox/index.js +0 -4
  184. package/dist/packages/rip-and-tear-checkbox/react.d.ts +0 -5
  185. package/dist/packages/rip-and-tear-radio/index.d.ts +0 -1
  186. package/dist/packages/rip-and-tear-radio/index.js +0 -6
  187. package/dist/packages/rip-and-tear-radio/radio-group.js.map +0 -7
  188. package/dist/packages/rip-and-tear-radio/radio.js.map +0 -7
  189. package/dist/packages/rip-and-tear-radio/radio.stories.d.ts +0 -8
  190. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +0 -7
  191. package/dist/packages/steps/index.js.map +0 -7
  192. package/dist/packages/steps/react.d.ts +0 -3
  193. /package/dist/packages/{rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.d.ts → checkbox/checkbox.react.stories.d.ts} +0 -0
  194. /package/dist/packages/{rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.js → checkbox/checkbox.react.stories.js} +0 -0
  195. /package/dist/packages/{rip-and-tear-checkbox → checkbox}/styles.d.ts +0 -0
  196. /package/dist/packages/{rip-and-tear-checkbox → checkbox}/styles.js +0 -0
  197. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.react.stories.d.ts +0 -0
  198. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.react.stories.js +0 -0
  199. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.stories.d.ts +0 -0
  200. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.stories.js +0 -0
  201. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.test.d.ts +0 -0
  202. /package/dist/packages/{dead-toggle → deadtoggle}/dead-toggle.test.js +0 -0
  203. /package/dist/packages/{dead-toggle → deadtoggle}/index.d.ts +0 -0
  204. /package/dist/packages/{dead-toggle → deadtoggle}/react.js +0 -0
  205. /package/dist/packages/{rip-and-tear-radio → radio}/base-element.d.ts +0 -0
  206. /package/dist/packages/{rip-and-tear-radio → radio}/base-element.js +0 -0
  207. /package/dist/packages/{rip-and-tear-radio → radio}/custom-error-validator.d.ts +0 -0
  208. /package/dist/packages/{rip-and-tear-radio → radio}/custom-error-validator.js +0 -0
  209. /package/dist/packages/{rip-and-tear-radio → radio}/form-associated-element.d.ts +0 -0
  210. /package/dist/packages/{rip-and-tear-radio → radio}/form-associated-element.js +0 -0
  211. /package/dist/packages/{rip-and-tear-radio → radio}/host-styles.d.ts +0 -0
  212. /package/dist/packages/{rip-and-tear-radio → radio}/host-styles.js +0 -0
  213. /package/dist/packages/{rip-and-tear-radio → radio}/invalid.d.ts +0 -0
  214. /package/dist/packages/{rip-and-tear-radio → radio}/invalid.js +0 -0
  215. /package/dist/packages/{rip-and-tear-radio → radio}/math.d.ts +0 -0
  216. /package/dist/packages/{rip-and-tear-radio → radio}/math.js +0 -0
  217. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.d.ts +0 -0
  218. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group-styles.js +0 -0
  219. /package/dist/packages/{rip-and-tear-radio → radio}/radio-group.d.ts +0 -0
  220. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.d.ts +0 -0
  221. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.js +0 -0
  222. /package/dist/packages/{rip-and-tear-radio → radio}/radio-styles.js.map +0 -0
  223. /package/dist/packages/{rip-and-tear-radio → radio}/radio.d.ts +0 -0
  224. /package/dist/packages/{rip-and-tear-radio/rip-and-tear-radio.react.stories.d.ts → radio/radio.react.stories.d.ts} +0 -0
  225. /package/dist/packages/{rip-and-tear-radio/rip-and-tear-radio.react.stories.js → radio/radio.react.stories.js} +0 -0
  226. /package/dist/packages/{rip-and-tear-radio → radio}/react.js +0 -0
  227. /package/dist/packages/{rip-and-tear-radio → radio}/required-validator.d.ts +0 -0
  228. /package/dist/packages/{rip-and-tear-radio → radio}/required-validator.js +0 -0
  229. /package/dist/packages/{rip-and-tear-radio → radio}/slot.d.ts +0 -0
  230. /package/dist/packages/{rip-and-tear-radio → radio}/slot.js +0 -0
  231. /package/dist/packages/{rip-and-tear-radio → radio}/watch.d.ts +0 -0
  232. /package/dist/packages/{rip-and-tear-radio → radio}/watch.js +0 -0
  233. /package/dist/packages/{steps → slider}/locales/da/messages.d.mts +0 -0
  234. /package/dist/packages/{steps → slider}/locales/en/messages.d.mts +0 -0
  235. /package/dist/packages/{steps → slider}/locales/fi/messages.d.mts +0 -0
  236. /package/dist/packages/{steps → slider}/locales/nb/messages.d.mts +0 -0
  237. /package/dist/packages/{steps → slider}/locales/sv/messages.d.mts +0 -0
  238. /package/dist/packages/{steps → stepindicator}/locales/da/messages.mjs +0 -0
  239. /package/dist/packages/{steps → stepindicator}/locales/en/messages.mjs +0 -0
  240. /package/dist/packages/{steps → stepindicator}/locales/fi/messages.mjs +0 -0
  241. /package/dist/packages/{steps → stepindicator}/locales/nb/messages.mjs +0 -0
  242. /package/dist/packages/{steps → stepindicator}/locales/sv/messages.mjs +0 -0
  243. /package/dist/packages/{steps/steps.stories.d.ts → stepindicator/stepindicator.stories.d.ts} +0 -0
  244. /package/dist/packages/{steps → stepindicator}/styles.d.ts +0 -0
  245. /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, {}>;