@alfalab/core-components-side-panel 2.5.5 → 2.5.7

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 (113) hide show
  1. package/Component.desktop.js +5 -5
  2. package/Component.mobile.js +5 -5
  3. package/Component.responsive.js +4 -4
  4. package/components/closer/Component.js +4 -4
  5. package/components/closer/index.css +4 -4
  6. package/components/content/Component.desktop.js +4 -4
  7. package/components/content/Component.js +1 -1
  8. package/components/content/Component.mobile.js +4 -4
  9. package/components/content/desktop.css +3 -3
  10. package/components/content/index.css +3 -3
  11. package/components/content/mobile.css +3 -3
  12. package/components/footer/Component.desktop.js +4 -4
  13. package/components/footer/Component.js +2 -2
  14. package/components/footer/Component.mobile.js +4 -4
  15. package/components/footer/desktop.css +3 -3
  16. package/components/footer/index.css +4 -4
  17. package/components/footer/layout.css +25 -25
  18. package/components/footer/mobile.css +3 -3
  19. package/components/header/Component.desktop.js +4 -4
  20. package/components/header/Component.js +3 -3
  21. package/components/header/Component.mobile.js +4 -4
  22. package/components/header/desktop.css +6 -6
  23. package/components/header/index.css +16 -16
  24. package/components/header/mobile.css +3 -3
  25. package/cssm/Component.desktop.js +3 -3
  26. package/cssm/Component.mobile.js +3 -3
  27. package/cssm/Component.responsive.js +4 -4
  28. package/cssm/components/closer/Component.js +3 -3
  29. package/cssm/components/content/Component.desktop.js +3 -3
  30. package/cssm/components/content/Component.mobile.js +3 -3
  31. package/cssm/components/footer/Component.desktop.js +3 -3
  32. package/cssm/components/footer/Component.mobile.js +3 -3
  33. package/cssm/components/header/Component.desktop.js +3 -3
  34. package/cssm/components/header/Component.js +2 -2
  35. package/cssm/components/header/Component.mobile.js +3 -3
  36. package/cssm/desktop.js +1 -1
  37. package/cssm/index.js +1 -1
  38. package/cssm/mobile.js +1 -1
  39. package/cssm/responsive.js +1 -1
  40. package/desktop.css +3 -3
  41. package/desktop.js +1 -1
  42. package/esm/Component.desktop.js +3 -3
  43. package/esm/Component.mobile.js +3 -3
  44. package/esm/Component.responsive.js +1 -1
  45. package/esm/components/closer/Component.js +2 -2
  46. package/esm/components/closer/index.css +4 -4
  47. package/esm/components/content/Component.desktop.js +2 -2
  48. package/esm/components/content/Component.js +1 -1
  49. package/esm/components/content/Component.mobile.js +2 -2
  50. package/esm/components/content/desktop.css +3 -3
  51. package/esm/components/content/index.css +3 -3
  52. package/esm/components/content/mobile.css +3 -3
  53. package/esm/components/footer/Component.desktop.js +2 -2
  54. package/esm/components/footer/Component.js +2 -2
  55. package/esm/components/footer/Component.mobile.js +2 -2
  56. package/esm/components/footer/desktop.css +3 -3
  57. package/esm/components/footer/index.css +4 -4
  58. package/esm/components/footer/layout.css +25 -25
  59. package/esm/components/footer/mobile.css +3 -3
  60. package/esm/components/header/Component.desktop.js +2 -2
  61. package/esm/components/header/Component.js +2 -2
  62. package/esm/components/header/Component.mobile.js +2 -2
  63. package/esm/components/header/desktop.css +6 -6
  64. package/esm/components/header/index.css +16 -16
  65. package/esm/components/header/mobile.css +3 -3
  66. package/esm/desktop.css +3 -3
  67. package/esm/desktop.js +1 -1
  68. package/esm/index.js +1 -1
  69. package/esm/mobile.css +2 -2
  70. package/esm/mobile.js +1 -1
  71. package/esm/responsive.js +1 -1
  72. package/esm/transitions.desktop.css +7 -7
  73. package/esm/transitions.mobile.css +8 -8
  74. package/index.js +1 -1
  75. package/mobile.css +2 -2
  76. package/mobile.js +1 -1
  77. package/modern/Component.desktop.js +2 -2
  78. package/modern/Component.mobile.js +2 -2
  79. package/modern/components/closer/Component.js +1 -1
  80. package/modern/components/closer/index.css +4 -4
  81. package/modern/components/content/Component.desktop.js +1 -1
  82. package/modern/components/content/Component.js +1 -1
  83. package/modern/components/content/Component.mobile.js +1 -1
  84. package/modern/components/content/desktop.css +3 -3
  85. package/modern/components/content/index.css +3 -3
  86. package/modern/components/content/mobile.css +3 -3
  87. package/modern/components/footer/Component.desktop.js +1 -1
  88. package/modern/components/footer/Component.js +2 -2
  89. package/modern/components/footer/Component.mobile.js +1 -1
  90. package/modern/components/footer/desktop.css +3 -3
  91. package/modern/components/footer/index.css +4 -4
  92. package/modern/components/footer/layout.css +25 -25
  93. package/modern/components/footer/mobile.css +3 -3
  94. package/modern/components/header/Component.desktop.js +1 -1
  95. package/modern/components/header/Component.js +1 -1
  96. package/modern/components/header/Component.mobile.js +1 -1
  97. package/modern/components/header/desktop.css +6 -6
  98. package/modern/components/header/index.css +16 -16
  99. package/modern/components/header/mobile.css +3 -3
  100. package/modern/desktop.css +3 -3
  101. package/modern/mobile.css +2 -2
  102. package/modern/transitions.desktop.css +7 -7
  103. package/modern/transitions.mobile.css +8 -8
  104. package/package.json +8 -7
  105. package/responsive.js +1 -1
  106. package/transitions.desktop.css +7 -7
  107. package/transitions.mobile.css +8 -8
  108. package/cssm/tslib.es6-bbd6cd2a.d.ts +0 -36
  109. package/cssm/tslib.es6-bbd6cd2a.js +0 -42
  110. package/esm/tslib.es6-a25d063d.d.ts +0 -36
  111. package/esm/tslib.es6-a25d063d.js +0 -40
  112. package/tslib.es6-12c66aa3.d.ts +0 -36
  113. package/tslib.es6-12c66aa3.js +0 -42
@@ -1,4 +1,4 @@
1
- /* hash: 1l7ep */
1
+ /* hash: wf45h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -26,8 +26,8 @@
26
26
  /* desktop */
27
27
 
28
28
  /* mobile */
29
- } .side-panel__content_hki9k {
29
+ } .side-panel__content_rlgoo {
30
30
  padding: 0 var(--gap-m)
31
- } .side-panel__content_hki9k:last-child {
31
+ } .side-panel__content_rlgoo:last-child {
32
32
  padding-bottom: var(--gap-m);
33
33
  }
@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
4
4
  import '../../Context.js';
5
5
  import '@alfalab/core-components-base-modal/modern';
6
6
 
7
- const styles = {"sticky":"side-panel__sticky_12rxf","s":"side-panel__s_12rxf"};
7
+ const styles = {"sticky":"side-panel__sticky_e9d9z","s":"side-panel__s_e9d9z"};
8
8
  require('./desktop.css')
9
9
 
10
10
  const FooterDesktop = ({ size = 's', className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, size && styles[size], {
@@ -3,10 +3,10 @@ import cn from 'classnames';
3
3
  import { ModalContext } from '../../Context.js';
4
4
  import '@alfalab/core-components-base-modal/modern';
5
5
 
6
- const styles = {"footer":"side-panel__footer_1xxrm","sticky":"side-panel__sticky_1xxrm","highlighted":"side-panel__highlighted_1xxrm"};
6
+ const styles = {"footer":"side-panel__footer_1w32u","sticky":"side-panel__sticky_1w32u","highlighted":"side-panel__highlighted_1w32u"};
7
7
  require('./index.css')
8
8
 
9
- const layoutStyles = {"column":"side-panel__column_44mrt","gap-16":"side-panel__gap-16_44mrt","gap-24":"side-panel__gap-24_44mrt","gap-32":"side-panel__gap-32_44mrt","start":"side-panel__start_44mrt","center":"side-panel__center_44mrt","space-between":"side-panel__space-between_44mrt"};
9
+ const layoutStyles = {"column":"side-panel__column_1w71t","gap-16":"side-panel__gap-16_1w71t","gap-24":"side-panel__gap-24_1w71t","gap-32":"side-panel__gap-32_1w71t","start":"side-panel__start_1w71t","center":"side-panel__center_1w71t","space-between":"side-panel__space-between_1w71t"};
10
10
  require('./layout.css')
11
11
 
12
12
  const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId, }) => {
@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
4
4
  import '../../Context.js';
5
5
  import '@alfalab/core-components-base-modal/modern';
6
6
 
7
- const styles = {"footer":"side-panel__footer_1bj7w","sticky":"side-panel__sticky_1bj7w"};
7
+ const styles = {"footer":"side-panel__footer_ywayw","sticky":"side-panel__sticky_ywayw"};
8
8
  require('./mobile.css')
9
9
 
10
10
  const FooterMobile = ({ className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, {
@@ -1,4 +1,4 @@
1
- /* hash: 4qawa */
1
+ /* hash: amb4h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -28,8 +28,8 @@
28
28
  /* desktop */
29
29
 
30
30
  /* mobile */
31
- } .side-panel__sticky_12rxf {
31
+ } .side-panel__sticky_e9d9z {
32
32
  bottom: 0;
33
- } .side-panel__s_12rxf {
33
+ } .side-panel__s_e9d9z {
34
34
  padding: var(--side-panel-s-footer-paddings);
35
35
  }
@@ -1,4 +1,4 @@
1
- /* hash: 9le8w */
1
+ /* hash: fheh3 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -30,15 +30,15 @@
30
30
  /* desktop */
31
31
 
32
32
  /* mobile */
33
- } .side-panel__footer_1xxrm {
33
+ } .side-panel__footer_1w32u {
34
34
  width: 100%;
35
35
  box-sizing: border-box;
36
36
  transition: box-shadow 0.2s ease, background 0.2s ease;
37
- } .side-panel__sticky_1xxrm {
37
+ } .side-panel__sticky_1w32u {
38
38
  background: var(--side-panel-footer-background);
39
39
  position: sticky;
40
40
  z-index: 1;
41
- } .side-panel__highlighted_1xxrm {
41
+ } .side-panel__highlighted_1w32u {
42
42
  background: var(--side-panel-footer-highlight-background);
43
43
  box-shadow: var(--side-panel-footer-highlight-box-shadow);
44
44
  }
@@ -1,4 +1,4 @@
1
- /* hash: 14fnb */
1
+ /* hash: 1abnj */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -29,45 +29,45 @@
29
29
  /* desktop */
30
30
 
31
31
  /* mobile */
32
- } .side-panel__column_44mrt {
32
+ } .side-panel__column_1w71t {
33
33
  display: flex;
34
34
  flex-direction: column
35
- } .side-panel__column_44mrt > * {
35
+ } .side-panel__column_1w71t > * {
36
36
  margin-bottom: var(--side-panel-footer-default-gap);
37
- } .side-panel__column_44mrt > *:last-child,
38
- .side-panel__column_44mrt > *:only-child {
37
+ } .side-panel__column_1w71t > *:last-child,
38
+ .side-panel__column_1w71t > *:only-child {
39
39
  margin-bottom: 0;
40
- } .side-panel__column_44mrt.side-panel__gap-16_44mrt > * {
40
+ } .side-panel__column_1w71t.side-panel__gap-16_1w71t > * {
41
41
  margin-bottom: var(--gap-m);
42
- } .side-panel__column_44mrt.side-panel__gap-24_44mrt > * {
42
+ } .side-panel__column_1w71t.side-panel__gap-24_1w71t > * {
43
43
  margin-bottom: var(--gap-xl);
44
- } .side-panel__column_44mrt.side-panel__gap-32_44mrt > * {
44
+ } .side-panel__column_1w71t.side-panel__gap-32_1w71t > * {
45
45
  margin-bottom: var(--gap-2xl);
46
- } .side-panel__start_44mrt {
46
+ } .side-panel__start_1w71t {
47
47
  justify-content: flex-start;
48
- } .side-panel__center_44mrt {
48
+ } .side-panel__center_1w71t {
49
49
  justify-content: center;
50
- } .side-panel__space-between_44mrt {
50
+ } .side-panel__space-between_1w71t {
51
51
  justify-content: space-between
52
- } .side-panel__space-between_44mrt > * {
52
+ } .side-panel__space-between_1w71t > * {
53
53
  flex: 1;
54
- } .side-panel__start_44mrt,
55
- .side-panel__center_44mrt,
56
- .side-panel__space-between_44mrt {
54
+ } .side-panel__start_1w71t,
55
+ .side-panel__center_1w71t,
56
+ .side-panel__space-between_1w71t {
57
57
  display: flex
58
- } .side-panel__start_44mrt > *, .side-panel__center_44mrt > *, .side-panel__space-between_44mrt > * {
58
+ } .side-panel__start_1w71t > *, .side-panel__center_1w71t > *, .side-panel__space-between_1w71t > * {
59
59
  margin-right: var(--side-panel-footer-default-gap);
60
- } .side-panel__start_44mrt > *:last-child,
61
- .side-panel__start_44mrt > *:only-child,
62
- .side-panel__center_44mrt > *:last-child,
63
- .side-panel__center_44mrt > *:only-child,
64
- .side-panel__space-between_44mrt > *:last-child,
65
- .side-panel__space-between_44mrt > *:only-child {
60
+ } .side-panel__start_1w71t > *:last-child,
61
+ .side-panel__start_1w71t > *:only-child,
62
+ .side-panel__center_1w71t > *:last-child,
63
+ .side-panel__center_1w71t > *:only-child,
64
+ .side-panel__space-between_1w71t > *:last-child,
65
+ .side-panel__space-between_1w71t > *:only-child {
66
66
  margin-right: 0;
67
- } .side-panel__start_44mrt.side-panel__gap-16_44mrt > *, .side-panel__center_44mrt.side-panel__gap-16_44mrt > *, .side-panel__space-between_44mrt.side-panel__gap-16_44mrt > * {
67
+ } .side-panel__start_1w71t.side-panel__gap-16_1w71t > *, .side-panel__center_1w71t.side-panel__gap-16_1w71t > *, .side-panel__space-between_1w71t.side-panel__gap-16_1w71t > * {
68
68
  margin-right: var(--gap-m);
69
- } .side-panel__start_44mrt.side-panel__gap-24_44mrt > *, .side-panel__center_44mrt.side-panel__gap-24_44mrt > *, .side-panel__space-between_44mrt.side-panel__gap-24_44mrt > * {
69
+ } .side-panel__start_1w71t.side-panel__gap-24_1w71t > *, .side-panel__center_1w71t.side-panel__gap-24_1w71t > *, .side-panel__space-between_1w71t.side-panel__gap-24_1w71t > * {
70
70
  margin-right: var(--gap-xl);
71
- } .side-panel__start_44mrt.side-panel__gap-32_44mrt > *, .side-panel__center_44mrt.side-panel__gap-32_44mrt > *, .side-panel__space-between_44mrt.side-panel__gap-32_44mrt > * {
71
+ } .side-panel__start_1w71t.side-panel__gap-32_1w71t > *, .side-panel__center_1w71t.side-panel__gap-32_1w71t > *, .side-panel__space-between_1w71t.side-panel__gap-32_1w71t > * {
72
72
  margin-right: var(--gap-2xl);
73
73
  }
@@ -1,4 +1,4 @@
1
- /* hash: 11qdy */
1
+ /* hash: 1dufe */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -26,8 +26,8 @@
26
26
  /* desktop */
27
27
 
28
28
  /* mobile */
29
- } .side-panel__footer_1bj7w {
29
+ } .side-panel__footer_ywayw {
30
30
  padding: var(--gap-m);
31
- } .side-panel__sticky_1bj7w {
31
+ } .side-panel__sticky_ywayw {
32
32
  bottom: 0;
33
33
  }
@@ -7,7 +7,7 @@ import '@alfalab/core-components-icon-button/modern';
7
7
  import '../../Context.js';
8
8
  import '@alfalab/core-components-base-modal/modern';
9
9
 
10
- const styles = {"content":"side-panel__content_1vdtu","s":"side-panel__s_1vdtu","hasContent":"side-panel__hasContent_1vdtu","sticky":"side-panel__sticky_1vdtu"};
10
+ const styles = {"content":"side-panel__content_rgkx3","s":"side-panel__s_rgkx3","hasContent":"side-panel__hasContent_rgkx3","sticky":"side-panel__sticky_rgkx3"};
11
11
  require('./desktop.css')
12
12
 
13
13
  const HeaderDesktop = ({ size = 's', className, contentClassName, hasCloser = true, closerIcon = CrossHeavyMIcon, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { ModalContext } from '../../Context.js';
4
4
  import '@alfalab/core-components-base-modal/modern';
5
5
 
6
- const styles = {"header":"side-panel__header_tav3p","hasContent":"side-panel__hasContent_tav3p","highlighted":"side-panel__highlighted_tav3p","sticky":"side-panel__sticky_tav3p","backgroundImage":"side-panel__backgroundImage_tav3p","content":"side-panel__content_tav3p","title":"side-panel__title_tav3p","addon":"side-panel__addon_tav3p","closer":"side-panel__closer_tav3p","left":"side-panel__left_tav3p","center":"side-panel__center_tav3p","right":"side-panel__right_tav3p","trim":"side-panel__trim_tav3p"};
6
+ const styles = {"header":"side-panel__header_1byvb","hasContent":"side-panel__hasContent_1byvb","highlighted":"side-panel__highlighted_1byvb","sticky":"side-panel__sticky_1byvb","backgroundImage":"side-panel__backgroundImage_1byvb","content":"side-panel__content_1byvb","title":"side-panel__title_1byvb","addon":"side-panel__addon_1byvb","closer":"side-panel__closer_1byvb","left":"side-panel__left_1byvb","center":"side-panel__center_1byvb","right":"side-panel__right_1byvb","trim":"side-panel__trim_1byvb"};
7
7
  require('./index.css')
8
8
 
9
9
  const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, imageUrl, dataTestId, }) => {
@@ -7,7 +7,7 @@ import '@alfalab/core-components-icon-button/modern';
7
7
  import '../../Context.js';
8
8
  import '@alfalab/core-components-base-modal/modern';
9
9
 
10
- const styles = {"sticky":"side-panel__sticky_mg7xb","content":"side-panel__content_mg7xb"};
10
+ const styles = {"sticky":"side-panel__sticky_1obq1","content":"side-panel__content_1obq1"};
11
11
  require('./mobile.css')
12
12
 
13
13
  const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, closerIcon = CrossMIcon, ...restProps }) => (React.createElement(Header, { className: cn(className, {
@@ -1,4 +1,4 @@
1
- /* hash: 4lnrm */
1
+ /* hash: 1xqrl */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -36,17 +36,17 @@
36
36
  --side-panel-header-desktop-font-family: var(--font-family-system);
37
37
 
38
38
  /* mobile */
39
- } .side-panel__content_1vdtu {
39
+ } .side-panel__content_rgkx3 {
40
40
  font-weight: var(--side-panel-header-desktop-font-weight);
41
41
  font-family: var(--side-panel-header-desktop-font-family);
42
- } .side-panel__s_1vdtu .side-panel__content_1vdtu {
42
+ } .side-panel__s_rgkx3 .side-panel__content_rgkx3 {
43
43
  padding: var(--side-panel-s-header-desktop-content-paddings);
44
44
  font-size: var(--side-panel-s-header-desktop-font-size);
45
45
  line-height: var(--side-panel-s-header-desktop-line-height);
46
- } .side-panel__s_1vdtu {
46
+ } .side-panel__s_rgkx3 {
47
47
  padding: var(--side-panel-s-header-paddings)
48
- } .side-panel__s_1vdtu:not(.side-panel__hasContent_1vdtu) {
48
+ } .side-panel__s_rgkx3:not(.side-panel__hasContent_rgkx3) {
49
49
  padding-bottom: 0;
50
- } .side-panel__sticky_1vdtu {
50
+ } .side-panel__sticky_rgkx3 {
51
51
  top: 0;
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: m3y58 */
1
+ /* hash: g7xx1 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -29,51 +29,51 @@
29
29
  /* desktop */
30
30
 
31
31
  /* mobile */
32
- } .side-panel__header_tav3p {
32
+ } .side-panel__header_1byvb {
33
33
  width: 100%;
34
34
  box-sizing: border-box;
35
35
  display: flex;
36
36
  align-items: stretch;
37
37
  justify-content: space-between;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease
39
- } .side-panel__header_tav3p:not(.side-panel__hasContent_tav3p) {
39
+ } .side-panel__header_1byvb:not(.side-panel__hasContent_1byvb) {
40
40
  pointer-events: none;
41
- } .side-panel__highlighted_tav3p {
41
+ } .side-panel__highlighted_1byvb {
42
42
  background: var(--side-panel-header-highlight-background);
43
43
  box-shadow: var(--side-panel-header-highlight-box-shadow);
44
- } .side-panel__sticky_tav3p {
44
+ } .side-panel__sticky_1byvb {
45
45
  position: sticky;
46
46
  z-index: 1
47
- } .side-panel__sticky_tav3p.side-panel__hasContent_tav3p {
47
+ } .side-panel__sticky_1byvb.side-panel__hasContent_1byvb {
48
48
  background: var(--side-panel-header-background);
49
- } .side-panel__header_tav3p.side-panel__backgroundImage_tav3p {
49
+ } .side-panel__header_1byvb.side-panel__backgroundImage_1byvb {
50
50
  background: center no-repeat;
51
51
  background-size: cover;
52
- } .side-panel__content_tav3p {
52
+ } .side-panel__content_1byvb {
53
53
  flex-grow: 1;
54
- } .side-panel__title_tav3p {
54
+ } .side-panel__title_1byvb {
55
55
  word-break: break-word;
56
- } .side-panel__addon_tav3p {
56
+ } .side-panel__addon_1byvb {
57
57
  min-width: 48px;
58
58
  height: 48px;
59
59
  display: flex;
60
60
  justify-content: center;
61
61
  align-items: center;
62
62
  pointer-events: all;
63
- } .side-panel__closer_tav3p {
63
+ } .side-panel__closer_1byvb {
64
64
  margin-left: auto;
65
- } .side-panel__left_tav3p {
65
+ } .side-panel__left_1byvb {
66
66
  justify-content: flex-start;
67
67
  text-align: left;
68
- } .side-panel__center_tav3p {
68
+ } .side-panel__center_1byvb {
69
69
  justify-content: center;
70
70
  text-align: center;
71
- } .side-panel__right_tav3p {
71
+ } .side-panel__right_1byvb {
72
72
  justify-content: flex-end;
73
73
  text-align: right;
74
- } .side-panel__trim_tav3p {
74
+ } .side-panel__trim_1byvb {
75
75
  overflow: hidden
76
- } .side-panel__trim_tav3p .side-panel__title_tav3p {
76
+ } .side-panel__trim_1byvb .side-panel__title_1byvb {
77
77
  overflow: hidden;
78
78
  white-space: nowrap;
79
79
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: fyt7j */
1
+ /* hash: 1gbcq */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -36,9 +36,9 @@
36
36
  --side-panel-header-mobile-line-height: 24px;
37
37
  --side-panel-header-mobile-font-family: var(--font-family-system);
38
38
  --side-panel-header-mobile-font-weight: bold;
39
- } .side-panel__sticky_mg7xb {
39
+ } .side-panel__sticky_1obq1 {
40
40
  top: 0;
41
- } .side-panel__content_mg7xb {
41
+ } .side-panel__content_1obq1 {
42
42
  font-size: var(--side-panel-header-mobile-font-size);
43
43
  line-height: var(--side-panel-header-mobile-line-height);
44
44
  font-family: var(--side-panel-header-mobile-font-family);
@@ -1,4 +1,4 @@
1
- /* hash: 71ze2 */
1
+ /* hash: 17eix */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -26,8 +26,8 @@
26
26
  /* desktop */
27
27
 
28
28
  /* mobile */
29
- } .side-panel__s_7r0t5 {
29
+ } .side-panel__s_f9xj0 {
30
30
  width: var(--side-panel-s-width);
31
- } .side-panel__hidden_7r0t5 {
31
+ } .side-panel__hidden_f9xj0 {
32
32
  overflow-x: hidden;
33
33
  }
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1u92z */
1
+ /* hash: 1od2q */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -25,7 +25,7 @@
25
25
  /* desktop */
26
26
 
27
27
  /* mobile */
28
- } .side-panel__component_19a0z {
28
+ } .side-panel__component_1sokx {
29
29
  flex: 1;
30
30
  width: 100%;
31
31
  }
@@ -1,32 +1,32 @@
1
- /* hash: 7xhgz */
2
- .side-panel__enterRight_ao2jv {
1
+ /* hash: 1i6az */
2
+ .side-panel__enterRight_1k9je {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_ao2jv {
7
+ .side-panel__enterLeft_1k9je {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_ao2jv {
12
+ .side-panel__enterActive_1k9je {
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_ao2jv {
18
+ .side-panel__exit_1k9je {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_ao2jv {
23
+ .side-panel__exitActiveRight_1k9je {
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_ao2jv {
29
+ .side-panel__exitActiveLeft_1k9je {
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: z3sf8 */
2
- .side-panel__appear_1i7em,
3
- .side-panel__enter_1i7em {
1
+ /* hash: jbi7q */
2
+ .side-panel__appear_zjefa,
3
+ .side-panel__enter_zjefa {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1i7em,
9
- .side-panel__enterActive_1i7em {
8
+ .side-panel__appearActive_zjefa,
9
+ .side-panel__enterActive_zjefa {
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_1i7em {
15
+ .side-panel__exit_zjefa {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1i7em,
21
- .side-panel__exitDone_1i7em {
20
+ .side-panel__exitActive_zjefa,
21
+ .side-panel__exitDone_zjefa {
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": "2.5.5",
3
+ "version": "2.5.7",
4
4
  "description": "SidePanel component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,11 +17,12 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-base-modal": "^5.0.8",
21
- "@alfalab/core-components-button": "^7.0.4",
22
- "@alfalab/core-components-drawer": "^4.2.3",
23
- "@alfalab/core-components-icon-button": "^6.0.5",
24
- "@alfalab/core-components-mq": "^4.1.2",
25
- "classnames": "^2.3.1"
20
+ "@alfalab/core-components-base-modal": "^5.0.10",
21
+ "@alfalab/core-components-button": "^7.1.0",
22
+ "@alfalab/core-components-drawer": "^4.2.5",
23
+ "@alfalab/core-components-icon-button": "^6.0.7",
24
+ "@alfalab/core-components-mq": "^4.1.3",
25
+ "classnames": "^2.3.1",
26
+ "tslib": "^2.4.0"
26
27
  }
27
28
  }
package/responsive.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_responsive = require('./Component.responsive.js');
4
- require('./tslib.es6-12c66aa3.js');
4
+ require('tslib');
5
5
  require('react');
6
6
  require('@alfalab/core-components-mq');
7
7
  require('./components/closer/Component.js');
@@ -1,32 +1,32 @@
1
- /* hash: 7xhgz */
2
- .side-panel__enterRight_ao2jv {
1
+ /* hash: 1i6az */
2
+ .side-panel__enterRight_1k9je {
3
3
  opacity: 0;
4
4
  transform: translateX(15px);
5
5
  }
6
6
 
7
- .side-panel__enterLeft_ao2jv {
7
+ .side-panel__enterLeft_1k9je {
8
8
  opacity: 0;
9
9
  transform: translateX(-15px);
10
10
  }
11
11
 
12
- .side-panel__enterActive_ao2jv {
12
+ .side-panel__enterActive_1k9je {
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_ao2jv {
18
+ .side-panel__exit_1k9je {
19
19
  opacity: 1;
20
20
  transform: translateX(0);
21
21
  }
22
22
 
23
- .side-panel__exitActiveRight_ao2jv {
23
+ .side-panel__exitActiveRight_1k9je {
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_ao2jv {
29
+ .side-panel__exitActiveLeft_1k9je {
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: z3sf8 */
2
- .side-panel__appear_1i7em,
3
- .side-panel__enter_1i7em {
1
+ /* hash: jbi7q */
2
+ .side-panel__appear_zjefa,
3
+ .side-panel__enter_zjefa {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .side-panel__appearActive_1i7em,
9
- .side-panel__enterActive_1i7em {
8
+ .side-panel__appearActive_zjefa,
9
+ .side-panel__enterActive_zjefa {
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_1i7em {
15
+ .side-panel__exit_zjefa {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .side-panel__exitActive_1i7em,
21
- .side-panel__exitDone_1i7em {
20
+ .side-panel__exitActive_zjefa,
21
+ .side-panel__exitDone_zjefa {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -1,36 +0,0 @@
1
- declare function __extends(d: any, b: any): void;
2
- declare function __rest(s: any, e: any): {};
3
- declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
4
- declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
5
- declare function __metadata(metadataKey: any, metadataValue: any): any;
6
- declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
7
- declare function __generator(thisArg: any, body: any): {
8
- next: (v: any) => any;
9
- throw: (v: any) => any;
10
- return: (v: any) => any;
11
- };
12
- declare function __exportStar(m: any, o: any): void;
13
- declare function __values(o: any): any;
14
- declare function __read(o: any, n: any): any;
15
- /** @deprecated */
16
- declare function __spread(...args: any[]): any[];
17
- /** @deprecated */
18
- declare function __spreadArrays(...args: any[]): any[];
19
- declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
- declare function __await(v: any): __await;
21
- declare class __await {
22
- constructor(v: any);
23
- v: any;
24
- }
25
- declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
26
- declare function __asyncDelegator(o: any): {};
27
- declare function __asyncValues(o: any): any;
28
- declare function __makeTemplateObject(cooked: any, raw: any): any;
29
- declare function __importStar(mod: any): any;
30
- declare function __importDefault(mod: any): any;
31
- declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
- declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
- declare function __classPrivateFieldIn(state: any, receiver: any): any;
34
- declare function __assign(...args: any[]): any;
35
- declare function __createBinding(o: any, m: any, k: any, k2: any): void;
36
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,42 +0,0 @@
1
- 'use strict';
2
-
3
- /******************************************************************************
4
- Copyright (c) Microsoft Corporation.
5
-
6
- Permission to use, copy, modify, and/or distribute this software for any
7
- purpose with or without fee is hereby granted.
8
-
9
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
10
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
11
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
12
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
13
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
14
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
15
- PERFORMANCE OF THIS SOFTWARE.
16
- ***************************************************************************** */
17
- exports.__assign = function () {
18
- exports.__assign = Object.assign || function __assign(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s)
22
- if (Object.prototype.hasOwnProperty.call(s, p))
23
- t[p] = s[p];
24
- }
25
- return t;
26
- };
27
- return exports.__assign.apply(this, arguments);
28
- };
29
- function __rest(s, e) {
30
- var t = {};
31
- for (var p in s)
32
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
33
- t[p] = s[p];
34
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
35
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
36
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
37
- t[p[i]] = s[p[i]];
38
- }
39
- return t;
40
- }
41
-
42
- exports.__rest = __rest;