@redneckz/wildless-cms-uni-blocks 0.7.1 → 0.7.2

package/src/ui-kit/LinkButton/LinkButton.tsx

@@ -4,7 +4,7 @@ import { Img } from '../Img/Img';
 
 const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
   text-l-light bg-white text-primary-text flex w-[316px]
-  justify-between items-center group-hover:text-primary-main z-10`;
+  justify-between items-center group-hover/link:text-primary-main z-10`;
 
 const LINK_BORDER_CLASS_NAME =
   'bg-transparent border-white border h-[70px] absolute w-[316px] top-0';
@@ -20,14 +20,14 @@ export const LinkButton = JSX<LinkButtonProps>(
     }
 
     return (
-      <div className={`relative group cursor-pointer w-[328px] h-[82px] ${className}`}>
+      <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
         <a className={LINK_CLASS_NAME} role="link" href={href} target={target}>
           <div className="p-0.5">{text}</div>
           <div className="w-6 h-6">
             <Img
-              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover:brightness-100"
+              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
               image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
-              imageClassName="group-hover:text-primary-main"
+              imageClassName="group-hover/link:text-primary-main"
               width="24"
               height="24"
               asSVG

package/src/ui-kit/List/List.fixture.tsx

@@ -15,23 +15,13 @@ export default {
     </div>
   ),
   'secondary dotted': (
-    <div className="bg-primary-main p-12">
-      <List items={items} version="secondary" />
+    <div className="group bg-primary-main p-12" data-ver="secondary">
+      <List items={items} />
     </div>
   ),
   'secondary w/o dots': (
-    <div className="bg-primary-main p-12">
-      <List items={items} version="secondary" isDotted={false} />
-    </div>
-  ),
-  'gray dotted': (
-    <div className="bg-white p-12">
-      <List items={items} version="gray" />
-    </div>
-  ),
-  'gray w/o dots': (
-    <div className="bg-white p-12">
-      <List items={items} version="gray" isDotted={false} />
+    <div className="bg-primary-main p-12" data-ver="secondary">
+      <List items={items} isDotted={false} />
     </div>
   ),
 };

package/src/ui-kit/List/List.tsx

@@ -1,12 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem';
-import type { ListItemSize, ListItemVersion, ListProps } from './ListProps';
-
-const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
-  primary: 'text-primary-text',
-  secondary: 'text-white',
-  gray: 'text-secondary-text',
-};
+import type { ListItemSize, ListProps } from './ListProps';
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
   S: 'text-l-light',
@@ -20,39 +14,25 @@ const ITEM_INDENT_MAP = {
   L: 'ml-4',
 };
 
-export const List = JSX<ListProps>((props) => {
-  const {
-    className = '',
-    hasIndent,
-    isDotted,
-    itemClassName = '',
-    items,
-    listItemSize = 'M',
-    version = 'primary',
-  } = props;
-
-  if (!items?.length) {
-    return null;
-  }
-
-  return (
-    <section
-      className={`${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className} ${
-        hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''
-      }`}
-      role="list"
-    >
-      {items.map((item, i) => (
-        <ListItem
-          key={String(i)}
-          className={`${itemClassName} mb-1.5`}
-          isDotted={isDotted}
-          version={version}
-          size={listItemSize}
-        >
-          {item}
-        </ListItem>
-      ))}
-    </section>
-  );
-});
+export const List = JSX<ListProps>(
+  ({ className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M' }) =>
+    items?.length ? (
+      <section
+        className={`text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text ${
+          TEXT_SIZE_MAP[listItemSize]
+        } ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''} ${className}`}
+        role="list"
+      >
+        {items.map((item, i) => (
+          <ListItem
+            key={String(i)}
+            className={`${itemClassName} mb-1.5`}
+            isDotted={isDotted}
+            size={listItemSize}
+          >
+            {item}
+          </ListItem>
+        ))}
+      </section>
+    ) : null,
+);

package/src/ui-kit/List/ListItem.tsx

@@ -1,23 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ListItemSize, ListItemVersion } from './ListProps';
+import type { ListItemSize } from './ListProps';
 
 /**
  * @title Параметры элемента списка
  */
 export interface ListItemProps {
   className?: string;
-  version?: ListItemVersion;
   text?: string;
   isDotted?: boolean;
   size?: ListItemSize;
 }
 
-const LIST_DOT_STYLE_MAP: Record<ListItemVersion, string> = {
-  primary: 'bg-primary-text',
-  secondary: 'bg-white',
-  gray: 'bg-secondary-text',
-};
-
 const DOT_SIZE_MAP = {
   L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4',
   M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3',
@@ -25,18 +18,16 @@ const DOT_SIZE_MAP = {
 };
 
 export const ListItem = JSX<ListItemProps>(
-  ({ className = '', isDotted = true, children, version = 'primary', size = 'M' }) => {
-    return (
-      <div className={`font-sans flex items-baseline ${className}`} role="listitem">
-        {isDotted ? (
-          <div>
-            <div
-              className={`rounded-full align-middle inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}`}
-            />
-          </div>
-        ) : null}
-        <span>{children}</span>
-      </div>
-    );
-  },
+  ({ className = '', isDotted = true, children, size = 'M' }) => (
+    <div className={`font-sans flex items-baseline ${className}`} role="listitem">
+      {isDotted ? (
+        <div>
+          <div
+            className={`rounded-full align-middle inline-block bg-primary-text group-data-secondary:bg-white ${DOT_SIZE_MAP[size]}`}
+          />
+        </div>
+      ) : null}
+      <span>{children}</span>
+    </div>
+  ),
 );

package/src/ui-kit/List/ListProps.ts

@@ -6,12 +6,6 @@ import type { ListContent } from './ListContent';
  */
 export type ListItemSize = 'S' | 'M' | 'L';
 
-/**
- * @title Версия списка
- * @enumNames ["Основной", "Второстепенный", "Серый"]
- */
-export type ListItemVersion = 'primary' | 'secondary' | 'gray';
-
 /**
  * @title Содержимое списка
  */
@@ -25,5 +19,4 @@ export interface ListProps extends ListContent {
   /** @title Буллиты */
   isDotted?: boolean;
   listItemSize?: ListItemSize;
-  version?: ListItemVersion;
 }

package/src/ui-kit/Location/Location.tsx

@@ -140,7 +140,7 @@ const ForeignOffices = JSX<ForeignOfficeProps>(({ foreignOffices }) =>
   foreignOffices?.length ? (
     <div className="border-t border-main-divider mt-7 pt-7">
       <div className="mb-4">
-        <Text size="text-m-light" color="text-secondary-text">
+        <Text size="text-m" font="font-light" color="text-secondary-text">
           Представительства за рубежом:
         </Text>
       </div>

package/src/ui-kit/Paragraph/Paragraph.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ParagraphProps } from './ParagraphProps';
 
-export const Paragraph = JSX<ParagraphProps>(({ size, color, align, font, children }) => (
-  <p className={['font-sans', size, color, align, font].filter(Boolean).join(' ')}>{children}</p>
+export const Paragraph = JSX<ParagraphProps>(({ children, ...style }) => (
+  <p className={['font-sans', ...Object.values(style)].join(' ')}>{children}</p>
 ));

package/src/ui-kit/Text/Text.tsx

@@ -8,8 +8,6 @@ interface TextProps {
   font?: FontWeight;
 }
 
-export const Text = JSX<TextProps>(({ size, color, align, font, children }) => (
-  <span className={['font-sans', size, color, align, font].filter(Boolean).join(' ')}>
-    {children}
-  </span>
+export const Text = JSX<TextProps>(({ children, ...style }) => (
+  <span className={['font-sans', ...Object.values(style)].join(' ')}>{children}</span>
 ));

package/src/ui-kit/Text/TextProps.ts

@@ -1,3 +1,5 @@
+import { BlockVersionMolecule } from '../../model/BlockVersion';
+
 /**
  * @title Размер текста
  */
@@ -35,7 +37,7 @@ export type TitleSize =
 /**
  * @title Цвет текста
  */
-export type TextColor =
+export type TextColor = BlockVersionMolecule<
   | ''
   | 'text-main'
   | 'text-primary-text'
@@ -45,7 +47,8 @@ export type TextColor =
   | 'text-error'
   | 'text-white'
   | 'text-white/80'
-  | 'text-green';
+  | 'text-green'
+>;
 
 /**
  * @title Выравнивание

package/src/ui-kit/TopItem/TopItem.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
 
 export interface TopItemContent extends LinkProps {
   active?: boolean;
@@ -11,50 +11,44 @@ export interface TopItemProps extends TopItemContent {
   className?: string;
   flat?: boolean;
   ariaLabel?: string;
-  bgColor?: BgColorVersion;
   dataItemName?: string;
   onClick?: () => void;
 }
 
-const TEXT_CLASSES = 'font-sans text-s-light';
-const LINK_CLASSES = 'inline-block border border-solid bg-transparent text-center no-underline';
-
 export const TopItem = JSX<TopItemProps>(
-  ({ className = '', active, flat, ariaLabel, bgColor = 'bg-white', children, ...rest }) => {
+  ({ className = '', active, flat, ariaLabel, children, ...rest }) => {
     const link = useLink();
     const { href, target, text, onClick } = link(rest);
 
     return (
       <a
-        className={`${getLinkClasses(bgColor, active, flat)} ${className}`}
+        className={`${getLinkStyle(active, flat)} ${className}`}
         href={href}
         target={target}
         onClick={onClick}
         rel="noopener noreferrer"
         aria-label={ariaLabel}
       >
-        <span className={getTextClasses(bgColor, active, flat)}>{text || children}</span>
+        <span className={getTextStyle(active, flat)}>{text || children}</span>
       </a>
     );
   },
 );
 
-const getLinkClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  let classes = 'border-transparent';
-  if (active) {
-    classes = `rounded-md ${bgColor === 'bg-white' ? 'border-primary-main' : 'border-white'}`;
-  }
-
-  return `${classes} ${LINK_CLASSES} ${flat ? '' : 'px-4 py-2'}`;
-};
-
-const getTextClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  if (bgColor === 'transparent') {
-    return `text-white hover:text-primary-hover ${TEXT_CLASSES}`;
-  }
-  const nonActiveAtoms = `${
-    flat ? 'text-primary-text' : 'text-secondary-text'
-  } hover:text-primary-main`;
-
-  return `${active ? 'text-primary-main' : nonActiveAtoms} ${TEXT_CLASSES}`;
-};
+const getLinkStyle = (active = false, flat = false) =>
+  style(
+    'inline-block border border-solid bg-transparent text-center no-underline',
+    active
+      ? 'rounded-md border-primary-main group-data-transparent:border-white'
+      : 'border-transparent',
+    flat ? '' : 'px-4 py-2',
+  );
+
+const getTextStyle = (active = false, flat = false) =>
+  style(
+    'font-sans text-s-light',
+    active
+      ? 'text-primary-main'
+      : style(flat ? 'text-primary-text' : 'text-secondary-text', 'hover:text-primary-main'),
+    'group-data-transparent:text-white group-data-transparent:hover:text-primary-hover',
+  );

package/src/utils/getColSpan.ts

@@ -1,6 +1,6 @@
-export const getColSpan = (className: string) => {
+export const getColSpan = (className?: string): number => {
   const colSpanPrefix = 'col-span-';
-  const colSpanStr = className.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
+  const colSpanStr = className?.split(/\s+/).find((_) => _.startsWith(colSpanPrefix));
 
   return colSpanStr ? parseInt(colSpanStr.substring(colSpanPrefix.length), 10) : 12;
 };

package/src/utils/style.ts

@@ -1,2 +1,7 @@
-export const style = (...atoms: (string | null | undefined)[]): string =>
-  atoms.filter(Boolean).join(' ');
+type Atom = string | null | undefined;
+
+export const style = (...atoms: Array<Atom | Atom[]>): string =>
+  atoms
+    .flatMap((_) => _)
+    .filter(Boolean)
+    .join(' ');

package/tailwind.config.cjs

@@ -25,6 +25,12 @@ module.exports = {
     container: {
       center: true,
     },
+    data: {
+      primary: 'ver="primary"',
+      secondary: 'ver="secondary"',
+      gray: 'ver="gray"',
+      transparent: 'ver="transparent"',
+    },
     extend: {
       transitionProperty: {
         height: 'height',

package/bundle/components/Calculator/renderButtonSection.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;

package/bundle/components/Headline/Headline.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { HeadlineContent } from './HeadlineContent';
-export interface HeadlineProps extends UniBlockProps, HeadlineContent {
-}
-export declare const Headline: import("@redneckz/uni-jsx").UNIComponent<HeadlineProps, any, any>;

package/bundle/components/Headline/headlineStyles.d.ts

@@ -1,7 +0,0 @@
-import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
-import type { TextColor } from '../../ui-kit/Text/TextProps';
-export declare const headlineStyles: Record<BlockVersionWithTransparent, {
-    wrapper: string;
-    titleColor: TextColor;
-    descriptionColor?: TextColor;
-}>;

package/bundle/components/StepsBlock/renderItems.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
-export declare const renderItems: ({ items, isDotted, version, className, }: {
-    items?: string[] | undefined;
-    isDotted?: boolean | undefined;
-    version?: BlockVersion | undefined;
-    className?: string | undefined;
-}) => JSX.Element | null;

package/bundle/model/BorderVersion.d.ts

@@ -1,6 +0,0 @@
-/**
- * @title Цвет бордера
- * @enumNames ["Основной", "Второстепенный"]
- */
-export declare type BorderVersion = 'primary' | 'secondary';
-export declare const BorderVersionStyleMap: Record<BorderVersion, string>;

package/bundle/ui-kit/Button/ButtonSection.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ButtonContent, ButtonWithIconProps } from './ButtonProps';
-export interface ButtonSectionProps extends ButtonContent {
-    className?: string;
-}
-interface RenderButtonProps {
-    button: ButtonWithIconProps;
-    buttonClassName?: string;
-    index?: number;
-}
-export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
-export {};

package/bundle/utils/style2className.d.ts

@@ -1 +0,0 @@
-export declare function style2className(style: string[] | undefined | null): string;

package/dist/components/Calculator/renderButtonSection.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;

package/dist/components/Calculator/renderButtonSection.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderButtonSection = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
-function renderButtonSection(buttons) {
-    return buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { buttons: buttons, className: "flex flex-col mt-7 gap-2" })) : null;
-}
-exports.renderButtonSection = renderButtonSection;
-//# sourceMappingURL=renderButtonSection.js.map

package/dist/components/Calculator/renderButtonSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderButtonSection.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderButtonSection.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAElE,SAAgB,mBAAmB,CAAC,OAA+B;IACjE,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACzE,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAJD,kDAIC"}

package/dist/components/Headline/Headline.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { HeadlineContent } from './HeadlineContent';
-export interface HeadlineProps extends UniBlockProps, HeadlineContent {
-}
-export declare const Headline: import("@redneckz/uni-jsx").UNIComponent<HeadlineProps, any, any>;

package/dist/components/Headline/Headline.mobile.js

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Headline = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
-const Img_1 = require("../../ui-kit/Img/Img");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-const headlineStyles_1 = require("./headlineStyles");
-exports.Headline = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, bgColorHeadline = 'transparent', align = 'text-left', }) => {
-    const style = headlineStyles_1.headlineStyles[bgColorHeadline];
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `px-4 py-6 flex flex-col gap-2.5 ${style.wrapper} ${className}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `${style.titleColor} ${align}`, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { color: style.descriptionColor || style.titleColor, size: "text-m", align: align, children: description })) : null, image?.src && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2.5 mx-auto flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) }))] }));
-});
-//# sourceMappingURL=Headline.mobile.js.map

package/dist/components/Headline/Headline.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,0DAAuD;AACvD,8CAA2C;AAC3C,gEAA6D;AAE7D,qDAAkD;AAIrC,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,GAAG,aAAa,EAC/B,KAAK,GAAG,WAAW,GACpB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,+BAAc,CAAC,eAAe,CAAC,CAAC;IAE9C,OAAO,CACL,qCAAS,SAAS,EAAE,mCAAmC,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,aAChF,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CACtF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,YACrF,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,IAAI,CACb,gCAAK,SAAS,EAAC,oCAAoC,YACjD,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Headline/headlineStyles.d.ts

@@ -1,7 +0,0 @@
-import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
-import type { TextColor } from '../../ui-kit/Text/TextProps';
-export declare const headlineStyles: Record<BlockVersionWithTransparent, {
-    wrapper: string;
-    titleColor: TextColor;
-    descriptionColor?: TextColor;
-}>;

package/dist/components/Headline/headlineStyles.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headlineStyles = void 0;
-exports.headlineStyles = {
-    transparent: {
-        wrapper: 'bg-transparent',
-        titleColor: 'text-primary-text',
-    },
-    primary: {
-        wrapper: 'bg-white',
-        titleColor: 'text-primary-text',
-    },
-    secondary: {
-        wrapper: 'bg-primary-main',
-        titleColor: 'text-white',
-        descriptionColor: 'text-white/80',
-    },
-};
-//# sourceMappingURL=headlineStyles.js.map

package/dist/components/Headline/headlineStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headlineStyles.js","sourceRoot":"","sources":["../../../src/components/Headline/headlineStyles.ts"],"names":[],"mappings":";;AAGa,QAAA,cAAc,GAOvB;IACF,WAAW,EAAE;QACX,OAAO,EAAE,gBAAgB;QACzB,UAAU,EAAE,mBAAmB;KAChC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,OAAO,EAAE,iBAAiB;QAC1B,UAAU,EAAE,YAAY;QACxB,gBAAgB,EAAE,eAAe;KAClC;CACF,CAAC"}

package/dist/components/StepsBlock/renderItems.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
-export declare const renderItems: ({ items, isDotted, version, className, }: {
-    items?: string[] | undefined;
-    isDotted?: boolean | undefined;
-    version?: BlockVersion | undefined;
-    className?: string | undefined;
-}) => JSX.Element | null;

package/dist/components/StepsBlock/renderItems.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderItems = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const List_1 = require("../../ui-kit/List/List");
-const renderItems = ({ items, isDotted = true, version = 'primary', className = '', }) => items ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: className, version: version, items: items, listItemSize: "M", isDotted: isDotted })) : null;
-exports.renderItems = renderItems;
-//# sourceMappingURL=renderItems.js.map

package/dist/components/StepsBlock/renderItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAGvC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GAMf,EAAE,EAAE,CACH,KAAK,CAAC,CAAC,CAAC,CACN,uBAAC,WAAI,IACH,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AAnBE,QAAA,WAAW,eAmBb"}

package/dist/model/BorderVersion.d.ts

@@ -1,6 +0,0 @@
-/**
- * @title Цвет бордера
- * @enumNames ["Основной", "Второстепенный"]
- */
-export declare type BorderVersion = 'primary' | 'secondary';
-export declare const BorderVersionStyleMap: Record<BorderVersion, string>;

package/dist/model/BorderVersion.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderVersionStyleMap = void 0;
-exports.BorderVersionStyleMap = {
-    primary: 'border-gray',
-    secondary: 'border-white/50',
-};
-//# sourceMappingURL=BorderVersion.js.map

package/dist/model/BorderVersion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BorderVersion.js","sourceRoot":"","sources":["../../src/model/BorderVersion.ts"],"names":[],"mappings":";;AAMa,QAAA,qBAAqB,GAAkC;IAClE,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,iBAAiB;CAC7B,CAAC"}

package/dist/ui-kit/Button/ButtonSection.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ButtonContent, ButtonWithIconProps } from './ButtonProps';
-export interface ButtonSectionProps extends ButtonContent {
-    className?: string;
-}
-interface RenderButtonProps {
-    button: ButtonWithIconProps;
-    buttonClassName?: string;
-    index?: number;
-}
-export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
-export {};

package/dist/ui-kit/Button/ButtonSection.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderButton = exports.ButtonSection = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../Img/Img");
-const Button_1 = require("./Button");
-exports.ButtonSection = (0, uni_jsx_1.JSX)(({ className = '', buttons }) => buttons && buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: className, children: buttons.map((button, index) => renderButton({ button, index })) })) : null);
-function renderButton({ button, buttonClassName, index }) {
-    const { icon, iconRight, version, text, ...rest } = button;
-    const iconVersion = version === 'secondary' ? 'color' : 'white';
-    const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
-    const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
-    return text ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, text: text, ...rest }, index ? String(index) : '')) : null;
-}
-exports.renderButton = renderButton;
-const renderButtonIcon = (icon) => {
-    if (!icon?.icon && !icon?.src) {
-        return null;
-    }
-    const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
-    return (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon, width: iconWidth, height: "24", asSVG: true });
-};
-//# sourceMappingURL=ButtonSection.js.map

package/dist/ui-kit/Button/ButtonSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,oCAAiC;AACjC,qCAAkC;AAYrB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,gCAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,SAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,eAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAlBD,oCAkBC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AAClE,CAAC,CAAC"}

package/dist/utils/style2className.d.ts

@@ -1 +0,0 @@
-export declare function style2className(style: string[] | undefined | null): string;

package/dist/utils/style2className.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.style2className = void 0;
-function style2className(style) {
-    return style ? style.filter(Boolean).join(' ') : '';
-}
-exports.style2className = style2className;
-//# sourceMappingURL=style2className.js.map

package/dist/utils/style2className.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style2className.js","sourceRoot":"","sources":["../../src/utils/style2className.ts"],"names":[],"mappings":";;AAAA,SAAgB,eAAe,CAAC,KAAkC;IAChE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACtD,CAAC;AAFD,0CAEC"}

package/lib/components/Calculator/renderButtonSection.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare function renderButtonSection(buttons?: ButtonWithIconProps[]): JSX.Element | null;