@mdtl/uikit 0.0.66 → 0.0.67

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import { default as React, FC } from 'react';
 import { SnackbarStyle } from './interfaces';
-interface ISnackbarProps {
+export interface ISnackbarProps {
     isOpen: boolean;
     style: SnackbarStyle;
     label: string;
@@ -9,4 +9,3 @@ interface ISnackbarProps {
     setConfig: (config: Partial<ISnackbarProps>) => void;
 }
 export declare const Snackbar: FC<ISnackbarProps>;
-export {};

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { ISnackbarProps } from './Snackbar';
+declare const meta: {
+    title: string;
+    component: React.FC<ISnackbarProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        isOpen: true;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const MultipleDescription: Story;
+export declare const EmptyDescription: Story;
+export declare const Action: Story;
+export declare const LargeLabelAndDescription: Story;

package/dist/components/Snackbar/interfaces.d.ts

@@ -1 +1,6 @@
 export type SnackbarStyle = 'primary' | 'secondary' | 'warning' | 'error' | 'success';
+export type SnackbarStyles = {
+    [key in SnackbarStyle]: {
+        backgroundColor: string;
+    };
+};

package/dist/components/Stepper/Stepper.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
-interface IStepperProps {
+export interface IStepperProps {
     activeStep: number;
     steps: {
         title: string;
     }[];
 }
 export declare const Stepper: FC<IStepperProps>;
-export {};

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { IStepperProps } from './Stepper';
+declare const meta: {
+    title: string;
+    component: import('react').FC<IStepperProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        activeStep: number;
+        steps: {
+            title: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,16 +1,8 @@
 import { default as React } from 'react';
-interface TabProps {
-    id: number;
-    label: string;
-    to?: string;
-    startTemplate?: React.ReactNode;
-    endTemplate?: React.ReactNode;
-    count?: number;
-}
-interface ITabsProps {
-    tabs: TabProps[];
+import { Tab } from './interfaces';
+export interface ITabsProps {
+    tabs: Tab[];
     activeTab: number;
     onChange: (tab: number) => void;
 }
 export declare const Tabs: React.FC<ITabsProps>;
-export {};

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { ITabsProps } from './Tabs';
+declare const meta: {
+    title: string;
+    component: (props: ITabsProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        tabs: {
+            id: number;
+            label: string;
+        }[];
+        activeTab: number;
+        onChange: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const StartTemplate: Story;
+export declare const EndTemplate: Story;
+export declare const Count: Story;
+export declare const To: Story;

package/dist/components/Tabs/Test.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Checkbox } from '@mui/material';
+declare const meta: {
+    title: string;
+    component: typeof Checkbox;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/Tabs/interfaces.d.ts

@@ -0,0 +1,9 @@
+export type Tab = {
+    id: number;
+    label: string;
+    /** Опция для навигации */
+    to?: string;
+    startTemplate?: React.ReactNode;
+    endTemplate?: React.ReactNode;
+    count?: number;
+};

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ITitleProps } from './Title';
+declare const meta: {
+    title: string;
+    component: import('react').FC<ITitleProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        caption: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithCount: Story;
+export declare const withLargeCount: Story;

package/dist/themes/aps/controls/configs/checkbox.d.ts

@@ -7,6 +7,7 @@ export declare const checkboxConfig: {
         disableTouchRipple: boolean;
         icon: React.ReactNode;
         checkedIcon: React.ReactNode;
+        id: string;
     };
     variants: ({
         props: {

package/dist/themes/aps/controls/configs/radio.d.ts

@@ -7,6 +7,7 @@ export declare const radioConfig: {
         disableTouchRipple: boolean;
         icon: React.ReactNode;
         checkedIcon: React.ReactNode;
+        id: string;
     };
     variants: ({
         props: {

package/dist/themes/aps/controls/shared/createCheckConfig.d.ts

@@ -11,6 +11,7 @@ export declare const createCheckConfig: ({ icon, checkedIcon, indeterminateIcon
         disableTouchRipple: boolean;
         icon: import('react').ReactNode;
         checkedIcon: import('react').ReactNode;
+        id: string;
     };
     variants: ({
         props: {

package/dist/uikit.js

@@ -4249,6 +4249,7 @@ const Im = (e) => /* @__PURE__ */ f(mt, { ...e, children: /* @__PURE__ */ f("svg
     disableTouchRipple: !0,
     icon: e,
     checkedIcon: t,
+    id: "test-default-props",
     ...n && { indeterminateIcon: n }
   },
   variants: [
@@ -5503,6 +5504,13 @@ const Im = (e) => /* @__PURE__ */ f(mt, { ...e, children: /* @__PURE__ */ f("svg
   },
   typography: Pe,
   components: {
+    MuiButtonBase: {
+      defaultProps: {
+        // The props to apply
+        disableRipple: !0
+        // No more ripple, on the whole application 💣!
+      }
+    },
     MuiDialog: {
       styleOverrides: {
         paperWidthMd: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdtl/uikit",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "type": "module",
   "main": "./dist/uikit.js",
   "types": "./dist/index.d.ts",
@@ -16,7 +16,9 @@
     "lint:fix": "eslint \"lib/**/*.{ts,tsx,js,jsx,json,md}\" --ext .ts,.tsx,.js,.jsx --fix",
     "preview": "vite preview",
     "prepare": "husky",
-    "pub": "npm publish --access public"
+    "pub": "npm publish --access public",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
@@ -78,6 +80,18 @@
     "vite-plugin-checker": "^0.6.2",
     "vite-plugin-circular-dependency": "^0.2.1",
     "vite-plugin-dts": "^4.5.4",
+    "storybook": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@chromatic-com/storybook": "^5.0.0",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "eslint-plugin-storybook": "^10.1.11",
+    "vitest": "^4.0.17",
+    "playwright": "^1.57.0",
+    "@vitest/browser-playwright": "^4.0.17",
+    "@vitest/coverage-v8": "^4.0.17",
     "vite-plugin-html": "^3.2.0",
     "date-fns": "^4.1.0",
     "@tanstack/react-table": "^8.21.3",
@@ -87,4 +101,4 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2"
   }
-}
+}