@1doc/1ds-react 0.0.2 → 2.7.1

package/dist/components/Tabs/Tabs.css

@@ -1,124 +0,0 @@
-/* ============================
-   Tabs Container
-   ============================ */
-.umds-tabs {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    font-family: var(--umds-semantic-font-family-base);
-}
-
-/* ============================
-   Tab List (tablist)
-   ============================ */
-.umds-tabs__list {
-    display: flex;
-    align-items: stretch;
-    border-bottom: 1px solid var(--umds-semantic-color-neutral-light-down);
-    gap: 0;
-}
-
-/* ============================
-   Individual Tab Button
-   ============================ */
-.umds-tabs__tab {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--umds-primitive-spacing-nano);
-    padding: var(--umds-primitive-spacing-nano) var(--umds-primitive-spacing-xxxs);
-    border: none;
-    border-bottom: 3px solid transparent;
-    background: none;
-    cursor: pointer;
-    position: relative;
-    transition: all 0.2s ease-in-out;
-    font-family: var(--umds-semantic-font-family-base);
-    color: var(--umds-semantic-color-neutral-dark-pure);
-}
-
-/* ============================
-   Label
-   ============================ */
-.umds-tabs__label {
-    font-weight: var(--umds-primitive-font-weight-regular);
-    color: var(--umds-semantic-color-neutral-dark-pure);
-    white-space: nowrap;
-}
-
-.umds-tabs__label--selected {
-    font-weight: var(--umds-primitive-font-weight-bold);
-    color: var(--umds-semantic-color-neutral-dark-pure);
-}
-
-/* ============================
-   Icon
-   ============================ */
-.umds-tabs__icon {
-    flex-shrink: 0;
-    color: inherit;
-}
-
-/* ============================
-   Hover State
-   ============================ */
-.umds-tabs__tab:hover:not(:disabled):not(.umds-tabs__tab--selected) {
-    border-bottom-color: var(--umds-semantic-color-primary-pure);
-    border-bottom-width: 1px;
-    padding-bottom: calc(var(--umds-primitive-spacing-nano) + 2px);
-}
-
-/* ============================
-   Selected State
-   ============================ */
-.umds-tabs__tab--selected {
-    border-bottom-color: var(--umds-semantic-color-primary-pure);
-    border-bottom-width: 3px;
-}
-
-/* ============================
-   Focus State
-   ============================ */
-.umds-tabs__tab:focus-visible {
-    outline: 2px solid var(--umds-semantic-color-neutral-dark-pure);
-    outline-offset: -2px;
-    border-radius: var(--umds-primitive-border-radius-sm) var(--umds-primitive-border-radius-sm) 0 0;
-}
-
-.umds-tabs__tab:focus:not(:focus-visible) {
-    outline: none;
-}
-
-/* ============================
-   Disabled State
-   ============================ */
-.umds-tabs__tab--disabled,
-.umds-tabs__tab:disabled {
-    cursor: not-allowed;
-    color: var(--umds-semantic-color-neutral-dark-up);
-    opacity: 0.6;
-}
-
-.umds-tabs__tab--disabled .umds-tabs__label,
-.umds-tabs__tab:disabled .umds-tabs__label {
-    color: var(--umds-semantic-color-neutral-dark-up);
-}
-
-.umds-tabs__tab--disabled .umds-tabs__icon,
-.umds-tabs__tab:disabled .umds-tabs__icon {
-    color: var(--umds-semantic-color-neutral-dark-up);
-}
-
-/* ============================
-   Content Panel
-   ============================ */
-.umds-tabs__content {
-    padding: var(--umds-primitive-spacing-xxs) 0;
-}
-
-/* ============================
-   Tabs Content Container
-   ============================ */
-.umds-tabs-content {
-    width: 100%;
-}

package/dist/components/Tabs/Tabs.d.ts

@@ -1,20 +0,0 @@
-import './Tabs.css';
-/**
- * Propriedades do componente Tabs.
- * @description Container de navegação por abas. Renderiza os botões de tab via subcomponentes <Tab />.
- */
-export interface TabsProps {
-    /** Valor da tab ativa (controlado) */
-    value: string;
-    /** Callback chamado quando uma tab é selecionada */
-    onChange?: (index: string) => void;
-    /** Label de acessibilidade para o tablist */
-    ariaLabel?: string;
-    /** Classes CSS adicionais */
-    className?: string;
-    /** Subcomponentes Tab */
-    children?: any;
-    [key: string]: any;
-}
-declare function Tabs(props: TabsProps): import("react/jsx-runtime").JSX.Element;
-export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './Tabs.css';
-"use client";
-import TabsContext from "./tabs.context";
-function Tabs(props) {
-    function classes() {
-        return ["umds-tabs", props.className].filter(Boolean).join(" ");
-    }
-    return (_jsx(TabsContext.Provider, { value: {
-            value: props.value,
-            onChange: props.onChange,
-        }, children: _jsx("div", { className: classes(), children: _jsx("div", { role: "tablist", className: "umds-tabs__list", "aria-label": props.ariaLabel, children: props.children }) }) }));
-}
-export default Tabs;

package/dist/components/Tabs/TabsContent.d.ts

@@ -1,16 +0,0 @@
-/**
- * Propriedades do componente TabsContent.
- * @description Container para os painéis de conteúdo das tabs.
- * Deve receber o mesmo value usado no componente Tabs.
- */
-export interface TabsContentProps {
-    /** Valor da tab ativa. Deve ser o mesmo value do componente Tabs */
-    value: string;
-    /** Classes CSS adicionais */
-    className?: string;
-    /** Subcomponentes TabContent */
-    children?: any;
-    [key: string]: any;
-}
-declare function TabsContent(props: TabsContentProps): import("react/jsx-runtime").JSX.Element;
-export default TabsContent;

package/dist/components/Tabs/TabsContent.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import TabsContext from "./tabs.context";
-function TabsContent(props) {
-    return (_jsx(TabsContext.Provider, { value: {
-            value: props.value,
-            onChange() { },
-        }, children: _jsx("div", { className: ["umds-tabs-content", props.className]
-                .filter(Boolean)
-                .join(" "), children: props.children }) }));
-}
-export default TabsContent;

package/dist/components/Tabs/tabs.context.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react").Context<any>;
-export default _default;

package/dist/components/Tabs/tabs.context.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export default createContext({ value: "", onChange(_index) { } });

package/dist/components/Tag/Tag.css

@@ -1,140 +0,0 @@
-/* ============================================
-   Tag Component
-   Variantes: outlined, solid
-   Tamanhos: sm, md, lg
-   ============================================ */
-
-.umds-tag {
-    display: inline-flex;
-    align-items: center;
-    box-sizing: border-box;
-    font-family: var(--umds-semantic-font-family-base);
-    font-weight: var(--umds-primitive-font-weight-semibold);
-    line-height: 1;
-    white-space: nowrap;
-    border: 1px solid transparent;
-    cursor: default;
-    transition: all 0.15s ease;
-    max-width: 100%;
-}
-
-.umds-tag__label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex-shrink: 1;
-    min-width: 0;
-}
-
-.umds-tag__icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.umds-tag__icon--clickable {
-    cursor: pointer;
-    border-radius: var(--umds-primitive-border-radius-xs);
-    transition: background-color 0.15s ease;
-}
-
-.umds-tag__icon--clickable:hover {
-    opacity: 0.7;
-}
-
-.umds-tag__icon--clickable:focus-visible {
-    outline: 2px solid var(--umds-semantic-color-primary-pure);
-    outline-offset: 1px;
-}
-
-.umds-tag__close {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    cursor: pointer;
-    border-radius: var(--umds-primitive-border-radius-xs);
-    transition: background-color 0.15s ease;
-}
-
-.umds-tag__close:hover {
-    opacity: 0.7;
-}
-
-.umds-tag__close:focus-visible {
-    outline: 2px solid var(--umds-semantic-color-primary-pure);
-    outline-offset: 1px;
-}
-
-/* ----------------------------------------
-   Sizes
-   ---------------------------------------- */
-
-/* SM: border-radius 6px, gap 4px, padding 8px H / 2px V, font-size 12px */
-.umds-tag--sm {
-    gap: 4px;
-    padding: 2px 8px;
-    border-radius: 6px;
-    font-size: var(--umds-primitive-font-size-xxxs);
-}
-
-/* MD: border-radius 8px, gap 8px, height 28px, padding 6px 8px, font-size 14px */
-.umds-tag--md {
-    gap: 8px;
-    padding: 6px 8px;
-    height: 28px;
-    border-radius: 8px;
-    font-size: var(--umds-primitive-font-size-xxs);
-}
-
-/* LG: border-radius 8px, gap 8px, height 40px, padding 8px, font-size 16px */
-.umds-tag--lg {
-    gap: 8px;
-    padding: 8px;
-    height: 40px;
-    border-radius: 8px;
-    font-size: var(--umds-primitive-font-size-xs);
-}
-
-/* ----------------------------------------
-   Variant: Outlined
-   ---------------------------------------- */
-.umds-tag--outlined {
-    background-color: transparent;
-    border-color: var(--umds-semantic-color-neutral-light-down);
-    color: var(--umds-semantic-color-neutral-dark-down);
-}
-
-.umds-tag--outlined:hover:not(.umds-tag--disabled) {
-    background-color: var(--umds-semantic-color-neutral-light-medium);
-}
-
-/* ----------------------------------------
-   Variant: Solid
-   ---------------------------------------- */
-.umds-tag--solid {
-    background-color: var(--umds-semantic-color-neutral-dark-down);
-    border-color: var(--umds-semantic-color-neutral-dark-down);
-    color: var(--umds-semantic-color-neutral-light-pure);
-}
-
-.umds-tag--solid:hover:not(.umds-tag--disabled) {
-    background-color: var(--umds-semantic-color-neutral-dark-medium);
-    border-color: var(--umds-semantic-color-neutral-dark-medium);
-}
-
-/* ----------------------------------------
-   Disabled
-   ---------------------------------------- */
-.umds-tag--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    pointer-events: none;
-}
-
-.umds-tag--disabled .umds-tag__close,
-.umds-tag--disabled .umds-tag__icon--clickable {
-    cursor: not-allowed;
-    pointer-events: none;
-}

package/dist/components/Tag/Tag.d.ts

@@ -1,63 +0,0 @@
-import './Tag.css';
-/**
- * Componente Tag para exibir rótulos, categorias e seleções.
- * Suporta variantes outlined/solid, 3 tamanhos e ícones opcionais.
- * Ideal para uso em multi-select, filtros e categorização.
- */
-export interface TagProps {
-    /**
-     * Texto exibido dentro da tag.
-     */
-    label?: string;
-    /**
-     * Variante visual da tag.
-     * @default 'outlined'
-     */
-    variant?: "outlined" | "solid";
-    /**
-     * Tamanho da tag.
-     * @default 'md'
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Nome do ícone Iconoir exibido à esquerda do label.
-     */
-    iconStart?: string;
-    /**
-     * Nome do ícone Iconoir exibido à direita do label (antes do close).
-     */
-    iconEnd?: string;
-    /**
-     * Se true, exibe o botão de fechar (ícone xmark).
-     * @default false
-     */
-    closable?: boolean;
-    /**
-     * Callback disparado ao clicar no botão de fechar.
-     */
-    onClose?: (event: any) => void;
-    /**
-     * Callback disparado ao clicar no ícone à esquerda.
-     */
-    onIconStartClick?: (event: any) => void;
-    /**
-     * Callback disparado ao clicar no ícone à direita.
-     */
-    onIconEndClick?: (event: any) => void;
-    /**
-     * Se a tag está desabilitada.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Classes CSS adicionais.
-     */
-    className?: string;
-    /**
-     * Conteúdo filho (alternativa ao label).
-     */
-    children?: any;
-    [key: string]: any;
-}
-declare function Tag(props: TagProps): import("react/jsx-runtime").JSX.Element;
-export default Tag;

package/dist/components/Tag/Tag.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Tag.css';
-"use client";
-import Icon from "../Icon/Icon";
-function Tag(props) {
-    function classes() {
-        return [
-            "umds-tag",
-            `umds-tag--${props.variant || "outlined"}`,
-            `umds-tag--${props.size || "md"}`,
-            props.disabled ? "umds-tag--disabled" : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function iconSize() {
-        const size = props.size || "md";
-        if (size === "lg") {
-            return "md";
-        }
-        return "sm";
-    }
-    function handleClose(event) {
-        event.stopPropagation();
-        if (!props.disabled && props.onClose) {
-            props.onClose(event);
-        }
-    }
-    function handleIconStartClick(event) {
-        event.stopPropagation();
-        if (!props.disabled && props.onIconStartClick) {
-            props.onIconStartClick(event);
-        }
-    }
-    function handleIconEndClick(event) {
-        event.stopPropagation();
-        if (!props.disabled && props.onIconEndClick) {
-            props.onIconEndClick(event);
-        }
-    }
-    return (_jsxs("span", { role: "status", ...props, className: classes(), children: [props.iconStart ? (_jsx("span", { onClick: (event) => handleIconStartClick(event), role: props.onIconStartClick ? "button" : undefined, tabIndex: props.onIconStartClick ? 0 : undefined, "aria-label": props.onIconStartClick ? props.iconStart : undefined, className: props.onIconStartClick
-                    ? "umds-tag__icon umds-tag__icon--clickable"
-                    : "umds-tag__icon", children: _jsx(Icon, { variant: "inherit", name: props.iconStart, size: iconSize() }) })) : null, _jsx("span", { className: "umds-tag__label", children: props.label || props.children }), props.iconEnd ? (_jsx("span", { onClick: (event) => handleIconEndClick(event), role: props.onIconEndClick ? "button" : undefined, tabIndex: props.onIconEndClick ? 0 : undefined, "aria-label": props.onIconEndClick ? props.iconEnd : undefined, className: props.onIconEndClick
-                    ? "umds-tag__icon umds-tag__icon--clickable"
-                    : "umds-tag__icon", children: _jsx(Icon, { variant: "inherit", name: props.iconEnd, size: iconSize() }) })) : null, props.closable ? (_jsx("span", { role: "button", "aria-label": "Remover", className: "umds-tag__close", onClick: (event) => handleClose(event), tabIndex: 0, children: _jsx(Icon, { name: "xmark", variant: "inherit", size: iconSize() }) })) : null] }));
-}
-export default Tag;