@synerise/ds-layout 1.1.0 → 1.1.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.
Files changed (3) hide show
  1. package/CHANGELOG.md +6 -60
  2. package/dist/Layout.styles.js +12 -12
  3. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,124 +3,70 @@
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
-
8
-
9
- ### Features
10
-
11
- * **layout:** layout sidebars without scroll ([15e7c32](https://github.com/synerise/synerise-design/commit/15e7c32d871a65729d89ed0f6f5ab031d0bb90a3))
6
+ ## [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
7
 
8
+ **Note:** Version bump only for package @synerise/ds-layout
13
9
 
10
+ # [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
11
 
12
+ ### Features
15
13
 
14
+ - **layout:** layout sidebars without scroll ([15e7c32](https://github.com/synerise/synerise-design/commit/15e7c32d871a65729d89ed0f6f5ab031d0bb90a3))
16
15
 
17
16
  ## [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
17
 
19
18
  **Note:** Version bump only for package @synerise/ds-layout
20
19
 
21
-
22
-
23
-
24
-
25
20
  ## [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
21
 
27
22
  **Note:** Version bump only for package @synerise/ds-layout
28
23
 
29
-
30
-
31
-
32
-
33
24
  ## [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
25
 
35
-
36
26
  ### Bug Fixes
37
27
 
38
- * **layout:** sidebar button sc workaround ([7fd9198](https://github.com/synerise/synerise-design/commit/7fd91987948610e5d7a55c47852b533f63929a1f))
39
-
40
-
41
-
42
-
28
+ - **layout:** sidebar button sc workaround ([7fd9198](https://github.com/synerise/synerise-design/commit/7fd91987948610e5d7a55c47852b533f63929a1f))
43
29
 
44
30
  ## [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
31
 
46
32
  **Note:** Version bump only for package @synerise/ds-layout
47
33
 
48
-
49
-
50
-
51
-
52
34
  ## [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
35
 
54
36
  **Note:** Version bump only for package @synerise/ds-layout
55
37
 
56
-
57
-
58
-
59
-
60
38
  ## [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
39
 
62
40
  **Note:** Version bump only for package @synerise/ds-layout
63
41
 
64
-
65
-
66
-
67
-
68
42
  ## [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
43
 
70
44
  **Note:** Version bump only for package @synerise/ds-layout
71
45
 
72
-
73
-
74
-
75
-
76
46
  ## [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
47
 
78
48
  **Note:** Version bump only for package @synerise/ds-layout
79
49
 
80
-
81
-
82
-
83
-
84
50
  ## [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
51
 
86
52
  **Note:** Version bump only for package @synerise/ds-layout
87
53
 
88
-
89
-
90
-
91
-
92
54
  ## [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
55
 
94
56
  **Note:** Version bump only for package @synerise/ds-layout
95
57
 
96
-
97
-
98
-
99
-
100
58
  ## [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
59
 
102
60
  **Note:** Version bump only for package @synerise/ds-layout
103
61
 
104
-
105
-
106
-
107
-
108
62
  ## [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
63
 
110
64
  **Note:** Version bump only for package @synerise/ds-layout
111
65
 
112
-
113
-
114
-
115
-
116
66
  ## [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
67
 
118
68
  **Note:** Version bump only for package @synerise/ds-layout
119
69
 
120
-
121
-
122
-
123
-
124
70
  ## [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
71
 
126
72
  **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.1",
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.1",
39
+ "@synerise/ds-scrollbar": "^1.2.2",
40
+ "@synerise/ds-utils": "^1.5.1"
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": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
48
48
  }