@qoretechnologies/reqore 0.38.1 → 0.38.3

package/dist/components/Textarea/index.js

@@ -68,7 +68,7 @@ var useTooltip_1 = require("../../hooks/useTooltip");
 var styles_1 = require("../../styles");
 var Effect_1 = require("../Effect");
 var InputClearButton_1 = __importDefault(require("../InputClearButton"));
-exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n"], ["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n"])), function (_a) {
+exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n  }\n"], ["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n  }\n"])), function (_a) {
     var height = _a.height;
     return (height ? "".concat(height, "px") : undefined);
 }, function (_a) {
@@ -84,12 +84,18 @@ exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObjec
     var fixed = _a.fixed, fluid = _a.fluid;
     return (fixed ? 'flex-start' : fluid ? 'stretch' : undefined);
 });
-exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  min-height: ", "px;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: 5px 7px;\n  min-height: ", "px;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"])), function (_a) {
+exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: ", "px;\n  min-height: ", "px;\n  line-height: ", "px;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: ", "px;\n  min-height: ", "px;\n  line-height: ", "px;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"])), function (_a) {
     var _size = _a._size;
-    return sizes_1.TEXT_FROM_SIZE[_size];
+    return sizes_1.CONTROL_TEXT_FROM_SIZE[_size];
+}, function (_a) {
+    var _size = _a._size;
+    return sizes_1.PADDING_FROM_SIZE[_size] / 2;
 }, function (_a) {
     var _size = _a._size;
     return sizes_1.SIZE_TO_PX[_size];
+}, function (_a) {
+    var _size = _a._size;
+    return sizes_1.SIZE_TO_PX[_size] - sizes_1.CONTROL_TEXT_FROM_SIZE[_size];
 }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal;
     return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
@@ -149,7 +155,7 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), onChange: function (e) {
                         setValue(e.target.value);
                         onChange === null || onChange === void 0 ? void 0 : onChange(e);
-                    }, as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: 1, value: _value, readonly: rest === null || rest === void 0 ? void 0 : rest.readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size })] }));
+                    }, as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: 1, value: _value, readonly: rest === null || rest === void 0 ? void 0 : rest.readOnly, tabIndex: (rest === null || rest === void 0 ? void 0 : rest.disabled) ? -1 : 0 })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size })] }));
     };
     if (templates) {
         return ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({ component: exports.StyledTextareaWrapper, className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle, ref: targetRef, onItemSelect: handleItemSelect }, templates, { children: renderChildren() })));

package/dist/components/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}

package/dist/constants/sizes.d.ts

@@ -94,6 +94,13 @@ export declare const TEXT_FROM_SIZE: {
     big: number;
     huge: number;
 };
+export declare const CONTROL_TEXT_FROM_SIZE: {
+    tiny: number;
+    small: number;
+    normal: number;
+    big: number;
+    huge: number;
+};
 export declare const ICON_FROM_SIZE: {
     tiny: number;
     small: number;

package/dist/constants/sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;CAMlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}

package/dist/constants/sizes.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.LINE_SIZE_TO_NUMBER = exports.SIZE_TO_MODIFIER = exports.SIZES = exports.ReqoreSizes = void 0;
+exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.CONTROL_TEXT_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.LINE_SIZE_TO_NUMBER = exports.SIZE_TO_MODIFIER = exports.SIZES = exports.ReqoreSizes = void 0;
 exports.ReqoreSizes = {
     TINY: 'tiny',
     SMALL: 'small',
@@ -95,6 +95,13 @@ exports.TEXT_FROM_SIZE = {
     big: 18,
     huge: 21
 };
+exports.CONTROL_TEXT_FROM_SIZE = {
+    tiny: 7,
+    small: 10,
+    normal: 13,
+    big: 16,
+    huge: 19
+};
 exports.ICON_FROM_SIZE = {
     tiny: 13,
     small: 17,

package/dist/constants/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACb,CAAC;AAEW,QAAA,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAE5D,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;CACV,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;CACV,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,aAAa,GAAG;IAC3B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,CAAC;CACL,CAAC;AAEW,QAAA,6BAA6B,GAAG;IAC3C,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,EAAE;IACP,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;CACX,CAAC"}

package/migration-storybook.log

@@ -2,87 +2,55 @@
 
 ⚠️  failed to check fix new-frameworks
 
-Error: ❌ Your project should be upgraded to use the framework package @storybook/react-webpack5, but we detected that you are using Vite 2.9.15, which is unsupported in Storybook 7.0. Please upgrade Vite to 3.0.0 or higher and rerun this migration.
-    at Object.check (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:205:8731)
-    at async runFixes (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:388:1239)
-    at async automigrate (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:385:676)
-    at async doUpgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:417:3419)
-    at async withTelemetry (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core-server/dist/index.js:113:3725)
-    at async upgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:417:3865)
-
-🔎 found a 'storybook-binary' migration:
-╭ Automigration detected ─────────────────────────────────────╮
-│                                                             │
-│   We've detected you are using Storybook 7.1.1 without      │
-│   Storybook's storybook binary. Starting in Storybook       │
-│   7.0, it has to be installed.                              │
-│                                                             │
-│                                                             │
-│   More info: https://github.com/storybookjs/storybook/blo   │
-│   b/next/MIGRATION.md#start-storybook--build-storybook-bi   │
-│   naries-removed                                            │
-│                                                             │
-╰─────────────────────────────────────────────────────────────╯
-? Do you want to run the 'storybook-binary' migration on your project? › (Y/n)✔ Do you want to run the 'storybook-binary' migration on your project? … yes
-
-✅ Adding 'storybook' as dev dependency
-
-✅ ran storybook-binary migration
-
-🔎 found a 'sb-scripts' migration:
-╭ Automigration detected ─────────────────────────────────────╮
-│                                                             │
-│   We've detected you are using Storybook 7.1.1 with         │
-│   scripts from previous versions of Storybook.              │
-│   Starting in Storybook 7, the start-storybook and          │
-│   build-storybook binaries have changed to storybook dev    │
-│   and storybook build respectively.                         │
-│   In order to work with Storybook 7.1.1, your storybook     │
-│   scripts have to be adjusted to use the binary. We can     │
-│   adjust them for you:                                      │
-│                                                             │
-│   storybook                                                 │
-│   from:                                                     │
-│   start-storybook -p 6007 --no-dll                          │
-│   to:                                                       │
-│   storybook dev -p 6007 --no-dll                            │
-│                                                             │
-│   build-storybook                                           │
-│   from:                                                     │
-│   build-storybook                                           │
-│   to:                                                       │
-│   storybook build                                           │
-│                                                             │
-│   In case this migration did not cover all of your          │
-│   scripts, or you'd like more info: https://github.com/st   │
-│   orybookjs/storybook/blob/next/MIGRATION.md#start-storyb   │
-│   ook--build-storybook-binaries-removed                     │
-│                                                             │
-╰─────────────────────────────────────────────────────────────╯
-? Do you want to run the 'sb-scripts' migration on your project? › (Y/n)✔ Do you want to run the 'sb-scripts' migration on your project? … yes
-✅ Updating scripts in package.json
-
-
-✅ ran sb-scripts migration
+Error: ❌ Your project should be upgraded to use the framework package @storybook/react-webpack5, but we detected that you are using Vite 2.9.16, which is unsupported in Storybook 7.0. Please upgrade Vite to 3.0.0 or higher and rerun this migration.
+    at Object.check (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:221:8731)
+    at async runFixes (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:404:1239)
+    at async automigrate (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:401:676)
+    at async doUpgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:433:3535)
+    at async withTelemetry (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core-server/dist/index.js:103:3903)
+    at async upgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:433:3981)
+
+🔎 found a 'eslintPlugin' migration:
+╭ Automigration detected ────────────────────╮
+│                                            │
+│   We've detected you are not using our     │
+│   eslint-plugin.                           │
+│                                            │
+│   In order to have the best experience     │
+│   with Storybook and follow best           │
+│   practices, we advise you to install      │
+│   eslint-plugin-storybook.                 │
+│                                            │
+│   More info: https://github.com/storyboo   │
+│   kjs/eslint-plugin-storybook#readme       │
+│                                            │
+╰────────────────────────────────────────────╯
+? Do you want to run the 'eslintPlugin' migration on your project? › (Y/n)✔ Do you want to run the 'eslintPlugin' migration on your project? … no
 
 🔎 found a 'autodocsTrue' migration:
-╭ Automigration detected ─────────────────────────────────────╮
-│                                                             │
-│   We've changed the configuration of autodocs (previous     │
-│   docsPage), so now the value:                              │
-│   - docs.autodocs: true -- means automatically create       │
-│   docs for every CSF file                                   │
-│   - docs.autodocs: 'tag' -- means only create autodocs      │
-│   for CSF files with the 'autodocs' tag                     │
-│   - docs.autodocs: false -- means never create autodocs     │
-│                                                             │
-│   Based on your prior configuration,  we can set the        │
-│   `docs.autodocs` to keep your old behaviour:               │
-│                                                             │
-│   docs: { autodocs: true }                                  │
-│                                                             │
-│   More info: https://github.com/storybookjs/storybook/blo   │
-│   b/next/MIGRATION.md#autodocs-changes                      │
-│                                                             │
-╰─────────────────────────────────────────────────────────────╯
+╭ Automigration detected ────────────────────╮
+│                                            │
+│   We've changed the configuration of       │
+│   autodocs (previous docsPage), so now     │
+│   the value:                               │
+│   - docs.autodocs: true -- means           │
+│   automatically create docs for every      │
+│   CSF file                                 │
+│   - docs.autodocs: 'tag' -- means only     │
+│   create autodocs for CSF files with the   │
+│   'autodocs' tag                           │
+│   - docs.autodocs: false -- means never    │
+│   create autodocs                          │
+│                                            │
+│   Based on your prior configuration,  we   │
+│   can set the `docs.autodocs` to keep      │
+│   your old behaviour:                      │
+│                                            │
+│   docs: { autodocs: true }                 │
+│                                            │
+│   More info: https://github.com/storyboo   │
+│   kjs/storybook/blob/next/MIGRATION.md#a   │
+│   utodocs-changes                          │
+│                                            │
+╰────────────────────────────────────────────╯
 ? Do you want to run the 'autodocsTrue' migration on your project? › (Y/n)✔ Do you want to run the 'autodocsTrue' migration on your project? … no

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.38.1",
+  "version": "0.38.3",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,21 +43,21 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@chromaui/addon-visual-tests": "^0.0.98",
-    "@storybook/addon-actions": "^7.1.1",
-    "@storybook/addon-essentials": "^7.1.1",
-    "@storybook/addon-interactions": "^7.1.1",
-    "@storybook/addon-links": "^7.1.1",
-    "@storybook/builder-webpack5": "^7.1.1",
-    "@storybook/jest": "^0.1.0",
-    "@storybook/manager-api": "^7.1.1",
+    "@storybook/addon-actions": "^7.5.1",
+    "@storybook/addon-essentials": "^7.5.1",
+    "@storybook/addon-interactions": "^7.5.1",
+    "@storybook/addon-links": "^7.5.1",
+    "@storybook/builder-webpack5": "^7.5.1",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/manager-api": "^7.5.1",
     "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^7.1.1",
-    "@storybook/react-webpack5": "^7.1.1",
-    "@storybook/test-runner": "^0.9.4",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/react": "^7.5.1",
+    "@storybook/react-webpack5": "^7.5.1",
+    "@storybook/test-runner": "^0.13.0",
+    "@storybook/testing-library": "^0.2.2",
     "@storybook/testing-react": "^2.0.1",
-    "@storybook/theming": "^7.1.1",
-    "@storybook/types": "^7.1.1",
+    "@storybook/theming": "^7.5.1",
+    "@storybook/types": "^7.5.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^26.0.19",
@@ -82,7 +82,7 @@
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.4.2",
     "react-test-renderer": "^18.2.0",
-    "storybook": "^7.1.1",
+    "storybook": "^7.5.1",
     "ts-jest": "^29.0.5",
     "ts-node": "^9.1.1",
     "typescript": "^4.7.3",

package/src/components/Button/index.tsx

@@ -2,11 +2,11 @@ import { rgba } from 'polished';
 import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
 import styled, { css } from 'styled-components';
 import {
+  CONTROL_TEXT_FROM_SIZE,
   ICON_FROM_SIZE,
   PADDING_FROM_SIZE,
   RADIUS_FROM_SIZE,
   SIZE_TO_PX,
-  TEXT_FROM_SIZE,
   TSizes,
 } from '../../constants/sizes';
 import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
@@ -64,6 +64,7 @@ export interface IReqoreButtonProps
   fixed?: boolean;
   active?: boolean;
   flat?: boolean;
+  compact?: boolean;
   rightIcon?: IReqoreIconName;
   customTheme?: IReqoreCustomTheme;
   wrap?: boolean;
@@ -121,8 +122,9 @@ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
   vertical-align: middle;
   border: ${({ theme, color, flat }) =>
     !flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color), 0.2)}` : 0};
-  padding: 0 ${({ size }) => PADDING_FROM_SIZE[size]}px;
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
+  padding: 0
+    ${({ size, compact }) => (compact ? PADDING_FROM_SIZE[size] / 2 : PADDING_FROM_SIZE[size])}px;
+  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
 
   min-height: ${({ size }) => SIZE_TO_PX[size]}px;
   min-width: ${({ size }) => SIZE_TO_PX[size]}px;

package/src/components/Checkbox/index.tsx

@@ -2,7 +2,12 @@ import { rgba } from 'polished';
 import React, { forwardRef, useMemo, useState } from 'react';
 import { useMeasure } from 'react-use';
 import styled, { css } from 'styled-components';
-import { PADDING_FROM_SIZE, SIZE_TO_PX, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
+import {
+  CONTROL_TEXT_FROM_SIZE,
+  PADDING_FROM_SIZE,
+  SIZE_TO_PX,
+  TSizes,
+} from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
 import {
   changeLightness,
@@ -135,7 +140,7 @@ const StyledCheckbox = styled.div<IReqoreCheckboxStyle>`
   transition: all 0.2s ease-out;
 
   height: ${({ size }) => SIZE_TO_PX[size]}px;
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
+  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
 
   max-width: ${({ fluid, fixed }) => (fluid && !fixed ? '100%' : undefined)};
   flex: ${({ fluid, fixed }) => (fixed ? '0 auto' : fluid ? '1 auto' : '0 0 auto')};

package/src/components/Dropdown/item.tsx

@@ -18,7 +18,7 @@ export const ReqoreDropdownItem = memo(
     return (
       <ReqoreMenuItem
         {...rest}
-        _insidePopover={size(rest.items) ? false : undefined}
+        _insidePopover={size(rest.items) ? false : rest._insidePopover}
         label={rest.label || rest.value}
         onClick={handleItemClick}
         rightIcon={rest.selected ? 'CheckLine' : rest.rightIcon}

package/src/components/Input/index.tsx

@@ -3,10 +3,10 @@ import { rgba } from 'polished';
 import React, { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import {
+  CONTROL_TEXT_FROM_SIZE,
   PADDING_FROM_SIZE,
   RADIUS_FROM_SIZE,
   SIZE_TO_PX,
-  TEXT_FROM_SIZE,
   TSizes,
 } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
@@ -72,11 +72,17 @@ export const StyledInputWrapper = styled.div<IReqoreInputStyle>`
   min-width: 60px;
   flex: ${({ fluid, fixed }) => (fixed ? '0 auto' : fluid ? '1 auto' : '0 1 auto')};
   align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
-  font-size: ${({ _size }) => TEXT_FROM_SIZE[_size]}px;
+  font-size: ${({ _size }) => CONTROL_TEXT_FROM_SIZE[_size]}px;
   position: relative;
   overflow: hidden;
   border-radius: ${({ minimal, rounded, _size }) =>
     minimal || rounded === false ? 0 : RADIUS_FROM_SIZE[_size]}px;
+
+  &:focus-within {
+    .reqore-clear-input-button {
+      display: flex;
+    }
+  }
 `;
 
 const StyledIconWrapper = styled.div<IReqoreInputStyle>`
@@ -109,7 +115,7 @@ export const StyledInput = styled(StyledEffect)<IReqoreInputStyle>`
   }}px;
 
   padding-left: ${({ hasIcon, _size }) => (hasIcon ? SIZE_TO_PX[_size] : 7)}px;
-  font-size: ${({ _size }) => TEXT_FROM_SIZE[_size]}px;
+  font-size: ${({ _size }) => CONTROL_TEXT_FROM_SIZE[_size]}px;
   transition: all 0.2s ease-out;
   border-radius: ${({ minimal, rounded, _size }) =>
     minimal || rounded === false ? 0 : RADIUS_FROM_SIZE[_size]}px;

package/src/components/InputClearButton/index.tsx

@@ -19,6 +19,7 @@ export const StyledInputClearButton = styled(ReqoreIcon)<{ show?: boolean }>`
   align-items: center;
   transition: all 0.1s ease-out;
   cursor: pointer;
+  display: none;
 
   &:hover {
     opacity: 1 !important;

package/src/components/Menu/item.tsx

@@ -67,7 +67,7 @@ const ReqoreMenuItem = memo(
             removePopover!(_popoverId);
           }
         },
-        [itemId, _insidePopover, _popoverId, onClick]
+        [itemId, _insidePopover, _popoverId, onClick, removePopover]
       );
 
       const handleRightIconClick = useCallback(
@@ -83,7 +83,7 @@ const ReqoreMenuItem = memo(
             }
           }
         },
-        [itemId, _insidePopover, _popoverId, onRightIconClick]
+        [itemId, _insidePopover, _popoverId, onRightIconClick, removePopover]
       );
 
       useEffect(() => {

package/src/components/Panel/index.tsx

@@ -306,8 +306,12 @@ export const StyledPanelTitle = styled.div<IStyledPanel>`
 `;
 
 export const StyledPanelTopBar = styled(StyledPanelTitle)`
-  padding-bottom: ${({ minimal, padded, size, transparent }: IStyledPanel) =>
-    !padded ? `${PADDING_FROM_SIZE[size]}px` : minimal || transparent ? 0 : undefined};
+  padding-bottom: ${({ minimal, padded, size, transparent, isCollapsed }: IStyledPanel) =>
+    !padded || isCollapsed
+      ? `${PADDING_FROM_SIZE[size]}px`
+      : minimal || transparent
+      ? 0
+      : undefined};
   padding-top: ${({ minimal, size }: IStyledPanel) =>
     minimal ? `${PADDING_FROM_SIZE[size]}px` : undefined};
 `;

package/src/components/Tabs/item.tsx

@@ -29,7 +29,7 @@ export interface IReqoreTabListItemStyle extends IReqoreTabListItemProps {
 }
 
 export const StyledTabListItem = styled.div<IReqoreTabListItemStyle>`
-  ${({ disabled, vertical, fill, padded }: IReqoreTabListItemStyle) => {
+  ${({ disabled, vertical, fill, fixed, padded }: IReqoreTabListItemStyle) => {
     return css`
       display: flex;
       flex-shrink: 0;
@@ -80,10 +80,11 @@ export const StyledTabListItem = styled.div<IReqoreTabListItemStyle>`
             `}
           `}
 
-      ${fill &&
-      css`
-        flex: 1 0 auto;
-      `}
+      ${fill && !fixed
+        ? css`
+            flex: 1 0 auto;
+          `
+        : undefined}
 
       ${disabled &&
       css`
@@ -148,6 +149,7 @@ const ReqoreTabsListItem = memo(
           vertical={vertical}
           theme={theme}
           fill={fill}
+          fixed={rest.fixed}
           padded={padded}
         >
           {label || icon ? (

package/src/components/Tabs/list.tsx

@@ -5,10 +5,10 @@ import styled, { css } from 'styled-components';
 import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
 import { ReqorePopover } from '../..';
 import {
+  CONTROL_TEXT_FROM_SIZE,
   GAP_FROM_SIZE,
   ICON_FROM_SIZE,
   PADDING_FROM_SIZE,
-  TEXT_FROM_SIZE,
   TSizes,
 } from '../../constants/sizes';
 import { IReqoreBreadcrumbsTheme, IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
@@ -100,8 +100,10 @@ const getBadgeLength = (badge: IReqoreButtonProps['badge'], tabsSize: TSizes = '
   }
 
   return (
-    calculateStringSizeInPixels(badge.toString(), TEXT_FROM_SIZE[getOneLessSize(tabsSize)]) +
-    PADDING_FROM_SIZE[tabsSize]
+    calculateStringSizeInPixels(
+      badge.toString(),
+      CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]
+    ) + PADDING_FROM_SIZE[tabsSize]
   );
 };
 
@@ -133,11 +135,11 @@ export const getLabelLength = (
     ? 0
     : calculateStringSizeInPixels(
         (item as IReqoreBreadcrumbItem | IReqoreTabsListItem)?.description?.toString(),
-        TEXT_FROM_SIZE[getOneLessSize(tabsSize)]
+        CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]
       );
 
   const topLabelLength =
-    calculateStringSizeInPixels(label?.toString(), TEXT_FROM_SIZE[tabsSize]) +
+    calculateStringSizeInPixels(label?.toString(), CONTROL_TEXT_FROM_SIZE[tabsSize]) +
     icon +
     rightIcon +
     closeIconSize +

package/src/components/Tag/index.tsx

@@ -5,10 +5,10 @@ import styled, { css } from 'styled-components';
 import { ReqorePopover, useReqoreTheme } from '../..';
 import {
   BADGE_SIZE_TO_PX,
+  CONTROL_TEXT_FROM_SIZE,
   PADDING_FROM_SIZE,
   RADIUS_FROM_SIZE,
   SIZE_TO_PX,
-  TEXT_FROM_SIZE,
   TSizes,
 } from '../../constants/sizes';
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
@@ -93,7 +93,7 @@ export const StyledTag = styled(StyledEffect)<IReqoreTagStyle>`
   font-weight: 600;
   overflow: hidden;
   vertical-align: middle;
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
+  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
 
   min-width: ${({ size }) => SIZE_TO_PX[size]}px;
   max-width: ${({ fixed }) => (fixed !== true ? '100%' : undefined)};
@@ -213,7 +213,7 @@ const StyledTagContentKey = styled(StyledTagContent)`
 
 const StyledButtonWrapper = styled.span<IReqoreTagStyle>`
   flex-shrink: 0;
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
+  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
   width: ${({ size }) => SIZE_TO_PX[size]}px;
   display: flex;
   justify-content: center;