@appquality/unguess-design-system 2.11.15 → 2.11.18

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+# v2.11.18 (Tue Sep 13 2022)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- fix(input-toggle): show edit icon always when isn't editing ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v2.11.17 (Tue Sep 13 2022)
+
+#### 🐛 Bug Fix
+
+- fix(cards): fix cursor hover for all type of cards [#90](https://github.com/AppQuality/unguess-design-system/pull/90) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.11.16 (Tue Sep 13 2022)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:AppQuality/unguess-design-system ([@cannarocks](https://github.com/cannarocks))
+- refactor(toggle-input): update text size prop ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.11.15 (Mon Sep 12 2022)
 
 #### ⚠️ Pushed to `master`

package/build/index.js

@@ -406,7 +406,7 @@ Used for this:
 **/
 var SplitButton = React.forwardRef(function (props, ref) { return jsxRuntime.jsx(reactButtons.SplitButton, __assign({ ref: ref }, props)); });
 
-var UgCard = styled__default["default"](reactNotifications.Well)(templateObject_1$1d || (templateObject_1$1d = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  ", "\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  ", "\n"])), function (_a) {
+var UgCard = styled__default["default"](reactNotifications.Well)(templateObject_1$1d || (templateObject_1$1d = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n\n  ", "\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.borderRadii.lg;
 }, function (_a) {
@@ -427,7 +427,7 @@ var UgCard = styled__default["default"](reactNotifications.Well)(templateObject_
     - To group related content
  */
 var Card = function (props) { return jsxRuntime.jsx(UgCard, __assign({}, props)); };
-var UgContainerCard = styled__default["default"](reactNotifications.Well)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n\n  @media (max-width: ", ") {\n    padding: ", ";\n  }\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n\n  @media (max-width: ", ") {\n    padding: ", ";\n  }\n"])), function (_a) {
+var UgContainerCard = styled__default["default"](reactNotifications.Well)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  cursor: default;\n\n  @media (max-width: ", ") {\n    padding: ", ";\n  }\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  cursor: default;\n\n  @media (max-width: ", ") {\n    padding: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.borderRadii.xl;
 }, function (_a) {
@@ -753,7 +753,7 @@ var Container$1 = styled__default["default"].div(templateObject_3$i || (template
 var CardFooter = function (props) { return (jsxRuntime.jsxs(Footer$2, { children: [!props.noDivider && jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(Container$1, __assign({}, props, { children: props.children }))] })); };
 var templateObject_1$18, templateObject_2$t, templateObject_3$i;
 
-var UgContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  ", "\n\n  ", "\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  ", "\n\n  ", "\n"])), function (_a) {
+var UgContentCard = styled__default["default"](reactNotifications.Well)(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n"], ["\n  border-radius: ", ";\n  padding: ", ";\n  border: 1px solid ", ";\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.borderRadii.lg;
 }, function (_a) {
@@ -1547,7 +1547,7 @@ var StyledLabel = styled__default["default"](Label)(templateObject_2$k || (templ
     return "".concat(theme.space.xxs, " ").concat(theme.space.xxs, " 0");
 });
 var StyledText$1 = styled__default["default"](XL)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject([""], [""])));
-var Wrapper = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    border-bottom: 2px solid transparent;\n    padding: ", ";\n    display: flex;\n    align-items: center;\n\n    svg {\n      opacity: 0;\n      margin-left: ", ";\n    }\n\n    &:hover {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    border-bottom: 2px solid transparent;\n    padding: ", ";\n    display: flex;\n    align-items: center;\n\n    svg {\n      opacity: 0;\n      margin-left: ", ";\n    }\n\n    &:hover {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n"])), StyledText$1, function (_a) {
+var Wrapper = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    border-bottom: 2px solid transparent;\n    padding: ", ";\n    display: flex;\n    align-items: center;\n\n    svg {\n      margin-left: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    border-bottom: 2px solid transparent;\n    padding: ", ";\n    display: flex;\n    align-items: center;\n\n    svg {\n      margin-left: ", ";\n    }\n  }\n"])), StyledText$1, function (_a) {
     var theme = _a.theme;
     return "".concat(theme.space.xs, " ").concat(theme.space.xxs);
 }, function (_a) {
@@ -1579,7 +1579,7 @@ var InputToggle = function (_a) {
     return (jsxRuntime.jsx(ToggleContext.Provider, __assign({ value: context }, { children: jsxRuntime.jsx(Wrapper, __assign({ ref: container, onClick: handleClick, onBlur: function () { return setIsEditing(false); } }, props)) })));
 };
 var InputItem = function (props) {
-    var _a = props.placeholder, placeholder = _a === void 0 ? "Insert a value" : _a, value = props.value, style = props.style, _b = props.size, size = _b === void 0 ? 22 : _b;
+    var _a = props.placeholder, placeholder = _a === void 0 ? "Insert a value" : _a, value = props.value, style = props.style, _b = props.textSize, textSize = _b === void 0 ? '22px' : _b;
     var _c = React.useState(), input = _c[0], setInput = _c[1];
     var isEditing = React.useContext(ToggleContext).isEditing;
     React.useEffect(function () {
@@ -1587,7 +1587,7 @@ var InputItem = function (props) {
             input.focus();
         }
     }, [isEditing, input]);
-    return isEditing ? (jsxRuntime.jsx(StyledInput, __assign({ ref: setInput }, props, { style: __assign({ fontSize: "".concat(size, "px"), fontWeight: 500 }, style) }))) : (jsxRuntime.jsxs(StyledText$1, __assign({ isBold: true, style: style }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, {})] })));
+    return isEditing ? (jsxRuntime.jsx(StyledInput, __assign({ ref: setInput }, props, { style: __assign({ fontSize: textSize, fontWeight: 500 }, style) }))) : (jsxRuntime.jsxs(StyledText$1, __assign({ isBold: true, style: __assign({ fontSize: textSize, fontWeight: 500 }, style) }, { children: [!value ? placeholder : value, " ", jsxRuntime.jsx(SvgNotesStroke, {})] })));
 };
 InputToggle.Item = InputItem;
 InputToggle.Label = StyledLabel;

package/build/stories/forms/input-toggle/_types.d.ts

@@ -5,7 +5,7 @@ export interface InputToggleArgs extends IInputProps {
     /** Applies validation state styling */
     validation?: 'success' | 'warning' | 'error';
     /** Sets input size */
-    size?: number;
+    textSize?: string;
     /** Sets the initial focus */
     isFocused?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.11.15",
+  "version": "2.11.18",
   "dependencies": {
     "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
     "@tiptap/extension-character-count": "^2.0.0-beta.31",