@warp-ds/elements 2.6.0-next.4 → 2.6.0

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { Button } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<React.HTMLAttributes<import("./button").WarpButton>, "rel" | "_classes" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "variant" | "form" | "small" | "quiet" | "href" | "target" | "fullWidth" | "type" | "loading" | "buttonClass" | "name" | "value" | "ariaValueTextLoading" | "updated" | "firstUpdated" | "_primaryClasses" | "_secondaryClasses" | "_utilityClasses" | "_negativeClasses" | "_pillClasses" | "_linkClasses" | "_handleButtonClick" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>): React.JSX.Element;
+    render(args: Omit<React.HTMLAttributes<import("./button").WarpButton>, "name" | "small" | "form" | "rel" | "_classes" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "variant" | "quiet" | "href" | "target" | "fullWidth" | "type" | "loading" | "buttonClass" | "value" | "ariaValueTextLoading" | "updated" | "firstUpdated" | "_primaryClasses" | "_secondaryClasses" | "_utilityClasses" | "_negativeClasses" | "_pillClasses" | "_linkClasses" | "_handleButtonClick" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>): React.JSX.Element;
     component: import("@lit/react").ReactWebComponent<import("./button").WarpButton, {}>;
 };
 export default _default;

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

@@ -4,10 +4,7 @@ import './button.js';
 declare const args: Partial<WarpButton> & {
     [key: string]: any;
 };
-import '@warp-ds/icons/elements/close-16';
-import '@warp-ds/icons/elements/heart-16';
-import '@warp-ds/icons/elements/chevron-right-16';
-import '@warp-ds/icons/elements/chevron-left-16';
+import '../icon/icon.js';
 declare const meta: Meta<typeof args>;
 export default meta;
 type Story = StoryObj<typeof args>;

package/dist/packages/button/button.stories.js

@@ -4,10 +4,8 @@ import { html } from 'lit';
 import { prespread } from '../../.storybook/utilities.js';
 import './button.js';
 const { events, args, argTypes } = getStorybookHelpers('w-button');
-import '@warp-ds/icons/elements/close-16';
-import '@warp-ds/icons/elements/heart-16';
-import '@warp-ds/icons/elements/chevron-right-16';
-import '@warp-ds/icons/elements/chevron-left-16';
+import '../icon/icon.js';
+import { detectLocale } from '../i18n.js';
 const meta = {
     title: 'Buttons/Button',
     render(args) {
@@ -60,34 +58,31 @@ export const Pill = {
         type: 'button',
     },
     render(args) {
+        const locale = detectLocale();
         return html `<w-button ${spread(prespread(args))}>
-        <w-icon-chevron-left-16 style="height: 16px;"></w-icon-chevron-left-16>
+        <w-icon name="ChevronLeft" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))}>
-        <w-icon-close-16 style="height: 16px;"></w-icon-close-16>
+        <w-icon name="Close" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))}>
-        <w-icon-heart-16 style="height: 16px;"></w-icon-heart-16>
+        <w-icon name="Heart" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))}>
-        <w-icon-chevron-right-16
-          style="height: 16px;"
-        ></w-icon-chevron-right-16>
+        <w-icon name="ChevronRight" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <br />
       <w-button ${spread(prespread(args))} small="">
-        <w-icon-chevron-left-16 style="height: 16px;"></w-icon-chevron-left-16>
+        <w-icon name="ChevronLeft" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))} small="">
-        <w-icon-close-16 style="height: 16px;"></w-icon-close-16>
+        <w-icon name="Close" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))} small="">
-        <w-icon-heart-16 style="height: 16px;"></w-icon-heart-16>
+        <w-icon name="Heart" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>
       <w-button ${spread(prespread(args))} small="">
-        <w-icon-chevron-right-16
-          style="height: 16px;"
-        ></w-icon-chevron-right-16>
+        <w-icon name="ChevronRight" size="small" locale="${locale}" style="height: 16px;" class="flex"></w-icon>
       </w-button>`;
     },
 };

package/dist/packages/card/card.d.ts

@@ -17,7 +17,7 @@ declare class WarpCard extends LitElement {
     /** @internal */
     get _outlineClasses(): string;
     /** @internal */
-    get _interactiveElement(): import("lit").TemplateResult<1> | "";
+    get _interactiveElement(): "" | import("lit").TemplateResult<1>;
     keypressed(e: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -9,7 +9,7 @@ declare const _default: {
         onChange: string;
         onchange: string;
     }>;
-    render(args: Omit<React.HTMLAttributes<import("./combobox").WarpCombobox>, "label" | "onchange" | "onselect" | "onChange" | "onSelect" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "disabled" | "name" | "value" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "options" | "placeholder" | "openOnFocus" | "selectOnBlur" | "matchTextSegments" | "disableStaticFiltering" | "helpText" | "required" | "optional" | "autocomplete"> & {
+    render(args: Omit<React.HTMLAttributes<import("./combobox").WarpCombobox>, "name" | "form" | "label" | "onchange" | "onselect" | "onChange" | "onSelect" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "disabled" | "value" | "updated" | "firstUpdated" | "resetFormControl" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "invalid" | "options" | "placeholder" | "openOnFocus" | "selectOnBlur" | "matchTextSegments" | "disableStaticFiltering" | "helpText" | "required" | "optional" | "autocomplete"> & {
         onSelect?: (e: Event) => void;
         onselect?: (e: Event) => void;
         onChange?: (e: Event) => void;

package/dist/packages/datepicker/datepicker.d.ts

@@ -1,8 +1,6 @@
 import { Locale } from 'date-fns';
 import { LitElement } from 'lit';
-import '@warp-ds/icons/elements/calendar-16';
-import '@warp-ds/icons/elements/chevron-left-16';
-import '@warp-ds/icons/elements/chevron-right-16';
+import '../icon/icon.js';
 declare const WarpDatepicker_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
 /**
  * An input for dates.