@redneckz/wildless-cms-uni-blocks 0.6.18 → 0.6.20

package/mobile/src/components/StepsBlock/renderStepContent.tsx

@@ -3,6 +3,7 @@ import type { BlockVersion } from '../../model/BlockVersion';
 import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
 import type { Step } from './StepsBlockContent';
 import type { StyleType } from './StepsBlockStyleMaps';
+import type { VNode } from '../../model/VNode';
 import { renderItems } from './renderItems';
 import { useLink } from '../../hooks/useLink';
 
@@ -20,39 +21,48 @@ export const renderStepContent =
     router: Router;
     handlerDecorator?: HandlerDecorator;
   }) =>
-  (step: Step, i: number, { length }: { length: number }) => {
+  (step: Step, i: number, { length }: { length: number }): VNode => {
     const { label, description, button, items, isDotted } = step;
 
-    const additionalMarginClass = `${button?.text ? 'mb-8' : ''} ${step?.label ? 'mt-2' : 'mt-4'}`;
-    const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
+    const contentMarginClass = label && (description || items) ? 'mt-2' : '';
 
     return (
       <div
         key={String(i)}
-        className={`flex flex-col items-center text-center relative
-        whitespace-pre-line overflow-hidden ${widthContainer}`}
+        className={`relative flex flex-col items-center text-center whitespace-pre-line overflow-hidden ${getContainerWidth(
+          length,
+        )}`}
       >
-        {renderStepLabel(label)}
-        {renderStepDescription({
-          description,
-          className: `${styleMap.description} ${additionalMarginClass}`,
-        })}
-        {renderItems({ items, isDotted, version, className: styleMap.description })}
+        <div className={`${button?.text ? 'mb-8' : ''}  text-center`}>
+          {renderStepLabel(label)}
+          <div className={`${contentMarginClass} flex flex-col items-center`}>
+            {renderStepDescription({
+              description,
+              className: styleMap.description,
+            })}
+            {renderItems({
+              items,
+              isDotted,
+              version,
+              className: getItemsClasses({ className: 'text-left', description, styleMap }),
+            })}
+          </div>
+        </div>
         {button?.text && !isMainButton ? (
           <Button
             className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
             {...useLink({ router, handlerDecorator }, button)}
             version={version}
           >
-            {button.text}
+            {button?.text}
           </Button>
         ) : null}
       </div>
     );
   };
 
-const renderStepLabel = (label?: string) =>
-  label ? <div className="text-x6 m-0 mt-4">{label}</div> : null;
+const renderStepLabel = (label?: string): VNode =>
+  label ? <div className="text-h6">{label}</div> : null;
 
 const renderStepDescription = ({
   description,
@@ -60,4 +70,19 @@ const renderStepDescription = ({
 }: {
   description?: string;
   className?: string;
-}) => (description ? <div className={className}>{description}</div> : null);
+}): VNode => (description ? <div className={className}>{description}</div> : null);
+
+const getItemsClasses = ({
+  className,
+  description,
+  styleMap,
+}: {
+  className?: string;
+  description?: string;
+  styleMap: StyleType;
+}): string =>
+  [description ? styleMap.description : 'text-h6', description ? 'mt-0.5' : '', className].join(
+    ' ',
+  );
+
+const getContainerWidth = (length: number): string => (length < 5 ? 'w-[276px]' : 'w-[210px]');

package/mobile/src/components/TariffsTable/TariffsTableCell.tsx

@@ -1,59 +1,53 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import type { CellDef, TariffsTableCellIndexProps } from './TariffsTableContent';
+import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 
-export interface TariffsTableCellProps extends UniBlockProps {
+import type { CellDef } from './TariffsTableContent';
+import { renderCellInner } from './TariffsTableRenderCell';
+
+export interface TariffTableContentProps {
+  openTableInnerIdx?: number;
+  setOpenTableInnerIdx: (props?: number) => void;
+  setTableInner: (props?: TariffsTableInnerContent) => void;
+  tableInner?: TariffsTableInnerContent;
+}
+
+export interface TariffsTableCellProps extends TariffTableContentProps, UniBlockProps {
   rowIdx: number;
   cellIdx: number;
   cells: CellDef[];
-  isLastRow: boolean;
 }
 
 export const TariffsTableCell = JSX<TariffsTableCellProps>(
-  ({ context, cells, isLastRow, rowIdx, cellIdx }) => {
-    const cellWrapperClasses = `first:pl-0 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0 ${
-      isLastRow ? 'border-t-0 rounded-b-md' : ''
-    }`;
-
-    return (
-      <div className={cellWrapperClasses} role="cell">
-        {cells.map(renderCellInner(rowIdx, context, cellIdx))}
-      </div>
-    );
-  },
-);
-
-const renderCellInner =
-  (rowIdx: number, context: ContentPageContext, cellIdx: number) => (cell: CellDef, i: number) => {
+  ({
+    context,
+    cells,
+    rowIdx,
+    cellIdx,
+    setTableInner,
+    tableInner,
+    openTableInnerIdx,
+    setOpenTableInnerIdx,
+  }) => {
     return (
       <div
-        key={String(i)}
-        className={cell?.tableCellType === 'Table' ? 'ml-10' : `first:pt-5 last:pb-5 pl-10`}
+        className="first:pl-0 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0"
+        role="cell"
       >
-        {i > 0 ? <div className="h-5" /> : null}
-        {renderCell(cell, context, { rowIdx, cellIdx, fieldIdx: i })}
+        {cells?.length
+          ? cells.map(
+              renderCellInner({
+                rowIdx,
+                context,
+                cellIdx,
+                setTableInner,
+                tableInner,
+                openTableInnerIdx,
+                setOpenTableInnerIdx,
+              }),
+            )
+          : null}
       </div>
     );
-  };
-
-const renderCell = (
-  cell: CellDef,
-  context: ContentPageContext,
-  indexes: TariffsTableCellIndexProps,
-) => {
-  if (!cell) {
-    return null;
-  }
-
-  const { tableCellType: type, ...rest } = cell;
-
-  if (!type || !(type in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[type];
-
-  return <EmbeddableCellInner context={context} {...rest} {...indexes} />;
-};
+  },
+);

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,10 +1,9 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
-import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ListOrientation } from '../../model/ListOrientation';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { HeadingProps } from '../../ui-kit/Heading/HeadingProps';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import type { ListProps } from '../../ui-kit/List/ListProps';
 
@@ -43,7 +42,7 @@ export type Data = {
 /**
  * @title Параметр
  */
-export type TariffsTableRowHeader = HeadingProps & {
+export type TariffsTableRowHeader = TitleProps & {
   /** @default { "format": "webp", "size": { "width": 24, "height": 24 } } */
   icon?: Picture;
 };
@@ -117,7 +116,7 @@ export interface TariffsTableColumn {
 /**
  * @title Таблица тарифов
  */
-export type TariffsTableContent = HeadingProps &
+export type TariffsTableContent = TitleProps &
   DescriptionProps & {
     /** @title Колонки */
     tariffsColumns?: TariffsTableColumn[];

package/mobile/src/components/TariffsTable/TariffsTableRenderCell.tsx

@@ -0,0 +1,88 @@
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { EmbeddableCellData } from './EmbeddableCellData';
+import type { TariffTableContentProps } from './TariffsTableCell';
+import type { CellDef } from './TariffsTableContent';
+
+interface TariffTableCellInnerProps extends TariffTableContentProps {
+  cellIdx: number;
+  context: ContentPageContext;
+  rowIdx: number;
+}
+
+interface RenderCellProps {
+  cell: CellDef;
+  cellProps: CellProps;
+}
+
+interface CellProps {
+  isVisible?: boolean;
+  cellIdx: number;
+  context: ContentPageContext;
+  rowIdx: number;
+  fieldIdx: number;
+  displayTable: (props: TariffsTableInnerContent) => void;
+}
+
+export const renderCellInner =
+  ({
+    rowIdx,
+    context,
+    cellIdx,
+    setTableInner,
+    tableInner,
+    openTableInnerIdx,
+    setOpenTableInnerIdx,
+  }: TariffTableCellInnerProps) =>
+  (cell: CellDef, i: number) => {
+    const [isVisible, setVisibility] = useState(true);
+
+    useEffect(() => {
+      if (cellIdx !== openTableInnerIdx || !tableInner) {
+        setVisibility(true);
+      }
+    }, [tableInner, openTableInnerIdx]);
+
+    const displayTable = (props: TariffsTableInnerContent) => {
+      setVisibility(false);
+      setOpenTableInnerIdx(cellIdx);
+      setTableInner(props);
+    };
+
+    return (
+      <div
+        key={String(i)}
+        className={cell?.tableCellType === 'Table' ? 'ml-10' : `first:pt-5 last:pb-5 pl-10`}
+      >
+        {i > 0 ? <div className="h-5" /> : null}
+        {renderCell({
+          cell,
+          cellProps: {
+            rowIdx,
+            cellIdx,
+            fieldIdx: i,
+            displayTable,
+            isVisible,
+            context,
+          },
+        })}
+      </div>
+    );
+  };
+
+const renderCell = ({ cell, cellProps }: RenderCellProps) => {
+  if (!cell) {
+    return null;
+  }
+
+  const { tableCellType: type, ...rest } = cell;
+
+  if (!type || !(type in EmbeddableCellData)) {
+    return null;
+  }
+
+  const EmbeddableCellInner = EmbeddableCellData[type];
+
+  return <EmbeddableCellInner {...cellProps} {...rest} />;
+};

package/mobile/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,6 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Img } from '../../ui-kit/Img/Img';
+import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer';
 import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants';
 import { TariffsTableCell } from './TariffsTableCell';
@@ -10,19 +12,23 @@ import { TariffsTableRowContainer } from './TariffsTableRowContainer';
 export interface TariffsTableRowProps extends UniBlockProps {
   row: Data;
   activeCardIndex: number;
-  isLastRow: boolean;
   rowIdx: number;
 }
 
 export const TariffsTableRow = JSX<TariffsTableRowProps>(
-  ({ row: { header, data }, activeCardIndex, isLastRow, context, rowIdx }) => {
+  ({ row: { header, data }, activeCardIndex, context, rowIdx }) => {
+    const [tableInner, setTableInner] = useState<TariffsTableInnerContent | undefined>(undefined);
+    const [openTableInnerIdx, setOpenTableInnerIdx] = useState<number | undefined>(undefined);
+
+    const onHideContentClick = () => setTableInner(undefined);
+
     return (
-      <TariffsTableRowContainer context={context} rowIdx={rowIdx}>
-        <div
-          className={`text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES} ${
-            !isLastRow ? 'border-solid' : ''
-          }`}
-        >
+      <TariffsTableRowContainer
+        context={context}
+        onHideContentClick={onHideContentClick}
+        tableInner={tableInner}
+      >
+        <div className={`text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`}>
           <div className="flex items-center text-primary-text" role="cell">
             {header?.icon ? (
               <Img
@@ -46,10 +52,13 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
               <TariffsTableCell
                 key={String(i)}
                 cells={cells}
-                isLastRow={isLastRow}
                 rowIdx={rowIdx}
                 cellIdx={i}
                 context={context}
+                setTableInner={setTableInner}
+                tableInner={tableInner}
+                openTableInnerIdx={openTableInnerIdx}
+                setOpenTableInnerIdx={setOpenTableInnerIdx}
               />
             ))}
           </TableCarouselContainer>

package/mobile/src/components/TariffsTable/TariffsTableRowContainer.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { EventBus } from '../../EventBus/EventBus';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { VNode } from '../../model/VNode';
 import { InnerTable } from '../../ui-kit/InnerTable/InnerTable';
@@ -8,31 +6,18 @@ import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTabl
 
 export interface TariffsTableRowContainerProps extends UniBlockProps {
   children?: VNode;
-  rowIdx: number;
+  onHideContentClick: () => void;
+  tableInner?: TariffsTableInnerContent;
 }
 
 export const TariffsTableRowContainer = JSX<TariffsTableRowContainerProps>(
-  ({ context, children, rowIdx }) => {
-    const [tableInnerData, setTableInnerData] = useState<TariffsTableInnerContent | undefined>(
-      undefined,
-    );
-
-    useEffect(
-      () =>
-        EventBus.inst.subscribe('tariffInnerTable', (event) => {
-          setTableInnerData(
-            rowIdx === event.rowIdx ? { dataUrl: event.dataUrl, pdfUrl: event.pdfUrl } : undefined,
-          );
-        }),
-      [rowIdx],
-    );
-
+  ({ context, children, tableInner, onHideContentClick }) => {
     return (
       <div className="self-start flex flex-col" role="row">
         <div className="flex">{children}</div>
-        {tableInnerData ? (
+        {tableInner ? (
           <div className="origin-top animate-expansion">
-            <InnerTable context={context} {...tableInnerData} />
+            <InnerTable context={context} {...tableInner} onClick={onHideContentClick} />
           </div>
         ) : null}
       </div>

package/mobile/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -39,5 +39,7 @@ const renderCell = (cell: CellDef, context: ContentPageContext) => {
 
   const EmbeddableCellInner = EmbeddableCellData[type];
 
-  return <EmbeddableCellInner context={context} {...rest} />;
+  return (
+    <EmbeddableCellInner context={context} displayTable={() => null} {...rest} isVisible={true} />
+  );
 };

package/mobile/src/model/BlockDecorator.ts

@@ -1,10 +1,10 @@
-import type { BlockDef, Slot, SlotsMap } from './ContentPageDef';
+import type { BlockDef, Slot } from './ContentPageDef';
 
 export const DEFAULT_SLOT_NAME = null;
 
-export type BlockAncestors = [keyof SlotsMap | typeof DEFAULT_SLOT_NAME, ...Slot[]];
-
-export const DEFAULT_ANCESTORS: BlockAncestors = [DEFAULT_SLOT_NAME];
+export type SlotName = string | typeof DEFAULT_SLOT_NAME;
+export type BlockAncestorItem = [Slot, SlotName];
+export type BlockAncestors = BlockAncestorItem[];
 
 interface BlockDecoratorProps<VNode> {
   blockClassName: string;

package/mobile/src/model/BlocksRegistry.ts

@@ -1,3 +1,3 @@
 import type { JSXBlock } from './JSXBlock';
 
-export type BlocksRegistry<BlockProps = Record<string, any>> = Record<string, JSXBlock<BlockProps>>;
+export type BlocksRegistry = Record<string, JSXBlock<any>>;

package/mobile/src/model/ContentPageDef.ts

@@ -22,10 +22,7 @@ export interface BlockDef extends BaseBlockDef {
 export interface Slot {
   style?: string[];
   blocks?: BlockDef[];
-}
-
-export interface SlotsMap {
-  header?: Slot;
+  slots?: Record<string, BlockDef[]>;
 }
 
 export interface ContentPageMeta {
@@ -44,7 +41,6 @@ export interface ContentPageMeta {
 
 export interface ContentPageDef extends ContentPageMeta, Slot {
   _customPageType?: string;
-  slots?: SlotsMap;
   fallback?: Record<string, unknown>;
   likeControl?: boolean;
   colorPalette?: ColorPalette;

package/mobile/src/model/JSXBlock.ts

@@ -1,6 +1,6 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
-import type { BlockAncestors } from './BlockDecorator';
+import type { BlockAncestors, SlotName } from './BlockDecorator';
 import type { ContentPageDef } from './ContentPageDef';
 import type { VNode } from './VNode';
 
@@ -11,6 +11,7 @@ export interface UniBlockProps {
   ancestors?: BlockAncestors;
   labels?: string[];
   anchor?: string;
+  slots?: Record<string, VNode>;
 }
 
 export type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<
@@ -19,5 +20,6 @@ export type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<
   VNode | VNode[]
 > & {
   childrenTypes?: string[];
+  slots?: (props: BlockProps) => SlotName[];
   renderChild?: (child: VNode, i: number) => VNode;
 };

package/mobile/src/model/getParentBlockDef.ts

@@ -2,7 +2,11 @@ import type { BlockAncestors } from './BlockDecorator';
 import type { BlockDef } from './ContentPageDef';
 
 export function getParentBlockDef(ancestors: BlockAncestors | undefined, type?: string): BlockDef {
-  const [, ...blocks] = ancestors || [];
+  const [block] =
+    (ancestors || [])
+      .map((item) => item)
+      .reverse()
+      .find(([_]) => _ && 'type' in _ && (!type || type === (_ as BlockDef).type)) || [];
 
-  return blocks.reverse().find((_) => !type || type === (_ as BlockDef)?.type) || {};
+  return block || {};
 }

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

@@ -7,9 +7,13 @@ import { TableInnerButton } from './InnerTableButton';
 import { InnerTableHeader } from './InnerTableHeader';
 import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
 
-export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {}
+export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {
+  onClick: () => void;
+}
 
-export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) => {
+const EMPTY_DATA = 'Данных нет';
+
+export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl, onClick }) => {
   const { tableData }: TableFetchData = useTariffsInnerTableData(dataUrl);
 
   const [activeTabIndex, setActiveTabIndex] = useState(0);
@@ -26,7 +30,12 @@ export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) =>
         linkToPDF={pdfUrl} //TODO: need link to service
       />
       <InnerTableBody context={context} activeTabIndex={activeTabIndex} items={items} />
-      <TableInnerButton context={context} isOpen />
+      <TableInnerButton context={context} onClick={onClick} isOpen />
+    </div>
+  ) : (
+    <div className="my-5 text-h6 text-center">
+      <p>{EMPTY_DATA}</p>
+      <TableInnerButton context={context} onClick={onClick} isOpen />
     </div>
-  ) : null;
+  );
 });

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

@@ -1,36 +1,30 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { EventBus } from '../../EventBus/EventBus';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../Button/Button';
 import { Icon } from '../Icon/Icon';
 import type { TariffsTableInnerEvent } from './InnerTableProps';
 
 export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
+  onClick?: () => void;
   isOpen?: boolean;
 }
 
-export const TableInnerButton = JSX<TableInnerButtonProps>(
-  ({ isOpen, dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx }) => {
-    const handleClick = () => {
-      EventBus.inst.fire('tariffInnerTable', { dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx });
-    };
-
-    return (
-      <Button
-        version="primary"
-        onClick={handleClick}
-        className="w-full flex items-center justify-center rounded-none py-5"
-      >
-        <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
-        <Icon
-          name={isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon'}
-          className="ml-3"
-          iconVersion="white"
-          width="20"
-          height="20"
-          asSVG
-        />
-      </Button>
-    );
-  },
-);
+export const TableInnerButton = JSX<TableInnerButtonProps>(({ isOpen, onClick }) => {
+  return (
+    <Button
+      version="primary"
+      onClick={onClick}
+      className="w-full flex items-center justify-center rounded-none py-5"
+    >
+      <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
+      <Icon
+        name={isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+        className="ml-3"
+        iconVersion="white"
+        width="20"
+        height="20"
+        asSVG
+      />
+    </Button>
+  );
+});

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

@@ -33,7 +33,7 @@ export const InputRange = JSX<InputRangeProps>(
     return (
       <div className={className}>
         <label className="block relative">
-          {title ? <span className="text-m-light">{title}</span> : null}
+          {title ? <span className="text-m-light text-primary-text">{title}</span> : null}
           <input
             className={`m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
             outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus ${DISABLED_INPUT_CLASSES}`}

package/mobile/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="flex items-center relative cursor-pointer">
+    <label className="font-sans flex 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-checkbox-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}
       />
-      {text ? <span className="font-sans ml-3 cursor-pointer">{text}</span> : null}
+      {text ? <span className="text-primary-text ml-3 cursor-pointer">{text}</span> : null}
     </label>
   </div>
 ));

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

@@ -41,7 +41,7 @@ export const Select = JSX<SelectProps>(
 
     return (
       <div className={`${className}`} ref={wrapperRef}>
-        {label ? <span className="mb-2 flex">{label}</span> : null}
+        {label ? <span className="mb-2 flex text-primary-text">{label}</span> : null}
         <div className={`relative ${isOpen ? 'z-20' : 'z-10'}`}>
           <div
             className={`text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.6.18",
+  "version": "0.6.20",
   "private": false,
   "license": "MIT",
   "author": "ЦК",