@shoplflow/base 0.24.24 → 0.24.25
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.
- package/dist/index.cjs +26 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +26 -4
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -2870,7 +2870,27 @@ exports.StyledInputButtonContent = styled5__default.default.input`
|
|
|
2870
2870
|
`;
|
|
2871
2871
|
var InputButton = React2.forwardRef(
|
|
2872
2872
|
(_a, ref) => {
|
|
2873
|
-
var _b = _a, {
|
|
2873
|
+
var _b = _a, {
|
|
2874
|
+
value,
|
|
2875
|
+
defaultValue,
|
|
2876
|
+
onChange,
|
|
2877
|
+
onClick,
|
|
2878
|
+
isSelected,
|
|
2879
|
+
disabled = false,
|
|
2880
|
+
rightSource,
|
|
2881
|
+
onClear,
|
|
2882
|
+
width = "100%"
|
|
2883
|
+
} = _b, rest = __objRest(_b, [
|
|
2884
|
+
"value",
|
|
2885
|
+
"defaultValue",
|
|
2886
|
+
"onChange",
|
|
2887
|
+
"onClick",
|
|
2888
|
+
"isSelected",
|
|
2889
|
+
"disabled",
|
|
2890
|
+
"rightSource",
|
|
2891
|
+
"onClear",
|
|
2892
|
+
"width"
|
|
2893
|
+
]);
|
|
2874
2894
|
const [text, setText] = React2.useState("");
|
|
2875
2895
|
const [isHovered, setIsHovered] = React2.useState(false);
|
|
2876
2896
|
const prevValue = React2.useRef(value);
|
|
@@ -2927,6 +2947,7 @@ var InputButton = React2.forwardRef(
|
|
|
2927
2947
|
isHovered,
|
|
2928
2948
|
isFocused: isSelected,
|
|
2929
2949
|
disabled,
|
|
2950
|
+
minHeight: "40px",
|
|
2930
2951
|
width,
|
|
2931
2952
|
children: /* @__PURE__ */ jsxRuntime.jsxs(exports.StyledInputButton, { onClick: handleOnClick, disabled, children: [
|
|
2932
2953
|
/* @__PURE__ */ jsxRuntime.jsx(exports.StyledInputButtonContent, __spreadValues({ className: "body1_400", defaultValue: text, ref }, rest)),
|
|
@@ -3105,7 +3126,7 @@ var SelectInputButton = (_a) => {
|
|
|
3105
3126
|
value,
|
|
3106
3127
|
placeholder,
|
|
3107
3128
|
label,
|
|
3108
|
-
width,
|
|
3129
|
+
width = "100%",
|
|
3109
3130
|
rightSource
|
|
3110
3131
|
} = _b, rest = __objRest(_b, [
|
|
3111
3132
|
"disabled",
|
|
@@ -3152,11 +3173,12 @@ var SelectInputButton = (_a) => {
|
|
|
3152
3173
|
isHovered,
|
|
3153
3174
|
isFocused: isSelected,
|
|
3154
3175
|
disabled,
|
|
3155
|
-
width
|
|
3176
|
+
width,
|
|
3177
|
+
minHeight: "40px"
|
|
3156
3178
|
}, rest), {
|
|
3157
3179
|
"data-shoplflow": "SelectInputButton",
|
|
3158
3180
|
children: /* @__PURE__ */ jsxRuntime.jsxs(StyledSelectInputButton, { children: [
|
|
3159
|
-
value && value.length > 0 && label ? /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", children: value[0][label] }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", color: "neutral350", children: placeholder }),
|
|
3181
|
+
value && value.length > 0 && label ? /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", lineClamp: 1, children: value[0][label] }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", lineClamp: 1, color: "neutral350", children: placeholder }),
|
|
3160
3182
|
/* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Horizontal, { align: "center", spacing: "spacing04", children: [
|
|
3161
3183
|
value && value.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Text, { typography: "body1_400", color: "neutral700", children: [
|
|
3162
3184
|
"+",
|