@redneckz/wildless-cms-uni-blocks 0.2.94 → 0.2.96

package/src/components/TextBlock/TextBlock.fixture.tsx

@@ -19,53 +19,70 @@ export const TEXT_BLOCK: TextBlockContent = {
 };
 
 export default (
-  <div className="font-sans overflow-hidden">
-    <div>
-      <p>Private clients</p>
-      <div className="flex flex-col gap-6" data-theme="pc">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="primary"
-          iconVersion="big"
-          image={image}
-        />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+  <div className="container grid grid-cols-12">
+    <div className="font-sans overflow-hidden col-span-12">
+      <div>
+        <p>Private clients</p>
+        <div className="flex flex-col gap-6" data-theme="pc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="primary"
+            iconVersion="big"
+            image={image}
+          />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Business clients</p>
-      <div className="flex flex-col gap-6" data-theme="bc">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Business clients</p>
+        <div className="flex flex-col gap-6" data-theme="bc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Ecosystem own</p>
-      <div className="flex flex-col gap-6" data-theme="eo">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Ecosystem own</p>
+        <div className="flex flex-col gap-6" data-theme="eo">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
     </div>
   </div>

package/src/components/Tile/Tile.fixture.tsx

@@ -25,7 +25,7 @@ const image4: Picture = {
 
 export default {
   credit: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-8"
@@ -47,15 +47,18 @@ export default {
     </div>
   ),
   mortgage: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         version="secondary"
         className="col-span-4"
         title="Ипотека"
-        description={
-          'Широкий выбор ипотечных программ с государственной поддержкой. Специальные предложения от 12,2 %'
-        }
+        items={[
+          'Качественные фермерские продукты напрямую от производителей',
+          'Самая большая база сельских туров по России',
+          'Площадки для создания комфортной жизни за городом',
+          'Подробная база вакансий для жителей сельской местности',
+        ]}
         buttons={[
           {
             href: 'https://rshb.ru',
@@ -68,7 +71,7 @@ export default {
     </div>
   ),
   'credit-card': (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -87,7 +90,7 @@ export default {
     </div>
   ),
   premium: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -108,7 +111,7 @@ export default {
     </div>
   ),
   ecosystem: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-12 pr-28"

package/src/setup-fixture.ts

@@ -1,11 +1,10 @@
 import { setup } from '@redneckz/uni-jsx';
 
-import runtime from 'react/jsx-runtime';
 import { useEffect, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { DaDataAPI } from './api/DaDataAPI';
 import type { ContentPageContext } from './components/ContentPage/ContentPageContext';
 
-const { jsx, jsxs } = runtime as any;
 setup(jsx, jsxs);
 
 const TEST_ORIGIN = 'http://localhost:5001';

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

@@ -2,13 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BlockItemProps, BlockItemVersion } from './BlockItemProps';
 
 const listStyleMap: Record<BlockItemVersion, string> = {
-  primary: 'bg-primary-main w-[8px] h-[8px] min-w-[8px] min-h-[8px] mt-2 rounded-full',
-  secondary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
+  primary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
+  secondary: 'bg-white w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
 };
 
 const textStyleMap: Record<BlockItemVersion, string> = {
-  primary: 'text-primary-text',
-  secondary: 'text-secondary-text',
+  primary: 'text-secondary-text',
+  secondary: '',
 };
 
 export const BlockItem = JSX<BlockItemProps>(

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

@@ -15,7 +15,9 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
   <div className={className}>
     <label className="flex items-center cursor-pointer relative">
       <input
-        className={`peer appearance-none w-5 h-5 border-solid border rounded border-black checked:bg-primary-main checked:border-primary-main`}
+        className={`peer appearance-none w-5 h-5 border-solid border ${
+          checked ? 'border-black' : 'border-main-stroke'
+        } rounded checked:bg-primary-main checked:border-primary-main m-0`}
         type="checkbox"
         onChange={(e) => {
           onChange(e.target.checked);
@@ -24,13 +26,15 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
       />
       <SVG
         paths={CHECK_PATHS}
-        className="hidden absolute left-2 ml-px peer-checked:block"
+        className="hidden absolute left-1 ml-px peer-checked:block"
         width="11"
         height="9"
         fill="white"
         viewBox="0 0 11 9"
       />
-      {text ? <span className="font-sans ml-2 text-sm cursor-pointer">{text}</span> : null}
+      {text ? (
+        <span className="font-sans ml-3 text-sm leading-5 cursor-pointer">{text}</span>
+      ) : null}
     </label>
   </div>
 ));

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

@@ -31,14 +31,15 @@ export const InputRange = JSX<InputRangeProps>(
             </span>
           ) : null}
           <input
-            className={`m-0 font-sans text-sm w-full h-12 border-2 border-solid border-main-divider rounded-md outline-none p-0 pl-4 m-0 box-border text-primary-text ${
-              title ? 'pt-4' : ''
-            }`}
+            className={`m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 m-0 box-border text-primary-text ${
+                          title ? 'pt-4' : ''
+                        }`}
             value={addSpacesBetweenNumbers(value)}
             onChange={(e) => handleChange(e.target.value)}
             onBlur={handleBlur}
           />
-          <div className="absolute inset-x-0 mt-0.5 top-8 px-4">
+          <div className="absolute inset-x-0 top-8 px-4">
             <input
               className="box-border w-full m-0 cursor-pointer slider"
               type="range"
@@ -51,9 +52,9 @@ export const InputRange = JSX<InputRangeProps>(
             />
           </div>
         </label>
-        <div className="flex justify-between mt-3 mb-4">
+        <div className="flex justify-between my-3">
           {items.map((item, i) => (
-            <span key={String(i)} className="text-xs text-secondary-text pl-4">
+            <span key={String(i)} className="text-xs leading-[14px] text-secondary-text pl-4">
               {item}
             </span>
           ))}

package/src/ui-kit/SearchBar.tsx

@@ -23,8 +23,8 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
       <input
         id="search-bar-input"
         className={`${
-          inputHasFocus ? 'border-primary-text' : ''
-        } pr-32 h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]`}
+          inputHasFocus ? 'border-primary-text' : 'border-main-divider'
+        } h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%]`}
         value={term}
         onChange={(e) => setTerm(e.target.value)}
         onFocus={(e) => setInputHasFocus(true)}
@@ -35,8 +35,7 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
       {inputHasFocus && (
         <button
           type="submit"
-          version="primary"
-          className="absolute font-sans font-normal cursor-pointer text-sm hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white bg-primary-main"
+          className="absolute font-sans font-normal cursor-pointer text-sm bg-primary-main hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white"
           onClick={(e) => {
             e.preventDefault();
             console.log('click');