@alfalab/core-components-side-panel 4.0.8 → 4.1.0

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 (125) hide show
  1. package/Component.desktop.js +2 -2
  2. package/Component.mobile.js +2 -2
  3. package/components/content/Component.desktop.js +1 -1
  4. package/components/content/Component.js +1 -1
  5. package/components/content/Component.mobile.js +1 -1
  6. package/components/content/desktop.css +3 -3
  7. package/components/content/index.css +4 -4
  8. package/components/content/mobile.css +3 -3
  9. package/components/footer/Component.desktop.js +1 -1
  10. package/components/footer/Component.js +2 -2
  11. package/components/footer/Component.mobile.js +1 -1
  12. package/components/footer/desktop.css +3 -3
  13. package/components/footer/index.css +4 -4
  14. package/components/footer/layout.css +25 -25
  15. package/components/footer/mobile.css +7 -7
  16. package/components/header/Component.js +3 -3
  17. package/components/header/desktop.css +5 -5
  18. package/components/header/index.css +14 -14
  19. package/components/header/mobile.css +4 -4
  20. package/cssm/desktop/index.d.ts +2 -0
  21. package/cssm/desktop/index.js +33 -0
  22. package/cssm/mobile/index.d.ts +2 -0
  23. package/cssm/mobile/index.js +31 -0
  24. package/cssm/shared/index.d.ts +1 -0
  25. package/cssm/{shared.js → shared/index.js} +1 -1
  26. package/desktop/index.d.ts +2 -0
  27. package/{desktop.js → desktop/index.js} +8 -8
  28. package/desktop/package.json +3 -0
  29. package/desktop.css +3 -3
  30. package/esm/Component.desktop.js +2 -2
  31. package/esm/Component.mobile.js +2 -2
  32. package/esm/components/content/Component.desktop.js +1 -1
  33. package/esm/components/content/Component.js +1 -1
  34. package/esm/components/content/Component.mobile.js +1 -1
  35. package/esm/components/content/desktop.css +3 -3
  36. package/esm/components/content/index.css +4 -4
  37. package/esm/components/content/mobile.css +3 -3
  38. package/esm/components/footer/Component.desktop.js +1 -1
  39. package/esm/components/footer/Component.js +2 -2
  40. package/esm/components/footer/Component.mobile.js +1 -1
  41. package/esm/components/footer/desktop.css +3 -3
  42. package/esm/components/footer/index.css +4 -4
  43. package/esm/components/footer/layout.css +25 -25
  44. package/esm/components/footer/mobile.css +7 -7
  45. package/esm/components/header/Component.js +3 -3
  46. package/esm/components/header/desktop.css +5 -5
  47. package/esm/components/header/index.css +14 -14
  48. package/esm/components/header/mobile.css +4 -4
  49. package/esm/desktop/index.d.ts +2 -0
  50. package/esm/desktop/index.js +15 -0
  51. package/esm/desktop.css +3 -3
  52. package/esm/mobile/index.d.ts +2 -0
  53. package/esm/mobile/index.js +13 -0
  54. package/esm/mobile.css +4 -4
  55. package/esm/shared/index.d.ts +1 -0
  56. package/esm/{shared.js → shared/index.js} +1 -1
  57. package/esm/transitions.desktop.css +7 -7
  58. package/esm/transitions.mobile.css +8 -8
  59. package/mobile/index.d.ts +2 -0
  60. package/mobile/index.js +21 -0
  61. package/mobile/package.json +3 -0
  62. package/mobile.css +4 -4
  63. package/modern/Component.desktop.js +2 -2
  64. package/modern/Component.mobile.js +2 -2
  65. package/modern/components/content/Component.desktop.js +1 -1
  66. package/modern/components/content/Component.js +1 -1
  67. package/modern/components/content/Component.mobile.js +1 -1
  68. package/modern/components/content/desktop.css +3 -3
  69. package/modern/components/content/index.css +4 -4
  70. package/modern/components/content/mobile.css +3 -3
  71. package/modern/components/footer/Component.desktop.js +1 -1
  72. package/modern/components/footer/Component.js +2 -2
  73. package/modern/components/footer/Component.mobile.js +1 -1
  74. package/modern/components/footer/desktop.css +3 -3
  75. package/modern/components/footer/index.css +4 -4
  76. package/modern/components/footer/layout.css +25 -25
  77. package/modern/components/footer/mobile.css +7 -7
  78. package/modern/components/header/Component.js +3 -3
  79. package/modern/components/header/desktop.css +5 -5
  80. package/modern/components/header/index.css +14 -14
  81. package/modern/components/header/mobile.css +4 -4
  82. package/modern/desktop/index.d.ts +2 -0
  83. package/modern/desktop/index.js +14 -0
  84. package/modern/desktop.css +3 -3
  85. package/modern/mobile/index.d.ts +2 -0
  86. package/modern/mobile/index.js +12 -0
  87. package/modern/mobile.css +4 -4
  88. package/modern/shared/index.d.ts +1 -0
  89. package/modern/{shared.js → shared/index.js} +1 -1
  90. package/modern/transitions.desktop.css +7 -7
  91. package/modern/transitions.mobile.css +8 -8
  92. package/package.json +5 -29
  93. package/shared/index.d.ts +1 -0
  94. package/{shared.js → shared/index.js} +1 -1
  95. package/shared/package.json +3 -0
  96. package/src/desktop/index.ts +1 -0
  97. package/src/desktop/package.json +3 -0
  98. package/src/mobile/index.ts +1 -0
  99. package/src/mobile/package.json +3 -0
  100. package/src/shared/index.ts +1 -0
  101. package/src/shared/package.json +3 -0
  102. package/transitions.desktop.css +7 -7
  103. package/transitions.mobile.css +8 -8
  104. package/cssm/desktop.d.ts +0 -2
  105. package/cssm/desktop.js +0 -33
  106. package/cssm/mobile.d.ts +0 -2
  107. package/cssm/mobile.js +0 -31
  108. package/cssm/shared.d.ts +0 -1
  109. package/desktop.d.ts +0 -2
  110. package/esm/desktop.d.ts +0 -2
  111. package/esm/desktop.js +0 -15
  112. package/esm/mobile.d.ts +0 -2
  113. package/esm/mobile.js +0 -13
  114. package/esm/shared.d.ts +0 -1
  115. package/mobile.d.ts +0 -2
  116. package/mobile.js +0 -21
  117. package/modern/desktop.d.ts +0 -2
  118. package/modern/desktop.js +0 -14
  119. package/modern/mobile.d.ts +0 -2
  120. package/modern/mobile.js +0 -12
  121. package/modern/shared.d.ts +0 -1
  122. package/shared.d.ts +0 -1
  123. package/src/desktop.ts +0 -1
  124. package/src/mobile.ts +0 -1
  125. package/src/shared.ts +0 -1
@@ -1,32 +1,32 @@
1
- /* hash: ye1gr */
2
- .side-panel__enterRight_11dys {
1
+ /* hash: f9whb */
2
+ .side-panel__enterRight_j3fj0 {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_11dys {
7
+ .side-panel__enterLeft_j3fj0 {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_11dys {
12
+ .side-panel__enterActive_j3fj0 {
13
13
  opacity: 1;
14
14
  transform: translateX(0);
15
15
  transition: opacity 200ms ease-in, transform 200ms ease-in;
16
16
  }
17
17
 
18
- .side-panel__exit_11dys {
18
+ .side-panel__exit_j3fj0 {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_11dys {
23
+ .side-panel__exitActiveRight_j3fj0 {
24
24
  opacity: 0;
25
25
  transition: opacity 200ms ease-out, transform 200ms ease-out;
26
26
  transform: translateX(15px);
27
27
  }
28
28
 
29
- .side-panel__exitActiveLeft_11dys {
29
+ .side-panel__exitActiveLeft_j3fj0 {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
@@ -1,24 +1,24 @@
1
- /* hash: aoyhp */
2
- .side-panel__appear_1l1hm,
3
- .side-panel__enter_1l1hm {
1
+ /* hash: bgq37 */
2
+ .side-panel__appear_l2umb,
3
+ .side-panel__enter_l2umb {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1l1hm,
9
- .side-panel__enterActive_1l1hm {
8
+ .side-panel__appearActive_l2umb,
9
+ .side-panel__enterActive_l2umb {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_1l1hm {
15
+ .side-panel__exit_l2umb {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1l1hm,
21
- .side-panel__exitDone_1l1hm {
20
+ .side-panel__exitActive_l2umb,
21
+ .side-panel__exitDone_l2umb {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/package.json CHANGED
@@ -1,35 +1,11 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-side-panel",
3
- "version": "4.0.8",
3
+ "version": "4.1.0",
4
4
  "description": "SidePanel component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "main": "index.js",
8
8
  "module": "./esm/index.js",
9
- "exports": {
10
- ".": {
11
- "import": "./esm/index.js",
12
- "require": "./index.js"
13
- },
14
- "./mobile": {
15
- "import": "./esm/mobile.js",
16
- "require": "./mobile.js"
17
- },
18
- "./desktop": {
19
- "import": "./esm/desktop.js",
20
- "require": "./desktop.js"
21
- },
22
- "./shared": {
23
- "import": "./esm/shared.js",
24
- "require": "./shared.js"
25
- },
26
- "./esm": "./esm/index.js",
27
- "./cssm": "./cssm/index.js",
28
- "./modern": "./modern/index.js",
29
- "./esm/*": "./esm/*",
30
- "./cssm/*": "./cssm/*",
31
- "./modern/*": "./modern/*"
32
- },
33
9
  "publishConfig": {
34
10
  "access": "public",
35
11
  "directory": "dist"
@@ -38,11 +14,11 @@
38
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
39
15
  },
40
16
  "dependencies": {
41
- "@alfalab/core-components-base-modal": "^5.4.1",
42
- "@alfalab/core-components-drawer": "^5.0.3",
17
+ "@alfalab/core-components-base-modal": "^5.5.0",
18
+ "@alfalab/core-components-drawer": "^5.0.4",
43
19
  "@alfalab/core-components-mq": "^4.2.0",
44
- "@alfalab/core-components-navigation-bar": "^0.5.7",
45
- "@alfalab/core-components-shared": "^0.5.0",
20
+ "@alfalab/core-components-navigation-bar": "^0.5.9",
21
+ "@alfalab/core-components-shared": "^0.7.0",
46
22
  "classnames": "^2.3.1",
47
23
  "react-merge-refs": "^1.1.0",
48
24
  "tslib": "^2.4.0"
@@ -0,0 +1 @@
1
+ export { ModalContext } from "../Context";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Context = require('./Context.js');
5
+ var Context = require('../Context.js');
6
6
  require('@alfalab/core-components-base-modal');
7
7
 
8
8
 
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
@@ -0,0 +1 @@
1
+ export * from '../Component.desktop';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/desktop/index.js"
3
+ }
@@ -0,0 +1 @@
1
+ export * from '../Component.mobile';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/mobile/index.js"
3
+ }
@@ -0,0 +1 @@
1
+ export { ModalContext } from '../Context';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
@@ -1,32 +1,32 @@
1
- /* hash: ye1gr */
2
- .side-panel__enterRight_11dys {
1
+ /* hash: f9whb */
2
+ .side-panel__enterRight_j3fj0 {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_11dys {
7
+ .side-panel__enterLeft_j3fj0 {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_11dys {
12
+ .side-panel__enterActive_j3fj0 {
13
13
  opacity: 1;
14
14
  transform: translateX(0);
15
15
  transition: opacity 200ms ease-in, transform 200ms ease-in;
16
16
  }
17
17
 
18
- .side-panel__exit_11dys {
18
+ .side-panel__exit_j3fj0 {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_11dys {
23
+ .side-panel__exitActiveRight_j3fj0 {
24
24
  opacity: 0;
25
25
  transition: opacity 200ms ease-out, transform 200ms ease-out;
26
26
  transform: translateX(15px);
27
27
  }
28
28
 
29
- .side-panel__exitActiveLeft_11dys {
29
+ .side-panel__exitActiveLeft_j3fj0 {
30
30
  opacity: 0;
31
31
  transition: opacity 200ms ease-out, transform 200ms ease-out;
32
32
  transform: translateX(-15px);
@@ -1,24 +1,24 @@
1
- /* hash: aoyhp */
2
- .side-panel__appear_1l1hm,
3
- .side-panel__enter_1l1hm {
1
+ /* hash: bgq37 */
2
+ .side-panel__appear_l2umb,
3
+ .side-panel__enter_l2umb {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1l1hm,
9
- .side-panel__enterActive_1l1hm {
8
+ .side-panel__appearActive_l2umb,
9
+ .side-panel__enterActive_l2umb {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_1l1hm {
15
+ .side-panel__exit_l2umb {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1l1hm,
21
- .side-panel__exitDone_1l1hm {
20
+ .side-panel__exitActive_l2umb,
21
+ .side-panel__exitDone_l2umb {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/cssm/desktop.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop";
2
- export {};
package/cssm/desktop.js DELETED
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var Component_desktop = require('./Component.desktop.js');
6
- require('tslib');
7
- require('react');
8
- require('react-merge-refs');
9
- require('classnames');
10
- require('@alfalab/core-components-drawer/cssm');
11
- require('./components/content/Component.desktop.js');
12
- require('./components/content/Component.js');
13
- require('./Context.js');
14
- require('@alfalab/core-components-base-modal/cssm');
15
- require('./components/content/index.module.css');
16
- require('./components/content/desktop.module.css');
17
- require('./components/footer/Component.desktop.js');
18
- require('./components/footer/Component.js');
19
- require('./components/footer/index.module.css');
20
- require('./components/footer/layout.module.css');
21
- require('./components/footer/desktop.module.css');
22
- require('./components/header/Component.js');
23
- require('@alfalab/core-components-navigation-bar/cssm');
24
- require('./ResponsiveContext.js');
25
- require('./components/header/desktop.module.css');
26
- require('./components/header/index.module.css');
27
- require('./components/header/mobile.module.css');
28
- require('./desktop.module.css');
29
- require('./transitions.desktop.module.css');
30
-
31
-
32
-
33
- exports.SidePanelDesktop = Component_desktop.SidePanelDesktop;
package/cssm/mobile.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile";
2
- export {};
package/cssm/mobile.js DELETED
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var Component_mobile = require('./Component.mobile.js');
6
- require('tslib');
7
- require('react');
8
- require('classnames');
9
- require('@alfalab/core-components-base-modal/cssm');
10
- require('./components/content/Component.mobile.js');
11
- require('./components/content/Component.js');
12
- require('./Context.js');
13
- require('./components/content/index.module.css');
14
- require('./components/content/mobile.module.css');
15
- require('./components/footer/Component.mobile.js');
16
- require('./components/footer/Component.js');
17
- require('./components/footer/index.module.css');
18
- require('./components/footer/layout.module.css');
19
- require('./components/footer/mobile.module.css');
20
- require('./components/header/Component.js');
21
- require('@alfalab/core-components-navigation-bar/cssm');
22
- require('./ResponsiveContext.js');
23
- require('./components/header/desktop.module.css');
24
- require('./components/header/index.module.css');
25
- require('./components/header/mobile.module.css');
26
- require('./mobile.module.css');
27
- require('./transitions.mobile.module.css');
28
-
29
-
30
-
31
- exports.SidePanelMobile = Component_mobile.SidePanelMobile;
package/cssm/shared.d.ts DELETED
@@ -1 +0,0 @@
1
- export { ModalContext } from "./Context";
package/desktop.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop";
2
- export {};
package/esm/desktop.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop";
2
- export {};
package/esm/desktop.js DELETED
@@ -1,15 +0,0 @@
1
- export { SidePanelDesktop } from './Component.desktop.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'react-merge-refs';
5
- import 'classnames';
6
- import '@alfalab/core-components-drawer/esm';
7
- import './components/content/Component.desktop.js';
8
- import './components/content/Component.js';
9
- import './Context.js';
10
- import '@alfalab/core-components-base-modal/esm';
11
- import './components/footer/Component.desktop.js';
12
- import './components/footer/Component.js';
13
- import './components/header/Component.js';
14
- import '@alfalab/core-components-navigation-bar/esm';
15
- import './ResponsiveContext.js';
package/esm/mobile.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile";
2
- export {};
package/esm/mobile.js DELETED
@@ -1,13 +0,0 @@
1
- export { SidePanelMobile } from './Component.mobile.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'classnames';
5
- import '@alfalab/core-components-base-modal/esm';
6
- import './components/content/Component.mobile.js';
7
- import './components/content/Component.js';
8
- import './Context.js';
9
- import './components/footer/Component.mobile.js';
10
- import './components/footer/Component.js';
11
- import './components/header/Component.js';
12
- import '@alfalab/core-components-navigation-bar/esm';
13
- import './ResponsiveContext.js';
package/esm/shared.d.ts DELETED
@@ -1 +0,0 @@
1
- export { ModalContext } from "./Context";
package/mobile.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile";
2
- export {};
package/mobile.js DELETED
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var Component_mobile = require('./Component.mobile.js');
6
- require('tslib');
7
- require('react');
8
- require('classnames');
9
- require('@alfalab/core-components-base-modal');
10
- require('./components/content/Component.mobile.js');
11
- require('./components/content/Component.js');
12
- require('./Context.js');
13
- require('./components/footer/Component.mobile.js');
14
- require('./components/footer/Component.js');
15
- require('./components/header/Component.js');
16
- require('@alfalab/core-components-navigation-bar');
17
- require('./ResponsiveContext.js');
18
-
19
-
20
-
21
- exports.SidePanelMobile = Component_mobile.SidePanelMobile;
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop";
2
- export {};
package/modern/desktop.js DELETED
@@ -1,14 +0,0 @@
1
- export { SidePanelDesktop } from './Component.desktop.js';
2
- import 'react';
3
- import 'react-merge-refs';
4
- import 'classnames';
5
- import '@alfalab/core-components-drawer/modern';
6
- import './components/content/Component.desktop.js';
7
- import './components/content/Component.js';
8
- import './Context.js';
9
- import '@alfalab/core-components-base-modal/modern';
10
- import './components/footer/Component.desktop.js';
11
- import './components/footer/Component.js';
12
- import './components/header/Component.js';
13
- import '@alfalab/core-components-navigation-bar/modern';
14
- import './ResponsiveContext.js';
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile";
2
- export {};
package/modern/mobile.js DELETED
@@ -1,12 +0,0 @@
1
- export { SidePanelMobile } from './Component.mobile.js';
2
- import 'react';
3
- import 'classnames';
4
- import '@alfalab/core-components-base-modal/modern';
5
- import './components/content/Component.mobile.js';
6
- import './components/content/Component.js';
7
- import './Context.js';
8
- import './components/footer/Component.mobile.js';
9
- import './components/footer/Component.js';
10
- import './components/header/Component.js';
11
- import '@alfalab/core-components-navigation-bar/modern';
12
- import './ResponsiveContext.js';
@@ -1 +0,0 @@
1
- export { ModalContext } from "./Context";
package/shared.d.ts DELETED
@@ -1 +0,0 @@
1
- export { ModalContext } from "./Context";
package/src/desktop.ts DELETED
@@ -1 +0,0 @@
1
- export * from './Component.desktop';
package/src/mobile.ts DELETED
@@ -1 +0,0 @@
1
- export * from './Component.mobile';
package/src/shared.ts DELETED
@@ -1 +0,0 @@
1
- export { ModalContext } from './Context';