@alfalab/core-components-side-panel 1.1.6 → 1.2.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 (98) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Component.desktop.js +3 -3
  3. package/Component.mobile.js +3 -3
  4. package/Component.responsive.d.ts +1 -1
  5. package/Component.responsive.js +1 -1
  6. package/components/closer/Component.js +2 -2
  7. package/components/closer/index.css +4 -4
  8. package/components/content/Component.desktop.js +2 -2
  9. package/components/content/Component.js +1 -1
  10. package/components/content/Component.mobile.js +2 -2
  11. package/components/content/desktop.css +3 -3
  12. package/components/content/index.css +3 -3
  13. package/components/content/mobile.css +3 -3
  14. package/components/footer/Component.desktop.js +2 -2
  15. package/components/footer/Component.js +2 -2
  16. package/components/footer/Component.mobile.js +2 -2
  17. package/components/footer/desktop.css +3 -3
  18. package/components/footer/index.css +4 -4
  19. package/components/footer/layout.css +25 -25
  20. package/components/footer/mobile.css +3 -3
  21. package/components/header/Component.desktop.js +2 -2
  22. package/components/header/Component.js +1 -1
  23. package/components/header/Component.mobile.js +2 -2
  24. package/components/header/desktop.css +6 -6
  25. package/components/header/index.css +15 -15
  26. package/components/header/mobile.css +3 -3
  27. package/desktop.css +3 -3
  28. package/desktop.js +1 -1
  29. package/esm/Component.desktop.js +3 -3
  30. package/esm/Component.mobile.js +3 -3
  31. package/esm/Component.responsive.js +1 -1
  32. package/esm/components/closer/Component.js +2 -2
  33. package/esm/components/closer/index.css +4 -4
  34. package/esm/components/content/Component.desktop.js +2 -2
  35. package/esm/components/content/Component.js +1 -1
  36. package/esm/components/content/Component.mobile.js +2 -2
  37. package/esm/components/content/desktop.css +3 -3
  38. package/esm/components/content/index.css +3 -3
  39. package/esm/components/content/mobile.css +3 -3
  40. package/esm/components/footer/Component.desktop.js +2 -2
  41. package/esm/components/footer/Component.js +2 -2
  42. package/esm/components/footer/Component.mobile.js +2 -2
  43. package/esm/components/footer/desktop.css +3 -3
  44. package/esm/components/footer/index.css +4 -4
  45. package/esm/components/footer/layout.css +25 -25
  46. package/esm/components/footer/mobile.css +3 -3
  47. package/esm/components/header/Component.desktop.js +2 -2
  48. package/esm/components/header/Component.js +1 -1
  49. package/esm/components/header/Component.mobile.js +2 -2
  50. package/esm/components/header/desktop.css +6 -6
  51. package/esm/components/header/index.css +15 -15
  52. package/esm/components/header/mobile.css +3 -3
  53. package/esm/desktop.css +3 -3
  54. package/esm/desktop.js +1 -1
  55. package/esm/index.js +1 -1
  56. package/esm/mobile.css +2 -2
  57. package/esm/mobile.js +1 -1
  58. package/esm/responsive.js +1 -1
  59. package/esm/transitions.desktop.css +8 -8
  60. package/esm/transitions.mobile.css +8 -8
  61. package/esm/{tslib.es6-f8b6f12c.d.ts → tslib.es6-4eb57d60.d.ts} +0 -0
  62. package/esm/{tslib.es6-f8b6f12c.js → tslib.es6-4eb57d60.js} +0 -0
  63. package/index.js +1 -1
  64. package/mobile.css +2 -2
  65. package/mobile.js +1 -1
  66. package/modern/Component.desktop.js +2 -2
  67. package/modern/Component.mobile.js +2 -2
  68. package/modern/components/closer/Component.js +2 -2
  69. package/modern/components/closer/index.css +4 -4
  70. package/modern/components/content/Component.desktop.js +1 -1
  71. package/modern/components/content/Component.js +1 -1
  72. package/modern/components/content/Component.mobile.js +1 -1
  73. package/modern/components/content/desktop.css +3 -3
  74. package/modern/components/content/index.css +3 -3
  75. package/modern/components/content/mobile.css +3 -3
  76. package/modern/components/footer/Component.desktop.js +1 -1
  77. package/modern/components/footer/Component.js +2 -2
  78. package/modern/components/footer/Component.mobile.js +1 -1
  79. package/modern/components/footer/desktop.css +3 -3
  80. package/modern/components/footer/index.css +4 -4
  81. package/modern/components/footer/layout.css +25 -25
  82. package/modern/components/footer/mobile.css +3 -3
  83. package/modern/components/header/Component.desktop.js +1 -1
  84. package/modern/components/header/Component.js +1 -1
  85. package/modern/components/header/Component.mobile.js +1 -1
  86. package/modern/components/header/desktop.css +6 -6
  87. package/modern/components/header/index.css +15 -15
  88. package/modern/components/header/mobile.css +3 -3
  89. package/modern/desktop.css +3 -3
  90. package/modern/mobile.css +2 -2
  91. package/modern/transitions.desktop.css +8 -8
  92. package/modern/transitions.mobile.css +8 -8
  93. package/package.json +7 -7
  94. package/responsive.js +1 -1
  95. package/transitions.desktop.css +8 -8
  96. package/transitions.mobile.css +8 -8
  97. /package/{tslib.es6-f7c00483.d.ts → tslib.es6-ff21c7cf.d.ts} +0 -0
  98. /package/{tslib.es6-f7c00483.js → tslib.es6-ff21c7cf.js} +0 -0
package/modern/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 2lmue */
1
+ /* hash: 1x1g1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -20,9 +20,9 @@
20
20
 
21
21
  /* mobile */
22
22
  }
23
- .side-panel__s_cz993 {
23
+ .side-panel__s_1q6ix {
24
24
  width: var(--side-panel-s-width);
25
25
  }
26
- .side-panel__hidden_cz993 {
26
+ .side-panel__hidden_1q6ix {
27
27
  overflow-x: hidden;
28
28
  }
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 27kx8 */
1
+ /* hash: 153e7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .side-panel__component_1pvs6 {
22
+ .side-panel__component_v46qv {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
package/modern/transitions.desktop.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: 1nskb */
2
- .side-panel__appear_dc90e,
3
- .side-panel__enter_dc90e {
1
+ /* hash: h99us */
2
+ .side-panel__appear_aeoy4,
3
+ .side-panel__enter_aeoy4 {
4
4
  opacity: 0;
5
5
  transform: translateX(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_dc90e,
9
- .side-panel__enterActive_dc90e {
8
+ .side-panel__appearActive_aeoy4,
9
+ .side-panel__enterActive_aeoy4 {
10
10
  opacity: 1;
11
11
  transform: translateX(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_dc90e {
15
+ .side-panel__exit_aeoy4 {
16
16
  opacity: 1;
17
17
  transform: translateX(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_dc90e,
21
- .side-panel__exitDone_dc90e {
20
+ .side-panel__exitActive_aeoy4,
21
+ .side-panel__exitDone_aeoy4 {
22
22
  opacity: 0;
23
23
  transition: opacity 200ms ease-out, transform 200ms ease-out;
24
24
  transform: translateX(15px);
package/modern/transitions.mobile.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: 1kt32 */
2
- .side-panel__appear_o0e6c,
3
- .side-panel__enter_o0e6c {
1
+ /* hash: 1qlrx */
2
+ .side-panel__appear_c532i,
3
+ .side-panel__enter_c532i {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_o0e6c,
9
- .side-panel__enterActive_o0e6c {
8
+ .side-panel__appearActive_c532i,
9
+ .side-panel__enterActive_c532i {
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_o0e6c {
15
+ .side-panel__exit_c532i {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_o0e6c,
21
- .side-panel__exitDone_o0e6c {
20
+ .side-panel__exitActive_c532i,
21
+ .side-panel__exitDone_c532i {
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-side-panel",
3
- "version": "1.1.6",
3
+ "version": "1.2.0",
4
4
  "description": "SidePanel component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,13 +14,13 @@
14
14
  "directory": "dist"
15
15
  },
16
16
  "peerDependencies": {
17
- "react": "^16.9.0 || ^17.0.1"
17
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-base-modal": "^4.2.2",
21
- "@alfalab/core-components-button": "^5.2.3",
22
- "@alfalab/core-components-drawer": "^3.2.8",
23
- "@alfalab/core-components-icon-button": "^4.2.3",
24
- "classnames": "^2.2.6"
20
+ "@alfalab/core-components-base-modal": "^4.3.0",
21
+ "@alfalab/core-components-button": "^5.3.0",
22
+ "@alfalab/core-components-drawer": "^3.3.0",
23
+ "@alfalab/core-components-icon-button": "^4.3.0",
24
+ "classnames": "^2.3.1"
25
25
  }
26
26
  }
package/responsive.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-f7c00483.js');
5
+ require('./tslib.es6-ff21c7cf.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-drawer');
package/transitions.desktop.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: 1nskb */
2
- .side-panel__appear_dc90e,
3
- .side-panel__enter_dc90e {
1
+ /* hash: h99us */
2
+ .side-panel__appear_aeoy4,
3
+ .side-panel__enter_aeoy4 {
4
4
  opacity: 0;
5
5
  transform: translateX(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_dc90e,
9
- .side-panel__enterActive_dc90e {
8
+ .side-panel__appearActive_aeoy4,
9
+ .side-panel__enterActive_aeoy4 {
10
10
  opacity: 1;
11
11
  transform: translateX(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .side-panel__exit_dc90e {
15
+ .side-panel__exit_aeoy4 {
16
16
  opacity: 1;
17
17
  transform: translateX(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_dc90e,
21
- .side-panel__exitDone_dc90e {
20
+ .side-panel__exitActive_aeoy4,
21
+ .side-panel__exitDone_aeoy4 {
22
22
  opacity: 0;
23
23
  transition: opacity 200ms ease-out, transform 200ms ease-out;
24
24
  transform: translateX(15px);
package/transitions.mobile.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: 1kt32 */
2
- .side-panel__appear_o0e6c,
3
- .side-panel__enter_o0e6c {
1
+ /* hash: 1qlrx */
2
+ .side-panel__appear_c532i,
3
+ .side-panel__enter_c532i {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_o0e6c,
9
- .side-panel__enterActive_o0e6c {
8
+ .side-panel__appearActive_c532i,
9
+ .side-panel__enterActive_c532i {
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_o0e6c {
15
+ .side-panel__exit_c532i {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_o0e6c,
21
- .side-panel__exitDone_o0e6c {
20
+ .side-panel__exitActive_c532i,
21
+ .side-panel__exitDone_c532i {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;