@warp-ds/elements 2.3.0-next.1 → 2.3.0-next.11

package/dist/packages/select/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpSelect } from '.';
+import { WarpSelect } from './index.js';
 export declare const Select: import("@lit/react").ReactWebComponent<WarpSelect, {
     onChange: string;
     onchange: string;

package/dist/packages/select/select.react.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 import { Select } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<React.HTMLAttributes<import(".").WarpSelect>, "label" | "onchange" | "autoFocus" | "onChange" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "disabled" | "name" | "value" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "resetFormControl" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "always" | "hint" | "optional" | "readOnly" | "_options" | "_setValue" | "handleKeyDown"> & {
+    render(args: Omit<React.HTMLAttributes<import(".").WarpSelect>, "label" | "onchange" | "autoFocus" | "onChange" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "disabled" | "name" | "value" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "resetFormControl" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "helpText" | "always" | "hint" | "optional" | "readOnly" | "readonly" | "_options" | "_setValue" | "handleKeyDown"> & {
         onChange?: (e: Event) => void;
         onchange?: (e: Event) => void;
     } & Partial<Omit<import(".").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import(".").WarpSelect>): React.JSX.Element;

package/dist/packages/select/select.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: Meta<typeof args>;
 export default meta;
 type Story = StoryObj<typeof args>;
 export declare const Default: Story;
-export declare const Hint: Story;
+export declare const HelpText: Story;
 export declare const Invalid: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;

package/dist/packages/select/select.stories.js

@@ -29,18 +29,17 @@ export const Default = {
         label: 'Berries',
     },
 };
-export const Hint = {
+export const HelpText = {
     args: {
         label: 'Berries',
-        always: true,
-        hint: 'We assume this is your jam preference'
+        'help-text': 'We assume this is your jam preference'
     },
 };
 export const Invalid = {
     args: {
         label: 'Berries',
         invalid: true,
-        hint: 'Wrong choice'
+        'help-text': 'Wrong choice'
     },
 };
 export const Disabled = {

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

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

package/dist/packages/steps/index.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import '@warp-ds/icons/elements/check-16';
+/**
+ * Steps are used to show progress through a process or to guide users through a multi-step task.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
+ */
+declare class WarpSteps extends LitElement {
+    horizontal: boolean;
+    right: boolean;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    updated(): void;
+    updateStepsContext(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+interface StepsContext {
+    horizontal?: boolean;
+    right?: boolean;
+    isLast?: boolean;
+    isFirst?: boolean;
+}
+/**
+ * Individual step component that shows a single step in a process
+ */
+declare class WarpStep extends LitElement {
+    active: boolean;
+    completed: boolean;
+    private _context;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    setContext(context: StepsContext): void;
+    getAriaLabel(): string;
+    render(): import("lit").TemplateResult<1>;
+}
+export { WarpSteps, WarpStep };