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

package/src/components/ComparisonTable/ComparisonTable.fixture.tsx

@@ -195,71 +195,61 @@ const columns2: Column[] = [
 
 export default {
   'with images': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with images and hidden rows': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          visibleRowLength={3}
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        visibleRowLength={3}
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with images and colored first column': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          visibleRowLength={3}
-          isColoredFirstColumn={true}
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        visibleRowLength={3}
+        isColoredFirstColumn={true}
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with icons': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие вклады и сбережения"
-          context={context}
-          rowHeaders={rowHeaders2}
-          columns={Array(2).fill(columns2).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие вклады и сбережения"
+        context={context}
+        rowHeaders={rowHeaders2}
+        columns={Array(2).fill(columns2).flat()}
+      />
     </div>
   ),
   'with icons and two cols': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие вклады и сбережения"
-          context={context}
-          rowHeaders={rowHeaders2}
-          columns={columns2.slice(0, 2)}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие вклады и сбережения"
+        context={context}
+        rowHeaders={rowHeaders2}
+        columns={columns2.slice(0, 2)}
+      />
     </div>
   ),
 };

package/src/components/CreditCalculator/CreditCalculator.fixture.tsx

@@ -1,4 +1,12 @@
 import { CreditCalculator } from './CreditCalculator';
 import { context } from '../../setup-fixture';
 
-export default <CreditCalculator context={context} directoryName="credit-calculator-data" />;
+export default (
+  <div className="container grid grid-cols-12">
+    <CreditCalculator
+      className="col-span-12"
+      context={context}
+      directoryName="credit-calculator-data"
+    />
+  </div>
+);

package/src/components/CreditCalculator/CreditCalculator.tsx

@@ -27,7 +27,7 @@ const STEP_MONEY = 1000;
 const STEP_MONTHS = 1;
 const DEFAULT_PAYMENT_TYPE = 'annuity';
 
-const borderStyle = 'border-solid border-3 border-primary-main rounded-md';
+const borderStyle = 'border-solid border-[3px] border-primary-main rounded-md';
 
 export const CreditCalculator = JSX<CreditCalculatorProps>(
   ({ context, className, directoryName }) => {
@@ -72,10 +72,12 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
     }
 
     return (
-      <section className={`font-sans text-primary-text bg-white p-4 ${className}`}>
-        <div className={`box-border p-12 flex flex-col justify-between ${borderStyle}`}>
-          <div className="flex justify-between">
-            <div className="grow mr-11">
+      <section className={`font-sans text-primary-text bg-white p-4 w-[847px] ${className || ''}`}>
+        <div
+          className={`box-border p-[49px] pr-[53px] flex flex-col justify-between ${borderStyle}`}
+        >
+          <div className="flex justify-between ">
+            <div className="grow mr-[42px] w-[465px]">
               <InputRange
                 title="Желаемая сумма кредита, ₽"
                 items={[
@@ -89,6 +91,7 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
                 onChange={setMoneyValue}
               />
               <InputRange
+                className="mt-[23px]"
                 title="Срок кредита, месяцев"
                 items={['Или выберите из предложенных вариантов ниже']}
                 min={minMonths}
@@ -106,14 +109,14 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
                 onChange={setIsAnnuityChecked}
               />
               <Checkbox
-                className="mb-4"
+                className="mt-3 mb-7"
                 text="Комплексная страховая защита"
                 checked={isInsuranceChecked}
                 onChange={setIsInsuranceChecked}
               />
             </div>
-            <div className="p-9 bg-primary-main rounded-md text-white">
-              <div className="text-base mb-5">Наше предложение</div>
+            <div className="basis-[226px] shrink-0 box-border h-fit p-9 bg-primary-main rounded-md text-white">
+              <div className="text-base mb-[18px]">Наше предложение</div>
               <div className="text-sm opacity-60">Ежемесячный платёж</div>
               <div className="text-lg mb-3">
                 {addSpacesBetweenNumbers(Math.round(montlyPayment))} ₽

package/src/components/ExchangeRateTile/ExchangeRateTile.fixture.tsx

@@ -4,7 +4,7 @@ import { ExchangeRateTile } from './ExchangeRateTile';
 
 export default {
   default: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <ExchangeRateTile context={context} className="col-span-4" />
     </div>
   ),