lecom-ui 5.4.31 → 5.4.32
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/README.md +1 -1
- package/dist/components/Combobox/Combobox.js +42 -178
- package/dist/components/DataTable/DataTable.js +2 -2
- package/dist/components/DataTable/DataTable.utils.js +1 -1
- package/dist/components/DataTable/Table.js +1 -1
- package/dist/components/Header/SearchInput.js +1 -4
- package/dist/components/Input/Input.js +2 -2
- package/dist/components/Layout/Layout.js +0 -3
- package/dist/components/MultiSelect/MultiSelect.js +124 -238
- package/dist/components/Pagination/Pagination.js +5 -20
- package/dist/components/ScrollArea/ScrollArea.js +1 -1
- package/dist/components/TagInput/TagInput.js +12 -36
- package/dist/i18n/locales/en_us.js +2 -4
- package/dist/i18n/locales/es_es.js +2 -4
- package/dist/i18n/locales/pt_br.js +2 -4
- package/dist/index.d.ts +5 -11
- package/dist/plugin/extend.js +79 -79
- package/dist/plugin/fontFaces.js +172 -172
- package/dist/plugin/general.js +12 -12
- package/dist/plugin/pluginDev.cjs +5 -5
- package/dist/plugin/pluginNext.cjs +5 -5
- package/dist/plugin/pluginNextTurbo.cjs +5 -5
- package/dist/plugin/pluginVite.cjs +5 -5
- package/dist/plugin/template.js +31 -31
- package/dist/plugin/typographies.js +152 -152
- package/dist/plugin/varsTheme.js +79 -79
- package/dist/style.min.css +1 -1
- package/package.json +1 -1
- package/dist/components/Collapse/Collapse.js +0 -94
- package/dist/components/CustomIcon/Icons/CadastroFacil.js +0 -23
- package/dist/components/CustomIcon/Icons/LogoLecom.js +0 -30
- package/dist/components/CustomIcon/Icons/LogoLecomBrand.js +0 -23
- package/dist/components/CustomIcon/Icons/ModoTeste.js +0 -23
- package/dist/components/CustomIcon/Icons/Rpa.js +0 -23
- package/dist/components/CustomIcon/Icons/SairModoTeste.js +0 -31
- package/dist/components/IconHandler/IconHandler.js +0 -99
|
@@ -13,31 +13,15 @@ function TagItem({ item, onRemove, readOnly }) {
|
|
|
13
13
|
},
|
|
14
14
|
[item.value, onRemove]
|
|
15
15
|
);
|
|
16
|
-
return /* @__PURE__ */ React.createElement(
|
|
17
|
-
|
|
16
|
+
return /* @__PURE__ */ React.createElement(Tag, { "data-tag": "true", color: "blue", className: "max-w-[15.625rem] h-6 !px-2 !py-0.5" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600 truncate p-0" }, item.label), !readOnly && /* @__PURE__ */ React.createElement(
|
|
17
|
+
X,
|
|
18
18
|
{
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
variant: "body-small-400",
|
|
27
|
-
className: "text-blue-600 truncate p-0"
|
|
28
|
-
},
|
|
29
|
-
item.label
|
|
30
|
-
),
|
|
31
|
-
!readOnly && /* @__PURE__ */ React.createElement(
|
|
32
|
-
X,
|
|
33
|
-
{
|
|
34
|
-
className: "w-4 h-4 cursor-pointer flex-shrink-0",
|
|
35
|
-
onClick: handleRemove,
|
|
36
|
-
"aria-label": `Remover ${item.label}`,
|
|
37
|
-
tabIndex: 0
|
|
38
|
-
}
|
|
39
|
-
)
|
|
40
|
-
);
|
|
19
|
+
className: "w-4 h-4 cursor-pointer flex-shrink-0",
|
|
20
|
+
onClick: handleRemove,
|
|
21
|
+
"aria-label": `Remover ${item.label}`,
|
|
22
|
+
tabIndex: 0
|
|
23
|
+
}
|
|
24
|
+
));
|
|
41
25
|
}
|
|
42
26
|
function HiddenCountTag({ count }) {
|
|
43
27
|
return /* @__PURE__ */ React.createElement(Tag, { color: "blue", "data-tag": "true" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, "+", count));
|
|
@@ -85,8 +69,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
|
|
|
85
69
|
const [maxLines, setMaxLines] = React.useState(null);
|
|
86
70
|
const hasCalculatedMaxLines = React.useRef(false);
|
|
87
71
|
React.useEffect(() => {
|
|
88
|
-
if (hasCalculatedMaxLines.current || !ref.current || value.length === 0)
|
|
89
|
-
return;
|
|
72
|
+
if (hasCalculatedMaxLines.current || !ref.current || value.length === 0) return;
|
|
90
73
|
const calculateMaxLines = () => {
|
|
91
74
|
if (!ref.current) {
|
|
92
75
|
setTimeout(calculateMaxLines, 10);
|
|
@@ -100,10 +83,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
|
|
|
100
83
|
const TAG_HEIGHT = 24;
|
|
101
84
|
const CONTAINER_PADDING_VERTICAL = 4;
|
|
102
85
|
const availableHeight = containerHeight - CONTAINER_PADDING_VERTICAL * 2;
|
|
103
|
-
const calculatedMaxLines = Math.max(
|
|
104
|
-
1,
|
|
105
|
-
Math.floor(availableHeight / TAG_HEIGHT)
|
|
106
|
-
);
|
|
86
|
+
const calculatedMaxLines = Math.max(1, Math.floor(availableHeight / TAG_HEIGHT));
|
|
107
87
|
setMaxLines(calculatedMaxLines);
|
|
108
88
|
hasCalculatedMaxLines.current = true;
|
|
109
89
|
};
|
|
@@ -146,11 +126,7 @@ function useDynamicMaxCount(ref, value, maxDisplayCount) {
|
|
|
146
126
|
setDynamicMaxCount(value.length);
|
|
147
127
|
return;
|
|
148
128
|
}
|
|
149
|
-
const count = simulateTagLayout(
|
|
150
|
-
estimatedWidths,
|
|
151
|
-
availableWidth,
|
|
152
|
-
maxLines
|
|
153
|
-
);
|
|
129
|
+
const count = simulateTagLayout(estimatedWidths, availableWidth, maxLines);
|
|
154
130
|
setDynamicMaxCount(count);
|
|
155
131
|
};
|
|
156
132
|
const rafId = requestAnimationFrame(() => {
|
|
@@ -216,7 +192,7 @@ function TagInput(props) {
|
|
|
216
192
|
style: containerStyles,
|
|
217
193
|
...restProps
|
|
218
194
|
},
|
|
219
|
-
value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-
|
|
195
|
+
value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-400" }, placeholder),
|
|
220
196
|
displayTags.map((item) => /* @__PURE__ */ React.createElement(
|
|
221
197
|
TagItem,
|
|
222
198
|
{
|
|
@@ -9,8 +9,7 @@ const language = {
|
|
|
9
9
|
},
|
|
10
10
|
pagination: {
|
|
11
11
|
show: "Show:",
|
|
12
|
-
selectedProcess: "
|
|
13
|
-
selectedItemSingular: "item selected"
|
|
12
|
+
selectedProcess: "selected process"
|
|
14
13
|
},
|
|
15
14
|
upload: {
|
|
16
15
|
label: "Drag and drop the file here or click to select it.",
|
|
@@ -21,8 +20,7 @@ const language = {
|
|
|
21
20
|
search: "Type to search",
|
|
22
21
|
empty: "No results found",
|
|
23
22
|
selectAll: "Select all",
|
|
24
|
-
placeholder: "Select"
|
|
25
|
-
create: "Create"
|
|
23
|
+
placeholder: "Select"
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
};
|
|
@@ -9,8 +9,7 @@ const language = {
|
|
|
9
9
|
},
|
|
10
10
|
pagination: {
|
|
11
11
|
show: "Mostrar:",
|
|
12
|
-
selectedProcess: "Item(s) seleccionado(s)"
|
|
13
|
-
selectedItemSingular: "item seleccionado"
|
|
12
|
+
selectedProcess: "Item(s) seleccionado(s)"
|
|
14
13
|
},
|
|
15
14
|
upload: {
|
|
16
15
|
label: "Arrastre y suelte el archivo aqu\xED o haga clic para seleccionarlo.",
|
|
@@ -21,8 +20,7 @@ const language = {
|
|
|
21
20
|
search: "Tipo a buscar",
|
|
22
21
|
empty: "No se han encontrado resultados",
|
|
23
22
|
selectAll: "Seleccionar todo",
|
|
24
|
-
placeholder: "Seleccionar"
|
|
25
|
-
create: "Crear"
|
|
23
|
+
placeholder: "Seleccionar"
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
};
|
|
@@ -9,8 +9,7 @@ const language = {
|
|
|
9
9
|
},
|
|
10
10
|
pagination: {
|
|
11
11
|
show: "Mostrar:",
|
|
12
|
-
selectedProcess: "Item(s) selecionado(s)"
|
|
13
|
-
selectedItemSingular: "item selecionado"
|
|
12
|
+
selectedProcess: "Item(s) selecionado(s)"
|
|
14
13
|
},
|
|
15
14
|
upload: {
|
|
16
15
|
label: "Arraste e solte o arquivo aqui ou clique para selecion\xE1-lo.",
|
|
@@ -21,8 +20,7 @@ const language = {
|
|
|
21
20
|
search: "Digite para pesquisar",
|
|
22
21
|
empty: "Nenhum resultado encontrado",
|
|
23
22
|
selectAll: "Selecionar tudo",
|
|
24
|
-
placeholder: "Selecione"
|
|
25
|
-
create: "Criar"
|
|
23
|
+
placeholder: "Selecione"
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -306,7 +306,6 @@ interface PaginationProps {
|
|
|
306
306
|
className?: string;
|
|
307
307
|
activeColor?: BgColor$1;
|
|
308
308
|
showPerPageSelector?: boolean;
|
|
309
|
-
maxSelection?: number;
|
|
310
309
|
}
|
|
311
310
|
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
312
311
|
declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
@@ -335,7 +334,7 @@ declare const PaginationIndex: {
|
|
|
335
334
|
displayName: string;
|
|
336
335
|
};
|
|
337
336
|
declare const Pagination: {
|
|
338
|
-
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector,
|
|
337
|
+
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, showPerPageSelector, }: PaginationProps): React$1.JSX.Element;
|
|
339
338
|
displayName: string;
|
|
340
339
|
};
|
|
341
340
|
|
|
@@ -385,7 +384,6 @@ interface Column<TData, TValue> {
|
|
|
385
384
|
headerClassName?: string;
|
|
386
385
|
headerStyle?: React.CSSProperties;
|
|
387
386
|
cellClassName?: string;
|
|
388
|
-
showHeaderTooltip?: boolean;
|
|
389
387
|
customHeaderRender?: ({ table, column, }: ColumnSort<TData, TValue>) => React.ReactNode;
|
|
390
388
|
render?: (({ value, row }: ColumnRender<TData, TValue>) => React.ReactNode) | React.ReactNode;
|
|
391
389
|
onSort?: ({ table, column }: ColumnSort<TData, TValue>) => 'asc' | 'desc' | null | void;
|
|
@@ -728,7 +726,6 @@ interface SearchInputProps {
|
|
|
728
726
|
customStyles: CustomStyles$2;
|
|
729
727
|
placeholder?: string;
|
|
730
728
|
isActiveButton?: boolean;
|
|
731
|
-
value?: string;
|
|
732
729
|
onChangeValue?: (value: string) => void;
|
|
733
730
|
onClickButton?: () => void;
|
|
734
731
|
}
|
|
@@ -822,7 +819,7 @@ interface SideBarProps {
|
|
|
822
819
|
}
|
|
823
820
|
interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
824
821
|
header: HeaderProps;
|
|
825
|
-
sideBar
|
|
822
|
+
sideBar: SideBarProps;
|
|
826
823
|
}
|
|
827
824
|
declare const Layout: {
|
|
828
825
|
({ children, header, sideBar }: LayoutProps): React$1.JSX.Element;
|
|
@@ -863,7 +860,6 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
863
860
|
};
|
|
864
861
|
classNameContent?: string;
|
|
865
862
|
size?: MultiSelectSize;
|
|
866
|
-
readOnly?: boolean;
|
|
867
863
|
}
|
|
868
864
|
interface MultiSelectTreeOption {
|
|
869
865
|
label: string;
|
|
@@ -994,7 +990,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
|
|
|
994
990
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
995
991
|
|
|
996
992
|
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
|
|
997
|
-
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement |
|
|
993
|
+
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLUListElement | HTMLInputElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
|
|
998
994
|
className?: string;
|
|
999
995
|
collapsedSize?: number | undefined;
|
|
1000
996
|
collapsible?: boolean | undefined;
|
|
@@ -1089,7 +1085,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
|
|
|
1089
1085
|
declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
1090
1086
|
declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
1091
1087
|
declare const tooltipContentVariants: (props?: ({
|
|
1092
|
-
color?: "
|
|
1088
|
+
color?: "black" | "white" | null | undefined;
|
|
1093
1089
|
arrow?: boolean | null | undefined;
|
|
1094
1090
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1095
1091
|
interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
|
|
@@ -1232,10 +1228,8 @@ type ComboboxProps = {
|
|
|
1232
1228
|
rounded?: ComboboxRounded;
|
|
1233
1229
|
showSearch?: boolean;
|
|
1234
1230
|
size?: ComboboxSize;
|
|
1235
|
-
allowCreate?: boolean;
|
|
1236
|
-
onCreateOption?: (inputValue: string) => void;
|
|
1237
1231
|
};
|
|
1238
|
-
declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, itemsClassName, rounded, showSearch, size,
|
|
1232
|
+
declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, itemsClassName, rounded, showSearch, size, }: ComboboxProps): React$1.JSX.Element;
|
|
1239
1233
|
|
|
1240
1234
|
interface TagItem {
|
|
1241
1235
|
label: string;
|
package/dist/plugin/extend.js
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
const extend = {
|
|
2
|
-
colors: {
|
|
3
|
-
background: 'hsl(var(--background))',
|
|
4
|
-
foreground: 'hsl(var(--foreground))',
|
|
5
|
-
card: {
|
|
6
|
-
DEFAULT: 'hsl(var(--card))',
|
|
7
|
-
foreground: 'hsl(var(--card-foreground))',
|
|
8
|
-
},
|
|
9
|
-
popover: {
|
|
10
|
-
DEFAULT: 'hsl(var(--popover))',
|
|
11
|
-
foreground: 'hsl(var(--popover-foreground))',
|
|
12
|
-
},
|
|
13
|
-
primary: {
|
|
14
|
-
DEFAULT: 'hsl(var(--primary))',
|
|
15
|
-
foreground: 'hsl(var(--primary-foreground))',
|
|
16
|
-
},
|
|
17
|
-
secondary: {
|
|
18
|
-
DEFAULT: 'hsl(var(--secondary))',
|
|
19
|
-
foreground: 'hsl(var(--secondary-foreground))',
|
|
20
|
-
},
|
|
21
|
-
muted: {
|
|
22
|
-
DEFAULT: 'hsl(var(--muted))',
|
|
23
|
-
foreground: 'hsl(var(--muted-foreground))',
|
|
24
|
-
},
|
|
25
|
-
accent: {
|
|
26
|
-
DEFAULT: 'hsl(var(--accent))',
|
|
27
|
-
foreground: 'hsl(var(--accent-foreground))',
|
|
28
|
-
},
|
|
29
|
-
destructive: {
|
|
30
|
-
DEFAULT: 'hsl(var(--destructive))',
|
|
31
|
-
foreground: 'hsl(var(--destructive-foreground))',
|
|
32
|
-
},
|
|
33
|
-
border: 'hsl(var(--border))',
|
|
34
|
-
input: 'hsl(var(--input))',
|
|
35
|
-
ring: 'hsl(var(--ring))',
|
|
36
|
-
chart: {
|
|
37
|
-
1: 'hsl(var(--chart-1))',
|
|
38
|
-
2: 'hsl(var(--chart-2))',
|
|
39
|
-
3: 'hsl(var(--chart-3))',
|
|
40
|
-
4: 'hsl(var(--chart-4))',
|
|
41
|
-
5: 'hsl(var(--chart-5))',
|
|
42
|
-
6: 'hsl(var(--chart-6))',
|
|
43
|
-
7: 'hsl(var(--chart-7))',
|
|
44
|
-
8: 'hsl(var(--chart-8))',
|
|
45
|
-
},
|
|
46
|
-
sidebar: {
|
|
47
|
-
DEFAULT: 'hsl(var(--sidebar-background))',
|
|
48
|
-
foreground: 'hsl(var(--sidebar-foreground))',
|
|
49
|
-
primary: 'hsl(var(--sidebar-primary))',
|
|
50
|
-
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
|
51
|
-
accent: 'hsl(var(--sidebar-accent))',
|
|
52
|
-
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
|
53
|
-
border: 'hsl(var(--sidebar-border))',
|
|
54
|
-
ring: 'hsl(var(--sidebar-ring))',
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
borderRadius: {
|
|
58
|
-
lg: 'var(--radius)',
|
|
59
|
-
md: 'calc(var(--radius) - 2px)',
|
|
60
|
-
sm: 'calc(var(--radius) - 4px)',
|
|
61
|
-
},
|
|
62
|
-
keyframes: {
|
|
63
|
-
'accordion-down': {
|
|
64
|
-
from: { height: '0' },
|
|
65
|
-
to: { height: 'var(--radix-accordion-content-height)' },
|
|
66
|
-
},
|
|
67
|
-
'accordion-up': {
|
|
68
|
-
from: { height: 'var(--radix-accordion-content-height)' },
|
|
69
|
-
to: { height: '0' },
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
animation: {
|
|
73
|
-
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
74
|
-
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
75
|
-
'spin-slow': 'spin 2s linear infinite',
|
|
76
|
-
},
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
export { extend };
|
|
1
|
+
const extend = {
|
|
2
|
+
colors: {
|
|
3
|
+
background: 'hsl(var(--background))',
|
|
4
|
+
foreground: 'hsl(var(--foreground))',
|
|
5
|
+
card: {
|
|
6
|
+
DEFAULT: 'hsl(var(--card))',
|
|
7
|
+
foreground: 'hsl(var(--card-foreground))',
|
|
8
|
+
},
|
|
9
|
+
popover: {
|
|
10
|
+
DEFAULT: 'hsl(var(--popover))',
|
|
11
|
+
foreground: 'hsl(var(--popover-foreground))',
|
|
12
|
+
},
|
|
13
|
+
primary: {
|
|
14
|
+
DEFAULT: 'hsl(var(--primary))',
|
|
15
|
+
foreground: 'hsl(var(--primary-foreground))',
|
|
16
|
+
},
|
|
17
|
+
secondary: {
|
|
18
|
+
DEFAULT: 'hsl(var(--secondary))',
|
|
19
|
+
foreground: 'hsl(var(--secondary-foreground))',
|
|
20
|
+
},
|
|
21
|
+
muted: {
|
|
22
|
+
DEFAULT: 'hsl(var(--muted))',
|
|
23
|
+
foreground: 'hsl(var(--muted-foreground))',
|
|
24
|
+
},
|
|
25
|
+
accent: {
|
|
26
|
+
DEFAULT: 'hsl(var(--accent))',
|
|
27
|
+
foreground: 'hsl(var(--accent-foreground))',
|
|
28
|
+
},
|
|
29
|
+
destructive: {
|
|
30
|
+
DEFAULT: 'hsl(var(--destructive))',
|
|
31
|
+
foreground: 'hsl(var(--destructive-foreground))',
|
|
32
|
+
},
|
|
33
|
+
border: 'hsl(var(--border))',
|
|
34
|
+
input: 'hsl(var(--input))',
|
|
35
|
+
ring: 'hsl(var(--ring))',
|
|
36
|
+
chart: {
|
|
37
|
+
1: 'hsl(var(--chart-1))',
|
|
38
|
+
2: 'hsl(var(--chart-2))',
|
|
39
|
+
3: 'hsl(var(--chart-3))',
|
|
40
|
+
4: 'hsl(var(--chart-4))',
|
|
41
|
+
5: 'hsl(var(--chart-5))',
|
|
42
|
+
6: 'hsl(var(--chart-6))',
|
|
43
|
+
7: 'hsl(var(--chart-7))',
|
|
44
|
+
8: 'hsl(var(--chart-8))',
|
|
45
|
+
},
|
|
46
|
+
sidebar: {
|
|
47
|
+
DEFAULT: 'hsl(var(--sidebar-background))',
|
|
48
|
+
foreground: 'hsl(var(--sidebar-foreground))',
|
|
49
|
+
primary: 'hsl(var(--sidebar-primary))',
|
|
50
|
+
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
|
51
|
+
accent: 'hsl(var(--sidebar-accent))',
|
|
52
|
+
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
|
53
|
+
border: 'hsl(var(--sidebar-border))',
|
|
54
|
+
ring: 'hsl(var(--sidebar-ring))',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
borderRadius: {
|
|
58
|
+
lg: 'var(--radius)',
|
|
59
|
+
md: 'calc(var(--radius) - 2px)',
|
|
60
|
+
sm: 'calc(var(--radius) - 4px)',
|
|
61
|
+
},
|
|
62
|
+
keyframes: {
|
|
63
|
+
'accordion-down': {
|
|
64
|
+
from: { height: '0' },
|
|
65
|
+
to: { height: 'var(--radix-accordion-content-height)' },
|
|
66
|
+
},
|
|
67
|
+
'accordion-up': {
|
|
68
|
+
from: { height: 'var(--radix-accordion-content-height)' },
|
|
69
|
+
to: { height: '0' },
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
animation: {
|
|
73
|
+
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
74
|
+
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
75
|
+
'spin-slow': 'spin 2s linear infinite',
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export { extend };
|