@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

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

@@ -1,6 +1,6 @@
-import { StoryObj } from '@storybook/react';
-import React from 'react';
-import { Select } from './react';
+import { StoryObj } from "@storybook/react";
+import React from "react";
+import { Select } from "./react";
 declare const _default: {
     title: string;
     render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {

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

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
-import { Option, Select } from './react';
+import React, { useState } from "react";
+import { Option, Select } from "./react";
 export default {
-    title: 'Forms/Select',
+    title: "Forms/Select",
     render(args) {
         return (React.createElement(Select, { ...args },
             React.createElement(Option, { value: "strawberries" }, "Strawberries"),
@@ -12,15 +12,15 @@ export default {
 };
 export const Default = {
     args: {
-        label: 'Berries',
+        label: "Berries",
     },
 };
 export const ChangeEvent = {
     args: {
-        label: 'Berries',
+        label: "Berries",
     },
     render(args) {
-        const [selectedValue, setSelectedValue] = useState('');
+        const [selectedValue, setSelectedValue] = useState("");
         return (React.createElement(React.Fragment, null,
             React.createElement("div", null,
                 "Selected Value: ",
@@ -29,5 +29,5 @@ export const ChangeEvent = {
                 React.createElement(Option, { value: "strawberries" }, "Strawberries"),
                 React.createElement(Option, { value: "raspberries", selected: true }, "Raspberries"),
                 React.createElement(Option, { value: "cloudberries" }, "Cloudberries"))));
-    }
+    },
 };

package/dist/packages/select/select.react.test.js

@@ -1,7 +1,7 @@
-import { describeReactSsrAttributeMapping } from '../../tests/react-ssr-attributes';
-import { Select } from './react.js';
-describeReactSsrAttributeMapping('Select', Select, [
-    { propName: 'autoFocus', attrName: 'auto-focus' },
-    { propName: 'helpText', attrName: 'help-text', value: 'Help text' },
-    { propName: 'readOnly', attrName: 'read-only' },
+import { describeReactSsrAttributeMapping } from "../../tests/react-ssr-attributes";
+import { Select } from "./react.js";
+describeReactSsrAttributeMapping("Select", Select, [
+    { propName: "autoFocus", attrName: "auto-focus" },
+    { propName: "helpText", attrName: "help-text", value: "Help text" },
+    { propName: "readOnly", attrName: "read-only" },
 ]);

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

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import type { WarpSelect } from './select.js';
-import './select.js';
+import type { Meta, StoryObj } from "@storybook/web-components-vite";
+import type { WarpSelect } from "./select.js";
+import "./select.js";
 declare const args: Partial<WarpSelect> & {
     [key: string]: any;
 };

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

@@ -1,21 +1,21 @@
-import { spread } from '@open-wc/lit-helpers';
-import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
-import { html } from 'lit';
-import { prespread } from '../../.storybook/utilities.js';
-import './select.js';
-const { events, args, argTypes } = getStorybookHelpers('w-select');
+import { spread } from "@open-wc/lit-helpers";
+import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
+import { html } from "lit";
+import { prespread } from "../../.storybook/utilities.js";
+import "./select.js";
+const { events, args, argTypes } = getStorybookHelpers("w-select");
 const meta = {
-    title: 'Forms/Select',
+    title: "Forms/Select",
     render(args) {
         return html `
-      <form>
-        <w-select ${spread(prespread(args))}>
-          <option value="raspberries">Raspberries</option>
-          <option value="strawberries" selected>Strawberries</option>
-          <option value="cloudberries">Cloudberries</option>
-        </w-select>
-      </form>
-    `;
+			<form>
+				<w-select ${spread(prespread(args))}>
+					<option value="raspberries">Raspberries</option>
+					<option value="strawberries" selected>Strawberries</option>
+					<option value="cloudberries">Cloudberries</option>
+				</w-select>
+			</form>
+		`;
     },
     args,
     argTypes,
@@ -28,74 +28,77 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        label: 'Berries',
+        label: "Berries",
     },
 };
 export const HelpText = {
     args: {
-        label: 'Berries',
-        'help-text': 'We assume this is your jam preference',
+        label: "Berries",
+        "help-text": "We assume this is your jam preference",
     },
 };
 export const Invalid = {
     args: {
-        label: 'Berries',
+        label: "Berries",
         invalid: true,
-        'help-text': 'Wrong choice',
+        "help-text": "Wrong choice",
     },
 };
 export const Disabled = {
     args: {
-        label: 'Berries',
+        label: "Berries",
         disabled: true,
     },
 };
 export const ReadOnly = {
     args: {
-        label: 'Berries',
-        'read-only': true,
+        label: "Berries",
+        "read-only": true,
     },
 };
 export const NoLabel = {
     render(args) {
         return html `
-      <div style="display: flex; flex-direction: column; gap: 32px;">
-        <w-select ${spread(prespread(args))} aria-label="Your selection is berry nice!">
-          <option value="raspberries">Raspberries</option>
-          <option value="strawberries" selected>Strawberries</option>
-          <option value="cloudberries">Cloudberries</option>
-        </w-select>
+			<div style="display: flex; flex-direction: column; gap: 32px;">
+				<w-select
+					${spread(prespread(args))}
+					aria-label="Your selection is berry nice!"
+				>
+					<option value="raspberries">Raspberries</option>
+					<option value="strawberries" selected>Strawberries</option>
+					<option value="cloudberries">Cloudberries</option>
+				</w-select>
 
-        <label id="select-label" htmlFor="warp-aria-labelledby-example">
-          You're berry good at selecting!
-        </label>
-        <w-select ${spread(prespread(args))} id="warp-aria-labelledby-example">
-          <option value="raspberries">Raspberries</option>
-          <option value="strawberries" selected>Strawberries</option>
-          <option value="cloudberries">Cloudberries</option>
-        </w-select>
-      </div>
-    `;
+				<label id="select-label" htmlFor="warp-aria-labelledby-example">
+					You're berry good at selecting!
+				</label>
+				<w-select ${spread(prespread(args))} id="warp-aria-labelledby-example">
+					<option value="raspberries">Raspberries</option>
+					<option value="strawberries" selected>Strawberries</option>
+					<option value="cloudberries">Cloudberries</option>
+				</w-select>
+			</div>
+		`;
     },
 };
 export const Optional = {
     args: {
-        label: 'Berries',
+        label: "Berries",
         optional: true,
     },
 };
 export const Placeholder = {
     args: {
-        label: 'Berries',
+        label: "Berries",
     },
     render(args) {
         return html `
-      <w-select ${spread(prespread(args))}>
-        <option value="">Select an option</option>
-        <option value="raspberries">Raspberries</option>
-        <option value="strawberries">Strawberries</option>
-        <option value="cloudberries">Cloudberries</option>
-      </w-select>
-    `;
+			<w-select ${spread(prespread(args))}>
+				<option value="">Select an option</option>
+				<option value="raspberries">Raspberries</option>
+				<option value="strawberries">Strawberries</option>
+				<option value="cloudberries">Cloudberries</option>
+			</w-select>
+		`;
     },
 };

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

@@ -1 +1 @@
-import './select.js';
+import "./select.js";