npm - @warp-ds/elements - Versions diffs - 2.2.0 → 2.3.0-next.2 - Mend

@@ -0,0 +1,57 @@
+import { LitElement, PropertyValues } from 'lit';
+import type { WarpTextField } from '../textfield/index.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>`.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
+ */
+declare class WarpSliderThumb extends WarpSliderThumb_base {
+    #private;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult[];
+    ariaLabel: string;
+    ariaDescription: string;
+    label: string;
+    name: string;
+    value: string;
+    disabled: boolean;
+    /** Set by `<w-slider>` */
+    markers: string;
+    /** Set by `<w-slider>` */
+    required: boolean;
+    /** Set by `<w-slider>` */
+    step: number;
+    /** Set by `<w-slider>` */
+    min: string;
+    /** Set by `<w-slider>` */
+    max: string;
+    /** Set by `<w-slider>` */
+    suffix: string;
+    /** @internal */
+    forceDisabled: boolean;
+    /** @internal */
+    forceInvalid: boolean;
+    /** JS hook to help you format the numeric value how you want. */
+    formatter: (value: string) => string;
+    range: HTMLInputElement;
+    textfield: WarpTextField;
+    /** @internal */
+    _invalid: boolean;
+    /** @internal */
+    _showTooltip: boolean;
+    /**
+     * Reference to the anchor positioning style element used by the polyfill.
+     * @internal
+     */
+    anchorPositioningStyleElement: HTMLStyleElement | null;
+    connectedCallback(): Promise<void>;
+    updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit").TemplateResult<1>;
+}
+export { WarpSliderThumb };

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import React from 'react';
+import { WarpSlider } from './slider.js';
+export const Slider = createComponent({
+    tagName: 'w-slider',
+    elementClass: WarpSlider,
+    react: React,
+});

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import React from 'react';
+import { WarpSliderThumb } from './slider-thumb.js';
+export const SliderThumb = createComponent({
+    tagName: 'w-slider-thumb',
+    elementClass: WarpSliderThumb,
+    react: React,
+});

@@ -0,0 +1,3 @@
+// This file is only here to give the Storybook Vite dev server a target
+import polyfill from '@oddbird/css-anchor-positioning/fn';
+export default polyfill;

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

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

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

	@@ -0,0 +1,2 @@
1	+ export * from './slider.js';
2	+ export * from './slider-thumb.js';

	@@ -0,0 +1,2 @@
1	+ import polyfill from '@oddbird/css-anchor-positioning/fn';
2	+ export default polyfill;

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