@shoplflow/base 0.43.2 → 0.45.0
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 +4 -8
- package/dist/index.js +4 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4295,14 +4295,10 @@ var StyledSelectInputButton = styled6__default.default.div`
|
|
|
4295
4295
|
align-items: center;
|
|
4296
4296
|
justify-content: space-between;
|
|
4297
4297
|
width: 100%;
|
|
4298
|
-
background: ${exports.colorTokens.neutral0};
|
|
4298
|
+
background: ${({ disabled }) => disabled ? exports.colorTokens.neutral100 : exports.colorTokens.neutral0};
|
|
4299
4299
|
gap: 4px;
|
|
4300
|
-
padding: ${({ sizeVar }) => sizeVar === "M" ? "4px 12px" : "0 8px"};
|
|
4301
|
-
cursor: pointer;
|
|
4302
|
-
${({ disabled }) => disabled && react$1.css`
|
|
4303
|
-
background-color: ${exports.colorTokens.neutral100};
|
|
4304
|
-
cursor: not-allowed;
|
|
4305
|
-
`}
|
|
4300
|
+
padding: ${({ sizeVar }) => sizeVar === "M" ? "4px 4px 4px 12px" : "0 8px"};
|
|
4301
|
+
cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
|
|
4306
4302
|
`;
|
|
4307
4303
|
var SelectInputButton = (_a) => {
|
|
4308
4304
|
var _b = _a, {
|
|
@@ -4371,7 +4367,7 @@ var SelectInputButton = (_a) => {
|
|
|
4371
4367
|
height: sizeVar === "M" ? "40px" : "32px"
|
|
4372
4368
|
}, rest), {
|
|
4373
4369
|
"data-shoplflow": "SelectInputButton",
|
|
4374
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(StyledSelectInputButton, { sizeVar, children: [
|
|
4370
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(StyledSelectInputButton, { sizeVar, disabled, children: [
|
|
4375
4371
|
value && value.length > 0 && label ? /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", lineClamp: 1, color: getTextColor(disabled), children: value[0][label] }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", lineClamp: 1, color: "neutral350", children: placeholder }),
|
|
4376
4372
|
/* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Horizontal, { align: "center", spacing: "spacing04", children: [
|
|
4377
4373
|
value && value.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(exports.Text, { typography: "body1_400", color: getTextColor(disabled), children: [
|
package/dist/index.js
CHANGED
|
@@ -4268,14 +4268,10 @@ var StyledSelectInputButton = styled6.div`
|
|
|
4268
4268
|
align-items: center;
|
|
4269
4269
|
justify-content: space-between;
|
|
4270
4270
|
width: 100%;
|
|
4271
|
-
background: ${colorTokens.neutral0};
|
|
4271
|
+
background: ${({ disabled }) => disabled ? colorTokens.neutral100 : colorTokens.neutral0};
|
|
4272
4272
|
gap: 4px;
|
|
4273
|
-
padding: ${({ sizeVar }) => sizeVar === "M" ? "4px 12px" : "0 8px"};
|
|
4274
|
-
cursor: pointer;
|
|
4275
|
-
${({ disabled }) => disabled && css`
|
|
4276
|
-
background-color: ${colorTokens.neutral100};
|
|
4277
|
-
cursor: not-allowed;
|
|
4278
|
-
`}
|
|
4273
|
+
padding: ${({ sizeVar }) => sizeVar === "M" ? "4px 4px 4px 12px" : "0 8px"};
|
|
4274
|
+
cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
|
|
4279
4275
|
`;
|
|
4280
4276
|
var SelectInputButton = (_a) => {
|
|
4281
4277
|
var _b = _a, {
|
|
@@ -4344,7 +4340,7 @@ var SelectInputButton = (_a) => {
|
|
|
4344
4340
|
height: sizeVar === "M" ? "40px" : "32px"
|
|
4345
4341
|
}, rest), {
|
|
4346
4342
|
"data-shoplflow": "SelectInputButton",
|
|
4347
|
-
children: /* @__PURE__ */ jsxs(StyledSelectInputButton, { sizeVar, children: [
|
|
4343
|
+
children: /* @__PURE__ */ jsxs(StyledSelectInputButton, { sizeVar, disabled, children: [
|
|
4348
4344
|
value && value.length > 0 && label ? /* @__PURE__ */ jsx(Text_default, { typography: "body1_400", lineClamp: 1, color: getTextColor(disabled), children: value[0][label] }) : /* @__PURE__ */ jsx(Text_default, { typography: "body1_400", lineClamp: 1, color: "neutral350", children: placeholder }),
|
|
4349
4345
|
/* @__PURE__ */ jsxs(Stack_default.Horizontal, { align: "center", spacing: "spacing04", children: [
|
|
4350
4346
|
value && value.length > 1 && /* @__PURE__ */ jsxs(Text_default, { typography: "body1_400", color: getTextColor(disabled), children: [
|