@1doc/1ds-react 0.0.2 → 2.7.1

package/dist/components/Modal/Modal.d.ts

@@ -1,36 +0,0 @@
-import './Modal.css';
-export interface ModalProps {
-    /** Controla se o modal está visível */
-    open?: boolean;
-    /** Tipo do modal, altera o ícone e o esquema de cores */
-    variant?: "default" | "success" | "error" | "warning";
-    /** Título em destaque */
-    title?: string;
-    /** Texto de descrição/apoio */
-    description?: string;
-    /** Texto do botão de confirmação/ação primária */
-    confirmLabel?: string;
-    /** Texto do botão de cancelamento/ação secundária */
-    cancelLabel?: string;
-    /** Callback disparado ao clicar no botão primário */
-    onConfirm?: (event: any) => void;
-    /** Callback disparado ao clicar no botão de cancelar ou no X */
-    onCancel?: (event: any) => void;
-    /** Callback disparado para fechar o modal */
-    onClose?: (event: any) => void;
-    /** Oculta o botão de fechar (X) no topo direito */
-    hideCloseButton?: boolean;
-    /** Permite fechar ao clicar no overlay escuro */
-    closeOnOverlayClick?: boolean;
-    /** Classes CSS adicionais para o container do modal */
-    className?: string;
-    /** Se verdadeiro, renderiza o modal inline (sem fixed/overlay), útil para documentação */
-    inline?: boolean;
-    /** Conteúdo customizado no rodapé */
-    footerSlot?: any;
-    /** Conteúdo customizado no corpo */
-    children?: any;
-    [key: string]: any;
-}
-declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element;
-export default Modal;

package/dist/components/Modal/Modal.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './Modal.css';
-"use client";
-import Icon from "../Icon/Icon";
-import Text from "../Text/Text";
-import Button from "../Button/Button";
-function Modal(props) {
-    function rootClasses() {
-        return [
-            props.inline ? "umds-modal-root--inline" : "umds-modal-root",
-            props.open ? "umds-modal-root--open" : "umds-modal-root--closed",
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function modalClasses() {
-        return [
-            "umds-modal",
-            `umds-modal--${props.variant || "default"}`,
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function iconName() {
-        switch (props.variant) {
-            case "success":
-                return "check-circle";
-            case "error":
-                return "warning-circle";
-            case "warning":
-                return "warning-triangle";
-            default:
-                return "";
-        }
-    }
-    function iconVariantClass() {
-        return props.variant ? `umds-modal__icon--${props.variant}` : "";
-    }
-    function handleClose(event) {
-        if (props.onClose) {
-            props.onClose(event);
-        }
-        else if (props.onCancel) {
-            props.onCancel(event);
-        }
-    }
-    function handleOverlayClick(event) {
-        if (props.closeOnOverlayClick !== false) {
-            handleClose(event);
-        }
-    }
-    return (_jsx(_Fragment, { children: props.open ? (_jsx(_Fragment, { children: _jsxs("div", { className: rootClasses(), children: [_jsx("div", { className: "umds-modal-overlay", onClick: (e) => handleOverlayClick(e) }), _jsxs("div", { role: "dialog", "aria-modal": "true", className: modalClasses(), children: [!props.hideCloseButton ? (_jsx("div", { className: "umds-modal__close-wrapper", children: _jsx("button", { "aria-label": "Fechar", className: "umds-modal__close-button", onClick: (e) => handleClose(e), children: _jsx(Icon, { name: "xmark", size: "sm" }) }) })) : null, _jsxs("div", { className: "umds-modal__content", children: [_jsxs("div", { className: "umds-modal__header", children: [props.variant && props.variant !== "default" ? (_jsx("div", { className: `umds-modal__icon ${iconVariantClass()}`, children: _jsx(Icon, { customSize: "80px", name: iconName() }) })) : null, _jsxs("div", { className: "umds-modal__text-group", children: [props.title ? (_jsx(Text, { variant: "h5", weight: "bold", children: props.title })) : null, props.description ? (_jsx(Text, { variant: "body2", color: "secondary", children: props.description })) : null] })] }), _jsx(_Fragment, { children: props.children }), _jsxs("div", { className: "umds-modal__footer", children: [props.footerSlot ? _jsx(_Fragment, { children: props.footerSlot }) : null, !props.footerSlot ? (_jsxs(_Fragment, { children: [props.cancelLabel ? (_jsx(Button, { variant: "text", onClick: (e) => props.onCancel?.(e), children: props.cancelLabel })) : null, props.confirmLabel ? (_jsx(Button, { variant: "primary", onClick: (e) => props.onConfirm?.(e), children: props.confirmLabel })) : null] })) : null] })] })] })] }) })) : null }));
-}
-export default Modal;

package/dist/components/Radio/Radio.css

@@ -1,114 +0,0 @@
-/* Main Container */
-.umds-radio {
-    display: inline-flex;
-    align-items: center;
-    position: relative;
-    cursor: pointer;
-    font-family: var(--umds-semantic-font-family-base, inherit);
-    gap: var(--umds-primitive-spacing-nano);
-}
-
-.umds-radio--disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
-/* Input (Hidden visually but accessible) */
-.umds-radio__input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-}
-
-/* Control (Circle) */
-.umds-radio__control {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid var(--umds-semantic-color-neutral-dark-up);
-    border-radius: 50%;
-    background-color: var(--umds-semantic-color-background-white);
-    transition: all 0.2s ease-in-out;
-    flex-shrink: 0;
-}
-
-/* Sizes */
-.umds-radio--small .umds-radio__control {
-    width: 16px;
-    height: 16px;
-}
-
-.umds-radio--medium .umds-radio__control {
-    width: 20px;
-    height: 20px;
-}
-
-.umds-radio--large .umds-radio__control {
-    width: 24px;
-    height: 24px;
-}
-
-/* Indicator (Dot) */
-.umds-radio__indicator {
-    background-color: var(--umds-semantic-color-background-white);
-    border-radius: 50%;
-    width: 50%;
-    height: 50%;
-    display: block;
-}
-
-/* Checked State */
-.umds-radio--checked .umds-radio__control {
-    background-color: var(--umds-semantic-color-primary-pure);
-    border-color: var(--umds-semantic-color-primary-pure);
-}
-
-/* Hover State (not disabled) - Default (Unchecked) */
-.umds-radio:not(.umds-radio--disabled):hover .umds-radio__control {
-    border-color: var(--umds-semantic-color-neutral-dark-down);
-}
-
-/* Hover State - Checked */
-.umds-radio--checked:not(.umds-radio--disabled):hover .umds-radio__control {
-    background-color: var(--umds-semantic-color-primary-dark);
-    border-color: var(--umds-semantic-color-primary-dark);
-}
-
-/* Focus State */
-.umds-radio__input:focus+.umds-radio__control {
-    box-shadow: 0 0 0 2px var(--umds-semantic-color-background-white), 0 0 0 4px var(--umds-semantic-color-primary-medium);
-}
-
-/* Invalid/Error State */
-.umds-radio--invalid .umds-radio__control {
-    border-color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-.umds-radio--invalid.umds-radio--checked .umds-radio__control {
-    background-color: var(--umds-semantic-color-feedback-negative-pure);
-    border-color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-/* Content (Label + Description) */
-.umds-radio__content {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
-/* Adjust top padding if needed to align with box */
-.umds-radio--small .umds-radio__content {
-    padding-top: 0;
-}
-
-.umds-radio__label {
-    /* Styles handled by Text component */
-    display: inline-block;
-}
-
-.umds-radio__description {
-    /* Styles handled by Text component */
-    margin-top: 2px;
-}

package/dist/components/Radio/Radio.d.ts

@@ -1,19 +0,0 @@
-import './Radio.css';
-export interface RadioProps {
-    checked?: any;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-    size?: "small" | "medium" | "large";
-    name?: string;
-    value?: string;
-    id?: string;
-    label?: string;
-    description?: string;
-    className?: string;
-    onChange?: (checked: boolean) => void;
-    [key: string]: any;
-}
-declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;
-export default Radio;

package/dist/components/Radio/Radio.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Radio.css';
-"use client";
-import { useState } from "react";
-import Text from "../Text/Text";
-function Radio(props) {
-    const [internalChecked, setInternalChecked] = useState(() => props.defaultChecked || false);
-    function isChecked() {
-        return props.checked !== undefined ? props.checked : internalChecked;
-    }
-    function handleChange(event) {
-        if (props.disabled)
-            return;
-        const newValue = event.target.checked;
-        setInternalChecked(newValue);
-        if (typeof props.onChange === "function") {
-            props.onChange(newValue);
-        }
-    }
-    function classes() {
-        const checkedValue = props.checked !== undefined ? props.checked : internalChecked;
-        return [
-            "umds-radio",
-            `umds-radio--${props.size || "medium"}`,
-            props.disabled ? "umds-radio--disabled" : "",
-            props.invalid ? "umds-radio--invalid" : "",
-            checkedValue ? "umds-radio--checked" : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    return (_jsxs("label", { className: classes(), children: [_jsx("input", { type: "radio", className: "umds-radio__input", checked: isChecked(), disabled: props.disabled, required: props.required, name: props.name, value: props.value, id: props.id, onChange: (event) => handleChange(event) }), _jsx("span", { className: "umds-radio__control", children: isChecked() ? _jsx("span", { className: "umds-radio__indicator" }) : null }), props.label || props.description ? (_jsxs("span", { className: "umds-radio__content", children: [props.label ? (_jsx(Text, { as: "span", className: "umds-radio__label", variant: props.size === "small"
-                            ? "caption"
-                            : props.size === "large"
-                                ? "body1"
-                                : "body2", children: props.label })) : null, props.description ? (_jsx(Text, { as: "span", variant: "caption", color: "secondary", className: "umds-radio__description", children: props.description })) : null] })) : null] }));
-}
-export default Radio;

package/dist/components/Select/Select.css

@@ -1,291 +0,0 @@
-.umds-select {
-    display: flex;
-    flex-direction: column;
-    gap: var(--umds-primitive-spacing-nano);
-    font-family: var(--umds-semantic-font-family-base);
-    width: 320px;
-}
-
-.umds-select--full-width {
-    width: 100%;
-}
-
-.umds-select__label {
-    display: flex;
-    align-items: center;
-}
-
-.umds-select__required {
-    color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-.umds-select__container {
-    position: relative;
-    width: 100%;
-}
-
-.umds-select__trigger {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background-color: var(--umds-semantic-color-background-white);
-    border: 1px solid var(--umds-semantic-color-neutral-dark-up);
-    border-radius: var(--umds-primitive-border-radius-sm);
-    padding: var(--umds-primitive-spacing-nano) var(--umds-primitive-spacing-xxxs);
-    min-height: 48px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    box-sizing: border-box;
-    width: 100%;
-}
-
-.umds-select--small .umds-select__trigger {
-    min-height: 32px;
-    padding: var(--umds-primitive-spacing-nano) var(--umds-primitive-spacing-nano);
-}
-
-.umds-select--large .umds-select__trigger {
-    min-height: 56px;
-    padding: var(--umds-primitive-spacing-nano) var(--umds-primitive-spacing-xxs);
-}
-
-.umds-select__trigger:hover {
-    border-color: var(--umds-semantic-color-neutral-dark-down);
-}
-
-.umds-select__trigger:focus {
-    outline: 2px solid var(--umds-semantic-color-neutral-dark-down);
-    outline-offset: 2px;
-}
-
-.umds-select--open .umds-select__trigger {
-    border-color: var(--umds-semantic-color-primary-pure);
-    box-shadow: 0 0 0 1px var(--umds-semantic-color-primary-pure);
-}
-
-.umds-select--disabled .umds-select__trigger {
-    background-color: var(--umds-semantic-color-neutral-light-medium);
-    border-color: var(--umds-semantic-color-neutral-light-down);
-    cursor: not-allowed;
-    pointer-events: none;
-}
-
-.umds-select--invalid .umds-select__trigger {
-    border-color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-.umds-select__values {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-    flex: 1;
-    overflow: hidden;
-    min-width: 0;
-    align-items: center;
-}
-
-.umds-select--has-tags .umds-select__values {
-    overflow: visible;
-}
-
-.umds-select__placeholder {
-    color: var(--umds-semantic-color-neutral-light-down);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.umds-select__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--umds-primitive-spacing-nano);
-    margin-left: 8px;
-    color: var(--umds-semantic-color-neutral-dark-up);
-}
-
-.umds-select__arrow {
-    display: flex;
-    transition: transform 0.2s ease;
-}
-
-.umds-select--open .umds-select__arrow {
-    transform: rotate(0deg);
-    /* handled by icon name chagne but keeping just in case */
-}
-
-/* Options Dropdown */
-.umds-select__dropdown {
-    position: absolute;
-    top: calc(100% + 4px);
-    left: 0;
-    width: 100%;
-    background-color: var(--umds-semantic-color-background-white);
-    border: 1px solid var(--umds-semantic-color-neutral-dark-up);
-    border-radius: var(--umds-primitive-border-radius-sm);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    z-index: 5000;
-    max-height: 300px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-}
-
-.umds-select__search-container {
-    display: flex;
-    align-items: center;
-    padding: 8px 12px;
-    border-bottom: 1px solid var(--umds-semantic-color-neutral-light-medium);
-    gap: 8px;
-    background-color: var(--umds-semantic-color-background-white);
-}
-
-.umds-select__search-icon {
-    display: flex;
-    align-items: center;
-    color: var(--umds-semantic-color-neutral-dark-up);
-}
-
-.umds-select__search-input {
-    flex: 1;
-    border: none;
-    outline: none;
-    font-size: var(--umds-primitive-font-size-xxs);
-    color: var(--umds-semantic-color-neutral-pure);
-    background: transparent;
-}
-
-/* Inline Search Variant Styles */
-.umds-select--search-inline .umds-select__search-container {
-    padding: 0 12px;
-    height: 48px;
-    border-bottom: 1px solid var(--umds-semantic-color-neutral-light-medium);
-}
-
-.umds-select--search-inline.umds-select--small .umds-select__search-container {
-    height: 32px;
-}
-
-.umds-select--search-inline.umds-select--large .umds-select__search-container {
-    height: 56px;
-}
-
-.umds-select__search-close {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    color: var(--umds-semantic-color-neutral-dark-up);
-    opacity: 0.6;
-    transition: opacity 0.2s;
-}
-
-.umds-select__search-close:hover {
-    opacity: 1;
-}
-
-.umds-select__options {
-    overflow-y: auto;
-    flex: 1;
-    padding: 4px 0;
-}
-
-.umds-select__option {
-    display: flex;
-    align-items: center;
-    padding: 8px 12px;
-    cursor: pointer;
-    transition: background-color 0.1s ease;
-    gap: 8px;
-    color: var(--umds-semantic-color-neutral-pure);
-}
-
-.umds-select__option:hover {
-    background-color: var(--umds-semantic-color-neutral-light-medium);
-}
-
-.umds-select__option--selected {
-    background-color: var(--umds-semantic-color-primary-light);
-    color: var(--umds-semantic-color-neutral-pure);
-    font-weight: var(--umds-primitive-font-weight-semibold);
-}
-
-.umds-select__option--selected:hover {
-    background-color: var(--umds-semantic-color-primary-light);
-}
-
-.umds-select__option-check {
-    display: flex;
-    align-items: center;
-    color: var(--umds-semantic-color-primary-pure);
-}
-
-.umds-select__option-content {
-    flex: 1;
-}
-
-.umds-select__no-options {
-    padding: 16px;
-    text-align: center;
-}
-
-.umds-select__loading-more {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 8px;
-    border-top: 1px solid var(--umds-semantic-color-neutral-light-medium);
-}
-
-/* Tags */
-.umds-select__tags {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 4px;
-}
-
-.umds-select__tag {
-    display: flex;
-    align-items: center;
-    background-color: var(--umds-semantic-color-neutral-light-medium);
-    border-radius: var(--umds-primitive-border-radius-xs);
-    padding: 2px 4px 2px 8px;
-    gap: 4px;
-}
-
-.umds-select__tag-close {
-    cursor: pointer;
-    display: flex;
-    opacity: 0.6;
-}
-
-.umds-select__tag-close:hover {
-    opacity: 1;
-    color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-/* Selected List */
-.umds-select__selected-list {
-    margin-top: 8px;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.umds-select__selected-list-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 12px;
-    background-color: var(--umds-semantic-color-background-light);
-    border: 1px solid var(--umds-semantic-color-neutral-light-medium);
-    border-radius: var(--umds-primitive-border-radius-sm);
-}
-
-.umds-select__list-remove {
-    cursor: pointer;
-    color: var(--umds-semantic-color-neutral-dark-up);
-}
-
-.umds-select__list-remove:hover {
-    color: var(--umds-semantic-color-feedback-negative-pure);
-}

package/dist/components/Select/Select.d.ts

@@ -1,38 +0,0 @@
-import './Select.css';
-export interface SelectOption {
-    label: string;
-    value: any;
-    [key: string]: any;
-}
-export interface SelectProps {
-    label?: string;
-    description?: string;
-    placeholder?: string;
-    options?: SelectOption[];
-    value?: any | any[];
-    multiple?: boolean;
-    searchable?: boolean;
-    autoFocusSearch?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    loading?: boolean;
-    errorMessage?: string;
-    fullWidth?: boolean;
-    size?: "small" | "medium" | "large";
-    pagination?: boolean;
-    hasMore?: boolean;
-    onLoadMore?: () => void;
-    onSearchChange?: (query: string) => void;
-    searchVariant?: "default" | "inline";
-    searchDebounce?: number;
-    cache?: boolean;
-    cacheKey?: string;
-    cacheTime?: number;
-    selectionDisplay?: "text" | "tags" | "list";
-    onChange?: (value: any | any[]) => void;
-    item?: any;
-    className?: string;
-    [key: string]: any;
-}
-declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
-export default Select;