@modul/mbui 0.0.10-beta-pv-52970-94a621d3 → 0.0.10-beta-pv-52970-e24498f8

package/dist/Chip/Chip.js

@@ -7,7 +7,7 @@ const class_variance_authority_1 = require("class-variance-authority");
 const react_slot_1 = require("@radix-ui/react-slot");
 const utils_1 = require("../@/lib/utils");
 // import { cn } from "@/lib/utils" порешать с алиасами
-const chipVariants = (0, class_variance_authority_1.cva)('inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors  ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]', {
+const chipVariants = (0, class_variance_authority_1.cva)('inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none', {
     variants: {
         variant: {
             primary: 'text-btn-primary bg-btn-primary hover:bg-btn-primary-hover focus:bg-btn-primary-focus active:bg-btn-primary-active border-btn-primary hover:border-btn-primary-hover focus:border-btn-primary-focus active:border-btn-primary-active',
@@ -35,4 +35,5 @@ const Chip = react_1.default.forwardRef(({ children, variant, size, className, a
     return (react_1.default.createElement(Comp, { className: (0, utils_1.cn)(chipVariants({ variant, size, className })), ref: ref, ...props }));
 });
 exports.Chip = Chip;
+Chip.displayName = 'Chip';
 //# sourceMappingURL=Chip.js.map

package/dist/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+DAAoD;AACpD,uEAAiE;AACjE,qDAA2C;AAC3C,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,sLAAsL,EACtL;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;SACP;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAMD,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO,CACN,8BAAC,IAAI,IACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAEO,oBAAI"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+DAAoD;AACpD,uEAAiE;AACjE,qDAA2C;AAC3C,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,qLAAqL,EACrL;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;SACP;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAMD,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO,CACN,8BAAC,IAAI,IACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { TabsProps } from "@radix-ui/react-tabs";
+import { TabsProps } from '@radix-ui/react-tabs';
 declare type TabsComponents = {
     List: typeof TabsList;
     Trigger: typeof TabsTrigger;
@@ -10,4 +10,4 @@ declare const Tabs: React.FC<TabsProps> & TabsComponents;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Tabs;
+export { Tabs };

package/dist/Tabs/Tabs.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
 const TabsPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-tabs"));
 const Tabs = ({ ...props }) => react_1.default.createElement(TabsPrimitive.Root, { ...props });
-const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className), ...props })));
-const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)('inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className), ...props })));
-const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
+exports.Tabs = Tabs;
+const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)('inline-flex items-center gap-x-[24px] border-b-2', className), ...props })));
+const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)('inline-flex relative after:-bottom-[2px] after:absolute after:inset-x-0 justify-center items-center after:bg-primary disabled:opacity-50 pb-[12px] data-[state=active]:border-bottom-[2px] rounded-[4px] focus-visible:ring-2 focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 data-[state=active]:after:h-[3px] text-[14px] data-[state=active]:text-primary leading-[1.4] whitespace-nowrap motion-reduce:hover:transform-none transition-all after:transition-all motion-reduce:transition-none focus-visible:outline-none disabled:pointer-events-none', className), ...props })));
+const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)('ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
 Tabs.List = TabsList;
-TabsList.displayName = "TabsList";
+TabsList.displayName = 'TabsList';
 Tabs.Trigger = TabsTrigger;
-TabsTrigger.displayName = "TabsTrigger";
+TabsTrigger.displayName = 'TabsTrigger';
 Tabs.Content = TabsContent;
-TabsContent.displayName = "TabsContent";
-exports.default = Tabs;
+TabsContent.displayName = 'TabsContent';
 //# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAG,CAAA;AAErG,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,4FAA4F,EAC5F,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,qYAAqY,EACrY,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,iIAAiI,EACjI,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAmD7F,oBAAI;AAjDb,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,kDAAkD,EAClD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACb,sjBAAsjB,EACrjB,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,4HAA4H,EAC5H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/Tabs/index.d.ts

@@ -1,3 +1 @@
-import Tabs from './Tabs';
-export default Tabs;
-export { Tabs };
+export { Tabs } from './Tabs';

package/dist/Tabs/index.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-const tslib_1 = require("tslib");
-const Tabs_1 = (0, tslib_1.__importDefault)(require("./Tabs"));
-exports.Tabs = Tabs_1.default;
-exports.default = Tabs_1.default;
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
 //# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":";;;;AAAA,+DAAyB;AAIhB,eAJF,cAAI,CAIE;AAFb,kBAAe,cAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.10-beta-pv-52970-94a621d3",
+  "version": "0.0.10-beta-pv-52970-e24498f8",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,6 +31,7 @@
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
+    "@storybook/addon-storyshots": "latest",
     "@types/lodash": "4.17.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

package/src/@/config/index.ts

@@ -51,6 +51,9 @@ export default {
 				'2': 'var(--shadow-2)',
 			},
 			borderColor: {
+				input: {
+					DEFAULT: 'var(--border-color)'
+				},
 				...button.borderColor
 			},
 			borderRadius: {

package/src/Chip/Chip.tsx

@@ -5,7 +5,7 @@ import { cn } from '../@/lib/utils'
 // import { cn } from "@/lib/utils" порешать с алиасами
 
 const chipVariants = cva(
-	'inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors  ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]',
+	'inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none',
 	{
 		variants: {
 			variant: {
@@ -51,4 +51,6 @@ const Chip = React.forwardRef<HTMLButtonElement, IChipProps>(({ children, varian
 	)
 })
 
+Chip.displayName = 'Chip'
+
 export { Chip }

package/src/{input → Input}/Input.tsx

@@ -5,7 +5,7 @@ const InputLabel = React.forwardRef<HTMLLabelElement, React.LabelHTMLAttributes<
 	({ className, children, ...props }) => {
 		return (
 			<label
-				className={cn('text-[12px] leading-[1.33]', className)}
+				className={cn('mb-[4px] font-medium text-[12px] text-light leading-[1.33] focus:text-primary focus-visible:text-primary', className)}
 				{...props}
 			>
 				{children}
@@ -21,7 +21,7 @@ const InputField = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<
 		<input
 			type={type}
 			className={cn(
-				'h-[44px] leading-[1.17] rounded-1 w-full border border-input bg-transparent transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+				'border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-1 focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
 				className
 			)}
 			ref={ref}

package/src/Tabs/Tabs.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
 import cn from 'classnames'
 import * as TabsPrimitive from '@radix-ui/react-tabs'
-import {TabsProps} from "@radix-ui/react-tabs";
+import { TabsProps } from '@radix-ui/react-tabs'
 
 type TabsComponents = {
-	List: typeof TabsList,
-	Trigger: typeof TabsTrigger,
-	Content: typeof TabsContent,
+	List: typeof TabsList
+	Trigger: typeof TabsTrigger
+	Content: typeof TabsContent
 }
 
-const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props}/>
+const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props} />
 
 const TabsList = React.forwardRef<
 	React.ElementRef<typeof TabsPrimitive.List>,
@@ -18,7 +18,7 @@ const TabsList = React.forwardRef<
 	<TabsPrimitive.List
 		ref={ref}
 		className={cn(
-			'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+			'inline-flex items-center gap-x-[24px] border-b-2',
 			className
 		)}
 		{...props}
@@ -32,7 +32,7 @@ const TabsTrigger = React.forwardRef<
 	<TabsPrimitive.Trigger
 		ref={ref}
 		className={cn(
-			'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+		'inline-flex relative after:-bottom-[2px] after:absolute after:inset-x-0 justify-center items-center after:bg-primary disabled:opacity-50 pb-[12px] data-[state=active]:border-bottom-[2px] rounded-[4px] focus-visible:ring-2 focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 data-[state=active]:after:h-[3px] text-[14px] data-[state=active]:text-primary leading-[1.4] whitespace-nowrap motion-reduce:hover:transform-none transition-all after:transition-all motion-reduce:transition-none focus-visible:outline-none disabled:pointer-events-none',
 			className
 		)}
 		{...props}
@@ -46,7 +46,7 @@ const TabsContent = React.forwardRef<
 	<TabsPrimitive.Content
 		ref={ref}
 		className={cn(
-			'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+			'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
 			className
 		)}
 		{...props}
@@ -54,10 +54,10 @@ const TabsContent = React.forwardRef<
 ))
 
 Tabs.List = TabsList
-TabsList.displayName = "TabsList"
+TabsList.displayName = 'TabsList'
 Tabs.Trigger = TabsTrigger
-TabsTrigger.displayName = "TabsTrigger"
+TabsTrigger.displayName = 'TabsTrigger'
 Tabs.Content = TabsContent
-TabsContent.displayName = "TabsContent"
+TabsContent.displayName = 'TabsContent'
 
-export default Tabs
+export { Tabs }

package/src/Tabs/index.ts

@@ -1,5 +1 @@
-import Tabs from './Tabs'
-
-export default Tabs
-
-export { Tabs }
+export { Tabs } from './Tabs'

package/src/assets/css/global.css

@@ -23,7 +23,7 @@
     }
 
     :root {
-        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif; 
+        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
         --cl-white: #ffffff;
         --cl-dark: #000000;
@@ -127,15 +127,24 @@
         
         /* ЦВЕТ ПОЛЯ ВВОДА */
         /* =========================================== */
-        --input-border-color: var(--cl-graphite-5);
-        /* --input-bg: var(); */
+        
         /* =========================================== */
         /* ЦВЕТ ПОЛЯ ВВОДА */
-
+        
+        
+        /* BORDER */
+        /* =========================================== */
+        --border-color: var(--cl-graphite-5);
         --border-radius-1: 8px;
-
+        /* =========================================== */
+        /* BORDER */
+        
+        /* SHADOWS */
+        /* =========================================== */
         --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
         --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
+        /* =========================================== */
+        /* SHADOWS */
     }
 
 

package/src/Tabs/ant-tabs.styl

@@ -1,91 +0,0 @@
-@require '../../../Markup.Common/markup/stylus/variables'
-
-$prefix-tabs = ant-tabs
-
-// Общая обретка
-.{$prefix-tabs}
-	position relative
-
-	&._wide
-		.{$prefix-tabs}-tab
-			padding 0 16px 8px
-
-			&:not(:last-child)
-				margin-right 0
-
-// Панелька с названиями табов
-.{$prefix-tabs}-bar
-	position relative
-	display flex
-	flex-wrap nowrap
-
-	&::after
-		content ''
-		position absolute
-		right 0
-		bottom 0
-		left 0
-		height 2px
-		background-color $cl-graphite-6
-
-.{$prefix-tabs}-nav-wrap
-	overflow hidden
-
-.{$prefix-tabs}-nav-scroll
-	overflow hidden
-	white-space nowrap
-
-.{$prefix-tabs}-nav
-	display inline-block
-
-// Таб
-.{$prefix-tabs}-tab
-	display inline-block
-	padding-bottom 8px
-	user-select none
-	cursor pointer
-
-	&:not(:last-child)
-		margin-right 32px
-
-// Активный таб
-.{$prefix-tabs}-tab-active
-	position relative
-	color $cl-blue-2
-
-// Стрелки переключения между табами
-.{$prefix-tabs}-tab-prev
-.{$prefix-tabs}-tab-next
-	display none
-
-// Обертка всех табов
-.{$prefix-tabs}-content
-	display flex
-	margin-left 0 !important // fix стандартного поведения ant-tabs - табы уезжают влево через margin-left: -100%
-	width 100%
-
-// Контент табов
-.{$prefix-tabs}-tabpane
-	flex-shrink 0
-	width 100%
-
-// Подчеркивание активного таба
-.{$prefix-tabs}-ink-bar
-	position relative
-	height 3px
-	background-color $cl-blue-2
-	transition transform .2s
-	z-index 1
-
-// Скрытие неактивного таба
-.{$prefix-tabs}-tabpane-inactive
-	display none
-
-// Заготовка для анимаций
-// .{$prefix-tabs}-tabpane-active
-// 	animation-name anim-tab-active
-// 	animation-duration 1s
-
-// .{$prefix-tabs}-tabpane-inactive
-// 	animation-name anim-tab-inactive
-// 	animation-duration 1s