@cube-dev/ui-kit 0.31.1 → 0.32.0

package/es/shared/form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/shared/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/stories/Form.stories.js

@@ -0,0 +1,78 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.32.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form, Field, Submit, Input } from '../index';
+import { DialogFormApp } from './components/DialogFormApp';
+import { DISABLE_BASE_ARGS } from './FormFieldArgs';
+export default {
+    title: 'Forms/Form',
+    component: Form,
+    argTypes: {
+        ...DISABLE_BASE_ARGS,
+    },
+};
+export const LoginForm = {
+    // 1s of submitting
+    render: (args) => (_jsxs(Form, { requiredMark: false, onSubmit: () => {
+            return new Promise((resolve) => {
+                setTimeout(resolve, 1000);
+            });
+        }, ...args, children: [_jsx(Field, { label: "Email", name: "email", rules: [
+                    {
+                        required: true,
+                        message: 'E-mail required',
+                    },
+                    {
+                        type: 'email',
+                        message: 'Please enter a valid e-mail',
+                    },
+                ], children: _jsx(Input.Text, { type: "email" }) }), _jsx(Field, { label: "Password", name: "password", rules: [
+                    {
+                        required: true,
+                        message: 'Password required',
+                    },
+                    {
+                        min: 8,
+                        message: 'The password must be at least 8 characters',
+                    },
+                ], children: _jsx(Input.Password, { type: "password" }) }), _jsx(Submit, { children: "Submit" })] })),
+    name: 'LoginForm',
+};
+export const HorizontalLoginForm = {
+    // 1s of submitting
+    render: (args) => (_jsxs(Form, { orientation: "horizontal", labelPosition: "side", requiredMark: false, onSubmit: () => {
+            return new Promise((resolve) => {
+                setTimeout(resolve, 1000);
+            });
+        }, ...args, children: [_jsx(Field, { label: "Email", name: "email", rules: [
+                    {
+                        required: true,
+                        message: 'E-mail required',
+                    },
+                    {
+                        type: 'email',
+                        message: 'Please enter a valid e-mail',
+                    },
+                ], children: _jsx(Input.Text, { type: "email", size: "small" }) }), _jsx(Field, { label: "Password", name: "password", rules: [
+                    {
+                        required: true,
+                        message: 'Password required',
+                    },
+                    {
+                        min: 8,
+                        message: 'The password must be at least 8 characters',
+                    },
+                ], children: _jsx(Input.Password, { type: "password", size: "small" }) }), _jsx(Submit, { size: "small", children: "Submit" })] })),
+    name: 'HorizontalLoginForm',
+};
+export const DialogFormExample = {
+    render: () => _jsx(DialogFormApp, {}),
+    name: 'DialogFormApp',
+};
+
+        

package/es/stories/FormFieldArgs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/stories/Layout.stories.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.32.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Space, Card, Block, Flow as UIKitFlow, Flex as UIKitFlex, Grid as UIKitGrid, } from '../index';
+export default {
+    title: 'Layout',
+};
+export const Flow = {
+    render: () => (_jsxs(UIKitFlow, { gap: true, children: [_jsx(Card, { children: "Card 1" }), _jsx(Card, { children: "Card 2" }), _jsx(Card, { children: "Card 3" })] })),
+};
+export const Flex = {
+    render: () => (_jsxs(UIKitFlow, { gap: true, children: [_jsxs(Space, { flow: "row", children: [_jsx(Block, { children: "horizontal space" }), _jsx(Button, { children: "One" }), _jsx(Button, { children: "Two" })] }), _jsxs(Space, { flow: "column", children: [_jsx(Block, { children: "vertical space" }), _jsx(Button, { children: "One" }), _jsx(Button, { children: "Two" })] })] })),
+};
+export const FlexCustom = {
+    render: () => (_jsxs(UIKitFlex, { flow: "row", gap: "4x", placeContent: "space-between", placeItems: "center", children: [_jsx(Button, { children: "One" }), _jsx(Button, { children: "Two" }), _jsx(Button, { children: "Three" }), _jsx(Button, { children: "Four" })] })),
+};
+export const Grid = {
+    render: () => (_jsxs(UIKitGrid, { gridColumns: "200px 1fr", gridRows: "60px 1fr", height: "500px", gap: "1x", children: [_jsx(Card, { gridColumn: "1 / -1", children: "Header" }), _jsx(Card, { children: "Sidebar" }), _jsx(Card, { children: "Content" })] })),
+};
+
+        

package/es/stories/Tasty.stories.js

@@ -0,0 +1,20 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.32.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyledButton as StyledButtonComponent, GlobalStyledHeading, } from './components/StyledButton';
+export default {
+    title: 'Tasty API',
+};
+export const StyledButton = {
+    render: () => _jsx(StyledButtonComponent, { children: "Styled Button" }),
+};
+export const GloballyStyledButton = {
+    render: () => (_jsxs(_Fragment, { children: [_jsx(GlobalStyledHeading, {}), _jsx("div", { className: "myButton", children: "Styled Button" })] })),
+};
+
+        

package/es/stories/components/ConfirmDeletionDialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/stories/components/DialogFormApp.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/stories/components/StyledButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/stories/lists/baseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/providers/BreakpointsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/align.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/border.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/boxShadow.combinator.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/color.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/createStyle.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/dimension.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/display.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/fill.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/font.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/fontStyle.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/gap.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/groupRadius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/height.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/justify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/margin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/marginBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/marginInline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/outline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/padding.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/paddingBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/paddingInline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/predefined.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -88,7 +88,11 @@ function tasty(Component, options) {
             const { variant, ...restProps } = allProps;
             const Component = (variantComponents[variant] ||
                 variantComponents['default']);
-            return _jsx(Component, { ...restProps, ref: ref });
+            return (_jsx(Component
+            // @ts-ignore
+            , { 
+                // @ts-ignore
+                ref: ref, ...restProps }));
         });
     }
     else {

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/cache-wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/case-converter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */