@appquality/unguess-design-system 2.10.44 → 2.10.45

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.10.45 (Tue Jun 07 2022)
+
+#### 🐛 Bug Fix
+
+- fix(card-footer): update space between divider [#67](https://github.com/AppQuality/unguess-design-system/pull/67) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.10.44 (Mon Jun 06 2022)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -708,14 +708,17 @@ CardHeader.Title = Title$1;
 CardHeader.Text = Description$1;
 var templateObject_1$Y, templateObject_2$o, templateObject_3$g, templateObject_4$a;
 
-var Divider = styled__default["default"].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  margin-top: ", ";\n  background-color: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  margin-top: ", ";\n  background-color: ", ";\n"])), function (_a) {
+var Divider = styled__default["default"].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  margin-top: ", "px;\n  margin-bottom: ", ";\n  background-color: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  margin-top: ", "px;\n  margin-bottom: ", ";\n  background-color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
-    return theme.space.xs;
+    return theme.space.base * 3;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.space.xxs;
 }, function (_a) {
     var theme = _a.theme;
     return theme.palette.grey["300"];
 });
-var Footer$1 = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-top: auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-top: auto;\n"])));
+var Footer$1 = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-top: auto;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-top: auto;\n  width: 100%;\n"])));
 var Container = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var theme = _a.theme, direction = _a.direction, justifyContent = _a.justifyContent;
     return "\n      display: flex;\n      align-items: center;\n      flex-direction: ".concat(direction || "row", ";\n      justify-content: ").concat(justifyContent || "space-between", ";\n      padding: ").concat(theme.space.xxs, " 0;\n      margin-top: ").concat(theme.space.xs, ";\n    ");
@@ -855,7 +858,7 @@ var StyledTag$1 = styled__default["default"](Tag)(templateObject_3$d || (templat
     return theme.space.xs;
 });
 var CardContent = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n  transition: all 0.3s ease-in-out;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  justify-content: flex-start;\n  flex-grow: 1;\n"], ["\n  transition: all 0.3s ease-in-out;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  justify-content: flex-start;\n  flex-grow: 1;\n"])));
-var ButtonsWrap$1 = styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  margin-top: ", "px;\n\n  button {\n    padding: ", " 0;\n    \n  }\n\n  button:not(:first-child) {\n    margin-top: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  margin-top: ", "px;\n\n  button {\n    padding: ", " 0;\n    \n  }\n\n  button:not(:first-child) {\n    margin-top: ", ";\n  }\n"])), function (_a) {
+var ButtonsWrap$1 = styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  margin-top: ", "px;\n\n  button {\n    padding: ", " 0;\n    \n  }\n\n  button:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  margin-top: ", "px;\n\n  button {\n    padding: ", " 0;\n    \n  }\n\n  button:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.space.base;
 }, function (_a) {
@@ -863,7 +866,7 @@ var ButtonsWrap$1 = styled__default["default"].div(templateObject_5$3 || (templa
     return theme.space.xxs;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.space.xs;
+    return theme.space.base * 4;
 });
 var HoverBody = styled__default["default"].div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  padding: ", ";\n  background-color: ", ";\n  transition: all 0.3s ease-in-out;\n  z-index: 2;\n  display: flex;\n  align-items: space-between;\n  flex-direction: column;\n  justify-content: space-between;\n"], ["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  padding: ", ";\n  background-color: ", ";\n  transition: all 0.3s ease-in-out;\n  z-index: 2;\n  display: flex;\n  align-items: space-between;\n  flex-direction: column;\n  justify-content: space-between;\n"])), function (_a) {
     var theme = _a.theme;
@@ -880,7 +883,7 @@ var StyledCard = styled__default["default"](SpecialCard)(templateObject_8 || (te
 });
 var ServiceCard = function (props) {
     var serviceIcon = props.serviceIcon, serviceTitle = props.serviceTitle, serviceSubtitle = props.serviceSubtitle;
-    return (jsxRuntime.jsxs(StyledCard, __assign({}, props, { children: [props.isHoverable && (jsxRuntime.jsxs(HoverBody, { children: [jsxRuntime.jsxs(HoverMetaContainer, { children: [props.hoverTitle && (jsxRuntime.jsx(ServiceTitle, { children: props.hoverTitle })), props.hoverSubtitle && (jsxRuntime.jsx(ServiceSubtitle, { children: props.hoverSubtitle }))] }), props.hoverButtons && (jsxRuntime.jsx(ButtonsWrap$1, { children: props.hoverButtons.map(function (button) { return button; }) }))] })), jsxRuntime.jsxs(CardContent, { children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [serviceIcon && jsxRuntime.jsx(SpecialCard.Thumb, { children: serviceIcon }), jsxRuntime.jsxs(SpecialCard.Header, { children: [jsxRuntime.jsx(SpecialCard.Header.Label, { children: serviceSubtitle }), jsxRuntime.jsx(SpecialCard.Header.Title, { children: serviceTitle })] })] }), props.tags && (jsxRuntime.jsx(SpecialCard.Footer, { children: props.tags.map(function (tag, index) { return (jsxRuntime.jsxs(StyledTag$1, __assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(StyledTag$1.Avatar, { children: tag.icon }), tag.label] }), index)); }) }))] })] })));
+    return (jsxRuntime.jsxs(StyledCard, __assign({}, props, { children: [props.isHoverable && (jsxRuntime.jsxs(HoverBody, { children: [jsxRuntime.jsxs(HoverMetaContainer, { children: [props.hoverTitle && (jsxRuntime.jsx(ServiceTitle, { children: props.hoverTitle })), props.hoverSubtitle && (jsxRuntime.jsx(ServiceSubtitle, { children: props.hoverSubtitle }))] }), props.hoverButtons && (jsxRuntime.jsx(ButtonsWrap$1, { children: props.hoverButtons.map(function (button) { return button; }) }))] })), jsxRuntime.jsxs(CardContent, { children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [serviceIcon && jsxRuntime.jsx(SpecialCard.Thumb, { children: serviceIcon }), jsxRuntime.jsxs(SpecialCard.Header, { children: [jsxRuntime.jsx(SpecialCard.Header.Label, { children: serviceSubtitle }), jsxRuntime.jsx(SpecialCard.Header.Title, { children: serviceTitle })] })] }), props.tags && (jsxRuntime.jsx(SpecialCard.Footer, __assign({ justifyContent: "start" }, { children: props.tags.map(function (tag, index) { return (jsxRuntime.jsxs(StyledTag$1, __assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(StyledTag$1.Avatar, { children: tag.icon }), tag.label] }), index)); }) })))] })] })));
 };
 var templateObject_1$T, templateObject_2$l, templateObject_3$d, templateObject_4$9, templateObject_5$3, templateObject_6$1, templateObject_7, templateObject_8;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.10.44",
+  "version": "2.10.45",
   "dependencies": {
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",