doom-design-system 0.1.11 → 0.1.12
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/package.json +2 -1
|
@@ -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';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "doom-design-system",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"description": "Neubrutalist and comic book inspired design system",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"@vitest/mocker": "^4.0.15",
|
|
47
47
|
"copyfiles": "^2.4.1",
|
|
48
48
|
"eslint-plugin-storybook": "^10.1.4",
|
|
49
|
+
"glob": "^13.0.0",
|
|
49
50
|
"jsdom": "^27.2.0",
|
|
50
51
|
"next": "^15.5.7",
|
|
51
52
|
"publint": "^0.3.16",
|