@redneckz/wildless-cms-uni-blocks 0.13.1 → 0.13.3

package/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -26,7 +26,7 @@ export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items
         return (
           <div key={key} className="w-full">
             <div
-              className="flex p-4 bg-gray text-center justify-center cursor-pointer relative"
+              className="flex p-m bg-gray text-center justify-center cursor-pointer relative"
               onClick={() => toggleTables(key)}
             >
               <Text size="text-xl" font="font-light">
@@ -34,13 +34,13 @@ export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items
               </Text>
               <Img
                 image={{ icon: hiddenTables[key] ? 'PlusIcon' : 'MinusIcon' }}
-                className="absolute right-[22px]"
+                className="absolute right-6"
                 width="24"
                 height="24"
               />
             </div>
             <div
-              className={`w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${
+              className={`w-full pl-xs overflow-hidden transition-height duration-500 ease-in-out ${
                 hiddenTables[key] ? 'h-0' : ''
               }`}
             >

package/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
 import { renderArrows } from '../Button/renderArrows';
 import type { RowsData } from './InnerTableProps';
+import { style } from '../../utils/style';
 
 const COLUMN_WIDTH = 140;
 
@@ -52,7 +53,7 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
       className="flex border-main-divider border border-t-0 border-x-0 border-solid"
     >
       {headerColumn?.data ? (
-        <div className={`text-xl font-light w-[214px] py-lg `}>{headerColumn.data}</div>
+        <div className={`text-xl font-light w-52 py-lg `}>{headerColumn.data}</div>
       ) : null}
       <div className="flex flex-grow overflow-hidden">
         <div
@@ -78,9 +79,9 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
 
 const renderCols = (cols: string[], rowIndex: number) =>
   cols?.length > 0 ? (
-    <div className={`flex ${rowIndex} ${rowIndex === 0 ? 'text-secondary-text' : ''} last:mr-3`}>
+    <div className={style('flex', rowIndex === 0 ? 'text-secondary-text' : '')}>
       {cols.map((data, i) => (
-        <div key={String(i)} className={`w-20 text-h6 mr-lg first:ml-3xl`}>
+        <div key={String(i)} className={`w-20 text-h6 mx-lg`}>
           {data}
         </div>
       ))}

package/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -16,7 +16,7 @@ export const TableInnerButton = JSX<TableInnerButtonProps>(({ isOpen, onClick })
     <Button
       version="primary"
       onClick={onClick}
-      className="w-full flex items-center justify-center rounded-none py-5"
+      className="w-full flex items-center justify-center rounded-none py-lg"
     >
       <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать'}</div>
       <Icon

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

@@ -29,7 +29,7 @@ export const Input = JSX<InputProps>(
       [onChange],
     );
 
-    const paddingStyle = children ? 'pr-8' : '';
+    const paddingStyle = children ? 'pr-3xl' : '';
     const validStyle = valid
       ? 'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text'
       : 'border-error';
@@ -47,7 +47,7 @@ export const Input = JSX<InputProps>(
           <input
             key={key}
             className={style(
-              'w-full border rounded-md text-primary-text outline-none p-4',
+              'w-full border rounded-md text-primary-text outline-none p-m',
               paddingStyle,
               validStyle,
               inputClassName,

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

@@ -53,7 +53,7 @@ export const InputRange = JSX<InputRangeProps>((props) => {
           className={style(
             'm-0 mt-xs font-sans text-h3 w-full h-14',
             'border border-solid border-gray rounded-md outline-none',
-            'p-0 pl-4 box-border',
+            'p-0 pl-m box-border',
             'text-primary-text hover:border-primary-hover focus:border-primary-text',
             DISABLED_INPUT_CLASSES,
           )}
@@ -72,7 +72,7 @@ const closestValue = (list: number[]) => (_: number) =>
   list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
 
 const renderRangeCaption = (items: string[]) => (
-  <div className="flex justify-between my-2">
+  <div className="flex justify-between my-xs">
     {items.map((item, i) => (
       <Text key={String(i)} size="text-s" font="font-light" color="text-secondary-text">
         {item}

package/src/ui-kit/InputRange/renderRangeWithTicks.tsx

@@ -27,7 +27,7 @@ export function renderRangeWithTicks({
   return (
     <div>
       {list.length ? (
-        <div className="absolute w-full flex justify-between -bottom-[3px] px-4">
+        <div className="absolute w-full flex justify-between -bottom-[3px] px-m">
           {list.map((_, i) => (
             <div
               key={String(i)}
@@ -38,7 +38,7 @@ export function renderRangeWithTicks({
           ))}
         </div>
       ) : null}
-      <div className="absolute inset-x-0 -bottom-1 px-4 leading-[18px]">
+      <div className="absolute inset-x-0 -bottom-1 px-m leading-[18px]">
         <input
           className="box-border w-full m-0 cursor-pointer slider relative z-10"
           style={inputStyle}

package/src/ui-kit/LocationDialog/SearchBar.tsx

@@ -9,7 +9,7 @@ export interface SearchBarInnerProps {
 export const SearchBar = JSX<SearchBarInnerProps>(({ className, searchTerm, onSearch }) => {
   return (
     <form className={`font-sans relative ${className}`}>
-      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-44 gap-3.5 pointer-events-none">
+      <div className="absolute rounded h-full flex items-center justify-center pl-m max-w-44 gap-s pointer-events-none">
         {searchTerm ? null : (
           <label htmlFor="search-bar-input" className={`text-secondary-text `}>
             Поиск по филиалам
@@ -18,7 +18,7 @@ export const SearchBar = JSX<SearchBarInnerProps>(({ className, searchTerm, onSe
       </div>
       <input
         id="search-bar-input"
-        className={`h-12 pl-4 w-full peer text-l text-black border border-solid rounded-md box-border
+        className={`h-12 pl-m w-full peer text-l text-black border border-solid rounded-md box-border
               outline-none border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text`}
         value={searchTerm}
         onChange={(e) => onSearch(e.target.value.toLowerCase() as string)}

package/src/ui-kit/LocationDialog/renderForeignOffices.tsx

@@ -12,7 +12,7 @@ export const renderForeignOffices = (foreignOffices: ForeignOffice[] | undefined
           Представительства за рубежом:
         </Text>
       </div>
-      <div className="flex gap-10">
+      <div className="flex gap-5xl">
         {foreignOffices.map((office, i: number) => (
           <ForeignOffice key={String(i)} {...office} />
         ))}
@@ -25,7 +25,7 @@ const ForeignOffice = JSX<ForeignOffice>(({ icon, ...rest }) => {
   const { text, target, href, onClick } = link(rest);
 
   return (
-    <div className="flex gap-x-3">
+    <div className="flex gap-s">
       {icon ? <Img pathPrefix="/wcms-resources/" image={icon} /> : null}
       {text ? (
         <a className="hover:text-primary-hover" href={href} target={target} onClick={onClick}>

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

@@ -3,7 +3,7 @@ import { RadioProps } from './RadioProps';
 
 export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, className }) => (
   <div className={className}>
-    <label className="font-sans flex items-center relative cursor-pointer">
+    <label className="font-sans flex gap-s items-center relative cursor-pointer">
       <input
         className="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-primary-hover
         checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text
@@ -14,7 +14,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         checked={checked}
         onChange={(_) => onChange(_.target.value)}
       />
-      {text ? <span className="text-primary-text ml-3 cursor-pointer">{text}</span> : null}
+      {text ? <span className="text-primary-text cursor-pointer">{text}</span> : null}
     </label>
   </div>
 ));

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

@@ -16,8 +16,8 @@ const items = [
 
 export default {
   default: (
-    <div>
-      <div className="mb-5">
+    <div className="space-y-lg">
+      <div>
         <Text color="text-secondary-text" font="font-light">
           Горизонтальный
         </Text>

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

@@ -17,8 +17,8 @@ interface RadioButtonGroupProps {
 }
 
 const orientationStyleMap: Record<ListOrientation, string> = {
-  horizontal: 'gap-10',
-  vertical: 'flex-col gap-3',
+  horizontal: 'gap-5xl',
+  vertical: 'flex-col gap-s',
 };
 
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(

package/src/ui-kit/SearchDialog/SearchInput.tsx

@@ -27,7 +27,7 @@ export const SearchInput = JSX<SearchInputProps>(
         </div>
         <input
           className={style(
-            'h-12 pl-12 w-full text-l text-black outline-none box-border',
+            'h-12 pl-6xl w-full text-l text-black outline-none box-border',
             'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
           )}
           value={value}

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

@@ -10,7 +10,7 @@ const rates = [
 
 export default {
   default: (
-    <div className="w-[1280px] ml-10 flex flex-col">
+    <div className="w-[1280px]flex flex-col">
       <Select options={rates} label="Заголовок" onChange={(_) => console.log(_)} />
     </div>
   ),

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

@@ -63,7 +63,7 @@ export const Select = JSX<SelectProps>(
             )}
             onClick={toggle}
           >
-            <p className="p-4 pr-8 h-14 overflow-hidden text-ellipsis whitespace-nowrap">
+            <p className="p-m pr-3xl h-14 overflow-hidden text-ellipsis whitespace-nowrap">
               {formatOption(value) || placeholder}
             </p>
             <Icon
@@ -99,14 +99,14 @@ const renderOption =
         onClick={() => {
           handleChange(option);
         }}
-        className="flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11 relative"
+        className="flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative"
       >
         <span className="min-h-6">{formatOption(option)}</span>
         <Icon
           name="DoneSimpleIcon"
           width="16"
           height="16"
-          className={style('absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden')}
+          className={style('absolute right-4 pt-3xs', isSelected(option) && isOpen ? '' : 'hidden')}
         />
       </div>
     );

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

@@ -25,7 +25,7 @@ const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, inde
   const { text, items, href, target, onClick } = menuItem;
 
   return (
-    <div key={String(index)} className="flex flex-col gap-3.5 w-1/4">
+    <div key={String(index)} className="flex flex-col gap-s w-1/4">
       <a
         className="leading-5 text-l text-primary-text hover:text-primary-main no-underline"
         href={href}

package/src/ui-kit/SwipeListControl/SwipeListControl.fixture.mobile.tsx

@@ -13,17 +13,17 @@ const generateChildren = (count: number) => new Array(count).fill(0).map(renderE
 
 export default {
   default: (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{generateChildren(5)}</SwipeListControl>
     </div>
   ),
   'w/o dots': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl showDots={false}>{generateChildren(5)}</SwipeListControl>
     </div>
   ),
   '1 element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>
         <div className="border border-gray rounded-md text-center h-12">
           Single element, not inside an array
@@ -32,22 +32,22 @@ export default {
     </div>
   ),
   '2 elements': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{generateChildren(2)}</SwipeListControl>
     </div>
   ),
   'empty element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{null}</SwipeListControl>
     </div>
   ),
   'string element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>string content</SwipeListControl>
     </div>
   ),
   vertical: (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl listType="vertical-list">{generateChildren(3)}</SwipeListControl>
     </div>
   ),

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

@@ -13,17 +13,17 @@ const generateChildren = (count: number) => new Array(count).fill(0).map(renderE
 
 export default {
   default: (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{generateChildren(5)}</SwipeListControl>
     </div>
   ),
   'w/o dots': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl showDots={false}>{generateChildren(5)}</SwipeListControl>
     </div>
   ),
   '1 element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>
         <div className="border border-gray rounded-md text-center h-12">
           Single element, not inside an array
@@ -32,22 +32,22 @@ export default {
     </div>
   ),
   '2 elements': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{generateChildren(2)}</SwipeListControl>
     </div>
   ),
   'empty element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>{null}</SwipeListControl>
     </div>
   ),
   'string element': (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl>string content</SwipeListControl>
     </div>
   ),
   vertical: (
-    <div className="px-4 py-5 bg-white">
+    <div className="p-lg bg-white">
       <SwipeListControl listType="vertical-list">{generateChildren(3)}</SwipeListControl>
     </div>
   ),

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -4,7 +4,7 @@ import { style } from '../../utils/style';
 import type { SwipeListControlType } from './SwipeListControlContent';
 
 const containerStyles: Record<SwipeListControlType, string> = {
-  'horizontal-list': 'mx-auto mt-5 w-fit',
+  'horizontal-list': 'mx-auto mt-lg w-fit',
   'vertical-list': 'absolute flex-col justify-center h-full top-0 left-4',
 };
 
@@ -39,7 +39,7 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
 
     return dotCount ? (
       <div
-        className={style('flex gap-2', containerStyles[listType], version ? 'group' : '')}
+        className={style('flex gap-xs', containerStyles[listType], version ? 'group' : '')}
         {...(version ? { 'data-ver': version } : {})}
       >
         {new Array(dotCount).fill(null).map((_, idx: number) => (

package/src/ui-kit/TabsControl/TabItem.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
-import { style } from '../../utils/style';
-import { Text } from '../Text/Text';
+import { TabItemInner } from './TabItemInner';
 import type { TabsControlProps } from './TabsControlProps';
 
 export type TabItemBase = LinkProps;
@@ -16,66 +16,27 @@ export interface TabItemProps {
   type?: TabType;
 }
 
-const tabPaddingStyleMap: Record<TabType, string> = {
-  default: 'px-xs',
-  underlined: 'px-m',
-  rounded: 'px-lg rounded-md',
-};
+export const TabItem = JSX<TabItemProps>((props) =>
+  props?.item?.href ? <LinkTabItem {...props} /> : <ButtonTabItem {...props} />,
+);
 
-const tabTextStyle = 'text-secondary-text hover:text-primary-main';
-
-const activeTabTextStyleMap: Record<TabType, string> = {
-  default: 'text-black sm:text-white',
-  underlined: 'text-primary-main border-b-2',
-  rounded: 'text-white',
-};
+const LinkTabItem = JSX<TabItemProps>((props) => {
+  const link = useLink();
 
-const tabBgStyleMap: Record<TabType, string> = {
-  default: 'bg-white',
-  underlined: 'bg-white',
-  rounded: 'bg-transparent',
-};
+  const handleClick = useCallback(() => {
+    props.onClick && props.onClick(props.item || {});
+  }, [props.onClick, props.item]);
 
-const activeTabBgStyleMap: Record<TabType, string> = {
-  default: 'sm:bg-primary-main',
-  underlined: 'bg-white',
-  rounded: 'bg-primary-main',
-};
+  const { onClick, ...item } = link({ ...props.item, onClick: handleClick });
 
-export const TabItem = JSX<TabItemProps>(({ item = {}, isActive, onClick, type = 'default' }) => {
-  const link = useLink();
+  return <TabItemInner {...props} tag="a" item={item} onClick={onClick} />;
+});
 
-  const handleClick = () => {
+// TODO: Update handlerDecorator (support buttons?)
+const ButtonTabItem = JSX<TabItemProps>(({ item = {}, onClick, ...rest }) => {
+  const handleClick = useCallback(() => {
     onClick && onClick(item);
-  };
-
-  const { text, ...linkProps } = link({ ...item, onClick: handleClick });
-
-  const Tag = item.href ? 'a' : 'div';
+  }, [onClick, item]);
 
-  return (
-    <Tag
-      className={style(
-        'h-12',
-        'block flex-1',
-        'cursor-pointer',
-        tabPaddingStyleMap[type],
-        isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type],
-      )}
-      role="tab"
-      aria-selected={isActive}
-      {...linkProps}
-    >
-      <div
-        className={style(
-          'h-full',
-          'flex justify-center items-center',
-          'text-center whitespace-nowrap',
-          isActive ? activeTabTextStyleMap[type] : tabTextStyle,
-        )}
-      >
-        <Text size="text-m">{text}</Text>
-      </div>
-    </Tag>
-  );
+  return <TabItemInner item={item} onClick={handleClick} {...rest} />;
 });

package/src/ui-kit/TabsControl/TabItemInner.tsx

@@ -0,0 +1,69 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { Text } from '../Text/Text';
+import type { TabItemProps, TabType } from './TabItem';
+
+const tabPaddingStyleMap: Record<TabType, string> = {
+  default: 'px-xs',
+  underlined: 'px-m',
+  rounded: 'px-lg rounded-md',
+};
+
+const tabTextStyle = 'text-secondary-text hover:text-primary-main';
+
+const activeTabTextStyleMap: Record<TabType, string> = {
+  default: 'text-black sm:text-white',
+  underlined: 'text-primary-main border-b-2',
+  rounded: 'text-white',
+};
+
+const tabBgStyleMap: Record<TabType, string> = {
+  default: 'bg-white',
+  underlined: 'bg-white',
+  rounded: 'bg-transparent',
+};
+
+const activeTabBgStyleMap: Record<TabType, string> = {
+  default: 'sm:bg-primary-main',
+  underlined: 'bg-white',
+  rounded: 'bg-primary-main',
+};
+
+interface TabItemInnerProps extends TabItemProps {
+  tag?: string;
+}
+
+export const TabItemInner = JSX<TabItemInnerProps>(
+  ({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
+    const Tag: any = tag;
+
+    const { text, ...link } = item;
+
+    return (
+      <Tag
+        className={style(
+          'h-12',
+          'block flex-1',
+          'cursor-pointer',
+          tabPaddingStyleMap[type],
+          isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type],
+        )}
+        role="tab"
+        aria-selected={isActive}
+        onClick={onClick}
+        {...link}
+      >
+        <div
+          className={style(
+            'h-full',
+            'flex justify-center items-center',
+            'text-center whitespace-nowrap',
+            isActive ? activeTabTextStyleMap[type] : tabTextStyle,
+          )}
+        >
+          <Text size="text-m">{text}</Text>
+        </div>
+      </Tag>
+    );
+  },
+);

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

@@ -73,7 +73,7 @@ const ComponentWithRoundedTabs = ({ tabs }: { tabs: TabItemBase[] }) => {
     <section className="col-span-12 text-primary-text bg-white">
       <div className="flex">
         <TabsControl
-          className="m-auto p-2xs rounded-md bg-main-gray gap-x-0"
+          className="m-auto p-2xs rounded-md bg-main-gray"
           tabsType="rounded"
           items={tabs}
           value={activeTab}

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

@@ -17,7 +17,7 @@ export const Tags = JSX<TagsProps>(({ className, tags }) =>
 
 const renderTag = (tag: string, key: number) => (
   <div
-    className="py-2 px-2.5 border-solid border rounded-md border-gray"
+    className="p-xs border-solid border rounded-md border-gray"
     key={String(key)}
     role="listitem"
   >

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

@@ -38,7 +38,7 @@ const getLinkStyle = (active = false, flat = false) =>
     active
       ? 'rounded-md border-primary-main group-data-transparent:border-white'
       : 'border-transparent',
-    flat ? '' : 'px-4 py-2',
+    flat ? '' : 'px-m py-xs',
   );
 
 const getTextStyle = (active = false, flat = false) =>

package/src/ui-kit/YandexMap/renderOpenMap.tsx

@@ -14,7 +14,7 @@ export const renderOpenMap = (pointsCenter: number[]) => {
 
   return (
     <a
-      className={`select-none cursor-pointer px-9 h-12 bg-primary-main text-white ${Object.values(
+      className={`select-none cursor-pointer px-4xl h-12 bg-primary-main text-white ${Object.values(
         styles,
       ).join(' ')}`}
       href={getYandexMapUrl()}

package/src/ui-kit/YandexMap/renderUserGeolocation.tsx

@@ -32,7 +32,7 @@ export const renderUserGeolocation = (
 
   return (
     <div
-      className={`select-none cursor-pointer py-4 w-12 bg-white ${Object.values(styles).join(
+      className={`select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles).join(
         ' ',
       )} ${className}`}
       onClick={setUserGeoLocation}

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function renderProposal(monthlyPayment: number): JSX.Element;

package/bundle/ui-kit/LinkButton/LinkButton.d.ts

@@ -1,5 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export declare type LinkButtonProps = LinkProps & {
-    className?: string;
-};
-export declare const LinkButton: import("@redneckz/uni-jsx").UNIComponent<LinkButtonProps, any, any>;

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function renderProposal(monthlyPayment: number): JSX.Element;

package/dist/components/Calculator/renderProposal.js

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderProposal = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Button_1 = require("../../ui-kit/Button/Button");
-const toLocalNumberFormat_1 = require("../../utils/toLocalNumberFormat");
-const Text_1 = require("../../ui-kit/Text/Text");
-function renderProposal(monthlyPayment) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "box-border ", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", font: "font-light", children: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-h3 mb-3", children: [(0, toLocalNumberFormat_1.toLocalNumberFormat)(2)(Math.round(monthlyPayment)), " \u20BD"] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: "mt-12 w-full", text: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443", version: "primary", href: "#" })] }));
-}
-exports.renderProposal = renderProposal;
-//# sourceMappingURL=renderProposal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderProposal.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderProposal.tsx"],"names":[],"mappings":";;;AAAA,uDAAoD;AACpD,yEAAsE;AACtE,iDAA8C;AAE9C,SAAgB,cAAc,CAAC,cAAsB;IACnD,OAAO,CACL,iCAAK,SAAS,EAAC,aAAa,aAC1B,0CACE,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,wHAE9B,GACH,EACN,iCAAK,SAAS,EAAC,cAAc,aAAE,IAAA,yCAAmB,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,eAAS,EAC1F,uBAAC,eAAM,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,6FAAkB,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,GAAG,IAClF,CACP,CAAC;AACJ,CAAC;AAZD,wCAYC"}

package/dist/ui-kit/LinkButton/LinkButton.d.ts

@@ -1,5 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export declare type LinkButtonProps = LinkProps & {
-    className?: string;
-};
-export declare const LinkButton: import("@redneckz/uni-jsx").UNIComponent<LinkButtonProps, any, any>;

package/dist/ui-kit/LinkButton/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/LinkButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,oCAAiC;AACjC,6CAA0C;AAE1C,MAAM,eAAe,GAAG;;uEAE+C,CAAC;AAExE,MAAM,sBAAsB,GAC1B,sEAAsE,CAAC;AAM5D,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAE7C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,uFAAuF,EACvF,SAAS,CACV,aAED,+BACE,SAAS,EAAE,IAAA,aAAK,EACd,eAAe,EACf,oEAAoE,CACrE,EACD,IAAI,EAAC,MAAM,KACP,aAAa,aAEjB,gCAAK,SAAS,EAAC,OAAO,YAAE,IAAI,GAAO,EACnC,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,SAAG,IACF,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,EACvD,cAAc,EAAC,oCAAoC,EACnD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,GACE,IACJ,EACJ,gCAAK,SAAS,EAAE,sBAAsB,GAAG,gCAAgC,GAAI,EAC7E,gCAAK,SAAS,EAAE,sBAAsB,GAAG,4BAA4B,GAAI,IACrE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function renderProposal(monthlyPayment: number): JSX.Element;