code7-leia 0.1.178 → 0.1.179
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/code7-leia.cjs.development.js +6 -8
- package/dist/code7-leia.cjs.development.js.map +1 -1
- package/dist/code7-leia.cjs.production.min.js +1 -1
- package/dist/code7-leia.cjs.production.min.js.map +1 -1
- package/dist/code7-leia.esm.js +7 -9
- package/dist/code7-leia.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/EmptyState/index.tsx +1 -1
- package/src/components/EmptyState/styles.tsx +8 -0
- package/src/components/FileArea/index.tsx +3 -3
|
@@ -952,7 +952,7 @@ Modal$1.defaultProps = {
|
|
|
952
952
|
};
|
|
953
953
|
|
|
954
954
|
var _templateObject$6;
|
|
955
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 24px 0;\n height: 193px;\n\n background: ", ";\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 40px 1px, 1px 40px;\n background-color: ", ";\n\n & .content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n & > .icon {\n background-color: ", ";\n border-radius: 16px;\n width: 145px;\n height: 145px;\n\n display: flex;\n justify-content: center;\n\n & svg {\n width: 100%;\n height: 70%;\n margin: 20px;\n }\n }\n\n & .description {\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 8px 0 8px 24px;\n\n .button-add {\n cursor: pointer;\n }\n\n .start-icon {\n display: flex;\n align-items: center;\n }\n }\n }\n"])), function (_ref) {
|
|
955
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 24px 0;\n height: 193px;\n\n background: ", ";\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 40px 1px, 1px 40px;\n background-color: ", ";\n\n button {\n background: #102693;\n color: white;\n width: fit-content;\n padding: 10px 20px;\n border-radius: 4px;\n }\n\n & .content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n & > .icon {\n background-color: ", ";\n border-radius: 16px;\n width: 145px;\n height: 145px;\n\n display: flex;\n justify-content: center;\n\n & svg {\n width: 100%;\n height: 70%;\n margin: 20px;\n }\n }\n\n & .description {\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 8px 0 8px 24px;\n\n .button-add {\n cursor: pointer;\n }\n\n .start-icon {\n display: flex;\n align-items: center;\n }\n }\n }\n"])), function (_ref) {
|
|
956
956
|
var hasborder = _ref.hasborder;
|
|
957
957
|
return hasborder && "linear-gradient(\n to right,\n #dadce3 50%,\n rgba(255, 255, 255, 0) 0%\n ),\n linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, #dadce3 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%)";
|
|
958
958
|
}, function (_ref2) {
|
|
@@ -969,6 +969,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
969
969
|
title = _ref.title,
|
|
970
970
|
description = _ref.description,
|
|
971
971
|
activeButton = _ref.activeButton,
|
|
972
|
+
iconButton = _ref.iconButton,
|
|
972
973
|
descriptionButton = _ref.descriptionButton,
|
|
973
974
|
button = _ref.button,
|
|
974
975
|
backgroundIcon = _ref.backgroundIcon,
|
|
@@ -985,7 +986,7 @@ var EmptyState = function EmptyState(_ref) {
|
|
|
985
986
|
className: "icon"
|
|
986
987
|
}, icon), React__default.createElement("div", {
|
|
987
988
|
className: "description"
|
|
988
|
-
}, React__default.createElement("h5", null, " ", title), React__default.createElement("p", null, description), activeButton ? React__default.createElement("button", null, descriptionButton) : null, button)));
|
|
989
|
+
}, React__default.createElement("h5", null, " ", title), React__default.createElement("p", null, description), activeButton ? React__default.createElement("button", null, iconButton, " ", descriptionButton) : null, button)));
|
|
989
990
|
};
|
|
990
991
|
EmptyState.propTypes = {
|
|
991
992
|
icon: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
@@ -1601,13 +1602,10 @@ var FileArea = function FileArea() {
|
|
|
1601
1602
|
title: t.fileArea.emptyState.title,
|
|
1602
1603
|
description: t.fileArea.emptyState.description,
|
|
1603
1604
|
activeButton: true,
|
|
1604
|
-
iconButton: React__default.createElement(fa.
|
|
1605
|
-
|
|
1606
|
-
width: '15px',
|
|
1607
|
-
height: '15px'
|
|
1608
|
-
}
|
|
1605
|
+
iconButton: React__default.createElement(fa.FaUpload, {
|
|
1606
|
+
size: 14
|
|
1609
1607
|
}),
|
|
1610
|
-
descriptionButton: t.fileArea.
|
|
1608
|
+
descriptionButton: t.fileArea.fileUpload,
|
|
1611
1609
|
widthButton: "230px"
|
|
1612
1610
|
}) : React__default.createElement(Table$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
1613
1611
|
key: "th_file_name",
|