@appquality/unguess-design-system 2.12.0 → 2.12.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/CHANGELOG.md +12 -0
- package/build/index.js +23 -22
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v2.12.1 (Mon Sep 19 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Cup 1300 restyle sidebar [#92](https://github.com/AppQuality/unguess-design-system/pull/92) ([@cannarocks](https://github.com/cannarocks))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v2.12.0 (Mon Sep 19 2022)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
package/build/index.js
CHANGED
|
@@ -729,7 +729,7 @@ var Description$3 = styled__default["default"](MD)(templateObject_3$k || (templa
|
|
|
729
729
|
var theme = _a.theme;
|
|
730
730
|
return theme.space.xxs;
|
|
731
731
|
});
|
|
732
|
-
var Container$2 = styled__default["default"].div(templateObject_4$
|
|
732
|
+
var Container$2 = styled__default["default"].div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
733
733
|
var theme = _a.theme, align = _a.align;
|
|
734
734
|
return "\n display: flex;\n align-items: ".concat(align || "start", ";\n flex-direction: column;\n flex-grow: 1;\n justify-content: start;\n padding: ").concat(theme.space.xxs, " 0;\n margin-top: ").concat(theme.space.xs, ";\n ");
|
|
735
735
|
});
|
|
@@ -737,7 +737,7 @@ var CardHeader = function (props) { return jsxRuntime.jsx(Container$2, __assign(
|
|
|
737
737
|
CardHeader.Label = Label$2;
|
|
738
738
|
CardHeader.Title = Title$3;
|
|
739
739
|
CardHeader.Text = Description$3;
|
|
740
|
-
var templateObject_1$1a, templateObject_2$v, templateObject_3$k, templateObject_4$
|
|
740
|
+
var templateObject_1$1a, templateObject_2$v, templateObject_3$k, templateObject_4$f;
|
|
741
741
|
|
|
742
742
|
var Divider = styled__default["default"].div(templateObject_1$19 || (templateObject_1$19 = __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) {
|
|
743
743
|
var theme = _a.theme;
|
|
@@ -892,7 +892,7 @@ var StyledTag$1 = styled__default["default"](Tag)(templateObject_3$h || (templat
|
|
|
892
892
|
var theme = _a.theme;
|
|
893
893
|
return theme.space.xs;
|
|
894
894
|
});
|
|
895
|
-
var CardContent = styled__default["default"].div(templateObject_4$
|
|
895
|
+
var CardContent = styled__default["default"].div(templateObject_4$e || (templateObject_4$e = __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"])));
|
|
896
896
|
var ButtonsWrap$1 = styled__default["default"].div(templateObject_5$6 || (templateObject_5$6 = __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) {
|
|
897
897
|
var theme = _a.theme;
|
|
898
898
|
return theme.space.base;
|
|
@@ -920,7 +920,7 @@ var ServiceCard = function (props) {
|
|
|
920
920
|
var serviceIcon = props.serviceIcon, serviceTitle = props.serviceTitle, serviceSubtitle = props.serviceSubtitle;
|
|
921
921
|
return (jsxRuntime.jsxs(StyledCard$1, __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", wrap: true }, { 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)); }) })))] })] })));
|
|
922
922
|
};
|
|
923
|
-
var templateObject_1$15, templateObject_2$s, templateObject_3$h, templateObject_4$
|
|
923
|
+
var templateObject_1$15, templateObject_2$s, templateObject_3$h, templateObject_4$e, templateObject_5$6, templateObject_6$2, templateObject_7$1, templateObject_8$1;
|
|
924
924
|
|
|
925
925
|
var ButtonsWrap = styled__default["default"].div(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n"])));
|
|
926
926
|
var InfoCard = function (props) {
|
|
@@ -1059,7 +1059,7 @@ var ThumbContainer = styled__default["default"].div(templateObject_3$g || (templ
|
|
|
1059
1059
|
var theme = _a.theme;
|
|
1060
1060
|
return theme.components.autocomplete.thumbSize;
|
|
1061
1061
|
});
|
|
1062
|
-
var Label$1 = styled__default["default"](MD)(templateObject_4$
|
|
1062
|
+
var Label$1 = styled__default["default"](MD)(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n font-weight: ", ";\n color: ", ";\n"], ["\n font-weight: ", ";\n color: ", ";\n"])), function (_a) {
|
|
1063
1063
|
var theme = _a.theme;
|
|
1064
1064
|
return theme.fontWeights.medium;
|
|
1065
1065
|
}, function (_a) {
|
|
@@ -1078,7 +1078,7 @@ var ItemContent = function (props) {
|
|
|
1078
1078
|
var thumbSrc = props.thumbSrc, description = props.description, label = props.label;
|
|
1079
1079
|
return (jsxRuntime.jsxs(Container, { children: [thumbSrc && (jsxRuntime.jsx(ThumbContainer, { children: jsxRuntime.jsx(Image$1, { src: thumbSrc }) })), jsxRuntime.jsxs(MetaContainer$1, { children: [label && jsxRuntime.jsx(Label$1, __assign({ isBold: true }, { children: label })), description && jsxRuntime.jsx(Description$2, { children: description })] })] }));
|
|
1080
1080
|
};
|
|
1081
|
-
var templateObject_1$_, templateObject_2$q, templateObject_3$g, templateObject_4$
|
|
1081
|
+
var templateObject_1$_, templateObject_2$q, templateObject_3$g, templateObject_4$d, templateObject_5$5;
|
|
1082
1082
|
|
|
1083
1083
|
/**
|
|
1084
1084
|
* A Menu is a wrapper for items elements
|
|
@@ -1551,7 +1551,7 @@ var StyledLabel = styled__default["default"](Label)(templateObject_2$l || (templ
|
|
|
1551
1551
|
return "".concat(theme.space.xxs, " ").concat(theme.space.xxs, " 0");
|
|
1552
1552
|
});
|
|
1553
1553
|
var StyledText$1 = styled__default["default"](XL)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject([""], [""])));
|
|
1554
|
-
var Wrapper = styled__default["default"].div(templateObject_4$
|
|
1554
|
+
var Wrapper = styled__default["default"].div(templateObject_4$c || (templateObject_4$c = __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) {
|
|
1555
1555
|
var theme = _a.theme;
|
|
1556
1556
|
return "".concat(theme.space.xs, " ").concat(theme.space.xxs);
|
|
1557
1557
|
}, function (_a) {
|
|
@@ -1595,7 +1595,7 @@ var InputItem = function (props) {
|
|
|
1595
1595
|
};
|
|
1596
1596
|
InputToggle.Item = InputItem;
|
|
1597
1597
|
InputToggle.Label = StyledLabel;
|
|
1598
|
-
var templateObject_1$O, templateObject_2$l, templateObject_3$f, templateObject_4$
|
|
1598
|
+
var templateObject_1$O, templateObject_2$l, templateObject_3$f, templateObject_4$c;
|
|
1599
1599
|
|
|
1600
1600
|
var UgMediaInput = styled__default["default"](reactForms.MediaInput)(templateObject_1$N || (templateObject_1$N = __makeTemplateObject([""], [""])));
|
|
1601
1601
|
/**
|
|
@@ -1936,7 +1936,7 @@ var DropdownItem = styled__default["default"](reactChrome.HeaderItem)(templateOb
|
|
|
1936
1936
|
var theme = _a.theme;
|
|
1937
1937
|
return theme.breakpoints.md;
|
|
1938
1938
|
});
|
|
1939
|
-
var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObject_4$
|
|
1939
|
+
var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"], ["\n color: ", ";\n position: absolute;\n left: 0;\n @media (min-width: ", ") {\n display: none;\n }\n"])), function (_a) {
|
|
1940
1940
|
var theme = _a.theme;
|
|
1941
1941
|
return theme.colors.primaryHue;
|
|
1942
1942
|
}, function (_a) {
|
|
@@ -1946,7 +1946,7 @@ var MenuItem$1 = styled__default["default"](reactChrome.HeaderItem)(templateObje
|
|
|
1946
1946
|
var BrandItem = function (props) {
|
|
1947
1947
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(MenuItem$1, __assign({}, props, { onClick: props.toggleMenu }, { children: [jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(SvgMenuStroke, {}) }), props.menuLabel && jsxRuntime.jsx(HeaderItemText, { children: props.menuLabel })] })), jsxRuntime.jsx(LogoIconContainer, __assign({}, props, { hasLogo: true }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }) })), props.workspaces && props.workspaces.length > 1 ? (jsxRuntime.jsx(DropdownItem, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.brandName && (jsxRuntime.jsx(BrandName, __assign({}, props, { children: jsxRuntime.jsx(HeaderItemText, { children: props.brandName }) }))) }))] }));
|
|
1948
1948
|
};
|
|
1949
|
-
var templateObject_1$A, templateObject_2$i, templateObject_3$e, templateObject_4$
|
|
1949
|
+
var templateObject_1$A, templateObject_2$i, templateObject_3$e, templateObject_4$b;
|
|
1950
1950
|
|
|
1951
1951
|
var UgHeader = styled__default["default"](reactChrome.Header)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n height: ", ";\n"], ["\n height: ", ";\n"])), theme.components.chrome.header.height);
|
|
1952
1952
|
/**
|
|
@@ -2299,22 +2299,23 @@ var AccordionItemHeader = styled__default["default"](Accordion.Header)(templateO
|
|
|
2299
2299
|
return theme.space.base * 6;
|
|
2300
2300
|
}, function (props) { return props.theme.palette.kale["200"]; });
|
|
2301
2301
|
var AccordionItemPanel = styled__default["default"](Accordion.Panel)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n max-height: 180px;\n padding: 0;\n padding-left: 5px;\n overflow-y: hidden;\n opacity: 1;\n\n &:hover {\n overflow-y: auto;\n }\n"], ["\n max-height: 180px;\n padding: 0;\n padding-left: 5px;\n overflow-y: hidden;\n opacity: 1;\n\n &:hover {\n overflow-y: auto;\n }\n"])));
|
|
2302
|
-
var AccordionItemLabel = styled__default["default"](Accordion.Label)(templateObject_4$
|
|
2302
|
+
var AccordionItemLabel = styled__default["default"](Accordion.Label)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n padding: 12px 9px;\n ", "\n"], ["\n padding: 12px 9px;\n ", "\n"])), function (_a) {
|
|
2303
2303
|
var theme = _a.theme;
|
|
2304
2304
|
return "\n color: ".concat(theme.colors.primaryHue, ";\n fill: ").concat(theme.colors.primaryHue, ";\n font-weight: ").concat(theme.fontWeights.medium, ";\n ");
|
|
2305
2305
|
});
|
|
2306
2306
|
AccordionItem.Panel = AccordionItemPanel;
|
|
2307
2307
|
AccordionItem.Header = AccordionItemHeader;
|
|
2308
2308
|
AccordionItem.Label = AccordionItemLabel;
|
|
2309
|
-
var templateObject_1$q, templateObject_2$f, templateObject_3$d, templateObject_4$
|
|
2309
|
+
var templateObject_1$q, templateObject_2$f, templateObject_3$d, templateObject_4$a;
|
|
2310
2310
|
|
|
2311
2311
|
var TokenContainer = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
2312
|
-
var
|
|
2312
|
+
var ScrollingContainer = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n order: 1;\n & ::-webkit-scrollbar {\n display: none;\n }\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n order: 1;\n & ::-webkit-scrollbar {\n display: none;\n }\n height: 100%;\n"])));
|
|
2313
|
+
var StyledNavItem = styled__default["default"](NavItem)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n ", ";\n\n &:hover,\n &:focus {\n background-color: white;\n }\n"], ["\n ", ";\n\n &:hover,\n &:focus {\n background-color: white;\n }\n"])), function (_a) {
|
|
2313
2314
|
var isExpanded = _a.isExpanded;
|
|
2314
2315
|
return isExpanded &&
|
|
2315
2316
|
"\n display: block;\n padding-right: ".concat(theme.space.md, ";\n ");
|
|
2316
2317
|
});
|
|
2317
|
-
var SidebarLabel = styled__default["default"](SM)(
|
|
2318
|
+
var SidebarLabel = styled__default["default"](SM)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n color: ", ";\n margin: ", " 0 16px;\n padding-left: 16px;\n order: 1;\n\n ", ";\n"], ["\n color: ", ";\n margin: ", " 0 16px;\n padding-left: 16px;\n order: 1;\n\n ", ";\n"])), function (_a) {
|
|
2318
2319
|
var theme = _a.theme;
|
|
2319
2320
|
return theme.palette.grey["500"];
|
|
2320
2321
|
}, function (_a) {
|
|
@@ -2347,15 +2348,15 @@ var Sidebar = function (props) {
|
|
|
2347
2348
|
paddingBottom: 0,
|
|
2348
2349
|
}
|
|
2349
2350
|
: {};
|
|
2350
|
-
return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown &&
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2351
|
+
return props.isLoading ? (jsxRuntime.jsx(LoadingSidebar, __assign({}, props))) : (jsxRuntime.jsxs(Nav, __assign({}, props, { children: [jsxRuntime.jsxs(ScrollingContainer, { children: [jsxRuntime.jsx(NavToggle, { onClick: toggleNav, isExpanded: props.isExpanded }), showWorkspacesDropdown &&
|
|
2352
|
+
props.workspaces &&
|
|
2353
|
+
props.workspaces.length > 1 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledNavItem, __assign({ title: "Workspaces", hasLogo: true, isExpanded: props.isExpanded, style: padding }, { children: jsxRuntime.jsx(WorkspacesDropdown, { workspaces: props.workspaces, workspacesLabel: props.workspacesLabel, activeWorkspace: props.activeWorkspace, onWorkspaceChange: props.onWorkspaceChange, isCompact: true }) })) })), props.tokens && (jsxRuntime.jsx(SidebarLabel, __assign({ isExpanded: props.isExpanded }, { children: props.activityLabel || "My activity" }))), jsxRuntime.jsxs(NavItem, __assign({ className: "sidebar-first-level-item", title: "Home", isExpanded: props.isExpanded, isCurrent: nav === "home", onClick: function () { return navigate("home"); } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "home" ? jsxRuntime.jsx(SvgHomeFillStyled, {}) : jsxRuntime.jsx(SvgHomeFill, {}) })), jsxRuntime.jsx(NavItemText, { children: props.homeItemLabel || "My Campaigns" })] })), jsxRuntime.jsx(AccordionItem, __assign({ className: "sidebar-project-accordion-first-item", level: 4, isExpanded: props.isExpanded }, { children: jsxRuntime.jsxs(AccordionItem.Section, { children: [jsxRuntime.jsx(AccordionItem.Header, { children: jsxRuntime.jsxs(AccordionItem.Label, { children: [props.dividerLabel || "", " ", jsxRuntime.jsx(SvgFolderIcon, { style: { marginLeft: theme.space.xs } })] }) }), jsxRuntime.jsx(AccordionItem.Panel, { children: props.projects &&
|
|
2354
|
+
props.projects.map(function (project) { return (jsxRuntime.jsxs(NavItemProject, __assign({ className: "sidebar-project-item", isExpanded: props.isExpanded, isCurrent: nav === "projects/".concat(project.id), onClick: function () { return navigate("projects", project.id); } }, { children: [jsxRuntime.jsx(NavItemProject.Title, { title: project.title, children: project.title }), jsxRuntime.jsx(NavItemProject.SubTitle, { children: project.campaigns })] }), project.id)); }) })] }) })), jsxRuntime.jsx(NavDivider, { isExpanded: props.isExpanded }), jsxRuntime.jsxs(NavItem, __assign({ className: "sidebar-first-level-item", title: "Services", isExpanded: props.isExpanded, isCurrent: nav === "services", onClick: function () { return navigate("services"); }, style: { marginBottom: "16px" } }, { children: [jsxRuntime.jsx(NavItemIcon, __assign({ isStyled: true }, { children: nav === "services" ? jsxRuntime.jsx(SvgTemplatesActive, {}) : jsxRuntime.jsx(SvgTemplates, {}) })), jsxRuntime.jsx(NavItemText, { children: props.servicesItemLabel || "Services" })] })), props.tokens && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SidebarLabel, __assign({ isExpanded: props.isExpanded }, { children: props.walletLabel || "Wallet" })), jsxRuntime.jsx(StyledNavItem, __assign({ title: "Tokens", isExpanded: props.isExpanded, style: { pointerEvents: "none", paddingTop: 0 } }, { children: jsxRuntime.jsx(Card, __assign({ style: { padding: theme.space.sm } }, { children: jsxRuntime.jsxs(TokenContainer, { children: [jsxRuntime.jsx(SvgToken, { width: 32 }), jsxRuntime.jsx(Span, __assign({ isBold: true, style: {
|
|
2355
|
+
marginLeft: theme.space.xs,
|
|
2356
|
+
color: theme.palette.grey[800],
|
|
2357
|
+
} }, { children: props.tokens + " " + (props.tokensLabel || "tokens") }))] }) })) }))] }))] }), jsxRuntime.jsxs(NavItem, __assign({ isExpanded: props.isExpanded, hasBrandmark: true, title: "Be smart from the start", style: { pointerEvents: "none", paddingBottom: theme.space.md } }, { children: [jsxRuntime.jsx(NavItemIcon, { children: jsxRuntime.jsx(Logo, { type: "icon", size: 150 }) }), jsxRuntime.jsx(NavItemText, { children: "UNGUESS" })] }))] })));
|
|
2357
2358
|
};
|
|
2358
|
-
var templateObject_1$p, templateObject_2$e, templateObject_3$c;
|
|
2359
|
+
var templateObject_1$p, templateObject_2$e, templateObject_3$c, templateObject_4$9;
|
|
2359
2360
|
|
|
2360
2361
|
var UgMain = styled__default["default"](reactChrome.Main)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n @media (min-width: ", ") {\n margin: ", "\n }\n \n /* hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"], ["\n @media (min-width: ", ") {\n margin: ", "\n }\n \n /* hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
|
|
2361
2362
|
var theme = _a.theme;
|