doom-design-system 0.1.11 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/ActionRow/ActionRow.js +2 -2
- package/dist/components/ActionRow/index.js +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Avatar/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +2 -2
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Form/Form.js +1 -1
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Label/index.js +1 -1
- package/dist/components/Layout/index.js +1 -1
- package/dist/components/Link/index.js +1 -1
- package/dist/components/Modal/Modal.js +3 -3
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/Page/index.js +1 -1
- package/dist/components/Pagination/index.js +1 -1
- package/dist/components/Popover/index.js +1 -1
- package/dist/components/ProgressBar/index.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Sheet/Sheet.js +2 -2
- package/dist/components/Sheet/index.js +1 -1
- package/dist/components/Skeleton/index.js +1 -1
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/Spinner/index.js +1 -1
- package/dist/components/SplitButton/SplitButton.js +1 -1
- package/dist/components/SplitButton/index.js +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Table/Table.js +4 -4
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/Text/index.js +1 -1
- package/dist/components/Textarea/index.js +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/themes/ThemeProvider.js +1 -1
- package/dist/styles/themes/index.js +2 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/vitest.config.js +4 -3
- package/dist/vitest.integration.config.d.ts +2 -0
- package/dist/vitest.integration.config.js +11 -0
- package/package.json +8 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Accordion, AccordionItem } from './Accordion
|
|
1
|
+
export { Accordion, AccordionItem } from './Accordion.js';
|
|
@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { Text } from '../Text/Text
|
|
15
|
-
import { Flex } from '../Layout/Layout
|
|
14
|
+
import { Text } from '../Text/Text.js';
|
|
15
|
+
import { Flex } from '../Layout/Layout.js';
|
|
16
16
|
import { ChevronRight } from 'lucide-react';
|
|
17
17
|
import clsx from 'clsx';
|
|
18
18
|
import styles from './ActionRow.module.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './ActionRow
|
|
1
|
+
export * from './ActionRow.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Alert } from './Alert
|
|
1
|
+
export { Alert } from './Alert.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Avatar } from './Avatar
|
|
1
|
+
export { Avatar } from './Avatar.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Badge
|
|
1
|
+
export * from './Badge.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { Link } from '../Link/Link
|
|
4
|
+
import { Link } from '../Link/Link.js';
|
|
5
5
|
import styles from './Breadcrumbs.module.css';
|
|
6
6
|
export function Breadcrumbs({ children, className }) {
|
|
7
7
|
return (_jsx("nav", { "aria-label": "breadcrumb", className: clsx(styles.nav, className), children: _jsx("ol", { className: styles.list, children: children }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Breadcrumbs, BreadcrumbItem } from './Breadcrumbs
|
|
1
|
+
export { Breadcrumbs, BreadcrumbItem } from './Breadcrumbs.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Button
|
|
1
|
+
export * from './Button.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Card
|
|
1
|
+
export * from './Card.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Checkbox
|
|
1
|
+
export * from './Checkbox.js';
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { createPortal } from "react-dom";
|
|
5
5
|
import { X } from "lucide-react";
|
|
6
|
-
import { Button } from "../Button/Button
|
|
6
|
+
import { Button } from "../Button/Button.js";
|
|
7
7
|
import styles from "./Drawer.module.css";
|
|
8
8
|
import { useEffect, useState } from "react";
|
|
9
9
|
export function Drawer({ isOpen, onClose, title, side = "right", children, footer, className, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Drawer } from './Drawer
|
|
1
|
+
export { Drawer } from './Drawer.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { Button } from '../Button/Button
|
|
5
|
-
import { Popover } from '../Popover/Popover
|
|
4
|
+
import { Button } from '../Button/Button.js';
|
|
5
|
+
import { Popover } from '../Popover/Popover.js';
|
|
6
6
|
import styles from './Dropdown.module.css';
|
|
7
7
|
import { useState } from 'react';
|
|
8
8
|
export function Dropdown({ triggerLabel, items, variant = 'primary', className }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Dropdown
|
|
1
|
+
export * from './Dropdown.js';
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import clsx from 'clsx';
|
|
15
|
-
import { Label } from '../Label/Label
|
|
15
|
+
import { Label } from '../Label/Label.js';
|
|
16
16
|
import styles from './Form.module.css';
|
|
17
17
|
export function Form(_a) {
|
|
18
18
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Form
|
|
1
|
+
export * from './Form.js';
|
|
@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { useState } from 'react';
|
|
15
15
|
import clsx from 'clsx';
|
|
16
|
-
import { Label } from '../Label/Label
|
|
16
|
+
import { Label } from '../Label/Label.js';
|
|
17
17
|
import styles from './Input.module.css';
|
|
18
18
|
export function Input(_a) {
|
|
19
19
|
var { label, error: errorProp, helperText, startAdornment, endAdornment, style, className, format, validate, onBlur, onFocus, value, id, required } = _a, props = __rest(_a, ["label", "error", "helperText", "startAdornment", "endAdornment", "style", "className", "format", "validate", "onBlur", "onFocus", "value", "id", "required"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Input
|
|
1
|
+
export * from './Input.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Label
|
|
1
|
+
export * from './Label.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Layout
|
|
1
|
+
export * from './Layout.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Link
|
|
1
|
+
export * from './Link.js';
|
|
@@ -4,9 +4,9 @@ import React, { useEffect, useRef } from 'react';
|
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
5
|
import { X } from 'lucide-react';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
|
-
import { Card } from '../Card/Card
|
|
8
|
-
import { Button } from '../Button/Button
|
|
9
|
-
import { Flex } from '../Layout/Layout
|
|
7
|
+
import { Card } from '../Card/Card.js';
|
|
8
|
+
import { Button } from '../Button/Button.js';
|
|
9
|
+
import { Flex } from '../Layout/Layout.js';
|
|
10
10
|
import styles from './Modal.module.css';
|
|
11
11
|
const ModalContext = React.createContext({ onClose: () => { } });
|
|
12
12
|
export function ModalHeader({ children, className }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Modal
|
|
1
|
+
export * from './Modal.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Page
|
|
1
|
+
export * from './Page.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Pagination } from './Pagination
|
|
1
|
+
export { Pagination } from './Pagination.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Popover
|
|
1
|
+
export * from './Popover.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './ProgressBar
|
|
1
|
+
export * from './ProgressBar.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { RadioGroup, RadioGroupItem } from './RadioGroup
|
|
1
|
+
export { RadioGroup, RadioGroupItem } from './RadioGroup.js';
|
|
@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { useState, useRef, useEffect, useId } from 'react';
|
|
15
15
|
import clsx from 'clsx';
|
|
16
|
-
import { Text } from '../Text/Text
|
|
17
|
-
import { Popover } from '../Popover/Popover
|
|
16
|
+
import { Text } from '../Text/Text.js';
|
|
17
|
+
import { Popover } from '../Popover/Popover.js';
|
|
18
18
|
import { Check, ChevronDown } from 'lucide-react';
|
|
19
19
|
import styles from './Select.module.css';
|
|
20
20
|
export function Select(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Select
|
|
1
|
+
export * from './Select.js';
|
|
@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
|
-
import { Button } from '../Button/Button
|
|
7
|
-
import { Flex } from '../Layout/Layout
|
|
6
|
+
import { Button } from '../Button/Button.js';
|
|
7
|
+
import { Flex } from '../Layout/Layout.js';
|
|
8
8
|
import styles from './Sheet.module.css';
|
|
9
9
|
import { X } from 'lucide-react';
|
|
10
10
|
export function Sheet({ isOpen, onClose, title, children, className }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Sheet } from './Sheet
|
|
1
|
+
export { Sheet } from './Sheet.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Skeleton
|
|
1
|
+
export * from './Skeleton.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Slider } from './Slider
|
|
1
|
+
export { Slider } from './Slider.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Spinner
|
|
1
|
+
export * from './Spinner.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { Popover } from '../Popover/Popover
|
|
4
|
+
import { Popover } from '../Popover/Popover.js';
|
|
5
5
|
import { ChevronDown } from 'lucide-react';
|
|
6
6
|
import styles from './SplitButton.module.css';
|
|
7
7
|
import { useState } from 'react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './SplitButton
|
|
1
|
+
export * from './SplitButton.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Switch
|
|
1
|
+
export * from './Switch.js';
|
|
@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useReactTable, getCoreRowModel, getSortedRowModel, getPaginationRowModel, getFilteredRowModel, flexRender, } from '@tanstack/react-table';
|
|
5
5
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
6
|
-
import { Input } from '../Input/Input
|
|
7
|
-
import { Select } from '../Select/Select
|
|
8
|
-
import { Flex } from '../Layout/Layout
|
|
9
|
-
import { Pagination } from '../Pagination/Pagination
|
|
6
|
+
import { Input } from '../Input/Input.js';
|
|
7
|
+
import { Select } from '../Select/Select.js';
|
|
8
|
+
import { Flex } from '../Layout/Layout.js';
|
|
9
|
+
import { Pagination } from '../Pagination/Pagination.js';
|
|
10
10
|
import styles from './Table.module.css';
|
|
11
11
|
import React, { useState } from 'react';
|
|
12
12
|
export function Table({ data, columns, enablePagination = true, enableFiltering = true, enableSorting = true, pageSize = 10, height, className, style, variant = 'default', density = 'standard', toolbarContent, striped = false, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Table
|
|
1
|
+
export * from './Table.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Tabs
|
|
1
|
+
export * from './Tabs.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Text
|
|
1
|
+
export * from './Text.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Textarea
|
|
1
|
+
export * from './Textarea.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Toast
|
|
1
|
+
export * from './Toast.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Popover } from '../Popover/Popover
|
|
3
|
+
import { Popover } from '../Popover/Popover.js';
|
|
4
4
|
import styles from './Tooltip.module.css';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
export function Tooltip({ content, children, delay = 200, placement = 'top' }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Tooltip } from './Tooltip
|
|
1
|
+
export { Tooltip } from './Tooltip.js';
|
package/dist/index.js
CHANGED
|
@@ -31,7 +31,7 @@ export * from './components/RadioGroup/index.js';
|
|
|
31
31
|
export * from './components/Slider/index.js';
|
|
32
32
|
export * from './components/Drawer/index.js';
|
|
33
33
|
export * from './components/Sheet/index.js';
|
|
34
|
-
export * from './DesignSystemProvider
|
|
34
|
+
export * from './DesignSystemProvider.js';
|
|
35
35
|
export * from './components/Icon/index.js';
|
|
36
36
|
export * from './components/Checkbox/index.js';
|
|
37
37
|
export * from './components/Spinner/index.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { createContext, useContext, useState, useEffect } from 'react';
|
|
4
|
-
import { themes } from './definitions
|
|
4
|
+
import { themes } from './definitions.js';
|
|
5
5
|
const ThemeContext = createContext(undefined);
|
|
6
6
|
export function ThemeProvider({ children, initialTheme, onThemeChange }) {
|
|
7
7
|
var _a;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './definitions
|
|
2
|
-
export * from './ThemeProvider
|
|
1
|
+
export * from './definitions.js';
|
|
2
|
+
export * from './ThemeProvider.js';
|