@shoplflow/base 0.38.0 → 0.39.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 +10 -1
- package/dist/index.js +10 -1
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -1627,6 +1627,15 @@ var getStyleBySizeVar2 = (sizeVar) => {
|
|
|
1627
1627
|
`;
|
|
1628
1628
|
}
|
|
1629
1629
|
};
|
|
1630
|
+
var getDisabledButtonStyle = (disabled) => {
|
|
1631
|
+
if (!disabled) {
|
|
1632
|
+
return;
|
|
1633
|
+
}
|
|
1634
|
+
return react$1.css`
|
|
1635
|
+
opacity: 0.3;
|
|
1636
|
+
cursor: not-allowed;
|
|
1637
|
+
`;
|
|
1638
|
+
};
|
|
1630
1639
|
var StyledButton = styled6__default.default.button`
|
|
1631
1640
|
display: flex;
|
|
1632
1641
|
align-items: center;
|
|
@@ -1639,7 +1648,7 @@ var StyledButton = styled6__default.default.button`
|
|
|
1639
1648
|
cursor: pointer;
|
|
1640
1649
|
${({ styleVar, color, disabled }) => getStyleByStyleVar(styleVar, color, disabled)};
|
|
1641
1650
|
${({ sizeVar }) => getStyleBySizeVar2(sizeVar)};
|
|
1642
|
-
${({ disabled }) =>
|
|
1651
|
+
${({ disabled }) => getDisabledButtonStyle(disabled)};
|
|
1643
1652
|
`;
|
|
1644
1653
|
var LoadingSpinner = ({ color = "neutral0" }) => {
|
|
1645
1654
|
return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", stroke: exports.colorTokens[color], viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
|
package/dist/index.js
CHANGED
|
@@ -1600,6 +1600,15 @@ var getStyleBySizeVar2 = (sizeVar) => {
|
|
|
1600
1600
|
`;
|
|
1601
1601
|
}
|
|
1602
1602
|
};
|
|
1603
|
+
var getDisabledButtonStyle = (disabled) => {
|
|
1604
|
+
if (!disabled) {
|
|
1605
|
+
return;
|
|
1606
|
+
}
|
|
1607
|
+
return css`
|
|
1608
|
+
opacity: 0.3;
|
|
1609
|
+
cursor: not-allowed;
|
|
1610
|
+
`;
|
|
1611
|
+
};
|
|
1603
1612
|
var StyledButton = styled6.button`
|
|
1604
1613
|
display: flex;
|
|
1605
1614
|
align-items: center;
|
|
@@ -1612,7 +1621,7 @@ var StyledButton = styled6.button`
|
|
|
1612
1621
|
cursor: pointer;
|
|
1613
1622
|
${({ styleVar, color, disabled }) => getStyleByStyleVar(styleVar, color, disabled)};
|
|
1614
1623
|
${({ sizeVar }) => getStyleBySizeVar2(sizeVar)};
|
|
1615
|
-
${({ disabled }) =>
|
|
1624
|
+
${({ disabled }) => getDisabledButtonStyle(disabled)};
|
|
1616
1625
|
`;
|
|
1617
1626
|
var LoadingSpinner = ({ color = "neutral0" }) => {
|
|
1618
1627
|
return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", stroke: colorTokens[color], viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.39.0",
|
|
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/
|
|
94
|
-
"@shoplflow/
|
|
95
|
-
"@shoplflow/
|
|
93
|
+
"@shoplflow/hada-assets": "^0.1.3",
|
|
94
|
+
"@shoplflow/shopl-assets": "^0.12.9",
|
|
95
|
+
"@shoplflow/utils": "^0.6.5"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|
|
98
98
|
"type-check": "tsc --noEmit",
|