@synerise/ds-layout 0.16.6 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@0.16.6...@synerise/ds-layout@0.16.7) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-layout
+
+
+
+
+
 ## [0.16.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@0.16.5...@synerise/ds-layout@0.16.6) (2025-03-04)
 
 **Note:** Version bump only for package @synerise/ds-layout

package/dist/Layout.styles.js

@@ -7,19 +7,19 @@ import Icon from '@synerise/ds-icon';
 var DEFAULT_TOP_OFFSET = 55;
 export var ArrowIcon = styled(Icon).withConfig({
   displayName: "Layoutstyles__ArrowIcon",
-  componentId: "i053aj-0"
+  componentId: "sc-i053aj-0"
 })([""]);
 export var CloseIcon = styled(Icon).withConfig({
   displayName: "Layoutstyles__CloseIcon",
-  componentId: "i053aj-1"
+  componentId: "sc-i053aj-1"
 })(["display:none;"]);
 export var LayoutContent = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutContent",
-  componentId: "i053aj-2"
+  componentId: "sc-i053aj-2"
 })(["overflow:hidden;width:100%;height:100%;", ";"], mediaQuery.to.small(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["overflow-x: auto;"]))));
 export var LayoutHeader = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutHeader",
-  componentId: "i053aj-3"
+  componentId: "sc-i053aj-3"
 })(["&&&{margin:0;display:block;width:100%;}z-index:1;box-shadow:0 2px 6px ", ";border-bottom:1px solid ", ";"], function (props) {
   return hexToRgba(props.theme.palette['grey-400'], 0.12);
 }, function (props) {
@@ -27,27 +27,27 @@ export var LayoutHeader = styled.div.withConfig({
 });
 export var LayoutSubheader = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutSubheader",
-  componentId: "i053aj-4"
+  componentId: "sc-i053aj-4"
 })(["position:relative;max-width:100%;top:0;z-index:1;box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);"]);
 export var LayoutBody = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutBody",
-  componentId: "i053aj-5"
+  componentId: "sc-i053aj-5"
 })(["flex:1;display:flex;flex-direction:row;min-height:0;min-width:0;position:relative;overflow:hidden;height:100%;", ";", ";"], mediaQuery.to.small(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["min-width: 704px;}"]))), function (props) {
   return props.allowOverflow && mediaQuery.to.small(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["overflow-x: auto;"])));
 });
 export var LayoutMain = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutMain",
-  componentId: "i053aj-6"
+  componentId: "sc-i053aj-6"
 })(["position:relative;max-width:100%;width:100%;", ";", ";"], mediaQuery.to.small(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["min-width: 704px;"]))), mediaQuery.to.medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["height: 100%;"]))));
 export var LayoutMainInner = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutMainInner",
-  componentId: "i053aj-7"
+  componentId: "sc-i053aj-7"
 })(["", ";&&{padding:", ";}"], mediaQuery.from.medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["padding: 24px;"]))), function (props) {
   return props.fullPage ? '0' : '24px';
 });
 export var LayoutContainer = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutContainer",
-  componentId: "i053aj-8"
+  componentId: "sc-i053aj-8"
 })(["height:100%;display:flex;flex-direction:column;overflow:hidden;", ";", "{", ";}", "{overflow:", ";", ";}"], function (props) {
   return props.fillViewport && css(["position:absolute;width:100%;height:calc(100vh - ", "px);"], props.viewportTopOffset !== undefined ? props.viewportTopOffset : DEFAULT_TOP_OFFSET);
 }, LayoutMain, function (props) {
@@ -59,7 +59,7 @@ export var LayoutContainer = styled.div.withConfig({
 });
 export var SidebarButton = styled.button.withConfig({
   displayName: "Layoutstyles__SidebarButton",
-  componentId: "i053aj-9"
+  componentId: "sc-i053aj-9"
 })(["width:36px;height:44px;background-color:", ";align-items:center;justify-content:center;position:absolute;cursor:pointer;border-radius:", ";right:", ";left:", ";top:", ";outline:0;border:0;display:flex;opacity:1;visibility:visible;transition:all 0.3s ease;z-index:1;", ";", "{transition:transform 0.3s ease;}", ";", ";", " ", ";"], function (props) {
   return props.theme.palette['grey-500'];
 }, function (props) {
@@ -81,7 +81,7 @@ export var SidebarButton = styled.button.withConfig({
 });
 export var LayoutSidebar = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutSidebar",
-  componentId: "i053aj-10"
+  componentId: "sc-i053aj-10"
 })(["", ";position:relative;z-index:10;overflow-y:auto;overflow-x:hidden;background-color:#fff;height:100%;box-shadow:0 4px 12px 0 rgba(35,41,54,0.04);width:", ";max-width:100%;", ";", ";", ";", ";}"], function (props) {
   return !props.animationDisabled && css(["will-change:width;transform-style:preserve-3d;transition:max-width 0.3s ease;"]);
 }, function (props) {
@@ -99,7 +99,7 @@ export var LayoutSidebar = styled.div.withConfig({
 }));
 export var LayoutSidebarWrapper = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutSidebarWrapper",
-  componentId: "i053aj-11"
+  componentId: "sc-i053aj-11"
 })(["position:relative;overflow:visible;height:100%;left:", ";right:", ";z-index:10;", ";&:hover{", "{background-color:", ";left:", ";right:", ";", ";", ";}}", ";", ";)"], function (props) {
   return props.right ? 'auto' : '0';
 }, function (props) {
@@ -123,5 +123,5 @@ export var LayoutSidebarWrapper = styled.div.withConfig({
 });
 export var LayoutSidebarInner = styled.div.withConfig({
   displayName: "Layoutstyles__LayoutSidebarInner",
-  componentId: "i053aj-12"
+  componentId: "sc-i053aj-12"
 })(["padding:24px 0;display:flex;flex-flow:column;height:100%;overflow-y:auto;overflow-x:hidden;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-layout",
-  "version": "0.16.6",
+  "version": "1.0.0",
   "description": "Layout UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -34,14 +34,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.72.0",
-    "@synerise/ds-scrollbar": "^0.12.6",
-    "@synerise/ds-utils": "^0.32.2"
+    "@synerise/ds-icon": "^1.0.0",
+    "@synerise/ds-scrollbar": "^1.0.0",
+    "@synerise/ds-utils": "^1.0.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
+  "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
 }