@causw/core 0.0.15 → 0.0.17

package/dist/index.d.cts

@@ -10,6 +10,7 @@ import { Radio, RadioGroup, RadioGroupProps, RadioProps, useRadioGroupContext }
 import { mergeStyles } from "./utils/mergeStyles/mergeStyles.cjs";
 import { convertPxToRem } from "./utils/converter/converter.cjs";
 import { splitVariantProps } from "./utils/splitter/splitter.cjs";
+import "./utils/index.cjs";
 import { Toggle, ToggleLabelProps, ToggleRootProps } from "./components/Toggle/Toggle.cjs";
 import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./components/Checkbox/Checkbox.cjs";
 import { Button, ButtonProps } from "./components/Button/Button.cjs";
@@ -45,6 +46,7 @@ import { TabVariants } from "./components/Tab/Tab.styles.cjs";
 import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./components/Tab/Tab.cjs";
 import { ToastVariants } from "./components/Toast/Toast.styles.cjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.cjs";
+import { toast } from "./components/Toast/toastStore.cjs";
 import { ModalVariants } from "./components/Modal/Modal.styles.cjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.cjs";
 import { SidebarVariants } from "./components/Sidebar/Sidebar.styles.cjs";
@@ -53,4 +55,10 @@ import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation
 import { Calendar, CalendarEvent, CalendarProps } from "./components/Calendar/Calendar.cjs";
 import { Drawer } from "./components/Drawer/Drawer.cjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.cjs";
-export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Drawer, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Spacer, SpacerProps, SpacerVariants, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, useRadioGroupContext };
+import { Skeleton, SkeletonProps } from "./components/Skeleton/Skeleton.cjs";
+import { Spinner, SpinnerProps } from "./components/Spinner/Spinner.cjs";
+import { PullToRefresh, PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh.cjs";
+import { DatePickerVariants } from "./components/DatePicker/DatePicker.styles.cjs";
+import { DatePicker, DatePickerProps } from "./components/DatePicker/DatePicker.cjs";
+import "./components/index.cjs";
+export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Drawer, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };

package/dist/index.d.mts

@@ -46,6 +46,7 @@ import { TabVariants } from "./components/Tab/Tab.styles.mjs";
 import { Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps } from "./components/Tab/Tab.mjs";
 import { ToastVariants } from "./components/Toast/Toast.styles.mjs";
 import { Toast, ToastProps, ToastProvider, ToastViewport, ToastViewportProps } from "./components/Toast/Toast.mjs";
+import { toast } from "./components/Toast/toastStore.mjs";
 import { ModalVariants } from "./components/Modal/Modal.styles.mjs";
 import { Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps } from "./components/Modal/Modal.mjs";
 import { SidebarVariants } from "./components/Sidebar/Sidebar.styles.mjs";
@@ -54,5 +55,10 @@ import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation
 import { Calendar, CalendarEvent, CalendarProps } from "./components/Calendar/Calendar.mjs";
 import { Drawer } from "./components/Drawer/Drawer.mjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.mjs";
+import { Skeleton, SkeletonProps } from "./components/Skeleton/Skeleton.mjs";
+import { Spinner, SpinnerProps } from "./components/Spinner/Spinner.mjs";
+import { PullToRefresh, PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh.mjs";
+import { DatePickerVariants } from "./components/DatePicker/DatePicker.styles.mjs";
+import { DatePicker, DatePickerProps } from "./components/DatePicker/DatePicker.mjs";
 import "./components/index.mjs";
-export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Drawer, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Spacer, SpacerProps, SpacerVariants, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, useRadioGroupContext };
+export { Avatar, AvatarProps, AvatarVariants, BottomNavigation, BottomSheet, Box, BoxProps, BoxVariants, Button, ButtonProps, CTAButton, CTAButtonProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxLabelProps, CheckboxRootProps, Chip, ChipProps, ChipVariants, DatePicker, DatePickerProps, DatePickerVariants, Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogVariants, Drawer, Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps, DropdownVariants, Field, FieldDescriptionProps, FieldErrorDescriptionProps, FieldLabelProps, FieldProps, Flex, FlexAlign, FlexDirection, FlexGap, FlexJustify, FlexProps, Float, FloatProps, FloatingActionButton, FloatingActionButtonProps, Grid, GridProps, HStack, HStackProps, Modal, ModalActionProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalOverlayProps, ModalTitleProps, ModalVariants, PolymorphicProps, PolymorphicPropsWithoutRef, Primitive, PrimitiveProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RatioChart, RatioChartEditor, RatioChartEditorOption, RatioChartEditorProps, RatioChartFooterProps, RatioChartItemProps, RatioChartRootProps, Select, SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectTriggerProps, SelectValueProps, SelectVariants, Separator, SeparatorProps, SeparatorVariants, Sidebar, SidebarVariants, Skeleton, SkeletonProps, Spacer, SpacerProps, SpacerVariants, Spinner, SpinnerProps, Stack, StackProps, StackVariants, Tab, TabContentProps, TabListProps, TabRootProps, TabTabItemProps, TabVariants, Text, TextArea, TextAreaFooterProps, TextAreaInputProps, TextAreaProps, TextElement, TextInput, TextInputProps, TextInputVariants, TextProps, TextVariants, Toast, ToastProps, ToastProvider, ToastVariants, ToastViewport, ToastViewportProps, Toggle, ToggleLabelProps, ToggleRootProps, VStack, VStackProps, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };

package/dist/index.mjs

@@ -31,11 +31,16 @@ import { Chip } from "./components/Chip/Chip.mjs";
 import { Avatar } from "./components/Avatar/Avatar.mjs";
 import { Tab } from "./components/Tab/Tab.mjs";
 import { Toast, ToastProvider, ToastViewport } from "./components/Toast/Toast.mjs";
+import { toast } from "./components/Toast/toastStore.mjs";
 import { Modal } from "./components/Modal/Modal.mjs";
 import { Sidebar } from "./components/Sidebar/Sidebar.mjs";
 import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation.mjs";
 import { Calendar } from "./components/Calendar/Calendar.mjs";
 import { Drawer } from "./components/Drawer/Drawer.mjs";
 import { BottomSheet } from "./components/BottomSheet/BottomSheet.mjs";
+import { Skeleton } from "./components/Skeleton/Skeleton.mjs";
+import { Spinner } from "./components/Spinner/Spinner.mjs";
+import { PullToRefresh } from "./components/PullToRefresh/PullToRefresh.mjs";
+import { DatePicker } from "./components/DatePicker/DatePicker.mjs";
 
-export { Avatar, BottomNavigation, BottomSheet, Box, Button, CTAButton, Calendar, Checkbox, Chip, Dialog, Drawer, Dropdown, Field, Flex, Float, FloatingActionButton, Grid, HStack, Modal, Primitive, Radio, RadioGroup, RatioChart, RatioChartEditor, Select, Separator, Sidebar, Spacer, Stack, Tab, Text, TextArea, TextInput, Toast, ToastProvider, ToastViewport, Toggle, VStack, box, convertPxToRem, mergeStyles, splitVariantProps, useRadioGroupContext };
+export { Avatar, BottomNavigation, BottomSheet, Box, Button, CTAButton, Calendar, Checkbox, Chip, DatePicker, Dialog, Drawer, Dropdown, Field, Flex, Float, FloatingActionButton, Grid, HStack, Modal, Primitive, PullToRefresh, Radio, RadioGroup, RatioChart, RatioChartEditor, Select, Separator, Sidebar, Skeleton, Spacer, Spinner, Stack, Tab, Text, TextArea, TextInput, Toast, ToastProvider, ToastViewport, Toggle, VStack, box, convertPxToRem, mergeStyles, splitVariantProps, toast, useRadioGroupContext };

package/dist/utils/index.d.cts

@@ -0,0 +1,5 @@
+import { PolymorphicProps, PolymorphicPropsWithoutRef } from "./polymorphic/polymorphic.cjs";
+import "./polymorphic/index.cjs";
+import { mergeStyles } from "./mergeStyles/mergeStyles.cjs";
+import { convertPxToRem } from "./converter/converter.cjs";
+import { splitVariantProps } from "./splitter/splitter.cjs";

package/dist/utils/polymorphic/index.d.cts

@@ -0,0 +1 @@
+import { PolymorphicProps, PolymorphicPropsWithoutRef } from "./polymorphic.cjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@causw/core",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Core components and utilities for CAUSW Design System - CAU Software Community Service",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -36,8 +36,8 @@
     "date-fns": "^4.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
-    "@causw/tokens": "0.0.12",
-    "@causw/icons": "1.0.0"
+    "@causw/icons": "1.0.1",
+    "@causw/tokens": "0.0.12"
   },
   "peerDependencies": {
     "react": ">=18",

package/src/styles/global.css

@@ -2,6 +2,22 @@
 @import 'tailwindcss';
 @config '@causw/tokens/config';
 
+@layer base {
+  button:focus,
+  [role="button"]:focus,
+  button:focus-visible,
+  [role="button"]:focus-visible {
+    outline: none;
+  }
+
+  button:focus-visible,
+  [role="button"]:focus-visible {
+    outline: 2px solid black;
+    outline-offset: 1px;
+    border-radius: 10px;
+  }
+}
+
 * {
   letter-spacing: -0.02rem;
   -webkit-font-smoothing: antialiased;
@@ -206,3 +222,19 @@
     }
   }
 }
+
+@keyframes skeleton-pulse {
+  0% {
+    opacity: 0.4;
+  }
+  50% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0.4;
+  }
+}
+
+.animate-skeleton-pulse {
+  animation: skeleton-pulse 1.5s ease-in-out infinite;
+}