@shoplflow/base 0.46.2 → 0.46.4

package/dist/index.js

@@ -274,6 +274,9 @@ var AvatarSizeVariants = {
   XL: "XL"
 };
 
+// src/components/Avatar/version.ts
+var AVATAR_VERSION = "2.0.0";
+
 // src/styles/tokens.ts
 var fontWeightRegular = "var(--font-weight-regular)";
 var fontWeightMedium = "var(--font-weight-medium)";
@@ -549,6 +552,9 @@ var MotionStack = motion(Stack);
 MotionStack.Vertical = motion(Stack.Vertical);
 MotionStack.Horizontal = motion(Stack.Horizontal);
 var Stack_default = Stack;
+
+// src/components/Stack/version.ts
+var STACK_VERSION = "2.0.0";
 var StyledStackContainer = styled6.div`
   display: flex;
   width: ${({ width }) => width};
@@ -629,6 +635,9 @@ var MotionStackContainer = motion(StackContainer);
 MotionStackContainer.Vertical = motion(StackContainer.Vertical);
 MotionStackContainer.Horizontal = motion(StackContainer.Horizontal);
 var StackContainer_default = StackContainer;
+
+// src/components/StackContainer/version.ts
+var STACK_CONTAINER_VERSION = "2.0.0";
 var setEllipsis = (maxLines) => {
   return css`
     display: -webkit-box;
@@ -700,6 +709,9 @@ var Text = forwardRef(
   }
 );
 var Text_default = Text;
+
+// src/components/Text/version.ts
+var TEXT_VERSION = "2.0.1";
 var MODAL_SIZE_XXS = 400;
 var MODAL_SIZE_XS = 500;
 var MODAL_SIZE_S = 560;
@@ -980,6 +992,9 @@ var ScrollArea = forwardRef((_a, ref) => {
   ) });
 });
 var ScrollArea_default = ScrollArea;
+
+// src/components/ScrollArea/version.ts
+var SCROLL_AREA_VERSION = "2.0.0";
 var useModalOption = () => {
   const context = useContext(ModalOptionContext);
   if (!context) {
@@ -1226,6 +1241,9 @@ var ModalProvider = ({ children }) => {
 };
 var ModalProvider_default = ModalProvider;
 
+// src/components/Modal/version.ts
+var MODAL_VERSION = "2.0.0";
+
 // src/components/Modal/index.ts
 var Modal = {
   Container: ModalContainer_default,
@@ -1235,6 +1253,9 @@ var Modal = {
   Bottom: ModalBottom,
   Footer: ModalFooter_default
 };
+
+// src/components/BackDrop/version.ts
+var BACK_DROP_VERSION = "2.0.0";
 var getContainerStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
     case "S":
@@ -1394,6 +1415,9 @@ var SwitchSizeVariants = {
   M: "M"
 };
 
+// src/components/Switch/version.ts
+var SWITCH_VERSION = "2.0.0";
+
 // src/components/Chips/ChipToggle/ChipToggle.types.ts
 var ChipToggleStyleVariants = {
   SOLID: "SOLID"
@@ -1638,6 +1662,9 @@ var ChipButton = (_a) => {
   );
 };
 var ChipButton_default = ChipButton;
+
+// src/components/Chips/version.ts
+var CHIPS_VERSION = "2.0.0";
 var getStyleByStyleVar = (styleVar, color, disabled) => {
   const domain = getDomain();
   const secondaryBorderColor = domain === "hada" ? colorTokens.hada150 : colorTokens.neutral350;
@@ -2128,6 +2155,9 @@ var PopperPortal = forwardRef(
 Popper.Trigger = PopperTrigger;
 Popper.Portal = PopperPortal;
 var Popper_default = Popper;
+
+// src/components/Popper/version.ts
+var POPPER_VERSION = "2.0.0";
 var Container2 = styled6.div`
   display: flex;
   align-items: center;
@@ -2443,6 +2473,9 @@ var Radio = (_a) => {
 Radio[RADIO_SYMBOL_KEY] = true;
 var Radio_default = Radio;
 
+// src/components/ControlButtons/version.ts
+var CONTROL_BUTTONS_VERSION = "2.0.0";
+
 // src/components/Menu/Menu.styled.ts
 var getStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
@@ -2551,6 +2584,9 @@ var MenuSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Menu/version.ts
+var MENU_VERSION = "2.0.0";
 var DropdownButtonContext = createContext(null);
 var useDropdownButtonContext = () => {
   const context = useContext(DropdownButtonContext);
@@ -2600,6 +2636,9 @@ var Icon = forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsx(StyledIcon, __spreadProps(__spreadValues({ as: iconSource, ref }, rest), { "data-shoplflow": "Icon" }));
 });
 var Icon_default = Icon;
+
+// src/components/Icon/version.ts
+var ICON_VERSION = "2.0.0";
 var DropdownButtonMenu = (_a) => {
   var _b = _a, { onClick, children } = _b, rest = __objRest(_b, ["onClick", "children"]);
   const { setIsOpen } = useDropdownButtonContext();
@@ -2917,11 +2956,11 @@ var SplitButtonStyleVariants = {
   PRIMARY: "PRIMARY",
   SECONDARY: "SECONDARY"
 };
+
+// src/components/Buttons/version.ts
+var BUTTONS_VERSION = "2.0.0";
 var informationStyle = css`
   background: ${colorTokens.neutral400_5};
-  & > span {
-    color: ${colorTokens.neutral600};
-  }
   & > svg > circle {
     fill: ${colorTokens.neutral200};
   }
@@ -2929,12 +2968,20 @@ var informationStyle = css`
     fill: ${colorTokens.neutral400};
   }
 `;
+var cautionStyle = css`
+  background: ${colorTokens.yellow100};
+  & > svg > path {
+    fill: ${colorTokens.yellow300};
+  }
+  & > svg > circle {
+    fill: ${colorTokens.yellow300};
+  }
+  & > svg > path {
+    fill: ${colorTokens.yellow300};
+  }
+`;
 var alertStyle = css`
   background: ${colorTokens.red100};
-  & > span {
-    align-self: center;
-    color: ${colorTokens.red300};
-  }
   & > svg > path {
     fill: ${colorTokens.red300};
   }
@@ -2943,10 +2990,11 @@ var StyledCallout = styled6.div`
   display: flex;
   justify-content: flex-start;
   align-items: start;
-  padding: 6px 8px;
+  padding: 12px;
   gap: 4px;
   border-radius: ${borderRadiusTokens.borderRadius08};
   ${({ styleVar }) => styleVar === "INFORMATION" && informationStyle}
+  ${({ styleVar }) => styleVar === "CAUTION" && cautionStyle}
   ${({ styleVar }) => styleVar === "ALERT" && alertStyle}
   ${({ fillWidth }) => fillWidth && css`
       width: 100%;
@@ -2958,6 +3006,7 @@ var StyledCalloutIcon = styled6.svg`
   min-height: 20px;
   width: 20px;
   min-width: 20px;
+  flex-shrink: 0;
 `;
 styled6.div`
   padding: 2px 0;
@@ -2970,18 +3019,41 @@ var CalloutText = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx(Text_default, __spreadProps(__spreadValues({}, rest), { typography: "paragraph2", children }));
 };
-var CalloutIcon = ({ iconSource }) => {
-  return /* @__PURE__ */ jsx(StyledCalloutIcon, { as: iconSource });
+var CalloutBulletList = ({ children }) => {
+  return /* @__PURE__ */ jsxs(StackContainer_default.Horizontal, { spacing: "spacing06", width: "100%", justify: "flex-start", minHeight: "20px", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          marginTop: "8px",
+          backgroundColor: colorTokens.neutral700,
+          width: "3px",
+          height: "3px",
+          borderRadius: "50%",
+          flexShrink: 0
+        }
+      }
+    ),
+    children
+  ] });
+};
+var CalloutIcon = ({ iconSource, color }) => {
+  return /* @__PURE__ */ jsx(StyledCalloutIcon, { as: iconSource, color });
 };
 Callout.Text = CalloutText;
 Callout.Icon = CalloutIcon;
+Callout.BulletList = CalloutBulletList;
 var Callout_default = Callout;
 
 // src/components/Callout/Callout.types.ts
 var CalloutTypes = {
   INFORMATION: "INFORMATION",
+  CAUTION: "CAUTION",
   ALERT: "ALERT"
 };
+
+// src/components/Callout/version.ts
+var CALLOUT_VERSION = "2.1.2";
 var StyledDropdown = styled6.div`
   width: ${({ width }) => width};
 `;
@@ -3314,6 +3386,9 @@ var DropdownOptionVariants = {
   OUTSIDE_CLICK: "OUTSIDE_CLICK",
   NONE: "NONE"
 };
+
+// src/components/Dropdown/version.ts
+var DROPDOWN_VERSION = "2.0.0";
 var StyledList = styled6.li`
   display: flex;
   flex-direction: row;
@@ -3336,12 +3411,12 @@ var StyledText2Rows = styled6.div`
   gap: 2px;
 `;
 var List = (_a) => {
-  var _b = _a, { children, leftSource, rightSource } = _b, rest = __objRest(_b, ["children", "leftSource", "rightSource"]);
+  var _b = _a, { children, leftSource, rightSource, style } = _b, rest = __objRest(_b, ["children", "leftSource", "rightSource", "style"]);
   const LeftSourceClone = leftSource ? React3__default.cloneElement(leftSource, __spreadValues({}, rest)) : leftSource;
   if (!children && rightSource) {
     throw new Error("RightSource\uB294 children\uC774 \uD544\uC218\uB85C \uD3EC\uD568\uB418\uC5B4\uC57C\uD569\uB2C8\uB2E4.");
   }
-  return /* @__PURE__ */ jsxs(StyledList, __spreadProps(__spreadValues({ "data-shoplflow": "List" }, rest), { children: [
+  return /* @__PURE__ */ jsxs(StyledList, __spreadProps(__spreadValues({ "data-shoplflow": "List", style }, rest), { children: [
     LeftSourceClone && LeftSourceClone,
     /* @__PURE__ */ jsx(Stack_default.Horizontal, { minHeight: "36px", width: "100%", spacing: "spacing08", align: "center", children }),
     rightSource && rightSource
@@ -3355,6 +3430,9 @@ var Text2Rows = ({ title, subTitle }) => {
 };
 List.Text2Rows = Text2Rows;
 var List_default = List;
+
+// src/components/List/version.ts
+var LIST_VERSION = "2.0.1";
 var getTypographyBySize = (size2) => {
   switch (size2) {
     case "XS":
@@ -3482,6 +3560,9 @@ var TagSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Tag/version.ts
+var TAG_VERSION = "2.0.0";
 var StyledTree = styled6(motion.ul)`
   display: flex;
   flex-direction: column;
@@ -3639,6 +3720,9 @@ var TreeItem = (_a) => {
 TreeItem[TREE_SYMBOL_KEY] = true;
 Tree.Item = TreeItem;
 var Tree_default = Tree;
+
+// src/components/Tree/version.ts
+var TREE_VERSION = "2.0.0";
 var StyledInput = styled6.input`
   padding: ${({ sizeVar }) => sizeVar === "S" ? "0 8px" : "4px 12px"};
   background-color: transparent;
@@ -4423,6 +4507,9 @@ var SelectInputButton = (_a) => {
   );
 };
 var SelectInputButton_default = SelectInputButton;
+
+// src/components/Inputs/version.ts
+var INPUTS_VERSION = "2.0.0";
 var StyledTooltipContent = styled6.div`
   background-color: ${colorTokens.neutral700};
   padding: 4px 8px;
@@ -4498,6 +4585,9 @@ var Tooltip = (_a) => {
 };
 Tooltip.Content = TooltipContent;
 var Tooltip_default = Tooltip;
+
+// src/components/Tooltip/version.ts
+var TOOLTIP_VERSION = "2.0.0";
 var TabsContext = createContext(null);
 var useTabs = () => {
   const context = useContext(TabsContext);
@@ -4762,6 +4852,9 @@ var TabSizeVariants = {
   M: "M",
   L: "L"
 };
+
+// src/components/Tabs/version.ts
+var TABS_VERSION = "2.0.0";
 var PaginationWrapper = styled6.div`
   display: flex;
   align-items: center;
@@ -4919,6 +5012,9 @@ var Pagination = (_a) => {
 };
 Pagination.SizeSelector = PaginationSizeSelector_default;
 var Pagination_default = Pagination;
+
+// src/components/Pagination/version.ts
+var PAGINATION_VERSION = "2.0.0";
 var getLabelStyleByStatus = (selected, disabled) => {
   if (disabled && selected) {
     return css`
@@ -5088,6 +5184,9 @@ var ToggleButtonSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/ToggleButton/version.ts
+var TOGGLE_BUTTON_VERSION = "2.0.0";
 var SmallStyledDayDatepickerWrapper = styled6.div`
   display: flex;
   width: 280px;
@@ -6641,6 +6740,9 @@ var WeekDatepicker = ({
   ] });
 };
 var WeekDatepicker_default = WeekDatepicker;
+
+// src/components/Datepickers/version.ts
+var DATEPICKERS_VERSION = "2.0.0";
 var StyledNumberCombobox = styled6.div``;
 var IconWrapper2 = styled6(motion.div)`
   display: flex;
@@ -6832,6 +6934,9 @@ var NumberComboboxSizeVariants = {
   S: "S",
   M: "M"
 };
+
+// src/components/Comboboxs/version.ts
+var COMBOBOXS_VERSION = "2.0.0";
 var animation = keyframes`
   0% {
     transform: translateX(-100%);
@@ -6881,6 +6986,9 @@ var Skeleton = ({ styleVar = "rectangle", width = "50px", height = "20px" }) =>
 };
 var Skeleton_default = Skeleton;
 
+// src/components/Skeleton/version.ts
+var SKELETON_VERSION = "2.0.0";
+
 // src/components/Slider/Slider.types.ts
 var SLIDER_Z_INDEX = {
   THUMB_BUTTON: 10
@@ -7169,6 +7277,9 @@ var Slider = ({
   ] }) });
 };
 var Slider_default = Slider;
+
+// src/components/Slider/version.ts
+var SLIDER_VERSION = "2.0.0";
 var SearchBarContext = createContext({});
 var useSearchBarContext = () => useContext(SearchBarContext);
 var SearchBarProvider = ({
@@ -7393,6 +7504,9 @@ var SearchBar = (_a) => {
 SearchBar.Category = SearchBarCategory;
 SearchBar.Input = SearchBarInput;
 
+// src/components/SearchBar/version.ts
+var SEARCH_BAR_VERSION = "2.0.0";
+
 // src/components/SearchBar/index.ts
 var SearchBar2 = SearchBar;
 SearchBar2.Category = SearchBarCategory;
@@ -7451,4 +7565,4 @@ classnames/index.js:
   *)
 */
 
-export { AnnualDatepicker_default as AnnualDatepicker, Avatar_default as Avatar, AvatarSizeVariants, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, DayDatepicker_default as DayDatepicker, DayDatepickerSizeVariants, Dropdown_default as Dropdown, DropdownButton_default as DropdownButton, DropdownButtonContext, DropdownButtonSizeVariants, DropdownButtonStyleVariants, DropdownOptionVariants, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, InputSizeVariants, List_default as List, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MonthDatepicker_default as MonthDatepicker, MotionStack, MotionStackContainer, NumberCombobox_default as NumberCombobox, NumberComboboxSizeVariants, Pagination_default as Pagination, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, SLIDER_Z_INDEX, ScrollArea_default as ScrollArea, SearchBar2 as SearchBar, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, Skeleton_default as Skeleton, Slider_default as Slider, SplitButton_default as SplitButton, SplitButtonContext, SplitButtonSizeVariants, SplitButtonStyleVariants, Stack_default as Stack, StackContainer_default as StackContainer, StyledIcon, StyledStack, StyledStackContainer, Switch_default as Switch, SwitchSizeVariants, TREE_SYMBOL_KEY, TabSizeVariants, TabStyleVariants, Tabs_default as Tabs, TabsContext, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, ToggleButton_default as ToggleButton, ToggleButtonSizeVariants, Tooltip_default as Tooltip, Tree_default as Tree, TreeItem, WeekDatepicker_default as WeekDatepicker, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };
+export { AVATAR_VERSION, AnnualDatepicker_default as AnnualDatepicker, Avatar_default as Avatar, AvatarSizeVariants, BACK_DROP_VERSION, BUTTONS_VERSION, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CALLOUT_VERSION, CHECKBOX_SYMBOL_KEY, CHIPS_VERSION, COMBOBOXS_VERSION, CONTROL_BUTTONS_VERSION, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, DATEPICKERS_VERSION, DROPDOWN_VERSION, DayDatepicker_default as DayDatepicker, DayDatepickerSizeVariants, Dropdown_default as Dropdown, DropdownButton_default as DropdownButton, DropdownButtonContext, DropdownButtonSizeVariants, DropdownButtonStyleVariants, DropdownOptionVariants, ICON_VERSION, INPUTS_VERSION, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, InputSizeVariants, LIST_VERSION, List_default as List, MENU_VERSION, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, MODAL_VERSION, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MonthDatepicker_default as MonthDatepicker, MotionStack, MotionStackContainer, NumberCombobox_default as NumberCombobox, NumberComboboxSizeVariants, PAGINATION_VERSION, POPPER_VERSION, Pagination_default as Pagination, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, SCROLL_AREA_VERSION, SEARCH_BAR_VERSION, SKELETON_VERSION, SLIDER_VERSION, SLIDER_Z_INDEX, STACK_CONTAINER_VERSION, STACK_VERSION, SWITCH_VERSION, ScrollArea_default as ScrollArea, SearchBar2 as SearchBar, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, Skeleton_default as Skeleton, Slider_default as Slider, SplitButton_default as SplitButton, SplitButtonContext, SplitButtonSizeVariants, SplitButtonStyleVariants, Stack_default as Stack, StackContainer_default as StackContainer, StyledIcon, StyledStack, StyledStackContainer, Switch_default as Switch, SwitchSizeVariants, TABS_VERSION, TAG_VERSION, TEXT_VERSION, TOGGLE_BUTTON_VERSION, TOOLTIP_VERSION, TREE_SYMBOL_KEY, TREE_VERSION, TabSizeVariants, TabStyleVariants, Tabs_default as Tabs, TabsContext, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, ToggleButton_default as ToggleButton, ToggleButtonSizeVariants, Tooltip_default as Tooltip, Tree_default as Tree, TreeItem, WeekDatepicker_default as WeekDatepicker, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoplflow/base",
-  "version": "0.46.2",
+  "version": "0.46.4",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -93,6 +93,8 @@
   "homepage": "https://github.com/shopl/shoplflow#readme",
   "scripts": {
     "type-check": "tsc --noEmit",
+    "version:sync": "node scripts/component-version.mjs sync",
+    "version:bump": "node scripts/component-version.mjs bump",
     "build:tokens": "node scripts/generate-tokens.cjs",
     "build:package": "rm -rf dist/ && tsup",
     "generate:component": "scripts/generate-component.sh",