ingred-ui 27.0.0 → 27.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingred-ui",
-  "version": "27.0.0",
+  "version": "27.0.2",
   "description": "",
   "author": "CARTA HOLDINGS, Inc.",
   "license": "MIT",
@@ -56,11 +56,10 @@
     "@rollup/plugin-terser": "0.4.3",
     "@rollup/plugin-typescript": "11.1.1",
     "@rollup/plugin-url": "8.0.1",
-    "@storybook/addon-essentials": "8.6.18",
-    "@storybook/addon-links": "8.6.18",
-    "@storybook/addon-storysource": "8.6.18",
-    "@storybook/react": "8.6.18",
-    "@storybook/react-vite": "8.6.18",
+    "@storybook/addon-docs": "10.3.3",
+    "@storybook/addon-links": "10.3.3",
+    "@storybook/addon-vitest": "10.3.3",
+    "@storybook/react-vite": "10.3.3",
     "@testing-library/jest-dom": "6.1.3",
     "@testing-library/react": "14.1.2",
     "@types/jest": "29.5.1",
@@ -69,9 +68,9 @@
     "@types/react-transition-group": "4.4.4",
     "@types/rollup-plugin-peer-deps-external": "2.2.1",
     "@types/styled-components": "5.1.25",
-    "@vitejs/plugin-react": "^4.3.4",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "cross-env": "7.0.3",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.0",
@@ -80,6 +79,7 @@
     "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "10.3.3",
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.7.0",
     "prettier": "3.0.0",
@@ -89,11 +89,15 @@
     "rollup-plugin-imagemin": "0.5.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "scaffdog": "4.1.0",
-    "storybook": "8.6.18",
+    "storybook": "10.3.3",
     "styled-components": "5.3.5",
     "ts-jest": "29.1.0",
     "typescript": "5.2.2",
-    "vite": "5.4.21"
+    "vite": "5.4.21",
+    "vitest": "^4.1.2",
+    "playwright": "^1.58.2",
+    "@vitest/browser-playwright": "^4.1.2",
+    "@vitest/coverage-v8": "^4.1.2"
   },
   "files": [
     "dist",

package/dist/components/CreatableSelect/CreatableSelect.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { CreatableProps } from "react-select/creatable";
-import { GroupBase } from "react-select/dist/declarations/src/types";
-import { OptionType } from "../Select";
-export type CreatableSelectProps<T> = {
-    minWidth?: string;
-    placeholder?: string;
-    error?: boolean;
-    emptyMessage?: string;
-    addMessage?: string;
-} & CreatableProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>;
-declare const CreatableSelect: <T>(inProps: CreatableSelectProps<T>, ref: React.Ref<HTMLDivElement>) => React.ReactElement<CreatableSelectProps<T>, string | React.JSXElementConstructor<any>>;
-declare const _default: <T>(props: {
-    minWidth?: string | undefined;
-    placeholder?: string | undefined;
-    error?: boolean | undefined;
-    emptyMessage?: string | undefined;
-    addMessage?: string | undefined;
-} & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
-    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
-}) => ReturnType<typeof CreatableSelect>;
-export default _default;

package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: <T>(props: {
-        minWidth?: string | undefined;
-        placeholder?: string | undefined;
-        error?: boolean | undefined;
-        emptyMessage?: string | undefined;
-        addMessage?: string | undefined;
-    } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
-        ref?: React.ForwardedRef<HTMLDivElement> | undefined;
-    }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
-    source: {
-        language: string;
-    };
-};
-export default _default;
-export declare const Example: () => JSX.Element;
-export declare const MultipleSelect: () => JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { Props as ReactSelectProps, StylesConfig } from "react-select";
-import { Theme } from "../../themes";
-export declare const getOverrideStyles: <OptionValue>(theme: Theme, error: boolean) => StylesConfig<OptionType<OptionValue>, boolean>;
-export type OptionType<T = string> = {
-    label: string;
-    value: T;
-};
-export type SelectProps<OptionValue, IsMulti extends boolean> = {
-    minWidth?: string;
-    placeholder?: string;
-    error?: boolean;
-    emptyMessage?: string;
-} & ReactSelectProps<OptionType<OptionValue>, IsMulti>;
-declare const Select: <OptionValue, IsMulti extends boolean>(inProps: SelectProps<OptionValue, IsMulti>, ref: React.Ref<HTMLDivElement>) => React.ReactElement<SelectProps<OptionValue, IsMulti>, string | React.JSXElementConstructor<any>>;
-declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
-    minWidth?: string | undefined;
-    placeholder?: string | undefined;
-    error?: boolean | undefined;
-    emptyMessage?: string | undefined;
-} & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
-    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
-}) => ReturnType<typeof Select>;
-export default _default;

package/dist/components/Select/Select.stories.d.ts

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { StoryObj } from "@storybook/react";
-import { OptionType } from "./Select";
-declare const _default: {
-    title: string;
-    component: <OptionValue, IsMulti extends boolean = false>(props: {
-        minWidth?: string | undefined;
-        placeholder?: string | undefined;
-        error?: boolean | undefined;
-        emptyMessage?: string | undefined;
-    } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<OptionValue>> & {
-        ref?: React.ForwardedRef<HTMLDivElement> | undefined;
-    }) => React.ReactElement<import("./Select").SelectProps<unknown, boolean>, string | React.JSXElementConstructor<any>>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            source: {
-                language: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Example: StoryObj;
-export declare const MultipleSelect: StoryObj;
-export declare const WithAsyncSearch: StoryObj;
-export declare const DesignSamples: StoryObj;