@max-ts/kit 0.0.2
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/lib/components/Button/Button.d.ts +11 -0
- package/lib/components/Button/button.css.d.ts +5 -0
- package/lib/components/Button/index.d.ts +1 -0
- package/lib/components/Button/types.d.ts +2 -0
- package/lib/components/ButtonGroup/ButtonGroup.d.ts +17 -0
- package/lib/components/ButtonGroup/buttonGroup.css.d.ts +3 -0
- package/lib/components/ButtonGroup/index.d.ts +1 -0
- package/lib/components/Card/Card.d.ts +8 -0
- package/lib/components/Card/card.css.d.ts +6 -0
- package/lib/components/Card/index.d.ts +1 -0
- package/lib/components/Checkbox/Checkbox.d.ts +3 -0
- package/lib/components/Checkbox/checkbox.css.d.ts +3 -0
- package/lib/components/Checkbox/index.d.ts +1 -0
- package/lib/components/CircularProgress/CircularProgress.d.ts +10 -0
- package/lib/components/CircularProgress/index.d.ts +1 -0
- package/lib/components/CircularProgress/styles.css.d.ts +5 -0
- package/lib/components/ConfirmAction/ConfirmAction.d.ts +39 -0
- package/lib/components/ConfirmAction/index.d.ts +1 -0
- package/lib/components/ConfirmAction/styles.css.d.ts +4 -0
- package/lib/components/ConfirmAction/useLogic.d.ts +9 -0
- package/lib/components/ContentState/ContentState.d.ts +34 -0
- package/lib/components/ContentState/index.d.ts +2 -0
- package/lib/components/ContentState/styles.css.d.ts +1 -0
- package/lib/components/ContentState/types.d.ts +24 -0
- package/lib/components/CopyTypography/CopyTypography.d.ts +17 -0
- package/lib/components/CopyTypography/enums.d.ts +5 -0
- package/lib/components/CopyTypography/index.d.ts +1 -0
- package/lib/components/CopyTypography/styles.css.d.ts +2 -0
- package/lib/components/CopyTypography/useLogic/index.d.ts +1 -0
- package/lib/components/CopyTypography/useLogic/useLogic.d.ts +12 -0
- package/lib/components/DataGrid/Body/Body.d.ts +5 -0
- package/lib/components/DataGrid/Body/index.d.ts +1 -0
- package/lib/components/DataGrid/Body/styles.css.d.ts +1 -0
- package/lib/components/DataGrid/Cell/Cell.d.ts +8 -0
- package/lib/components/DataGrid/Cell/index.d.ts +1 -0
- package/lib/components/DataGrid/Cell/styles.css.d.ts +2 -0
- package/lib/components/DataGrid/DataGrid.d.ts +23 -0
- package/lib/components/DataGrid/Footer/Footer.d.ts +5 -0
- package/lib/components/DataGrid/Footer/index.d.ts +1 -0
- package/lib/components/DataGrid/Footer/styles.css.d.ts +1 -0
- package/lib/components/DataGrid/Header/Header.d.ts +9 -0
- package/lib/components/DataGrid/Header/index.d.ts +1 -0
- package/lib/components/DataGrid/Header/styles.css.d.ts +1 -0
- package/lib/components/DataGrid/HeaderCell/HeaderCell.d.ts +8 -0
- package/lib/components/DataGrid/HeaderCell/index.d.ts +1 -0
- package/lib/components/DataGrid/HeaderCell/styles.css.d.ts +1 -0
- package/lib/components/DataGrid/Row/Row.d.ts +11 -0
- package/lib/components/DataGrid/Row/index.d.ts +1 -0
- package/lib/components/DataGrid/Row/styles.css.d.ts +2 -0
- package/lib/components/DataGrid/State/State.d.ts +10 -0
- package/lib/components/DataGrid/State/index.d.ts +1 -0
- package/lib/components/DataGrid/State/styles.css.d.ts +2 -0
- package/lib/components/DataGrid/constants.d.ts +1 -0
- package/lib/components/DataGrid/index.d.ts +2 -0
- package/lib/components/DataGrid/styles.css.d.ts +5 -0
- package/lib/components/DataGrid/types.d.ts +24 -0
- package/lib/components/DataGridActionCell/DataGridActionCell.d.ts +22 -0
- package/lib/components/DataGridActionCell/MainAction/MainAction.d.ts +22 -0
- package/lib/components/DataGridActionCell/MainAction/MainIconButton/MainIconButton.d.ts +21 -0
- package/lib/components/DataGridActionCell/MainAction/MainIconButton/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/MainAction/MainIconButton/useLogic/useLogic.d.ts +10 -0
- package/lib/components/DataGridActionCell/MainAction/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.d.ts +22 -0
- package/lib/components/DataGridActionCell/SecondaryAction/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/styles.css.d.ts +1 -0
- package/lib/components/DataGridActionCell/types.d.ts +100 -0
- package/lib/components/DataGridActionCell/useLogic/index.d.ts +1 -0
- package/lib/components/DataGridActionCell/useLogic/useLogic.d.ts +10 -0
- package/lib/components/DataGridSortHeader/DataGridSortHeader.d.ts +9 -0
- package/lib/components/DataGridSortHeader/index.d.ts +2 -0
- package/lib/components/DataGridSortHeader/styles.css.d.ts +2 -0
- package/lib/components/DataGridSortHeader/types.d.ts +4 -0
- package/lib/components/DataList/DataList.d.ts +55 -0
- package/lib/components/DataList/EndData/EndData.d.ts +5 -0
- package/lib/components/DataList/EndData/constants.d.ts +1 -0
- package/lib/components/DataList/EndData/index.d.ts +1 -0
- package/lib/components/DataList/EndData/styles.css.d.ts +1 -0
- package/lib/components/DataList/ErrorState/ErrorState.d.ts +5 -0
- package/lib/components/DataList/ErrorState/constants.d.ts +1 -0
- package/lib/components/DataList/ErrorState/index.d.ts +1 -0
- package/lib/components/DataList/ErrorState/styles.css.d.ts +1 -0
- package/lib/components/DataList/Loader/Loader.d.ts +1 -0
- package/lib/components/DataList/Loader/index.d.ts +1 -0
- package/lib/components/DataList/Loader/styles.css.d.ts +1 -0
- package/lib/components/DataList/NoData/NoData.d.ts +5 -0
- package/lib/components/DataList/NoData/constants.d.ts +1 -0
- package/lib/components/DataList/NoData/index.d.ts +1 -0
- package/lib/components/DataList/ScrollToTopButton/ScrollToTopButton.d.ts +5 -0
- package/lib/components/DataList/ScrollToTopButton/index.d.ts +1 -0
- package/lib/components/DataList/ScrollToTopButton/styles.css.d.ts +2 -0
- package/lib/components/DataList/constants.d.ts +2 -0
- package/lib/components/DataList/index.d.ts +1 -0
- package/lib/components/DataList/styles.css.d.ts +2 -0
- package/lib/components/Description/Description.d.ts +34 -0
- package/lib/components/Description/DescriptionContext/DescriptionContext.d.ts +6 -0
- package/lib/components/Description/DescriptionContext/DescriptionContextProvider/DescriptionContextProvider.d.ts +7 -0
- package/lib/components/Description/DescriptionContext/DescriptionContextProvider/index.d.ts +1 -0
- package/lib/components/Description/DescriptionContext/index.d.ts +2 -0
- package/lib/components/Description/Name/Name.d.ts +3 -0
- package/lib/components/Description/Name/index.d.ts +1 -0
- package/lib/components/Description/Name/styles.css.d.ts +3 -0
- package/lib/components/Description/Value/Value.d.ts +22 -0
- package/lib/components/Description/Value/index.d.ts +1 -0
- package/lib/components/Description/Value/styles.css.d.ts +3 -0
- package/lib/components/Description/Value/useLogic/index.d.ts +1 -0
- package/lib/components/Description/Value/useLogic/useLogic.d.ts +9 -0
- package/lib/components/Description/constants.d.ts +3 -0
- package/lib/components/Description/index.d.ts +2 -0
- package/lib/components/Description/styles.css.d.ts +3 -0
- package/lib/components/Description/useLogic/index.d.ts +1 -0
- package/lib/components/Description/useLogic/useLogic.d.ts +9 -0
- package/lib/components/Dialog/Dialog.d.ts +10 -0
- package/lib/components/Dialog/index.d.ts +1 -0
- package/lib/components/Dialog/styles.css.d.ts +9 -0
- package/lib/components/DropdownMenu/DropdownMenu.d.ts +24 -0
- package/lib/components/DropdownMenu/index.d.ts +1 -0
- package/lib/components/DropdownMenu/styles.css.d.ts +12 -0
- package/lib/components/ImageCarousel/ImageCarousel.d.ts +10 -0
- package/lib/components/ImageCarousel/index.d.ts +1 -0
- package/lib/components/ImageCarousel/styles.css.d.ts +9 -0
- package/lib/components/Input/Input.d.ts +11 -0
- package/lib/components/Input/index.d.ts +1 -0
- package/lib/components/Input/styles.css.d.ts +12 -0
- package/lib/components/Label/Label.d.ts +5 -0
- package/lib/components/Label/index.d.ts +1 -0
- package/lib/components/Label/label.css.d.ts +2 -0
- package/lib/components/Placeholder/Image/Image.d.ts +6 -0
- package/lib/components/Placeholder/Image/index.d.ts +1 -0
- package/lib/components/Placeholder/Image/styles.css.d.ts +3 -0
- package/lib/components/Placeholder/Placeholder.d.ts +40 -0
- package/lib/components/Placeholder/constants.d.ts +22 -0
- package/lib/components/Placeholder/index.d.ts +3 -0
- package/lib/components/Placeholder/styles.css.d.ts +6 -0
- package/lib/components/Placeholder/types.d.ts +1 -0
- package/lib/components/Popover/Popover.d.ts +2 -0
- package/lib/components/Popover/PopoverContent.d.ts +3 -0
- package/lib/components/Popover/index.d.ts +2 -0
- package/lib/components/Popover/styles.css.d.ts +1 -0
- package/lib/components/RangeInput/RangeInput.d.ts +16 -0
- package/lib/components/RangeInput/index.d.ts +1 -0
- package/lib/components/RangeInput/styles.css.d.ts +7 -0
- package/lib/components/ScrollTopButton/ScrollTopButton.d.ts +4 -0
- package/lib/components/ScrollTopButton/index.d.ts +1 -0
- package/lib/components/ScrollTopButton/styles.css.d.ts +2 -0
- package/lib/components/Select/Select.d.ts +19 -0
- package/lib/components/Select/index.d.ts +1 -0
- package/lib/components/Select/styles.css.d.ts +10 -0
- package/lib/components/Slider/Slider.d.ts +3 -0
- package/lib/components/Slider/index.d.ts +1 -0
- package/lib/components/Slider/styles.css.d.ts +4 -0
- package/lib/components/Tabs/Tabs.d.ts +1 -0
- package/lib/components/Tabs/TabsContent.d.ts +3 -0
- package/lib/components/Tabs/TabsList.d.ts +3 -0
- package/lib/components/Tabs/TabsTrigger.d.ts +3 -0
- package/lib/components/Tabs/index.d.ts +4 -0
- package/lib/components/Tabs/styles.css.d.ts +3 -0
- package/lib/components/TextField/TextField.d.ts +7 -0
- package/lib/components/TextField/index.d.ts +1 -0
- package/lib/components/TextField/styles.css.d.ts +5 -0
- package/lib/components/Tooltip/Tooltip.d.ts +13 -0
- package/lib/components/Tooltip/index.d.ts +1 -0
- package/lib/components/Tooltip/styles.css.d.ts +3 -0
- package/lib/components/Typography/Typography.d.ts +15 -0
- package/lib/components/Typography/index.d.ts +1 -0
- package/lib/components/Typography/styles.css.d.ts +9 -0
- package/lib/components/Typography/types.d.ts +3 -0
- package/lib/components/index.d.ts +28 -0
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/useToggle/index.d.ts +1 -0
- package/lib/hooks/useToggle/useToggle.d.ts +43 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.mjs +1 -0
- package/lib/styles/index.d.ts +3 -0
- package/lib/styles/reset.css.d.ts +1 -0
- package/lib/styles/theme.css.d.ts +136 -0
- package/lib/styles.css +1 -0
- package/package.json +53 -0
- package/src/index.ts +2 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { PlaceholderSize } from './types';
|
|
2
|
+
export declare const SIZE: Record<PlaceholderSize, PlaceholderSize>;
|
|
3
|
+
export declare const IMAGE_WIDTH: {
|
|
4
|
+
[SIZE.sm]: string;
|
|
5
|
+
[SIZE.md]: string;
|
|
6
|
+
[SIZE.lg]: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const IMAGE_HEIGHT: {
|
|
9
|
+
[SIZE.sm]: string;
|
|
10
|
+
[SIZE.md]: string;
|
|
11
|
+
[SIZE.lg]: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const MAX_INNER_WIDTH: {
|
|
14
|
+
[SIZE.sm]: string;
|
|
15
|
+
[SIZE.md]: string;
|
|
16
|
+
[SIZE.lg]: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const TITLE_HEADER_LEVEL: {
|
|
19
|
+
readonly [SIZE.sm]: "subtitle1";
|
|
20
|
+
readonly [SIZE.md]: "h6";
|
|
21
|
+
readonly [SIZE.lg]: "h5";
|
|
22
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PlaceholderSize } from './types';
|
|
2
|
+
export declare const wrapper: string;
|
|
3
|
+
export declare const sizes: Record<PlaceholderSize, string>;
|
|
4
|
+
export declare const innerContainer: string;
|
|
5
|
+
export declare const descriptionClass: string;
|
|
6
|
+
export declare const footerClass: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type PlaceholderSize = 'sm' | 'md' | 'lg';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type PopoverContentProps as ContentProps } from '@radix-ui/react-popover';
|
|
2
|
+
export type PopoverContentProps = ContentProps;
|
|
3
|
+
export declare const PopoverContent: ({ className, align, sideOffset, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const content: string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type RangeInputProps = {
|
|
2
|
+
minValue: number | null;
|
|
3
|
+
maxValue: number | null;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
title: string;
|
|
7
|
+
onChange: (minValue: number, maxValue: number) => void;
|
|
8
|
+
width?: number | string;
|
|
9
|
+
size?: 'sm' | 'md' | 'lg';
|
|
10
|
+
className?: string;
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
minInputRef?: React.RefObject<HTMLInputElement>;
|
|
13
|
+
maxInputRef?: React.RefObject<HTMLInputElement>;
|
|
14
|
+
};
|
|
15
|
+
export declare function RangeInput({ min, max, onChange, minValue, maxValue, width, title, size, className, isActive, minInputRef, maxInputRef, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './RangeInput';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const container: string;
|
|
2
|
+
export declare const activeClass: string;
|
|
3
|
+
export declare const sizes: Record<"sm" | "lg" | "md", string>;
|
|
4
|
+
export declare const titleClass: string;
|
|
5
|
+
export declare const textClass: string;
|
|
6
|
+
export declare const inputClass: string;
|
|
7
|
+
export declare const sliderClass: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ScrollTopButton';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Content, Item, Label, ScrollDownButton, ScrollUpButton, Separator, Trigger } from '@radix-ui/react-select';
|
|
2
|
+
declare const Select: import("react").FC<import("@radix-ui/react-select").SelectProps>;
|
|
3
|
+
declare const SelectGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const SelectValue: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof Trigger>;
|
|
6
|
+
declare const SelectTrigger: ({ className, children, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type ScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof ScrollUpButton>;
|
|
8
|
+
declare const SelectScrollUpButton: ({ className, ...props }: ScrollUpButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export type ScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof ScrollDownButton>;
|
|
10
|
+
declare const SelectScrollDownButton: ({ className, ...props }: ScrollDownButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type SelectContentProps = React.ComponentPropsWithoutRef<typeof Content>;
|
|
12
|
+
declare const SelectContent: ({ className, children, position, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof Label>;
|
|
14
|
+
declare const SelectLabel: ({ className, ...props }: SelectLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export type SelectItemProps = React.ComponentPropsWithoutRef<typeof Item>;
|
|
16
|
+
declare const SelectItem: ({ className, children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;
|
|
18
|
+
declare const SelectSeparator: ({ className, ...props }: SelectSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Select';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const trigger: string;
|
|
2
|
+
export declare const scrollButton: string;
|
|
3
|
+
export declare const content: string;
|
|
4
|
+
export declare const viewport: string;
|
|
5
|
+
export declare const label: string;
|
|
6
|
+
export declare const item: string;
|
|
7
|
+
export declare const itemIndicatorWrapper: string;
|
|
8
|
+
export declare const separator: string;
|
|
9
|
+
export declare const icon: string;
|
|
10
|
+
export declare const chevron: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Slider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tabs, type TabsProps } from '@radix-ui/react-tabs';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type InputProps } from '../Input';
|
|
2
|
+
export type TextFieldProps = InputProps & {
|
|
3
|
+
label?: string;
|
|
4
|
+
labelClassName?: string;
|
|
5
|
+
helperText?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const TextField: ({ label, helperText, className, disabled, fullWidth, ref, labelClassName, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TextField';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Root, type TooltipContentProps } from '@radix-ui/react-tooltip';
|
|
2
|
+
export type TooltipProps = React.ComponentProps<typeof Root> & {
|
|
3
|
+
text?: string;
|
|
4
|
+
content?: React.ReactNode;
|
|
5
|
+
arrow?: boolean;
|
|
6
|
+
align?: TooltipContentProps['align'];
|
|
7
|
+
sideOffset?: number;
|
|
8
|
+
alignOffset?: number;
|
|
9
|
+
side?: TooltipContentProps['side'];
|
|
10
|
+
className?: string;
|
|
11
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
12
|
+
};
|
|
13
|
+
export declare const Tooltip: ({ text, content, children, side, sideOffset, alignOffset, delayDuration, className, ref, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tooltip';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { alignments, colors, displays, transforms, variants, weights } from './styles.css';
|
|
2
|
+
import type { TypographyAlign, TypographyColor, TypographyVariant } from './types';
|
|
3
|
+
export type TypographyProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {
|
|
4
|
+
align?: TypographyAlign;
|
|
5
|
+
variant?: TypographyVariant;
|
|
6
|
+
color?: TypographyColor;
|
|
7
|
+
display?: 'block' | 'inline';
|
|
8
|
+
weight?: 'normal' | 'bold' | 'medium' | 'semibold';
|
|
9
|
+
transform?: 'lowercase' | 'capitalize' | 'uppercase';
|
|
10
|
+
decoration?: 'none' | 'underline' | 'lineThrough';
|
|
11
|
+
component?: React.ElementType;
|
|
12
|
+
gutterBottom?: boolean;
|
|
13
|
+
};
|
|
14
|
+
declare const Typography: ({ className, variant, component, color, align, display, weight, transform, decoration, gutterBottom, children, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { alignments, colors, displays, transforms, Typography, variants, weights, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Typography';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { TypographyVariant } from './types';
|
|
2
|
+
export declare const variants: Record<TypographyVariant, string>;
|
|
3
|
+
export declare const colors: Record<"info" | "primary" | "secondary" | "disabled" | "success" | "error" | "warning", string>;
|
|
4
|
+
export declare const alignments: Record<"left" | "right" | "center" | "justify", string>;
|
|
5
|
+
export declare const displays: Record<"block" | "inline", string>;
|
|
6
|
+
export declare const weights: Record<"bold" | "normal" | "medium" | "semibold", string>;
|
|
7
|
+
export declare const transforms: Record<"capitalize" | "lowercase" | "uppercase", string>;
|
|
8
|
+
export declare const decorations: Record<"none" | "underline" | "lineThrough", string>;
|
|
9
|
+
export declare const gutterBottomClass: string;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
|
|
2
|
+
export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
|
|
3
|
+
export type TypographyColor = 'primary' | 'disabled' | 'info' | 'secondary' | 'success' | 'error' | 'warning';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export * from './Button';
|
|
2
|
+
export * from './ButtonGroup';
|
|
3
|
+
export * from './Card';
|
|
4
|
+
export * from './Checkbox';
|
|
5
|
+
export * from './CircularProgress';
|
|
6
|
+
export * from './ConfirmAction';
|
|
7
|
+
export * from './ContentState';
|
|
8
|
+
export * from './CopyTypography';
|
|
9
|
+
export * from './DataGrid';
|
|
10
|
+
export * from './DataGridActionCell';
|
|
11
|
+
export * from './DataGridSortHeader';
|
|
12
|
+
export * from './DataList';
|
|
13
|
+
export * from './Description';
|
|
14
|
+
export * from './Dialog';
|
|
15
|
+
export * from './DropdownMenu';
|
|
16
|
+
export * from './ImageCarousel';
|
|
17
|
+
export * from './Input';
|
|
18
|
+
export * from './Label';
|
|
19
|
+
export * from './Placeholder';
|
|
20
|
+
export * from './Popover';
|
|
21
|
+
export * from './RangeInput';
|
|
22
|
+
export * from './ScrollTopButton';
|
|
23
|
+
export * from './Select';
|
|
24
|
+
export * from './Slider';
|
|
25
|
+
export * from './Tabs';
|
|
26
|
+
export * from './TextField';
|
|
27
|
+
export * from './Tooltip';
|
|
28
|
+
export * from './Typography';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useToggle';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useToggle';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* тип обозначающий какой угодно рест аргументов
|
|
3
|
+
*/
|
|
4
|
+
type Arguments = unknown[];
|
|
5
|
+
/**
|
|
6
|
+
* хэндлер принимающий на вход неизвестное количество аргументов, неизвестного вида
|
|
7
|
+
*/
|
|
8
|
+
type Handler<Args extends Arguments> = (...a: Args) => void;
|
|
9
|
+
/**
|
|
10
|
+
* хэндлер на открытие с неизвестным количеством аргументов, неизвестного вида
|
|
11
|
+
*/
|
|
12
|
+
type OpenHandler<Args extends Arguments> = Handler<Args>;
|
|
13
|
+
/**
|
|
14
|
+
* хэндлер на закрытие с неизвестным количеством аргументов, неизвестного вида
|
|
15
|
+
*/
|
|
16
|
+
type CloseHandler<Args extends Arguments> = Handler<Args>;
|
|
17
|
+
type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
|
|
18
|
+
/**
|
|
19
|
+
* флаг активности состояния
|
|
20
|
+
*/
|
|
21
|
+
boolean,
|
|
22
|
+
OpenHandler<OpenArgs>,
|
|
23
|
+
CloseHandler<CloseArgs>
|
|
24
|
+
];
|
|
25
|
+
type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
|
|
26
|
+
/**
|
|
27
|
+
* изначальное состояние активности
|
|
28
|
+
*/
|
|
29
|
+
initialState?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* коллбэк на открытие
|
|
32
|
+
*/
|
|
33
|
+
onActive?: OpenHandler<OpenArgs>;
|
|
34
|
+
/**
|
|
35
|
+
* коллбэк на закрытие
|
|
36
|
+
*/
|
|
37
|
+
onInactive?: CloseHandler<CloseArgs>;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* хук хранящий стейт активности, и предоставляющий методы переключения с проксируемыми аргументами, позволяет уменьшить бойлерплейт код
|
|
41
|
+
*/
|
|
42
|
+
export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs>) => UseToggleResultTuple<CloseArgs, OpenArgs>;
|
|
43
|
+
export {};
|
package/lib/index.d.ts
ADDED
package/lib/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as s from"@radix-ui/react-slot";import*as r from"clsx";import*as a from"@radix-ui/react-label";import*as l from"@radix-ui/react-checkbox";import*as o from"lucide-react";import*as t from"@radix-ui/react-popover";import*as n from"react";import*as i from"@radix-ui/react-tooltip";import*as c from"@radix-ui/react-dropdown-menu";import*as d from"react-virtuoso";import*as x from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-slider";import*as h from"@radix-ui/react-select";import*as u from"@radix-ui/react-tabs";import*as p from"@vanilla-extract/css";var v,g={default:"_1ersxw14 _1ersxw10",destructive:"_1ersxw15 _1ersxw10",outline:"_1ersxw16 _1ersxw10",ghost:"_1ersxw17 _1ersxw10",link:"_1ersxw18 _1ersxw10"},j={sm:"_1ersxw19",md:"_1ersxw1a",lg:"_1ersxw1b",icon:"_1ersxw1c",iconSm:"_1ersxw1d"};let b=({className:a,variant:l="default",size:o="md",asChild:t=!1,isLoading:n=!1,fullWidth:i,...c})=>{let d=t?s.Slot:"button";return(0,e.jsx)(d,{className:(0,r.clsx)(g[l],j[o],{_1ersxw13:i,_1ersxw12:n},a),...c})},_=({className:s,disabled:l,...o})=>(0,e.jsx)(a.Root,{className:(0,r.clsx)("c31e140",{c31e141:l},s),...o}),f=({value:s,onChange:a,options:l,size:o,className:t,label:n,multiple:i})=>{let c=!0===i,d=e=>c?s.includes(e):s===e,x=e=>{c?s.includes(e)?a(s.filter(s=>s!==e)):a([...s,e]):a(e)};return(0,e.jsxs)("div",{className:(0,r.clsx)("_1iqvz720",t),children:[n&&(0,e.jsx)(_,{className:"_1iqvz722",children:n}),l.map(s=>(0,e.jsx)(b,{size:o,className:"_1iqvz721",disabled:s.disabled,onClick:()=>x(s.value),variant:d(s.value)?"default":"outline",children:s.label},s.value))]})},y=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw00",s),...a}),w=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw01",s),...a}),k=({className:s,...a})=>(0,e.jsx)("h3",{className:(0,r.clsx)("oyalw02",s),...a}),N=({className:s,...a})=>(0,e.jsx)("p",{className:(0,r.clsx)("oyalw03",s),...a}),C=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw04",s),...a}),z=({className:s,...a})=>(0,e.jsx)("div",{className:(0,r.clsx)("oyalw05",s),...a}),S=({className:s,...a})=>(0,e.jsx)(l.Root,{className:(0,r.clsx)("b7yo4k0",s),...a,children:(0,e.jsx)(l.Indicator,{className:"b7yo4k1",children:(0,e.jsx)(o.Check,{className:"b7yo4k2"})})});var T={determinate:"m6b9n25",indeterminate:"m6b9n26"},D={primary:"m6b9n27",secondary:"m6b9n28",inherit:"m6b9n29"};let I=({size:s=30,thickness:a=2.6,color:l="primary",value:o=0,variant:t="indeterminate",className:n})=>{let i=(s-a)/2,c=2*Math.PI*i;return(0,e.jsx)("div",{className:(0,r.default)("m6b9n22",T[t],D[l],n),style:{width:s,height:s},children:(0,e.jsxs)("svg",{className:"m6b9n23",viewBox:`0 0 ${s} ${s}`,children:[(0,e.jsx)("title",{children:"Progress bar"}),(0,e.jsx)("circle",{className:(0,r.default)("m6b9n24","determinate"===t&&T.determinate),cx:s/2,cy:s/2,r:i,fill:"none",strokeWidth:a,strokeDasharray:c,strokeDashoffset:"determinate"===t?c*(1-o/100):.25*c})]})})},P=({className:s,align:a="center",sideOffset:l=4,...o})=>(0,e.jsx)(t.Portal,{children:(0,e.jsx)(t.Content,{align:a,sideOffset:l,className:(0,r.clsx)("_1xy4jvu2",s),...o})});var R={primary:"_1sba6zoc",secondary:"_1sba6zod",disabled:"_1sba6zoe",success:"_1sba6zof",error:"_1sba6zog",warning:"_1sba6zoh",info:"_1sba6zoi"},A={lowercase:"_1sba6zot",uppercase:"_1sba6zou",capitalize:"_1sba6zov"},L={left:"_1sba6zoj",center:"_1sba6zok",right:"_1sba6zol",justify:"_1sba6zom"},M={normal:"_1sba6zop",medium:"_1sba6zoq",semibold:"_1sba6zor",bold:"_1sba6zos"},E={h1:"_1sba6zo0",h2:"_1sba6zo1",h3:"_1sba6zo2",h4:"_1sba6zo3",h5:"_1sba6zo4",h6:"_1sba6zo5",subtitle1:"_1sba6zo6",subtitle2:"_1sba6zo7",body1:"_1sba6zo8",body2:"_1sba6zo9",caption:"_1sba6zoa",overline:"_1sba6zob"},q={none:"_1sba6zow",underline:"_1sba6zox",lineThrough:"_1sba6zoy"},O={block:"_1sba6zon",inline:"_1sba6zoo"};let B={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span"},H=({className:s,variant:a="body1",component:l,color:o="primary",align:t="left",display:n="inline",weight:i="normal",transform:c,decoration:d="none",gutterBottom:x,children:m,...h})=>{let u=l||B[a||"body1"];return(0,e.jsx)(u,{className:(0,r.clsx)(q[d],E[a],R[o],M[i],c&&A[c],O[n],L[t],{_1sba6zoz:x},s),...h,children:m})},V=({skipConfirm:e,onConfirm:s,confirmButtonProps:r})=>{let[a,l]=(0,n.useState)(!1);return{open:a,onActionComponentClick:()=>{e?s():l(!0)},confirmButtonProps:{variant:r?.isAccented?"destructive":"default",onClick:()=>{l(!1),s()},size:"sm"},onCancel:()=>{l(!1)},onOpenChange:e=>{l(e)}}},W=s=>{let{open:a,onActionComponentClick:l,onCancel:o,confirmButtonProps:n,onOpenChange:i}=V(s),{text:c,confirmButtonProps:d,popoverProps:x,actionComponent:m}=s,{text:h="Подтвердить"}=d||{},{side:u="bottom",align:p="center"}=x||{};return(0,e.jsxs)(t.Popover,{open:a,onOpenChange:i,children:[(0,e.jsx)(t.PopoverTrigger,{asChild:!0,children:m({onClick:l})}),(0,e.jsx)(P,{side:u,align:p,className:(0,r.clsx)("_1q1uhgp2",{_1q1uhgp3:!!c}),children:(0,e.jsxs)("div",{className:"_1q1uhgp1",children:[c&&(0,e.jsx)(H,{children:c}),(0,e.jsxs)("div",{className:"_1q1uhgp0",children:[(0,e.jsx)(b,{variant:"ghost",size:"sm",onClick:o,children:"Отмена"}),(0,e.jsx)(b,{...n,children:h})]})]})})]})};var $={sm:"_1o97kvm1",md:"_1o97kvm2",lg:"_1o97kvm3"};let F=s=>(0,e.jsx)("img",{alt:s.alt,src:s.src,className:(0,r.default)("_1o97kvm0",$[s.size||"md"],s.className),width:s.width,height:s.height}),G={sm:"239px",md:"323px",lg:"458px"},U={sm:"119px",md:"161px",lg:"229px"},K={sm:"384px",md:"400px",lg:"460px"},X={sm:"subtitle1",md:"h6",lg:"h5"};var Y={sm:"_1nenzg01",md:"_1nenzg02",lg:"_1nenzg03"};let J=({className:s,title:a,imgSrc:l,imgAlt:o,description:t,actions:i,size:c="sm",renderImage:d})=>{let x=(0,n.useMemo)(()=>d||F,[d]);return(0,e.jsxs)("div",{className:(0,r.default)("_1nenzg00",Y[c],s),children:[(0,e.jsxs)("div",{className:"_1nenzg04",style:{maxWidth:K[c]},children:[l&&(0,e.jsx)(x,{src:l,alt:o,width:G[c],height:U[c],size:c}),(0,e.jsx)(H,{align:"center",color:"secondary",variant:X[c],children:a}),t&&(0,e.jsx)(H,{className:"_1nenzg05",component:"div",variant:"body1",children:t})]}),i&&(0,e.jsx)("footer",{className:"_1nenzg06",children:i})]})},Q=({isLoading:s,isError:r,isCustom:a,errorState:l,customState:o,children:t,loadingContent:n=(0,e.jsx)(I,{color:"primary"})})=>{if(s)return(0,e.jsx)("div",{className:"nan0ao0",children:n});if(a&&o)return(0,e.jsx)(J,{...o});if(r&&l){let{title:s="Произошла ошибка",imgAlt:r,imgSrc:a,errorList:o,onRetry:t,actions:n=(0,e.jsx)(b,{onClick:t,children:"Попробовать снова"})}=l,i=o.map(s=>(0,e.jsx)(H,{component:"p",children:s},s));return(0,e.jsx)(J,{title:s,description:i,imgAlt:r,imgSrc:a,actions:n})}return t},Z=i.Provider,ee=i.Root,es=i.Trigger,er=({sideOffset:s=4,alignOffset:r,ref:a,...l})=>(0,e.jsx)(i.Content,{ref:a,sideOffset:s,...l}),ea=({text:s,content:a,children:l,side:o="top",sideOffset:t,alignOffset:n,delayDuration:c=0,className:d,ref:x,...m})=>(0,e.jsx)(Z,{delayDuration:c,children:(0,e.jsxs)(ee,{...m,children:[(0,e.jsx)(es,{ref:x,asChild:!0,children:l}),a||s?(0,e.jsx)(i.Portal,{children:(0,e.jsxs)(er,{className:(0,r.default)("izacrl2",d),alignOffset:n,sideOffset:t,hideWhenDetached:!0,side:o,children:[a??(0,e.jsx)("p",{className:"izacrl3",children:s}),m.arrow&&(0,e.jsx)(i.Arrow,{className:"izacrl4"})]})}):null]})});var el=((v={}).Copied="Скопировано",v.Error="Ошибка копирования",v.CanCopy="Скопировать",v);let eo=({children:e,copyText:s,isShowCopyText:r,copyPosition:a})=>{let[l,o]=(0,n.useState)(el.CanCopy),[t,i]=(0,n.useState)(!1);return{handleMouseLeave:()=>{l!==el.CanCopy&&setTimeout(()=>{o(el.CanCopy)},100),i(!1)},handleClick:r=>{r.stopPropagation(),navigator.clipboard.writeText(s||("string"==typeof e?e:"")).then(()=>o(el.Copied)).catch(()=>o(el.Error))},tooltipTitle:r?`${l}: ${s}`:l,isIconOnLeft:"left"===a,tooltipOpen:t,handleMouseEnter:()=>{i(!0)}}},et=s=>{let{children:a,copyPosition:l="right",copyText:t,isShowCopyText:n,color:i,className:c,...d}=s,x=()=>(0,e.jsx)(o.Copy,{className:"_1wpx85c1"}),{tooltipOpen:m,handleMouseEnter:h,handleMouseLeave:u,handleClick:p,tooltipTitle:v,isIconOnLeft:g}=eo(s);return(0,e.jsx)(ea,{open:m,arrow:!0,text:v,side:"bottom",children:(0,e.jsxs)(H,{onMouseLeave:u,onMouseEnter:h,onClick:p,component:"div",color:i,className:(0,r.clsx)("_1wpx85c0",c),...d,children:[g&&x(),a,!g&&x()]})})};function en({row:s,column:a,rowIndex:l,height:o}){let{align:t,cellColor:n,isDisabled:i}=a;return(0,e.jsx)("td",{align:t??"left",style:{backgroundColor:n?.(s),height:o,width:a.width},className:(0,r.clsx)("_1047swj0",{_1047swj1:i},a.cellClassName?.(s)),children:(0,e.jsx)(()=>a.renderCell?a.renderCell(s,l):a.format?a.format(s)||"—":a.field?`${s[a.field]||"—"}`:"—",{})})}function ei({row:s,rowHeight:a,onRowClick:l,columns:o,rowIndex:t,rowId:i}){let c=(0,n.useCallback)(()=>{l?.(s)},[l,s]);return(0,e.jsx)("tr",{onClick:c,onKeyDown:c,className:(0,r.clsx)("gsm9mv0",{gsm9mv1:!!l}),children:o.map((r,l)=>{let o=`${i}-${l}`;return(0,e.jsx)(en,{row:s,rowIndex:t,column:r,height:a},o)})})}function ec({isLoading:s,isEmpty:r,columnsLength:a,emptyState:l={text:"Нет данных"},errorState:o={text:"Произошла ошибка"},isError:t,onRetry:n}){let i=({children:s})=>(0,e.jsx)("tr",{className:"_15m2ib80",children:(0,e.jsx)("td",{colSpan:a,align:"center",children:s})});if(s)return(0,e.jsx)(i,{children:(0,e.jsx)("span",{className:"_15m2ib81",children:(0,e.jsx)(I,{})})});if(r){let{imgSrc:s,imgAlt:r,text:a}=l;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:a,imgSrc:s,imgAlt:r})})}if(t){let{imgSrc:s,imgAlt:r,text:a}=o;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:a,imgSrc:s,imgAlt:r,actions:n?(0,e.jsx)(b,{variant:"outline",onClick:n,children:"Попробовать снова"}):void 0})})}return null}var ed="_82af400";function ex({isError:s,isLoading:r,emptyState:a,errorState:l,columns:o,rows:t,rowHeight:n,keyId:i,onRowClick:c}){let d=0===t.length;return s||r||d?(0,e.jsx)("tbody",{className:ed,children:(0,e.jsx)(ec,{emptyState:a,errorState:l,isEmpty:d,isError:s,isLoading:r,columnsLength:o.length})}):(0,e.jsx)("tbody",{className:ed,children:t.map((s,r)=>{let a=String(s[i]);return(0,e.jsx)(ei,{row:s,rowId:a,rowHeight:n,columns:o,onRowClick:c,rowIndex:r},s[i])})})}function em({children:s,columnsLength:a,className:l}){return(0,e.jsx)("tfoot",{className:(0,r.clsx)("_2s55b60",l),children:(0,e.jsx)("tr",{children:(0,e.jsx)("td",{colSpan:a,align:"center",children:s})})})}function eh({column:s,height:r,width:a}){return(0,e.jsx)("th",{style:{color:s.color,height:r,width:a},align:s.align??"left",title:s.title,className:"uma6hu0",children:s.renderHeaderCell?.(s)||s.title})}function eu({columns:s,height:a,sticky:l}){return(0,e.jsx)("thead",{children:(0,e.jsx)("tr",{className:(0,r.clsx)({fkgoub0:l}),children:s.map(s=>(0,e.jsx)(eh,{column:s,height:a,width:s.width},s.title))})})}function ep({rows:s,columns:a,height:l="100%",className:o,rowHeight:t=40,headerHeight:n=40,keyId:i,onRowClick:c,isLoading:d,isDisabled:x,isError:m,emptyState:h,errorState:u,footer:p,title:v,stickyHeader:g,onRetry:j}){return(0,e.jsxs)("div",{style:{height:l},className:(0,r.clsx)("_1gqvluf0",o),children:[(0,e.jsxs)("table",{className:(0,r.clsx)("_1gqvluf1",{_1gqvluf2:x,_1gqvluf3:d},o),children:[v&&(0,e.jsx)("caption",{className:"_1gqvluf4",children:v}),(0,e.jsx)(eu,{columns:a,height:n,sticky:g}),(0,e.jsx)(ex,{rows:s,columns:a,rowHeight:t,keyId:i,onRowClick:c,isLoading:d,emptyState:h,errorState:u,isError:m,onRetry:j})]}),p&&(0,e.jsx)(em,{columnsLength:a.length,children:p})]})}var ev="_1ib8wkt3";let eg=c.Root,ej=c.Trigger,eb=c.Group,e_=c.Portal,ef=c.Sub,ey=c.RadioGroup,ew=({className:s,inset:a,children:l,...t})=>(0,e.jsxs)(c.SubTrigger,{className:(0,r.default)("_1ib8wkt2",{inset:a},s),...t,children:[l,(0,e.jsx)(o.ChevronRight,{className:ev})]}),ek=({className:s,...a})=>(0,e.jsx)(c.SubContent,{className:(0,r.default)("_1ib8wkt4",s),...a}),eN=({className:s,sideOffset:a=4,...l})=>(0,e.jsx)(c.Portal,{children:(0,e.jsx)(c.Content,{sideOffset:a,className:(0,r.default)("_1ib8wkt5",s),...l})}),eC=({className:s,inset:a,...l})=>(0,e.jsx)(c.Item,{className:(0,r.default)("_1ib8wkt6",{inset:a},s),...l}),ez=({className:s,children:a,checked:l,...t})=>(0,e.jsxs)(c.CheckboxItem,{className:(0,r.default)("_1ib8wkt7",s),checked:l,...t,children:[(0,e.jsx)("span",{className:"_1ib8wkt9",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(o.Check,{className:ev})})}),a]}),eS=({className:s,children:a,...l})=>(0,e.jsxs)(c.RadioItem,{className:(0,r.default)("_1ib8wkt8",s),...l,children:[(0,e.jsx)("span",{className:"_1ib8wkta",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(o.Circle,{className:ev})})}),a]}),eT=({className:s,inset:a,...l})=>(0,e.jsx)(c.Label,{className:(0,r.default)("_1ib8wktb",{inset:a},s),...l}),eD=({className:s,...a})=>(0,e.jsx)(c.Separator,{className:(0,r.default)("_1ib8wktc",s),...a}),eI=({className:s,...a})=>(0,e.jsx)("span",{className:(0,r.default)("_1ib8wktd",s),...a}),eP=({action:e})=>{let{isLoading:s,disabledReason:r,name:a}=e,[l,o]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s&&o(!1)},[s]),{tooltipProps:{text:r||a,open:l,onOpenChange:e=>o(e)}}},eR=s=>{let{tooltipProps:r}=eP(s),{action:a,onActionClick:l,isDisabled:o,tooltipPlacement:t}=s,{name:n,icon:i,needConfirm:c,confirmText:d,confirmButtonProps:x,disabled:m,isLoading:h,onClick:u}=a,p=s=>(0,e.jsx)(ea,{arrow:!0,side:t,...r,children:(0,e.jsx)(b,{disabled:o||m,isLoading:h,variant:"ghost",size:"icon",...s,children:i})},n);return(0,e.jsx)(e.Fragment,{children:c?(0,e.jsx)(W,{text:d,confirmButtonProps:x,actionComponent:e=>p(e),onConfirm:l(u)}):p({onClick:l(u)})})},eA=({action:s,onActionClick:r,isDisabled:a,tooltipPlacement:l})=>{if("actions"in s){let{disabled:o,icon:t,name:i,disabledReason:c,actions:d,isLoading:x}=s;return(0,e.jsxs)(eg,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(ea,{text:c||i,side:l,arrow:!0,children:(0,e.jsx)(b,{variant:"ghost",size:"icon",isLoading:x,disabled:a||o,children:t})},i)}),(0,e.jsx)(eN,{children:d.map(({name:s,onClick:a,...l})=>(0,n.createElement)(eC,{...l,key:s,asChild:!0},(0,e.jsx)(b,{size:"sm",onClick:r(a),children:s})))})]})}return(0,e.jsx)(eR,{action:s,onActionClick:r,isDisabled:a,tooltipPlacement:l})},eL=({actions:s,onActionClick:r,tooltipPlacement:a,isDisabled:l})=>(0,e.jsxs)(eg,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(b,{disabled:l,variant:"ghost",size:"icon",children:(0,e.jsx)(o.EllipsisVertical,{})})}),(0,e.jsx)(eN,{children:s.map(s=>{let{onClick:l,name:o,disabledReason:t,isLoading:n}=s;return(0,e.jsx)(eC,{asChild:!0,children:(0,e.jsx)(ea,{arrow:!0,side:a,text:t,children:(0,e.jsx)(b,{onClick:r(l),isLoading:n,variant:"ghost",size:"sm",fullWidth:!0,children:o})})},o)})})]}),eM=({row:e,actions:s})=>{let{main:r,secondary:a}=s,l=[...r,...a||[]].find(e=>e.isBlockingOperation&&e.isLoading);return{isDisabledAction:!!l,handleActionClick:(0,n.useCallback)(s=>()=>{s?.(e)},[e]),handleWrapperClick:e=>{e.stopPropagation()}}},eE={mainAction:"top",secondaryAction:"left"},eq=s=>{let{isDisabledAction:r,handleWrapperClick:a,handleActionClick:l}=eM(s),{actions:o}=s,{main:t,secondary:n}=o;return(0,e.jsxs)("div",{onClick:a,onKeyDown:a,className:"y44ln70",children:[t.map(s=>(0,e.jsx)(eA,{action:s,onActionClick:l,isDisabled:r,tooltipPlacement:eE.mainAction},s.name)),n&&(0,e.jsx)(eL,{actions:n,onActionClick:l,tooltipPlacement:eE.secondaryAction,isDisabled:r})]})};var eO={left:"o752f01",center:"o752f02",right:"o752f03",justify:"o752f04"};function eB({sorting:s,setSorting:a,column:{title:l,field:t,align:n="left"},className:i}){return t?(0,e.jsxs)("button",{type:"button",className:(0,r.clsx)("o752f00",eO[n],i),onClick:()=>{s.key===t?a({key:t,order:"asc"===s.order?"desc":"asc"}):a({key:t,order:"asc"})},children:[l,s.key===t?"asc"===s.order?(0,e.jsx)(o.ArrowDownNarrowWide,{size:16}):(0,e.jsx)(o.ArrowDownWideNarrow,{size:16}):(0,e.jsx)(o.ArrowDownUp,{size:16})]}):null}let eH=e=>{let{initialState:s=!1,onInactive:r,onActive:a}=e||{},[l,o]=(0,n.useState)(s);return[l,(...e)=>{o(!0),a?.(...e)},(...e)=>{o(!1),r?.(...e)}]},eV="Вы достигли конца списка",eW=({endOfScrollMsg:s=eV})=>(0,e.jsx)("li",{className:"_1syvw5e0",children:(0,e.jsx)(H,{children:s})}),e$=({onRetry:s})=>(0,e.jsxs)("li",{className:"qlujai0",children:[(0,e.jsx)(H,{align:"center",children:"Ошибка загрузки"}),(0,e.jsx)(b,{size:"sm",onClick:s,children:"Попробовать снова"})]}),eF=()=>(0,e.jsx)("li",{className:"_111czea0",children:(0,e.jsx)(I,{color:"primary"})}),eG=({noDataImgSrc:s})=>(0,e.jsx)(J,{title:"Нет данных",imgSrc:s}),eU=({onClick:s,isVisible:a})=>(0,e.jsx)(b,{onClick:s,size:"icon",variant:"outline",className:(0,r.clsx)("_1jg5nd90",{_1jg5nd91:a}),children:(0,e.jsx)(o.ChevronUp,{})}),eK=({data:s,keyId:a,className:l,itemContent:o,noDataPlaceholder:t,endOfScrollMsg:i,errorState:c,isLoading:x,isError:m,isEndReached:h,onRetry:u,onEndReached:p,scrollTopIsDataChanged:v})=>{let g=(0,n.useRef)(null),[j,b,_]=eH(),f=(0,n.useCallback)(e=>{e.startIndex>2?b():_()},[_,b]),y=(0,n.useCallback)(()=>g.current?.scrollToIndex({index:0,align:"start",behavior:"smooth"}),[g]),w=(0,n.useCallback)(()=>{!h&&p&&p()},[h,p]),k=!!s?.length;return k||x||m?((0,n.useEffect)(()=>{v&&g.current?.scrollToIndex({index:0,align:"start"})},[v,s]),(0,e.jsxs)(Q,{isLoading:x&&!k,isError:m&&!k,errorState:c,children:[(0,e.jsx)(d.Virtuoso,{className:(0,r.clsx)("_1ezen7g0",l),style:{height:"100%"},data:s,ref:g,overscan:30,endReached:w,rangeChanged:f,itemContent:(s,l)=>(0,e.jsx)("li",{children:o?.(l,{index:s,className:(0,r.clsx)("_1ezen7g1","datalist_item")})},l[a]),components:{Footer:()=>(0,e.jsxs)(e.Fragment,{children:[x&&(0,e.jsx)(eF,{}),m&&(0,e.jsx)(e$,{onRetry:u}),h&&(0,e.jsx)(eW,{endOfScrollMsg:i})]})}}),(0,e.jsx)(eU,{isVisible:j,onClick:y})]})):t?(0,e.jsx)(e.Fragment,{children:t}):(0,e.jsx)(eG,{})},eX=":",eY="—",eJ="descriptionRoot",eQ=(0,n.createContext)({leader:!1,separator:eX,direction:"default"}),eZ=({children:s,leader:r,separator:a,direction:l})=>(0,e.jsx)(eQ.Provider,{value:{leader:r,separator:a,direction:l},children:s}),e0=({canCopy:e,children:s,stub:r="—"})=>{let{leader:a,direction:l}=(0,n.useContext)(eQ);return{valueToRender:s||r,isDefaultValueRender:!e||!s,leader:a,direction:l}};var e1="sdcsnp2";let e2=({direction:e="row",separator:s=eX})=>({descriptionContextProviderProps:{separator:"column"===e?"":s},direction:e});var e6={row:"_1lociyw1",column:"_1lociyw2"},e8={spaceBetween:"_1lociyw3",start:"_1lociyw4"};let e5=s=>{let{descriptionContextProviderProps:a,direction:l}=e2(s),{justifyContent:o="start",component:t="dl",children:n,leader:i=!1}=s;return(0,e.jsx)(eZ,{leader:i,direction:l,...a,children:(0,e.jsx)(t,{className:(0,r.clsx)("_1lociyw0",e6[l],e8[o],eJ),children:n})})};e5.Name=({children:s,color:a="secondary",...l})=>{let{leader:o,separator:t}=(0,n.useContext)(eQ);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("dt",{className:(0,r.clsx)("_1tsgk1i0",{_1tsgk1i1:o}),children:(0,e.jsxs)(H,{...l,color:a,children:[s,!o&&t]})}),o&&(0,e.jsx)("div",{className:"_1tsgk1i2"})]})},e5.Value=s=>{let{valueToRender:a,isDefaultValueRender:l,leader:o}=e0(s),{copyPosition:t="right",copyText:n,canCopy:i,children:c,stub:d,...x}=s;return l?(0,e.jsx)(H,{className:(0,r.default)("sdcsnp1",{[e1]:o}),component:"dd",...x,children:a}):(0,e.jsx)("dd",{className:"sdcsnp0",children:(0,e.jsx)(et,{className:(0,r.default)({[e1]:o}),copyPosition:t,copyText:n,...x,children:a})})};let e4=({title:s,description:a="",trigger:l,className:t,footer:n,children:i,...c})=>(0,e.jsxs)(x.Root,{...c,children:[l&&(0,e.jsx)(x.Trigger,{asChild:!0,children:l}),(0,e.jsxs)(x.Portal,{children:[(0,e.jsx)(x.Overlay,{className:(0,r.default)("_8bkmbe2")}),(0,e.jsxs)(x.Content,{className:(0,r.default)("_8bkmbe5",t),children:[(0,e.jsxs)("div",{className:(0,r.default)("_8bkmbe8",{_8bkmbe9:!!a}),children:[(0,e.jsx)(x.Title,{className:"_8bkmbeb",children:s}),(0,e.jsx)(x.Description,{className:"_8bkmbec",children:a}),(0,e.jsxs)(x.Close,{className:"_8bkmbe6",children:[(0,e.jsx)(o.X,{size:24}),(0,e.jsx)("span",{className:"_8bkmbe7",children:"Close"})]})]}),i,n&&(0,e.jsx)("div",{className:"_8bkmbea",children:n})]})]})]});var e3="a5l83v4",e9="a5l83v0";let e7=({images:s=[],autoPlay:a=!1,interval:l=5e3})=>{let[t,i]=(0,n.useState)(0),c=e=>{i(e)};return((0,n.useEffect)(()=>{if(!a)return;let e=setInterval(()=>{i(e=>e===s.length-1?0:e+1)},l);return()=>clearInterval(e)},[a,s.length,l]),0===s.length)?(0,e.jsx)("div",{className:e9,children:"Нет изображений для отображения"}):(0,e.jsxs)("div",{className:e9,children:[(0,e.jsx)("div",{className:"a5l83v1",style:{transform:`translateX(-${100*t}%)`},children:s.map((s,r)=>(0,e.jsx)("div",{className:"a5l83v2",children:(0,e.jsx)("img",{src:s.src,alt:s.alt||`Slide ${r+1}`,className:"a5l83v3"})},s.src))}),s.length>1&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{type:"button",className:(0,r.clsx)(e3,"a5l83v5"),onClick:()=>{i(e=>0===e?s.length-1:e-1)},children:(0,e.jsx)(o.ChevronLeft,{size:24})}),(0,e.jsx)("button",{type:"button",className:(0,r.clsx)(e3,"a5l83v6"),onClick:()=>{i(e=>e===s.length-1?0:e+1)},children:(0,e.jsx)(o.ChevronRight,{size:24})}),(0,e.jsx)("div",{className:"a5l83v7",children:s.map(({src:s},r)=>(0,e.jsx)("button",{type:"button",className:`a5l83v8 ${t===r?"active":""}`,onClick:()=>c(r)},s))})]})]})};var se="_1blk89uc",ss="_1blk89u6",sr={small:"_1blk89u9",medium:"_1blk89ua",large:"_1blk89ub"},sa={outlined:"_1blk89u1",standard:"_1blk89u2"};let sl=n.default.forwardRef(({error:s,variant:a="outlined",size:l="medium",startAdornment:o,endAdornment:t,className:n,disabled:i,fullWidth:c,value:d,...x},m)=>(0,e.jsxs)("div",{className:(0,r.clsx)("_1blk89u0",sa[a],{_1blk89u7:s},{[ss]:i},{_1blk89u3:c},n),children:[o&&(0,e.jsx)("span",{className:se,children:o}),(0,e.jsx)("input",{className:(0,r.clsx)("_1blk89u8",{[ss]:i},sr[l],o&&"_1blk89ud",t&&"_1blk89ue"),ref:m,disabled:i,value:d||"",...x}),t&&(0,e.jsx)("span",{className:se,children:t})]}));var so="h9oy583";let st=({className:s,...a})=>(0,e.jsxs)(m.Root,{className:(0,r.clsx)("h9oy580",s),...a,children:[(0,e.jsx)(m.Track,{className:"h9oy581",children:(0,e.jsx)(m.Range,{className:"h9oy582"})}),(0,e.jsx)(m.Thumb,{className:so}),a.value?.length===2&&(0,e.jsx)(m.Thumb,{className:so})]});var sn={sm:"_1pnwkko2",md:"_1pnwkko3",lg:"_1pnwkko4"},si="_1pnwkko7",sc="_1pnwkko6";function sd({min:s,max:a,onChange:l,minValue:o,maxValue:t,width:i=150,title:c,size:d="md",className:x,isActive:m,minInputRef:h,maxInputRef:u}){let[p,v]=(0,n.useState)(s),[g,j]=(0,n.useState)(a),b=e=>{"Enter"===e.key&&l(p>=s&&p<=a?p:s,g>=s&&g<=a?g:a)};return(0,n.useEffect)(()=>{v(o||s),j(t||a)},[o,t,s,a]),(0,e.jsxs)("div",{className:(0,r.clsx)("_1pnwkko0",sn[d],{_1pnwkko1:m},x),style:{width:i},children:[(0,e.jsx)(_,{className:"_1pnwkko5",children:c}),(0,e.jsx)("span",{className:sc,children:"от"}),(0,e.jsx)("input",{className:si,type:"text",value:p,onChange:e=>{let{value:s}=e.target;Number.isNaN(+s)||v(+s)},onKeyDown:b,ref:h}),(0,e.jsx)("span",{className:sc,children:"до"}),(0,e.jsx)("input",{className:si,type:"text",value:g,onChange:e=>{let{value:s}=e.target;Number.isNaN(s)||j(+s)},onKeyDown:b,ref:u}),(0,e.jsx)("div",{className:"_1pnwkko8",children:(0,e.jsx)(st,{min:s,max:a,value:[p,g],onValueChange:e=>{Array.isArray(e)&&(v(e[0]),j(e[1]))},onValueCommit:e=>{Array.isArray(e)&&l(e[0],e[1])}})})]})}function sx({onClick:s,variant:a="outline",...l}){let[t,i]=(0,n.useState)(!1),c=()=>{window.scrollY>400?i(!0):i(!1)};return(0,n.useEffect)(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),(0,e.jsx)(b,{type:"button",variant:a,className:(0,r.clsx)("_1ou2vjc0",{_1ou2vjc1:t}),onClick:s||(()=>{window.scrollTo({top:0,left:0,behavior:"auto"})}),...l,children:(0,e.jsx)(o.ChevronUp,{})})}var sm="_5ilg7o3",sh="_5ilg7oa";let su=h.Root,sp=h.Group,sv=h.Value,sg=({className:s,children:a,...l})=>(0,e.jsxs)(h.Trigger,{className:(0,r.clsx)("_5ilg7o2",s),...l,children:[a,(0,e.jsx)(h.Icon,{asChild:!0,children:(0,e.jsx)(o.ChevronDown,{className:"_5ilg7ob"})})]}),sj=({className:s,...a})=>(0,e.jsx)(h.ScrollUpButton,{className:(0,r.clsx)(sm,s),...a,children:(0,e.jsx)(o.ChevronUp,{className:sh})}),sb=({className:s,...a})=>(0,e.jsx)(h.ScrollDownButton,{className:(0,r.clsx)(sm,s),...a,children:(0,e.jsx)(o.ChevronDown,{className:sh})}),s_=({className:s,children:a,position:l="popper",...o})=>(0,e.jsx)(h.Portal,{children:(0,e.jsxs)(h.Content,{className:(0,r.clsx)("_5ilg7o4",s),position:l,...o,children:[(0,e.jsx)(sj,{}),(0,e.jsx)(h.Viewport,{className:"_5ilg7o5",children:a}),(0,e.jsx)(sb,{})]})}),sf=({className:s,...r})=>(0,e.jsx)(h.Label,{className:`_5ilg7o6 ${s||""}`,...r}),sy=({className:s,children:r,...a})=>(0,e.jsxs)(h.Item,{className:`_5ilg7o7 ${s||""}`,...a,children:[(0,e.jsx)("span",{className:"_5ilg7o8",children:(0,e.jsx)(h.ItemIndicator,{children:(0,e.jsx)(o.Check,{className:sh})})}),(0,e.jsx)(h.ItemText,{children:r})]}),sw=({className:s,...r})=>(0,e.jsx)(h.Separator,{className:`_5ilg7o9 ${s||""}`,...r}),sk=({className:s,...a})=>(0,e.jsx)(u.Content,{className:(0,r.clsx)("hworoa2",s),...a}),sN=({className:s,...a})=>(0,e.jsx)(u.List,{className:(0,r.clsx)("hworoa0",s),...a}),sC=({className:s,...a})=>(0,e.jsx)(u.Trigger,{className:(0,r.clsx)("hworoa1",s),...a});var sz="kqu4y22";let sS=({label:s,helperText:a,className:l,disabled:o,fullWidth:t,ref:n,labelClassName:i,...c})=>(0,e.jsxs)("div",{className:(0,r.clsx)("kqu4y20",{kqu4y24:t},l),children:[s&&(0,e.jsx)(_,{htmlFor:c.id||s,disabled:o,className:(0,r.clsx)(i,{[sz]:o}),children:s}),(0,e.jsx)(sl,{ref:n,disabled:o,fullWidth:t,id:c.id||s,...c}),a&&(0,e.jsx)("p",{className:(0,r.clsx)("kqu4y21",{kqu4y23:c.error,[sz]:o}),children:a})]});var sT={colors:{primary:{100:"var(--colors-primary-100)",200:"var(--colors-primary-200)",300:"var(--colors-primary-300)",400:"var(--colors-primary-400)",500:"var(--colors-primary-500)",600:"var(--colors-primary-600)",700:"var(--colors-primary-700)",800:"var(--colors-primary-800)",900:"var(--colors-primary-900)"},red:{100:"var(--colors-red-100)",200:"var(--colors-red-200)",300:"var(--colors-red-300)",400:"var(--colors-red-400)",500:"var(--colors-red-500)",600:"var(--colors-red-600)",700:"var(--colors-red-700)",800:"var(--colors-red-800)",900:"var(--colors-red-900)"},green:{100:"var(--colors-green-100)",200:"var(--colors-green-200)",300:"var(--colors-green-300)",400:"var(--colors-green-400)",500:"var(--colors-green-500)",600:"var(--colors-green-600)",700:"var(--colors-green-700)",800:"var(--colors-green-800)",900:"var(--colors-green-900)"},yellow:{100:"var(--colors-yellow-100)",200:"var(--colors-yellow-200)",300:"var(--colors-yellow-300)",400:"var(--colors-yellow-400)",500:"var(--colors-yellow-500)",600:"var(--colors-yellow-600)",700:"var(--colors-yellow-700)",800:"var(--colors-yellow-800)",900:"var(--colors-yellow-900)"},grey:{100:"var(--colors-grey-100)",200:"var(--colors-grey-200)",300:"var(--colors-grey-300)",400:"var(--colors-grey-400)",500:"var(--colors-grey-500)",600:"var(--colors-grey-600)",700:"var(--colors-grey-700)",800:"var(--colors-grey-800)",900:"var(--colors-grey-900)"},info:"var(--colors-info)",background:{default:"var(--colors-background-default)",paper:"var(--colors-background-paper)",element:"var(--colors-background-element)",elementHover:"var(--colors-background-elementHover)"},foreground:{primary:"var(--colors-foreground-primary)",secondary:"var(--colors-foreground-secondary)"},text:{primary:"var(--colors-text-primary)",secondary:"var(--colors-text-secondary)",disabled:"var(--colors-text-disabled)",hint:"var(--colors-text-hint)"}},spacing:{0:"var(--spacing-0)",1:"var(--spacing-1)",2:"var(--spacing-2)",3:"var(--spacing-3)",4:"var(--spacing-4)",5:"var(--spacing-5)",6:"var(--spacing-6)",8:"var(--spacing-8)",10:"var(--spacing-10)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)"},fontSize:{xs:"var(--fontSize-xs)",sm:"var(--fontSize-sm)",base:"var(--fontSize-base)",lg:"var(--fontSize-lg)",xl:"var(--fontSize-xl)","2xl":"var(--fontSize-2xl)","3xl":"var(--fontSize-3xl)","4xl":"var(--fontSize-4xl)"},fontWeight:{normal:"var(--fontWeight-normal)",medium:"var(--fontWeight-medium)",semibold:"var(--fontWeight-semibold)",bold:"var(--fontWeight-bold)"},lineHeight:{none:"var(--lineHeight-none)",tight:"var(--lineHeight-tight)",snug:"var(--lineHeight-snug)",normal:"var(--lineHeight-normal)",relaxed:"var(--lineHeight-relaxed)",loose:"var(--lineHeight-loose)"},borderRadius:{sm:"var(--borderRadius-sm)",md:"var(--borderRadius-md)",lg:"var(--borderRadius-lg)"},boxShadow:{sm:"var(--boxShadow-sm)",default:"var(--boxShadow-default)",md:"var(--boxShadow-md)",lg:"var(--boxShadow-lg)",xl:"var(--boxShadow-xl)",none:"var(--boxShadow-none)"},zIndex:{0:"var(--zIndex-0)",10:"var(--zIndex-10)",20:"var(--zIndex-20)",30:"var(--zIndex-30)",40:"var(--zIndex-40)",50:"var(--zIndex-50)",auto:"var(--zIndex-auto)"}},sD=t.Popover,sI=t.PopoverTrigger,sP=u.Tabs,sR=p.createTheme,sA=p.globalKeyframes,sL=p.globalStyle,sM=p.keyframes,sE=p.style,sq=p.styleVariants;export{b as Button,f as ButtonGroup,y as Card,C as CardContent,N as CardDescription,z as CardFooter,w as CardHeader,k as CardTitle,S as Checkbox,I as CircularProgress,W as ConfirmAction,Q as ContentState,et as CopyTypography,eX as DEFAULT_SEPARATOR,eY as DEFAULT_SYMBOL,eJ as DESCRIPTION_ROOT_CLASSNAME,ep as DataGrid,eq as DataGridActionCell,eB as DataGridSortHeader,eK as DataList,e5 as Description,e4 as Dialog,eg as DropdownMenu,ez as DropdownMenuCheckboxItem,eN as DropdownMenuContent,eb as DropdownMenuGroup,eC as DropdownMenuItem,eT as DropdownMenuLabel,e_ as DropdownMenuPortal,ey as DropdownMenuRadioGroup,eS as DropdownMenuRadioItem,eD as DropdownMenuSeparator,eI as DropdownMenuShortcut,ef as DropdownMenuSub,ek as DropdownMenuSubContent,ew as DropdownMenuSubTrigger,ej as DropdownMenuTrigger,F as Image,e7 as ImageCarousel,sl as Input,_ as Label,J as Placeholder,P as PopoverContent,sd as RangeInput,sx as ScrollTopButton,su as Select,s_ as SelectContent,sp as SelectGroup,sy as SelectItem,sf as SelectLabel,sb as SelectScrollDownButton,sj as SelectScrollUpButton,sw as SelectSeparator,sg as SelectTrigger,sv as SelectValue,st as Slider,sk as TabsContent,sN as TabsList,sC as TabsTrigger,sS as TextField,ea as Tooltip,H as Typography,L as alignments,j as buttonSizes,g as buttonVariants,R as colors,O as displays,A as transforms,E as variants,sT as vars,M as weights,sD as Popover,sI as PopoverTrigger,sP as Tabs,sR as createTheme,sA as globalKeyframes,sL as globalStyle,sM as keyframes,sE as style,sq as styleVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
colors: {
|
|
3
|
+
primary: {
|
|
4
|
+
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
5
|
+
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
6
|
+
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
7
|
+
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
+
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
|
+
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
|
+
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
+
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
};
|
|
14
|
+
red: {
|
|
15
|
+
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
+
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
+
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
|
+
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
+
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
+
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
};
|
|
25
|
+
green: {
|
|
26
|
+
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
|
+
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
+
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
+
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
|
+
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
|
+
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
+
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
+
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
|
+
};
|
|
36
|
+
yellow: {
|
|
37
|
+
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
|
+
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
|
+
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
+
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
|
+
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
42
|
+
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
|
+
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
|
+
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
45
|
+
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
46
|
+
};
|
|
47
|
+
grey: {
|
|
48
|
+
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
49
|
+
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
|
+
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
51
|
+
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
52
|
+
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
|
+
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
54
|
+
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
|
+
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
56
|
+
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
57
|
+
};
|
|
58
|
+
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
59
|
+
background: {
|
|
60
|
+
default: `var(--${string})` | `var(--${string}, ${string})`;
|
|
61
|
+
paper: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
|
+
element: `var(--${string})` | `var(--${string}, ${string})`;
|
|
63
|
+
elementHover: `var(--${string})` | `var(--${string}, ${string})`;
|
|
64
|
+
};
|
|
65
|
+
foreground: {
|
|
66
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
67
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
68
|
+
};
|
|
69
|
+
text: {
|
|
70
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
72
|
+
disabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
|
+
hint: `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
spacing: {
|
|
77
|
+
0: `var(--${string})` | `var(--${string}, ${string})`;
|
|
78
|
+
1: `var(--${string})` | `var(--${string}, ${string})`;
|
|
79
|
+
2: `var(--${string})` | `var(--${string}, ${string})`;
|
|
80
|
+
3: `var(--${string})` | `var(--${string}, ${string})`;
|
|
81
|
+
4: `var(--${string})` | `var(--${string}, ${string})`;
|
|
82
|
+
5: `var(--${string})` | `var(--${string}, ${string})`;
|
|
83
|
+
6: `var(--${string})` | `var(--${string}, ${string})`;
|
|
84
|
+
8: `var(--${string})` | `var(--${string}, ${string})`;
|
|
85
|
+
10: `var(--${string})` | `var(--${string}, ${string})`;
|
|
86
|
+
12: `var(--${string})` | `var(--${string}, ${string})`;
|
|
87
|
+
16: `var(--${string})` | `var(--${string}, ${string})`;
|
|
88
|
+
20: `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
|
+
};
|
|
90
|
+
fontSize: {
|
|
91
|
+
xs: `var(--${string})` | `var(--${string}, ${string})`;
|
|
92
|
+
sm: `var(--${string})` | `var(--${string}, ${string})`;
|
|
93
|
+
base: `var(--${string})` | `var(--${string}, ${string})`;
|
|
94
|
+
lg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
95
|
+
xl: `var(--${string})` | `var(--${string}, ${string})`;
|
|
96
|
+
'2xl': `var(--${string})` | `var(--${string}, ${string})`;
|
|
97
|
+
'3xl': `var(--${string})` | `var(--${string}, ${string})`;
|
|
98
|
+
'4xl': `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
|
+
};
|
|
100
|
+
fontWeight: {
|
|
101
|
+
normal: `var(--${string})` | `var(--${string}, ${string})`;
|
|
102
|
+
medium: `var(--${string})` | `var(--${string}, ${string})`;
|
|
103
|
+
semibold: `var(--${string})` | `var(--${string}, ${string})`;
|
|
104
|
+
bold: `var(--${string})` | `var(--${string}, ${string})`;
|
|
105
|
+
};
|
|
106
|
+
lineHeight: {
|
|
107
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
108
|
+
tight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
109
|
+
snug: `var(--${string})` | `var(--${string}, ${string})`;
|
|
110
|
+
normal: `var(--${string})` | `var(--${string}, ${string})`;
|
|
111
|
+
relaxed: `var(--${string})` | `var(--${string}, ${string})`;
|
|
112
|
+
loose: `var(--${string})` | `var(--${string}, ${string})`;
|
|
113
|
+
};
|
|
114
|
+
borderRadius: {
|
|
115
|
+
sm: `var(--${string})` | `var(--${string}, ${string})`;
|
|
116
|
+
md: `var(--${string})` | `var(--${string}, ${string})`;
|
|
117
|
+
lg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
118
|
+
};
|
|
119
|
+
boxShadow: {
|
|
120
|
+
sm: `var(--${string})` | `var(--${string}, ${string})`;
|
|
121
|
+
default: `var(--${string})` | `var(--${string}, ${string})`;
|
|
122
|
+
md: `var(--${string})` | `var(--${string}, ${string})`;
|
|
123
|
+
lg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
124
|
+
xl: `var(--${string})` | `var(--${string}, ${string})`;
|
|
125
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
126
|
+
};
|
|
127
|
+
zIndex: {
|
|
128
|
+
auto: `var(--${string})` | `var(--${string}, ${string})`;
|
|
129
|
+
'0': `var(--${string})` | `var(--${string}, ${string})`;
|
|
130
|
+
'10': `var(--${string})` | `var(--${string}, ${string})`;
|
|
131
|
+
'20': `var(--${string})` | `var(--${string}, ${string})`;
|
|
132
|
+
'30': `var(--${string})` | `var(--${string}, ${string})`;
|
|
133
|
+
'40': `var(--${string})` | `var(--${string}, ${string})`;
|
|
134
|
+
'50': `var(--${string})` | `var(--${string}, ${string})`;
|
|
135
|
+
};
|
|
136
|
+
};
|