@alfalab/core-components-side-panel 6.0.0 → 6.0.1-snapshot-c2c8d5a

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 (91) hide show
  1. package/components/content/desktop.css +2 -2
  2. package/components/content/desktop.module.css.js +1 -1
  3. package/components/content/index.css +3 -3
  4. package/components/content/index.module.css.js +1 -1
  5. package/components/content/mobile.css +2 -2
  6. package/components/content/mobile.module.css.js +1 -1
  7. package/components/controls/index.css +1 -1
  8. package/components/controls/index.module.css.js +1 -1
  9. package/components/footer/desktop.css +2 -2
  10. package/components/footer/desktop.module.css.js +1 -1
  11. package/components/footer/index.css +3 -3
  12. package/components/footer/index.module.css.js +1 -1
  13. package/components/footer/layout.css +16 -16
  14. package/components/footer/layout.module.css.js +1 -1
  15. package/components/footer/mobile.css +3 -3
  16. package/components/footer/mobile.module.css.js +1 -1
  17. package/components/header/desktop.css +4 -4
  18. package/components/header/desktop.module.css.js +1 -1
  19. package/components/header/index.css +13 -13
  20. package/components/header/index.module.css.js +1 -1
  21. package/components/header/mobile.css +4 -4
  22. package/components/header/mobile.module.css.js +1 -1
  23. package/desktop/desktop.css +2 -2
  24. package/desktop/desktop.module.css.js +1 -1
  25. package/desktop/transitions.desktop.css +6 -6
  26. package/desktop/transitions.desktop.module.css.js +1 -1
  27. package/esm/components/content/desktop.css +2 -2
  28. package/esm/components/content/desktop.module.css.js +1 -1
  29. package/esm/components/content/index.css +3 -3
  30. package/esm/components/content/index.module.css.js +1 -1
  31. package/esm/components/content/mobile.css +2 -2
  32. package/esm/components/content/mobile.module.css.js +1 -1
  33. package/esm/components/controls/index.css +1 -1
  34. package/esm/components/controls/index.module.css.js +1 -1
  35. package/esm/components/footer/desktop.css +2 -2
  36. package/esm/components/footer/desktop.module.css.js +1 -1
  37. package/esm/components/footer/index.css +3 -3
  38. package/esm/components/footer/index.module.css.js +1 -1
  39. package/esm/components/footer/layout.css +16 -16
  40. package/esm/components/footer/layout.module.css.js +1 -1
  41. package/esm/components/footer/mobile.css +3 -3
  42. package/esm/components/footer/mobile.module.css.js +1 -1
  43. package/esm/components/header/desktop.css +4 -4
  44. package/esm/components/header/desktop.module.css.js +1 -1
  45. package/esm/components/header/index.css +13 -13
  46. package/esm/components/header/index.module.css.js +1 -1
  47. package/esm/components/header/mobile.css +4 -4
  48. package/esm/components/header/mobile.module.css.js +1 -1
  49. package/esm/desktop/desktop.css +2 -2
  50. package/esm/desktop/desktop.module.css.js +1 -1
  51. package/esm/desktop/transitions.desktop.css +6 -6
  52. package/esm/desktop/transitions.desktop.module.css.js +1 -1
  53. package/esm/mobile/mobile.css +4 -4
  54. package/esm/mobile/mobile.module.css.js +1 -1
  55. package/esm/mobile/transitions.mobile.css +7 -7
  56. package/esm/mobile/transitions.mobile.module.css.js +1 -1
  57. package/mobile/mobile.css +4 -4
  58. package/mobile/mobile.module.css.js +1 -1
  59. package/mobile/transitions.mobile.css +7 -7
  60. package/mobile/transitions.mobile.module.css.js +1 -1
  61. package/modern/components/content/desktop.css +2 -2
  62. package/modern/components/content/desktop.module.css.js +1 -1
  63. package/modern/components/content/index.css +3 -3
  64. package/modern/components/content/index.module.css.js +1 -1
  65. package/modern/components/content/mobile.css +2 -2
  66. package/modern/components/content/mobile.module.css.js +1 -1
  67. package/modern/components/controls/index.css +1 -1
  68. package/modern/components/controls/index.module.css.js +1 -1
  69. package/modern/components/footer/desktop.css +2 -2
  70. package/modern/components/footer/desktop.module.css.js +1 -1
  71. package/modern/components/footer/index.css +3 -3
  72. package/modern/components/footer/index.module.css.js +1 -1
  73. package/modern/components/footer/layout.css +16 -16
  74. package/modern/components/footer/layout.module.css.js +1 -1
  75. package/modern/components/footer/mobile.css +3 -3
  76. package/modern/components/footer/mobile.module.css.js +1 -1
  77. package/modern/components/header/desktop.css +4 -4
  78. package/modern/components/header/desktop.module.css.js +1 -1
  79. package/modern/components/header/index.css +13 -13
  80. package/modern/components/header/index.module.css.js +1 -1
  81. package/modern/components/header/mobile.css +4 -4
  82. package/modern/components/header/mobile.module.css.js +1 -1
  83. package/modern/desktop/desktop.css +2 -2
  84. package/modern/desktop/desktop.module.css.js +1 -1
  85. package/modern/desktop/transitions.desktop.css +6 -6
  86. package/modern/desktop/transitions.desktop.module.css.js +1 -1
  87. package/modern/mobile/mobile.css +4 -4
  88. package/modern/mobile/mobile.module.css.js +1 -1
  89. package/modern/mobile/transitions.mobile.css +7 -7
  90. package/modern/mobile/transitions.mobile.module.css.js +1 -1
  91. package/package.json +7 -7
@@ -6,8 +6,8 @@
6
6
  --gap-40: var(--gap-3xl);
7
7
  } :root {
8
8
  --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
9
- } .side-panel__size-500_1jja7 {
9
+ } .side-panel__size-500_1w1kv {
10
10
  padding: var(--side-panel-s-content-paddings)
11
- } .side-panel__size-500_1jja7:last-child {
11
+ } .side-panel__size-500_1w1kv:last-child {
12
12
  padding-bottom: var(--gap-32);
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"size-500":"side-panel__size-500_1jja7"};
5
+ var styles = {"size-500":"side-panel__size-500_1w1kv"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
- } .side-panel__content_6c1gz {
3
+ } .side-panel__content_1xjin {
4
4
  position: relative;
5
5
  box-sizing: border-box;
6
6
  width: 100%;
7
7
  z-index: 0
8
- } .side-panel__content_6c1gz.side-panel__withHeader_6c1gz {
8
+ } .side-panel__content_1xjin.side-panel__withHeader_1xjin {
9
9
  padding-top: var(--gap-0);
10
- } .side-panel__flex_6c1gz {
10
+ } .side-panel__flex_1xjin {
11
11
  flex: 1 1 auto;
12
12
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"content":"side-panel__content_6c1gz","withHeader":"side-panel__withHeader_6c1gz","flex":"side-panel__flex_6c1gz"};
5
+ var styles = {"content":"side-panel__content_1xjin","withHeader":"side-panel__withHeader_1xjin","flex":"side-panel__flex_1xjin"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,8 +2,8 @@
2
2
  --gap-m: 16px;
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
- } .side-panel__content_8cn7i {
5
+ } .side-panel__content_cyv4z {
6
6
  padding: var(--gap-16) var(--gap-16) var(--gap-0)
7
- } .side-panel__content_8cn7i:last-child {
7
+ } .side-panel__content_cyv4z:last-child {
8
8
  padding-bottom: var(--gap-16);
9
9
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"content":"side-panel__content_8cn7i"};
5
+ var styles = {"content":"side-panel__content_cyv4z"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,3 +1,3 @@
1
- .side-panel__component_1majz {
1
+ .side-panel__component_kc8x6 {
2
2
  width: 100%;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"side-panel__component_1majz"};
5
+ var styles = {"component":"side-panel__component_kc8x6"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,8 +6,8 @@
6
6
  --gap-40: var(--gap-3xl);
7
7
  } :root {
8
8
  --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
9
- } .side-panel__sticky_6x66b {
9
+ } .side-panel__sticky_e6ad2 {
10
10
  bottom: var(--gap-0);
11
- } .side-panel__size-500_6x66b {
11
+ } .side-panel__size-500_e6ad2 {
12
12
  padding: var(--side-panel-s-footer-paddings);
13
13
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"sticky":"side-panel__sticky_6x66b","size-500":"side-panel__size-500_6x66b"};
5
+ var styles = {"sticky":"side-panel__sticky_e6ad2","size-500":"side-panel__size-500_e6ad2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,15 +5,15 @@
5
5
  --side-panel-footer-background: var(--color-light-modal-bg-primary);
6
6
  --side-panel-footer-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
8
- } .side-panel__footer_1jtzx {
8
+ } .side-panel__footer_19nhj {
9
9
  width: 100%;
10
10
  box-sizing: border-box;
11
11
  transition: box-shadow 0.2s ease, background 0.2s ease;
12
- } .side-panel__sticky_1jtzx {
12
+ } .side-panel__sticky_19nhj {
13
13
  background: var(--side-panel-footer-background);
14
14
  position: sticky;
15
15
  z-index: 1;
16
- } .side-panel__highlighted_1jtzx {
16
+ } .side-panel__highlighted_19nhj {
17
17
  background: var(--side-panel-footer-highlight-background);
18
18
  box-shadow: var(--side-panel-footer-highlight-box-shadow);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"side-panel__footer_1jtzx","sticky":"side-panel__sticky_1jtzx","highlighted":"side-panel__highlighted_1jtzx"};
5
+ var styles = {"footer":"side-panel__footer_19nhj","sticky":"side-panel__sticky_19nhj","highlighted":"side-panel__highlighted_19nhj"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,35 +7,35 @@
7
7
  --gap-32: var(--gap-2xl);
8
8
  } :root {
9
9
  --side-panel-footer-default-gap: var(--gap-16);
10
- } .side-panel__column_16mil {
10
+ } .side-panel__column_1jt22 {
11
11
  display: flex;
12
12
  flex-direction: column
13
- } .side-panel__column_16mil > *:not(:last-child):not(:only-child) {
13
+ } .side-panel__column_1jt22 > *:not(:last-child):not(:only-child) {
14
14
  margin-bottom: var(--side-panel-footer-default-gap);
15
- } .side-panel__column_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child) {
15
+ } .side-panel__column_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
16
16
  margin-bottom: var(--gap-16);
17
- } .side-panel__column_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child) {
17
+ } .side-panel__column_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
18
18
  margin-bottom: var(--gap-24);
19
- } .side-panel__column_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child) {
19
+ } .side-panel__column_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
20
20
  margin-bottom: var(--gap-32);
21
- } .side-panel__start_16mil {
21
+ } .side-panel__start_1jt22 {
22
22
  justify-content: flex-start;
23
- } .side-panel__center_16mil {
23
+ } .side-panel__center_1jt22 {
24
24
  justify-content: center;
25
- } .side-panel__space-between_16mil {
25
+ } .side-panel__space-between_1jt22 {
26
26
  justify-content: space-between
27
- } .side-panel__space-between_16mil > * {
27
+ } .side-panel__space-between_1jt22 > * {
28
28
  flex: 1;
29
- } .side-panel__start_16mil,
30
- .side-panel__center_16mil,
31
- .side-panel__space-between_16mil {
29
+ } .side-panel__start_1jt22,
30
+ .side-panel__center_1jt22,
31
+ .side-panel__space-between_1jt22 {
32
32
  display: flex
33
- } .side-panel__start_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil > *:not(:last-child):not(:only-child) {
33
+ } .side-panel__start_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22 > *:not(:last-child):not(:only-child) {
34
34
  margin-right: var(--side-panel-footer-default-gap);
35
- } .side-panel__start_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child) {
35
+ } .side-panel__start_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
36
36
  margin-right: var(--gap-16);
37
- } .side-panel__start_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child) {
37
+ } .side-panel__start_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
38
38
  margin-right: var(--gap-24);
39
- } .side-panel__start_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child) {
39
+ } .side-panel__start_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
40
40
  margin-right: var(--gap-32);
41
41
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./layout.css');
4
4
 
5
- var layoutStyles = {"column":"side-panel__column_16mil","gap-16":"side-panel__gap-16_16mil","gap-24":"side-panel__gap-24_16mil","gap-32":"side-panel__gap-32_16mil","start":"side-panel__start_16mil","center":"side-panel__center_16mil","space-between":"side-panel__space-between_16mil"};
5
+ var layoutStyles = {"column":"side-panel__column_1jt22","gap-16":"side-panel__gap-16_1jt22","gap-24":"side-panel__gap-24_1jt22","gap-32":"side-panel__gap-32_1jt22","start":"side-panel__start_1jt22","center":"side-panel__center_1jt22","space-between":"side-panel__space-between_1jt22"};
6
6
 
7
7
  module.exports = layoutStyles;
8
8
  //# sourceMappingURL=layout.module.css.js.map
@@ -6,14 +6,14 @@
6
6
  --gap-0: 0px;
7
7
  --gap-16: var(--gap-m);
8
8
  }
9
- .side-panel__footer_vlfa7 {
9
+ .side-panel__footer_8r3mt {
10
10
  padding: var(--gap-16)
11
11
  }
12
12
  @media (display-mode: standalone) {
13
- .side-panel__footer_vlfa7 {
13
+ .side-panel__footer_8r3mt {
14
14
  padding-bottom: calc(var(--sab) + var(--gap-16))
15
15
  }
16
16
  }
17
- .side-panel__sticky_vlfa7 {
17
+ .side-panel__sticky_8r3mt {
18
18
  bottom: var(--gap-0);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"footer":"side-panel__footer_vlfa7","sticky":"side-panel__sticky_vlfa7"};
5
+ var styles = {"footer":"side-panel__footer_8r3mt","sticky":"side-panel__sticky_8r3mt"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -14,15 +14,15 @@
14
14
  --side-panel-s-header-desktop-line-height: 36px;
15
15
  --side-panel-header-desktop-font-weight: bold;
16
16
  --side-panel-header-desktop-font-family: var(--font-family-system);
17
- } .side-panel__content_1k5cn {
17
+ } .side-panel__content_124hw {
18
18
  font-weight: var(--side-panel-header-desktop-font-weight);
19
19
  font-family: var(--side-panel-header-desktop-font-family);
20
- } .side-panel__size-500_1k5cn .side-panel__content_1k5cn {
20
+ } .side-panel__size-500_124hw .side-panel__content_124hw {
21
21
  padding: var(--side-panel-s-header-desktop-content-paddings);
22
22
  font-size: var(--side-panel-s-header-desktop-font-size);
23
23
  line-height: var(--side-panel-s-header-desktop-line-height);
24
- } .side-panel__size-500_1k5cn {
24
+ } .side-panel__size-500_124hw {
25
25
  padding: var(--side-panel-s-header-paddings);
26
- } .side-panel__sticky_1k5cn {
26
+ } .side-panel__sticky_124hw {
27
27
  top: var(--gap-0);
28
28
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var desktopStyles = {"content":"side-panel__content_1k5cn","size-500":"side-panel__size-500_1k5cn","sticky":"side-panel__sticky_1k5cn"};
5
+ var desktopStyles = {"content":"side-panel__content_124hw","size-500":"side-panel__size-500_124hw","sticky":"side-panel__sticky_124hw"};
6
6
 
7
7
  module.exports = desktopStyles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,42 +5,42 @@
5
5
  --side-panel-header-background: var(--color-light-modal-bg-primary);
6
6
  --side-panel-header-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --side-panel-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
8
- } .side-panel__header_1ao9e {
8
+ } .side-panel__header_l7iuu {
9
9
  width: 100%;
10
10
  box-sizing: border-box;
11
11
  transition: box-shadow 0.2s ease, background 0.2s ease
12
- } .side-panel__header_1ao9e:not(.side-panel__hasContent_1ao9e) {
12
+ } .side-panel__header_l7iuu:not(.side-panel__hasContent_l7iuu) {
13
13
  pointer-events: none;
14
- } .side-panel__highlighted_1ao9e {
14
+ } .side-panel__highlighted_l7iuu {
15
15
  background: var(--side-panel-header-highlight-background);
16
16
  box-shadow: var(--side-panel-header-highlight-box-shadow);
17
- } .side-panel__sticky_1ao9e {
17
+ } .side-panel__sticky_l7iuu {
18
18
  position: sticky;
19
19
  z-index: 1
20
- } .side-panel__sticky_1ao9e.side-panel__hasContent_1ao9e {
20
+ } .side-panel__sticky_l7iuu.side-panel__hasContent_l7iuu {
21
21
  background: var(--side-panel-header-background);
22
- } .side-panel__header_1ao9e.side-panel__backgroundImage_1ao9e {
22
+ } .side-panel__header_l7iuu.side-panel__backgroundImage_l7iuu {
23
23
  background: center no-repeat;
24
24
  background-size: cover;
25
- } .side-panel__content_1ao9e {
25
+ } .side-panel__content_l7iuu {
26
26
  flex-grow: 1;
27
- } .side-panel__title_1ao9e {
27
+ } .side-panel__title_l7iuu {
28
28
  word-break: break-word;
29
- } .side-panel__addon_1ao9e {
29
+ } .side-panel__addon_l7iuu {
30
30
  min-width: 48px;
31
31
  height: 48px;
32
32
  display: flex;
33
33
  justify-content: center;
34
34
  align-items: center;
35
35
  pointer-events: all;
36
- } .side-panel__closer_1ao9e {
36
+ } .side-panel__closer_l7iuu {
37
37
  margin-left: auto;
38
- } .side-panel__right_1ao9e {
38
+ } .side-panel__right_l7iuu {
39
39
  justify-content: flex-end;
40
40
  text-align: right;
41
- } .side-panel__trim_1ao9e {
41
+ } .side-panel__trim_l7iuu {
42
42
  overflow: hidden
43
- } .side-panel__trim_1ao9e .side-panel__title_1ao9e {
43
+ } .side-panel__trim_l7iuu .side-panel__title_l7iuu {
44
44
  overflow: hidden;
45
45
  white-space: nowrap;
46
46
  text-overflow: ellipsis;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"side-panel__header_1ao9e","hasContent":"side-panel__hasContent_1ao9e","highlighted":"side-panel__highlighted_1ao9e","sticky":"side-panel__sticky_1ao9e"};
5
+ var styles = {"header":"side-panel__header_l7iuu","hasContent":"side-panel__hasContent_l7iuu","highlighted":"side-panel__highlighted_l7iuu","sticky":"side-panel__sticky_l7iuu"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -22,18 +22,18 @@
22
22
  --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
23
23
  var(--gap-4) var(--gap-8);
24
24
  }
25
- .side-panel__header_9tuj8 {
25
+ .side-panel__header_7ci4d {
26
26
  padding: var(--side-panel-header-mobile-paddings)
27
27
  }
28
28
  @media (display-mode: standalone) {
29
- .side-panel__header_9tuj8 {
29
+ .side-panel__header_7ci4d {
30
30
  padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding))
31
31
  }
32
32
  }
33
- .side-panel__sticky_9tuj8 {
33
+ .side-panel__sticky_7ci4d {
34
34
  top: var(--gap-0);
35
35
  }
36
- .side-panel__content_9tuj8 {
36
+ .side-panel__content_7ci4d {
37
37
  font-size: var(--side-panel-header-mobile-font-size);
38
38
  line-height: var(--side-panel-header-mobile-line-height);
39
39
  font-family: var(--side-panel-header-mobile-font-family);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"header":"side-panel__header_9tuj8","sticky":"side-panel__sticky_9tuj8","content":"side-panel__content_9tuj8"};
5
+ var mobileStyles = {"header":"side-panel__header_7ci4d","sticky":"side-panel__sticky_7ci4d","content":"side-panel__content_7ci4d"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --side-panel-s-width: 500px;
3
- } .side-panel__size-500_2jkz3.side-panel__size-500_2jkz3 {
3
+ } .side-panel__size-500_1i8c2.side-panel__size-500_1i8c2 {
4
4
  width: var(--side-panel-s-width);
5
- } .side-panel__hidden_2jkz3 {
5
+ } .side-panel__hidden_1i8c2 {
6
6
  overflow-x: hidden;
7
7
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"size-500":"side-panel__size-500_2jkz3","hidden":"side-panel__hidden_2jkz3"};
5
+ var styles = {"size-500":"side-panel__size-500_1i8c2","hidden":"side-panel__hidden_1i8c2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -1,31 +1,31 @@
1
- .side-panel__enterRight_pb25x {
1
+ .side-panel__enterRight_hryyo {
2
2
  opacity: 0;
3
3
  transform: translateX(15px);
4
4
  }
5
5
 
6
- .side-panel__enterLeft_pb25x {
6
+ .side-panel__enterLeft_hryyo {
7
7
  opacity: 0;
8
8
  transform: translateX(-15px);
9
9
  }
10
10
 
11
- .side-panel__enterActive_pb25x {
11
+ .side-panel__enterActive_hryyo {
12
12
  opacity: 1;
13
13
  transform: translateX(0);
14
14
  transition: opacity 200ms ease-in, transform 200ms ease-in;
15
15
  }
16
16
 
17
- .side-panel__exit_pb25x {
17
+ .side-panel__exit_hryyo {
18
18
  opacity: 1;
19
19
  transform: translateX(0);
20
20
  }
21
21
 
22
- .side-panel__exitActiveRight_pb25x {
22
+ .side-panel__exitActiveRight_hryyo {
23
23
  opacity: 0;
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
25
25
  transform: translateX(15px);
26
26
  }
27
27
 
28
- .side-panel__exitActiveLeft_pb25x {
28
+ .side-panel__exitActiveLeft_hryyo {
29
29
  opacity: 0;
30
30
  transition: opacity 200ms ease-out, transform 200ms ease-out;
31
31
  transform: translateX(-15px);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./transitions.desktop.css');
4
4
 
5
- var transitions = {"enterActive":"side-panel__enterActive_pb25x","exit":"side-panel__exit_pb25x","exitActiveRight":"side-panel__exitActiveRight_pb25x","exitActiveLeft":"side-panel__exitActiveLeft_pb25x"};
5
+ var transitions = {"enterActive":"side-panel__enterActive_hryyo","exit":"side-panel__exit_hryyo","exitActiveRight":"side-panel__exitActiveRight_hryyo","exitActiveLeft":"side-panel__exitActiveLeft_hryyo"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.desktop.module.css.js.map
@@ -6,8 +6,8 @@
6
6
  --gap-40: var(--gap-3xl);
7
7
  } :root {
8
8
  --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
9
- } .side-panel__size-500_1jja7 {
9
+ } .side-panel__size-500_1w1kv {
10
10
  padding: var(--side-panel-s-content-paddings)
11
- } .side-panel__size-500_1jja7:last-child {
11
+ } .side-panel__size-500_1w1kv:last-child {
12
12
  padding-bottom: var(--gap-32);
13
13
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"size-500":"side-panel__size-500_1jja7"};
3
+ var styles = {"size-500":"side-panel__size-500_1w1kv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
- } .side-panel__content_6c1gz {
3
+ } .side-panel__content_1xjin {
4
4
  position: relative;
5
5
  box-sizing: border-box;
6
6
  width: 100%;
7
7
  z-index: 0
8
- } .side-panel__content_6c1gz.side-panel__withHeader_6c1gz {
8
+ } .side-panel__content_1xjin.side-panel__withHeader_1xjin {
9
9
  padding-top: var(--gap-0);
10
- } .side-panel__flex_6c1gz {
10
+ } .side-panel__flex_1xjin {
11
11
  flex: 1 1 auto;
12
12
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"content":"side-panel__content_6c1gz","withHeader":"side-panel__withHeader_6c1gz","flex":"side-panel__flex_6c1gz"};
3
+ var styles = {"content":"side-panel__content_1xjin","withHeader":"side-panel__withHeader_1xjin","flex":"side-panel__flex_1xjin"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,8 +2,8 @@
2
2
  --gap-m: 16px;
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
- } .side-panel__content_8cn7i {
5
+ } .side-panel__content_cyv4z {
6
6
  padding: var(--gap-16) var(--gap-16) var(--gap-0)
7
- } .side-panel__content_8cn7i:last-child {
7
+ } .side-panel__content_cyv4z:last-child {
8
8
  padding-bottom: var(--gap-16);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"content":"side-panel__content_8cn7i"};
3
+ var styles = {"content":"side-panel__content_cyv4z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,3 +1,3 @@
1
- .side-panel__component_1majz {
1
+ .side-panel__component_kc8x6 {
2
2
  width: 100%;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"side-panel__component_1majz"};
3
+ var styles = {"component":"side-panel__component_kc8x6"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,8 +6,8 @@
6
6
  --gap-40: var(--gap-3xl);
7
7
  } :root {
8
8
  --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
9
- } .side-panel__sticky_6x66b {
9
+ } .side-panel__sticky_e6ad2 {
10
10
  bottom: var(--gap-0);
11
- } .side-panel__size-500_6x66b {
11
+ } .side-panel__size-500_e6ad2 {
12
12
  padding: var(--side-panel-s-footer-paddings);
13
13
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"sticky":"side-panel__sticky_6x66b","size-500":"side-panel__size-500_6x66b"};
3
+ var styles = {"sticky":"side-panel__sticky_e6ad2","size-500":"side-panel__size-500_e6ad2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,15 +5,15 @@
5
5
  --side-panel-footer-background: var(--color-light-modal-bg-primary);
6
6
  --side-panel-footer-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
8
- } .side-panel__footer_1jtzx {
8
+ } .side-panel__footer_19nhj {
9
9
  width: 100%;
10
10
  box-sizing: border-box;
11
11
  transition: box-shadow 0.2s ease, background 0.2s ease;
12
- } .side-panel__sticky_1jtzx {
12
+ } .side-panel__sticky_19nhj {
13
13
  background: var(--side-panel-footer-background);
14
14
  position: sticky;
15
15
  z-index: 1;
16
- } .side-panel__highlighted_1jtzx {
16
+ } .side-panel__highlighted_19nhj {
17
17
  background: var(--side-panel-footer-highlight-background);
18
18
  box-shadow: var(--side-panel-footer-highlight-box-shadow);
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"side-panel__footer_1jtzx","sticky":"side-panel__sticky_1jtzx","highlighted":"side-panel__highlighted_1jtzx"};
3
+ var styles = {"footer":"side-panel__footer_19nhj","sticky":"side-panel__sticky_19nhj","highlighted":"side-panel__highlighted_19nhj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -7,35 +7,35 @@
7
7
  --gap-32: var(--gap-2xl);
8
8
  } :root {
9
9
  --side-panel-footer-default-gap: var(--gap-16);
10
- } .side-panel__column_16mil {
10
+ } .side-panel__column_1jt22 {
11
11
  display: flex;
12
12
  flex-direction: column
13
- } .side-panel__column_16mil > *:not(:last-child):not(:only-child) {
13
+ } .side-panel__column_1jt22 > *:not(:last-child):not(:only-child) {
14
14
  margin-bottom: var(--side-panel-footer-default-gap);
15
- } .side-panel__column_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child) {
15
+ } .side-panel__column_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
16
16
  margin-bottom: var(--gap-16);
17
- } .side-panel__column_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child) {
17
+ } .side-panel__column_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
18
18
  margin-bottom: var(--gap-24);
19
- } .side-panel__column_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child) {
19
+ } .side-panel__column_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
20
20
  margin-bottom: var(--gap-32);
21
- } .side-panel__start_16mil {
21
+ } .side-panel__start_1jt22 {
22
22
  justify-content: flex-start;
23
- } .side-panel__center_16mil {
23
+ } .side-panel__center_1jt22 {
24
24
  justify-content: center;
25
- } .side-panel__space-between_16mil {
25
+ } .side-panel__space-between_1jt22 {
26
26
  justify-content: space-between
27
- } .side-panel__space-between_16mil > * {
27
+ } .side-panel__space-between_1jt22 > * {
28
28
  flex: 1;
29
- } .side-panel__start_16mil,
30
- .side-panel__center_16mil,
31
- .side-panel__space-between_16mil {
29
+ } .side-panel__start_1jt22,
30
+ .side-panel__center_1jt22,
31
+ .side-panel__space-between_1jt22 {
32
32
  display: flex
33
- } .side-panel__start_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil > *:not(:last-child):not(:only-child) {
33
+ } .side-panel__start_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22 > *:not(:last-child):not(:only-child) {
34
34
  margin-right: var(--side-panel-footer-default-gap);
35
- } .side-panel__start_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-16_16mil > *:not(:last-child):not(:only-child) {
35
+ } .side-panel__start_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
36
36
  margin-right: var(--gap-16);
37
- } .side-panel__start_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-24_16mil > *:not(:last-child):not(:only-child) {
37
+ } .side-panel__start_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
38
38
  margin-right: var(--gap-24);
39
- } .side-panel__start_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child), .side-panel__center_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child), .side-panel__space-between_16mil.side-panel__gap-32_16mil > *:not(:last-child):not(:only-child) {
39
+ } .side-panel__start_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
40
40
  margin-right: var(--gap-32);
41
41
  }