@redneckz/wildless-cms-uni-blocks 0.11.1 → 0.11.3

package/src/ui-kit/Heading/headingTag.mobile.ts

@@ -0,0 +1,12 @@
+import { HeadingTagType } from './HeadingProps';
+
+const mobileHeadingTagMap: Record<HeadingTagType, HeadingTagType> = {
+  h1: 'h1',
+  h2: 'h1',
+  h3: 'h2',
+  h4: 'h2',
+  h5: 'h3',
+  h6: 'h3',
+};
+
+export const headingTag = (tag: HeadingTagType): HeadingTagType => mobileHeadingTagMap[tag] || 'h3';

package/src/ui-kit/Heading/headingTag.ts

@@ -0,0 +1,3 @@
+import { HeadingTagType } from './HeadingProps';
+
+export const headingTag = (tag: HeadingTagType): HeadingTagType => tag;

package/src/ui-kit/Icon/IconProps.ts

@@ -2,6 +2,15 @@ import type { IconName } from '../../icons/IconName';
 import type { IconVersion } from '../../model/IconVersion';
 
 export type { IconName };
+
+/**
+ * @title Цвет фона иконки
+ * @enumNames [
+ *    "Основной",
+ *    "Второстепенный",
+ *    "Второстепенный светлый"
+ * ]
+ */
 export type IconBgVersion = 'primary' | 'secondary' | 'secondary-light';
 
 export interface IconCompatibilityFields {
@@ -21,7 +30,3 @@ export type IconProps = IconCompatibilityFields & {
   name?: IconName;
   iconVersion?: IconVersion;
 };
-
-export interface RoundedIconProps extends IconProps {
-  iconBgVersion?: IconBgVersion;
-}

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

@@ -1,7 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from './Icon';
-import type { IconBgVersion, RoundedIconProps } from './IconProps';
+import type { IconBgVersion } from './IconProps';
 import { style } from '../../utils/style';
+import type { Picture } from '../../model/Picture';
+
+export interface RoundedIconProps extends Picture {
+  iconBgVersion?: IconBgVersion;
+}
 
 const iconBgStyles: Record<IconBgVersion, string> = {
   primary: 'bg-main-divider',
@@ -9,8 +14,15 @@ const iconBgStyles: Record<IconBgVersion, string> = {
   'secondary-light': 'bg-secondary-light',
 };
 
-export const RoundedIcon = JSX<RoundedIconProps>(({ iconBgVersion = 'primary', ...rest }) => (
-  <div className={style('rounded-icon p-2.5 mr-3', iconBgStyles[iconBgVersion])}>
-    <Icon {...rest} />
-  </div>
-));
+export const RoundedIcon = JSX<RoundedIconProps>(
+  ({ iconBgVersion = 'primary', size, icon, ...rest }) => {
+    const width = String(size?.width || 24);
+    const height = String(size?.height || 24);
+
+    return icon ? (
+      <div className={style('rounded-icon p-2.5 mr-3', iconBgStyles[iconBgVersion])}>
+        <Icon {...rest} width={width} height={height} name={icon} />
+      </div>
+    ) : null;
+  },
+);

package/tailwind.config.cjs

@@ -42,6 +42,12 @@ module.exports = {
         sans: ['Ubuntu', ...defaultTheme.fontFamily.sans],
         mohave: ['Mohave', ...defaultTheme.fontFamily.sans],
       },
+      margin: {
+        'headline-xxl': '1.25rem',
+        'headline-l': '1rem',
+        'headline-m': '0.75rem',
+        'headline-s': '0.5rem',
+      },
       padding: {
         default: '3rem',
       },
@@ -95,16 +101,16 @@ module.exports = {
         h5: [
           '1.5rem',
           {
-            // 24px 30px
-            lineHeight: '1.875rem',
+            // 24px 34px
+            lineHeight: '2.125rem',
             fontWeight: '400',
           },
         ],
         'h5-light': [
           '1.5rem',
           {
-            // 24px 30px
-            lineHeight: '1.875rem',
+            // 24px 34px
+            lineHeight: '2.125rem',
             fontWeight: '300',
           },
         ],

package/bundle/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/bundle/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/bundle/ui-kit/Heading/Heading.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { HeadingProps } from './HeadingProps';
-export declare const Heading: import("@redneckz/uni-jsx").UNIComponent<HeadingProps, any, any>;

package/dist/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/dist/components/ButtonBlock/ButtonBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlock.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,mFAAgF;AAChF,6CAA0C;AAK7B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,CAAC,GAClB,CAChB,CAAC,CAAC"}

package/dist/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/dist/components/ButtonBlock/ButtonBlockContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlockContent.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlockContent.ts"],"names":[],"mappings":""}

package/dist/ui-kit/Heading/Heading.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { HeadingProps } from './HeadingProps';
-export declare const Heading: import("@redneckz/uni-jsx").UNIComponent<HeadingProps, any, any>;

package/dist/ui-kit/Heading/Heading.mobile.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const HeadingClass = {
-    h0: 'text-m-title',
-    h1: 'text-m-title',
-    h2: 'text-m-title',
-    h3: 'text-h6',
-    h4: 'text-m-title-xs',
-    h5: 'text-m-title-xs',
-    h6: 'text-m-title-xs',
-};
-exports.Heading = (0, uni_jsx_1.JSX)((props) => {
-    const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
-    return ((0, jsx_runtime_1.jsx)(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
-});
-//# sourceMappingURL=Heading.mobile.js.map

package/dist/ui-kit/Heading/Heading.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACxF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/lib/components/ButtonBlock/ButtonBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlock.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,GAClB,CAChB,CAAC,CAAC"}

package/lib/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/lib/components/ButtonBlock/ButtonBlockContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ButtonBlockContent.js.map

package/lib/components/ButtonBlock/ButtonBlockContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlockContent.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlockContent.ts"],"names":[],"mappings":""}

package/lib/ui-kit/Heading/Heading.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { HeadingProps } from './HeadingProps';
-export declare const Heading: import("@redneckz/uni-jsx").UNIComponent<HeadingProps, any, any>;

package/lib/ui-kit/Heading/Heading.mobile.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-const HeadingClass = {
-    h0: 'text-m-title',
-    h1: 'text-m-title',
-    h2: 'text-m-title',
-    h3: 'text-h6',
-    h4: 'text-m-title-xs',
-    h5: 'text-m-title-xs',
-    h6: 'text-m-title-xs',
-};
-export const Heading = JSX((props) => {
-    const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
-    return (_jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
-});
-//# sourceMappingURL=Heading.mobile.js.map

package/lib/ui-kit/Heading/Heading.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACxF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/bundle/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/mobile/bundle/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/mobile/dist/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/mobile/dist/components/ButtonBlock/ButtonBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlock.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,mFAAgF;AAChF,6CAA0C;AAK7B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,CAAC,GAClB,CAChB,CAAC,CAAC"}

package/mobile/dist/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/mobile/dist/components/ButtonBlock/ButtonBlockContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlockContent.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlockContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/ButtonBlock/ButtonBlock.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonBlockContent } from './ButtonBlockContent';
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {
-}
-export declare const ButtonBlock: import("@redneckz/uni-jsx").UNIComponent<ButtonBlockProps, any, any>;
-export {};

package/mobile/lib/components/ButtonBlock/ButtonBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlock.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,GAClB,CAChB,CAAC,CAAC"}

package/mobile/lib/components/ButtonBlock/ButtonBlockContent.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/mobile/lib/components/ButtonBlock/ButtonBlockContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ButtonBlockContent.js.map

package/mobile/lib/components/ButtonBlock/ButtonBlockContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBlockContent.js","sourceRoot":"","sources":["../../../src/components/ButtonBlock/ButtonBlockContent.ts"],"names":[],"mappings":""}

package/mobile/src/components/ButtonBlock/ButtonBlock.example.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "button": {
-      "href": "#",
-      "text": "Кнопка",
-      "target": "_blank",
-      "version": "primary",
-      "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-      "iconRight": { "format": "webp", "size": { "width": 24, "height": 24 } }
-    }
-  }
-}

package/mobile/src/components/ButtonBlock/ButtonBlock.ui.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "button": {
-      "icon": {
-        "ui:field": "icon"
-      },
-      "iconRight": {
-        "ui:field": "icon"
-      }
-    }
-  }
-}

package/mobile/src/components/ButtonBlock/ButtonBlockContent.ts

@@ -1,9 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-  /** @title Кнопка */
-  button?: ButtonWithIconProps;
-}

package/src/components/ButtonBlock/ButtonBlock.example.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "button": {
-      "href": "#",
-      "text": "Кнопка",
-      "target": "_blank",
-      "version": "primary",
-      "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-      "iconRight": { "format": "webp", "size": { "width": 24, "height": 24 } }
-    }
-  }
-}

package/src/components/ButtonBlock/ButtonBlock.fixture.tsx

@@ -1,19 +0,0 @@
-import '../../setup-fixture';
-
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import { ButtonBlock } from './ButtonBlock';
-
-const button: ButtonWithIconProps = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12 p-4">
-      <ButtonBlock className="col-span-12" button={button} />
-    </div>
-  ),
-};

package/src/components/ButtonBlock/ButtonBlock.ui.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "button": {
-      "icon": {
-        "ui:field": "icon"
-      },
-      "iconRight": {
-        "ui:field": "icon"
-      }
-    }
-  }
-}

package/src/components/ButtonBlock/ButtonBlockContent.ts

@@ -1,9 +0,0 @@
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-
-/**
- * @title Блок Кнопка
- */
-export interface ButtonBlockContent {
-  /** @title Кнопка */
-  button?: ButtonWithIconProps;
-}

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

@@ -1,22 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { HeadingProps, HeadingType } from './HeadingProps';
-
-const HeadingClass: Record<HeadingType, string> = {
-  h0: 'text-m-title',
-  h1: 'text-m-title',
-  h2: 'text-m-title',
-  h3: 'text-h6',
-  h4: 'text-m-title-xs',
-  h5: 'text-m-title-xs',
-  h6: 'text-m-title-xs',
-};
-
-export const Heading = JSX<HeadingProps>((props) => {
-  const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
-
-  return (
-    <Tag className={`font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`}>
-      {title}
-    </Tag>
-  );
-});