@shoplflow/base 0.41.6 → 0.41.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +5 -2
  2. package/dist/index.d.cts +6 -2
  3. package/dist/index.d.ts +6 -2
  4. package/dist/index.js +5 -2
  5. package/package.json +4 -4
package/dist/index.cjs CHANGED
@@ -2818,6 +2818,9 @@ var StyledCallout = styled6__default.default.div`
2818
2818
  border-radius: ${exports.borderRadiusTokens.borderRadius08};
2819
2819
  ${({ styleVar }) => styleVar === "INFORMATION" && informationStyle}
2820
2820
  ${({ styleVar }) => styleVar === "ALERT" && alertStyle}
2821
+ ${({ fillWidth }) => fillWidth && react$1.css`
2822
+ width: 100%;
2823
+ `}
2821
2824
  `;
2822
2825
  var StyledCalloutIcon = styled6__default.default.svg`
2823
2826
  display: flex;
@@ -2830,8 +2833,8 @@ styled6__default.default.div`
2830
2833
  padding: 2px 0;
2831
2834
  `;
2832
2835
  var Callout = (_a) => {
2833
- var _b = _a, { children, styleVar = "INFORMATION" } = _b, rest = __objRest(_b, ["children", "styleVar"]);
2834
- return /* @__PURE__ */ jsxRuntime.jsx(StyledCallout, __spreadProps(__spreadValues({}, rest), { styleVar, "data-shoplflow": "Callout", children }));
2836
+ var _b = _a, { children, styleVar = "INFORMATION", fillWidth } = _b, rest = __objRest(_b, ["children", "styleVar", "fillWidth"]);
2837
+ return /* @__PURE__ */ jsxRuntime.jsx(StyledCallout, __spreadProps(__spreadValues({}, rest), { styleVar, "data-shoplflow": "Callout", fillWidth, children }));
2835
2838
  };
2836
2839
  var CalloutText = (_a) => {
2837
2840
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
package/dist/index.d.cts CHANGED
@@ -730,13 +730,17 @@ declare const CalloutTypes: {
730
730
  readonly ALERT: "ALERT";
731
731
  };
732
732
  declare type CalloutType = $Values<typeof CalloutTypes>;
733
- interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType> {
733
+ interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType>, HTMLAttributes<HTMLDivElement> {
734
734
  }
735
735
  interface CalloutOptionProps {
736
+ /**
737
+ * Callout 컴포넌트의 너비를 100%로 설정합니다.
738
+ */
739
+ fillWidth?: boolean;
736
740
  }
737
741
 
738
742
  declare const Callout: {
739
- ({ children, styleVar, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
743
+ ({ children, styleVar, fillWidth, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
740
744
  Text: ({ children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
741
745
  Icon: ({ iconSource }: IconSourceProps) => react_jsx_runtime.JSX.Element;
742
746
  };
package/dist/index.d.ts CHANGED
@@ -730,13 +730,17 @@ declare const CalloutTypes: {
730
730
  readonly ALERT: "ALERT";
731
731
  };
732
732
  declare type CalloutType = $Values<typeof CalloutTypes>;
733
- interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType> {
733
+ interface CalloutProps extends CalloutOptionProps, ChildrenProps, StyleVariantProps<CalloutType>, HTMLAttributes<HTMLDivElement> {
734
734
  }
735
735
  interface CalloutOptionProps {
736
+ /**
737
+ * Callout 컴포넌트의 너비를 100%로 설정합니다.
738
+ */
739
+ fillWidth?: boolean;
736
740
  }
737
741
 
738
742
  declare const Callout: {
739
- ({ children, styleVar, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
743
+ ({ children, styleVar, fillWidth, ...rest }: CalloutProps): react_jsx_runtime.JSX.Element;
740
744
  Text: ({ children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
741
745
  Icon: ({ iconSource }: IconSourceProps) => react_jsx_runtime.JSX.Element;
742
746
  };
package/dist/index.js CHANGED
@@ -2791,6 +2791,9 @@ var StyledCallout = styled6.div`
2791
2791
  border-radius: ${borderRadiusTokens.borderRadius08};
2792
2792
  ${({ styleVar }) => styleVar === "INFORMATION" && informationStyle}
2793
2793
  ${({ styleVar }) => styleVar === "ALERT" && alertStyle}
2794
+ ${({ fillWidth }) => fillWidth && css`
2795
+ width: 100%;
2796
+ `}
2794
2797
  `;
2795
2798
  var StyledCalloutIcon = styled6.svg`
2796
2799
  display: flex;
@@ -2803,8 +2806,8 @@ styled6.div`
2803
2806
  padding: 2px 0;
2804
2807
  `;
2805
2808
  var Callout = (_a) => {
2806
- var _b = _a, { children, styleVar = "INFORMATION" } = _b, rest = __objRest(_b, ["children", "styleVar"]);
2807
- return /* @__PURE__ */ jsx(StyledCallout, __spreadProps(__spreadValues({}, rest), { styleVar, "data-shoplflow": "Callout", children }));
2809
+ var _b = _a, { children, styleVar = "INFORMATION", fillWidth } = _b, rest = __objRest(_b, ["children", "styleVar", "fillWidth"]);
2810
+ return /* @__PURE__ */ jsx(StyledCallout, __spreadProps(__spreadValues({}, rest), { styleVar, "data-shoplflow": "Callout", fillWidth, children }));
2808
2811
  };
2809
2812
  var CalloutText = (_a) => {
2810
2813
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shoplflow/base",
3
- "version": "0.41.6",
3
+ "version": "0.41.8",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/index.js",
@@ -90,9 +90,9 @@
90
90
  "react-datepicker": "^7.3.0",
91
91
  "react-dom": "^18.2.0",
92
92
  "simplebar-react": "^3.2.6",
93
- "@shoplflow/hada-assets": "^0.1.6",
94
- "@shoplflow/shopl-assets": "^0.12.19",
95
- "@shoplflow/utils": "^0.6.5"
93
+ "@shoplflow/shopl-assets": "^0.12.20",
94
+ "@shoplflow/utils": "^0.6.5",
95
+ "@shoplflow/hada-assets": "^0.1.6"
96
96
  },
97
97
  "scripts": {
98
98
  "type-check": "tsc --noEmit",