@alfalab/core-components-gallery 7.4.5 → 7.4.6

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 (79) hide show
  1. package/components/bottom-button/index.css +5 -5
  2. package/components/bottom-button/index.module.css.js +1 -1
  3. package/components/buttons/index.css +11 -11
  4. package/components/buttons/index.module.css.js +1 -1
  5. package/components/buttons/index.module.css.js.map +1 -1
  6. package/components/header/index.css +1 -1
  7. package/components/header/index.module.css.js +1 -1
  8. package/components/header-info-block/index.css +4 -4
  9. package/components/header-info-block/index.module.css.js +1 -1
  10. package/components/header-mobile/index.css +6 -6
  11. package/components/header-mobile/index.module.css.js +1 -1
  12. package/components/image-preview/index.css +17 -17
  13. package/components/image-preview/index.module.css.js +1 -1
  14. package/components/image-viewer/index.css +28 -28
  15. package/components/image-viewer/index.module.css.js +1 -1
  16. package/components/image-viewer/video/index.css +9 -9
  17. package/components/image-viewer/video/index.module.css.js +1 -1
  18. package/components/info-bar/index.css +3 -3
  19. package/components/info-bar/index.module.css.js +1 -1
  20. package/components/navigation-bar/index.css +10 -10
  21. package/components/navigation-bar/index.module.css.js +1 -1
  22. package/components/subtitles/index.css +3 -3
  23. package/components/subtitles/index.module.css.js +1 -1
  24. package/cssm/components/buttons/index.module.css +6 -6
  25. package/esm/components/bottom-button/index.css +5 -5
  26. package/esm/components/bottom-button/index.module.css.js +1 -1
  27. package/esm/components/buttons/index.css +11 -11
  28. package/esm/components/buttons/index.module.css.js +1 -1
  29. package/esm/components/buttons/index.module.css.js.map +1 -1
  30. package/esm/components/header/index.css +1 -1
  31. package/esm/components/header/index.module.css.js +1 -1
  32. package/esm/components/header-info-block/index.css +4 -4
  33. package/esm/components/header-info-block/index.module.css.js +1 -1
  34. package/esm/components/header-mobile/index.css +6 -6
  35. package/esm/components/header-mobile/index.module.css.js +1 -1
  36. package/esm/components/image-preview/index.css +17 -17
  37. package/esm/components/image-preview/index.module.css.js +1 -1
  38. package/esm/components/image-viewer/index.css +28 -28
  39. package/esm/components/image-viewer/index.module.css.js +1 -1
  40. package/esm/components/image-viewer/video/index.css +9 -9
  41. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  42. package/esm/components/info-bar/index.css +3 -3
  43. package/esm/components/info-bar/index.module.css.js +1 -1
  44. package/esm/components/navigation-bar/index.css +10 -10
  45. package/esm/components/navigation-bar/index.module.css.js +1 -1
  46. package/esm/components/subtitles/index.css +3 -3
  47. package/esm/components/subtitles/index.module.css.js +1 -1
  48. package/esm/index.css +9 -9
  49. package/esm/index.module.css.js +1 -1
  50. package/index.css +9 -9
  51. package/index.module.css.js +1 -1
  52. package/modern/components/bottom-button/index.css +5 -5
  53. package/modern/components/bottom-button/index.module.css.js +1 -1
  54. package/modern/components/buttons/index.css +11 -11
  55. package/modern/components/buttons/index.module.css.js +1 -1
  56. package/modern/components/buttons/index.module.css.js.map +1 -1
  57. package/modern/components/header/index.css +1 -1
  58. package/modern/components/header/index.module.css.js +1 -1
  59. package/modern/components/header-info-block/index.css +4 -4
  60. package/modern/components/header-info-block/index.module.css.js +1 -1
  61. package/modern/components/header-mobile/index.css +6 -6
  62. package/modern/components/header-mobile/index.module.css.js +1 -1
  63. package/modern/components/image-preview/index.css +17 -17
  64. package/modern/components/image-preview/index.module.css.js +1 -1
  65. package/modern/components/image-viewer/index.css +28 -28
  66. package/modern/components/image-viewer/index.module.css.js +1 -1
  67. package/modern/components/image-viewer/video/index.css +9 -9
  68. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  69. package/modern/components/info-bar/index.css +3 -3
  70. package/modern/components/info-bar/index.module.css.js +1 -1
  71. package/modern/components/navigation-bar/index.css +10 -10
  72. package/modern/components/navigation-bar/index.module.css.js +1 -1
  73. package/modern/components/subtitles/index.css +3 -3
  74. package/modern/components/subtitles/index.module.css.js +1 -1
  75. package/modern/index.css +9 -9
  76. package/modern/index.module.css.js +1 -1
  77. package/moderncssm/components/buttons/index.module.css +3 -3
  78. package/package.json +4 -4
  79. package/src/components/buttons/index.module.css +3 -3
@@ -7,7 +7,7 @@
7
7
  --border-radius-0: 0;
8
8
  --border-radius-24: 24px;
9
9
  }
10
- .gallery__videoWrapper_143kz {
10
+ .gallery__videoWrapper_kx84r {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  justify-content: center;
@@ -18,27 +18,27 @@
18
18
  min-width: 300px;
19
19
  min-height: 200px;
20
20
  }
21
- .gallery__mobileWrapper_143kz {
21
+ .gallery__mobileWrapper_kx84r {
22
22
  width: 100%;
23
23
  }
24
- .gallery__videoWrapper_143kz.gallery__loading_143kz {
24
+ .gallery__videoWrapper_kx84r.gallery__loading_kx84r {
25
25
  width: 100%;
26
26
  aspect-ratio: 16/9;
27
27
  background-color: var(--color-static-neutral-translucent-100-inverted);
28
28
  border-radius: var(--border-radius-24);
29
29
  align-items: center;
30
30
  }
31
- .gallery__video_143kz {
31
+ .gallery__video_kx84r {
32
32
  max-width: 100%;
33
33
  max-height: 100%;
34
34
  -o-object-fit: contain;
35
35
  object-fit: contain;
36
36
  border-radius: var(--border-radius-24);
37
37
  }
38
- .gallery__mobile_143kz {
38
+ .gallery__mobile_kx84r {
39
39
  border-radius: var(--border-radius-0);
40
40
  }
41
- .gallery__videoButton_143kz {
41
+ .gallery__videoButton_kx84r {
42
42
  position: absolute;
43
43
  top: 50%;
44
44
  left: 50%;
@@ -46,13 +46,13 @@
46
46
  z-index: 1;
47
47
  color: green;
48
48
  }
49
- .gallery__icon_143kz {
49
+ .gallery__icon_kx84r {
50
50
  color: var(--color-static-neutral-0);
51
51
  }
52
- .gallery__iconShape_143kz {
52
+ .gallery__iconShape_kx84r {
53
53
  fill: var(--color-static-neutral-translucent-700);
54
54
  }
55
- .gallery__bottomButton_143kz {
55
+ .gallery__bottomButton_kx84r {
56
56
  position: absolute;
57
57
  bottom: 48px;
58
58
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"videoWrapper":"gallery__videoWrapper_143kz","mobileWrapper":"gallery__mobileWrapper_143kz","loading":"gallery__loading_143kz","video":"gallery__video_143kz","mobile":"gallery__mobile_143kz","videoButton":"gallery__videoButton_143kz","icon":"gallery__icon_143kz","iconShape":"gallery__iconShape_143kz","bottomButton":"gallery__bottomButton_143kz"};
3
+ var styles = {"videoWrapper":"gallery__videoWrapper_kx84r","mobileWrapper":"gallery__mobileWrapper_kx84r","loading":"gallery__loading_kx84r","video":"gallery__video_kx84r","mobile":"gallery__mobile_kx84r","videoButton":"gallery__videoButton_kx84r","icon":"gallery__icon_kx84r","iconShape":"gallery__iconShape_kx84r","bottomButton":"gallery__bottomButton_kx84r"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,10 +5,10 @@
5
5
  --gap-4: 4px;
6
6
  --gap-8: 8px;
7
7
  }
8
- .gallery__description_15y2v {
8
+ .gallery__description_1wchd {
9
9
  text-align: center;
10
10
  }
11
- .gallery__infoWrapper_15y2v {
11
+ .gallery__infoWrapper_1wchd {
12
12
  background-color: var(--color-static-neutral-0-inverted);
13
13
  display: flex;
14
14
  align-items: center;
@@ -17,7 +17,7 @@
17
17
  position: relative;
18
18
  height: 48px;
19
19
  }
20
- .gallery__infoWrapper_15y2v.gallery__video_15y2v {
20
+ .gallery__infoWrapper_1wchd.gallery__video_1wchd {
21
21
  padding: 0 var(--gap-4) var(--gap-4);
22
22
  justify-content: space-between;
23
23
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"description":"gallery__description_15y2v","infoWrapper":"gallery__infoWrapper_15y2v","video":"gallery__video_15y2v"};
3
+ var styles = {"description":"gallery__description_1wchd","infoWrapper":"gallery__infoWrapper_1wchd","video":"gallery__video_1wchd"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,7 +8,7 @@
8
8
  --gap-12: 12px;
9
9
  --gap-32: 32px;
10
10
  }
11
- .gallery__component_17b8w {
11
+ .gallery__component_o4w1w {
12
12
  display: flex;
13
13
  flex-wrap: nowrap;
14
14
  align-content: center;
@@ -24,31 +24,31 @@
24
24
  -moz-user-select: none;
25
25
  user-select: none;
26
26
  }
27
- .gallery__component_17b8w.gallery__mobile_17b8w {
27
+ .gallery__component_o4w1w.gallery__mobile_o4w1w {
28
28
  padding: var(--gap-8);
29
29
  }
30
- .gallery__component_17b8w.gallery__dragging_17b8w {
30
+ .gallery__component_o4w1w.gallery__dragging_o4w1w {
31
31
  cursor: grabbing;
32
32
  }
33
- .gallery__component_17b8w.gallery__dragging_17b8w * {
33
+ .gallery__component_o4w1w.gallery__dragging_o4w1w * {
34
34
  cursor: grabbing;
35
35
  }
36
- .gallery__component_17b8w::-webkit-scrollbar {
36
+ .gallery__component_o4w1w::-webkit-scrollbar {
37
37
  display: none;
38
38
  }
39
- .gallery__previews_17b8w {
39
+ .gallery__previews_o4w1w {
40
40
  display: flex;
41
41
  }
42
- .gallery__preview_17b8w {
42
+ .gallery__preview_o4w1w {
43
43
  flex-shrink: 0;
44
44
  margin-right: var(--gap-4);
45
45
  }
46
- .gallery__preview_17b8w.gallery__mobile_17b8w {
46
+ .gallery__preview_o4w1w.gallery__mobile_o4w1w {
47
47
  margin-right: var(--gap-2);
48
48
  }
49
- .gallery__preview_17b8w:first-child {
49
+ .gallery__preview_o4w1w:first-child {
50
50
  margin-left: auto;
51
51
  }
52
- .gallery__preview_17b8w:last-child {
52
+ .gallery__preview_o4w1w:last-child {
53
53
  margin-right: auto;
54
54
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_17b8w","mobile":"gallery__mobile_17b8w","dragging":"gallery__dragging_17b8w","preview":"gallery__preview_17b8w"};
3
+ var styles = {"component":"gallery__component_o4w1w","mobile":"gallery__mobile_o4w1w","dragging":"gallery__dragging_o4w1w","preview":"gallery__preview_o4w1w"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-16: 16px;
4
4
  --gap-32: 32px;
5
5
  }
6
- .gallery__subtitles_16mgl {
6
+ .gallery__subtitles_15btm {
7
7
  position: absolute;
8
8
  align-self: flex-end;
9
9
  padding: var(--gap-0) var(--gap-32);
@@ -16,10 +16,10 @@
16
16
  opacity 500ms ease-in-out,
17
17
  margin-bottom 270ms ease-in-out;
18
18
  }
19
- .gallery__subtitles_16mgl.gallery__mobile_16mgl {
19
+ .gallery__subtitles_15btm.gallery__mobile_15btm {
20
20
  position: static;
21
21
  position: initial;
22
22
  }
23
- .gallery__hideSubtitles_16mgl {
23
+ .gallery__hideSubtitles_15btm {
24
24
  opacity: 0;
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"subtitles":"gallery__subtitles_16mgl","mobile":"gallery__mobile_16mgl","hideSubtitles":"gallery__hideSubtitles_16mgl"};
3
+ var styles = {"subtitles":"gallery__subtitles_15btm","mobile":"gallery__mobile_15btm","hideSubtitles":"gallery__hideSubtitles_15btm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
13
  }
14
- .gallery__container_jt952 {
14
+ .gallery__container_l3w47 {
15
15
  position: relative;
16
16
  overflow-x: hidden;
17
17
  overflow-y: auto;
@@ -25,17 +25,17 @@
25
25
  padding-top: var(--sat);
26
26
  padding-bottom: var(--sab);
27
27
  }
28
- .gallery__container_jt952.gallery__mobile_jt952 {
28
+ .gallery__container_l3w47.gallery__mobile_l3w47 {
29
29
  overflow: hidden;
30
30
  }
31
- .gallery__modal_jt952 {
31
+ .gallery__modal_l3w47 {
32
32
  flex-grow: 1;
33
33
  width: 100vw;
34
34
  height: 100vh;
35
35
  height: 100dvh;
36
36
  background: transparent;
37
37
  }
38
- .gallery__navigationVideo_jt952 {
38
+ .gallery__navigationVideo_l3w47 {
39
39
  z-index: 3;
40
40
  width: 100%;
41
41
  position: absolute;
@@ -44,18 +44,18 @@
44
44
  transition: transform 0.3s ease-in-out;
45
45
  text-align: center;
46
46
  }
47
- .gallery__hide_jt952 {
47
+ .gallery__hide_l3w47 {
48
48
  transform: translateY(114px);
49
49
  }
50
- .gallery__hideInfo_jt952 {
50
+ .gallery__hideInfo_l3w47 {
51
51
  transform: translateY(48px);
52
52
  }
53
- .gallery__bottomButton_jt952 {
53
+ .gallery__bottomButton_l3w47 {
54
54
  width: calc(100% - var(--gap-32));
55
55
  margin: var(--gap-16);
56
56
  background-color: var(--color-static-neutral-translucent-500-inverted);
57
57
  }
58
- .gallery__subtitles_jt952 {
58
+ .gallery__subtitles_l3w47 {
59
59
  padding: var(--gap-0) var(--gap-32);
60
60
  margin-bottom: var(--gap-16);
61
61
  width: 100%;
@@ -66,6 +66,6 @@
66
66
  opacity 500ms ease-in-out,
67
67
  margin-bottom 270ms ease-in-out;
68
68
  }
69
- .gallery__hideSubtitles_jt952 {
69
+ .gallery__hideSubtitles_l3w47 {
70
70
  opacity: 0;
71
71
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"gallery__container_jt952","mobile":"gallery__mobile_jt952","modal":"gallery__modal_jt952","navigationVideo":"gallery__navigationVideo_jt952","hide":"gallery__hide_jt952","hideInfo":"gallery__hideInfo_jt952","bottomButton":"gallery__bottomButton_jt952"};
3
+ var styles = {"container":"gallery__container_l3w47","mobile":"gallery__mobile_l3w47","modal":"gallery__modal_l3w47","navigationVideo":"gallery__navigationVideo_l3w47","hide":"gallery__hide_l3w47","hideInfo":"gallery__hideInfo_l3w47","bottomButton":"gallery__bottomButton_l3w47"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
13
  }
14
- .gallery__container_jt952 {
14
+ .gallery__container_l3w47 {
15
15
  position: relative;
16
16
  overflow-x: hidden;
17
17
  overflow-y: auto;
@@ -25,17 +25,17 @@
25
25
  padding-top: var(--sat);
26
26
  padding-bottom: var(--sab);
27
27
  }
28
- .gallery__container_jt952.gallery__mobile_jt952 {
28
+ .gallery__container_l3w47.gallery__mobile_l3w47 {
29
29
  overflow: hidden;
30
30
  }
31
- .gallery__modal_jt952 {
31
+ .gallery__modal_l3w47 {
32
32
  flex-grow: 1;
33
33
  width: 100vw;
34
34
  height: 100vh;
35
35
  height: 100dvh;
36
36
  background: transparent;
37
37
  }
38
- .gallery__navigationVideo_jt952 {
38
+ .gallery__navigationVideo_l3w47 {
39
39
  z-index: 3;
40
40
  width: 100%;
41
41
  position: absolute;
@@ -44,18 +44,18 @@
44
44
  transition: transform 0.3s ease-in-out;
45
45
  text-align: center;
46
46
  }
47
- .gallery__hide_jt952 {
47
+ .gallery__hide_l3w47 {
48
48
  transform: translateY(114px);
49
49
  }
50
- .gallery__hideInfo_jt952 {
50
+ .gallery__hideInfo_l3w47 {
51
51
  transform: translateY(48px);
52
52
  }
53
- .gallery__bottomButton_jt952 {
53
+ .gallery__bottomButton_l3w47 {
54
54
  width: calc(100% - var(--gap-32));
55
55
  margin: var(--gap-16);
56
56
  background-color: var(--color-static-neutral-translucent-500-inverted);
57
57
  }
58
- .gallery__subtitles_jt952 {
58
+ .gallery__subtitles_l3w47 {
59
59
  padding: var(--gap-0) var(--gap-32);
60
60
  margin-bottom: var(--gap-16);
61
61
  width: 100%;
@@ -66,6 +66,6 @@
66
66
  opacity 500ms ease-in-out,
67
67
  margin-bottom 270ms ease-in-out;
68
68
  }
69
- .gallery__hideSubtitles_jt952 {
69
+ .gallery__hideSubtitles_l3w47 {
70
70
  opacity: 0;
71
71
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"gallery__container_jt952","mobile":"gallery__mobile_jt952","modal":"gallery__modal_jt952","navigationVideo":"gallery__navigationVideo_jt952","hide":"gallery__hide_jt952","hideInfo":"gallery__hideInfo_jt952","bottomButton":"gallery__bottomButton_jt952"};
5
+ var styles = {"container":"gallery__container_l3w47","mobile":"gallery__mobile_l3w47","modal":"gallery__modal_l3w47","navigationVideo":"gallery__navigationVideo_l3w47","hide":"gallery__hide_l3w47","hideInfo":"gallery__hideInfo_l3w47","bottomButton":"gallery__bottomButton_l3w47"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,20 +3,20 @@
3
3
  --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
4
4
  --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
5
5
  }
6
- .gallery__component_1n63u {
6
+ .gallery__component_1ogqt {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_1n63u:hover {
9
+ .gallery__component_1ogqt:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_1n63u:active {
12
+ .gallery__component_1ogqt:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_1n63u {
15
+ .gallery__component_1ogqt {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_1n63u {
20
+ .gallery__notVisible_1ogqt {
21
21
  transform: translateY(250%);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_1n63u","notVisible":"gallery__notVisible_1n63u"};
3
+ const styles = {"component":"gallery__component_1ogqt","notVisible":"gallery__notVisible_1ogqt"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,25 +1,25 @@
1
1
  :root {
2
- --color-static-neutral-100: #f2f3f5;
3
- --color-static-neutral-100-hover: #e7e8eb;
4
- --color-static-neutral-100-press: #dcdde1;
2
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
3
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
4
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
5
5
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
6
6
  }
7
7
  :root {
8
8
  --gap-32: 32px;
9
9
  }
10
- .gallery__buttons_1146n {
10
+ .gallery__buttons_1kaji {
11
11
  display: flex;
12
12
  padding-left: var(--gap-32);
13
13
  }
14
- .gallery__buttons_1146n path {
14
+ .gallery__buttons_1kaji path {
15
15
  color: var(--color-static-neutral-translucent-1300-inverted);
16
16
  }
17
- .gallery__iconButton_1146n path {
18
- color: var(--color-static-neutral-100);
17
+ .gallery__iconButton_1kaji path {
18
+ color: var(--color-light-text-primary-inverted);
19
19
  }
20
- .gallery__iconButton_1146n:hover path {
21
- color: var(--color-static-neutral-100-hover);
20
+ .gallery__iconButton_1kaji:hover path {
21
+ color: var(--color-light-text-primary-inverted-hover);
22
22
  }
23
- .gallery__iconButton_1146n:active path {
24
- color: var(--color-static-neutral-100-press);
23
+ .gallery__iconButton_1kaji:active path {
24
+ color: var(--color-light-text-primary-inverted-press);
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"iconButton":"gallery__iconButton_1146n"};
3
+ const styles = {"iconButton":"gallery__iconButton_1kaji"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-static-neutral-100);\n }\n\n &:hover path {\n color: var(--color-static-neutral-100-hover);\n }\n\n &:active path {\n color: var(--color-static-neutral-100-press);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-light-text-primary-inverted);\n }\n\n &:hover path {\n color: var(--color-light-text-primary-inverted-hover);\n }\n\n &:active path {\n color: var(--color-light-text-primary-inverted-press);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
@@ -3,7 +3,7 @@
3
3
  --gap-24: 24px;
4
4
  --gap-32: 32px;
5
5
  }
6
- .gallery__header_1ak8x {
6
+ .gallery__header_jt98v {
7
7
  display: flex;
8
8
  justify-content: space-between;
9
9
  flex-shrink: 0;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"gallery__header_1ak8x"};
3
+ const styles = {"header":"gallery__header_jt98v"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,24 +1,24 @@
1
1
  :root {
2
2
  --gap-4: 4px;
3
3
  }
4
- .gallery__info_lnhjz {
4
+ .gallery__info_19raw {
5
5
  height: 100%;
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  justify-content: center;
9
9
  overflow: hidden;
10
10
  }
11
- .gallery__filenameHead_lnhjz {
11
+ .gallery__filenameHead_19raw {
12
12
  display: inline;
13
13
  text-overflow: ellipsis;
14
14
  overflow: hidden;
15
15
  white-space: nowrap;
16
16
  }
17
- .gallery__filenameContainer_lnhjz {
17
+ .gallery__filenameContainer_19raw {
18
18
  overflow: hidden;
19
19
  display: inline-flex;
20
20
  }
21
- .gallery__description_lnhjz {
21
+ .gallery__description_19raw {
22
22
  display: inline;
23
23
  text-overflow: ellipsis;
24
24
  overflow: hidden;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"info":"gallery__info_lnhjz","filenameHead":"gallery__filenameHead_lnhjz","filenameContainer":"gallery__filenameContainer_lnhjz","description":"gallery__description_lnhjz"};
3
+ const styles = {"info":"gallery__info_19raw","filenameHead":"gallery__filenameHead_19raw","filenameContainer":"gallery__filenameContainer_19raw","description":"gallery__description_19raw"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
3
  }
4
- .gallery__headerMobile_os4bs {
4
+ .gallery__headerMobile_5lrh5 {
5
5
  position: relative;
6
6
  height: 72px;
7
7
  z-index: 3;
@@ -10,21 +10,21 @@
10
10
  justify-content: space-between;
11
11
  align-items: center;
12
12
  }
13
- .gallery__headerMobile_os4bs.gallery__video_os4bs {
13
+ .gallery__headerMobile_5lrh5.gallery__video_5lrh5 {
14
14
  position: absolute;
15
15
  width: 100%;
16
16
  background-color: var(--color-static-neutral-0-inverted);
17
17
  transition: transform 0.3s ease-in-out;
18
18
  }
19
- .gallery__hide_os4bs {
19
+ .gallery__hide_5lrh5 {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_os4bs,
23
- .gallery__rightButtons_os4bs {
22
+ .gallery__leftButton_5lrh5,
23
+ .gallery__rightButtons_5lrh5 {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_os4bs {
27
+ .gallery__description_5lrh5 {
28
28
  position: absolute;
29
29
  left: 50%;
30
30
  transform: translateX(-50%);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"headerMobile":"gallery__headerMobile_os4bs","video":"gallery__video_os4bs","hide":"gallery__hide_os4bs","rightButtons":"gallery__rightButtons_os4bs","description":"gallery__description_os4bs"};
3
+ const styles = {"headerMobile":"gallery__headerMobile_5lrh5","video":"gallery__video_5lrh5","hide":"gallery__hide_5lrh5","rightButtons":"gallery__rightButtons_5lrh5","description":"gallery__description_5lrh5"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,23 +10,23 @@
10
10
  :root {
11
11
  --focus-color: var(--color-light-status-info);
12
12
  }
13
- .gallery__component_1k2d3 {
13
+ .gallery__component_952e9 {
14
14
  display: flex;
15
15
  z-index: 3;
16
16
  overflow: hidden;
17
17
  transition: border 0.15s ease-in-out;
18
18
  outline: none;
19
19
  }
20
- .gallery__component_1k2d3 .gallery__image_1k2d3 {
20
+ .gallery__component_952e9 .gallery__image_952e9 {
21
21
  opacity: 0.3;
22
22
  }
23
- .gallery__component_1k2d3.gallery__mobile_1k2d3 {
23
+ .gallery__component_952e9.gallery__mobile_952e9 {
24
24
  padding: 0;
25
25
  }
26
- .gallery__active_1k2d3 > .gallery__image_1k2d3 {
26
+ .gallery__active_952e9 > .gallery__image_952e9 {
27
27
  opacity: 1;
28
28
  }
29
- .gallery__preview_1k2d3 {
29
+ .gallery__preview_952e9 {
30
30
  width: 56px;
31
31
  height: 56px;
32
32
  flex-shrink: 0;
@@ -36,15 +36,15 @@
36
36
  -moz-user-select: none;
37
37
  user-select: none;
38
38
  }
39
- .gallery__preview_1k2d3.gallery__mobile_1k2d3 {
39
+ .gallery__preview_952e9.gallery__mobile_952e9 {
40
40
  width: 46px;
41
41
  height: 46px;
42
42
  border-radius: var(--border-radius-8);
43
43
  }
44
- .gallery__image_1k2d3 {
44
+ .gallery__image_952e9 {
45
45
  transition: opacity 0.15s ease-in-out;
46
46
  }
47
- .gallery__image_1k2d3 > img {
47
+ .gallery__image_952e9 > img {
48
48
  display: block;
49
49
  width: 100%;
50
50
  height: 100%;
@@ -54,36 +54,36 @@
54
54
  overflow: clip;
55
55
  overflow-clip-margin: border-box;
56
56
  }
57
- .gallery__image_1k2d3:hover {
57
+ .gallery__image_952e9:hover {
58
58
  opacity: 0.7;
59
59
  }
60
- .gallery__loading_1k2d3 {
60
+ .gallery__loading_952e9 {
61
61
  background-color: var(--color-static-neutral-100-inverted);
62
62
  }
63
- .gallery__loading_1k2d3 .gallery__active_1k2d3 {
63
+ .gallery__loading_952e9 .gallery__active_952e9 {
64
64
  background-color: var(--color-static-neutral-translucent-100-inverted);
65
65
  }
66
- .gallery__brokenImageWrapper_1k2d3 {
66
+ .gallery__brokenImageWrapper_952e9 {
67
67
  display: flex;
68
68
  justify-content: center;
69
69
  align-items: center;
70
70
  background-color: var(--color-static-neutral-translucent-100-inverted);
71
71
  opacity: 0.3;
72
72
  }
73
- .gallery__brokenImageWrapper_1k2d3.gallery__active_1k2d3 {
73
+ .gallery__brokenImageWrapper_952e9.gallery__active_952e9 {
74
74
  opacity: 1;
75
75
  }
76
- .gallery__brokenIcon_1k2d3 {
76
+ .gallery__brokenIcon_952e9 {
77
77
  width: 40px;
78
78
  height: 40px;
79
79
  }
80
- .gallery__focused_1k2d3 {
80
+ .gallery__focused_952e9 {
81
81
  outline: 2px solid var(--focus-color);
82
82
  outline-offset: 2px;
83
83
  }
84
- .gallery__canvasPreview_1k2d3 {
84
+ .gallery__canvasPreview_952e9 {
85
85
  border-radius: var(--border-radius-12);
86
86
  }
87
- .gallery__canvasPreview_1k2d3.gallery__mobile_1k2d3 {
87
+ .gallery__canvasPreview_952e9.gallery__mobile_952e9 {
88
88
  border-radius: var(--border-radius-8);
89
89
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_1k2d3","image":"gallery__image_1k2d3","mobile":"gallery__mobile_1k2d3","active":"gallery__active_1k2d3","preview":"gallery__preview_1k2d3","loading":"gallery__loading_1k2d3","brokenImageWrapper":"gallery__brokenImageWrapper_1k2d3","brokenIcon":"gallery__brokenIcon_1k2d3","focused":"gallery__focused_1k2d3","canvasPreview":"gallery__canvasPreview_1k2d3"};
3
+ const styles = {"component":"gallery__component_952e9","image":"gallery__image_952e9","mobile":"gallery__mobile_952e9","active":"gallery__active_952e9","preview":"gallery__preview_952e9","loading":"gallery__loading_952e9","brokenImageWrapper":"gallery__brokenImageWrapper_952e9","brokenIcon":"gallery__brokenIcon_952e9","focused":"gallery__focused_952e9","canvasPreview":"gallery__canvasPreview_952e9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map