@stack-spot/portal-layout 2.18.1 → 2.19.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/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.19.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.19.0...portal-layout@v2.19.1) (2024-12-16)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * 1157 unread notifications circle ([#582](https://github.com/stack-spot/portal-commons/issues/582)) ([dd30ed0](https://github.com/stack-spot/portal-commons/commit/dd30ed028faa1ee426b3700e34042b9e7fd66e41))
9
+
10
+ ## [2.19.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.18.1...portal-layout@v2.19.0) (2024-12-14)
11
+
12
+
13
+ ### Features
14
+
15
+ * new workspace manager endpoints and extra large modal ([3b8768e](https://github.com/stack-spot/portal-commons/commit/3b8768eeb0b408059ab503ce19f3e22de5f2ad5e))
16
+
3
17
  ## [2.18.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.18.0...portal-layout@v2.18.1) (2024-12-10)
4
18
 
5
19
 
@@ -16,8 +16,8 @@ export const NotificationBox = styled.div `
16
16
  &:before {
17
17
  content: '';
18
18
  position: absolute;
19
- top: -1px;
20
- right: -1px;
19
+ right: 9px;
20
+ top: 9px;
21
21
  width: 12px;
22
22
  height: 12px;
23
23
  border-radius: 50%;
package/dist/layout.css CHANGED
@@ -410,6 +410,11 @@ body {
410
410
  width: 800px;
411
411
  }
412
412
 
413
+ #rightPanel.extra-large, #backdrop .right-panel-box.extra-large {
414
+ right: -800px;
415
+ width: 70%;
416
+ }
417
+
413
418
  #rightPanel.visible, #backdrop.visible .right-panel-box {
414
419
  right: 0;
415
420
  }
package/dist/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export type PortalAcronym = 'EDP' | 'AI' | 'HUB' | 'CS' | 'ACCOUNT';
2
- export type RightPanelSize = 'small' | 'medium' | 'large';
2
+ export type RightPanelSize = 'small' | 'medium' | 'large' | 'extra-large';
3
3
  export type ModalSize = RightPanelSize | 'fit-content';
4
4
  export type CustomModalSize = ModalSize | 'full';
5
5
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,aAAa,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;AACzE,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,aAAa,CAAA;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stack-spot/portal-layout",
3
- "version": "2.18.1",
3
+ "version": "2.19.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -17,8 +17,8 @@ export const NotificationBox = styled.div`
17
17
  &:before {
18
18
  content: '';
19
19
  position: absolute;
20
- top: -1px;
21
- right: -1px;
20
+ right: 9px;
21
+ top: 9px;
22
22
  width: 12px;
23
23
  height: 12px;
24
24
  border-radius: 50%;
package/src/layout.css CHANGED
@@ -410,6 +410,11 @@ body {
410
410
  width: 800px;
411
411
  }
412
412
 
413
+ #rightPanel.extra-large, #backdrop .right-panel-box.extra-large {
414
+ right: -800px;
415
+ width: 70%;
416
+ }
417
+
413
418
  #rightPanel.visible, #backdrop.visible .right-panel-box {
414
419
  right: 0;
415
420
  }
package/src/types.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export type PortalAcronym = 'EDP' | 'AI' | 'HUB' | 'CS' | 'ACCOUNT'
2
- export type RightPanelSize = 'small' | 'medium' | 'large'
2
+ export type RightPanelSize = 'small' | 'medium' | 'large' | 'extra-large'
3
3
  export type ModalSize = RightPanelSize | 'fit-content'
4
4
  export type CustomModalSize = ModalSize | 'full'