@mailstep/design-system 0.7.80-beta.1 → 0.7.80-beta.2

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/SideMenu/styles.js +1 -1
  3. package/ui/index.es.js +1 -1
  4. package/ui/index.umd.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.7.80-beta.1",
3
+ "version": "0.7.80-beta.2",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
package/ui/Blocks/SideMenu/styles.js CHANGED
@@ -140,7 +140,7 @@ export var TooltipWrap = styled.div(templateObject_16 || (templateObject_16 = __
140
140
  return ($lightMode ? th.color('red20') : th.color('blue2'));
141
141
  });
142
142
  export var OverflowWithEllipsis = styled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n max-width: 140px;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n max-width: 140px;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
143
- export var TopLevelWrap = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n border-right: 1px solid ", ";\n height: -webkit-fill-available;\n transition: width 0.5s ease;\n width: ", ";\n\n z-index: 5;\n position: absolute;\n top: ", ";\n height: ", ";\n\n display: flex;\n flex-direction: column;\n\n @media (min-width: 1024px) {\n top: inherit;\n z-index: 2;\n }\n"], ["\n background-color: ", ";\n border-right: 1px solid ", ";\n height: -webkit-fill-available;\n transition: width 0.5s ease;\n width: ", ";\n\n z-index: 5;\n position: absolute;\n top: ", ";\n height: ", ";\n\n display: flex;\n flex-direction: column;\n\n @media (min-width: 1024px) {\n top: inherit;\n z-index: 2;\n }\n"])), function (_a) {
143
+ export var TopLevelWrap = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n background-color: ", ";\n border-right: 1px solid ", ";\n height: -webkit-fill-available;\n transition: width 0.5s ease;\n width: ", ";\n\n z-index: 6;\n position: absolute;\n top: ", ";\n height: ", ";\n\n display: flex;\n flex-direction: column;\n\n @media (min-width: 1024px) {\n top: inherit;\n z-index: 2;\n }\n"], ["\n background-color: ", ";\n border-right: 1px solid ", ";\n height: -webkit-fill-available;\n transition: width 0.5s ease;\n width: ", ";\n\n z-index: 6;\n position: absolute;\n top: ", ";\n height: ", ";\n\n display: flex;\n flex-direction: column;\n\n @media (min-width: 1024px) {\n top: inherit;\n z-index: 2;\n }\n"])), function (_a) {
144
144
  var lightMode = _a.lightMode;
145
145
  return (lightMode ? 'white' : th('colors.blue3'));
146
146
  }, th('colors.lightGray6'), function (_a) {
package/ui/index.es.js CHANGED
@@ -49389,7 +49389,7 @@ const oO = /* @__PURE__ */ vr(aye), oye = Z.div`
49389
49389
  isCompact: e
49390
49390
  }) => `${e ? Pye : Tye}px`};
49391
49391
 
49392
- z-index: 5;
49392
+ z-index: 6;
49393
49393
  position: absolute;
49394
49394
  top: ${({
49395
49395
  isLeftMenuOpen: e
package/ui/index.umd.js CHANGED
@@ -3634,7 +3634,7 @@ function print() { __p += __j.call(arguments, '') }
3634
3634
  transition: width 0.5s ease;
3635
3635
  width: ${({isCompact:e})=>`${e?OW:PW}px`};
3636
3636
 
3637
- z-index: 5;
3637
+ z-index: 6;
3638
3638
  position: absolute;
3639
3639
  top: ${({isLeftMenuOpen:e})=>e?"0":void 0};
3640
3640
  height: ${({isLeftMenuOpen:e})=>e?"100%":"calc(100% - 52px)"};