@salutejs/plasma-new-hope 0.164.0-dev.0 → 0.165.0-dev.0

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -50,6 +50,8 @@ const getContentRight = (contentRightOption: string, size: Size) => {
 };
 
 type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
+type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
+type VerticalStoryTabsProps = StoryTabsProps & { height: string };
 
 const meta: Meta<StoryTabsProps> = {
     title: 'plasma_b2c/Tabs',
@@ -79,7 +81,7 @@ const meta: Meta<StoryTabsProps> = {
 
 export default meta;
 
-const StoryHorizontalDefault = (props: StoryTabsProps) => {
+const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -134,7 +136,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalScroll = (props: StoryTabsProps) => {
+const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -144,18 +146,13 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        width,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width: '15rem' }}
-        >
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -195,7 +192,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalShowAll = (props: StoryTabsProps) => {
+const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -282,13 +279,15 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const HorizontalTabs: StoryObj<StoryTabsProps> = {
+export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
         hasDivider: true,
         helperText: '',
         itemQuantity: 8,
+        stretch: false,
+        width: '15rem',
     },
     argTypes: {
         contentLeft: {
@@ -310,6 +309,12 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
+        width: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
         size: {
             options: sizes,
             control: {
@@ -329,7 +334,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
     },
 };
 
-const StoryVerticalDefault = (props: StoryTabsProps) => {
+const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -385,7 +390,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalScroll = (props: StoryTabsProps) => {
+const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -395,6 +400,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        height,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
@@ -405,8 +411,8 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
             size={size as Size}
             disabled={disabled}
             clip={clip}
-            style={{ height: '10rem' }}
             hasDivider={hasDivider}
+            style={{ height }}
         >
             {items.map((_, i) => {
                 if (helperText !== '') {
@@ -449,7 +455,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalShowAll = (props: StoryTabsProps) => {
+const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -537,7 +543,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const VerticalTabs: StoryObj<StoryTabsProps> = {
+export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
@@ -545,6 +551,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
         itemQuantity: 8,
         orientation: 'vertical',
         helperText: '',
+        height: '10rem',
     },
     argTypes: {
         contentLeft: {
@@ -577,6 +584,12 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
                 disable: true,
             },
         },
+        height: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
     },
     render: (args) => {
         switch (args.clip) {

package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -50,6 +50,8 @@ const getContentRight = (contentRightOption: string, size: Size) => {
 };
 
 type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
+type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
+type VerticalStoryTabsProps = StoryTabsProps & { height: string };
 
 const meta: Meta<StoryTabsProps> = {
     title: 'plasma_web/Tabs',
@@ -79,7 +81,7 @@ const meta: Meta<StoryTabsProps> = {
 
 export default meta;
 
-const StoryHorizontalDefault = (props: StoryTabsProps) => {
+const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -134,7 +136,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalScroll = (props: StoryTabsProps) => {
+const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -144,18 +146,13 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        width,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width: '15rem' }}
-        >
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -195,7 +192,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalShowAll = (props: StoryTabsProps) => {
+const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -282,13 +279,15 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const HorizontalTabs: StoryObj<StoryTabsProps> = {
+export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
         hasDivider: true,
         helperText: '',
         itemQuantity: 8,
+        stretch: false,
+        width: '15rem',
     },
     argTypes: {
         contentLeft: {
@@ -310,6 +309,12 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
+        width: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
         size: {
             options: sizes,
             control: {
@@ -329,7 +334,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
     },
 };
 
-const StoryVerticalDefault = (props: StoryTabsProps) => {
+const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -385,7 +390,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalScroll = (props: StoryTabsProps) => {
+const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -395,6 +400,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        height,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
@@ -405,8 +411,8 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
             size={size as Size}
             disabled={disabled}
             clip={clip}
-            style={{ height: '10rem' }}
             hasDivider={hasDivider}
+            style={{ height }}
         >
             {items.map((_, i) => {
                 if (helperText !== '') {
@@ -449,7 +455,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalShowAll = (props: StoryTabsProps) => {
+const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -537,7 +543,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const VerticalTabs: StoryObj<StoryTabsProps> = {
+export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
@@ -545,6 +551,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
         itemQuantity: 8,
         orientation: 'vertical',
         helperText: '',
+        height: '10rem',
     },
     argTypes: {
         contentLeft: {
@@ -577,6 +584,12 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
                 disable: true,
             },
         },
+        height: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
     },
     render: (args) => {
         switch (args.clip) {

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -83,7 +83,7 @@ export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       });
       firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
         block: 'nearest',
-        inline: 'nearest'
+        inline: 'start'
       });
     }, [disabled, scrollRef, refs]);
     var onNext = useCallback(function () {
@@ -101,7 +101,7 @@ export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       });
       lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
         block: 'nearest',
-        inline: 'nearest'
+        inline: 'end'
       });
     }, [disabled, scrollRef, refs]);
     var PreviousButton = useMemo(function () {

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -76,7 +76,7 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
         return tabStartY < scrollTop;
       });
       firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
-        block: 'nearest',
+        block: 'start',
         inline: 'nearest'
       });
     }, [disabled, scrollRef, refs]);
@@ -94,7 +94,7 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
         return tabEndY > scrollBottom;
       });
       lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
-        block: 'nearest',
+        block: 'end',
         inline: 'nearest'
       });
     }, [disabled, scrollRef, refs]);

package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -50,6 +50,8 @@ const getContentRight = (contentRightOption: string, size: Size) => {
 };
 
 type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
+type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
+type VerticalStoryTabsProps = StoryTabsProps & { height: string };
 
 const meta: Meta<StoryTabsProps> = {
     title: 'plasma_b2c/Tabs',
@@ -79,7 +81,7 @@ const meta: Meta<StoryTabsProps> = {
 
 export default meta;
 
-const StoryHorizontalDefault = (props: StoryTabsProps) => {
+const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -134,7 +136,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalScroll = (props: StoryTabsProps) => {
+const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -144,18 +146,13 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        width,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width: '15rem' }}
-        >
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -195,7 +192,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalShowAll = (props: StoryTabsProps) => {
+const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -282,13 +279,15 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const HorizontalTabs: StoryObj<StoryTabsProps> = {
+export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
         hasDivider: true,
         helperText: '',
         itemQuantity: 8,
+        stretch: false,
+        width: '15rem',
     },
     argTypes: {
         contentLeft: {
@@ -310,6 +309,12 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
+        width: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
         size: {
             options: sizes,
             control: {
@@ -329,7 +334,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
     },
 };
 
-const StoryVerticalDefault = (props: StoryTabsProps) => {
+const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -385,7 +390,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalScroll = (props: StoryTabsProps) => {
+const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -395,6 +400,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        height,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
@@ -405,8 +411,8 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
             size={size as Size}
             disabled={disabled}
             clip={clip}
-            style={{ height: '10rem' }}
             hasDivider={hasDivider}
+            style={{ height }}
         >
             {items.map((_, i) => {
                 if (helperText !== '') {
@@ -449,7 +455,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalShowAll = (props: StoryTabsProps) => {
+const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -537,7 +543,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const VerticalTabs: StoryObj<StoryTabsProps> = {
+export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
@@ -545,6 +551,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
         itemQuantity: 8,
         orientation: 'vertical',
         helperText: '',
+        height: '10rem',
     },
     argTypes: {
         contentLeft: {
@@ -577,6 +584,12 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
                 disable: true,
             },
         },
+        height: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
     },
     render: (args) => {
         switch (args.clip) {

package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -50,6 +50,8 @@ const getContentRight = (contentRightOption: string, size: Size) => {
 };
 
 type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
+type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
+type VerticalStoryTabsProps = StoryTabsProps & { height: string };
 
 const meta: Meta<StoryTabsProps> = {
     title: 'plasma_web/Tabs',
@@ -79,7 +81,7 @@ const meta: Meta<StoryTabsProps> = {
 
 export default meta;
 
-const StoryHorizontalDefault = (props: StoryTabsProps) => {
+const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -134,7 +136,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalScroll = (props: StoryTabsProps) => {
+const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -144,18 +146,13 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        width,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width: '15rem' }}
-        >
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -195,7 +192,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryHorizontalShowAll = (props: StoryTabsProps) => {
+const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -282,13 +279,15 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const HorizontalTabs: StoryObj<StoryTabsProps> = {
+export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
         hasDivider: true,
         helperText: '',
         itemQuantity: 8,
+        stretch: false,
+        width: '15rem',
     },
     argTypes: {
         contentLeft: {
@@ -310,6 +309,12 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
+        width: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
         size: {
             options: sizes,
             control: {
@@ -329,7 +334,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
     },
 };
 
-const StoryVerticalDefault = (props: StoryTabsProps) => {
+const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -385,7 +390,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalScroll = (props: StoryTabsProps) => {
+const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -395,6 +400,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
+        height,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
@@ -405,8 +411,8 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
             size={size as Size}
             disabled={disabled}
             clip={clip}
-            style={{ height: '10rem' }}
             hasDivider={hasDivider}
+            style={{ height }}
         >
             {items.map((_, i) => {
                 if (helperText !== '') {
@@ -449,7 +455,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
     );
 };
 
-const StoryVerticalShowAll = (props: StoryTabsProps) => {
+const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
     const {
         disabled,
         itemQuantity,
@@ -537,7 +543,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
     );
 };
 
-export const VerticalTabs: StoryObj<StoryTabsProps> = {
+export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
     args: {
         size: 'xs',
         disabled: false,
@@ -545,6 +551,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
         itemQuantity: 8,
         orientation: 'vertical',
         helperText: '',
+        height: '10rem',
     },
     argTypes: {
         contentLeft: {
@@ -577,6 +584,12 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
                 disable: true,
             },
         },
+        height: {
+            control: {
+                type: 'text',
+            },
+            if: { arg: 'clip', eq: 'scroll' },
+        },
     },
     render: (args) => {
         switch (args.clip) {

package/styled-components/es/index.js

@@ -1,4 +1,4 @@
-// TODO: #723 add collectPackageInfo
+// TODO: #723 Добавить collectPackageInfo
 
 export * from './mixins';
 export * from './engines';