@redneckz/wildless-cms-uni-blocks 0.14.546 → 0.14.548

package/src/ui-kit/BenefitsList/DefaultBenefitsList.tsx

@@ -1,34 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { deviation } from '../../utils/deviation';
 import { style } from '../../utils/style';
 import { BenefitItem } from '../BenefitItem/BenefitItem';
-import { type BenefitItemContent } from '../BenefitItem/BenefitItemContent';
 import { type BenefitsListProps } from './BenefitsListProps';
 
-const MAX_BENEFITS_LEN_DEVIATION = 16;
-
-const benefitLength = (_: BenefitItemContent) =>
-  Math.max(_?.label?.length || 0, _?.description?.length || 0, _?.__html?.length || 0);
-
-const isDistortedBenefits = (benefits: BenefitItemContent[]) =>
-  deviation(benefits.map(benefitLength)) > MAX_BENEFITS_LEN_DEVIATION;
-
-const hasIcon = (_: BenefitItemContent) =>
-  _ && 'icon' in _ && _.icon && (_.icon.icon || _.icon.src);
-
-const isTextualBenefits = (benefits: BenefitItemContent[]) => !benefits.some(hasIcon);
-
 export const DefaultBenefitsList = JSX<BenefitsListProps>(
   ({ className, benefitsVersion = 'normal', benefits }) =>
     benefits?.length ? (
-      <div
-        className={style(
-          'flex gap-x-m gap-y-s',
-          isDistortedBenefits(benefits) || isTextualBenefits(benefits) ? 'flex-col' : 'flex-wrap',
-          className,
-        )}
-        role="list"
-      >
+      <div className={style('flex gap-x-m gap-y-s flex-col', className)} role="list">
         {benefits.map((_, i) => (
           <BenefitItem key={String(i)} benefitsVersion={benefitsVersion} {..._} />
         ))}

package/src/ui-kit/LinkButton/ArrowButton.tsx

@@ -13,7 +13,7 @@ export const ArrowButton = JSX<LinkButtonProps>(({ className, disabled, ...rest
       disabled
         ? 'bg-secondary-light text-secondary-text'
         : 'bg-white text-primary-text hover:text-primary-main',
-      className || '',
+      className,
     )}
     disabled={disabled}
     {...rest}

package/src/ui-kit/LinkButton/ButtonInner.tsx

@@ -7,7 +7,7 @@ import { type LinkButtonProps } from './LinkButtonProps';
 /** @deprecated */
 export const ButtonInner = JSX<LinkButtonProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
-  const iconHideStyle = isWithText(props) ? 'hidden lg:block' : '';
+  const iconHideStyle = isWithText(props) && 'hidden lg:block';
 
   return (
     <div className={style(buttonStyle(props), 'flex gap-xs')}>

package/src/ui-kit/LinkButton/renderButtonsSection.tsx

@@ -22,7 +22,7 @@ export const renderButtonsSection = (
         'flex',
         isVertical
           ? 'flex-col gap-xs justify-items-stretch'
-          : 'flex-wrap @xl:flex-nowrap gap-lg sm:gap-m',
+          : 'flex-wrap @xl:flex-nowrap gap-lg sm:gap-m w-full @lg:w-auto',
         className,
       )}
       role="group"
@@ -56,14 +56,14 @@ const DEFAULT_ICON_W = 24;
 const getIconVersion = (icon: Picture | undefined, version = 'secondary') => {
   const iconVersionDefault = version === 'secondary' ? 'color' : 'white';
 
-  return icon?.iconVersion ? icon?.iconVersion : iconVersionDefault;
+  return icon?.iconVersion || iconVersionDefault;
 };
 
 const renderButtonIcon = (icon: Picture) =>
-  isIcon(icon) ? (
+  isIcon(icon) && (
     <Img
       image={icon}
       width={String(icon?.size?.width || DEFAULT_ICON_W)}
       height={String(DEFAULT_ICON_W)}
     />
-  ) : null;
+  );