techsbcn-storybook 0.13.0 → 0.13.1
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/techsbcn-storybook.cjs.development.js +3 -3
- package/dist/techsbcn-storybook.cjs.development.js.map +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js +1 -1
- package/dist/techsbcn-storybook.cjs.production.min.js.map +1 -1
- package/dist/techsbcn-storybook.esm.js +3 -3
- package/dist/techsbcn-storybook.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/tables/SearchComponent/SearchComponent.scss +15 -0
- package/src/components/tables/SearchComponent/SearchComponent.tsx +1 -1
- package/src/components/wrappers/MainWrapperComponent/MainWrapperComponent.scss +8 -0
|
@@ -64,7 +64,7 @@ var PublicFormWrapper = function PublicFormWrapper(props) {
|
|
|
64
64
|
}, props.children)));
|
|
65
65
|
};
|
|
66
66
|
|
|
67
|
-
var css_248z$1 = ".search-component .title {\n color: #000;\n font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n font-weight: 400;\n position: relative;\n}\n.search-component .tune-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n cursor: pointer;\n color: white;\n}\n.search-component .tune-btn:hover {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.search-component .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.search-component .wrapper-actions .btn-action .btn {\n width: max-content;\n}\n.search-component .wrapper-actions .btn-action svg {\n font-size: 40px;\n}\n\n.search-menu-actions .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.search-menu-actions .wrapper-actions .btn-action .btn {\n width: max-content;\n}\n.search-menu-actions .wrapper-actions .btn-action svg {\n font-size: 40px;\n}";
|
|
67
|
+
var css_248z$1 = ".search-component .title {\n color: #000;\n font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n font-weight: 400;\n position: relative;\n}\n.search-component .tune-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n cursor: pointer;\n color: white;\n}\n.search-component .tune-btn:hover {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.search-component .wrapper-actions.min-action-width .btn-action .MuiButton-root {\n max-width: 100%;\n width: auto;\n}\n.search-component .wrapper-actions.min-action-width .btn-action .btn {\n max-width: 100%;\n width: auto;\n}\n.search-component .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.search-component .wrapper-actions .btn-action .MuiButton-root {\n width: max-content;\n}\n.search-component .wrapper-actions .btn-action .btn {\n width: max-content;\n}\n.search-component .wrapper-actions .btn-action svg {\n font-size: 40px;\n}\n\n.search-menu-actions .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.search-menu-actions .wrapper-actions .btn-action .btn {\n width: max-content;\n}\n.search-menu-actions .wrapper-actions .btn-action svg {\n font-size: 40px;\n}";
|
|
68
68
|
styleInject(css_248z$1);
|
|
69
69
|
|
|
70
70
|
var ActionsList = function ActionsList(actions) {
|
|
@@ -190,7 +190,7 @@ var SearchComponent = function SearchComponent(props) {
|
|
|
190
190
|
}, action.children));
|
|
191
191
|
}))) : React__default.createElement(material.Box, {
|
|
192
192
|
ml: "auto",
|
|
193
|
-
className: "wrapper-actions"
|
|
193
|
+
className: "wrapper-actions " + (props.title ? 'min-action-width' : '')
|
|
194
194
|
}, ActionsList(props.actions)))), (props.searchBar || props.filters || props.actions) && React__default.createElement(material.Grid, {
|
|
195
195
|
item: true,
|
|
196
196
|
xs: 12,
|
|
@@ -255,7 +255,7 @@ var LinearProgressComponent = function LinearProgressComponent() {
|
|
|
255
255
|
}));
|
|
256
256
|
};
|
|
257
257
|
|
|
258
|
-
var css_248z$3 = ".main-wrapper-component {\n background-color: white;\n box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n}\n.main-wrapper-component .main-background-color-after {\n position: relative;\n}\n.main-wrapper-component .main-background-color-after:after {\n content: \"\";\n position: absolute;\n left: -17px;\n top: -4px;\n width: 4px;\n height: 30px;\n}\n.main-wrapper-component .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.main-wrapper-component .wrapper-actions .btn-action .MuiButton-root {\n width: max-content;\n}\n.main-wrapper-component .wrapper-actions .btn-action svg {\n font-size: 40px;\n}";
|
|
258
|
+
var css_248z$3 = ".main-wrapper-component {\n background-color: white;\n box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n}\n.main-wrapper-component .main-background-color-after {\n position: relative;\n}\n.main-wrapper-component .main-background-color-after:after {\n content: \"\";\n position: absolute;\n left: -17px;\n top: -4px;\n width: 4px;\n height: 30px;\n}\n.main-wrapper-component .wrapper-actions.min-action-width .btn-action .MuiButton-root {\n max-width: 100%;\n width: auto;\n}\n.main-wrapper-component .wrapper-actions .btn-action {\n cursor: pointer;\n}\n.main-wrapper-component .wrapper-actions .btn-action .MuiButton-root {\n width: max-content;\n}\n.main-wrapper-component .wrapper-actions .btn-action svg {\n font-size: 40px;\n}";
|
|
259
259
|
styleInject(css_248z$3);
|
|
260
260
|
|
|
261
261
|
var MainWrapperComponent = function MainWrapperComponent(props) {
|