@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: ['class', '[data-theme="dark"]'],
4
+ darkMode: ["class", '[data-theme="dark"]'],
6
5
  theme: {
7
6
  container: {
8
7
  center: true,
9
- padding: '2rem',
8
+ padding: "2rem",
10
9
  screens: {
11
- 'large-laptop': '1400px', // Above 1400px wide screens set containers to have a max-width of 1400px
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
- xs: '375px',
16
- sm: '576px',
17
- md: '768px',
18
- lg: '1024px',
19
- xl: '1280px',
20
- '2xl': '1536px',
21
- '3xl': '1920px',
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: [animate, typography],
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":"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"}
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: ['class', '[data-theme="dark"]'],
23912
+ darkMode: ["class", '[data-theme="dark"]'],
23914
23913
  theme: {
23915
23914
  container: {
23916
23915
  center: true,
23917
- padding: '2rem',
23916
+ padding: "2rem",
23918
23917
  screens: {
23919
- 'large-laptop': '1400px', // Above 1400px wide screens set containers to have a max-width of 1400px
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
- xs: '375px',
23924
- sm: '576px',
23925
- md: '768px',
23926
- lg: '1024px',
23927
- xl: '1280px',
23928
- '2xl': '1536px',
23929
- '3xl': '1920px',
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: [animate, typography],
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
- 'large-laptop': string;
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
- '2xl': string;
19
- '3xl': string;
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
- 'large-laptop': string;
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
- '2xl': string;
20
- '3xl': string;
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: (typeof import("@tailwindcss/typography") | {
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.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
  }