@synerise/ds-layout 1.1.0 → 1.1.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 (3) hide show
  1. package/CHANGELOG.md +8 -58
  2. package/dist/Layout.styles.js +12 -12
  3. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,124 +3,74 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.23...@synerise/ds-layout@1.1.0) (2025-12-01)
7
-
6
+ ## [1.1.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.1.1...@synerise/ds-layout@1.1.2) (2026-01-07)
8
7
 
9
- ### Features
8
+ **Note:** Version bump only for package @synerise/ds-layout
10
9
 
11
- * **layout:** layout sidebars without scroll ([15e7c32](https://github.com/synerise/synerise-design/commit/15e7c32d871a65729d89ed0f6f5ab031d0bb90a3))
10
+ ## [1.1.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.1.0...@synerise/ds-layout@1.1.1) (2025-12-15)
12
11
 
12
+ **Note:** Version bump only for package @synerise/ds-layout
13
13
 
14
+ # [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.23...@synerise/ds-layout@1.1.0) (2025-12-01)
14
15
 
16
+ ### Features
15
17
 
18
+ - **layout:** layout sidebars without scroll ([15e7c32](https://github.com/synerise/synerise-design/commit/15e7c32d871a65729d89ed0f6f5ab031d0bb90a3))
16
19
 
17
20
  ## [1.0.23](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.22...@synerise/ds-layout@1.0.23) (2025-11-28)
18
21
 
19
22
  **Note:** Version bump only for package @synerise/ds-layout
20
23
 
21
-
22
-
23
-
24
-
25
24
  ## [1.0.22](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.21...@synerise/ds-layout@1.0.22) (2025-11-06)
26
25
 
27
26
  **Note:** Version bump only for package @synerise/ds-layout
28
27
 
29
-
30
-
31
-
32
-
33
28
  ## [1.0.21](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.20...@synerise/ds-layout@1.0.21) (2025-10-31)
34
29
 
35
-
36
30
  ### Bug Fixes
37
31
 
38
- * **layout:** sidebar button sc workaround ([7fd9198](https://github.com/synerise/synerise-design/commit/7fd91987948610e5d7a55c47852b533f63929a1f))
39
-
40
-
41
-
42
-
32
+ - **layout:** sidebar button sc workaround ([7fd9198](https://github.com/synerise/synerise-design/commit/7fd91987948610e5d7a55c47852b533f63929a1f))
43
33
 
44
34
  ## [1.0.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.19...@synerise/ds-layout@1.0.20) (2025-10-10)
45
35
 
46
36
  **Note:** Version bump only for package @synerise/ds-layout
47
37
 
48
-
49
-
50
-
51
-
52
38
  ## [1.0.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.18...@synerise/ds-layout@1.0.19) (2025-09-16)
53
39
 
54
40
  **Note:** Version bump only for package @synerise/ds-layout
55
41
 
56
-
57
-
58
-
59
-
60
42
  ## [1.0.18](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.17...@synerise/ds-layout@1.0.18) (2025-08-28)
61
43
 
62
44
  **Note:** Version bump only for package @synerise/ds-layout
63
45
 
64
-
65
-
66
-
67
-
68
46
  ## [1.0.17](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.16...@synerise/ds-layout@1.0.17) (2025-08-14)
69
47
 
70
48
  **Note:** Version bump only for package @synerise/ds-layout
71
49
 
72
-
73
-
74
-
75
-
76
50
  ## [1.0.16](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.15...@synerise/ds-layout@1.0.16) (2025-07-24)
77
51
 
78
52
  **Note:** Version bump only for package @synerise/ds-layout
79
53
 
80
-
81
-
82
-
83
-
84
54
  ## [1.0.15](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.14...@synerise/ds-layout@1.0.15) (2025-07-17)
85
55
 
86
56
  **Note:** Version bump only for package @synerise/ds-layout
87
57
 
88
-
89
-
90
-
91
-
92
58
  ## [1.0.14](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.13...@synerise/ds-layout@1.0.14) (2025-07-15)
93
59
 
94
60
  **Note:** Version bump only for package @synerise/ds-layout
95
61
 
96
-
97
-
98
-
99
-
100
62
  ## [1.0.13](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.12...@synerise/ds-layout@1.0.13) (2025-07-01)
101
63
 
102
64
  **Note:** Version bump only for package @synerise/ds-layout
103
65
 
104
-
105
-
106
-
107
-
108
66
  ## [1.0.12](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.11...@synerise/ds-layout@1.0.12) (2025-06-26)
109
67
 
110
68
  **Note:** Version bump only for package @synerise/ds-layout
111
69
 
112
-
113
-
114
-
115
-
116
70
  ## [1.0.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.10...@synerise/ds-layout@1.0.11) (2025-06-24)
117
71
 
118
72
  **Note:** Version bump only for package @synerise/ds-layout
119
73
 
120
-
121
-
122
-
123
-
124
74
  ## [1.0.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-layout@1.0.9...@synerise/ds-layout@1.0.10) (2025-06-05)
125
75
 
126
76
  **Note:** Version bump only for package @synerise/ds-layout
package/dist/Layout.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
2
2
  function _taggedTemplateLiteralLoose(e, t) { return t || (t = e.slice(0)), e.raw = t, e; }
3
3
  import styled, { css } from 'styled-components';
4
4
  import { mediaQuery } from '@synerise/ds-core';
@@ -75,13 +75,13 @@ export var SidebarButton = styled.button.withConfig({
75
75
  }, ArrowIcon, function (props) {
76
76
  return mediaQuery.to.medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n ", "\n "])), props.right && props.opened && 'left: -44px');
77
77
  }, function (props) {
78
- return props.right && props.opened && mediaQuery.to.medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n 'left: -44px'}\n "])));
78
+ return props.right && props.opened && mediaQuery.to.medium(_templateObject0 || (_templateObject0 = _taggedTemplateLiteralLoose(["\n 'left: -44px'}\n "])));
79
79
  }, function (props) {
80
- return !props.right && props.opened && mediaQuery.to.medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["right: -44px"])));
80
+ return !props.right && props.opened && mediaQuery.to.medium(_templateObject1 || (_templateObject1 = _taggedTemplateLiteralLoose(["right: -44px"])));
81
81
  }, function (props) {
82
- return props.right && props.bothOpened && mediaQuery.to.small(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["transform: translateY(56px)"])));
82
+ return props.right && props.bothOpened && mediaQuery.to.small(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["transform: translateY(56px)"])));
83
83
  }, function (props) {
84
- return props.opened && css(["right:", ";left:", ";", ";", ";", "", "{transform:rotateZ(180deg);", ";}", "", "{", ";}"], props.right ? 'auto' : '-4px', !props.right ? 'auto' : '-4px', mediaQuery.to.medium(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["width: 44px;"]))), mediaQuery.to.medium(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["background-color: ", ";"])), props.theme.palette['grey-600']), ArrowIcon, ArrowIcon, mediaQuery.to.medium(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["display: none;"]))), CloseIcon, CloseIcon, mediaQuery.to.medium(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["display: flex;"]))));
84
+ return props.opened && css(["right:", ";left:", ";", ";", ";", "", "{transform:rotateZ(180deg);", ";}", "", "{", ";}"], props.right ? 'auto' : '-4px', !props.right ? 'auto' : '-4px', mediaQuery.to.medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["width: 44px;"]))), mediaQuery.to.medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["background-color: ", ";"])), props.theme.palette['grey-600']), ArrowIcon, ArrowIcon, mediaQuery.to.medium(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["display: none;"]))), CloseIcon, CloseIcon, mediaQuery.to.medium(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["display: flex;"]))));
85
85
  });
86
86
  export var LayoutSidebar = styled.div.withConfig({
87
87
  displayName: "Layoutstyles__LayoutSidebar",
@@ -90,12 +90,12 @@ export var LayoutSidebar = styled.div.withConfig({
90
90
  return !props.animationDisabled && css(["will-change:width;transform-style:preserve-3d;transition:max-width 0.3s ease;"]);
91
91
  }, function (props) {
92
92
  return props.openedWidth + "px";
93
- }, mediaQuery.to.medium(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["flex: 0 0 auto;"]))), function (props) {
94
- return mediaQuery.from.medium(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n flex: 0 1 ", "px;\n width: ", "px;"])), props.openedWidth, props.openedWidth);
93
+ }, mediaQuery.to.medium(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["flex: 0 0 auto;"]))), function (props) {
94
+ return mediaQuery.from.medium(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n flex: 0 1 ", "px;\n width: ", "px;"])), props.openedWidth, props.openedWidth);
95
95
  }, function (props) {
96
- return mediaQuery.from.medium(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n max-width: ", "px"])), props.opened ? props.openedWidth : 0);
96
+ return mediaQuery.from.medium(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n max-width: ", "px"])), props.opened ? props.openedWidth : 0);
97
97
  }, function (props) {
98
- return mediaQuery.from.medium(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n &.slide-enter {\n max-width: 0;\n }\n &.slide-enter.slide-enter-active {\n max-width: ", "px;\n }\n &.slide-leave {\n max-width: ", "px;\n }\n &.slide-leave.slide-leave-active {\n max-width: 0;\n }\n "])), props.openedWidth, props.openedWidth);
98
+ return mediaQuery.from.medium(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n &.slide-enter {\n max-width: 0;\n }\n &.slide-enter.slide-enter-active {\n max-width: ", "px;\n }\n &.slide-leave {\n max-width: ", "px;\n }\n &.slide-leave.slide-leave-active {\n max-width: 0;\n }\n "])), props.openedWidth, props.openedWidth);
99
99
  });
100
100
  export var LayoutSidebarWrapper = styled.div.withConfig({
101
101
  displayName: "Layoutstyles__LayoutSidebarWrapper",
@@ -113,11 +113,11 @@ export var LayoutSidebarWrapper = styled.div.withConfig({
113
113
  }, function (props) {
114
114
  return props.right ? 'auto' : '-32px';
115
115
  }, function (props) {
116
- return mediaQuery.to.medium(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["", ""])), props.right && props.opened && 'left: -44px');
116
+ return mediaQuery.to.medium(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["", ""])), props.right && props.opened && 'left: -44px');
117
117
  }, function (props) {
118
- return mediaQuery.to.medium(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["", ""])), !props.right && props.opened && 'right: -44px');
118
+ return mediaQuery.to.medium(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["", ""])), !props.right && props.opened && 'right: -44px');
119
119
  }, function (props) {
120
- return props.hasControlButton && css(["", ";"], mediaQuery.to.medium(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: ", "px;\n transform: ", ";\n\n ", " {\n position: absolute;\n top: 0;\n left: 0;\n width: ", "px;\n }\n "])), props.openedWidth, props.right ? "translateX(" + props.openedWidth + "px)" : "translateX(-" + props.openedWidth + "px)", LayoutSidebar, props.openedWidth));
120
+ return props.hasControlButton && css(["", ";"], mediaQuery.to.medium(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: ", "px;\n transform: ", ";\n\n ", " {\n position: absolute;\n top: 0;\n left: 0;\n width: ", "px;\n }\n "])), props.openedWidth, props.right ? "translateX(" + props.openedWidth + "px)" : "translateX(-" + props.openedWidth + "px)", LayoutSidebar, props.openedWidth));
121
121
  }, function (props) {
122
122
  return props.opened && css(["&&{margin:", ";transform:translateX(0);}"], props.right ? '0 0 0 1px' : '0 1px 0 0');
123
123
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-layout",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Layout UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -21,7 +21,7 @@
21
21
  "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
22
22
  "build:watch": "npm run build:js -- --watch",
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
24
- "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
24
+ "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "npm run build",
26
26
  "test": "jest",
27
27
  "test:watch": "npm run test -- --watchAll",
@@ -35,14 +35,14 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-icon": "^1.9.0",
39
- "@synerise/ds-scrollbar": "^1.2.1",
40
- "@synerise/ds-utils": "^1.5.0"
38
+ "@synerise/ds-icon": "^1.9.2",
39
+ "@synerise/ds-scrollbar": "^1.2.3",
40
+ "@synerise/ds-utils": "^1.5.2"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@synerise/ds-core": "*",
44
44
  "react": ">=16.9.0 <= 18.3.1",
45
45
  "styled-components": "^5.3.3"
46
46
  },
47
- "gitHead": "5de2a1bf9ca25a01726f62ed33f49e7a30bb29a7"
47
+ "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
48
48
  }