@cognite/aura 1.47006.0 → 1.47181.0

package/dist/components/ui/core/toggle/toggle.gallery.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBold, IconFilter, IconItalic } from "@tabler/icons-react";
+import { Toggle } from "./toggle.js";
+export function ToggleGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center gap-3",
+        children: [
+            /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": "Bold",
+                children: /*#__PURE__*/ _jsx(IconBold, {})
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                "aria-label": "Italic",
+                defaultPressed: true,
+                children: /*#__PURE__*/ _jsx(IconItalic, {})
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                icon: /*#__PURE__*/ _jsx(IconFilter, {}),
+                label: "Open",
+                count: 3
+            }),
+            /*#__PURE__*/ _jsx(Toggle, {
+                icon: /*#__PURE__*/ _jsx(IconFilter, {}),
+                label: "Closed",
+                count: 12,
+                disabled: true
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=toggle.gallery.js.map

package/dist/components/ui/core/toggle/toggle.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/toggle/toggle.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { IconBold, IconFilter, IconItalic } from '@tabler/icons-react';\n\nimport { Toggle } from './toggle';\n\nexport function ToggleGallery(): ReactElement {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Toggle aria-label=\"Bold\">\n        <IconBold />\n      </Toggle>\n      <Toggle aria-label=\"Italic\" defaultPressed>\n        <IconItalic />\n      </Toggle>\n      <Toggle icon={<IconFilter />} label=\"Open\" count={3} />\n      <Toggle icon={<IconFilter />} label=\"Closed\" count={12} disabled />\n    </div>\n  );\n}\n"],"names":["IconBold","IconFilter","IconItalic","Toggle","ToggleGallery","div","className","aria-label","defaultPressed","icon","label","count","disabled"],"mappings":";AAEA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,UAAU,QAAQ,sBAAsB;AAEvE,SAASC,MAAM,QAAQ,cAAW;AAElC,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACH;gBAAOI,cAAW;0BACjB,cAAA,KAACP;;0BAEH,KAACG;gBAAOI,cAAW;gBAASC,cAAc;0BACxC,cAAA,KAACN;;0BAEH,KAACC;gBAAOM,oBAAM,KAACR;gBAAeS,OAAM;gBAAOC,OAAO;;0BAClD,KAACR;gBAAOM,oBAAM,KAACR;gBAAeS,OAAM;gBAASC,OAAO;gBAAIC,QAAQ;;;;AAGtE"}

package/dist/components/ui/core/tooltip/tooltip.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function TooltipGallery(): ReactElement;

package/dist/components/ui/core/tooltip/tooltip.gallery.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../button/button.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
+export function TooltipGallery() {
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex justify-center gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                children: "Hover me"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "Publishing will make it available to all users"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                variant: "outline",
+                                children: "More info"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "This button does something important"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ _jsx(TooltipTrigger, {
+                            render: /*#__PURE__*/ _jsx(Button, {
+                                variant: "destructive",
+                                children: "Delete"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(TooltipContent, {
+                            children: "This action cannot be undone"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=tooltip.gallery.js.map

package/dist/components/ui/core/tooltip/tooltip.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/tooltip/tooltip.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Button } from '../button/button';\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from './tooltip';\n\nexport function TooltipGallery(): ReactElement {\n  return (\n    <TooltipProvider>\n      <div className=\"flex justify-center gap-2\">\n        <Tooltip>\n          <TooltipTrigger render={<Button>Hover me</Button>} />\n          <TooltipContent>\n            Publishing will make it available to all users\n          </TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger\n            render={<Button variant=\"outline\">More info</Button>}\n          />\n          <TooltipContent>This button does something important</TooltipContent>\n        </Tooltip>\n\n        <Tooltip>\n          <TooltipTrigger\n            render={<Button variant=\"destructive\">Delete</Button>}\n          />\n          <TooltipContent>This action cannot be undone</TooltipContent>\n        </Tooltip>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":["Button","Tooltip","TooltipContent","TooltipProvider","TooltipTrigger","TooltipGallery","div","className","render","variant"],"mappings":";AAEA,SAASA,MAAM,QAAQ,sBAAmB;AAE1C,SACEC,OAAO,EACPC,cAAc,EACdC,eAAe,EACfC,cAAc,QACT,eAAY;AAEnB,OAAO,SAASC;IACd,qBACE,KAACF;kBACC,cAAA,MAACG;YAAIC,WAAU;;8BACb,MAACN;;sCACC,KAACG;4BAAeI,sBAAQ,KAACR;0CAAO;;;sCAChC,KAACE;sCAAe;;;;8BAKlB,MAACD;;sCACC,KAACG;4BACCI,sBAAQ,KAACR;gCAAOS,SAAQ;0CAAU;;;sCAEpC,KAACP;sCAAe;;;;8BAGlB,MAACD;;sCACC,KAACG;4BACCI,sBAAQ,KAACR;gCAAOS,SAAQ;0CAAc;;;sCAExC,KAACP;sCAAe;;;;;;;AAK1B"}