@cognite/aura 1.46884.0 → 1.47174.0

package/dist/components/ui/core/radio-group/radio-group.gallery.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemLabel } from "./radio-group.js";
+export function RadioGroupGallery() {
+    return /*#__PURE__*/ _jsxs(RadioGroup, {
+        defaultValue: "option1",
+        children: [
+            /*#__PURE__*/ _jsxs(RadioGroupItem, {
+                children: [
+                    /*#__PURE__*/ _jsx(RadioGroupItemControl, {
+                        value: "option1",
+                        "aria-label": "Option 1"
+                    }),
+                    /*#__PURE__*/ _jsx(RadioGroupItemLabel, {
+                        children: "Option 1"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(RadioGroupItem, {
+                children: [
+                    /*#__PURE__*/ _jsx(RadioGroupItemControl, {
+                        value: "option2",
+                        "aria-label": "Option 2"
+                    }),
+                    /*#__PURE__*/ _jsx(RadioGroupItemLabel, {
+                        children: "Option 2"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(RadioGroupItem, {
+                children: [
+                    /*#__PURE__*/ _jsx(RadioGroupItemControl, {
+                        value: "option3",
+                        "aria-label": "Option 3"
+                    }),
+                    /*#__PURE__*/ _jsx(RadioGroupItemLabel, {
+                        children: "Option 3"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=radio-group.gallery.js.map

package/dist/components/ui/core/radio-group/radio-group.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/radio-group/radio-group.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport {\n  RadioGroup,\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemLabel,\n} from './radio-group';\n\nexport function RadioGroupGallery(): ReactElement {\n  return (\n    <RadioGroup defaultValue=\"option1\">\n      <RadioGroupItem>\n        <RadioGroupItemControl value=\"option1\" aria-label=\"Option 1\" />\n        <RadioGroupItemLabel>Option 1</RadioGroupItemLabel>\n      </RadioGroupItem>\n      <RadioGroupItem>\n        <RadioGroupItemControl value=\"option2\" aria-label=\"Option 2\" />\n        <RadioGroupItemLabel>Option 2</RadioGroupItemLabel>\n      </RadioGroupItem>\n      <RadioGroupItem>\n        <RadioGroupItemControl value=\"option3\" aria-label=\"Option 3\" />\n        <RadioGroupItemLabel>Option 3</RadioGroupItemLabel>\n      </RadioGroupItem>\n    </RadioGroup>\n  );\n}\n"],"names":["RadioGroup","RadioGroupItem","RadioGroupItemControl","RadioGroupItemLabel","RadioGroupGallery","defaultValue","value","aria-label"],"mappings":";AAEA,SACEA,UAAU,EACVC,cAAc,EACdC,qBAAqB,EACrBC,mBAAmB,QACd,mBAAgB;AAEvB,OAAO,SAASC;IACd,qBACE,MAACJ;QAAWK,cAAa;;0BACvB,MAACJ;;kCACC,KAACC;wBAAsBI,OAAM;wBAAUC,cAAW;;kCAClD,KAACJ;kCAAoB;;;;0BAEvB,MAACF;;kCACC,KAACC;wBAAsBI,OAAM;wBAAUC,cAAW;;kCAClD,KAACJ;kCAAoB;;;;0BAEvB,MAACF;;kCACC,KAACC;wBAAsBI,OAAM;wBAAUC,cAAW;;kCAClD,KAACJ;kCAAoB;;;;;;AAI7B"}

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

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

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { HelperText } from "../helper-text/helper-text.js";
+import { Label } from "../label/label.js";
+import { Textarea } from "./textarea.js";
+export function TextareaGallery() {
+    const id = useId();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "w-88 space-y-4",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid w-full gap-1.5",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        htmlFor: `${id}-message`,
+                        children: "Your message"
+                    }),
+                    /*#__PURE__*/ _jsx(Textarea, {
+                        id: `${id}-message`,
+                        placeholder: "Type your message here..."
+                    }),
+                    /*#__PURE__*/ _jsx(HelperText, {
+                        className: "pt-2",
+                        children: "Visible to everyone on the team."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid w-full gap-1.5",
+                children: [
+                    /*#__PURE__*/ _jsx(Label, {
+                        htmlFor: `${id}-comments`,
+                        children: "Comments"
+                    }),
+                    /*#__PURE__*/ _jsx(Textarea, {
+                        id: `${id}-comments`,
+                        defaultValue: "Too short",
+                        "aria-invalid": true
+                    }),
+                    /*#__PURE__*/ _jsx(HelperText, {
+                        className: "pt-2",
+                        isError: true,
+                        children: "Enter at least 20 characters."
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=textarea.gallery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/textarea/textarea.gallery.tsx"],"sourcesContent":["import { type ReactElement, useId } from 'react';\n\nimport { HelperText } from '../helper-text/helper-text';\nimport { Label } from '../label/label';\n\nimport { Textarea } from './textarea';\n\nexport function TextareaGallery(): ReactElement {\n  const id = useId();\n\n  return (\n    <div className=\"w-88 space-y-4\">\n      <div className=\"grid w-full gap-1.5\">\n        <Label htmlFor={`${id}-message`}>Your message</Label>\n        <Textarea\n          id={`${id}-message`}\n          placeholder=\"Type your message here...\"\n        />\n        <HelperText className=\"pt-2\">\n          Visible to everyone on the team.\n        </HelperText>\n      </div>\n      <div className=\"grid w-full gap-1.5\">\n        <Label htmlFor={`${id}-comments`}>Comments</Label>\n        <Textarea id={`${id}-comments`} defaultValue=\"Too short\" aria-invalid />\n        <HelperText className=\"pt-2\" isError>\n          Enter at least 20 characters.\n        </HelperText>\n      </div>\n    </div>\n  );\n}\n"],"names":["useId","HelperText","Label","Textarea","TextareaGallery","id","div","className","htmlFor","placeholder","defaultValue","aria-invalid","isError"],"mappings":";AAAA,SAA4BA,KAAK,QAAQ,QAAQ;AAEjD,SAASC,UAAU,QAAQ,gCAA6B;AACxD,SAASC,KAAK,QAAQ,oBAAiB;AAEvC,SAASC,QAAQ,QAAQ,gBAAa;AAEtC,OAAO,SAASC;IACd,MAAMC,KAAKL;IAEX,qBACE,MAACM;QAAIC,WAAU;;0BACb,MAACD;gBAAIC,WAAU;;kCACb,KAACL;wBAAMM,SAAS,GAAGH,GAAG,QAAQ,CAAC;kCAAE;;kCACjC,KAACF;wBACCE,IAAI,GAAGA,GAAG,QAAQ,CAAC;wBACnBI,aAAY;;kCAEd,KAACR;wBAAWM,WAAU;kCAAO;;;;0BAI/B,MAACD;gBAAIC,WAAU;;kCACb,KAACL;wBAAMM,SAAS,GAAGH,GAAG,SAAS,CAAC;kCAAE;;kCAClC,KAACF;wBAASE,IAAI,GAAGA,GAAG,SAAS,CAAC;wBAAEK,cAAa;wBAAYC,cAAY;;kCACrE,KAACV;wBAAWM,WAAU;wBAAOK,OAAO;kCAAC;;;;;;AAM7C"}