@redneckz/wildless-cms-uni-blocks 0.3.1 → 0.3.2

package/mobile/src/components/Gallery/GalleryCardInner.tsx

@@ -19,7 +19,9 @@ export const GalleryCardInner = JSX<GalleryCard>(
           {description ? <div className={`font-normal text-sm mt-2`}>{description}</div> : null}
           {items?.length ? (
             <section className={`max-w-[308px] mt-2`} role="list">
-              {items.map((item, i) => renderItem(item.text, i, version))}
+              {items
+                .filter((item) => item.text)
+                .map((item, i) => renderItem(item.text as string, i, version))}
             </section>
           ) : null}
         </div>

package/mobile/src/components/Gallery/GalleryContent.ts

@@ -4,7 +4,7 @@ import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
 export interface GalleryItem {
   title?: string; //TODO: for mobile
-  text: string;
+  text?: string;
 }
 
 /**

package/mobile/src/components/LinkDocs/LinkDocs.tsx

@@ -19,7 +19,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
     hasBorder = true,
   }) => {
     return (
-      <section className={`py-6 px-4 bg-white ${className}`}>
+      <section className={`font-sans py-6 px-4 bg-white ${className}`}>
         {title ? (
           <Heading
             headingType="h2"
@@ -27,7 +27,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
             title={title}
           />
         ) : null}
-        {subtitle ? <h3 className="mb-5 text-center text-m-base">{subtitle}</h3> : null}
+        {subtitle ? <h3 className="mb-5 text-center text-m-md">{subtitle}</h3> : null}
         {listMode === 'vertical' ? (
           <LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
         ) : (

package/mobile/src/components/LinkDocs/LinkDocsContent.ts

@@ -1,5 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { AlignType } from '../BaseTile/BaseTileProps';
 
 /**

package/mobile/src/components/LinkDocs/LinkDocsList.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { LinkDocsListItem } from './LinkDocsListItem';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
 
 export interface LinkDocsListProps {

package/mobile/src/components/LinkDocs/LinkDocsListItem.tsx

@@ -5,7 +5,7 @@ import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
 export const LinkDocsListItem = JSX<LinkDocsListItemProps>(({ className = '', doc, icon }) => (
   <LinkDocsListItemBase
     className={`flex h-full ${className}`}
-    iconClassName="mr-2.5 min-w-6 min-h-6"
+    iconClassName="mr-3 min-w-6 min-h-6"
     doc={doc}
     icon={icon}
   />

package/mobile/src/components/LinkDocs/LinkDocsListItemBase.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkDocsItem } from './LinkDocsContent';
 
 export interface LinkDocsListItemProps {

package/mobile/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkDocsItem } from './LinkDocsContent';
 import { LinkDocsListItem } from './LinkDocsListItem';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -89,7 +89,7 @@
     "prebuild:schema": "npm run build:icons",
     "build:schema": "node ./scripts/build-schema.js ./bundle/blocks.schema.json",
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
-    "build:icons": "node ./scripts/prepare-icons.js ./src/icons ./cosmos-static/icons > ./src/icons/IconName.ts",
+    "build:icons": "rimraf ./cosmos-static/icons && node ./scripts/prepare-icons.js ./src/icons ./cosmos-static/icons > ./src/icons/IconName.ts",
     "size": "size-limit",
     "lint": "eslint ./src",
     "pretest": "npm run lint",
@@ -168,8 +168,8 @@
     ],
     "src/**/*.{js,jsx,ts,tsx,css}": [
       "prettier --write",
-      "npm run cosmos:export",
-      "git add ./docs"
+      "npm run build:icons",
+      "git add ./cosmos-static/icons"
     ]
   },
   "peerDependenciesMeta": {

package/src/components/Gallery/GalleryCardInner.tsx

@@ -19,7 +19,9 @@ export const GalleryCardInner = JSX<GalleryCard>(
           {description ? <div className={`font-normal text-sm mt-2`}>{description}</div> : null}
           {items?.length ? (
             <section className={`max-w-[308px] mt-2`} role="list">
-              {items.map((item, i) => renderItem(item.text, i, version))}
+              {items
+                .filter((item) => item.text)
+                .map((item, i) => renderItem(item.text as string, i, version))}
             </section>
           ) : null}
         </div>

package/src/components/Gallery/GalleryContent.ts

@@ -4,7 +4,7 @@ import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
 export interface GalleryItem {
   title?: string; //TODO: for mobile
-  text: string;
+  text?: string;
 }
 
 /**

package/src/components/LinkDocs/LinkDocs.mobile.tsx

@@ -19,7 +19,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
     hasBorder = true,
   }) => {
     return (
-      <section className={`py-6 px-4 bg-white ${className}`}>
+      <section className={`font-sans py-6 px-4 bg-white ${className}`}>
         {title ? (
           <Heading
             headingType="h2"
@@ -27,7 +27,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
             title={title}
           />
         ) : null}
-        {subtitle ? <h3 className="mb-5 text-center text-m-base">{subtitle}</h3> : null}
+        {subtitle ? <h3 className="mb-5 text-center text-m-md">{subtitle}</h3> : null}
         {listMode === 'vertical' ? (
           <LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
         ) : (

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -1,5 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { AlignType } from '../BaseTile/BaseTileProps';
 
 /**

package/src/components/LinkDocs/LinkDocsList.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { LinkDocsListItem } from './LinkDocsListItem';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
 
 export interface LinkDocsListProps {

package/src/components/LinkDocs/LinkDocsListItem.mobile.tsx

@@ -5,7 +5,7 @@ import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
 export const LinkDocsListItem = JSX<LinkDocsListItemProps>(({ className = '', doc, icon }) => (
   <LinkDocsListItemBase
     className={`flex h-full ${className}`}
-    iconClassName="mr-2.5 min-w-6 min-h-6"
+    iconClassName="mr-3 min-w-6 min-h-6"
     doc={doc}
     icon={icon}
   />

package/src/components/LinkDocs/LinkDocsListItem.tsx

@@ -5,7 +5,7 @@ import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
 export const LinkDocsListItem = JSX<LinkDocsListItemProps>(({ className = '', doc, icon }) => (
   <LinkDocsListItemBase
     className={className}
-    iconClassName="mr-4 min-w-6 min-h-6 text-primary-text"
+    iconClassName="mr-2.5 min-w-6 min-h-6 text-primary-text"
     textClassName="self-center"
     suffixClassName="text-secondary-text group-hover:text-primary-main"
     doc={doc}

package/src/components/LinkDocs/LinkDocsListItemBase.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkDocsItem } from './LinkDocsContent';
 
 export interface LinkDocsListItemProps {

package/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { IconName } from '../../icons/IconName';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkDocsItem } from './LinkDocsContent';
 import { LinkDocsListItem } from './LinkDocsListItem';