@shoplflow/base 0.46.12 → 0.46.14

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as React3 from 'react';
-import React3__default, { forwardRef, createContext, useRef, useState, useCallback, useEffect, cloneElement, useId, useContext, useMemo, createElement } from 'react';
+import * as React from 'react';
+import React__default, { forwardRef, createContext, useRef, useState, useCallback, useEffect, cloneElement, useId, useContext, useMemo, createElement } from 'react';
 import styled6 from '@emotion/styled';
 import { motion, AnimatePresence, LayoutGroup, LazyMotion, domAnimation } from 'framer-motion';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -302,7 +302,7 @@ var AvatarSizeVariants = {
 };
 
 // src/components/Avatar/version.ts
-var AVATAR_VERSION = "2.1.1";
+var AVATAR_VERSION = "2.1.2";
 
 // src/styles/tokens.ts
 var fontWeightRegular = "var(--font-weight-regular)";
@@ -581,7 +581,7 @@ MotionStack.Horizontal = motion(Stack.Horizontal);
 var Stack_default = Stack;
 
 // src/components/Stack/version.ts
-var STACK_VERSION = "2.0.0";
+var STACK_VERSION = "2.0.1";
 var StyledStackContainer = styled6.div`
   display: flex;
   width: ${({ width }) => width};
@@ -664,7 +664,7 @@ MotionStackContainer.Horizontal = motion(StackContainer.Horizontal);
 var StackContainer_default = StackContainer;
 
 // src/components/StackContainer/version.ts
-var STACK_CONTAINER_VERSION = "2.0.0";
+var STACK_CONTAINER_VERSION = "2.0.1";
 var setEllipsis = (maxLines) => {
   return css`
     display: -webkit-box;
@@ -738,7 +738,7 @@ var Text = forwardRef(
 var Text_default = Text;
 
 // src/components/Text/version.ts
-var TEXT_VERSION = "2.0.1";
+var TEXT_VERSION = "2.0.2";
 var MODAL_SIZE_XXS = 400;
 var MODAL_SIZE_XS = 500;
 var MODAL_SIZE_S = 560;
@@ -954,9 +954,9 @@ var ModalContainer = (_a) => {
   const { height: windowHeight } = useViewportSizeObserver();
   const topBottomMargin = 64;
   const heightWidthMargin = height ? height + topBottomMargin : void 0;
-  const childrenArray = React3__default.Children.toArray(children);
+  const childrenArray = React__default.Children.toArray(children);
   const findHeader = childrenArray.find((child) => {
-    if (!React3__default.isValidElement(child)) {
+    if (!React__default.isValidElement(child)) {
       return child;
     }
     if (child.type[MODAL_HEADER_KEY]) {
@@ -964,18 +964,18 @@ var ModalContainer = (_a) => {
     }
   });
   const findFooter = childrenArray.find((child) => {
-    if (!React3__default.isValidElement(child)) {
+    if (!React__default.isValidElement(child)) {
       return child;
     }
     if (child.type[MODAL_FOOTER_KEY]) {
       return child;
     }
   });
-  const addPropInChildren = React3__default.Children.map(childrenArray, (child) => {
-    if (!React3__default.isValidElement(child)) {
+  const addPropInChildren = React__default.Children.map(childrenArray, (child) => {
+    if (!React__default.isValidElement(child)) {
       return child;
     }
-    return React3__default.cloneElement(child, {
+    return React__default.cloneElement(child, {
       isIncludeHeader: Boolean(findHeader),
       isIncludeFooter: Boolean(findFooter),
       sizeVar: rest.sizeVar,
@@ -1021,7 +1021,7 @@ var ScrollArea = forwardRef((_a, ref) => {
 var ScrollArea_default = ScrollArea;
 
 // src/components/ScrollArea/version.ts
-var SCROLL_AREA_VERSION = "2.0.0";
+var SCROLL_AREA_VERSION = "2.0.1";
 var useModalOption = () => {
   const context = useContext(ModalOptionContext);
   if (!context) {
@@ -1269,7 +1269,7 @@ var ModalProvider = ({ children }) => {
 var ModalProvider_default = ModalProvider;
 
 // src/components/Modal/version.ts
-var MODAL_VERSION = "2.0.0";
+var MODAL_VERSION = "2.0.1";
 
 // src/components/Modal/index.ts
 var Modal = {
@@ -1282,7 +1282,7 @@ var Modal = {
 };
 
 // src/components/BackDrop/version.ts
-var BACK_DROP_VERSION = "2.0.0";
+var BACK_DROP_VERSION = "2.0.1";
 var getContainerStylesBySizeVar = (sizeVar) => {
   switch (sizeVar) {
     case "S":
@@ -1443,7 +1443,7 @@ var SwitchSizeVariants = {
 };
 
 // src/components/Switch/version.ts
-var SWITCH_VERSION = "2.0.0";
+var SWITCH_VERSION = "2.0.1";
 
 // src/components/Chips/ChipToggle/ChipToggle.types.ts
 var ChipToggleStyleVariants = {
@@ -1691,7 +1691,7 @@ var ChipButton = (_a) => {
 var ChipButton_default = ChipButton;
 
 // src/components/Chips/version.ts
-var CHIPS_VERSION = "2.0.0";
+var CHIPS_VERSION = "2.0.1";
 var getStyleByStyleVar = (styleVar, color, disabled) => {
   const domain = getDomain();
   const secondaryBorderColor = domain === "hada" ? colorTokens.hada150 : colorTokens.neutral350;
@@ -2085,7 +2085,7 @@ var StyledPopper = styled6.div`
 `;
 var PopperContext = createContext(null);
 var usePopper = () => {
-  const context = React3.useContext(PopperContext);
+  const context = React.useContext(PopperContext);
   if (context === null) {
     throw new Error("usePopper must be used within a PopperProvider");
   }
@@ -2101,7 +2101,7 @@ function assignRef(ref, value) {
   }
   try {
     ref.current = value;
-  } catch (error) {
+  } catch (_error) {
     throw new Error(`Cannot assign value '${String(value)}' to ref '${String(ref)}'`);
   }
 }
@@ -2185,7 +2185,7 @@ Popper.Portal = PopperPortal;
 var Popper_default = Popper;
 
 // src/components/Popper/version.ts
-var POPPER_VERSION = "2.0.0";
+var POPPER_VERSION = "2.0.1";
 var Container2 = styled6.div`
   display: flex;
   align-items: center;
@@ -2238,9 +2238,8 @@ var MinusButton = forwardRef((_a, ref) => {
 MinusButton[MUNUS_BUTTON_SYMBOL_KEY] = true;
 var MinusButton_default = MinusButton;
 var getStylesByStyleVariant = (styleVariant, isSelected, isHovered, readOnly) => {
-  const domain = getDomain();
-  const primaryColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary300;
-  const primaryHoverColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary400;
+  const primaryColor = colorTokens.primary300;
+  const primaryHoverColor = colorTokens.primary400;
   switch (styleVariant) {
     case "PRIMARY":
       if (isSelected) {
@@ -2421,9 +2420,8 @@ var CheckboxStyleVariants = {
   LINE: "LINE"
 };
 var getSelectedStyle = (isHovered) => {
-  const domain = getDomain();
-  const selectedStrokeColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary300;
-  const selectedHoverStrokeColor = domain === "hada" ? colorTokens.neutral700 : colorTokens.primary400;
+  const selectedStrokeColor = colorTokens.primary300;
+  const selectedHoverStrokeColor = colorTokens.primary400;
   return css`
     & > svg > circle {
       stroke: ${selectedStrokeColor};
@@ -2502,7 +2500,7 @@ Radio[RADIO_SYMBOL_KEY] = true;
 var Radio_default = Radio;
 
 // src/components/ControlButtons/version.ts
-var CONTROL_BUTTONS_VERSION = "2.0.0";
+var CONTROL_BUTTONS_VERSION = "2.0.3";
 
 // src/components/Menu/Menu.styled.ts
 var getStylesBySizeVar = (sizeVar) => {
@@ -2580,7 +2578,7 @@ var Menu = (_a) => {
     "disabled"
   ]);
   const [selected, handleToggle] = useOnToggle(isSelected, defaultSelected);
-  const LeftSourceClone = leftSource ? React3__default.cloneElement(leftSource, __spreadProps(__spreadValues({}, rest), {
+  const LeftSourceClone = leftSource ? React__default.cloneElement(leftSource, __spreadProps(__spreadValues({}, rest), {
     isSelected
   })) : leftSource;
   const handleOnClick = (e) => {
@@ -2614,7 +2612,7 @@ var MenuSizeVariants = {
 };
 
 // src/components/Menu/version.ts
-var MENU_VERSION = "2.0.0";
+var MENU_VERSION = "2.0.1";
 var DropdownButtonContext = createContext(null);
 var useDropdownButtonContext = () => {
   const context = useContext(DropdownButtonContext);
@@ -2666,7 +2664,7 @@ var Icon = forwardRef((_a, ref) => {
 var Icon_default = Icon;
 
 // src/components/Icon/version.ts
-var ICON_VERSION = "2.0.0";
+var ICON_VERSION = "2.0.1";
 var DropdownButtonMenu = (_a) => {
   var _b = _a, { onClick, children } = _b, rest = __objRest(_b, ["onClick", "children"]);
   const { setIsOpen } = useDropdownButtonContext();
@@ -2986,7 +2984,7 @@ var SplitButtonStyleVariants = {
 };
 
 // src/components/Buttons/version.ts
-var BUTTONS_VERSION = "2.0.3";
+var BUTTONS_VERSION = "2.0.4";
 var informationStyle = css`
   background: ${colorTokens.neutral400_5};
   & > svg > circle {
@@ -3120,7 +3118,7 @@ var CalloutTypes = {
 };
 
 // src/components/Callout/version.ts
-var CALLOUT_VERSION = "2.1.4";
+var CALLOUT_VERSION = "2.1.5";
 var StyledDropdown = styled6.div`
   width: ${({ width }) => width};
 `;
@@ -3497,7 +3495,7 @@ var DropdownOptionVariants = {
 };
 
 // src/components/Dropdown/version.ts
-var DROPDOWN_VERSION = "2.0.0";
+var DROPDOWN_VERSION = "2.0.1";
 var StyledList = styled6.li`
   display: flex;
   flex-direction: row;
@@ -3521,7 +3519,7 @@ var StyledText2Rows = styled6.div`
 `;
 var List = (_a) => {
   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;
+  const LeftSourceClone = leftSource ? React__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.");
   }
@@ -3541,7 +3539,7 @@ List.Text2Rows = Text2Rows;
 var List_default = List;
 
 // src/components/List/version.ts
-var LIST_VERSION = "2.0.1";
+var LIST_VERSION = "2.0.2";
 var getTypographyBySize = (size2) => {
   switch (size2) {
     case "XS":
@@ -3671,7 +3669,7 @@ var TagSizeVariants = {
 };
 
 // src/components/Tag/version.ts
-var TAG_VERSION = "2.0.0";
+var TAG_VERSION = "2.0.1";
 var StyledTree = styled6(motion.ul)`
   display: flex;
   flex-direction: column;
@@ -3728,7 +3726,7 @@ var AnimateKey = {
 };
 var Tree = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  const [isMounted, setIsMounted] = React3__default.useState(false);
+  const [isMounted, setIsMounted] = React__default.useState(false);
   useEffect(() => {
     setIsMounted(true);
   }, []);
@@ -3759,14 +3757,14 @@ var TreeItem = (_a) => {
     "disabled",
     "onClick"
   ]);
-  const [isOpened, setIsOpened] = React3__default.useState(initialIsOpen != null ? initialIsOpen : false);
+  const [isOpened, setIsOpened] = React__default.useState(initialIsOpen != null ? initialIsOpen : false);
   const uniqueId = useId();
-  const CloneChildren = React3__default.Children.map(children, (child) => {
-    if (!React3__default.isValidElement(child)) {
+  const CloneChildren = React__default.Children.map(children, (child) => {
+    if (!React__default.isValidElement(child)) {
       return child;
     }
     if (child.type[TREE_SYMBOL_KEY]) {
-      return React3__default.cloneElement(child, {
+      return React__default.cloneElement(child, {
         depth: depth + 1
       });
     }
@@ -3782,7 +3780,7 @@ var TreeItem = (_a) => {
     }
     return onClick(e);
   };
-  const LeftSourceClone = leftSource ? React3__default.cloneElement(leftSource, __spreadValues(__spreadValues({
+  const LeftSourceClone = leftSource ? React__default.cloneElement(leftSource, __spreadValues(__spreadValues({
     disabled,
     onClick
   }, rest), leftSource.props)) : leftSource;
@@ -3831,7 +3829,7 @@ Tree.Item = TreeItem;
 var Tree_default = Tree;
 
 // src/components/Tree/version.ts
-var TREE_VERSION = "2.0.0";
+var TREE_VERSION = "2.0.1";
 var StyledInput = styled6.input`
   padding: ${({ sizeVar }) => sizeVar === "S" ? "0 8px" : "4px 12px"};
   background-color: transparent;
@@ -4063,7 +4061,7 @@ var Input = forwardRef(
     const [type, setType] = useState(initialType);
     const [isHovered, setIsHovered] = useState(false);
     const uniqueId = useId();
-    const inputRef = React3__default.useRef(null);
+    const inputRef = React__default.useRef(null);
     const refs = useMergeRefs2(ref, inputRef);
     const convertToString = useCallback((value2) => {
       if (typeof value2 !== "number") {
@@ -4618,7 +4616,7 @@ var SelectInputButton = (_a) => {
 var SelectInputButton_default = SelectInputButton;
 
 // src/components/Inputs/version.ts
-var INPUTS_VERSION = "2.0.0";
+var INPUTS_VERSION = "2.0.1";
 var StyledTooltipContent = styled6.div`
   background-color: ${colorTokens.neutral700};
   padding: 4px 8px;
@@ -4696,7 +4694,7 @@ Tooltip.Content = TooltipContent;
 var Tooltip_default = Tooltip;
 
 // src/components/Tooltip/version.ts
-var TOOLTIP_VERSION = "2.0.0";
+var TOOLTIP_VERSION = "2.0.1";
 var TabsContext = createContext(null);
 var useTabs = () => {
   const context = useContext(TabsContext);
@@ -4963,7 +4961,7 @@ var TabSizeVariants = {
 };
 
 // src/components/Tabs/version.ts
-var TABS_VERSION = "2.0.0";
+var TABS_VERSION = "2.0.1";
 var PaginationWrapper = styled6.div`
   display: flex;
   align-items: center;
@@ -5123,7 +5121,7 @@ Pagination.SizeSelector = PaginationSizeSelector_default;
 var Pagination_default = Pagination;
 
 // src/components/Pagination/version.ts
-var PAGINATION_VERSION = "2.0.0";
+var PAGINATION_VERSION = "2.0.1";
 var getLabelStyleBySizeVar = (sizeVar) => {
   switch (sizeVar) {
     case "S": {
@@ -5294,7 +5292,7 @@ var ToggleButtonSizeVariants = {
 };
 
 // src/components/ToggleButton/version.ts
-var TOGGLE_BUTTON_VERSION = "2.0.1";
+var TOGGLE_BUTTON_VERSION = "2.0.2";
 var SmallStyledDayDatepickerWrapper = styled6.div`
   display: flex;
   width: 280px;
@@ -6852,7 +6850,7 @@ var WeekDatepicker = ({
 var WeekDatepicker_default = WeekDatepicker;
 
 // src/components/Datepickers/version.ts
-var DATEPICKERS_VERSION = "2.0.2";
+var DATEPICKERS_VERSION = "2.0.3";
 var StyledNumberCombobox = styled6.div``;
 var IconWrapper2 = styled6(motion.div)`
   display: flex;
@@ -7046,7 +7044,7 @@ var NumberComboboxSizeVariants = {
 };
 
 // src/components/Comboboxs/version.ts
-var COMBOBOXS_VERSION = "2.0.0";
+var COMBOBOXS_VERSION = "2.0.1";
 var animation = keyframes`
   0% {
     transform: translateX(-100%);
@@ -7097,7 +7095,7 @@ var Skeleton = ({ styleVar = "rectangle", width = "50px", height = "20px" }) =>
 var Skeleton_default = Skeleton;
 
 // src/components/Skeleton/version.ts
-var SKELETON_VERSION = "2.0.0";
+var SKELETON_VERSION = "2.0.1";
 
 // src/components/Slider/Slider.types.ts
 var SLIDER_Z_INDEX = {
@@ -7389,7 +7387,7 @@ var Slider = ({
 var Slider_default = Slider;
 
 // src/components/Slider/version.ts
-var SLIDER_VERSION = "2.0.0";
+var SLIDER_VERSION = "2.0.1";
 var SearchBarContext = createContext({});
 var useSearchBarContext = () => useContext(SearchBarContext);
 var SearchBarProvider = ({
@@ -7615,7 +7613,7 @@ SearchBar.Category = SearchBarCategory;
 SearchBar.Input = SearchBarInput;
 
 // src/components/SearchBar/version.ts
-var SEARCH_BAR_VERSION = "2.0.0";
+var SEARCH_BAR_VERSION = "2.0.1";
 
 // src/components/SearchBar/index.ts
 var SearchBar2 = SearchBar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoplflow/base",
-  "version": "0.46.12",
+  "version": "0.46.14",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -63,18 +63,12 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",
     "classnames": "^2.3.2",
-    "eslint-plugin-storybook": "^0.6.13",
     "storybook": "^10.2.1",
     "ts-node": "^10.9.1",
     "tslib": "^2.6.2",
     "tsup": "7.2.0",
     "typescript": "^5.9.0"
   },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
   "dependencies": {
     "@floating-ui/core": "^1.5.0",
     "@floating-ui/react": "^0.26.2",
@@ -86,8 +80,8 @@
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.2.0",
     "simplebar-react": "^3.2.6",
-    "@shoplflow/hada-assets": "^0.1.10",
     "@shoplflow/shopl-assets": "^0.12.38",
+    "@shoplflow/hada-assets": "^0.1.10",
     "@shoplflow/utils": "^0.8.0"
   },
   "homepage": "https://github.com/shopl/shoplflow#readme",