@quantinuum/quantinuum-ui 4.0.0 → 4.0.1
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.
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import typography from '@tailwindcss/typography';
|
|
2
|
-
import animate from 'tailwindcss-animate';
|
|
3
2
|
|
|
4
3
|
const tailwindTheme = {
|
|
5
|
-
darkMode: [
|
|
4
|
+
darkMode: ["class", '[data-theme="dark"]'],
|
|
6
5
|
theme: {
|
|
7
6
|
container: {
|
|
8
7
|
center: true,
|
|
9
|
-
padding:
|
|
8
|
+
padding: "2rem",
|
|
10
9
|
screens: {
|
|
11
|
-
|
|
10
|
+
"large-laptop": "1400px", // Above 1400px wide screens set containers to have a max-width of 1400px
|
|
12
11
|
},
|
|
13
12
|
},
|
|
14
13
|
screens: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
// Overriding default breakpoints - We want to replace rather than extend - all the breakpoints must be clearly defined here
|
|
15
|
+
xs: "375px",
|
|
16
|
+
sm: "576px",
|
|
17
|
+
md: "768px",
|
|
18
|
+
lg: "1024px",
|
|
19
|
+
xl: "1280px",
|
|
20
|
+
"2xl": "1536px",
|
|
21
|
+
"3xl": "1920px",
|
|
22
22
|
},
|
|
23
23
|
extend: {
|
|
24
24
|
colors: {
|
|
@@ -83,7 +83,7 @@ const tailwindTheme = {
|
|
|
83
83
|
},
|
|
84
84
|
},
|
|
85
85
|
},
|
|
86
|
-
plugins: [
|
|
86
|
+
plugins: [typography],
|
|
87
87
|
};
|
|
88
88
|
|
|
89
89
|
export { tailwindTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwindTheme.js","sources":["../../../src/tailwindTheme.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tailwindTheme.js","sources":["../../../src/tailwindTheme.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import * as ReactDOM from 'react-dom';
|
|
|
6
6
|
import ReactDOM__default, { flushSync, createPortal } from 'react-dom';
|
|
7
7
|
import { FormProvider, Controller, useFormContext } from 'react-hook-form';
|
|
8
8
|
import typography from '@tailwindcss/typography';
|
|
9
|
-
import animate from 'tailwindcss-animate';
|
|
10
9
|
|
|
11
10
|
function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx$1(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
|
|
12
11
|
|
|
@@ -23910,23 +23909,24 @@ const TooltipContent = React.forwardRef((_a, ref) => {
|
|
|
23910
23909
|
TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
|
|
23911
23910
|
|
|
23912
23911
|
const tailwindTheme = {
|
|
23913
|
-
darkMode: [
|
|
23912
|
+
darkMode: ["class", '[data-theme="dark"]'],
|
|
23914
23913
|
theme: {
|
|
23915
23914
|
container: {
|
|
23916
23915
|
center: true,
|
|
23917
|
-
padding:
|
|
23916
|
+
padding: "2rem",
|
|
23918
23917
|
screens: {
|
|
23919
|
-
|
|
23918
|
+
"large-laptop": "1400px", // Above 1400px wide screens set containers to have a max-width of 1400px
|
|
23920
23919
|
},
|
|
23921
23920
|
},
|
|
23922
23921
|
screens: {
|
|
23923
|
-
|
|
23924
|
-
|
|
23925
|
-
|
|
23926
|
-
|
|
23927
|
-
|
|
23928
|
-
|
|
23929
|
-
|
|
23922
|
+
// Overriding default breakpoints - We want to replace rather than extend - all the breakpoints must be clearly defined here
|
|
23923
|
+
xs: "375px",
|
|
23924
|
+
sm: "576px",
|
|
23925
|
+
md: "768px",
|
|
23926
|
+
lg: "1024px",
|
|
23927
|
+
xl: "1280px",
|
|
23928
|
+
"2xl": "1536px",
|
|
23929
|
+
"3xl": "1920px",
|
|
23930
23930
|
},
|
|
23931
23931
|
extend: {
|
|
23932
23932
|
colors: {
|
|
@@ -23991,7 +23991,7 @@ const tailwindTheme = {
|
|
|
23991
23991
|
},
|
|
23992
23992
|
},
|
|
23993
23993
|
},
|
|
23994
|
-
plugins: [
|
|
23994
|
+
plugins: [typography],
|
|
23995
23995
|
};
|
|
23996
23996
|
|
|
23997
23997
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ExactMatchIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, SlideIn, SonnerToast, StatusIconCancelled, StatusIconError, StatusIconQueued, StatusIconRetrying, StatusIconSubmitted, StatusIconSuccess, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeSelector, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn$1 as cn, getTheme, navigationMenuTriggerStyle, setTheme, index as sonner, subscribeToTheme, tailwindTheme, useTheme };
|
|
@@ -6,7 +6,7 @@ export declare const tailwindTheme: {
|
|
|
6
6
|
center: true;
|
|
7
7
|
padding: string;
|
|
8
8
|
screens: {
|
|
9
|
-
|
|
9
|
+
"large-laptop": string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
screens: {
|
|
@@ -15,8 +15,8 @@ export declare const tailwindTheme: {
|
|
|
15
15
|
md: string;
|
|
16
16
|
lg: string;
|
|
17
17
|
xl: string;
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
"2xl": string;
|
|
19
|
+
"3xl": string;
|
|
20
20
|
};
|
|
21
21
|
extend: {
|
|
22
22
|
colors: {
|
|
@@ -95,7 +95,5 @@ export declare const tailwindTheme: {
|
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
97
|
};
|
|
98
|
-
plugins: (typeof typography
|
|
99
|
-
handler: () => void;
|
|
100
|
-
})[];
|
|
98
|
+
plugins: (typeof typography)[];
|
|
101
99
|
};
|
|
@@ -7,7 +7,7 @@ declare const _default: {
|
|
|
7
7
|
center: true;
|
|
8
8
|
padding: string;
|
|
9
9
|
screens: {
|
|
10
|
-
|
|
10
|
+
"large-laptop": string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
13
|
screens: {
|
|
@@ -16,8 +16,8 @@ declare const _default: {
|
|
|
16
16
|
md: string;
|
|
17
17
|
lg: string;
|
|
18
18
|
xl: string;
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
"2xl": string;
|
|
20
|
+
"3xl": string;
|
|
21
21
|
};
|
|
22
22
|
extend: {
|
|
23
23
|
colors: {
|
|
@@ -96,9 +96,7 @@ declare const _default: {
|
|
|
96
96
|
};
|
|
97
97
|
};
|
|
98
98
|
};
|
|
99
|
-
plugins:
|
|
100
|
-
handler: () => void;
|
|
101
|
-
})[];
|
|
99
|
+
plugins: typeof import("@tailwindcss/typography")[];
|
|
102
100
|
}[];
|
|
103
101
|
};
|
|
104
102
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quantinuum/quantinuum-ui",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"description": "Quantinuum design tokens and React components",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": {
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"storybook": "storybook dev -p 6006",
|
|
13
13
|
"build-storybook": "rm -rf ./dist && rollup -c && storybook build && cp ./dist/src/utils/syncTheme.js ./storybook-static/syncTheme.js",
|
|
14
14
|
"lint": "tsc && eslint src",
|
|
15
|
+
"check": "npx tsc -b",
|
|
15
16
|
"build": "rm -rf ./dist && rollup -c",
|
|
16
17
|
"prepare": "husky"
|
|
17
18
|
},
|
|
@@ -90,7 +91,6 @@
|
|
|
90
91
|
"semantic-release": "^24.2.5",
|
|
91
92
|
"sonner": "^2.0.1",
|
|
92
93
|
"storybook": "^10.3.5",
|
|
93
|
-
"tailwindcss-animate": "^1.0.7",
|
|
94
94
|
"typescript": "^6.0.2"
|
|
95
95
|
},
|
|
96
96
|
"dependencies": {
|
|
@@ -134,7 +134,6 @@
|
|
|
134
134
|
"react-hook-form": "^7.50.1",
|
|
135
135
|
"react-icons": "^5.3.0",
|
|
136
136
|
"tailwindcss": "^3.4.15",
|
|
137
|
-
"tailwindcss-animate": "^1.0.7",
|
|
138
137
|
"zod": "^3.25.56"
|
|
139
138
|
}
|
|
140
139
|
}
|