lecom-ui 5.2.8 → 5.2.10
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/Breadcrumb/Breadcrumb.js +81 -0
- package/dist/index.d.ts +19 -1
- package/dist/index.js +1 -0
- package/dist/plugin/fontFaces.js +172 -172
- package/dist/plugin/pluginNextTurbo.cjs +5 -0
- package/dist/plugin/template.js +31 -31
- package/package.json +1 -1
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
+
import { ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
5
|
+
|
|
6
|
+
const Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React.createElement("nav", { ref, "aria-label": "breadcrumb", ...props }));
|
|
7
|
+
Breadcrumb.displayName = "Breadcrumb";
|
|
8
|
+
const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
9
|
+
"ol",
|
|
10
|
+
{
|
|
11
|
+
ref,
|
|
12
|
+
className: cn(
|
|
13
|
+
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
|
|
14
|
+
className
|
|
15
|
+
),
|
|
16
|
+
...props
|
|
17
|
+
}
|
|
18
|
+
));
|
|
19
|
+
BreadcrumbList.displayName = "BreadcrumbList";
|
|
20
|
+
const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
21
|
+
"li",
|
|
22
|
+
{
|
|
23
|
+
ref,
|
|
24
|
+
className: cn("inline-flex items-center gap-1.5", className),
|
|
25
|
+
...props
|
|
26
|
+
}
|
|
27
|
+
));
|
|
28
|
+
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
29
|
+
const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
|
|
30
|
+
const Comp = asChild ? Slot : "a";
|
|
31
|
+
return /* @__PURE__ */ React.createElement(
|
|
32
|
+
Comp,
|
|
33
|
+
{
|
|
34
|
+
ref,
|
|
35
|
+
className: cn("transition-colors hover:text-foreground", className),
|
|
36
|
+
...props
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
});
|
|
40
|
+
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
41
|
+
const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
42
|
+
"span",
|
|
43
|
+
{
|
|
44
|
+
ref,
|
|
45
|
+
"aria-disabled": "true",
|
|
46
|
+
"aria-current": "page",
|
|
47
|
+
className: cn("font-normal text-foreground", className),
|
|
48
|
+
...props
|
|
49
|
+
}
|
|
50
|
+
));
|
|
51
|
+
BreadcrumbPage.displayName = "BreadcrumbPage";
|
|
52
|
+
const BreadcrumbSeparator = ({
|
|
53
|
+
children,
|
|
54
|
+
className,
|
|
55
|
+
...props
|
|
56
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
57
|
+
"li",
|
|
58
|
+
{
|
|
59
|
+
"aria-hidden": "true",
|
|
60
|
+
className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
|
|
61
|
+
...props
|
|
62
|
+
},
|
|
63
|
+
children ?? /* @__PURE__ */ React.createElement(ChevronRight, null)
|
|
64
|
+
);
|
|
65
|
+
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
|
66
|
+
const BreadcrumbEllipsis = ({
|
|
67
|
+
className,
|
|
68
|
+
...props
|
|
69
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
70
|
+
"span",
|
|
71
|
+
{
|
|
72
|
+
"aria-hidden": "true",
|
|
73
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
74
|
+
...props
|
|
75
|
+
},
|
|
76
|
+
/* @__PURE__ */ React.createElement(MoreHorizontal, { className: "h-4 w-4" }),
|
|
77
|
+
/* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More")
|
|
78
|
+
);
|
|
79
|
+
BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
|
|
80
|
+
|
|
81
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
package/dist/index.d.ts
CHANGED
|
@@ -82,6 +82,24 @@ interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
82
82
|
}
|
|
83
83
|
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
84
84
|
|
|
85
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
86
|
+
separator?: React$1.ReactNode;
|
|
87
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
88
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
89
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
90
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
91
|
+
asChild?: boolean;
|
|
92
|
+
} & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
93
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
94
|
+
declare const BreadcrumbSeparator: {
|
|
95
|
+
({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
96
|
+
displayName: string;
|
|
97
|
+
};
|
|
98
|
+
declare const BreadcrumbEllipsis: {
|
|
99
|
+
({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
100
|
+
displayName: string;
|
|
101
|
+
};
|
|
102
|
+
|
|
85
103
|
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
86
104
|
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
87
105
|
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -1000,5 +1018,5 @@ declare const DrawerFooter: {
|
|
|
1000
1018
|
declare const DrawerTitle: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Title>>>;
|
|
1001
1019
|
declare const DrawerDescription: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Description> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Description>>>;
|
|
1002
1020
|
|
|
1003
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Rpa, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
|
|
1021
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Rpa, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
|
|
1004
1022
|
export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, CustomStyles$1 as CustomStyles, DataTableProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, TableProps, TagProps, TextColor, TextareaProps, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants } from './components/Accordion/Accordion.js';
|
|
2
2
|
export { Button, buttonVariants } from './components/Button/Button.js';
|
|
3
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/Breadcrumb/Breadcrumb.js';
|
|
3
4
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
|
|
4
5
|
export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/Chart/Chart.js';
|
|
5
6
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
package/dist/plugin/fontFaces.js
CHANGED
|
@@ -1,172 +1,172 @@
|
|
|
1
|
-
const fontFaces = (publicPath) => [
|
|
2
|
-
{
|
|
3
|
-
fontFamily: 'Roboto',
|
|
4
|
-
fontStyle: 'italic',
|
|
5
|
-
fontWeight: '100',
|
|
6
|
-
fontDisplay: 'swap',
|
|
7
|
-
src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
fontFamily: 'Roboto',
|
|
11
|
-
fontStyle: 'italic',
|
|
12
|
-
fontWeight: '300',
|
|
13
|
-
fontDisplay: 'swap',
|
|
14
|
-
src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
fontFamily: 'Roboto',
|
|
18
|
-
fontStyle: 'italic',
|
|
19
|
-
fontWeight: '400',
|
|
20
|
-
fontDisplay: 'swap',
|
|
21
|
-
src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
fontFamily: 'Roboto',
|
|
25
|
-
fontStyle: 'italic',
|
|
26
|
-
fontWeight: '500',
|
|
27
|
-
fontDisplay: 'swap',
|
|
28
|
-
src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
fontFamily: 'Roboto',
|
|
32
|
-
fontStyle: 'italic',
|
|
33
|
-
fontWeight: '700',
|
|
34
|
-
fontDisplay: 'swap',
|
|
35
|
-
src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
fontFamily: 'Roboto',
|
|
39
|
-
fontStyle: 'italic',
|
|
40
|
-
fontWeight: '900',
|
|
41
|
-
fontDisplay: 'swap',
|
|
42
|
-
src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
fontFamily: 'Roboto',
|
|
46
|
-
fontStyle: 'normal',
|
|
47
|
-
fontWeight: '100',
|
|
48
|
-
fontDisplay: 'swap',
|
|
49
|
-
src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
fontFamily: 'Roboto',
|
|
53
|
-
fontStyle: 'normal',
|
|
54
|
-
fontWeight: '300',
|
|
55
|
-
fontDisplay: 'swap',
|
|
56
|
-
src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
fontFamily: 'Roboto',
|
|
60
|
-
fontStyle: 'normal',
|
|
61
|
-
fontWeight: '400',
|
|
62
|
-
fontDisplay: 'swap',
|
|
63
|
-
src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
fontFamily: 'Roboto',
|
|
67
|
-
fontStyle: 'normal',
|
|
68
|
-
fontWeight: '500',
|
|
69
|
-
fontDisplay: 'swap',
|
|
70
|
-
src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
fontFamily: 'Roboto',
|
|
74
|
-
fontStyle: 'normal',
|
|
75
|
-
fontWeight: '700',
|
|
76
|
-
fontDisplay: 'swap',
|
|
77
|
-
src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
fontFamily: 'Roboto',
|
|
81
|
-
fontStyle: 'normal',
|
|
82
|
-
fontWeight: '900',
|
|
83
|
-
fontDisplay: 'swap',
|
|
84
|
-
src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
fontFamily: 'Montserrat',
|
|
88
|
-
fontStyle: 'italic',
|
|
89
|
-
fontWeight: '100 900',
|
|
90
|
-
fontDisplay: 'swap',
|
|
91
|
-
src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
fontFamily: 'Montserrat',
|
|
95
|
-
fontStyle: 'normal',
|
|
96
|
-
fontWeight: '100 900',
|
|
97
|
-
fontDisplay: 'swap',
|
|
98
|
-
src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
fontFamily: 'IBM Plex Mono',
|
|
102
|
-
fontStyle: 'italic',
|
|
103
|
-
fontWeight: '100',
|
|
104
|
-
fontDisplay: 'swap',
|
|
105
|
-
src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
fontFamily: 'IBM Plex Mono',
|
|
109
|
-
fontStyle: 'italic',
|
|
110
|
-
fontWeight: '300',
|
|
111
|
-
fontDisplay: 'swap',
|
|
112
|
-
src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
fontFamily: 'IBM Plex Mono',
|
|
116
|
-
fontStyle: 'italic',
|
|
117
|
-
fontWeight: '400',
|
|
118
|
-
fontDisplay: 'swap',
|
|
119
|
-
src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
fontFamily: 'IBM Plex Mono',
|
|
123
|
-
fontStyle: 'italic',
|
|
124
|
-
fontWeight: '500',
|
|
125
|
-
fontDisplay: 'swap',
|
|
126
|
-
src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
fontFamily: 'IBM Plex Mono',
|
|
130
|
-
fontStyle: 'italic',
|
|
131
|
-
fontWeight: '700',
|
|
132
|
-
fontDisplay: 'swap',
|
|
133
|
-
src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
fontFamily: 'IBM Plex Mono',
|
|
137
|
-
fontStyle: 'normal',
|
|
138
|
-
fontWeight: '100',
|
|
139
|
-
fontDisplay: 'swap',
|
|
140
|
-
src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
fontFamily: 'IBM Plex Mono',
|
|
144
|
-
fontStyle: 'normal',
|
|
145
|
-
fontWeight: '300',
|
|
146
|
-
fontDisplay: 'swap',
|
|
147
|
-
src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
fontFamily: 'IBM Plex Mono',
|
|
151
|
-
fontStyle: 'normal',
|
|
152
|
-
fontWeight: '400',
|
|
153
|
-
fontDisplay: 'swap',
|
|
154
|
-
src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
fontFamily: 'IBM Plex Mono',
|
|
158
|
-
fontStyle: 'normal',
|
|
159
|
-
fontWeight: '500',
|
|
160
|
-
fontDisplay: 'swap',
|
|
161
|
-
src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
|
|
162
|
-
},
|
|
163
|
-
{
|
|
164
|
-
fontFamily: 'IBM Plex Mono',
|
|
165
|
-
fontStyle: 'normal',
|
|
166
|
-
fontWeight: '700',
|
|
167
|
-
fontDisplay: 'swap',
|
|
168
|
-
src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
|
|
169
|
-
},
|
|
170
|
-
];
|
|
171
|
-
|
|
172
|
-
export { fontFaces };
|
|
1
|
+
const fontFaces = (publicPath) => [
|
|
2
|
+
{
|
|
3
|
+
fontFamily: 'Roboto',
|
|
4
|
+
fontStyle: 'italic',
|
|
5
|
+
fontWeight: '100',
|
|
6
|
+
fontDisplay: 'swap',
|
|
7
|
+
src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
fontFamily: 'Roboto',
|
|
11
|
+
fontStyle: 'italic',
|
|
12
|
+
fontWeight: '300',
|
|
13
|
+
fontDisplay: 'swap',
|
|
14
|
+
src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
fontFamily: 'Roboto',
|
|
18
|
+
fontStyle: 'italic',
|
|
19
|
+
fontWeight: '400',
|
|
20
|
+
fontDisplay: 'swap',
|
|
21
|
+
src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
fontFamily: 'Roboto',
|
|
25
|
+
fontStyle: 'italic',
|
|
26
|
+
fontWeight: '500',
|
|
27
|
+
fontDisplay: 'swap',
|
|
28
|
+
src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
fontFamily: 'Roboto',
|
|
32
|
+
fontStyle: 'italic',
|
|
33
|
+
fontWeight: '700',
|
|
34
|
+
fontDisplay: 'swap',
|
|
35
|
+
src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
fontFamily: 'Roboto',
|
|
39
|
+
fontStyle: 'italic',
|
|
40
|
+
fontWeight: '900',
|
|
41
|
+
fontDisplay: 'swap',
|
|
42
|
+
src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
fontFamily: 'Roboto',
|
|
46
|
+
fontStyle: 'normal',
|
|
47
|
+
fontWeight: '100',
|
|
48
|
+
fontDisplay: 'swap',
|
|
49
|
+
src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
fontFamily: 'Roboto',
|
|
53
|
+
fontStyle: 'normal',
|
|
54
|
+
fontWeight: '300',
|
|
55
|
+
fontDisplay: 'swap',
|
|
56
|
+
src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
fontFamily: 'Roboto',
|
|
60
|
+
fontStyle: 'normal',
|
|
61
|
+
fontWeight: '400',
|
|
62
|
+
fontDisplay: 'swap',
|
|
63
|
+
src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
fontFamily: 'Roboto',
|
|
67
|
+
fontStyle: 'normal',
|
|
68
|
+
fontWeight: '500',
|
|
69
|
+
fontDisplay: 'swap',
|
|
70
|
+
src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
fontFamily: 'Roboto',
|
|
74
|
+
fontStyle: 'normal',
|
|
75
|
+
fontWeight: '700',
|
|
76
|
+
fontDisplay: 'swap',
|
|
77
|
+
src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
fontFamily: 'Roboto',
|
|
81
|
+
fontStyle: 'normal',
|
|
82
|
+
fontWeight: '900',
|
|
83
|
+
fontDisplay: 'swap',
|
|
84
|
+
src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
fontFamily: 'Montserrat',
|
|
88
|
+
fontStyle: 'italic',
|
|
89
|
+
fontWeight: '100 900',
|
|
90
|
+
fontDisplay: 'swap',
|
|
91
|
+
src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
fontFamily: 'Montserrat',
|
|
95
|
+
fontStyle: 'normal',
|
|
96
|
+
fontWeight: '100 900',
|
|
97
|
+
fontDisplay: 'swap',
|
|
98
|
+
src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
fontFamily: 'IBM Plex Mono',
|
|
102
|
+
fontStyle: 'italic',
|
|
103
|
+
fontWeight: '100',
|
|
104
|
+
fontDisplay: 'swap',
|
|
105
|
+
src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
fontFamily: 'IBM Plex Mono',
|
|
109
|
+
fontStyle: 'italic',
|
|
110
|
+
fontWeight: '300',
|
|
111
|
+
fontDisplay: 'swap',
|
|
112
|
+
src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
fontFamily: 'IBM Plex Mono',
|
|
116
|
+
fontStyle: 'italic',
|
|
117
|
+
fontWeight: '400',
|
|
118
|
+
fontDisplay: 'swap',
|
|
119
|
+
src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
fontFamily: 'IBM Plex Mono',
|
|
123
|
+
fontStyle: 'italic',
|
|
124
|
+
fontWeight: '500',
|
|
125
|
+
fontDisplay: 'swap',
|
|
126
|
+
src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
fontFamily: 'IBM Plex Mono',
|
|
130
|
+
fontStyle: 'italic',
|
|
131
|
+
fontWeight: '700',
|
|
132
|
+
fontDisplay: 'swap',
|
|
133
|
+
src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
fontFamily: 'IBM Plex Mono',
|
|
137
|
+
fontStyle: 'normal',
|
|
138
|
+
fontWeight: '100',
|
|
139
|
+
fontDisplay: 'swap',
|
|
140
|
+
src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
fontFamily: 'IBM Plex Mono',
|
|
144
|
+
fontStyle: 'normal',
|
|
145
|
+
fontWeight: '300',
|
|
146
|
+
fontDisplay: 'swap',
|
|
147
|
+
src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
fontFamily: 'IBM Plex Mono',
|
|
151
|
+
fontStyle: 'normal',
|
|
152
|
+
fontWeight: '400',
|
|
153
|
+
fontDisplay: 'swap',
|
|
154
|
+
src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
fontFamily: 'IBM Plex Mono',
|
|
158
|
+
fontStyle: 'normal',
|
|
159
|
+
fontWeight: '500',
|
|
160
|
+
fontDisplay: 'swap',
|
|
161
|
+
src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
fontFamily: 'IBM Plex Mono',
|
|
165
|
+
fontStyle: 'normal',
|
|
166
|
+
fontWeight: '700',
|
|
167
|
+
fontDisplay: 'swap',
|
|
168
|
+
src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
|
|
169
|
+
},
|
|
170
|
+
];
|
|
171
|
+
|
|
172
|
+
export { fontFaces };
|
package/dist/plugin/template.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import Plugin from 'tailwindcss/plugin';
|
|
2
|
-
|
|
3
|
-
import { colors } from '../tokens/colors';
|
|
4
|
-
import { fonts } from '../tokens/fonts';
|
|
5
|
-
|
|
6
|
-
import { extend } from './extend';
|
|
7
|
-
import { fontFaces } from './fontFaces';
|
|
8
|
-
import { general } from './general';
|
|
9
|
-
import { typographies } from './typographies';
|
|
10
|
-
import { varsTheme } from './varsTheme';
|
|
11
|
-
|
|
12
|
-
const buildPlugin = (publicPath) =>
|
|
13
|
-
Plugin(
|
|
14
|
-
({ addBase, addComponents }) => {
|
|
15
|
-
addBase(varsTheme);
|
|
16
|
-
fontFaces(publicPath).map((fontFace) =>
|
|
17
|
-
addBase({ '@font-face': fontFace })
|
|
18
|
-
);
|
|
19
|
-
addBase(general);
|
|
20
|
-
addComponents(typographies);
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
theme: {
|
|
24
|
-
fontFamily: fonts,
|
|
25
|
-
colors,
|
|
26
|
-
extend,
|
|
27
|
-
},
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
export { buildPlugin };
|
|
1
|
+
import Plugin from 'tailwindcss/plugin';
|
|
2
|
+
|
|
3
|
+
import { colors } from '../tokens/colors';
|
|
4
|
+
import { fonts } from '../tokens/fonts';
|
|
5
|
+
|
|
6
|
+
import { extend } from './extend';
|
|
7
|
+
import { fontFaces } from './fontFaces';
|
|
8
|
+
import { general } from './general';
|
|
9
|
+
import { typographies } from './typographies';
|
|
10
|
+
import { varsTheme } from './varsTheme';
|
|
11
|
+
|
|
12
|
+
const buildPlugin = (publicPath) =>
|
|
13
|
+
Plugin(
|
|
14
|
+
({ addBase, addComponents }) => {
|
|
15
|
+
addBase(varsTheme);
|
|
16
|
+
fontFaces(publicPath).map((fontFace) =>
|
|
17
|
+
addBase({ '@font-face': fontFace })
|
|
18
|
+
);
|
|
19
|
+
addBase(general);
|
|
20
|
+
addComponents(typographies);
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
theme: {
|
|
24
|
+
fontFamily: fonts,
|
|
25
|
+
colors,
|
|
26
|
+
extend,
|
|
27
|
+
},
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
export { buildPlugin };
|