@manamerge/mana-atomic-ui 1.0.26 → 1.0.30

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@manamerge/mana-atomic-ui",
-    "version": "1.0.26",
+    "version": "1.0.30",
     "description": "Mana Merge design system",
     "license": "ISC",
     "author": "MM",
     "main": "dist/index.js",
-    "module": "dist/esm/index.js",
+    "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
         "dist"
@@ -19,8 +19,7 @@
         "prepare": "husky || true",
         "prettier": "prettier . --check",
         "prettier:fix": "prettier . --write",
-        "storybook": "storybook dev -p 6006",
-        "prepublishOnly": "npm run build"
+        "storybook": "storybook dev -p 6006"
     },
     "lint-staged": {
         "**/*": "prettier --write --ignore-unknown"

package/dist/index.d.ts

@@ -1,214 +0,0 @@
-import React, { ReactNode, FunctionComponent, SVGProps, AnchorHTMLAttributes, ElementType } from 'react';
-import { PaletteColor } from 'themes/manamerge/miscellaneous/colorpalette';
-import { FontSize } from 'themes/manamerge/miscellaneous/fontsizes';
-
-interface ButtonTypes {
-    disabled?: boolean;
-    variant?: string;
-    image?: string | null;
-    background?: string;
-    alt?: string;
-    children?: ReactNode;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    type?: "button" | "submit" | "reset" | undefined;
-}
-declare const Button: React.FC<ButtonTypes>;
-
-interface TextTypes {
-    variant?: string;
-    children?: string;
-    htmlFor?: string;
-    margin?: string;
-    color?: string;
-    fontSize?: string;
-    lineHeight?: string;
-    fontWeight?: string | number;
-    tag?: keyof JSX.IntrinsicElements;
-    vColor?: PaletteColor;
-    vFontSize?: FontSize;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-}
-declare const Text: React.FC<TextTypes>;
-
-interface HeadingTypes {
-    variant?: string;
-    children: ReactNode;
-    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}
-declare const Heading: React.FC<HeadingTypes>;
-
-interface IconTypes {
-    variant?: string;
-    svg: FunctionComponent<SVGProps<SVGSVGElement>>;
-    color?: string;
-    size?: string;
-    stroke?: string;
-    hoverColor?: string;
-    hoverStroke?: string;
-    onClick?: () => void;
-    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
-    tabIndex?: number;
-    role?: string;
-}
-declare const Icon: React.FC<IconTypes>;
-
-interface LinkTypes extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    to?: string;
-    underline?: boolean;
-    hoverUnderline?: boolean;
-    as?: ElementType;
-    alt?: string;
-    variant?: string;
-}
-declare const Link: React.FC<LinkTypes>;
-
-interface GradientTypes {
-    variant?: string;
-    children: React.ReactNode;
-}
-declare const Gradient: React.FC<GradientTypes>;
-
-interface DividerTypes {
-    variant?: string;
-    width?: string;
-    height?: string;
-    color?: string;
-    borderRadius?: string;
-    margin?: string;
-}
-declare const Divider: React.FC<DividerTypes>;
-
-/** WIP: CDNImage
- * Estamos a usar srcSet, mas sem sizes o browser assume que as
- * imagens são sempre fullscreen — e isso faz com que ele carregue
- * imagens muito maiores do que o necessário. Podemos resolver
- * isto facilmente com uma convenção simples de layout que abstrai
- * os sizes. (ver o imagePresets.ts)
- */
-interface CDNImageTypes {
-    src: string;
-    alt?: string;
-    blurhash: string;
-    width: number;
-    height: number;
-    baseUrl: string;
-    sizes?: string;
-    srcSet?: string;
-    loading?: "lazy" | "eager";
-    quality?: number;
-    format?: "auto" | "webp" | "avif";
-    blurCanvasResolution?: number;
-    fetchPriority?: "high" | "low" | "auto";
-    decoding?: "async" | "sync" | "auto";
-    fit?: "cover" | "fill" | "contain";
-    resolutions?: number[];
-}
-declare const CDNImage: React.FC<CDNImageTypes>;
-
-interface HeaderTypes {
-    moleculeVariant?: string;
-    iconTop?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    iconDot?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    buttonLeftIcon?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    buttonRightIcon?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    textBanner?: string;
-    headingTitle?: string;
-    textTitle?: string[];
-    buttonLeftText?: string;
-    buttonLeftClick?: React.MouseEventHandler<HTMLElement>;
-    buttonRightText?: string;
-    buttonRightClick?: React.MouseEventHandler<HTMLElement>;
-    imageURLBackground?: string;
-    withOverlay?: boolean;
-}
-declare const Header: React.FC<HeaderTypes>;
-
-interface NavigationTypes {
-    moleculeVariant?: string;
-    logo?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    iconBurger: FunctionComponent<SVGProps<SVGSVGElement>>;
-    tabs: {
-        label: string;
-        to: string;
-    }[];
-    onLogoClick?: () => void;
-    onTabClick: (label: string) => void;
-}
-declare const Navigation: React.FC<NavigationTypes>;
-
-interface RouteTypes {
-    order: number;
-    type: "internal" | "external";
-    url?: string;
-    slug?: string;
-    label: string;
-    blank?: boolean;
-}
-interface FooterTypes {
-    moleculeVariant?: string;
-    children?: string;
-    svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    routes: RouteTypes[];
-}
-declare const Footer: React.FC<FooterTypes>;
-
-interface CardTeaserTypes {
-    moleculeVariant?: string;
-    company?: string;
-    year?: string;
-    title?: string;
-    buttonName?: string;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    checks?: string[];
-    svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    cardImageSrc?: string;
-    separator?: boolean;
-}
-declare const CardTeaser: React.FC<CardTeaserTypes>;
-
-interface BreakerTapeTypes {
-    moleculeVariant?: string;
-    words: string[];
-    svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
-}
-declare const BreakerTape: React.FC<BreakerTapeTypes>;
-
-interface CardSimpleRenderTypes {
-    moleculeVariant?: string;
-    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    title?: string;
-    description?: string;
-    children?: ReactNode;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-}
-declare const CardSimpleRender: React.FC<CardSimpleRenderTypes>;
-
-interface CardBannerTypes {
-    moleculeVariant?: string;
-    icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    buttonClick?: React.MouseEventHandler<HTMLElement>;
-}
-declare const CardBanner: React.FC<CardBannerTypes>;
-
-interface ContentTypes {
-    title?: string;
-    description?: string;
-}
-interface AccordionTypes {
-    moleculeVariant?: string;
-    iconPlus?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    iconMinus?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    content?: ContentTypes[];
-}
-declare const Accordion: React.FC<AccordionTypes>;
-
-interface Pint3Types {
-    moleculeVariant?: string;
-    cards?: ReactNode[];
-}
-declare const Pint3: React.FC<Pint3Types>;
-
-export { Accordion, BreakerTape, Button, CDNImage, CardBanner, CardSimpleRender, CardTeaser, Divider, Footer, Gradient, Header, Heading, Icon, Link, Navigation, Pint3, Text };