@dbcdk/react-components 0.0.95 → 0.0.97

package/dist/components/tabs/Tabs.js

@@ -1,125 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, isValidElement, useCallback, useEffect, useId, useMemo, useState, } from 'react';
-import styles from './Tabs.module.css';
-import { Chip } from '../chip/Chip';
-import { Headline } from '../headline/Headline';
-const TabsItem = (_props) => {
-    // This never renders directly; parent consumes it.
-    return _jsx(_Fragment, {});
-};
-TabsItem.__TABS_SLOT__ = 'Item';
-function getFirstEnabledId(items) {
-    var _a;
-    return (_a = items.find(t => !t.hidden && !t.disabled)) === null || _a === void 0 ? void 0 : _a.id;
-}
-function normalizeFromChildren(children) {
-    const items = [];
-    Children.forEach(children, child => {
-        if (!isValidElement(child))
-            return;
-        const t = child.type;
-        if ((t === null || t === void 0 ? void 0 : t.__TABS_SLOT__) !== 'Item')
-            return;
-        const props = child.props;
-        items.push({
-            id: props.id,
-            header: props.header,
-            headerIcon: props.headerIcon,
-            disabled: props.disabled,
-            hidden: props.hidden,
-            badge: props.badge,
-            content: props.children,
-        });
-    });
-    return items;
-}
-export function Tabs({ header, subheader, variant, panelStyle = false, tabs, value, defaultValue, onValueChange, addition, disableTopPadding, children, }) {
-    const uid = useId();
-    // Data API wins if provided; otherwise parse <Tabs.Item>
-    const sourceTabs = useMemo(() => {
-        if (tabs && tabs.length)
-            return tabs;
-        return normalizeFromChildren(children);
-    }, [tabs, children]);
-    const visibleTabs = useMemo(() => sourceTabs.filter(t => !t.hidden), [sourceTabs]);
-    const isControlled = value !== undefined;
-    const [internalValue, setInternalValue] = useState(() => {
-        return defaultValue !== null && defaultValue !== void 0 ? defaultValue : getFirstEnabledId(visibleTabs);
-    });
-    const currentValue = isControlled ? value : internalValue;
-    const activeIndex = useMemo(() => {
-        if (!visibleTabs.length)
-            return -1;
-        const idx = visibleTabs.findIndex(t => t.id === currentValue);
-        return idx >= 0 ? idx : 0;
-    }, [visibleTabs, currentValue]);
-    const activeTab = activeIndex >= 0 ? visibleTabs[activeIndex] : undefined;
-    const setValue = useCallback((nextId) => {
-        const idx = visibleTabs.findIndex(t => t.id === nextId);
-        const tab = idx >= 0 ? visibleTabs[idx] : undefined;
-        if (!tab || tab.disabled)
-            return;
-        if (!isControlled)
-            setInternalValue(nextId);
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextId, tab, idx);
-    }, [visibleTabs, isControlled, onValueChange]);
-    // If current tab disappears (hidden/removed) or becomes disabled, recover to first enabled.
-    useEffect(() => {
-        if (!visibleTabs.length)
-            return;
-        const current = currentValue;
-        const stillValid = visibleTabs.some(t => t.id === current && !t.disabled);
-        if (stillValid)
-            return;
-        const next = getFirstEnabledId(visibleTabs);
-        if (next === undefined)
-            return;
-        setValue(next);
-        // setValue already calls onValueChange; fine.
-        // For controlled usage, parent should update `value` accordingly.
-        // If parent doesn't, it will remain "stuck" by design.
-    }, [visibleTabs, currentValue, setValue]);
-    // Keyboard: roving tabindex + select-on-arrow
-    const onKeyDownTab = useCallback((e, index) => {
-        var _a;
-        const enabled = visibleTabs.filter(t => !t.disabled);
-        if (!enabled.length)
-            return;
-        // Map current index -> enabled index
-        const currentId = (_a = visibleTabs[index]) === null || _a === void 0 ? void 0 : _a.id;
-        const currentEnabledIndex = enabled.findIndex(t => t.id === currentId);
-        const focusAndSelect = (enabledIndex) => {
-            const nextTab = enabled[enabledIndex];
-            if (!nextTab)
-                return;
-            const btn = document.getElementById(`${uid}-tab-${String(nextTab.id)}`);
-            btn === null || btn === void 0 ? void 0 : btn.focus();
-            setValue(nextTab.id);
-        };
-        if (e.key === 'ArrowRight') {
-            e.preventDefault();
-            focusAndSelect((currentEnabledIndex + 1) % enabled.length);
-        }
-        else if (e.key === 'ArrowLeft') {
-            e.preventDefault();
-            focusAndSelect((currentEnabledIndex - 1 + enabled.length) % enabled.length);
-        }
-        else if (e.key === 'Home') {
-            e.preventDefault();
-            focusAndSelect(0);
-        }
-        else if (e.key === 'End') {
-            e.preventDefault();
-            focusAndSelect(enabled.length - 1);
-        }
-    }, [uid, visibleTabs, setValue]);
-    return (_jsxs("div", { className: styles.root, children: [header ? (_jsx("div", { className: [styles.headerContainer, disableTopPadding ? styles.disableTopPadding : '']
-                    .filter(Boolean)
-                    .join(' '), children: _jsx(Headline, { disableMargin: true, size: 2, subheader: subheader, addition: addition, children: header }) })) : null, _jsxs("div", { className: `${styles.tabs} ${styles[variant]} ${panelStyle ? styles.panelStyle : ''}`, children: [_jsx("div", { className: styles.tabList, role: "tablist", "aria-label": header !== null && header !== void 0 ? header : 'Tabs', children: visibleTabs.map((tab, index) => {
-                            const selected = index === activeIndex;
-                            const tabDomId = `${uid}-tab-${String(tab.id)}`;
-                            const panelDomId = `${uid}-panel-${String(tab.id)}`;
-                            return (_jsx("div", { className: `${styles.tab} ${selected ? styles.active : ''}`, children: _jsxs("button", { id: tabDomId, type: "button", className: styles.tabButton, role: "tab", "aria-selected": selected, "aria-controls": panelDomId, tabIndex: selected ? 0 : -1, disabled: tab.disabled, onClick: () => setValue(tab.id), onKeyDown: e => onKeyDownTab(e, index), children: [tab.headerIcon ? _jsx("span", { className: styles.icon, children: tab.headerIcon }) : null, _jsx("span", { className: styles.label, children: tab.header }), tab.badge ? (_jsx("span", { className: styles.badge, children: _jsx(Chip, { size: "sm", children: tab.badge.toLocaleString('da-DK') }) })) : null] }) }, tab.id));
-                        }) }), _jsx("div", { id: activeTab ? `${uid}-panel-${String(activeTab.id)}` : undefined, role: "tabpanel", "aria-labelledby": activeTab ? `${uid}-tab-${String(activeTab.id)}` : undefined, className: styles.tabContent, children: activeTab === null || activeTab === void 0 ? void 0 : activeTab.content })] })] }));
-}
-Tabs.Item = TabsItem;

package/dist/components/tabs/Tabs.module.css

@@ -1,204 +0,0 @@
-.root {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  overflow: auto;
-}
-
-.headerContainer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-block: var(--spacing-lg);
-  gap: var(--spacing-md);
-}
-
-.headerContainer.disableTopPadding {
-  padding-block-start: 0;
-}
-
-/* Outer wrapper for tablist + content */
-.tabs {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  overflow: hidden;
-  min-height: 0;
-}
-
-/* Tablist */
-.tabList {
-  display: flex;
-  flex-wrap: wrap;
-  min-width: 0;
-}
-
-/* Individual tab wrapper */
-.tab {
-  display: flex;
-  flex-direction: column;
-  border-radius: 0;
-  border-block-end: 2px solid var(--color-border-default);
-}
-
-.active {
-  border-block-end-color: var(--color-brand);
-}
-
-/* Button */
-.tabButton {
-  font-size: var(--font-size-sm);
-  color: inherit;
-
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-xs);
-
-  white-space: nowrap;
-
-  background: none;
-  border: 0;
-  border-radius: 0;
-
-  padding-block: var(--spacing-sm);
-  padding-inline: var(--spacing-md);
-
-  cursor: pointer;
-
-  transition:
-    color var(--transition-fast) var(--ease-standard),
-    background-color var(--transition-fast) var(--ease-standard),
-    border-color var(--transition-fast) var(--ease-standard);
-}
-
-.tabButton:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-}
-
-.tabButton:disabled {
-  cursor: not-allowed;
-  color: var(--color-disabled-fg);
-}
-
-/* Icon + label */
-.icon {
-  display: inline-flex;
-  align-items: center;
-  color: inherit;
-}
-
-.icon svg {
-  inline-size: var(--icon-size-md);
-  block-size: var(--icon-size-md);
-}
-
-.label {
-  display: inline-block;
-}
-
-.badge {
-  display: inline-flex;
-  align-items: center;
-}
-
-/* Content panel */
-.tabContent {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow: auto;
-}
-
-/* =========================
-   Filled variant
-   ========================= */
-
-.filled {
-  gap: 0;
-}
-
-.filled .tabList {
-  border-start-start-radius: var(--border-radius-default);
-  border-start-end-radius: var(--border-radius-default);
-  inline-size: fit-content;
-}
-
-.filled .tab {
-  border: var(--border-width-thin) solid transparent;
-  border-block-end: 0;
-  color: var(--color-fg-muted);
-  z-index: 3;
-  border-start-start-radius: var(--border-radius-default);
-  border-start-end-radius: var(--border-radius-default);
-  transition:
-    background-color var(--transition-fast) var(--ease-standard),
-    color var(--transition-fast) var(--ease-standard),
-    border-color var(--transition-fast) var(--ease-standard);
-}
-
-.filled .tab:not(.active):hover {
-  color: var(--color-brand);
-}
-
-.filled .tab.active {
-  background: var(--opac-bg-brand);
-  color: var(--color-brand);
-  border-color: var(--opac-bg-dark);
-}
-
-.filled .tabContent {
-  border: var(--border-width-thin) solid var(--opac-bg-dark);
-  background: var(--color-bg-surface);
-  padding: var(--spacing-lg);
-}
-
-/* =========================
-   Outlined variant
-   ========================= */
-
-.outlined {
-  gap: var(--spacing-md);
-}
-
-.outlined .tab {
-  color: var(--color-fg-muted);
-  border-block-end: 2px solid var(--color-border-default);
-  transition: color var(--transition-fast) var(--ease-standard);
-}
-
-.outlined .tab:not(.active):hover {
-  color: var(--color-brand);
-}
-
-.outlined .tab.active {
-  color: var(--color-brand);
-  border-block-end-color: var(--color-brand);
-}
-
-.outlined .tabContent {
-  background: transparent;
-  padding: 0;
-}
-
-/* =========================
-   Panel style modifier
-   ========================= */
-
-.panelStyle .tabList {
-  border: var(--border-width-thin) solid var(--color-border-default);
-  border-block-end: 0;
-}
-
-/* When panelStyle is on, tabs look “embedded” (no bottom border indicators) */
-.panelStyle .tab {
-  border-block-end: 0;
-}
-
-/* In filled mode, keep the filled content panel visuals (already handled above).
-   In outlined mode with panelStyle, give the content a panel container too. */
-.panelStyle.outlined .tabContent {
-  border: var(--border-width-thin) solid var(--color-border-default);
-  background: var(--color-bg-surface);
-  padding: var(--spacing-lg);
-}

package/dist/components/theme-button/ThemeButton.js

@@ -1,23 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Monitor, Moon, Palette, Sun } from 'lucide-react';
-import { Button } from '../../components/button/Button';
-import { Menu } from '../../components/menu/Menu';
-import { Popover } from '../../components/popover/Popover';
-import { useTheme } from '../../hooks/useTheme';
-const THEME_OPTIONS = [
-    { value: 'system', label: 'System', icon: _jsx(Monitor, { size: 16 }) },
-    { value: 'light', label: 'Lyst', icon: _jsx(Sun, { size: 16 }) },
-    { value: 'dark', label: 'Mørkt', icon: _jsx(Moon, { size: 16 }) },
-];
-export function ThemeMenuSection() {
-    const { theme, switchTheme } = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsx(Menu.Header, { children: "Udseende" }), THEME_OPTIONS.map(option => (_jsx(Menu.RadioItem, { name: "theme", value: option.value, checked: theme === option.value, label: option.label, onValueChange: value => switchTheme(value) }, option.value)))] }));
-}
-export function ThemeButton({ size, variant = 'outlined' }) {
-    const { theme, switchTheme } = useTheme();
-    return (_jsx(Popover, { matchTriggerWidth: false, minWidth: "140px", trigger: (handleClick, chevron) => (_jsxs(Button, { variant: variant, size: size, onClick: handleClick, "aria-label": "Skift tema", "aria-haspopup": "menu", children: [_jsx(Palette, {}), chevron] })), children: close => (_jsxs(Menu, { children: [_jsx(Menu.Header, { children: "Udseende" }), THEME_OPTIONS.map(option => (_jsx(Menu.Item, { active: theme === option.value, children: _jsxs("button", { onClick: () => {
-                            switchTheme(option.value);
-                            close();
-                        }, children: [option.icon, option.label] }) }, option.value)))] })) }));
-}

package/dist/components/toast/Toast.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from 'lucide-react';
-import styles from './Toast.module.css';
-import { Button } from '../button/Button';
-import { Headline } from '../headline/Headline';
-export function Toast({ title, subheader, message, severity = 'info', action, onClose, }) {
-    const showHeader = Boolean(title);
-    const showMessage = Boolean(message);
-    const canClose = severity !== 'neutral';
-    const isDismissibleNeutral = severity === 'neutral' && Boolean(onClose);
-    const CloseButton = onClose && canClose ? (_jsx(Button, { type: "button", variant: "inline", shape: "round", className: styles.closeButton, "aria-label": "Dismiss notification", onClick: onClose, children: _jsx(X, { className: styles.closeIcon, "aria-hidden": "true" }) })) : null;
-    return (_jsxs("div", { className: `${styles.toast} ${styles[severity]} ${isDismissibleNeutral ? styles.dismissibleNeutral : ''}`, role: "status", onClick: isDismissibleNeutral ? onClose : undefined, onKeyDown: isDismissibleNeutral
-            ? e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    onClose === null || onClose === void 0 ? void 0 : onClose();
-                }
-            }
-            : undefined, tabIndex: isDismissibleNeutral ? 0 : undefined, "aria-label": isDismissibleNeutral ? 'Luk notifikation' : undefined, children: [_jsxs("div", { className: styles.content, children: [showHeader && (_jsxs("div", { className: styles.row, children: [_jsx(Headline, { size: 4, severity: severity, disableMargin: true, subheader: subheader, children: title }), CloseButton] })), showMessage && (_jsxs("div", { className: styles.row, children: [_jsx("div", { className: styles.message, children: message }), !showHeader && CloseButton] }))] }), action && (_jsx("div", { className: styles.actions, children: _jsx(Button, { type: "button", variant: "primary", onClick: action.onClick, children: action.label }) }))] }));
-}

package/dist/components/toast/Toast.module.css

@@ -1,161 +0,0 @@
-.container {
-  position: fixed;
-  inset-inline-end: var(--spacing-lg);
-  inset-block-start: var(--spacing-lg);
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xs);
-  z-index: var(--z-toast);
-  min-width: 280px;
-  word-break: break-word;
-}
-
-@media (max-width: 640px) {
-  .container {
-    inset-inline: var(--spacing-md);
-    inset-block-end: var(--spacing-md);
-  }
-}
-
-.toast {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xs);
-  padding: var(--spacing-xs) var(--spacing-md);
-  border-radius: var(--border-radius-md);
-  box-shadow: var(--shadow-md);
-  background-color: var(--color-bg-surface);
-  border: var(--border-width-thin) solid var(--color-border-default);
-  font-family: var(--font-family);
-  max-width: 360px;
-  animation: toast-enter var(--transition-normal) var(--ease-standard);
-  border-left-width: var(--border-width-thick);
-}
-
-/* Severity accents */
-.info {
-  border-left-color: var(--color-status-info-border);
-}
-
-.brand {
-  border-left-color: var(--color-brand);
-}
-
-.success {
-  border-left-color: var(--color-status-success-border);
-}
-
-.warning {
-  border-left-color: var(--color-status-warning-border);
-}
-
-.error {
-  border-left-color: var(--color-status-error-border);
-}
-
-.neutral {
-  background-color: var(--color-bg-inverse);
-  color: var(--color-fg-inverse);
-  border-left-width: 0;
-  min-width: 50px;
-  max-width: 200px;
-  width: fit-content;
-  align-self: flex-end;
-}
-
-.dismissibleNeutral {
-  cursor: pointer;
-  transition:
-    background-color var(--transition-fast) var(--ease-standard),
-    transform 60ms ease;
-}
-
-.dismissibleNeutral:hover {
-  background-color: color-mix(in srgb, var(--color-bg-inverse) 92%, white);
-}
-
-.dismissibleNeutral:active {
-  transform: translateY(1px);
-}
-
-.dismissibleNeutral:focus-visible {
-  outline: 2px solid var(--color-fg-inverse);
-  outline-offset: 2px;
-}
-
-/* Layout */
-.content {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xxs);
-}
-
-.row {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-xs);
-  min-width: 0;
-}
-
-/* Long-text handling suitable for toasts */
-.title,
-.message {
-  min-width: 0;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-  white-space: normal;
-}
-
-/* Optional: clamp to avoid giant toasts */
-.title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-tight);
-
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
-
-.message {
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-normal);
-
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-  overflow: hidden;
-}
-
-/* Close button stays aligned at the end of the row */
-.closeButton {
-  margin-inline-start: auto;
-  flex: 0 0 auto;
-  align-self: flex-start;
-}
-
-.closeIcon {
-  width: var(--icon-size-sm);
-  height: var(--icon-size-sm);
-}
-
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-xs);
-}
-
-/* Simple enter animation */
-@keyframes toast-enter {
-  from {
-    opacity: 0;
-    transform: translateY(6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}

package/dist/components/toast/provider/ToastProvider.js

@@ -1,70 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useState, useRef, useEffect, } from 'react';
-import { Toast } from '../Toast';
-import styles from '../Toast.module.css';
-const ToastContext = createContext(undefined);
-export function ToastProvider({ children, defaultDuration = 4000, }) {
-    const [toasts, setToasts] = useState([]);
-    const timeouts = useRef(new Map());
-    const clearTimeoutForId = (id) => {
-        const timeoutId = timeouts.current.get(id);
-        if (timeoutId) {
-            window.clearTimeout(timeoutId);
-            timeouts.current.delete(id);
-        }
-    };
-    const hideToast = useCallback((id) => {
-        clearTimeoutForId(id);
-        setToasts(prev => prev.filter(t => t.id !== id));
-    }, []);
-    const scheduleAutoDismiss = useCallback((toast) => {
-        var _a;
-        const duration = (_a = toast.duration) !== null && _a !== void 0 ? _a : defaultDuration;
-        if (!duration || duration <= 0)
-            return;
-        clearTimeoutForId(toast.id);
-        const timeoutId = window.setTimeout(() => {
-            hideToast(toast.id);
-        }, duration);
-        timeouts.current.set(toast.id, timeoutId);
-    }, [defaultDuration, hideToast]);
-    const showToast = useCallback((config) => {
-        var _a, _b, _c;
-        const id = (_c = (_a = config.id) !== null && _a !== void 0 ? _a : (_b = crypto.randomUUID) === null || _b === void 0 ? void 0 : _b.call(crypto)) !== null && _c !== void 0 ? _c : `${Date.now()}-${Math.random()}`;
-        const toast = { ...config, id };
-        setToasts(prev => [...prev, toast]);
-        scheduleAutoDismiss(toast);
-        return id;
-    }, [scheduleAutoDismiss]);
-    const clearToasts = useCallback(() => {
-        timeouts.current.forEach(timeoutId => window.clearTimeout(timeoutId));
-        timeouts.current.clear();
-        setToasts([]);
-    }, []);
-    useEffect(() => () => {
-        timeouts.current.forEach(timeoutId => window.clearTimeout(timeoutId));
-        timeouts.current.clear();
-    }, []);
-    return (_jsxs(ToastContext.Provider, { value: { showToast, hideToast, clearToasts }, children: [children, toasts.length > 0 && (_jsx("div", { className: styles.container, "aria-live": "polite", "aria-atomic": "false", children: toasts.map(toast => {
-                    var _a;
-                    return (_jsx(Toast, { title: toast.title, message: toast.message, severity: (_a = toast.severity) !== null && _a !== void 0 ? _a : 'info', action: toast.action && {
-                            label: toast.action.label,
-                            onClick: () => {
-                                var _a, _b;
-                                (_b = (_a = toast.action) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
-                                hideToast(toast.id);
-                            },
-                        }, onClose: () => hideToast(toast.id) }, toast.id));
-                }) }))] }));
-}
-export function useToast() {
-    const ctx = useContext(ToastContext);
-    if (!ctx) {
-        throw new Error('useToast must be used within a ToastProvider');
-    }
-    return ctx;
-}
-export function useOptionalToast() {
-    return useContext(ToastContext);
-}

package/dist/components/user-display/UserDisplay.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './UserDisplay.module.css';
-import { Avatar } from '../avatar/Avatar';
-export function UserDisplay({ name, email, role, avatarUrl }) {
-    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { children: _jsx(Avatar, { imgSrc: avatarUrl, imgAlt: name, fullName: name, size: "xl" }) }), _jsxs("div", { className: styles.userInfo, children: [_jsx("h4", { children: name }), _jsx("p", { children: email }), _jsx("p", { children: role })] })] }));
-}

package/dist/components/user-display/UserDisplay.module.css

@@ -1,25 +0,0 @@
-.container {
-  display: flex;
-  gap: var(--spacing-sm);
-  align-items: center;
-  padding: var(--spacing-xs);
-  background-color: var(--opac-bg-light);
-}
-
-.userInfo {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: var(--spacing-sm);
-  flex-grow: 0;
-  color: var(--color-fg-muted);
-}
-
-.userInfo h4 {
-  color: var(--color-fg-default);
-  margin: 0;
-}
-
-.userInfo p {
-  margin: 0;
-}

package/dist/constants/severity.js

@@ -1,24 +0,0 @@
-export const SeverityBgColor = {
-    neutral: 'var(--color-neutral-strong)',
-    brand: 'var(--color-brand)',
-    success: 'var(--color-status-success)',
-    error: 'var(--color-status-error)',
-    info: 'var(--color-status-info)',
-    warning: 'var(--color-status-warning)',
-};
-export const SeverityBorderColor = {
-    neutral: 'var(--color-neutral-strong)',
-    brand: 'var(--color-brand)',
-    success: 'var(--color-status-success-border)',
-    error: 'var(--color-status-error-border)',
-    info: 'var(--color-status-info-border)',
-    warning: 'var(--color-status-warning-border)',
-};
-export const SeverityTextColor = {
-    neutral: 'var(--color-neutral-strong-fg)',
-    brand: 'var(--color-fg-on-brand)',
-    success: 'var(--color-status-success-fg)',
-    error: 'var(--color-status-error-fg)',
-    info: 'var(--color-status-info-fg)',
-    warning: 'var(--color-status-warning-fg)',
-};

package/dist/constants/severity.types.js

@@ -1 +0,0 @@
-export {};

package/dist/constants/sizes.js

@@ -1,7 +0,0 @@
-export const sizes = {
-    xs: 'var(--component-size-xs)',
-    sm: 'var(--component-size-sm)',
-    md: 'var(--component-size-md)',
-    lg: 'var(--component-size-lg)',
-    xl: 'var(--component-size-xl)',
-};