@gobolt/genesis 0.3.26 → 0.3.28

package/dist/components/Button/__stories__/IconButton.stories.js

@@ -1,133 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import IconButton from "../IconButton";
-import { STATE } from "../../../constants";
-import description from "./IconButtonDescription.md?raw";
-import { HiOutlineDuplicate, HiSearch, HiOutlineLocationMarker, } from "react-icons/hi";
-var focussed = STATE.focussed, stateWithoutFocussed = __rest(STATE, ["focussed"]);
-var meta = {
-    title: "Components/Buttons/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-    },
-    argTypes: {
-        state: {
-            control: "radio",
-            options: Object.keys(stateWithoutFocussed),
-        },
-    },
-};
-export default meta;
-var onClick = function (e) {
-    alert("Button Clicked");
-};
-export var Default = {
-    args: {
-        children: null,
-        icon: _jsx(HiOutlineDuplicate, {}),
-        isIconButton: true,
-        onClick: onClick,
-    },
-};
-export var Focussed = {
-    args: {
-        icon: _jsx(HiOutlineDuplicate, {}),
-        onClick: onClick,
-    },
-    play: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var button;
-        var canvasElement = _b.canvasElement;
-        return __generator(this, function (_c) {
-            button = canvasElement.querySelector("button");
-            if (button) {
-                button.focus();
-            }
-            return [2 /*return*/];
-        });
-    }); },
-};
-export var Selected = {
-    args: {
-        children: null,
-        icon: _jsx(HiOutlineDuplicate, {}),
-        isIconButton: true,
-        onClick: onClick,
-    },
-    render: function () {
-        var _a = __read(useState(1), 2), selectedId = _a[0], setSelectedId = _a[1];
-        var onClick = function (newId) {
-            setSelectedId(newId);
-        };
-        return (_jsxs("div", { style: { display: "flex", gap: "1rem" }, children: [_jsx(IconButton, { icon: _jsx(HiOutlineDuplicate, {}), onClick: function () { return onClick(1); }, isSelected: selectedId === 1 }), _jsx(IconButton, { icon: _jsx(HiSearch, {}), onClick: function () { return onClick(2); }, isSelected: selectedId === 2 }), _jsx(IconButton, { icon: _jsx(HiOutlineLocationMarker, {}), onClick: function () { return onClick(3); }, isSelected: selectedId === 3 })] }));
-    },
-};

package/dist/components/Button/__stories__/UtilityButton.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import UtilityButton from "../../UtilityButton";
-declare const meta: Meta<typeof UtilityButton>;
-export default meta;
-type Story = StoryObj<typeof UtilityButton>;
-export declare const Primary: Story;
-export declare const AddIcon: Story;
-export declare const FilterIcon: Story;

package/dist/components/Button/__stories__/UtilityButton.stories.js

@@ -1,71 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import UtilityButton from "../../UtilityButton";
-import { STATE } from "../../../constants";
-import description from "./UtilityButtonDescription.md?raw";
-import { PlusOutlined } from "@ant-design/icons";
-import { HiMiniAdjustmentsVertical } from "react-icons/hi2";
-// remove the focussed key since we have a separate story for that
-var focussed = STATE.focussed, stateWithoutFocussed = __rest(STATE, ["focussed"]);
-var meta = {
-    title: "Components/Buttons/UtilityButton",
-    component: UtilityButton,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-    },
-    argTypes: {
-        state: {
-            control: "radio",
-            options: Object.keys(stateWithoutFocussed),
-        },
-        size: {
-            control: "radio",
-            options: ["small", "normal", "large"],
-            defaultValue: "large",
-        },
-    },
-};
-export default meta;
-var onClick = function (e) {
-    alert("Button Clicked");
-};
-export var Primary = {
-    args: {
-        children: "Button Label",
-        isIconButton: false,
-        onClick: onClick,
-    },
-};
-export var AddIcon = {
-    args: {
-        children: null,
-        icon: _jsx(PlusOutlined, {}),
-        iconPosition: "end",
-        isIconButton: true,
-        onClick: onClick,
-    },
-};
-export var FilterIcon = {
-    args: {
-        children: null,
-        icon: _jsx(HiMiniAdjustmentsVertical, {}),
-        isIconButton: true,
-        onClick: onClick,
-    },
-};

package/dist/components/Button/__tests__/Button.test.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { screen } from "@testing-library/react";
-import { customRender } from "../../../test/setup";
-import Button from "../";
-import { vi } from "vitest";
-describe("<Button />", function () {
-    var properties;
-    beforeEach(function () {
-        properties = {
-            onClick: vi.fn(),
-            themeType: "primary",
-        };
-    });
-    var renderComponent = function () { return customRender(_jsx(Button, { children: "Ship it!" })); };
-    it("should render the button", function () {
-        renderComponent();
-        expect(screen.getByText("Ship it!")).toBeInTheDocument();
-    });
-});

package/dist/components/Button/components/Button/Button.d.ts

@@ -1,16 +0,0 @@
-import React, { MouseEvent } from "react";
-import type { ButtonProps as AntButtonProperties } from "antd/es/button";
-import { STATE } from "../../constants";
-type ButtonThemeType = "primary" | "secondary" | "tertiary" | "destructive" | "utility" | "icon";
-export interface ButtonProps extends Omit<AntButtonProperties, "type" | "size"> {
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    children?: React.ReactNode;
-    themeType?: ButtonThemeType;
-    state?: keyof typeof STATE;
-    isIconButton?: boolean;
-    size?: "small" | "normal" | "large";
-    isSelected?: boolean;
-    icon?: React.ReactNode;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/components/Button/components/Button/Button.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as S from "./styles";
-const getState = (state, isSelected) => {
-    if (isSelected) {
-        return "selected";
-    }
-    return state === "active" || state === "disabled" ? state : "active";
-};
-const Button = ({ children, onClick, themeType = "primary", state = "active", isIconButton = false, size = "normal", isSelected, ...rest }) => {
-    const buttonState = getState(state, isSelected);
-    return (_jsx(S.Button, { onClick: onClick, "$themeType": themeType, "$state": buttonState, disabled: state === "disabled" || rest.disabled, "$isIconButton": isIconButton, size: size, ...rest, children: children }));
-};
-export default Button;

package/dist/components/Button/components/Button/styles.d.ts

@@ -1 +0,0 @@
-export declare const Button: any;

package/dist/components/Button/components/Button/styles.js

@@ -1,118 +0,0 @@
-import styled from "@gobolt/genesis/utils/styled";
-import { Button as AntButton } from "antd";
-const getPadding = (size, $themeType, sizing, $isIconButton) => {
-    if ($isIconButton && (size === "normal" || size === "large")) {
-        return `${sizing.Size2}px ${sizing.Size2}px`;
-    }
-    if ($isIconButton && size === "small") {
-        return `${sizing.Size1}px ${sizing.Size1}px`;
-    }
-    // utility button padding is different from the main button
-    if ($themeType === "utility" && size === "small") {
-        return `${sizing.Size1_5}px ${sizing.Size2}px`;
-    }
-    if ($themeType === "utility" && (size === "normal" || size === "large")) {
-        return `${sizing.Size2_5}px ${sizing.Size3}px`;
-    }
-    if (size === "small") {
-        return `${sizing.Size1_5}px ${sizing.Size4}px`;
-    }
-    if (size === "normal" || size === "large") {
-        return `${sizing.Size2_5}px ${sizing.Size6}px`;
-    }
-    return `${sizing.Size2}px ${sizing.Size2}px`;
-};
-const getHeight = (size) => {
-    if (size === "normal" || size === "large") {
-        return `40px`;
-    }
-    if (size === "small") {
-        return `32px`;
-    }
-    return `40px`;
-};
-const getWidth = (size, $isIconButton) => {
-    if (!$isIconButton) {
-        return `auto`;
-    }
-    if (size === "normal" || size === "large") {
-        return `40px`;
-    }
-    if (size === "small") {
-        return `32px`;
-    }
-    return `40px`;
-};
-const getVariant = ({ colors, sizing, borderRadius, components }, $themeType, $state, size, $isIconButton) => {
-    const backgroundColor = colors[$themeType][$state].backgroundColor;
-    return `
-      &.ant-btn {
-      
-        color: ${colors[$themeType][$state].color};
-        font-size: ${sizing.Size4}px;
-        line-height: ${sizing.Size6}px;
-        letter-spacing: 0;
-        font-weight: 400;
-        border-width: 1px;
-        line-height: 1 !important;
-
-        width: ${getWidth(size, $isIconButton)}; !important;
-        height: ${getHeight(size)}; !important;
-
-        background-color: ${colors[$themeType][$state].backgroundColor};
-        padding: ${getPadding(size, $themeType, sizing, $isIconButton)};
-
-        box-shadow: ${$themeType === "utility" ? "0px 1px 2px 0px #00000026" : "none"};
-
-        border-radius: ${borderRadius.BorderRadiusMd}px;
-        gap: ${components.button.gap}px;
-        border-style: solid;
-        border-color: ${colors[$themeType][$state].borderColor};
-        
-        transition: all 0.2s ease-in-out;
-
-        &:hover {
-          color: ${colors[$themeType].hover.color};
-          background-color: ${colors[$themeType].hover.backgroundColor};
-          border-color: ${colors[$themeType].hover.borderColor};
-        }
-
-        &:active {
-          color: ${colors[$themeType].pressed.color};
-          background-color: ${colors[$themeType].pressed.backgroundColor};
-          border-color: ${colors[$themeType].pressed.borderColor};
-        }
-
-        &:focus-visible {
-          outline: none;
-          color: ${colors[$themeType].focussed.color};
-          background-color: ${colors[$themeType].focussed.backgroundColor};
-          box-shadow: 0 0 0 1px #fff, 0 0 0 4px ${colors[$themeType].focussed.ringColor};
-          border-radius: ${borderRadius.BorderRadiusMd}px;
-          border-color: ${colors[$themeType].focussed.borderColor};
-          transition: box-shadow 0.2s ease-in-out;
-        }
-
-        &:disabled {
-          color: ${colors[$themeType].disabled.color};
-          background-color: ${colors[$themeType].disabled.backgroundColor};
-          border-color: ${colors[$themeType].disabled.borderColor};
-          cursor: not-allowed;
-        }
-    
-      }
-        
-      `;
-};
-const getGenesisButtonClass = (theme, $themeType, $state, $isIconButton, size) => `
-    &.ant-btn {
-      font-family: 'Inter', sans-serif;
- 
-      ${getVariant(theme, $themeType, $state, size, $isIconButton)}
-    } 
-`;
-export const Button = styled(AntButton) `
-  ${({ theme, $themeType, $state, children, $isIconButton, size }) => {
-    return getGenesisButtonClass(theme, $themeType, $state, $isIconButton, size);
-}}
-`;

package/dist/components/Button/constants/index.d.ts

@@ -1,163 +0,0 @@
-export declare const TYPE: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    destructive: string;
-    utility: string;
-    icon: string;
-};
-export declare const BREAKPOINTS: {
-    wide: string;
-    medium: string;
-    narrow: string;
-};
-export declare const STATE: {
-    active: string;
-    hover: string;
-    pressed: string;
-    focussed: string;
-    disabled: string;
-    error: string;
-    success: string;
-    warning: string;
-    progress: string;
-    info: string;
-    filled: string;
-    generic: string;
-    removed: string;
-    hollow: string;
-};
-export declare const TYPOGRAPHY_VARIANT: {
-    display1: string;
-    display2: string;
-    display3: string;
-    heading1: string;
-    heading2: string;
-    heading3: string;
-    subHeading1: string;
-    subHeading2: string;
-    subHeading3: string;
-    body1: string;
-    body2: string;
-    body3: string;
-    body4: string;
-    body5: string;
-    message: string;
-    overline1: string;
-    overline2: string;
-    overline3: string;
-    label1: string;
-    label2: string;
-    label3: string;
-    link1: string;
-    link2: string;
-    link3: string;
-    digits1: string;
-    digits2: string;
-    digits3: string;
-};
-export declare const BUTTON_VARIANT: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-};
-export declare const SIZE: {
-    small: string;
-    medium: string;
-    large: string;
-    standard: string;
-};
-export declare const BADGE: {
-    appointment: string;
-    asn: string;
-    inventory: string;
-    parcel: string;
-    product: string;
-    route: string;
-    shipment: string;
-    shoppingCart: string;
-    system: string;
-};
-declare const _default: {
-    TYPE: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        destructive: string;
-        utility: string;
-        icon: string;
-    };
-    BREAKPOINTS: {
-        wide: string;
-        medium: string;
-        narrow: string;
-    };
-    STATE: {
-        active: string;
-        hover: string;
-        pressed: string;
-        focussed: string;
-        disabled: string;
-        error: string;
-        success: string;
-        warning: string;
-        progress: string;
-        info: string;
-        filled: string;
-        generic: string;
-        removed: string;
-        hollow: string;
-    };
-    TYPOGRAPHY_VARIANT: {
-        display1: string;
-        display2: string;
-        display3: string;
-        heading1: string;
-        heading2: string;
-        heading3: string;
-        subHeading1: string;
-        subHeading2: string;
-        subHeading3: string;
-        body1: string;
-        body2: string;
-        body3: string;
-        body4: string;
-        body5: string;
-        message: string;
-        overline1: string;
-        overline2: string;
-        overline3: string;
-        label1: string;
-        label2: string;
-        label3: string;
-        link1: string;
-        link2: string;
-        link3: string;
-        digits1: string;
-        digits2: string;
-        digits3: string;
-    };
-    BUTTON_VARIANT: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-    };
-    SIZE: {
-        small: string;
-        medium: string;
-        large: string;
-        standard: string;
-    };
-    BADGE: {
-        appointment: string;
-        asn: string;
-        inventory: string;
-        parcel: string;
-        product: string;
-        route: string;
-        shipment: string;
-        shoppingCart: string;
-        system: string;
-    };
-};
-export default _default;

package/dist/components/Button/constants/index.js

@@ -1,89 +0,0 @@
-export const TYPE = {
-    primary: "primary",
-    secondary: "secondary",
-    tertiary: "tertiary",
-    destructive: "destructive",
-    utility: "utility",
-    icon: "icon",
-};
-export const BREAKPOINTS = {
-    wide: "wide",
-    medium: "medium",
-    narrow: "narrow",
-};
-export const STATE = {
-    active: "active",
-    hover: "hover",
-    pressed: "pressed",
-    focussed: "focus",
-    disabled: "disabled",
-    error: "error",
-    success: "success",
-    warning: "warning",
-    progress: "progress",
-    info: "info",
-    filled: "filled",
-    generic: "generic",
-    removed: "removed",
-    hollow: "hollow",
-};
-export const TYPOGRAPHY_VARIANT = {
-    display1: "display1",
-    display2: "display2",
-    display3: "display3",
-    heading1: "heading1",
-    heading2: "heading2",
-    heading3: "heading3",
-    subHeading1: "subHeading1",
-    subHeading2: "subHeading2",
-    subHeading3: "subHeading3",
-    body1: "body1",
-    body2: "body2",
-    body3: "body3",
-    body4: "body4",
-    body5: "body5",
-    message: "message",
-    overline1: "overline1",
-    overline2: "overline2",
-    overline3: "overline3",
-    label1: "label1",
-    label2: "label2",
-    label3: "label3",
-    link1: "link1",
-    link2: "link2",
-    link3: "link3",
-    digits1: "digits1",
-    digits2: "digits2",
-    digits3: "digits3",
-};
-export const BUTTON_VARIANT = {
-    primary: "primary",
-    secondary: "secondary",
-    tertiary: "tertiary",
-};
-export const SIZE = {
-    small: "small",
-    medium: "medium",
-    large: "large",
-    standard: "standard",
-};
-export const BADGE = {
-    appointment: "appointment",
-    asn: "asn",
-    inventory: "inventory",
-    parcel: "parcel",
-    product: "product",
-    route: "route",
-    shipment: "shipment",
-    shoppingCart: "shopping cart",
-    system: "system",
-};
-export default {
-    TYPE,
-    BREAKPOINTS,
-    STATE,
-    TYPOGRAPHY_VARIANT,
-    BUTTON_VARIANT,
-    SIZE,
-    BADGE,
-};

package/dist/components/Button/icon-button-styles.js

@@ -1,23 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from "@gobolt/genesis/utils/styled";
-var getPadding = function (size, sizing) {
-    if (size === "small") {
-        return "".concat(sizing.Size1, "px ").concat(sizing.Size1, "px");
-    }
-    return "".concat(sizing.Size2, "px ").concat(sizing.Size2, "px");
-};
-var getVariant = function (_a, $themeType, $state, size, $isSelected) {
-    var colors = _a.colors, sizing = _a.sizing, borderRadius = _a.borderRadius, components = _a.components;
-    return "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      color: ".concat(colors[$themeType][$state].color, ";\n      font-size: ").concat(sizing.Size4, "px;\n      line-height: ").concat(sizing.Size6, "px;\n      letter-spacing: 0;\n      font-weight: 400;\n      border-width: 1px;\n      cursor: pointer;\n      width: auto; !important;\n      height: auto; !important;\n\n      background-color:").concat($isSelected
-        ? colors[$themeType].hover.backgroundColor
-        : colors[$themeType][$state].backgroundColor, ";\n      padding: ").concat(getPadding(size, sizing), ";\n\n      box-shadow: ").concat($themeType === "utility" ? "0px 1px 2px 0px #00000026" : "none", ";\n\n      border-radius: ").concat(borderRadius.BorderRadiusMd, "px;\n      gap: ").concat(components.button.gap, "px;\n      border-style: solid;\n      border-color: ").concat(colors[$themeType][$state].borderColor, ";\n      \n      transition: all 0.2s ease-in-out;\n\n      &:hover {\n        color: ").concat(colors[$themeType].hover.color, ";\n        background-color: ").concat(colors[$themeType].hover.backgroundColor, ";\n        border-color: ").concat(colors[$themeType].hover.borderColor, ";\n      }\n\n      &:active {\n        color: ").concat(colors[$themeType].pressed.color, ";\n        background-color: ").concat(colors[$themeType].pressed.backgroundColor, ";\n        border-color: ").concat(colors[$themeType].pressed.borderColor, ";\n      }\n\n      &:focus-visible {\n        outline: none;\n        color: ").concat(colors[$themeType].focussed.color, ";\n        background-color: ").concat(colors[$themeType].focussed.backgroundColor, ";\n        box-shadow: 0 0 0 1px #fff, 0 0 0 4px ").concat(colors[$themeType].focussed.ringColor, ";\n        border-radius: ").concat(borderRadius.BorderRadiusMd, "px;\n        border-color: ").concat(colors[$themeType].focussed.borderColor, ";\n        transition: box-shadow 0.2s ease-in-out;\n      }\n\n      &:disabled {\n        color: ").concat(colors[$themeType].disabled.color, ";\n        background-color: ").concat(colors[$themeType].disabled.backgroundColor, ";\n        border-color: ").concat(colors[$themeType].disabled.borderColor, ";\n        cursor: not-allowed;\n      }\n    ");
-};
-var getGenesisButtonClass = function (theme, $themeType, $state, size, $isSelected) { return "\n    font-family: 'Inter', sans-serif;\n    ".concat(getVariant(theme, $themeType, $state, size, $isSelected), "\n"); };
-export var Button = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, $themeType = _a.$themeType, $state = _a.$state, size = _a.size, $isSelected = _a.$isSelected;
-    return getGenesisButtonClass(theme, $themeType, $state, size, $isSelected);
-});
-var templateObject_1;

package/dist/components/Button/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Button";
-export { default as IconButton } from "./IconButton";