@bezdenegsvarkinet/ui-library 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +6 -5
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +139 -69
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +1 -1
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.js +6 -5
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -91,10 +91,11 @@ var import_class_variance_authority2 = require("class-variance-authority");
91
91
 
92
92
  // src/stories/button/config/button-variants.ts
93
93
  var buttonVariants = {
94
- "primary-fill": "bg-blue-500 text-white not-disabled:hover:bg-blue-800 not-disabled:active:bg-blue-700 disabled:bg-neutral-200 disabled:text-neutral-500",
95
- "primary-outline": "bg-transparent border border-blue-500 text-blue-500 not-disabled:hover:border-blue-800 not-disabled:active:border-blue-700 disabled:border-neutral-500 disabled:bg-neutral-200",
96
- "secondary-fill": "bg-neutral-800 text-white hover:bg-neutral-700",
97
- "secondary-outline": "border-2 border-neutral-800 text-neutral-800 not-disabled:hover:bg-neutral-700 not-disabled:active:bg-neutral-700 disabled:bg-neutral-200"
94
+ "primary-fill": "bg-primary-blue-500 text-white not-disabled:hover:bg-primary-blue-800 not-disabled:active:bg-primary-blue-700 disabled:bg-neutral-200 disabled:text-neutral-400",
95
+ "primary-outline": "bg-transparent border border-primary-blue-500 text-primary-blue-500 not-disabled:hover:border-primary-blue-800 not-disabled:hover:text-primary-blue-800 not-disabled:active:border-primary-blue-700 not-disabled:active:text-primary-blue-700 disabled:border-primary-neutral-200 disabled:text-primary-neutral-400",
96
+ "primary-ghost": "bg-transparent text-primary-blue-500 not-disabled:hover:text-primary-blue-800 not-disabled:active:text-primary-blue-700 disabled:text-primary-neutral-400",
97
+ "secondary-fill": "bg-primary-neutral-800 text-white hover:bg-primary-neutral-700",
98
+ "secondary-outline": "border-2 border-primary-neutral-800 text-primary-neutral-800 not-disabled:hover:bg-primary-neutral-700 not-disabled:active:bg-primary-neutral-700"
98
99
  };
99
100
 
100
101
  // src/stories/button/config/button-sizes.ts
@@ -109,7 +110,7 @@ var buttonSizes = {
109
110
  var import_lucide_react = require("lucide-react");
110
111
  var import_jsx_runtime2 = require("react/jsx-runtime");
111
112
  var buttonConfig = (0, import_class_variance_authority2.cva)(
112
- "transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed",
113
+ "transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed ",
113
114
  {
114
115
  variants: {
115
116
  variant: {
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/lib/utils.ts","../src/stories/typography/ui/typography.tsx","../src/stories/typography/config/typography-sizes.ts","../src/stories/button/ui/button.tsx","../src/stories/button/config/button-variants.ts","../src/stories/button/config/button-sizes.ts"],"sourcesContent":["// Экспортируем только компоненты, не stories и не CSS\nexport { Typography } from './stories/typography'\nexport { Button } from './stories/button'\n\n// export type { IButtonProps } from 'src/stories/button/ui/button'\n// export type { ITypographyProps } from 'src/stories/typography/ui/typography'\n\n// Импортируем CSS с Tailwind (он попадёт в сборку)\nimport './index.css'","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { FC } from 'react'\nimport { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { typographySizes } from '../config/typography-sizes'\n\nconst typographyVariants = cva('transition-all duration-300 leading-[100%]', {\n\tvariants: {\n\t\tsize: {\n\t\t\t...typographySizes,\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'body/r/16',\n\t},\n})\n\ntype TTag = 'p' | 'span'\n\nexport interface ITypographyProps\n\textends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {\n\tchildren: React.ReactNode\n\ttag?: TTag\n}\n\nexport const Typography: FC<ITypographyProps> = ({ children, tag = 'p', size, className, ...props }) => {\n\tconst Tag = tag\n\n\treturn (\n\t\t<Tag {...props} className={cn(typographyVariants({ size, className }))}>\n\t\t\t{children}\n\t\t</Tag>\n\t)\n}","export const typographySizes = {\n\t'display/eb/64': 'text-[64px] font-extrabold',\n\t'display/b/56': 'text-[56px] font-bold',\n\n\t'heading/b/48': 'text-[48px] font-bold',\n\t'heading/sb/40': 'text-[40px] font-semibold',\n\t'heading/sb/36': 'text-[36px] font-semibold',\n\t'heading/sb/32': 'text-[32px] font-semibold',\n\t'heading/sb/28': 'text-[28px] font-semibold',\n\n\t'subtitle/sb/24': 'text-[24px] font-semibold',\n\t'subtitle/m/24': 'text-[24px] font-medium',\n\t'subtitle/sb/20': 'text-[20px] font-semibold',\n\t'subtitle/m/20': 'text-[20px] font-medium',\n\t'subtitle/sb/18': 'text-[18px] font-semibold',\n\t'subtitle/m/18': 'text-[18px] font-medium',\n\n\t'body/m/18': 'text-[18px] font-medium',\n\t'body/sb/16': 'text-[16px] font-semibold',\n\t'body/m/16': 'text-[16px] font-medium',\n\t'body/r/16': 'text-[16px] font-normal',\n\t'body/sb/14': 'text-[14px] font-semibold',\n\t'body/m/14': 'text-[14px] font-medium',\n\t'body/r/14': 'text-[14px] font-normal',\n\n\t'button/m/20': 'text-[20px] font-medium',\n\t'button/m/18': 'text-[18px] font-medium',\n\t'button/m/16': 'text-[16px] font-medium',\n\t'button/m/14': 'text-[14px] font-medium',\n\n\t'caption/r/14': 'text-[14px] font-normal',\n\t'caption/sb/12': 'text-[12px] font-semibold',\n\t'caption/m/12': 'text-[12px] font-medium',\n\t'caption/r/12': 'text-[12px] font-normal',\n\t'caption/m/10': 'text-[10px] font-medium',\n\t'caption/r/10': 'text-[10px] font-normal',\n}","'use client'\n\nimport { FC } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/stories/typography'\nimport { buttonSizes, buttonVariants } from '../config'\nimport { icons, Loader2 } from 'lucide-react'\nimport { TTypographySizes } from '@/stories/typography/types'\n\nconst buttonConfig = cva(\n\t'transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t...buttonVariants,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\t...buttonSizes,\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'primary-fill',\n\t\t\tsize: '56',\n\t\t},\n\t},\n)\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {\n\t/** Контент кнопки (текст или иконки) */\n\tchildren: React.ReactNode\n\n\t/**\n\t * Иконка для отображения внутри кнопки.\n\t */\n\ticon?: keyof typeof icons\n\n\t/**\n\t * Расположение иконки внутри кнопки.\n\t * По умолчанию 'left'.\n\t */\n\ticonSide?: 'left' | 'right'\n\n\t/**\n\t * Размер текста внутри кнопки.\n\t * По умолчанию 'body/r/16'.\n\t */\n\ttextSize?: TTypographySizes\n\n\t/**\n\t * Отображение индикатора загрузки внутри кнопки.\n\t * Индикатор отображается только при disabled=true.\n\t * По умолчанию false.\n\t */\n\tshowLoader?: boolean\n}\n\n/**\n * Компонент Button используется для интерактивных элементов действия.\n * Поддерживает различные варианты оформления (variant) и размеры (size).\n *\n * @example\n * <Button variant=\"primary-fill\" size=\"40\">Нажми меня</Button>\n */\nexport const Button: FC<IButtonProps> = ({\n\tchildren,\n\tvariant,\n\tsize,\n\tclassName,\n\ticonSide = 'left',\n\ttextSize = 'body/r/16',\n\tshowLoader = false,\n\ticon,\n\t...props\n}) => {\n\tconst Icon = icon && icons[icon]\n\n\treturn (\n\t\t<button {...props} className={cn(buttonConfig({ variant, size, className }))}>\n\t\t\t{props.disabled && showLoader ? (\n\t\t\t\t<div className='flex items-center justify-center'>\n\t\t\t\t\t<Loader2 size={20} strokeWidth={1.5} className='animate-spin' />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{Icon && iconSide === 'left' && <Icon size={20} strokeWidth={1.5} />}\n\n\t\t\t\t\t<Typography size={textSize}>{children}</Typography>\n\n\t\t\t\t\t{Icon && iconSide === 'right' && <Icon size={20} strokeWidth={1.5} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</button>\n\t)\n}","export const buttonVariants = {\n\t'primary-fill':\n\t\t'bg-blue-500 text-white not-disabled:hover:bg-blue-800 not-disabled:active:bg-blue-700 disabled:bg-neutral-200 disabled:text-neutral-500',\n\t'primary-outline':\n\t\t'bg-transparent border border-blue-500 text-blue-500 not-disabled:hover:border-blue-800 not-disabled:active:border-blue-700 disabled:border-neutral-500 disabled:bg-neutral-200',\n\n\t'secondary-fill': 'bg-neutral-800 text-white hover:bg-neutral-700',\n\t'secondary-outline':\n\t\t'border-2 border-neutral-800 text-neutral-800 not-disabled:hover:bg-neutral-700 not-disabled:active:bg-neutral-700 disabled:bg-neutral-200',\n}","export const buttonSizes = {\n\t'32': 'h-[32px]',\n\t'40': 'h-[40px]',\n\t'48': 'h-[48px]',\n\t'56': 'h-[56px]',\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ACDA,sCAAkC;;;ACJ3B,IAAM,kBAAkB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EAEjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AACjB;;;ADNE;AAvBF,IAAM,yBAAqB,qCAAI,8CAA8C;AAAA,EAC5E,UAAU;AAAA,IACT,MAAM;AAAA,MACL,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EACP;AACD,CAAC;AAUM,IAAM,aAAmC,CAAC,EAAE,UAAU,MAAM,KAAK,MAAM,WAAW,GAAG,MAAM,MAAM;AACvG,QAAM,MAAM;AAEZ,SACC,4CAAC,OAAK,GAAG,OAAO,WAAW,GAAG,mBAAmB,EAAE,MAAM,UAAU,CAAC,CAAC,GACnE,UACF;AAEF;;;AE/BA,IAAAA,mCAAkC;;;ACH3B,IAAM,iBAAiB;AAAA,EAC7B,gBACC;AAAA,EACD,mBACC;AAAA,EAED,kBAAkB;AAAA,EAClB,qBACC;AACF;;;ACTO,IAAM,cAAc;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACP;;;AFEA,0BAA+B;AA0E1B,IAAAC,sBAAA;AAvEL,IAAM,mBAAe;AAAA,EACpB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACL,GAAG;AAAA,MACJ;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAsCO,IAAM,SAA2B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,OAAO,QAAQ,0BAAM,IAAI;AAE/B,SACC,6CAAC,YAAQ,GAAG,OAAO,WAAW,GAAG,aAAa,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GACzE,gBAAM,YAAY,aAClB,6CAAC,SAAI,WAAU,oCACd,uDAAC,+BAAQ,MAAM,IAAI,aAAa,KAAK,WAAU,gBAAe,GAC/D,IAEA,8EACE;AAAA,YAAQ,aAAa,UAAU,6CAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,IAElE,6CAAC,cAAW,MAAM,UAAW,UAAS;AAAA,IAErC,QAAQ,aAAa,WAAW,6CAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,KACpE,GAEF;AAEF;","names":["import_class_variance_authority","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/lib/utils.ts","../src/stories/typography/ui/typography.tsx","../src/stories/typography/config/typography-sizes.ts","../src/stories/button/ui/button.tsx","../src/stories/button/config/button-variants.ts","../src/stories/button/config/button-sizes.ts"],"sourcesContent":["// Экспортируем только компоненты, не stories и не CSS\nexport { Typography } from './stories/typography'\nexport { Button } from './stories/button'\n\n// export type { IButtonProps } from 'src/stories/button/ui/button'\n// export type { ITypographyProps } from 'src/stories/typography/ui/typography'\n\n// Импортируем CSS с Tailwind (он попадёт в сборку)\nimport './index.css'","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { FC } from 'react'\nimport { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { typographySizes } from '../config/typography-sizes'\n\nconst typographyVariants = cva('transition-all duration-300 leading-[100%]', {\n\tvariants: {\n\t\tsize: {\n\t\t\t...typographySizes,\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'body/r/16',\n\t},\n})\n\ntype TTag = 'p' | 'span'\n\nexport interface ITypographyProps\n\textends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {\n\tchildren: React.ReactNode\n\ttag?: TTag\n}\n\nexport const Typography: FC<ITypographyProps> = ({ children, tag = 'p', size, className, ...props }) => {\n\tconst Tag = tag\n\n\treturn (\n\t\t<Tag {...props} className={cn(typographyVariants({ size, className }))}>\n\t\t\t{children}\n\t\t</Tag>\n\t)\n}","export const typographySizes = {\n\t'display/eb/64': 'text-[64px] font-extrabold',\n\t'display/b/56': 'text-[56px] font-bold',\n\n\t'heading/b/48': 'text-[48px] font-bold',\n\t'heading/sb/40': 'text-[40px] font-semibold',\n\t'heading/sb/36': 'text-[36px] font-semibold',\n\t'heading/sb/32': 'text-[32px] font-semibold',\n\t'heading/sb/28': 'text-[28px] font-semibold',\n\n\t'subtitle/sb/24': 'text-[24px] font-semibold',\n\t'subtitle/m/24': 'text-[24px] font-medium',\n\t'subtitle/sb/20': 'text-[20px] font-semibold',\n\t'subtitle/m/20': 'text-[20px] font-medium',\n\t'subtitle/sb/18': 'text-[18px] font-semibold',\n\t'subtitle/m/18': 'text-[18px] font-medium',\n\n\t'body/m/18': 'text-[18px] font-medium',\n\t'body/sb/16': 'text-[16px] font-semibold',\n\t'body/m/16': 'text-[16px] font-medium',\n\t'body/r/16': 'text-[16px] font-normal',\n\t'body/sb/14': 'text-[14px] font-semibold',\n\t'body/m/14': 'text-[14px] font-medium',\n\t'body/r/14': 'text-[14px] font-normal',\n\n\t'button/m/20': 'text-[20px] font-medium',\n\t'button/m/18': 'text-[18px] font-medium',\n\t'button/m/16': 'text-[16px] font-medium',\n\t'button/m/14': 'text-[14px] font-medium',\n\n\t'caption/r/14': 'text-[14px] font-normal',\n\t'caption/sb/12': 'text-[12px] font-semibold',\n\t'caption/m/12': 'text-[12px] font-medium',\n\t'caption/r/12': 'text-[12px] font-normal',\n\t'caption/m/10': 'text-[10px] font-medium',\n\t'caption/r/10': 'text-[10px] font-normal',\n}","'use client'\n\nimport { FC } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/stories/typography'\nimport { buttonSizes, buttonVariants } from '../config'\nimport { icons, Loader2 } from 'lucide-react'\nimport { TTypographySizes } from '@/stories/typography/types'\n\nconst buttonConfig = cva(\n\t'transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed ',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t...buttonVariants,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\t...buttonSizes,\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'primary-fill',\n\t\t\tsize: '56',\n\t\t},\n\t},\n)\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {\n\t/** Контент кнопки (текст или иконки) */\n\tchildren: React.ReactNode\n\n\t/**\n\t * Иконка для отображения внутри кнопки.\n\t */\n\ticon?: keyof typeof icons\n\n\t/**\n\t * Расположение иконки внутри кнопки.\n\t * По умолчанию 'left'.\n\t */\n\ticonSide?: 'left' | 'right'\n\n\t/**\n\t * Размер текста внутри кнопки.\n\t * По умолчанию 'body/r/16'.\n\t */\n\ttextSize?: TTypographySizes\n\n\t/**\n\t * Отображение индикатора загрузки внутри кнопки.\n\t * Индикатор отображается только при disabled=true.\n\t * По умолчанию false.\n\t */\n\tshowLoader?: boolean\n}\n\n/**\n * Компонент Button используется для интерактивных элементов действия.\n * Поддерживает различные варианты оформления (variant) и размеры (size).\n *\n * @example\n * <Button variant=\"primary-fill\" size=\"40\">Нажми меня</Button>\n */\nexport const Button: FC<IButtonProps> = ({\n\tchildren,\n\tvariant,\n\tsize,\n\tclassName,\n\ticonSide = 'left',\n\ttextSize = 'body/r/16',\n\tshowLoader = false,\n\ticon,\n\t...props\n}) => {\n\tconst Icon = icon && icons[icon]\n\n\treturn (\n\t\t<button {...props} className={cn(buttonConfig({ variant, size, className }))}>\n\t\t\t{props.disabled && showLoader ? (\n\t\t\t\t<div className='flex items-center justify-center'>\n\t\t\t\t\t<Loader2 size={20} strokeWidth={1.5} className='animate-spin' />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{Icon && iconSide === 'left' && <Icon size={20} strokeWidth={1.5} />}\n\n\t\t\t\t\t<Typography size={textSize}>{children}</Typography>\n\n\t\t\t\t\t{Icon && iconSide === 'right' && <Icon size={20} strokeWidth={1.5} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</button>\n\t)\n}","export const buttonVariants = {\n\t'primary-fill':\n\t\t'bg-primary-blue-500 text-white not-disabled:hover:bg-primary-blue-800 not-disabled:active:bg-primary-blue-700 disabled:bg-neutral-200 disabled:text-neutral-400',\n\n\t'primary-outline':\n\t\t'bg-transparent border border-primary-blue-500 text-primary-blue-500 not-disabled:hover:border-primary-blue-800 not-disabled:hover:text-primary-blue-800 not-disabled:active:border-primary-blue-700 not-disabled:active:text-primary-blue-700 disabled:border-primary-neutral-200 disabled:text-primary-neutral-400',\n\n\t'primary-ghost':\n\t\t'bg-transparent text-primary-blue-500 not-disabled:hover:text-primary-blue-800 not-disabled:active:text-primary-blue-700 disabled:text-primary-neutral-400',\n\n\t'secondary-fill': 'bg-primary-neutral-800 text-white hover:bg-primary-neutral-700',\n\n\t'secondary-outline':\n\t\t'border-2 border-primary-neutral-800 text-primary-neutral-800 not-disabled:hover:bg-primary-neutral-700 not-disabled:active:bg-primary-neutral-700',\n}","export const buttonSizes = {\n\t'32': 'h-[32px]',\n\t'40': 'h-[40px]',\n\t'48': 'h-[48px]',\n\t'56': 'h-[56px]',\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ACDA,sCAAkC;;;ACJ3B,IAAM,kBAAkB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EAEjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AACjB;;;ADNE;AAvBF,IAAM,yBAAqB,qCAAI,8CAA8C;AAAA,EAC5E,UAAU;AAAA,IACT,MAAM;AAAA,MACL,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EACP;AACD,CAAC;AAUM,IAAM,aAAmC,CAAC,EAAE,UAAU,MAAM,KAAK,MAAM,WAAW,GAAG,MAAM,MAAM;AACvG,QAAM,MAAM;AAEZ,SACC,4CAAC,OAAK,GAAG,OAAO,WAAW,GAAG,mBAAmB,EAAE,MAAM,UAAU,CAAC,CAAC,GACnE,UACF;AAEF;;;AE/BA,IAAAA,mCAAkC;;;ACH3B,IAAM,iBAAiB;AAAA,EAC7B,gBACC;AAAA,EAED,mBACC;AAAA,EAED,iBACC;AAAA,EAED,kBAAkB;AAAA,EAElB,qBACC;AACF;;;ACdO,IAAM,cAAc;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACP;;;AFEA,0BAA+B;AA0E1B,IAAAC,sBAAA;AAvEL,IAAM,mBAAe;AAAA,EACpB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACL,GAAG;AAAA,MACJ;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAsCO,IAAM,SAA2B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,OAAO,QAAQ,0BAAM,IAAI;AAE/B,SACC,6CAAC,YAAQ,GAAG,OAAO,WAAW,GAAG,aAAa,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GACzE,gBAAM,YAAY,aAClB,6CAAC,SAAI,WAAU,oCACd,uDAAC,+BAAQ,MAAM,IAAI,aAAa,KAAK,WAAU,gBAAe,GAC/D,IAEA,8EACE;AAAA,YAAQ,aAAa,UAAU,6CAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,IAElE,6CAAC,cAAW,MAAM,UAAW,UAAS;AAAA,IAErC,QAAQ,aAAa,WAAW,6CAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,KACpE,GAEF;AAEF;","names":["import_class_variance_authority","import_jsx_runtime"]}
package/dist/index.css CHANGED
@@ -8,15 +8,14 @@
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
10
  --color-red-500: oklch(63.7% 0.237 25.331);
11
- --color-blue-500: oklch(62.3% 0.214 259.815);
12
- --color-blue-700: oklch(48.8% 0.243 264.376);
13
- --color-blue-800: oklch(42.4% 0.199 265.638);
11
+ --color-gray-400: oklch(70.7% 0.022 261.325);
14
12
  --color-neutral-200: oklch(92.2% 0 0);
15
- --color-neutral-500: oklch(55.6% 0 0);
16
- --color-neutral-700: oklch(37.1% 0 0);
17
- --color-neutral-800: oklch(26.9% 0 0);
13
+ --color-neutral-400: oklch(70.8% 0 0);
14
+ --color-black: #000;
18
15
  --color-white: #fff;
19
16
  --spacing: 0.25rem;
17
+ --text-xs: 0.75rem;
18
+ --text-xs--line-height: calc(1 / 0.75);
20
19
  --font-weight-normal: 400;
21
20
  --font-weight-medium: 500;
22
21
  --font-weight-semibold: 600;
@@ -27,6 +26,36 @@
27
26
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
28
27
  --default-font-family: var(--font-sans);
29
28
  --default-mono-font-family: var(--font-mono);
29
+ --color-primary-blue-50: var(--color-primary-blue-50);
30
+ --color-primary-blue-100: var(--color-primary-blue-100);
31
+ --color-primary-blue-200: var(--color-primary-blue-200);
32
+ --color-primary-blue-300: var(--color-primary-blue-300);
33
+ --color-primary-blue-400: var(--color-primary-blue-400);
34
+ --color-primary-blue-500: var(--color-primary-blue-500);
35
+ --color-primary-blue-600: var(--color-primary-blue-600);
36
+ --color-primary-blue-700: var(--color-primary-blue-700);
37
+ --color-primary-blue-800: var(--color-primary-blue-800);
38
+ --color-primary-blue-900: var(--color-primary-blue-900);
39
+ --color-primary-neutral-100: var(--color-primary-neutral-100);
40
+ --color-primary-neutral-200: var(--color-primary-neutral-200);
41
+ --color-primary-neutral-300: var(--color-primary-neutral-300);
42
+ --color-primary-neutral-400: var(--color-primary-neutral-400);
43
+ --color-primary-neutral-500: var(--color-primary-neutral-500);
44
+ --color-primary-neutral-600: var(--color-primary-neutral-600);
45
+ --color-primary-neutral-700: var(--color-primary-neutral-700);
46
+ --color-primary-neutral-800: var(--color-primary-neutral-800);
47
+ --color-primary-neutral-900: var(--color-primary-neutral-900);
48
+ --color-state-error-100: var(--color-state-error-100);
49
+ --color-state-error-200: var(--color-state-error-200);
50
+ --color-state-error-500: var(--color-state-error-500);
51
+ --color-state-error-800: var(--color-state-error-800);
52
+ --color-state-warning-100: var(--color-state-warning-100);
53
+ --color-state-warning-500: var(--color-state-warning-500);
54
+ --color-state-warning-800: var(--color-state-warning-800);
55
+ --color-state-info-100: var(--color-state-info-100);
56
+ --color-state-info-200: var(--color-state-info-200);
57
+ --color-state-info-500: var(--color-state-info-500);
58
+ --color-state-info-800: var(--color-state-info-800);
30
59
  }
31
60
  }
32
61
  @layer base {
@@ -235,9 +264,15 @@
235
264
  .gap-4 {
236
265
  gap: calc(var(--spacing) * 4);
237
266
  }
267
+ .gap-8 {
268
+ gap: calc(var(--spacing) * 8);
269
+ }
238
270
  .rounded-\[8px\] {
239
271
  border-radius: 8px;
240
272
  }
273
+ .rounded-lg {
274
+ border-radius: var(--radius);
275
+ }
241
276
  .border {
242
277
  border-style: var(--tw-border-style);
243
278
  border-width: 1px;
@@ -246,27 +281,37 @@
246
281
  border-style: var(--tw-border-style);
247
282
  border-width: 2px;
248
283
  }
249
- .border-blue-500 {
250
- border-color: var(--color-blue-500);
284
+ .border-primary-blue-500 {
285
+ border-color: var(--color-primary-blue-500);
286
+ }
287
+ .border-primary-neutral-800 {
288
+ border-color: var(--color-primary-neutral-800);
251
289
  }
252
- .border-neutral-800 {
253
- border-color: var(--color-neutral-800);
290
+ .bg-black {
291
+ background-color: var(--color-black);
254
292
  }
255
- .bg-blue-500 {
256
- background-color: var(--color-blue-500);
293
+ .bg-primary-blue-500 {
294
+ background-color: var(--color-primary-blue-500);
257
295
  }
258
- .bg-neutral-800 {
259
- background-color: var(--color-neutral-800);
296
+ .bg-primary-neutral-800 {
297
+ background-color: var(--color-primary-neutral-800);
260
298
  }
261
299
  .bg-transparent {
262
300
  background-color: transparent;
263
301
  }
302
+ .p-8 {
303
+ padding: calc(var(--spacing) * 8);
304
+ }
264
305
  .px-4 {
265
306
  padding-inline: calc(var(--spacing) * 4);
266
307
  }
267
308
  .py-2 {
268
309
  padding-block: calc(var(--spacing) * 2);
269
310
  }
311
+ .text-xs {
312
+ font-size: var(--text-xs);
313
+ line-height: var(--tw-leading, var(--text-xs--line-height));
314
+ }
270
315
  .text-\[10px\] {
271
316
  font-size: 10px;
272
317
  }
@@ -333,11 +378,14 @@
333
378
  --tw-font-weight: var(--font-weight-semibold);
334
379
  font-weight: var(--font-weight-semibold);
335
380
  }
336
- .text-blue-500 {
337
- color: var(--color-blue-500);
381
+ .text-gray-400 {
382
+ color: var(--color-gray-400);
383
+ }
384
+ .text-primary-blue-500 {
385
+ color: var(--color-primary-blue-500);
338
386
  }
339
- .text-neutral-800 {
340
- color: var(--color-neutral-800);
387
+ .text-primary-neutral-800 {
388
+ color: var(--color-primary-neutral-800);
341
389
  }
342
390
  .text-red-500 {
343
391
  color: var(--color-red-500);
@@ -354,58 +402,74 @@
354
402
  --tw-duration: 300ms;
355
403
  transition-duration: 300ms;
356
404
  }
357
- .hover\:bg-neutral-700 {
405
+ .hover\:bg-primary-neutral-700 {
358
406
  &:hover {
359
407
  @media (hover: hover) {
360
- background-color: var(--color-neutral-700);
408
+ background-color: var(--color-primary-neutral-700);
361
409
  }
362
410
  }
363
411
  }
364
- .not-disabled\:hover\:border-blue-800 {
412
+ .not-disabled\:hover\:border-primary-blue-800 {
365
413
  &:not(*:disabled) {
366
414
  &:hover {
367
415
  @media (hover: hover) {
368
- border-color: var(--color-blue-800);
416
+ border-color: var(--color-primary-blue-800);
369
417
  }
370
418
  }
371
419
  }
372
420
  }
373
- .not-disabled\:hover\:bg-blue-800 {
421
+ .not-disabled\:hover\:bg-primary-blue-800 {
374
422
  &:not(*:disabled) {
375
423
  &:hover {
376
424
  @media (hover: hover) {
377
- background-color: var(--color-blue-800);
425
+ background-color: var(--color-primary-blue-800);
378
426
  }
379
427
  }
380
428
  }
381
429
  }
382
- .not-disabled\:hover\:bg-neutral-700 {
430
+ .not-disabled\:hover\:bg-primary-neutral-700 {
383
431
  &:not(*:disabled) {
384
432
  &:hover {
385
433
  @media (hover: hover) {
386
- background-color: var(--color-neutral-700);
434
+ background-color: var(--color-primary-neutral-700);
387
435
  }
388
436
  }
389
437
  }
390
438
  }
391
- .not-disabled\:active\:border-blue-700 {
439
+ .not-disabled\:hover\:text-primary-blue-800 {
440
+ &:not(*:disabled) {
441
+ &:hover {
442
+ @media (hover: hover) {
443
+ color: var(--color-primary-blue-800);
444
+ }
445
+ }
446
+ }
447
+ }
448
+ .not-disabled\:active\:border-primary-blue-700 {
449
+ &:not(*:disabled) {
450
+ &:active {
451
+ border-color: var(--color-primary-blue-700);
452
+ }
453
+ }
454
+ }
455
+ .not-disabled\:active\:bg-primary-blue-700 {
392
456
  &:not(*:disabled) {
393
457
  &:active {
394
- border-color: var(--color-blue-700);
458
+ background-color: var(--color-primary-blue-700);
395
459
  }
396
460
  }
397
461
  }
398
- .not-disabled\:active\:bg-blue-700 {
462
+ .not-disabled\:active\:bg-primary-neutral-700 {
399
463
  &:not(*:disabled) {
400
464
  &:active {
401
- background-color: var(--color-blue-700);
465
+ background-color: var(--color-primary-neutral-700);
402
466
  }
403
467
  }
404
468
  }
405
- .not-disabled\:active\:bg-neutral-700 {
469
+ .not-disabled\:active\:text-primary-blue-700 {
406
470
  &:not(*:disabled) {
407
471
  &:active {
408
- background-color: var(--color-neutral-700);
472
+ color: var(--color-primary-blue-700);
409
473
  }
410
474
  }
411
475
  }
@@ -414,9 +478,9 @@
414
478
  cursor: not-allowed;
415
479
  }
416
480
  }
417
- .disabled\:border-neutral-500 {
481
+ .disabled\:border-primary-neutral-200 {
418
482
  &:disabled {
419
- border-color: var(--color-neutral-500);
483
+ border-color: var(--color-primary-neutral-200);
420
484
  }
421
485
  }
422
486
  .disabled\:bg-neutral-200 {
@@ -424,13 +488,52 @@
424
488
  background-color: var(--color-neutral-200);
425
489
  }
426
490
  }
427
- .disabled\:text-neutral-500 {
491
+ .disabled\:text-neutral-400 {
428
492
  &:disabled {
429
- color: var(--color-neutral-500);
493
+ color: var(--color-neutral-400);
494
+ }
495
+ }
496
+ .disabled\:text-primary-neutral-400 {
497
+ &:disabled {
498
+ color: var(--color-primary-neutral-400);
430
499
  }
431
500
  }
432
501
  }
433
502
  :root {
503
+ --color-primary-blue-50: #EFF5FF;
504
+ --color-primary-blue-100: #CFE3FF;
505
+ --color-primary-blue-200: #9EC7FF;
506
+ --color-primary-blue-300: #6EABFF;
507
+ --color-primary-blue-400: #3E8FFF;
508
+ --color-primary-blue-500: #005DDC;
509
+ --color-primary-blue-600: #004EB7;
510
+ --color-primary-blue-700: #003E93;
511
+ --color-primary-blue-800: #063B82;
512
+ --color-primary-blue-900: #002F6E;
513
+ --color-primary-neutral-50: #F9F9F9;
514
+ --color-primary-neutral-100: #F4F4F4;
515
+ --color-primary-neutral-200: #EDEDED;
516
+ --color-primary-neutral-300: #CBCBCB;
517
+ --color-primary-neutral-400: #A5A5A5;
518
+ --color-primary-neutral-500: #757575;
519
+ --color-primary-neutral-600: #515151;
520
+ --color-primary-neutral-700: #353535;
521
+ --color-primary-neutral-800: #282828;
522
+ --color-state-error-100: #FFEEEE;
523
+ --color-state-error-200: #FACCCC;
524
+ --color-state-error-500: #DC0000;
525
+ --color-state-error-800: #840000;
526
+ --color-state-success-100: #EEFFF0;
527
+ --color-state-success-200: #CCFACC;
528
+ --color-state-success-500: #009E00;
529
+ --color-state-success-800: #034203;
530
+ --color-state-warning-100: #FFEBB2;
531
+ --color-state-warning-500: #F6B500;
532
+ --color-state-warning-800: #7F5E00;
533
+ --color-state-info-100: #E4FFFF;
534
+ --color-state-info-200: #8BF2F2;
535
+ --color-state-info-500: #00AEAE;
536
+ --color-state-info-800: #044747;
434
537
  --color-primary: #3b82f6;
435
538
  --color-secondary: #64748b;
436
539
  --font-base: system-ui, Avenir, Helvetica, Arial, sans-serif;
@@ -467,39 +570,6 @@
467
570
  --sidebar-border: oklch(0.922 0 0);
468
571
  --sidebar-ring: oklch(0.708 0 0);
469
572
  }
470
- .dark {
471
- --background: oklch(0.145 0 0);
472
- --foreground: oklch(0.985 0 0);
473
- --card: oklch(0.205 0 0);
474
- --card-foreground: oklch(0.985 0 0);
475
- --popover: oklch(0.205 0 0);
476
- --popover-foreground: oklch(0.985 0 0);
477
- --primary: oklch(0.922 0 0);
478
- --primary-foreground: oklch(0.205 0 0);
479
- --secondary: oklch(0.269 0 0);
480
- --secondary-foreground: oklch(0.985 0 0);
481
- --muted: oklch(0.269 0 0);
482
- --muted-foreground: oklch(0.708 0 0);
483
- --accent: oklch(0.269 0 0);
484
- --accent-foreground: oklch(0.985 0 0);
485
- --destructive: oklch(0.704 0.191 22.216);
486
- --border: oklch(1 0 0 / 10%);
487
- --input: oklch(1 0 0 / 15%);
488
- --ring: oklch(0.556 0 0);
489
- --chart-1: oklch(0.488 0.243 264.376);
490
- --chart-2: oklch(0.696 0.17 162.48);
491
- --chart-3: oklch(0.769 0.188 70.08);
492
- --chart-4: oklch(0.627 0.265 303.9);
493
- --chart-5: oklch(0.645 0.246 16.439);
494
- --sidebar: oklch(0.205 0 0);
495
- --sidebar-foreground: oklch(0.985 0 0);
496
- --sidebar-primary: oklch(0.488 0.243 264.376);
497
- --sidebar-primary-foreground: oklch(0.985 0 0);
498
- --sidebar-accent: oklch(0.269 0 0);
499
- --sidebar-accent-foreground: oklch(0.985 0 0);
500
- --sidebar-border: oklch(1 0 0 / 10%);
501
- --sidebar-ring: oklch(0.556 0 0);
502
- }
503
573
  @layer base {
504
574
  * {
505
575
  border-color: var(--border);
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css"],"sourcesContent":["@import \"tailwindcss\";\n\n@source \"../src/**/*.{ts,tsx}\";\n\n@custom-variant dark (&:is(.dark *));\n\n:root {\n --color-primary: #3b82f6;\n --color-secondary: #64748b;\n --font-base: system-ui, Avenir, Helvetica, Arial, sans-serif;\n --radius: 0.625rem;\n --background: oklch(1 0 0);\n --foreground: oklch(0.145 0 0);\n --card: oklch(1 0 0);\n --card-foreground: oklch(0.145 0 0);\n --popover: oklch(1 0 0);\n --popover-foreground: oklch(0.145 0 0);\n --primary: oklch(0.205 0 0);\n --primary-foreground: oklch(0.985 0 0);\n --secondary: oklch(0.97 0 0);\n --secondary-foreground: oklch(0.205 0 0);\n --muted: oklch(0.97 0 0);\n --muted-foreground: oklch(0.556 0 0);\n --accent: oklch(0.97 0 0);\n --accent-foreground: oklch(0.205 0 0);\n --destructive: oklch(0.577 0.245 27.325);\n --border: oklch(0.922 0 0);\n --input: oklch(0.922 0 0);\n --ring: oklch(0.708 0 0);\n --chart-1: oklch(0.646 0.222 41.116);\n --chart-2: oklch(0.6 0.118 184.704);\n --chart-3: oklch(0.398 0.07 227.392);\n --chart-4: oklch(0.828 0.189 84.429);\n --chart-5: oklch(0.769 0.188 70.08);\n --sidebar: oklch(0.985 0 0);\n --sidebar-foreground: oklch(0.145 0 0);\n --sidebar-primary: oklch(0.205 0 0);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.97 0 0);\n --sidebar-accent-foreground: oklch(0.205 0 0);\n --sidebar-border: oklch(0.922 0 0);\n --sidebar-ring: oklch(0.708 0 0);\n}\n\n@theme inline {\n --radius-sm: calc(var(--radius) - 4px);\n --radius-md: calc(var(--radius) - 2px);\n --radius-lg: var(--radius);\n --radius-xl: calc(var(--radius) + 4px);\n --radius-2xl: calc(var(--radius) + 8px);\n --radius-3xl: calc(var(--radius) + 12px);\n --radius-4xl: calc(var(--radius) + 16px);\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --color-card: var(--card);\n --color-card-foreground: var(--card-foreground);\n --color-popover: var(--popover);\n --color-popover-foreground: var(--popover-foreground);\n --color-primary: var(--primary);\n --color-primary-foreground: var(--primary-foreground);\n --color-secondary: var(--secondary);\n --color-secondary-foreground: var(--secondary-foreground);\n --color-muted: var(--muted);\n --color-muted-foreground: var(--muted-foreground);\n --color-accent: var(--accent);\n --color-accent-foreground: var(--accent-foreground);\n --color-destructive: var(--destructive);\n --color-border: var(--border);\n --color-input: var(--input);\n --color-ring: var(--ring);\n --color-chart-1: var(--chart-1);\n --color-chart-2: var(--chart-2);\n --color-chart-3: var(--chart-3);\n --color-chart-4: var(--chart-4);\n --color-chart-5: var(--chart-5);\n --color-sidebar: var(--sidebar);\n --color-sidebar-foreground: var(--sidebar-foreground);\n --color-sidebar-primary: var(--sidebar-primary);\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n --color-sidebar-accent: var(--sidebar-accent);\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n --color-sidebar-border: var(--sidebar-border);\n --color-sidebar-ring: var(--sidebar-ring);\n}\n\n.dark {\n --background: oklch(0.145 0 0);\n --foreground: oklch(0.985 0 0);\n --card: oklch(0.205 0 0);\n --card-foreground: oklch(0.985 0 0);\n --popover: oklch(0.205 0 0);\n --popover-foreground: oklch(0.985 0 0);\n --primary: oklch(0.922 0 0);\n --primary-foreground: oklch(0.205 0 0);\n --secondary: oklch(0.269 0 0);\n --secondary-foreground: oklch(0.985 0 0);\n --muted: oklch(0.269 0 0);\n --muted-foreground: oklch(0.708 0 0);\n --accent: oklch(0.269 0 0);\n --accent-foreground: oklch(0.985 0 0);\n --destructive: oklch(0.704 0.191 22.216);\n --border: oklch(1 0 0 / 10%);\n --input: oklch(1 0 0 / 15%);\n --ring: oklch(0.556 0 0);\n --chart-1: oklch(0.488 0.243 264.376);\n --chart-2: oklch(0.696 0.17 162.48);\n --chart-3: oklch(0.769 0.188 70.08);\n --chart-4: oklch(0.627 0.265 303.9);\n --chart-5: oklch(0.645 0.246 16.439);\n --sidebar: oklch(0.205 0 0);\n --sidebar-foreground: oklch(0.985 0 0);\n --sidebar-primary: oklch(0.488 0.243 264.376);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.269 0 0);\n --sidebar-accent-foreground: oklch(0.985 0 0);\n --sidebar-border: oklch(1 0 0 / 10%);\n --sidebar-ring: oklch(0.556 0 0);\n}\n\n@layer base {\n * {\n @apply border-border outline-ring/50;\n }\n body {\n @apply bg-background text-foreground;\n }\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/index.css"],"sourcesContent":["@import \"tailwindcss\";\n\n@source \"../src/**/*.{ts,tsx}\";\n\n@custom-variant dark (&:is(.dark *));\n\n:root {\n /* Основные цвета и настройки */\n --color-primary-blue-50: #EFF5FF;\n --color-primary-blue-100: #CFE3FF;\n --color-primary-blue-200: #9EC7FF;\n --color-primary-blue-300: #6EABFF;\n --color-primary-blue-400: #3E8FFF;\n --color-primary-blue-500: #005DDC;\n --color-primary-blue-600: #004EB7;\n --color-primary-blue-700: #003E93;\n --color-primary-blue-800: #063B82;\n --color-primary-blue-900: #002F6E;\n\n --color-primary-neutral-50: #F9F9F9;\n --color-primary-neutral-100: #F4F4F4;\n --color-primary-neutral-200: #EDEDED;\n --color-primary-neutral-300: #CBCBCB;\n --color-primary-neutral-400: #A5A5A5;\n --color-primary-neutral-500: #757575;\n --color-primary-neutral-600: #515151;\n --color-primary-neutral-700: #353535;\n --color-primary-neutral-800: #282828;\n\n --color-state-error-100: #FFEEEE;\n --color-state-error-200: #FACCCC;\n --color-state-error-500: #DC0000;\n --color-state-error-800: #840000;\n\n --color-state-success-100: #EEFFF0;\n --color-state-success-200: #CCFACC;\n --color-state-success-500: #009E00;\n --color-state-success-800: #034203;\n\n --color-state-warning-100: #FFEBB2;\n --color-state-warning-500: #F6B500;\n --color-state-warning-800: #7F5E00;\n\n --color-state-info-100: #E4FFFF;\n --color-state-info-200: #8BF2F2;\n --color-state-info-500: #00AEAE;\n --color-state-info-800: #044747;\n\n --color-primary: #3b82f6;\n --color-secondary: #64748b;\n --font-base: system-ui, Avenir, Helvetica, Arial, sans-serif;\n --radius: 0.625rem;\n --background: oklch(1 0 0);\n --foreground: oklch(0.145 0 0);\n --card: oklch(1 0 0);\n --card-foreground: oklch(0.145 0 0);\n --popover: oklch(1 0 0);\n --popover-foreground: oklch(0.145 0 0);\n --primary: oklch(0.205 0 0);\n --primary-foreground: oklch(0.985 0 0);\n --secondary: oklch(0.97 0 0);\n --secondary-foreground: oklch(0.205 0 0);\n --muted: oklch(0.97 0 0);\n --muted-foreground: oklch(0.556 0 0);\n --accent: oklch(0.97 0 0);\n --accent-foreground: oklch(0.205 0 0);\n --destructive: oklch(0.577 0.245 27.325);\n --border: oklch(0.922 0 0);\n --input: oklch(0.922 0 0);\n --ring: oklch(0.708 0 0);\n --chart-1: oklch(0.646 0.222 41.116);\n --chart-2: oklch(0.6 0.118 184.704);\n --chart-3: oklch(0.398 0.07 227.392);\n --chart-4: oklch(0.828 0.189 84.429);\n --chart-5: oklch(0.769 0.188 70.08);\n --sidebar: oklch(0.985 0 0);\n --sidebar-foreground: oklch(0.145 0 0);\n --sidebar-primary: oklch(0.205 0 0);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.97 0 0);\n --sidebar-accent-foreground: oklch(0.205 0 0);\n --sidebar-border: oklch(0.922 0 0);\n --sidebar-ring: oklch(0.708 0 0);\n}\n\n@theme inline {\n /* Основные настройки */\n --color-primary-blue-50: var(--color-primary-blue-50);\n --color-primary-blue-100: var(--color-primary-blue-100);\n --color-primary-blue-200: var(--color-primary-blue-200);\n --color-primary-blue-300: var(--color-primary-blue-300);\n --color-primary-blue-400: var(--color-primary-blue-400);\n --color-primary-blue-500: var(--color-primary-blue-500);\n --color-primary-blue-600: var(--color-primary-blue-600);\n --color-primary-blue-700: var(--color-primary-blue-700);\n --color-primary-blue-800: var(--color-primary-blue-800);\n --color-primary-blue-900: var(--color-primary-blue-900);\n\n --color-primary-neutral-100: var(--color-primary-neutral-100);\n --color-primary-neutral-200: var(--color-primary-neutral-200);\n --color-primary-neutral-300: var(--color-primary-neutral-300);\n --color-primary-neutral-400: var(--color-primary-neutral-400);\n --color-primary-neutral-500: var(--color-primary-neutral-500);\n --color-primary-neutral-600: var(--color-primary-neutral-600);\n --color-primary-neutral-700: var(--color-primary-neutral-700);\n --color-primary-neutral-800: var(--color-primary-neutral-800);\n --color-primary-neutral-900: var(--color-primary-neutral-900);\n\n --color-state-error-100: var(--color-state-error-100);\n --color-state-error-200: var(--color-state-error-200);\n --color-state-error-500: var(--color-state-error-500);\n --color-state-error-800: var(--color-state-error-800);\n\n --color-state-warning-100: var(--color-state-warning-100);\n --color-state-warning-500: var(--color-state-warning-500);\n --color-state-warning-800: var(--color-state-warning-800);\n\n --color-state-info-100: var(--color-state-info-100);\n --color-state-info-200: var(--color-state-info-200);\n --color-state-info-500: var(--color-state-info-500);\n --color-state-info-800: var(--color-state-info-800);\n\n --radius-sm: calc(var(--radius) - 4px);\n --radius-md: calc(var(--radius) - 2px);\n --radius-lg: var(--radius);\n --radius-xl: calc(var(--radius) + 4px);\n --radius-2xl: calc(var(--radius) + 8px);\n --radius-3xl: calc(var(--radius) + 12px);\n --radius-4xl: calc(var(--radius) + 16px);\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --color-card: var(--card);\n --color-card-foreground: var(--card-foreground);\n --color-popover: var(--popover);\n --color-popover-foreground: var(--popover-foreground);\n --color-primary: var(--primary);\n --color-primary-foreground: var(--primary-foreground);\n --color-secondary: var(--secondary);\n --color-secondary-foreground: var(--secondary-foreground);\n --color-muted: var(--muted);\n --color-muted-foreground: var(--muted-foreground);\n --color-accent: var(--accent);\n --color-accent-foreground: var(--accent-foreground);\n --color-destructive: var(--destructive);\n --color-border: var(--border);\n --color-input: var(--input);\n --color-ring: var(--ring);\n --color-chart-1: var(--chart-1);\n --color-chart-2: var(--chart-2);\n --color-chart-3: var(--chart-3);\n --color-chart-4: var(--chart-4);\n --color-chart-5: var(--chart-5);\n --color-sidebar: var(--sidebar);\n --color-sidebar-foreground: var(--sidebar-foreground);\n --color-sidebar-primary: var(--sidebar-primary);\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n --color-sidebar-accent: var(--sidebar-accent);\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n --color-sidebar-border: var(--sidebar-border);\n --color-sidebar-ring: var(--sidebar-ring);\n}\n\n@layer base {\n * {\n @apply border-border outline-ring/50;\n }\n body {\n @apply bg-background text-foreground;\n }\n}"],"mappings":"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","names":[]}
package/dist/index.d.cts CHANGED
@@ -49,7 +49,7 @@ declare const typographySizes: {
49
49
  type TTypographySizes = keyof typeof typographySizes;
50
50
 
51
51
  declare const buttonConfig: (props?: ({
52
- variant?: "primary-fill" | "primary-outline" | "secondary-fill" | "secondary-outline" | null | undefined;
52
+ variant?: "primary-fill" | "primary-outline" | "primary-ghost" | "secondary-fill" | "secondary-outline" | null | undefined;
53
53
  size?: "56" | "32" | "40" | "48" | null | undefined;
54
54
  } & class_variance_authority_types.ClassProp) | undefined) => string;
55
55
  interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {
package/dist/index.d.ts CHANGED
@@ -49,7 +49,7 @@ declare const typographySizes: {
49
49
  type TTypographySizes = keyof typeof typographySizes;
50
50
 
51
51
  declare const buttonConfig: (props?: ({
52
- variant?: "primary-fill" | "primary-outline" | "secondary-fill" | "secondary-outline" | null | undefined;
52
+ variant?: "primary-fill" | "primary-outline" | "primary-ghost" | "secondary-fill" | "secondary-outline" | null | undefined;
53
53
  size?: "56" | "32" | "40" | "48" | null | undefined;
54
54
  } & class_variance_authority_types.ClassProp) | undefined) => string;
55
55
  interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {
package/dist/index.js CHANGED
@@ -64,10 +64,11 @@ import { cva as cva2 } from "class-variance-authority";
64
64
 
65
65
  // src/stories/button/config/button-variants.ts
66
66
  var buttonVariants = {
67
- "primary-fill": "bg-blue-500 text-white not-disabled:hover:bg-blue-800 not-disabled:active:bg-blue-700 disabled:bg-neutral-200 disabled:text-neutral-500",
68
- "primary-outline": "bg-transparent border border-blue-500 text-blue-500 not-disabled:hover:border-blue-800 not-disabled:active:border-blue-700 disabled:border-neutral-500 disabled:bg-neutral-200",
69
- "secondary-fill": "bg-neutral-800 text-white hover:bg-neutral-700",
70
- "secondary-outline": "border-2 border-neutral-800 text-neutral-800 not-disabled:hover:bg-neutral-700 not-disabled:active:bg-neutral-700 disabled:bg-neutral-200"
67
+ "primary-fill": "bg-primary-blue-500 text-white not-disabled:hover:bg-primary-blue-800 not-disabled:active:bg-primary-blue-700 disabled:bg-neutral-200 disabled:text-neutral-400",
68
+ "primary-outline": "bg-transparent border border-primary-blue-500 text-primary-blue-500 not-disabled:hover:border-primary-blue-800 not-disabled:hover:text-primary-blue-800 not-disabled:active:border-primary-blue-700 not-disabled:active:text-primary-blue-700 disabled:border-primary-neutral-200 disabled:text-primary-neutral-400",
69
+ "primary-ghost": "bg-transparent text-primary-blue-500 not-disabled:hover:text-primary-blue-800 not-disabled:active:text-primary-blue-700 disabled:text-primary-neutral-400",
70
+ "secondary-fill": "bg-primary-neutral-800 text-white hover:bg-primary-neutral-700",
71
+ "secondary-outline": "border-2 border-primary-neutral-800 text-primary-neutral-800 not-disabled:hover:bg-primary-neutral-700 not-disabled:active:bg-primary-neutral-700"
71
72
  };
72
73
 
73
74
  // src/stories/button/config/button-sizes.ts
@@ -82,7 +83,7 @@ var buttonSizes = {
82
83
  import { icons, Loader2 } from "lucide-react";
83
84
  import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
84
85
  var buttonConfig = cva2(
85
- "transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed",
86
+ "transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed ",
86
87
  {
87
88
  variants: {
88
89
  variant: {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/lib/utils.ts","../src/stories/typography/ui/typography.tsx","../src/stories/typography/config/typography-sizes.ts","../src/stories/button/ui/button.tsx","../src/stories/button/config/button-variants.ts","../src/stories/button/config/button-sizes.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { FC } from 'react'\nimport { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { typographySizes } from '../config/typography-sizes'\n\nconst typographyVariants = cva('transition-all duration-300 leading-[100%]', {\n\tvariants: {\n\t\tsize: {\n\t\t\t...typographySizes,\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'body/r/16',\n\t},\n})\n\ntype TTag = 'p' | 'span'\n\nexport interface ITypographyProps\n\textends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {\n\tchildren: React.ReactNode\n\ttag?: TTag\n}\n\nexport const Typography: FC<ITypographyProps> = ({ children, tag = 'p', size, className, ...props }) => {\n\tconst Tag = tag\n\n\treturn (\n\t\t<Tag {...props} className={cn(typographyVariants({ size, className }))}>\n\t\t\t{children}\n\t\t</Tag>\n\t)\n}","export const typographySizes = {\n\t'display/eb/64': 'text-[64px] font-extrabold',\n\t'display/b/56': 'text-[56px] font-bold',\n\n\t'heading/b/48': 'text-[48px] font-bold',\n\t'heading/sb/40': 'text-[40px] font-semibold',\n\t'heading/sb/36': 'text-[36px] font-semibold',\n\t'heading/sb/32': 'text-[32px] font-semibold',\n\t'heading/sb/28': 'text-[28px] font-semibold',\n\n\t'subtitle/sb/24': 'text-[24px] font-semibold',\n\t'subtitle/m/24': 'text-[24px] font-medium',\n\t'subtitle/sb/20': 'text-[20px] font-semibold',\n\t'subtitle/m/20': 'text-[20px] font-medium',\n\t'subtitle/sb/18': 'text-[18px] font-semibold',\n\t'subtitle/m/18': 'text-[18px] font-medium',\n\n\t'body/m/18': 'text-[18px] font-medium',\n\t'body/sb/16': 'text-[16px] font-semibold',\n\t'body/m/16': 'text-[16px] font-medium',\n\t'body/r/16': 'text-[16px] font-normal',\n\t'body/sb/14': 'text-[14px] font-semibold',\n\t'body/m/14': 'text-[14px] font-medium',\n\t'body/r/14': 'text-[14px] font-normal',\n\n\t'button/m/20': 'text-[20px] font-medium',\n\t'button/m/18': 'text-[18px] font-medium',\n\t'button/m/16': 'text-[16px] font-medium',\n\t'button/m/14': 'text-[14px] font-medium',\n\n\t'caption/r/14': 'text-[14px] font-normal',\n\t'caption/sb/12': 'text-[12px] font-semibold',\n\t'caption/m/12': 'text-[12px] font-medium',\n\t'caption/r/12': 'text-[12px] font-normal',\n\t'caption/m/10': 'text-[10px] font-medium',\n\t'caption/r/10': 'text-[10px] font-normal',\n}","'use client'\n\nimport { FC } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/stories/typography'\nimport { buttonSizes, buttonVariants } from '../config'\nimport { icons, Loader2 } from 'lucide-react'\nimport { TTypographySizes } from '@/stories/typography/types'\n\nconst buttonConfig = cva(\n\t'transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t...buttonVariants,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\t...buttonSizes,\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'primary-fill',\n\t\t\tsize: '56',\n\t\t},\n\t},\n)\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {\n\t/** Контент кнопки (текст или иконки) */\n\tchildren: React.ReactNode\n\n\t/**\n\t * Иконка для отображения внутри кнопки.\n\t */\n\ticon?: keyof typeof icons\n\n\t/**\n\t * Расположение иконки внутри кнопки.\n\t * По умолчанию 'left'.\n\t */\n\ticonSide?: 'left' | 'right'\n\n\t/**\n\t * Размер текста внутри кнопки.\n\t * По умолчанию 'body/r/16'.\n\t */\n\ttextSize?: TTypographySizes\n\n\t/**\n\t * Отображение индикатора загрузки внутри кнопки.\n\t * Индикатор отображается только при disabled=true.\n\t * По умолчанию false.\n\t */\n\tshowLoader?: boolean\n}\n\n/**\n * Компонент Button используется для интерактивных элементов действия.\n * Поддерживает различные варианты оформления (variant) и размеры (size).\n *\n * @example\n * <Button variant=\"primary-fill\" size=\"40\">Нажми меня</Button>\n */\nexport const Button: FC<IButtonProps> = ({\n\tchildren,\n\tvariant,\n\tsize,\n\tclassName,\n\ticonSide = 'left',\n\ttextSize = 'body/r/16',\n\tshowLoader = false,\n\ticon,\n\t...props\n}) => {\n\tconst Icon = icon && icons[icon]\n\n\treturn (\n\t\t<button {...props} className={cn(buttonConfig({ variant, size, className }))}>\n\t\t\t{props.disabled && showLoader ? (\n\t\t\t\t<div className='flex items-center justify-center'>\n\t\t\t\t\t<Loader2 size={20} strokeWidth={1.5} className='animate-spin' />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{Icon && iconSide === 'left' && <Icon size={20} strokeWidth={1.5} />}\n\n\t\t\t\t\t<Typography size={textSize}>{children}</Typography>\n\n\t\t\t\t\t{Icon && iconSide === 'right' && <Icon size={20} strokeWidth={1.5} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</button>\n\t)\n}","export const buttonVariants = {\n\t'primary-fill':\n\t\t'bg-blue-500 text-white not-disabled:hover:bg-blue-800 not-disabled:active:bg-blue-700 disabled:bg-neutral-200 disabled:text-neutral-500',\n\t'primary-outline':\n\t\t'bg-transparent border border-blue-500 text-blue-500 not-disabled:hover:border-blue-800 not-disabled:active:border-blue-700 disabled:border-neutral-500 disabled:bg-neutral-200',\n\n\t'secondary-fill': 'bg-neutral-800 text-white hover:bg-neutral-700',\n\t'secondary-outline':\n\t\t'border-2 border-neutral-800 text-neutral-800 not-disabled:hover:bg-neutral-700 not-disabled:active:bg-neutral-700 disabled:bg-neutral-200',\n}","export const buttonSizes = {\n\t'32': 'h-[32px]',\n\t'40': 'h-[40px]',\n\t'48': 'h-[48px]',\n\t'56': 'h-[56px]',\n}"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACDA,SAAS,WAAyB;;;ACJ3B,IAAM,kBAAkB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EAEjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AACjB;;;ADNE;AAvBF,IAAM,qBAAqB,IAAI,8CAA8C;AAAA,EAC5E,UAAU;AAAA,IACT,MAAM;AAAA,MACL,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EACP;AACD,CAAC;AAUM,IAAM,aAAmC,CAAC,EAAE,UAAU,MAAM,KAAK,MAAM,WAAW,GAAG,MAAM,MAAM;AACvG,QAAM,MAAM;AAEZ,SACC,oBAAC,OAAK,GAAG,OAAO,WAAW,GAAG,mBAAmB,EAAE,MAAM,UAAU,CAAC,CAAC,GACnE,UACF;AAEF;;;AE/BA,SAAS,OAAAA,YAAyB;;;ACH3B,IAAM,iBAAiB;AAAA,EAC7B,gBACC;AAAA,EACD,mBACC;AAAA,EAED,kBAAkB;AAAA,EAClB,qBACC;AACF;;;ACTO,IAAM,cAAc;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACP;;;AFEA,SAAS,OAAO,eAAe;AA0E1B,SAGD,UAHC,OAAAC,MAGD,YAHC;AAvEL,IAAM,eAAeC;AAAA,EACpB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACL,GAAG;AAAA,MACJ;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IACP;AAAA,EACD;AACD;AAsCO,IAAM,SAA2B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACJ,MAAM;AACL,QAAM,OAAO,QAAQ,MAAM,IAAI;AAE/B,SACC,gBAAAD,KAAC,YAAQ,GAAG,OAAO,WAAW,GAAG,aAAa,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GACzE,gBAAM,YAAY,aAClB,gBAAAA,KAAC,SAAI,WAAU,oCACd,0BAAAA,KAAC,WAAQ,MAAM,IAAI,aAAa,KAAK,WAAU,gBAAe,GAC/D,IAEA,iCACE;AAAA,YAAQ,aAAa,UAAU,gBAAAA,KAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,IAElE,gBAAAA,KAAC,cAAW,MAAM,UAAW,UAAS;AAAA,IAErC,QAAQ,aAAa,WAAW,gBAAAA,KAAC,QAAK,MAAM,IAAI,aAAa,KAAK;AAAA,KACpE,GAEF;AAEF;","names":["cva","jsx","cva"]}
1
+ {"version":3,"sources":["../src/lib/utils.ts","../src/stories/typography/ui/typography.tsx","../src/stories/typography/config/typography-sizes.ts","../src/stories/button/ui/button.tsx","../src/stories/button/config/button-variants.ts","../src/stories/button/config/button-sizes.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { FC } from 'react'\nimport { cn } from '@/lib/utils'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { typographySizes } from '../config/typography-sizes'\n\nconst typographyVariants = cva('transition-all duration-300 leading-[100%]', {\n\tvariants: {\n\t\tsize: {\n\t\t\t...typographySizes,\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: 'body/r/16',\n\t},\n})\n\ntype TTag = 'p' | 'span'\n\nexport interface ITypographyProps\n\textends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {\n\tchildren: React.ReactNode\n\ttag?: TTag\n}\n\nexport const Typography: FC<ITypographyProps> = ({ children, tag = 'p', size, className, ...props }) => {\n\tconst Tag = tag\n\n\treturn (\n\t\t<Tag {...props} className={cn(typographyVariants({ size, className }))}>\n\t\t\t{children}\n\t\t</Tag>\n\t)\n}","export const typographySizes = {\n\t'display/eb/64': 'text-[64px] font-extrabold',\n\t'display/b/56': 'text-[56px] font-bold',\n\n\t'heading/b/48': 'text-[48px] font-bold',\n\t'heading/sb/40': 'text-[40px] font-semibold',\n\t'heading/sb/36': 'text-[36px] font-semibold',\n\t'heading/sb/32': 'text-[32px] font-semibold',\n\t'heading/sb/28': 'text-[28px] font-semibold',\n\n\t'subtitle/sb/24': 'text-[24px] font-semibold',\n\t'subtitle/m/24': 'text-[24px] font-medium',\n\t'subtitle/sb/20': 'text-[20px] font-semibold',\n\t'subtitle/m/20': 'text-[20px] font-medium',\n\t'subtitle/sb/18': 'text-[18px] font-semibold',\n\t'subtitle/m/18': 'text-[18px] font-medium',\n\n\t'body/m/18': 'text-[18px] font-medium',\n\t'body/sb/16': 'text-[16px] font-semibold',\n\t'body/m/16': 'text-[16px] font-medium',\n\t'body/r/16': 'text-[16px] font-normal',\n\t'body/sb/14': 'text-[14px] font-semibold',\n\t'body/m/14': 'text-[14px] font-medium',\n\t'body/r/14': 'text-[14px] font-normal',\n\n\t'button/m/20': 'text-[20px] font-medium',\n\t'button/m/18': 'text-[18px] font-medium',\n\t'button/m/16': 'text-[16px] font-medium',\n\t'button/m/14': 'text-[14px] font-medium',\n\n\t'caption/r/14': 'text-[14px] font-normal',\n\t'caption/sb/12': 'text-[12px] font-semibold',\n\t'caption/m/12': 'text-[12px] font-medium',\n\t'caption/r/12': 'text-[12px] font-normal',\n\t'caption/m/10': 'text-[10px] font-medium',\n\t'caption/r/10': 'text-[10px] font-normal',\n}","'use client'\n\nimport { FC } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/stories/typography'\nimport { buttonSizes, buttonVariants } from '../config'\nimport { icons, Loader2 } from 'lucide-react'\nimport { TTypographySizes } from '@/stories/typography/types'\n\nconst buttonConfig = cva(\n\t'transition-all cursor-pointer duration-300 py-2 px-4 rounded-[8px] flex items-center gap-2 disabled:cursor-not-allowed ',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\t...buttonVariants,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\t...buttonSizes,\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'primary-fill',\n\t\t\tsize: '56',\n\t\t},\n\t},\n)\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonConfig> {\n\t/** Контент кнопки (текст или иконки) */\n\tchildren: React.ReactNode\n\n\t/**\n\t * Иконка для отображения внутри кнопки.\n\t */\n\ticon?: keyof typeof icons\n\n\t/**\n\t * Расположение иконки внутри кнопки.\n\t * По умолчанию 'left'.\n\t */\n\ticonSide?: 'left' | 'right'\n\n\t/**\n\t * Размер текста внутри кнопки.\n\t * По умолчанию 'body/r/16'.\n\t */\n\ttextSize?: TTypographySizes\n\n\t/**\n\t * Отображение индикатора загрузки внутри кнопки.\n\t * Индикатор отображается только при disabled=true.\n\t * По умолчанию false.\n\t */\n\tshowLoader?: boolean\n}\n\n/**\n * Компонент Button используется для интерактивных элементов действия.\n * Поддерживает различные варианты оформления (variant) и размеры (size).\n *\n * @example\n * <Button variant=\"primary-fill\" size=\"40\">Нажми меня</Button>\n */\nexport const Button: FC<IButtonProps> = ({\n\tchildren,\n\tvariant,\n\tsize,\n\tclassName,\n\ticonSide = 'left',\n\ttextSize = 'body/r/16',\n\tshowLoader = false,\n\ticon,\n\t...props\n}) => {\n\tconst Icon = icon && icons[icon]\n\n\treturn (\n\t\t<button {...props} className={cn(buttonConfig({ variant, size, className }))}>\n\t\t\t{props.disabled && showLoader ? (\n\t\t\t\t<div className='flex items-center justify-center'>\n\t\t\t\t\t<Loader2 size={20} strokeWidth={1.5} className='animate-spin' />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{Icon && iconSide === 'left' && <Icon size={20} strokeWidth={1.5} />}\n\n\t\t\t\t\t<Typography size={textSize}>{children}</Typography>\n\n\t\t\t\t\t{Icon && iconSide === 'right' && <Icon size={20} strokeWidth={1.5} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</button>\n\t)\n}","export const buttonVariants = {\n\t'primary-fill':\n\t\t'bg-primary-blue-500 text-white not-disabled:hover:bg-primary-blue-800 not-disabled:active:bg-primary-blue-700 disabled:bg-neutral-200 disabled:text-neutral-400',\n\n\t'primary-outline':\n\t\t'bg-transparent border border-primary-blue-500 text-primary-blue-500 not-disabled:hover:border-primary-blue-800 not-disabled:hover:text-primary-blue-800 not-disabled:active:border-primary-blue-700 not-disabled:active:text-primary-blue-700 disabled:border-primary-neutral-200 disabled:text-primary-neutral-400',\n\n\t'primary-ghost':\n\t\t'bg-transparent text-primary-blue-500 not-disabled:hover:text-primary-blue-800 not-disabled:active:text-primary-blue-700 disabled:text-primary-neutral-400',\n\n\t'secondary-fill': 'bg-primary-neutral-800 text-white hover:bg-primary-neutral-700',\n\n\t'secondary-outline':\n\t\t'border-2 border-primary-neutral-800 text-primary-neutral-800 not-disabled:hover:bg-primary-neutral-700 not-disabled:active:bg-primary-neutral-700',\n}","export const buttonSizes = {\n\t'32': 'h-[32px]',\n\t'40': 'h-[40px]',\n\t'48': 'h-[48px]',\n\t'56': 'h-[56px]',\n}"],"mappings":"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","names":["cva","jsx","cva"]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bezdenegsvarkinet/ui-library",
3
3
  "private": false,
4
- "version": "1.2.0",
4
+ "version": "1.3.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"