@granto-umbrella/umbrella-components 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granto-umbrella/umbrella-components",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Umbrella Components for React",
   "type": "module",
   "main": "src/index.js",

package/src/components/molecules/RadioBoxGroup/RadioBoxGroup.styles.ts

@@ -4,7 +4,8 @@ import styled from "styled-components";
 import { Circle } from "lucide-react";
 
 export const StyledRadioGroup = styled(RadioGroupPrimitive.Root)`
-  display: grid;
+  display: flex;
+  flex-direction: row;
   gap: 0.5rem;
 `;
 
@@ -17,7 +18,6 @@ export const StyledRadioGroupItem = styled(RadioGroupPrimitive.Item)`
   height: 1rem;
   aspect-ratio: 1 / 1;
   border-radius: 9999px;
-  border: 1px solid ${semanticColors.branding.border.enabled};
   color: ${semanticColors.branding.surface.enabled};
   outline: none;
 

package/src/index.ts

@@ -1,44 +1,106 @@
 /* eslint-disable react-refresh/only-export-components */
 // Import all components
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+} from "@radix-ui/react-dialog";
+import { Form } from "react-hook-form";
+import Badge from "./components/atoms/Badge/Badge";
+import Breadcrumb from "./components/atoms/Breadcrumb/Breadcrumb";
 import Button from "./components/atoms/Button";
+import { Checkbox } from "./components/atoms/Checkbox/Checkbox";
 import Icon from "./components/atoms/Icon";
 import Input from "./components/atoms/Input";
-import Select from "./components/atoms/Select";
-import AlertDialog from "./components/organisms/AlertDialog/AlertDialog";
-import Badge from "./components/atoms/Badge/Badge";
-import Breadcrumb from "./components/atoms/Breadcrumb/Breadcrumb";
+import { Label } from "./components/atoms/Label/Label";
 import RadioButton from "./components/atoms/RadioButton/RadioButton";
-import { Checkbox } from "./components/atoms/Checkbox/Checkbox";
+import Select from "./components/atoms/Select";
 import Switch from "./components/atoms/Switch/Switch";
 import Text from "./components/atoms/Text";
 import Textarea from "./components/atoms/Textarea/Textarea";
 import ButtonGroup from "./components/molecules/ButtonGroup/ButtonGroup";
+import { Calendar } from "./components/molecules/Calendar/Calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "./components/molecules/Popover/Popover";
+import {
+  RadioGroup,
+  RadioGroupItem,
+} from "./components/molecules/RadioBoxGroup/RadioBoxGroup";
+import AlertDialog from "./components/organisms/AlertDialog/AlertDialog";
+import {
+  DialogFooter,
+  DialogHeader,
+} from "./components/organisms/Dialog/Dialog";
+import {
+  StyledDialogClose,
+  StyledDialogOverlay,
+} from "./components/organisms/Dialog/Dialog.styles";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  useFormField,
+} from "./components/organisms/Form/Form";
 
 // Export all components
 export {
-  Button,
-  Icon,
-  Input,
-  Select,
   AlertDialog,
   Badge,
   Breadcrumb,
-  RadioButton,
+  Button,
+  ButtonGroup,
+  Calendar,
   Checkbox,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Icon,
+  Input,
+  Label,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  RadioButton,
+  RadioGroup,
+  RadioGroupItem,
+  Select,
+  StyledDialogClose,
+  StyledDialogOverlay,
   Switch,
   Text,
   Textarea,
-  ButtonGroup,
+  useFormField,
 };
 
 // Export all tokens from a new file
-export { primitiveColors, semanticColors } from "./styles/tokens/colors";
 export { primitiveBorders, semanticBorders } from "./styles/tokens/borders";
+export { primitiveColors, semanticColors } from "./styles/tokens/colors";
+export { primitiveRadius, semanticRadius } from "./styles/tokens/radius";
 export { primitiveShadows, semanticShadows } from "./styles/tokens/shadows";
 export { primitiveSizes, semanticSizes } from "./styles/tokens/sizes";
-export { primitiveRadius, semanticRadius } from "./styles/tokens/radius";
 export { typographyTokens } from "./styles/tokens/typography";
 
 // Export all types
-export type { Shadows } from "./types/shadows.types";
 export type { Radius } from "./types/radius.types";
+export type { Shadows } from "./types/shadows.types";