@redneckz/wildless-cms-uni-blocks 0.7.7 → 0.7.9

package/src/ui-kit/BenefitItem/BenefitItemProps.ts

@@ -1,7 +1,8 @@
-import type { IconProps } from '../../model/Picture';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { IconVersion } from '../../model/IconVersion';
 import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
+import type { IconVersion } from '../../model/IconVersion';
+import type { IconProps } from '../../model/Picture';
+import { RichTextProps } from '../RichText/RichTextProps';
 
 export interface BenefitItemCommonProps {
   /** @hidden */
@@ -14,10 +15,34 @@ export interface BenefitItemCommonProps {
 
 export type BenefitItemProps = DescriptionProps & LabelProps & IconProps;
 
+/**
+ * @title Стандартный бенефит
+ */
+type DefaultBenefit = BenefitItemProps & {
+  /** @default default */
+  type: 'default';
+};
+
+/**
+ * @title Форматированный текст
+ */
+type RichText = RichTextProps & {
+  /** @default rte */
+  type: 'rte';
+};
+
+/**
+ * @title Преимущество
+ * @default{
+ *  "type": "default"
+ * }
+ */
+export type ComplexBenefitProps = DefaultBenefit | RichText;
+
 /**
  * @title Преимущество
  */
 export type BenefitsProps = BenefitItemCommonProps & {
   /** @title Список преимуществ */
-  benefits?: BenefitItemProps[];
+  benefits?: ComplexBenefitProps[];
 };

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

@@ -0,0 +1,9 @@
+import { SlideCheckbox } from './SlideCheckbox';
+
+export default {
+  primary: (
+    <div className="bg-white">
+      <SlideCheckbox checked={true} text={'Checkbox'} />
+    </div>
+  ),
+};

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

@@ -0,0 +1,33 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Text } from '../../ui-kit/Text/Text';
+
+interface SlideCheckboxProps {
+  checked?: boolean;
+  text?: string;
+  onClick?: () => void;
+}
+export const SlideCheckbox = JSX<SlideCheckboxProps>(({ checked, text, onClick }) => (
+  <div
+    role="checkbox"
+    aria-checked={checked}
+    className="flex justify-start items-center w-full cursor-pointer mb-4"
+    onClick={() => onClick && onClick()}
+  >
+    <div
+      className={`relative duration-300 w-9 h-5 mr-3 rounded rounded-2xl ${
+        checked ? 'bg-primary-main' : 'bg-main-divider'
+      }`}
+    >
+      <div
+        className={`absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded rounded-full ${
+          checked ? 'left-[50%]' : 'left-[5%]'
+        }`}
+      />
+    </div>
+    <div>
+      <Text size="text-m" font="font-light" color="text-primary-text">
+        {text}
+      </Text>
+    </div>
+  </div>
+));

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

@@ -12,7 +12,7 @@ const activeDotStyles: Record<SwipeListControlType, string> = {
 };
 
 const dotStyle =
-  'cursor-pointer bg-primary-main rounded-full transition-width duration-300 group-data-secondary:bg-white';
+  'cursor-pointer bg-primary-main rounded-full transition-width duration-300 group-data-secondary:bg-white group-data-transparent:bg-white';
 
 const inactiveDotStyle = 'w-2 h-2 opacity-30';