@redneckz/wildless-cms-uni-blocks 0.14.4 → 0.14.6

package/mobile/dist/components/Footer/MediaButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-export declare type ButtonSize = 'default' | 'stretched';
-interface MediaButtonProps extends ButtonContent {
-    buttonSize?: ButtonSize;
-}
-export declare const MediaButton: import("@redneckz/uni-jsx").UNIComponent<MediaButtonProps, any, any>;
-export {};

package/mobile/dist/components/Footer/MediaButton.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaButton = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Button_1 = require("../../ui-kit/Button/Button");
-const Img_1 = require("../../ui-kit/Img/Img");
-const style_1 = require("../../utils/style");
-const buttonSizeStyle_1 = require("./buttonSizeStyle");
-const findIconByHref_1 = require("./findIconByHref");
-//TODO: Refactor this.
-exports.MediaButton = (0, uni_jsx_1.JSX)(({ buttonSize = 'default', icon, ...rest }) => {
-    const { href } = rest;
-    const { iconMapped, label } = (0, findIconByHref_1.findIconByHref)(href);
-    const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: (0, style_1.style)('border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', 'p-m min-h-14 group/media flex items-center justify-center box-border', buttonSizeStyle_1.buttonSizeStyle[buttonSize]), "aria-label": label, rel: "noopener noreferrer", target: "_blank", ...rest, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: iconCustom, imageClassName: "group-hover/media:text-white", width: "24", height: "24" }) }));
-});
-const getFilteredIcon = (icon) => (icon?.src || icon?.icon ? icon : undefined);
-//# sourceMappingURL=MediaButton.js.map

package/mobile/dist/components/Footer/MediaButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,uDAAoD;AAEpD,8CAA2C;AAC3C,6CAA0C;AAC1C,uDAAoD;AACpD,qDAAkD;AAQlD,sBAAsB;AACT,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAc,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAEvD,OAAO,CACL,uBAAC,eAAM,IACL,SAAS,EAAE,IAAA,aAAK,EACd,8CAA8C,EAC9C,wCAAwC,EACxC,wCAAwC,EACxC,iGAAiG,EACjG,8BAA8B,EAC9B,sEAAsE,EACtE,iCAAe,CAAC,UAAU,CAAC,CAC5B,gBACW,KAAK,EACjB,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,KACX,IAAI,YAER,uBAAC,SAAG,IACF,KAAK,EAAE,UAAU,EACjB,cAAc,EAAC,8BAA8B,EAC7C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,GACK,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/mobile/dist/components/Footer/buttonSizeStyle.d.ts

@@ -1,4 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonSizeStyle: {
-    [key in ButtonSize]: string;
-};

package/mobile/dist/components/Footer/buttonSizeStyle.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonSizeStyle = void 0;
-exports.buttonSizeStyle = {
-    default: 'w-14 h-14',
-    stretched: 'flex-1 h-14',
-};
-//# sourceMappingURL=buttonSizeStyle.js.map

package/mobile/dist/components/Footer/buttonSizeStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonSizeStyle.js","sourceRoot":"","sources":["../../../src/components/Footer/buttonSizeStyle.ts"],"names":[],"mappings":";;AAEa,QAAA,eAAe,GAAoC;IAC9D,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACzB,CAAC"}

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

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

package/mobile/lib/components/CarouselEventCard/CarouselEventCard.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 { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { Img } from '../../ui-kit/Img/Img.js';
-import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper.js';
-import { Headline } from '../Headline/Headline.js';
-export const CarouselEventCard = JSX(({ className = '', icon, title, description, href, target, ...rest }) => {
-    return (_jsx(BlockWrapper, { className: className, defaultPadding: "p-0", ...rest, children: _jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [icon?.icon ? _jsx(Img, { image: icon }) : null, icon?.src ? _jsx(Img, { image: icon }) : null, _jsx("div", { className: "p-s", children: _jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: "text-left" }) })] }) }));
-});
-//# sourceMappingURL=CarouselEventCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselEventCard.js","sourceRoot":"","sources":["../../../src/components/CarouselEventCard/CarouselEventCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAC,KAAK,KAAK,IAAI,YAC/D,MAAC,WAAW,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAC9D,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACxC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACxC,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAC,WAAW,GACjB,GACE,IACM,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/CarouselEventCard/CarouselEventCardContent.d.ts

@@ -1,8 +0,0 @@
-import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { LinkCommonProps } from '../../model/LinkProps';
-import type { IconProps } from '../../model/Picture';
-/**
- * @title Карточка мероприятия в карусели
- */
-export declare type CarouselEventCardContent = UniBlockContent & TitleProps & DescriptionProps & LinkCommonProps & IconProps;

package/mobile/lib/components/CarouselEventCard/CarouselEventCardContent.js

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

package/mobile/lib/components/CarouselEventCard/CarouselEventCardContent.js.map

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

package/mobile/lib/components/Footer/MediaButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-export declare type ButtonSize = 'default' | 'stretched';
-interface MediaButtonProps extends ButtonContent {
-    buttonSize?: ButtonSize;
-}
-export declare const MediaButton: import("@redneckz/uni-jsx").UNIComponent<MediaButtonProps, any, any>;
-export {};

package/mobile/lib/components/Footer/MediaButton.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../../ui-kit/Button/Button.js';
-import { Img } from '../../ui-kit/Img/Img.js';
-import { style } from '../../utils/style.js';
-import { buttonSizeStyle } from './buttonSizeStyle.js';
-import { findIconByHref } from './findIconByHref.js';
-//TODO: Refactor this.
-export const MediaButton = JSX(({ buttonSize = 'default', icon, ...rest }) => {
-    const { href } = rest;
-    const { iconMapped, label } = findIconByHref(href);
-    const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-    return (_jsx(Button, { className: style('border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', 'p-m min-h-14 group/media flex items-center justify-center box-border', buttonSizeStyle[buttonSize]), "aria-label": label, rel: "noopener noreferrer", target: "_blank", ...rest, children: _jsx(Img, { image: iconCustom, imageClassName: "group-hover/media:text-white", width: "24", height: "24" }) }));
-});
-const getFilteredIcon = (icon) => (icon?.src || icon?.icon ? icon : undefined);
-//# sourceMappingURL=MediaButton.js.map

package/mobile/lib/components/Footer/MediaButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,sBAAsB;AACtB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAEvD,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,KAAK,CACd,8CAA8C,EAC9C,wCAAwC,EACxC,wCAAwC,EACxC,iGAAiG,EACjG,8BAA8B,EAC9B,sEAAsE,EACtE,eAAe,CAAC,UAAU,CAAC,CAC5B,gBACW,KAAK,EACjB,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,KACX,IAAI,YAER,KAAC,GAAG,IACF,KAAK,EAAE,UAAU,EACjB,cAAc,EAAC,8BAA8B,EAC7C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,GACK,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/mobile/lib/components/Footer/buttonSizeStyle.d.ts

@@ -1,4 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonSizeStyle: {
-    [key in ButtonSize]: string;
-};

package/mobile/lib/components/Footer/buttonSizeStyle.js

@@ -1,5 +0,0 @@
-export const buttonSizeStyle = {
-    default: 'w-14 h-14',
-    stretched: 'flex-1 h-14',
-};
-//# sourceMappingURL=buttonSizeStyle.js.map

package/mobile/lib/components/Footer/buttonSizeStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonSizeStyle.js","sourceRoot":"","sources":["../../../src/components/Footer/buttonSizeStyle.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC9D,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACzB,CAAC"}

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

@@ -1,12 +0,0 @@
-{
-  "icon": {
-    "icon": "SignDocsIcon",
-    "format": "webp",
-    "size": {
-      "width": 365,
-      "height": 195
-    }
-  },
-  "title": "Заголовок",
-  "description": "Описание"
-}

package/mobile/src/components/CarouselEventCard/CarouselEventCard.tsx

@@ -1,31 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Img } from '../../ui-kit/Img/Img';
-import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import type { CarouselEventCardContent } from './CarouselEventCardContent';
-import { Headline } from '../Headline/Headline';
-
-export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
-
-export const CarouselEventCard = JSX<CarouselEventCardProps>(
-  ({ className = '', icon, title, description, href, target, ...rest }) => {
-    return (
-      <BlockWrapper className={className} defaultPadding="p-0" {...rest}>
-        <LinkWrapper className="flex flex-col" href={href} target={target}>
-          {icon?.icon ? <Img image={icon} /> : null}
-          {icon?.src ? <Img image={icon} /> : null}
-          <div className="p-s">
-            <Headline
-              title={title}
-              description={description}
-              headlineVersion="XS"
-              isEmbedded={true}
-              align="text-left"
-            />
-          </div>
-        </LinkWrapper>
-      </BlockWrapper>
-    );
-  },
-);

package/mobile/src/components/CarouselEventCard/CarouselEventCardContent.ts

@@ -1,13 +0,0 @@
-import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { LinkCommonProps } from '../../model/LinkProps';
-import type { IconProps } from '../../model/Picture';
-
-/**
- * @title Карточка мероприятия в карусели
- */
-export type CarouselEventCardContent = UniBlockContent &
-  TitleProps &
-  DescriptionProps &
-  LinkCommonProps &
-  IconProps;

package/mobile/src/components/Footer/MediaButton.tsx

@@ -1,50 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { Button } from '../../ui-kit/Button/Button';
-import { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
-import { buttonSizeStyle } from './buttonSizeStyle';
-import { findIconByHref } from './findIconByHref';
-
-export type ButtonSize = 'default' | 'stretched';
-
-interface MediaButtonProps extends ButtonContent {
-  buttonSize?: ButtonSize;
-}
-
-//TODO: Refactor this.
-export const MediaButton = JSX<MediaButtonProps>(({ buttonSize = 'default', icon, ...rest }) => {
-  const { href } = rest;
-
-  const { iconMapped, label } = findIconByHref(href);
-
-  const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-
-  return (
-    <Button
-      className={style(
-        'border border-solid hover:border-transparent',
-        'group-data-primary:border-main-divider',
-        'hover:bg-primary-main hover:text-black',
-        'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
-        'group-data-gray:border-green',
-        'p-m min-h-14 group/media flex items-center justify-center box-border',
-        buttonSizeStyle[buttonSize],
-      )}
-      aria-label={label}
-      rel="noopener noreferrer"
-      target="_blank"
-      {...rest}
-    >
-      <Img
-        image={iconCustom}
-        imageClassName="group-hover/media:text-white"
-        width="24"
-        height="24"
-      />
-    </Button>
-  );
-});
-
-const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);

package/mobile/src/components/Footer/buttonSizeStyle.ts

@@ -1,6 +0,0 @@
-import { ButtonSize } from './MediaButton';
-
-export const buttonSizeStyle: { [key in ButtonSize]: string } = {
-  default: 'w-14 h-14',
-  stretched: 'flex-1 h-14',
-};

package/src/components/CarouselEventCard/CarouselEventCard.example.json

@@ -1,12 +0,0 @@
-{
-  "icon": {
-    "icon": "SignDocsIcon",
-    "format": "webp",
-    "size": {
-      "width": 365,
-      "height": 195
-    }
-  },
-  "title": "Заголовок",
-  "description": "Описание"
-}

package/src/components/CarouselEventCard/CarouselEventCard.fixture.tsx

@@ -1,25 +0,0 @@
-import '../../setup-fixture';
-
-import type { Picture } from '../../model/Picture';
-import { CarouselEventCard } from './CarouselEventCard';
-import type { CarouselEventCardContent } from './CarouselEventCardContent';
-
-const image: Picture = {
-  src: 'event.png',
-  format: 'webp',
-  title: 'business',
-};
-
-export const CAROUSEL_EVENT_CARD: CarouselEventCardContent = {
-  title: 'ПЕРСОНАЛ В АПК',
-  description: '22-23 ноября 2022',
-  icon: image,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <CarouselEventCard className="col-span-4" {...CAROUSEL_EVENT_CARD} />
-    </div>
-  ),
-};

package/src/components/CarouselEventCard/CarouselEventCard.tsx

@@ -1,31 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Img } from '../../ui-kit/Img/Img';
-import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import type { CarouselEventCardContent } from './CarouselEventCardContent';
-import { Headline } from '../Headline/Headline';
-
-export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
-
-export const CarouselEventCard = JSX<CarouselEventCardProps>(
-  ({ className = '', icon, title, description, href, target, ...rest }) => {
-    return (
-      <BlockWrapper className={className} defaultPadding="p-0" {...rest}>
-        <LinkWrapper className="flex flex-col" href={href} target={target}>
-          {icon?.icon ? <Img image={icon} /> : null}
-          {icon?.src ? <Img image={icon} /> : null}
-          <div className="p-s">
-            <Headline
-              title={title}
-              description={description}
-              headlineVersion="XS"
-              isEmbedded={true}
-              align="text-left"
-            />
-          </div>
-        </LinkWrapper>
-      </BlockWrapper>
-    );
-  },
-);

package/src/components/CarouselEventCard/CarouselEventCardContent.ts

@@ -1,13 +0,0 @@
-import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { LinkCommonProps } from '../../model/LinkProps';
-import type { IconProps } from '../../model/Picture';
-
-/**
- * @title Карточка мероприятия в карусели
- */
-export type CarouselEventCardContent = UniBlockContent &
-  TitleProps &
-  DescriptionProps &
-  LinkCommonProps &
-  IconProps;

package/src/components/Footer/MediaButton.tsx

@@ -1,50 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { Button } from '../../ui-kit/Button/Button';
-import { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
-import { buttonSizeStyle } from './buttonSizeStyle';
-import { findIconByHref } from './findIconByHref';
-
-export type ButtonSize = 'default' | 'stretched';
-
-interface MediaButtonProps extends ButtonContent {
-  buttonSize?: ButtonSize;
-}
-
-//TODO: Refactor this.
-export const MediaButton = JSX<MediaButtonProps>(({ buttonSize = 'default', icon, ...rest }) => {
-  const { href } = rest;
-
-  const { iconMapped, label } = findIconByHref(href);
-
-  const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-
-  return (
-    <Button
-      className={style(
-        'border border-solid hover:border-transparent',
-        'group-data-primary:border-main-divider',
-        'hover:bg-primary-main hover:text-black',
-        'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
-        'group-data-gray:border-green',
-        'p-m min-h-14 group/media flex items-center justify-center box-border',
-        buttonSizeStyle[buttonSize],
-      )}
-      aria-label={label}
-      rel="noopener noreferrer"
-      target="_blank"
-      {...rest}
-    >
-      <Img
-        image={iconCustom}
-        imageClassName="group-hover/media:text-white"
-        width="24"
-        height="24"
-      />
-    </Button>
-  );
-});
-
-const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);

package/src/components/Footer/buttonSizeStyle.ts

@@ -1,6 +0,0 @@
-import { ButtonSize } from './MediaButton';
-
-export const buttonSizeStyle: { [key in ButtonSize]: string } = {
-  default: 'w-14 h-14',
-  stretched: 'flex-1 h-14',
-};