@redneckz/wildless-cms-uni-blocks 0.14.47 → 0.14.49

package/src/components/VerticalLayout/VerticalLayout.fixture.tsx

@@ -137,19 +137,23 @@ export default {
       />
     </div>
   ),
+
   rollup: (
     <div className="container grid grid-cols-12">
       <VerticalLayout
+        gap="XS"
+        version="transparent"
         className="col-span-12"
-        version="primary"
-        isPadding={true}
         block={{
           type: 'VerticalLayout',
           blocks: [
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 1',
+                label: 'Rollup button 1 with TEXT_BLOCK',
+                foldButtonVersion: 'default',
+                isFoldButtonOnTop: false,
+                isExpanded: true,
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -159,22 +163,14 @@ export default {
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 2',
-                isExpanded: true,
-              },
-              blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
-            },
-            {
-              type: 'RollupItem',
-              content: {
-                label: 'Rollup button 3 RichText',
+                label: 'Rollup button 2 with TEXT_BLOCK',
+                foldButtonVersion: 'default',
+                isFoldButtonOnTop: false,
                 isExpanded: true,
               },
               blocks: [
-                {
-                  type: 'RichTextBlock',
-                  content: RICH_TEXT_SEPARATOR,
-                },
+                { type: 'TextBlock', content: TEXT_BLOCK },
+                { type: 'TextBlock', content: TEXT_BLOCK },
               ],
             },
           ],
@@ -183,22 +179,19 @@ export default {
       />
     </div>
   ),
-  'rollup secondary': (
+  'rollup accordion': (
     <div className="container grid grid-cols-12">
       <VerticalLayout
-        gap="XS"
-        version="transparent"
         className="col-span-12"
+        version="primary"
+        isPadding={true}
         block={{
           type: 'VerticalLayout',
           blocks: [
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 1 with TEXT_BLOCK',
-                version: 'secondary',
-                isFoldButtonOnTop: false,
-                isExpanded: true,
+                label: 'Rollup button 1',
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -208,14 +201,22 @@ export default {
             {
               type: 'RollupItem',
               content: {
-                label: 'Rollup button 2 with TEXT_BLOCK',
-                version: 'secondary',
-                isFoldButtonOnTop: false,
+                label: 'Rollup button 2',
+                isExpanded: true,
+              },
+              blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
+            },
+            {
+              type: 'RollupItem',
+              content: {
+                label: 'Rollup button 3 RichText',
                 isExpanded: true,
               },
               blocks: [
-                { type: 'TextBlock', content: TEXT_BLOCK },
-                { type: 'TextBlock', content: TEXT_BLOCK },
+                {
+                  type: 'RichTextBlock',
+                  content: RICH_TEXT_SEPARATOR,
+                },
               ],
             },
           ],

package/dist/components/RollupItem/PrimaryFoldButton.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrimaryFoldButton = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
-const Text_1 = require("../../ui-kit/Text/Text");
-const TextWithIcon_1 = require("../../ui-kit/TextWithIcon/TextWithIcon");
-const style_1 = require("../../utils/style");
-const renderRoundedIcon_1 = require("./renderRoundedIcon");
-const rollupIconVersion_1 = require("./rollupIconVersion");
-exports.PrimaryFoldButton = (0, uni_jsx_1.JSX)(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => ((0, jsx_runtime_1.jsx)(TextWithIcon_1.TextWithIcon, { tag: "button", className: (0, style_1.style)('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [(0, renderRoundedIcon_1.renderRoundedIcon)(labelIcon, labelIconBgVersion), label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, iconVersion: rollupIconVersion_1.rollupIconVersion, width: "24", height: "24" }) : null })));
-//# sourceMappingURL=PrimaryFoldButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/PrimaryFoldButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,iDAA8C;AAE9C,iDAA8C;AAC9C,yEAAsE;AACtE,6CAA0C;AAC1C,2DAAwD;AACxD,2DAAwD;AAU3C,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,aAAK,EACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,iCAAK,SAAS,EAAC,yEAAyE,aACrF,IAAA,qCAAiB,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,qCAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}

package/lib/components/RollupItem/PrimaryFoldButton.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
-import { Text } from '../../ui-kit/Text/Text.js';
-import { TextWithIcon } from '../../ui-kit/TextWithIcon/TextWithIcon.js';
-import { style } from '../../utils/style.js';
-import { renderRoundedIcon } from './renderRoundedIcon.js';
-import { rollupIconVersion } from './rollupIconVersion.js';
-export const PrimaryFoldButton = JSX(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (_jsx(TextWithIcon, { tag: "button", className: style('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: _jsxs("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [renderRoundedIcon(labelIcon, labelIconBgVersion), label ? (_jsx(Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? _jsx(Icon, { name: icon, iconVersion: rollupIconVersion, width: "24", height: "24" }) : null })));
-//# sourceMappingURL=PrimaryFoldButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/PrimaryFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,KAAK,CACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,eAAK,SAAS,EAAC,yEAAyE,aACrF,iBAAiB,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}

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

@@ -1,12 +0,0 @@
-import { type IconName } from '../../icons/IconName';
-import { type Picture } from '../../model/Picture';
-import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-interface PrimaryFoldButtonProps {
-    label?: string;
-    labelIcon?: Picture;
-    labelIconBgVersion?: IconBgVersion;
-    icon?: IconName;
-    onToggle?: () => void;
-}
-export declare const PrimaryFoldButton: import("@redneckz/uni-jsx").UNIComponent<PrimaryFoldButtonProps, any, any>;
-export {};

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

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrimaryFoldButton = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
-const Text_1 = require("../../ui-kit/Text/Text");
-const TextWithIcon_1 = require("../../ui-kit/TextWithIcon/TextWithIcon");
-const style_1 = require("../../utils/style");
-const renderRoundedIcon_1 = require("./renderRoundedIcon");
-const rollupIconVersion_1 = require("./rollupIconVersion");
-exports.PrimaryFoldButton = (0, uni_jsx_1.JSX)(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => ((0, jsx_runtime_1.jsx)(TextWithIcon_1.TextWithIcon, { tag: "button", className: (0, style_1.style)('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [(0, renderRoundedIcon_1.renderRoundedIcon)(labelIcon, labelIconBgVersion), label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, iconVersion: rollupIconVersion_1.rollupIconVersion, width: "24", height: "24" }) : null })));
-//# sourceMappingURL=PrimaryFoldButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/PrimaryFoldButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,iDAA8C;AAE9C,iDAA8C;AAC9C,yEAAsE;AACtE,6CAA0C;AAC1C,2DAAwD;AACxD,2DAAwD;AAU3C,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,aAAK,EACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,iCAAK,SAAS,EAAC,yEAAyE,aACrF,IAAA,qCAAiB,EAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,qCAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}

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

@@ -1,12 +0,0 @@
-import { type IconName } from '../../icons/IconName';
-import { type Picture } from '../../model/Picture';
-import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-interface PrimaryFoldButtonProps {
-    label?: string;
-    labelIcon?: Picture;
-    labelIconBgVersion?: IconBgVersion;
-    icon?: IconName;
-    onToggle?: () => void;
-}
-export declare const PrimaryFoldButton: import("@redneckz/uni-jsx").UNIComponent<PrimaryFoldButtonProps, any, any>;
-export {};

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
-import { Text } from '../../ui-kit/Text/Text.js';
-import { TextWithIcon } from '../../ui-kit/TextWithIcon/TextWithIcon.js';
-import { style } from '../../utils/style.js';
-import { renderRoundedIcon } from './renderRoundedIcon.js';
-import { rollupIconVersion } from './rollupIconVersion.js';
-export const PrimaryFoldButton = JSX(({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (_jsx(TextWithIcon, { tag: "button", className: style('border-none bg-transparent items-center group/button', labelIcon?.icon ? 'py-xs' : 'py-lg'), onClick: onToggle, textNode: _jsxs("div", { className: "flex items-center text-start group-hover/button:text-primary-main gap-s", children: [renderRoundedIcon(labelIcon, labelIconBgVersion), label ? (_jsx(Text, { size: "text-h6", font: "font-normal", children: label })) : null] }), iconNode: icon ? _jsx(Icon, { name: icon, iconVersion: rollupIconVersion, width: "24", height: "24" }) : null })));
-//# sourceMappingURL=PrimaryFoldButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryFoldButton.js","sourceRoot":"","sources":["../../../src/components/RollupItem/PrimaryFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5D,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,KAAK,CACd,sDAAsD,EACtD,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CACpC,EACD,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACN,eAAK,SAAS,EAAC,yEAAyE,aACrF,iBAAiB,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAER,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAE3F,CACH,CACF,CAAC"}