@redsift/design-system 10.0.0-alpha.0 → 10.0.0-alpha.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/index.js +12 -4
- package/index.js.map +1 -1
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -4970,6 +4970,14 @@ const StyledAppContent = styled.main`
|
|
|
4970
4970
|
padding: 16px 64px;
|
|
4971
4971
|
${baseContainer}
|
|
4972
4972
|
|
|
4973
|
+
${_ref => {
|
|
4974
|
+
let {
|
|
4975
|
+
$theme
|
|
4976
|
+
} = _ref;
|
|
4977
|
+
return $theme ? css`
|
|
4978
|
+
backgroundcolor: var(--redsift-color-${$theme}-components-page-background);
|
|
4979
|
+
` : '';
|
|
4980
|
+
}}
|
|
4973
4981
|
box-sizing: border-box;
|
|
4974
4982
|
min-height: calc(100vh - 92px);
|
|
4975
4983
|
|
|
@@ -4977,10 +4985,10 @@ const StyledAppContent = styled.main`
|
|
|
4977
4985
|
padding: 0px;
|
|
4978
4986
|
}
|
|
4979
4987
|
|
|
4980
|
-
${
|
|
4988
|
+
${_ref2 => {
|
|
4981
4989
|
let {
|
|
4982
4990
|
$isSidePanelCollapsed
|
|
4983
|
-
} =
|
|
4991
|
+
} = _ref2;
|
|
4984
4992
|
return !$isSidePanelCollapsed ? css`
|
|
4985
4993
|
transform: translate(254px);
|
|
4986
4994
|
width: calc(100% - 254px);
|
|
@@ -4990,10 +4998,10 @@ const StyledAppContent = styled.main`
|
|
|
4990
4998
|
`;
|
|
4991
4999
|
}}
|
|
4992
5000
|
|
|
4993
|
-
${
|
|
5001
|
+
${_ref3 => {
|
|
4994
5002
|
let {
|
|
4995
5003
|
$isLoaded
|
|
4996
|
-
} =
|
|
5004
|
+
} = _ref3;
|
|
4997
5005
|
return $isLoaded ? css`
|
|
4998
5006
|
transition: transform 0.25s ease-out, width 0.25s ease-out;
|
|
4999
5007
|
` : '';
|