@1doc/1ds-react 0.0.2 → 2.7.1

package/dist/components/Checkbox/Checkbox.css

@@ -1,122 +0,0 @@
-/* Main Container */
-.umds-checkbox {
-    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-checkbox--disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
-/* Input (Hidden visually but accessible) */
-.umds-checkbox__input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-}
-
-/* Control (Box) */
-.umds-checkbox__control {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid var(--umds-semantic-color-neutral-dark-up);
-    border-radius: var(--umds-primitive-border-radius-xxs);
-    background-color: var(--umds-semantic-color-background-white);
-    transition: all 0.2s ease-in-out;
-    flex-shrink: 0;
-}
-
-/* Sizes */
-.umds-checkbox--small .umds-checkbox__control {
-    width: var(--umds-primitive-spacing-xxxs);
-    height: var(--umds-primitive-spacing-xxxs);
-}
-
-.umds-checkbox--medium .umds-checkbox__control {
-    width: 20px;
-    height: 20px;
-}
-
-.umds-checkbox--large .umds-checkbox__control {
-    width: var(--umds-primitive-spacing-xxs);
-    height: var(--umds-primitive-spacing-xxs);
-}
-
-/* Checked State */
-.umds-checkbox--checked .umds-checkbox__control,
-.umds-checkbox--indeterminate .umds-checkbox__control {
-    background-color: var(--umds-semantic-color-primary-pure);
-    border-color: var(--umds-semantic-color-primary-dark);
-    color: var(--umds-semantic-color-neutral-light-pure);
-}
-
-/* Hover State (not disabled) - Default (Unchecked) */
-.umds-checkbox:not(.umds-checkbox--disabled):hover .umds-checkbox__control {
-    border-color: var(--umds-semantic-color-neutral-dark-down);
-}
-
-/* Hover State - Checked/Indeterminate */
-.umds-checkbox--checked:not(.umds-checkbox--disabled):hover .umds-checkbox__control,
-.umds-checkbox--indeterminate:not(.umds-checkbox--disabled):hover .umds-checkbox__control {
-    background-color: var(--umds-semantic-color-primary-dark);
-    border-color: var(--umds-semantic-color-primary-dark);
-}
-
-/* Focus State */
-.umds-checkbox__input:focus+.umds-checkbox__control {
-    /* Using primary medium for focus ring as per standard, unless specified otherwise */
-    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-checkbox--invalid .umds-checkbox__control {
-    border-color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-.umds-checkbox--invalid.umds-checkbox--checked .umds-checkbox__control,
-.umds-checkbox--invalid.umds-checkbox--indeterminate .umds-checkbox__control {
-    background-color: var(--umds-semantic-color-feedback-negative-pure);
-    border-color: var(--umds-semantic-color-feedback-negative-pure);
-}
-
-/* Content (Label + Description) */
-.umds-checkbox__content {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
-/* Adjust top padding if needed to align with box */
-.umds-checkbox--small .umds-checkbox__content {
-    padding-top: 0;
-}
-
-.umds-checkbox__label {
-    /* Styles handled by Text component */
-    display: inline-block;
-}
-
-.umds-checkbox__description {
-    /* Styles handled by Text component */
-    margin-top: 2px;
-}
-
-/* Icon Color Override because Icon component might set its own */
-.umds-checkbox--checked .umds-checkbox__control .umds-icon,
-.umds-checkbox--indeterminate .umds-checkbox__control .umds-icon {
-    color: currentColor;
-    /* Inherit white */
-}
-
-/* CheckButton Variant */
-.umds-checkbox--button {
-    gap: 0;
-}

package/dist/components/Checkbox/Checkbox.d.ts

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

package/dist/components/Checkbox/Checkbox.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Checkbox.css';
-"use client";
-import { useState } from "react";
-import Icon from "../Icon/Icon";
-import Text from "../Text/Text";
-function Checkbox(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-checkbox",
-            `umds-checkbox--${props.size || "medium"}`,
-            props.variant === "button" ? "umds-checkbox--button" : "",
-            props.disabled ? "umds-checkbox--disabled" : "",
-            props.invalid ? "umds-checkbox--invalid" : "",
-            checkedValue ? "umds-checkbox--checked" : "",
-            props.indeterminate ? "umds-checkbox--indeterminate" : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function iconSize() {
-        if (props.size === "small")
-            return "sm";
-        if (props.size === "large")
-            return "lg";
-        return "md";
-    }
-    return (_jsxs("label", { className: classes(), children: [_jsx("input", { type: "checkbox", className: "umds-checkbox__input", checked: isChecked(), disabled: props.disabled, required: props.required, name: props.name, value: props.value, id: props.id, onChange: (event) => handleChange(event) }), _jsxs("span", { className: "umds-checkbox__control", children: [isChecked() && !props.indeterminate ? (_jsx(Icon, { name: "check", size: iconSize() })) : null, props.indeterminate ? _jsx(Icon, { name: "minus", size: iconSize() }) : null] }), (props.label || props.description) && props.variant !== "button" ? (_jsxs("span", { className: "umds-checkbox__content", children: [props.label ? (_jsx(Text, { as: "span", className: "umds-checkbox__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-checkbox__description", children: props.description })) : null] })) : null] }));
-}
-export default Checkbox;

package/dist/components/Divider/Divider.css

@@ -1,81 +0,0 @@
-.umds-divider {
-    border: none;
-    background-color: transparent;
-    margin: 0;
-    flex-shrink: 0;
-    padding: 0;
-}
-
-/* Orientation */
-.umds-divider--horizontal {
-    display: block;
-    width: 100%;
-    border-top: var(--umds-primitive-border-width-hairline) solid var(--umds-semantic-color-neutral-light-down);
-}
-
-.umds-divider--vertical {
-    display: inline-block;
-    height: 100%;
-    min-height: 1em;
-    border-left: var(--umds-primitive-border-width-hairline) solid var(--umds-semantic-color-neutral-light-down);
-    vertical-align: middle;
-}
-
-/* Variants */
-.umds-divider--dashed.umds-divider--horizontal {
-    border-top-style: dashed;
-}
-
-.umds-divider--dashed.umds-divider--vertical {
-    border-left-style: dashed;
-}
-
-.umds-divider--dotted.umds-divider--horizontal {
-    border-top-style: dotted;
-}
-
-.umds-divider--dotted.umds-divider--vertical {
-    border-left-style: dotted;
-}
-
-/* Spacing */
-
-/* Sem espaçamento explícito */
-.umds-divider--spacing-none {
-    margin: 0;
-}
-
-/* Horizontal Spacing */
-.umds-divider--horizontal.umds-divider--spacing-sm {
-    margin-top: var(--umds-primitive-spacing-xs);
-    /* 8px */
-    margin-bottom: var(--umds-primitive-spacing-xs);
-}
-
-.umds-divider--horizontal.umds-divider--spacing-md {
-    margin-top: var(--umds-primitive-spacing-md);
-    /* 16px */
-    margin-bottom: var(--umds-primitive-spacing-md);
-}
-
-.umds-divider--horizontal.umds-divider--spacing-lg {
-    margin-top: var(--umds-primitive-spacing-xl);
-    /* 24px */
-    margin-bottom: var(--umds-primitive-spacing-xl);
-}
-
-/* Vertical Spacing */
-.umds-divider--vertical.umds-divider--spacing-sm {
-    margin-left: var(--umds-primitive-spacing-xs);
-    margin-right: var(--umds-primitive-spacing-xs);
-}
-
-.umds-divider--vertical.umds-divider--spacing-md {
-    margin-left: var(--umds-primitive-spacing-md);
-    margin-right: var(--umds-primitive-spacing-md);
-}
-
-.umds-divider--vertical.umds-divider--spacing-lg {
-    margin-left: var(--umds-primitive-spacing-xl);
-    margin-right: var(--umds-primitive-spacing-xl);
-}

package/dist/components/Divider/Divider.d.ts

@@ -1,18 +0,0 @@
-import './Divider.css';
-/**
- * Divider component to separate content
- * @property {string} orientation - Orientação do divider: 'horizontal' ou 'vertical'
- * @property {string} variant - Estilo da linha: 'solid', 'dashed', 'dotted'
- * @property {string} spacing - Espaçamento ao redor: 'none', 'sm', 'md', 'lg'
- * @property {string | number} thickness - Espessura da linha
- */
-export interface DividerProps {
-    orientation?: "horizontal" | "vertical";
-    variant?: "solid" | "dashed" | "dotted";
-    spacing?: "none" | "sm" | "md" | "lg";
-    thickness?: string | number;
-    className?: string;
-    [key: string]: any;
-}
-declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
-export default Divider;

package/dist/components/Divider/Divider.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './Divider.css';
-function Divider(props) {
-    function classes() {
-        return [
-            "umds-divider",
-            `umds-divider--${props.orientation || "horizontal"}`,
-            `umds-divider--${props.variant || "solid"}`,
-            props.spacing ? `umds-divider--spacing-${props.spacing}` : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function dividerStyle() {
-        const thickness = props.thickness;
-        if (!thickness)
-            return {};
-        const value = typeof thickness === "number" ? `${thickness}px` : thickness;
-        return {
-            "--divider-size": value,
-        };
-    }
-    return (_jsx("hr", { style: dividerStyle(), "aria-orientation": props.orientation || "horizontal", className: classes() }));
-}
-export default Divider;

package/dist/components/Grid/Grid.css

@@ -1,154 +0,0 @@
-/* Base Grid Style - GENERATED FILE - DO NOT EDIT MANUALLY */
-.umds-grid {
-  box-sizing: border-box;
-}
-
-/* Container Styles */
-.umds-grid--container {
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap; /* Default wrap */
-}
-
-/* Flex Properties */
-.umds-grid--wrap-nowrap { flex-wrap: nowrap; }
-.umds-grid--wrap-wrap { flex-wrap: wrap; }
-.umds-grid--wrap-wrap-reverse { flex-wrap: wrap-reverse; }
-
-.umds-grid--direction-row { flex-direction: row; }
-.umds-grid--direction-row-reverse { flex-direction: row-reverse; }
-.umds-grid--direction-column { flex-direction: column; }
-.umds-grid--direction-column-reverse { flex-direction: column-reverse; }
-
-.umds-grid--justify-flex-start { justify-content: flex-start; }
-.umds-grid--justify-center { justify-content: center; }
-.umds-grid--justify-flex-end { justify-content: flex-end; }
-.umds-grid--justify-space-between { justify-content: space-between; }
-.umds-grid--justify-space-around { justify-content: space-around; }
-.umds-grid--justify-space-evenly { justify-content: space-evenly; }
-
-.umds-grid--align-flex-start { align-items: flex-start; }
-.umds-grid--align-center { align-items: center; }
-.umds-grid--align-flex-end { align-items: flex-end; }
-.umds-grid--align-stretch { align-items: stretch; }
-.umds-grid--align-baseline { align-items: baseline; }
-
-/* Item Styles */
-.umds-grid--item {
-  margin: 0;
-}
-
-/* Helper for gap calculation */
-/* Formula: calc(P% - (1 - P/100) * gap) */
-
-/* XS (Mobile / Default) */
-.umds-grid--xs-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--xs-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--xs-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xs-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-
-/* SM */
-@media (min-width: 640px) {
-.umds-grid--sm-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--sm-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--sm-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--sm-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-}
-
-/* MD */
-@media (min-width: 768px) {
-.umds-grid--md-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--md-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--md-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--md-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-}
-
-/* LG */
-@media (min-width: 1024px) {
-.umds-grid--lg-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--lg-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--lg-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--lg-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-}
-
-/* XL */
-@media (min-width: 1280px) {
-.umds-grid--xl-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--xl-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--xl-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xl-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-}
-
-/* XXL */
-@media (min-width: 1536px) {
-.umds-grid--xxl-auto { flex-grow: 1; max-width: none; flex-basis: auto; }
-.umds-grid--xxl-grow { flex-grow: 1; max-width: 100%; flex-basis: 0; }
-.umds-grid--xxl-1 { flex-basis: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(8.333333% - ((0.916667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-2 { flex-basis: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(16.666667% - ((0.833333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-3 { flex-basis: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(25.000000% - ((0.750000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-4 { flex-basis: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(33.333333% - ((0.666667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-5 { flex-basis: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(41.666667% - ((0.583333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-6 { flex-basis: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(50.000000% - ((0.500000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-7 { flex-basis: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(58.333333% - ((0.416667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-8 { flex-basis: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(66.666667% - ((0.333333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-9 { flex-basis: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(75.000000% - ((0.250000) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-10 { flex-basis: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(83.333333% - ((0.166667) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-11 { flex-basis: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(91.666667% - ((0.083333) * var(--umds-grid-gap, 0px))); }
-.umds-grid--xxl-12 { flex-basis: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); flex-grow: 0; max-width: calc(100.000000% - ((0.000000) * var(--umds-grid-gap, 0px))); }
-
-}

package/dist/components/Grid/Grid.d.ts

@@ -1,21 +0,0 @@
-import './Grid.css';
-export interface GridProps {
-    alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
-    children?: any;
-    container?: boolean;
-    direction?: "row" | "row-reverse" | "column" | "column-reverse";
-    item?: boolean;
-    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-    lg?: boolean | number | "auto";
-    md?: boolean | number | "auto";
-    sm?: boolean | number | "auto";
-    spacing?: string;
-    wrap?: "nowrap" | "wrap" | "wrap-reverse";
-    xl?: boolean | number | "auto";
-    xxl?: boolean | number | "auto";
-    xs?: boolean | number | "auto";
-    className?: string;
-    [key: string]: any;
-}
-declare function Grid(props: GridProps): import("react/jsx-runtime").JSX.Element;
-export default Grid;

package/dist/components/Grid/Grid.js

@@ -1,53 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import './Grid.css';
-function Grid(props) {
-    function classes() {
-        const classes = ["umds-grid"];
-        if (props.container) {
-            classes.push("umds-grid--container");
-            if (props.spacing) {
-                classes.push(`umds-grid--spacing-${props.spacing}`);
-            }
-            if (props.wrap)
-                classes.push(`umds-grid--wrap-${props.wrap}`);
-            if (props.direction)
-                classes.push(`umds-grid--direction-${props.direction}`);
-            if (props.justifyContent)
-                classes.push(`umds-grid--justify-${props.justifyContent}`);
-            if (props.alignItems)
-                classes.push(`umds-grid--align-${props.alignItems}`);
-        }
-        if (props.item) {
-            classes.push("umds-grid--item");
-            const sizes = {
-                xs: props.xs,
-                sm: props.sm,
-                md: props.md,
-                lg: props.lg,
-                xl: props.xl,
-                xxl: props.xxl,
-            };
-            Object.entries(sizes).forEach(([key, value]) => {
-                if (value !== undefined) {
-                    const sizeClass = value === true ? "grow" : value;
-                    classes.push(`umds-grid--${key}-${sizeClass}`);
-                }
-            });
-        }
-        if (props.className) {
-            classes.push(props.className);
-        }
-        return classes.filter(Boolean).join(" ");
-    }
-    function style() {
-        const style = {};
-        if (props.container && props.spacing) {
-            const gapValue = `var(--umds-primitive-spacing-${props.spacing})`;
-            style.gap = gapValue;
-            style["--umds-grid-gap"] = gapValue;
-        }
-        return style;
-    }
-    return (_jsx("div", { style: style(), ...props, className: classes(), children: _jsx(_Fragment, { children: props.children }) }));
-}
-export default Grid;

package/dist/components/Icon/Icon.css

@@ -1,55 +0,0 @@
-.umds-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    line-height: 1;
-    position: relative;
-}
-
-.umds-icon svg {
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    vertical-align: -0.125em;
-    margin-right: 0;
-}
-
-.umds-icon svg.svg-inline--fa {
-    font-family: var(--fa-font-awesome);
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-/* Sizes */
-.umds-icon--sm {
-    font-size: 16px;
-}
-
-.umds-icon--md {
-    font-size: 20px;
-}
-
-.umds-icon--lg {
-    font-size: 24px;
-}
-
-/* Variants */
-.umds-icon--primary {
-    color: var(--umds-semantic-color-primary-pure);
-}
-
-.umds-icon--secondary {
-    color: var(--umds-semantic-color-primary-medium);
-}
-
-.umds-icon--neutral {
-    color: var(--umds-semantic-color-neutral-dark-down);
-}
-
-.umds-icon--inherit {
-    color: inherit;
-}

package/dist/components/Icon/Icon.d.ts

@@ -1,13 +0,0 @@
-import './Icon.css';
-export interface IconProps {
-    name?: string;
-    prefix?: "fas" | "far" | "fal" | "fat" | "fad";
-    component?: any;
-    size?: "sm" | "md" | "lg";
-    customSize?: string;
-    variant?: "primary" | "secondary" | "neutral" | "inherit";
-    className?: string;
-    [key: string]: any;
-}
-declare function Icon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export default Icon;