@redneckz/wildless-cms-uni-blocks 0.12.8 → 0.12.10

package/src/ui-kit/Icon/RoundedIcon.tsx

@@ -6,22 +6,33 @@ import type { IconBgVersion } from './IconProps';
 
 export interface RoundedIconProps extends Picture {
   iconBgVersion?: IconBgVersion;
+  defaultIconSize?: number;
 }
 
 const iconBgStyles: Record<IconBgVersion, string> = {
+  '': 'bg-main-divider group-data-secondary:bg-white/30',
   primary: 'bg-main-divider',
-  secondary: 'bg-white/30',
-  'secondary-light': 'bg-secondary-light',
+  secondary: 'bg-secondary-light',
+  opacity: 'bg-white/30',
 };
 
 export const RoundedIcon = JSX<RoundedIconProps>(
-  ({ iconBgVersion = 'primary', size, icon, ...rest }) => {
-    const width = String(size?.width || 24);
-    const height = String(size?.height || 24);
+  ({ className, defaultIconSize = 44, iconBgVersion = 'primary', size, icon, ...rest }) => {
+    const widthAndHeight = String(size?.width || defaultIconSize);
 
     return icon ? (
-      <div className={style('rounded-icon p-2.5', iconBgStyles[iconBgVersion])}>
-        <Icon {...rest} width={width} height={height} name={icon} />
+      <div
+        style={{
+          width: `${widthAndHeight}px`,
+          height: `${widthAndHeight}px`,
+        }}
+        className={style(
+          'rounded-icon object-fit flex justify-center items-center ',
+          iconBgStyles[iconBgVersion],
+          className,
+        )}
+      >
+        <Icon {...rest} width="54%" height="54%" name={icon} />
       </div>
     ) : null;
   },

package/src/ui-kit/RichText/RichTextProps.ts

@@ -1,11 +1,13 @@
 type HTML = string;
 
+/**
+ * @title Стиль форматированного текста
+ * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
+ */
+export type RichVersion = '' | 'striped' | 'horizontal-separator';
+
 export interface RichTextProps {
-  /** @title Текст */
+  /** @title Форматированный текст */
   __html?: HTML;
-  /**
-   * @title Стиль форматированного текста
-   * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
-   */
-  richVersion?: '' | 'striped' | 'horizontal-separator';
+  richVersion?: RichVersion;
 }

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

@@ -58,7 +58,7 @@ export const Select = JSX<SelectProps>(
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')}>
           <div
             className={style(
-              'text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer',
+              'text-l flex justify-between items-center text-primary-text cursor-pointer',
               getBorderStyle(isBorder, valid),
             )}
             onClick={toggle}

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

@@ -16,7 +16,6 @@ export interface TopItemProps extends TopItemContent {
 
 export const TopItem = JSX<TopItemProps>(({ className = '', active, flat, children, ...rest }) => {
   const link = useLink({ isRemote: true });
-  console.log('link', link);
   const { href, target, text, onClick } = link(rest);
 
   return (

package/tailwind.config.cjs

@@ -195,14 +195,6 @@ module.exports = {
             fontWeight: '400',
           },
         ],
-        's-light': [
-          '0.875rem',
-          {
-            // 14px 20px
-            lineHeight: '1.25rem',
-            fontWeight: '300',
-          },
-        ],
         xs: [
           '0.75rem',
           {
@@ -211,14 +203,6 @@ module.exports = {
             fontWeight: '400',
           },
         ],
-        'xs-light': [
-          '0.75rem',
-          {
-            // 12px 18px
-            lineHeight: '1.125rem',
-            fontWeight: '300',
-          },
-        ],
       },
       colors: {
         main: {

package/bundle/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-12 h-12 min-w-12 rounded-full";

package/bundle/components/BenefitsBlock/benefitImageStyles.mobile.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/bundle/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-h6";

package/bundle/components/CarouselTariffsCard/descriptionSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/bundle/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/bundle/components/RollupItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/dist/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-12 h-12 min-w-12 rounded-full";

package/dist/components/BenefitsBlock/benefitImageStyles.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.benefitImageStyles = void 0;
-exports.benefitImageStyles = 'w-12 h-12 min-w-12 rounded-full';
-//# sourceMappingURL=benefitImageStyles.js.map

package/dist/components/BenefitsBlock/benefitImageStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.tsx"],"names":[],"mappings":";;AAAa,QAAA,kBAAkB,GAAG,iCAAiC,CAAC"}

package/dist/components/BenefitsBlock/benefitImageStyles.mobile.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/dist/components/BenefitsBlock/benefitImageStyles.mobile.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.benefitImageStyles = void 0;
-exports.benefitImageStyles = 'w-56 h-56 min-w-56';
-//# sourceMappingURL=benefitImageStyles.mobile.js.map

package/dist/components/BenefitsBlock/benefitImageStyles.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.mobile.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.mobile.tsx"],"names":[],"mappings":";;AAAa,QAAA,kBAAkB,GAAG,oBAAoB,CAAC"}

package/dist/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-h6";

package/dist/components/CarouselTariffsCard/descriptionSize.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.descriptionSize = void 0;
-exports.descriptionSize = 'text-h6';
-//# sourceMappingURL=descriptionSize.js.map

package/dist/components/CarouselTariffsCard/descriptionSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.tsx"],"names":[],"mappings":";;AAAa,QAAA,eAAe,GAAG,SAAS,CAAC"}

package/dist/components/CarouselTariffsCard/descriptionSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/dist/components/CarouselTariffsCard/descriptionSize.mobile.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.descriptionSize = void 0;
-exports.descriptionSize = 'text-l';
-//# sourceMappingURL=descriptionSize.mobile.js.map

package/dist/components/CarouselTariffsCard/descriptionSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.mobile.tsx"],"names":[],"mappings":";;AAAa,QAAA,eAAe,GAAG,QAAQ,CAAC"}

package/dist/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/dist/components/RollupItem/labelSize.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelSize = void 0;
-exports.labelSize = 'text-h6';
-//# sourceMappingURL=labelSize.js.map

package/dist/components/RollupItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.tsx"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAG,SAAS,CAAC"}

package/dist/components/RollupItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/dist/components/RollupItem/labelSize.mobile.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelSize = void 0;
-exports.labelSize = 'text-l';
-//# sourceMappingURL=labelSize.mobile.js.map

package/dist/components/RollupItem/labelSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.mobile.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.mobile.tsx"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAG,QAAQ,CAAC"}

package/lib/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-12 h-12 min-w-12 rounded-full";

package/lib/components/BenefitsBlock/benefitImageStyles.js

@@ -1,2 +0,0 @@
-export const benefitImageStyles = 'w-12 h-12 min-w-12 rounded-full';
-//# sourceMappingURL=benefitImageStyles.js.map

package/lib/components/BenefitsBlock/benefitImageStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,iCAAiC,CAAC"}

package/lib/components/BenefitsBlock/benefitImageStyles.mobile.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/lib/components/BenefitsBlock/benefitImageStyles.mobile.js

@@ -1,2 +0,0 @@
-export const benefitImageStyles = 'w-56 h-56 min-w-56';
-//# sourceMappingURL=benefitImageStyles.mobile.js.map

package/lib/components/BenefitsBlock/benefitImageStyles.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.mobile.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC"}

package/lib/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-h6";

package/lib/components/CarouselTariffsCard/descriptionSize.js

@@ -1,2 +0,0 @@
-export const descriptionSize = 'text-h6';
-//# sourceMappingURL=descriptionSize.js.map

package/lib/components/CarouselTariffsCard/descriptionSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC"}

package/lib/components/CarouselTariffsCard/descriptionSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/lib/components/CarouselTariffsCard/descriptionSize.mobile.js

@@ -1,2 +0,0 @@
-export const descriptionSize = 'text-l';
-//# sourceMappingURL=descriptionSize.mobile.js.map

package/lib/components/CarouselTariffsCard/descriptionSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC"}

package/lib/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-h6";

package/lib/components/RollupItem/labelSize.js

@@ -1,2 +0,0 @@
-export const labelSize = 'text-h6';
-//# sourceMappingURL=labelSize.js.map

package/lib/components/RollupItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC"}

package/lib/components/RollupItem/labelSize.mobile.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/lib/components/RollupItem/labelSize.mobile.js

@@ -1,2 +0,0 @@
-export const labelSize = 'text-l';
-//# sourceMappingURL=labelSize.mobile.js.map

package/lib/components/RollupItem/labelSize.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.mobile.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC"}

package/mobile/bundle/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/mobile/bundle/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/mobile/bundle/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/mobile/dist/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/mobile/dist/components/BenefitsBlock/benefitImageStyles.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.benefitImageStyles = void 0;
-exports.benefitImageStyles = 'w-56 h-56 min-w-56';
-//# sourceMappingURL=benefitImageStyles.js.map

package/mobile/dist/components/BenefitsBlock/benefitImageStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.tsx"],"names":[],"mappings":";;AAAa,QAAA,kBAAkB,GAAG,oBAAoB,CAAC"}

package/mobile/dist/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/mobile/dist/components/CarouselTariffsCard/descriptionSize.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.descriptionSize = void 0;
-exports.descriptionSize = 'text-l';
-//# sourceMappingURL=descriptionSize.js.map

package/mobile/dist/components/CarouselTariffsCard/descriptionSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.tsx"],"names":[],"mappings":";;AAAa,QAAA,eAAe,GAAG,QAAQ,CAAC"}

package/mobile/dist/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/mobile/dist/components/RollupItem/labelSize.js

@@ -1,4 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelSize = void 0;
-exports.labelSize = 'text-l';
-//# sourceMappingURL=labelSize.js.map

package/mobile/dist/components/RollupItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.tsx"],"names":[],"mappings":";;AAAa,QAAA,SAAS,GAAG,QAAQ,CAAC"}

package/mobile/lib/components/BenefitsBlock/benefitImageStyles.d.ts

@@ -1 +0,0 @@
-export declare const benefitImageStyles = "w-56 h-56 min-w-56";

package/mobile/lib/components/BenefitsBlock/benefitImageStyles.js

@@ -1,2 +0,0 @@
-export const benefitImageStyles = 'w-56 h-56 min-w-56';
-//# sourceMappingURL=benefitImageStyles.js.map

package/mobile/lib/components/BenefitsBlock/benefitImageStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefitImageStyles.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/benefitImageStyles.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC"}

package/mobile/lib/components/CarouselTariffsCard/descriptionSize.d.ts

@@ -1 +0,0 @@
-export declare const descriptionSize = "text-l";

package/mobile/lib/components/CarouselTariffsCard/descriptionSize.js

@@ -1,2 +0,0 @@
-export const descriptionSize = 'text-l';
-//# sourceMappingURL=descriptionSize.js.map

package/mobile/lib/components/CarouselTariffsCard/descriptionSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descriptionSize.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/descriptionSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC"}

package/mobile/lib/components/RollupItem/labelSize.d.ts

@@ -1 +0,0 @@
-export declare const labelSize = "text-l";

package/mobile/lib/components/RollupItem/labelSize.js

@@ -1,2 +0,0 @@
-export const labelSize = 'text-l';
-//# sourceMappingURL=labelSize.js.map

package/mobile/lib/components/RollupItem/labelSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/components/RollupItem/labelSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC"}

package/mobile/src/components/BenefitsBlock/benefitImageStyles.tsx

@@ -1 +0,0 @@
-export const benefitImageStyles = 'w-56 h-56 min-w-56';

package/mobile/src/components/CarouselTariffsCard/descriptionSize.tsx

@@ -1 +0,0 @@
-export const descriptionSize = 'text-l';

package/mobile/src/components/RollupItem/labelSize.tsx

@@ -1 +0,0 @@
-export const labelSize = 'text-l';

package/src/components/BenefitsBlock/benefitImageStyles.mobile.tsx

@@ -1 +0,0 @@
-export const benefitImageStyles = 'w-56 h-56 min-w-56';

package/src/components/BenefitsBlock/benefitImageStyles.tsx

@@ -1 +0,0 @@
-export const benefitImageStyles = 'w-12 h-12 min-w-12 rounded-full';

package/src/components/CarouselTariffsCard/descriptionSize.mobile.tsx

@@ -1 +0,0 @@
-export const descriptionSize = 'text-l';

package/src/components/CarouselTariffsCard/descriptionSize.tsx

@@ -1 +0,0 @@
-export const descriptionSize = 'text-h6';

package/src/components/RollupItem/labelSize.mobile.tsx

@@ -1 +0,0 @@
-export const labelSize = 'text-l';

package/src/components/RollupItem/labelSize.tsx

@@ -1 +0,0 @@
-export const labelSize = 'text-h6';