@causw/core 0.0.15 → 0.0.16

package/dist/index.cjs

@@ -31,12 +31,16 @@ const require_Chip = require('./components/Chip/Chip.cjs');
 const require_Avatar = require('./components/Avatar/Avatar.cjs');
 const require_Tab = require('./components/Tab/Tab.cjs');
 const require_Toast = require('./components/Toast/Toast.cjs');
+const require_toastStore = require('./components/Toast/toastStore.cjs');
 const require_Modal = require('./components/Modal/Modal.cjs');
 const require_Sidebar = require('./components/Sidebar/Sidebar.cjs');
 const require_BottomNavigation = require('./components/BottomNavigation/BottomNavigation.cjs');
 const require_Calendar = require('./components/Calendar/Calendar.cjs');
 const require_Drawer = require('./components/Drawer/Drawer.cjs');
 const require_BottomSheet = require('./components/BottomSheet/BottomSheet.cjs');
+const require_Skeleton = require('./components/Skeleton/Skeleton.cjs');
+const require_Spinner = require('./components/Spinner/Spinner.cjs');
+const require_PullToRefresh = require('./components/PullToRefresh/PullToRefresh.cjs');
 
 exports.Avatar = require_Avatar.Avatar;
 exports.BottomNavigation = require_BottomNavigation.BottomNavigation;
@@ -58,6 +62,7 @@ exports.Grid = require_Grid.Grid;
 exports.HStack = require_HStack.HStack;
 exports.Modal = require_Modal.Modal;
 exports.Primitive = require_Primitive.Primitive;
+exports.PullToRefresh = require_PullToRefresh.PullToRefresh;
 exports.Radio = require_Radio.Radio;
 exports.RadioGroup = require_Radio.RadioGroup;
 exports.RatioChart = require_RatioChart.RatioChart;
@@ -65,7 +70,9 @@ exports.RatioChartEditor = require_RatioChartEditor.RatioChartEditor;
 exports.Select = require_Select.Select;
 exports.Separator = require_Separator.Separator;
 exports.Sidebar = require_Sidebar.Sidebar;
+exports.Skeleton = require_Skeleton.Skeleton;
 exports.Spacer = require_Spacer.Spacer;
+exports.Spinner = require_Spinner.Spinner;
 exports.Stack = require_Stack.Stack;
 exports.Tab = require_Tab.Tab;
 exports.Text = require_Text.Text;
@@ -80,4 +87,5 @@ exports.box = require_Box_styles.box;
 exports.convertPxToRem = require_converter.convertPxToRem;
 exports.mergeStyles = require_mergeStyles.mergeStyles;
 exports.splitVariantProps = require_splitter.splitVariantProps;
+exports.toast = require_toastStore.toast;
 exports.useRadioGroupContext = require_Radio.useRadioGroupContext;

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,8 @@ 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 "./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, 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,8 @@ 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 "./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, 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,15 @@ 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";
 
-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, 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.16",
   "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.0",
+    "@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;
+}