@warp-ds/elements 2.4.0 → 2.5.0-next.1

package/dist/packages/slider/slider.stories.js

@@ -1,9 +1,10 @@
 import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
 import { html } from 'lit';
-import '../affix/index.js';
-import '../attention/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../affix/affix.js';
+import '../attention/attention.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';
 const { events: sliderEvents, args: sliderArgs, argTypes: sliderArgTypes, } = getStorybookHelpers('w-slider');
 const meta = {
     title: 'Forms/Slider and Range Slider',

package/dist/packages/slider/slider.test.d.ts

@@ -1,4 +1,5 @@
-import '../attention/index.js';
-import '../affix/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../attention/attention.js';
+import '../affix/affix.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';

package/dist/packages/slider/slider.test.js

@@ -2,10 +2,11 @@ import { userEvent } from '@vitest/browser/context';
 import { html } from 'lit';
 import { expect, test } from 'vitest';
 import { render } from 'vitest-browser-lit';
-import '../attention/index.js';
-import '../affix/index.js';
-import '../textfield/index.js';
-import './index.js';
+import '../attention/attention.js';
+import '../affix/affix.js';
+import '../textfield/textfield.js';
+import './slider.js';
+import '../slider-thumb/slider-thumb.js';
 test('single slider starts with a default value equal to max', async () => {
     const component = html `
     <form data-testid="form">

package/dist/packages/slider-thumb/react.d.ts

@@ -0,0 +1,6 @@
+import { EventName } from '@lit/react';
+import { WarpSliderThumb } from './slider-thumb.js';
+export declare const SliderThumb: import("@lit/react").ReactWebComponent<WarpSliderThumb, {
+    onSliderValidity: EventName<CustomEvent>;
+    'onslider-validity': EventName<CustomEvent>;
+}>;

package/dist/packages/slider-thumb/react.js

@@ -0,0 +1,15 @@
+import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
+import React from 'react';
+// decouple from CDN by providing a dummy class
+class Component extends LitElement {
+}
+export const SliderThumb = createComponent({
+    tagName: 'w-slider-thumb',
+    elementClass: Component,
+    react: React,
+    events: {
+        onSliderValidity: 'slidervalidity',
+        'onslider-validity': 'slidervalidity', // should be slider-validity
+    },
+});

package/dist/packages/{slider → slider-thumb}/slider-thumb.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import type { WarpTextField } from '../textfield/index.js';
+import type { WarpTextField } from '../textfield/textfield.js';
 declare const WarpSliderThumb_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
 /**
  * Component to place inside a `<w-slider>`.