@shoplflow/base 0.24.24 → 0.24.26
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 +30 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +30 -4
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -2625,6 +2625,10 @@ var StyledInput = styled5__default.default.input`
|
|
|
2625
2625
|
-webkit-appearance: none;
|
|
2626
2626
|
margin: 0;
|
|
2627
2627
|
}
|
|
2628
|
+
${({ disabled }) => disabled && react$1.css`
|
|
2629
|
+
color: ${exports.colorTokens.neutral350};
|
|
2630
|
+
cursor: not-allowed;
|
|
2631
|
+
`};
|
|
2628
2632
|
/* Firefox */
|
|
2629
2633
|
&[type='number'] {
|
|
2630
2634
|
padding: 4px 8px;
|
|
@@ -2870,7 +2874,27 @@ exports.StyledInputButtonContent = styled5__default.default.input`
|
|
|
2870
2874
|
`;
|
|
2871
2875
|
var InputButton = React2.forwardRef(
|
|
2872
2876
|
(_a, ref) => {
|
|
2873
|
-
var _b = _a, {
|
|
2877
|
+
var _b = _a, {
|
|
2878
|
+
value,
|
|
2879
|
+
defaultValue,
|
|
2880
|
+
onChange,
|
|
2881
|
+
onClick,
|
|
2882
|
+
isSelected,
|
|
2883
|
+
disabled = false,
|
|
2884
|
+
rightSource,
|
|
2885
|
+
onClear,
|
|
2886
|
+
width = "100%"
|
|
2887
|
+
} = _b, rest = __objRest(_b, [
|
|
2888
|
+
"value",
|
|
2889
|
+
"defaultValue",
|
|
2890
|
+
"onChange",
|
|
2891
|
+
"onClick",
|
|
2892
|
+
"isSelected",
|
|
2893
|
+
"disabled",
|
|
2894
|
+
"rightSource",
|
|
2895
|
+
"onClear",
|
|
2896
|
+
"width"
|
|
2897
|
+
]);
|
|
2874
2898
|
const [text, setText] = React2.useState("");
|
|
2875
2899
|
const [isHovered, setIsHovered] = React2.useState(false);
|
|
2876
2900
|
const prevValue = React2.useRef(value);
|
|
@@ -2927,6 +2951,7 @@ var InputButton = React2.forwardRef(
|
|
|
2927
2951
|
isHovered,
|
|
2928
2952
|
isFocused: isSelected,
|
|
2929
2953
|
disabled,
|
|
2954
|
+
minHeight: "40px",
|
|
2930
2955
|
width,
|
|
2931
2956
|
children: /* @__PURE__ */ jsxRuntime.jsxs(exports.StyledInputButton, { onClick: handleOnClick, disabled, children: [
|
|
2932
2957
|
/* @__PURE__ */ jsxRuntime.jsx(exports.StyledInputButtonContent, __spreadValues({ className: "body1_400", defaultValue: text, ref }, rest)),
|
|
@@ -3105,7 +3130,7 @@ var SelectInputButton = (_a) => {
|
|
|
3105
3130
|
value,
|
|
3106
3131
|
placeholder,
|
|
3107
3132
|
label,
|
|
3108
|
-
width,
|
|
3133
|
+
width = "100%",
|
|
3109
3134
|
rightSource
|
|
3110
3135
|
} = _b, rest = __objRest(_b, [
|
|
3111
3136
|
"disabled",
|
|
@@ -3152,11 +3177,12 @@ var SelectInputButton = (_a) => {
|
|
|
3152
3177
|
isHovered,
|
|
3153
3178
|
isFocused: isSelected,
|
|
3154
3179
|
disabled,
|
|
3155
|
-
width
|
|
3180
|
+
width,
|
|
3181
|
+
minHeight: "40px"
|
|
3156
3182
|
}, rest), {
|
|
3157
3183
|
"data-shoplflow": "SelectInputButton",
|
|
3158
3184
|
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 }),
|
|
3185
|
+
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
3186
|
/* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Horizontal, { align: "center", spacing: "spacing04", children: [
|
|
3161
3187
|
value && value.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Text, { typography: "body1_400", color: "neutral700", children: [
|
|
3162
3188
|
"+",
|