takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/esm/components/Badge/styles.css.js

@@ -1,24 +0,0 @@
-import { globalStyle, style } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-export var badgeContainer = style({
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    padding: "8px",
-    borderRadius: "40px",
-    border: "1px solid ".concat(vars.colors.primary.default),
-    background: vars.colors.primary.default,
-    color: vars.colors.neutral.white,
-    textAlign: "center",
-    fontFamily: "Poppins",
-    fontSize: "12px",
-    fontStyle: "normal",
-    fontWeight: 600,
-    lineHeight: "16px",
-    letterSpacing: "0.5px",
-});
-globalStyle("".concat(badgeContainer, " svg"), {
-    fontSize: "16px",
-    fill: vars.colors.neutral.white,
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/Badge/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Badge/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,oBAAa,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAE;IAClD,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;IACvC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;IAChC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,OAAO;CAEvB,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,cAAc,SAAM,EAAE;IACnC,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;CAChC,CAAC,CAAC"}

package/dist/esm/components/Badge/styles.d.ts

@@ -1,7 +0,0 @@
-import { ColorType } from "../../utils/consts";
-interface BadgeContainerProps {
-    $customColor: ColorType;
-    variant: string;
-}
-export declare const BadgeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeContainerProps>> & string;
-export {};

package/dist/esm/components/Badge/styles.js

@@ -1,20 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var BadgeContainer = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border-radius: 40px;\n  border: ", ";\n  background: ", ";\n\n  color: ", ";\n  text-align: center;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.5px;\n\n  svg {\n    font-size: 16px;\n    fill: ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border-radius: 40px;\n  border: ", ";\n  background: ", ";\n\n  color: ", ";\n  text-align: center;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.5px;\n\n  svg {\n    font-size: 16px;\n    fill: ", ";\n  }\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, $customColor = _a.$customColor;
-    return "1px solid ".concat(theme.colors[$customColor].default);
-}, function (_a) {
-    var theme = _a.theme, $customColor = _a.$customColor;
-    return theme.colors[$customColor].default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.white;
-}, function (_a) {
-    var variant = _a.variant;
-    return variant;
-});
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/Badge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Badge/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,IAAI,+cAAqB,8GAMlD,EACyC,mBACrC,EACsB,gBAE3B,EAAyC,+NAWxC,EAAyC,cAGjD,EAAwB,IAC3B,KApBW,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC9B,OAAA,oBAAa,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAE;AAAjD,CAAiD,EACrC,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IAClC,OAAA,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO;AAAlC,CAAkC,EAE3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAWxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjD,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO;AAAP,CAAO,CAC3B,CAAC"}

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

@@ -1,8 +0,0 @@
-import { Button } from ".";
-import { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Example: Story;
-export declare const IconExample: Story;
-export declare const AllButtons: Story;

package/dist/esm/components/Button/Button.stories.js

@@ -1,126 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, BUTTON_OPTIONS } from ".";
-import { IconTakeatFilled } from "../icons";
-import { Subtitle } from "../StoriesComponents";
-import { allButtonsTableClass } from "./styles.css";
-var meta = {
-    title: "Design System/Button",
-    component: Button,
-    parameters: {
-        componentSubtitle: (_jsxs(Subtitle, { children: ["Um bot\u00E3o aciona uma a\u00E7\u00E3o ou evento. Use bot\u00F5es para a\u00E7\u00F5es importantes, como enviar uma resposta, confirmar uma altera\u00E7\u00E3o ou passar para a pr\u00F3xima etapa.", _jsx("br", {}), _jsx("br", {}), " Se voc\u00EA precisar navegar para outro lugar, tente um link. Um bot\u00E3o de altern\u00E2ncia \u00E9 um comportamento de dois estados que alterna um estado entre ativado e desativado.", _jsx("br", {}), _jsx("br", {}), " O estado de repouso de um bot\u00E3o indica \u201Cdesligado\u201D enquanto o estado selecionado indica \u201Cligado\u201D."] })),
-    },
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio",
-                options: BUTTON_OPTIONS,
-            },
-            table: {
-                type: {
-                    summary: "String com uma das opções do control ->",
-                },
-            },
-        },
-        children: {
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        customColor: {
-            control: {
-                type: "color",
-            },
-            table: {
-                type: {
-                    summary: "String com cor em hexadecimal, rgb ou outro formato",
-                },
-            },
-        },
-        isSelected: {
-            if: {
-                arg: "variant",
-                eq: "segmented",
-            },
-        },
-    },
-    args: {
-        variant: "default",
-        children: "Botão de teste",
-        disabled: false,
-        isLoading: false,
-        isSelected: false,
-    },
-};
-export default meta;
-export var Example = {
-    name: "Exemplo",
-    argTypes: {
-        icon: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-    args: {
-        icon: _jsx(IconTakeatFilled, {}),
-        color: "blue",
-        triggerKey: "t",
-        onClick: function () { return console.log("Clicked"); },
-    },
-};
-export var IconExample = {
-    name: "Com ícone",
-    render: function (args) { return (_jsx(_Fragment, { children: _jsx(Button, __assign({}, args, { icon: _jsx(IconTakeatFilled, {}), onClick: function () { return console.log("Clicked"); }, children: "Bot\u00E3o" })) })); },
-};
-export var AllButtons = {
-    name: "Todos os botões",
-    render: function () {
-        var keys = Object.keys(BUTTON_OPTIONS);
-        return (_jsxs("table", { className: allButtonsTableClass, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Text" }), _jsx("th", { children: "Icon + Text" }), _jsx("th", { children: "Icon" }), _jsx("th", { children: "Disabled" })] }) }), _jsx("tbody", { children: keys.map(function (key) { return (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx(Button, { variant: key, onClick: function () { return console.log("Clicked ".concat(key)); }, children: key.charAt(0).toUpperCase() + key.slice(1) }), _jsx("div", {})] }), _jsxs("td", { children: [_jsx(Button, { variant: key, icon: _jsx(IconTakeatFilled, {}), onClick: function () { return console.log("Clicked ".concat(key)); }, children: key.charAt(0).toUpperCase() + key.slice(1) }), _jsx("div", {})] }), _jsxs("td", { children: [_jsx(Button, { variant: key, icon: _jsx(IconTakeatFilled, {}), onClick: function () { return console.log("Clicked ".concat(key)); } }), _jsx("div", {})] }), _jsxs("td", { children: [_jsx(Button, { variant: key, onClick: function () { return console.log("Clicked ".concat(key)); }, disabled: true, children: key.charAt(0).toUpperCase() + key.slice(1) }), _jsx("div", {})] })] }, key)); }) })] }));
-    },
-    // Disable all controls
-    argTypes: {
-        variant: {
-            table: {
-                disable: true,
-            },
-        },
-        children: {
-            table: {
-                disable: true,
-            },
-        },
-        icon: {
-            table: {
-                disable: true,
-            },
-        },
-        customColor: {
-            table: {
-                disable: true,
-            },
-        },
-        isSelected: {
-            table: {
-                disable: true,
-            },
-        },
-        disabled: {
-            table: {
-                disable: true,
-            },
-        },
-        isLoading: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-};
-//# sourceMappingURL=Button.stories.js.map

package/dist/esm/components/Button/Button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,23 +0,0 @@
-import React, { ButtonHTMLAttributes } from "react";
-import { ColorType } from "../../utils/consts";
-export declare const BUTTON_OPTIONS: {
-    readonly default: "default";
-    readonly outlined: "outlined";
-    readonly tonal: "tonal";
-    readonly text: "text";
-    readonly segmented: "segmented";
-    readonly link: "link";
-};
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "tonal" | "outlined" | "text" | "segmented" | "link";
-    size?: "small" | "medium" | "large";
-    icon?: React.ReactNode;
-    color?: ColorType;
-    customColor?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-    isSelected?: boolean;
-    triggerKey?: string;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1,113 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useMemo, useRef, } from "react";
-import { useDevice } from "../../hooks/useDevice";
-import { Button as BaseButton } from "@base-ui/react/button";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { buttonBaseClass, primaryVariantClass, outlineVariantClass, tonalVariantClass, textVariantClass, linkVariantClass, segmentedVariantClass, buttonSizeClasses, buttonPaddingClasses, borderRadiusClasses, colorVar, colorHoverVar, colorActiveVar, colorTextVar, } from "./styles.css";
-import { generateColorVariants } from "../../utils/functions";
-import { Spinner } from "../Spinner";
-import { DEFAULT_THEME } from "../../utils/consts";
-export var BUTTON_OPTIONS = {
-    default: "default",
-    outlined: "outlined",
-    tonal: "tonal",
-    text: "text",
-    segmented: "segmented",
-    link: "link",
-};
-var getDeviceSize = function (device, size) {
-    if (device === "desktop") {
-        return size;
-    }
-    if (size === "large") {
-        return device;
-    }
-    return "".concat(device, "-").concat(size);
-};
-export var Button = forwardRef(function Button(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = __rest(_a, ["variant", "size", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
-    var buttonRef = useRef(null);
-    var device = useDevice(buttonRef);
-    var colorVariants = useMemo(function () {
-        return customColor
-            ? generateColorVariants(customColor)
-            : color
-                ? DEFAULT_THEME.colors[color]
-                : undefined;
-    }, [customColor, color]);
-    var textAndIcon = !!icon && !!children;
-    var deviceSize = getDeviceSize(device, size);
-    // Build inline styles for dynamic color CSS variables
-    var colorStyles = useMemo(function () {
-        var _a, _b;
-        if (colorVariants) {
-            return assignInlineVars((_a = {},
-                _a[colorVar] = colorVariants.default,
-                _a[colorHoverVar] = colorVariants.dark,
-                _a[colorActiveVar] = colorVariants.darker,
-                _a[colorTextVar] = variant === "default" ? "#fff" : colorVariants.darker,
-                _a));
-        }
-        // Default color variants (primary red)
-        var defaultVariants = DEFAULT_THEME.colors.primary;
-        return assignInlineVars((_b = {},
-            _b[colorVar] = defaultVariants.default,
-            _b[colorHoverVar] = defaultVariants.dark,
-            _b[colorActiveVar] = defaultVariants.darker,
-            _b[colorTextVar] = variant === "default" ? "#fff" : defaultVariants.darker,
-            _b));
-    }, [colorVariants, variant]);
-    // Compose className from variant + size + padding + border-radius
-    var variantClass = variant === "default"
-        ? primaryVariantClass
-        : variant === "outlined"
-            ? outlineVariantClass
-            : variant === "tonal"
-                ? tonalVariantClass
-                : variant === "text"
-                    ? textVariantClass
-                    : variant === "link"
-                        ? linkVariantClass
-                        : variant === "segmented"
-                            ? segmentedVariantClass
-                            : primaryVariantClass;
-    var paddingType = textAndIcon ? "textAndIcon" : icon ? "icon" : "text";
-    var paddingClass = buttonPaddingClasses[deviceSize][paddingType];
-    var radiusClass = borderRadiusClasses[deviceSize];
-    var sizeClass = buttonSizeClasses[deviceSize];
-    var className = "".concat(buttonBaseClass, " ").concat(variantClass, " ").concat(sizeClass, " ").concat(paddingClass, " ").concat(radiusClass);
-    useEffect(function () {
-        if (!triggerKey)
-            return;
-        var handleKeyDown = function (event) {
-            if (event.key === triggerKey) {
-                if (!triggerKey || event.key !== triggerKey)
-                    return;
-                var activeElement = document.activeElement;
-                var isInputFocused = activeElement instanceof HTMLInputElement ||
-                    activeElement instanceof HTMLTextAreaElement;
-                if (isInputFocused)
-                    return;
-                var button = buttonRef.current;
-                if (!button)
-                    return;
-                var rect = button.getBoundingClientRect();
-                var isVisible = rect.width > 0 && rect.height > 0;
-                if (!isVisible)
-                    return;
-                var topElement = document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
-                var isOnTop = topElement === button || button.contains(topElement);
-                if (!isOnTop)
-                    return;
-                buttonRef.current.click();
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return function () {
-            window.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [triggerKey, ref]);
-    return (_jsx(BaseButton, __assign({ ref: ref || buttonRef, className: className, style: colorStyles, "data-selected": isSelected }, props, { disabled: isLoading || props.disabled, focusableWhenDisabled: isLoading, children: isLoading ? (_jsx(Spinner, { color: DEFAULT_THEME.colors.neutral.light })) : (_jsxs(_Fragment, { children: [icon, children] })) })));
-});
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,16 +0,0 @@
-export declare const colorVar: `var(--${string})`;
-export declare const colorHoverVar: `var(--${string})`;
-export declare const colorActiveVar: `var(--${string})`;
-export declare const colorTextVar: `var(--${string})`;
-export declare const buttonBaseClass: string;
-export declare const primaryVariantClass: string;
-export declare const outlineVariantClass: string;
-export declare const tonalVariantClass: string;
-export declare const textVariantClass: string;
-export declare const linkVariantClass: string;
-export declare const segmentedVariantClass: string;
-export declare const buttonSizeClasses: Record<"large" | "medium" | "small" | "tablet" | "tablet-medium" | "tablet-small" | "totem" | "totem-medium" | "totem-small", string>;
-export declare const iconSizeClasses: Record<"large" | "medium" | "small" | "tablet" | "tablet-medium" | "tablet-small" | "totem" | "totem-medium" | "totem-small", string>;
-export declare const buttonPaddingClasses: Record<"large" | "medium" | "small" | "tablet" | "tablet-medium" | "tablet-small" | "totem" | "totem-medium" | "totem-small", Record<"text" | "icon" | "textAndIcon", string>>;
-export declare const borderRadiusClasses: Record<"large" | "medium" | "small" | "tablet" | "tablet-medium" | "tablet-small" | "totem" | "totem-medium" | "totem-small", string>;
-export declare const allButtonsTableClass: string;