@alfalab/core-components-gallery 7.2.0-alfasans → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) 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 +5 -5
  4. package/components/buttons/index.module.css.js +1 -1
  5. package/components/header/index.css +1 -1
  6. package/components/header/index.module.css.js +1 -1
  7. package/components/header-info-block/index.css +4 -4
  8. package/components/header-info-block/index.module.css.js +1 -1
  9. package/components/header-mobile/index.css +6 -6
  10. package/components/header-mobile/index.module.css.js +1 -1
  11. package/components/image-preview/index.css +17 -17
  12. package/components/image-preview/index.module.css.js +1 -1
  13. package/components/image-viewer/index.css +28 -28
  14. package/components/image-viewer/index.module.css.js +1 -1
  15. package/components/image-viewer/video/index.css +7 -7
  16. package/components/image-viewer/video/index.module.css.js +1 -1
  17. package/components/info-bar/index.css +3 -3
  18. package/components/info-bar/index.module.css.js +1 -1
  19. package/components/navigation-bar/index.css +8 -8
  20. package/components/navigation-bar/index.module.css.js +1 -1
  21. package/components/subtitles/index.css +3 -3
  22. package/components/subtitles/index.module.css.js +1 -1
  23. package/esm/components/bottom-button/index.css +5 -5
  24. package/esm/components/bottom-button/index.module.css.js +1 -1
  25. package/esm/components/buttons/index.css +5 -5
  26. package/esm/components/buttons/index.module.css.js +1 -1
  27. package/esm/components/header/index.css +1 -1
  28. package/esm/components/header/index.module.css.js +1 -1
  29. package/esm/components/header-info-block/index.css +4 -4
  30. package/esm/components/header-info-block/index.module.css.js +1 -1
  31. package/esm/components/header-mobile/index.css +6 -6
  32. package/esm/components/header-mobile/index.module.css.js +1 -1
  33. package/esm/components/image-preview/index.css +17 -17
  34. package/esm/components/image-preview/index.module.css.js +1 -1
  35. package/esm/components/image-viewer/index.css +28 -28
  36. package/esm/components/image-viewer/index.module.css.js +1 -1
  37. package/esm/components/image-viewer/video/index.css +7 -7
  38. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  39. package/esm/components/info-bar/index.css +3 -3
  40. package/esm/components/info-bar/index.module.css.js +1 -1
  41. package/esm/components/navigation-bar/index.css +8 -8
  42. package/esm/components/navigation-bar/index.module.css.js +1 -1
  43. package/esm/components/subtitles/index.css +3 -3
  44. package/esm/components/subtitles/index.module.css.js +1 -1
  45. package/esm/index.css +9 -9
  46. package/esm/index.module.css.js +1 -1
  47. package/index.css +9 -9
  48. package/index.module.css.js +1 -1
  49. package/modern/components/bottom-button/index.css +5 -5
  50. package/modern/components/bottom-button/index.module.css.js +1 -1
  51. package/modern/components/buttons/index.css +5 -5
  52. package/modern/components/buttons/index.module.css.js +1 -1
  53. package/modern/components/header/index.css +1 -1
  54. package/modern/components/header/index.module.css.js +1 -1
  55. package/modern/components/header-info-block/index.css +4 -4
  56. package/modern/components/header-info-block/index.module.css.js +1 -1
  57. package/modern/components/header-mobile/index.css +6 -6
  58. package/modern/components/header-mobile/index.module.css.js +1 -1
  59. package/modern/components/image-preview/index.css +17 -17
  60. package/modern/components/image-preview/index.module.css.js +1 -1
  61. package/modern/components/image-viewer/index.css +28 -28
  62. package/modern/components/image-viewer/index.module.css.js +1 -1
  63. package/modern/components/image-viewer/video/index.css +7 -7
  64. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  65. package/modern/components/info-bar/index.css +3 -3
  66. package/modern/components/info-bar/index.module.css.js +1 -1
  67. package/modern/components/navigation-bar/index.css +8 -8
  68. package/modern/components/navigation-bar/index.module.css.js +1 -1
  69. package/modern/components/subtitles/index.css +3 -3
  70. package/modern/components/subtitles/index.module.css.js +1 -1
  71. package/modern/index.css +9 -9
  72. package/modern/index.module.css.js +1 -1
  73. package/package.json +11 -11
@@ -7,7 +7,7 @@
7
7
  --border-radius-0: 0;
8
8
  --border-radius-24: var(--border-radius-3xl);
9
9
  }
10
- .gallery__videoWrapper_138oj {
10
+ .gallery__videoWrapper_1ogqj {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  justify-content: center;
@@ -17,17 +17,17 @@
17
17
  min-height: 0;
18
18
  position: relative;
19
19
  }
20
- .gallery__video_138oj {
20
+ .gallery__video_1ogqj {
21
21
  max-width: 100%;
22
22
  max-height: 100%;
23
23
  -o-object-fit: contain;
24
24
  object-fit: contain;
25
25
  border-radius: var(--border-radius-24);
26
26
  }
27
- .gallery__mobile_138oj {
27
+ .gallery__mobile_1ogqj {
28
28
  border-radius: var(--border-radius-0);
29
29
  }
30
- .gallery__videoButton_138oj {
30
+ .gallery__videoButton_1ogqj {
31
31
  position: absolute;
32
32
  top: 50%;
33
33
  left: 50%;
@@ -35,13 +35,13 @@
35
35
  z-index: 1;
36
36
  color: green;
37
37
  }
38
- .gallery__icon_138oj {
38
+ .gallery__icon_1ogqj {
39
39
  color: var(--color-static-neutral-0);
40
40
  }
41
- .gallery__iconShape_138oj {
41
+ .gallery__iconShape_1ogqj {
42
42
  fill: var(--color-static-neutral-translucent-700);
43
43
  }
44
- .gallery__bottomButton_138oj {
44
+ .gallery__bottomButton_1ogqj {
45
45
  position: absolute;
46
46
  bottom: 48px;
47
47
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"videoWrapper":"gallery__videoWrapper_138oj","video":"gallery__video_138oj","mobile":"gallery__mobile_138oj","videoButton":"gallery__videoButton_138oj","icon":"gallery__icon_138oj","iconShape":"gallery__iconShape_138oj","bottomButton":"gallery__bottomButton_138oj"};
3
+ const styles = {"videoWrapper":"gallery__videoWrapper_1ogqj","video":"gallery__video_1ogqj","mobile":"gallery__mobile_1ogqj","videoButton":"gallery__videoButton_1ogqj","icon":"gallery__icon_1ogqj","iconShape":"gallery__iconShape_1ogqj","bottomButton":"gallery__bottomButton_1ogqj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -7,10 +7,10 @@
7
7
  --gap-4: var(--gap-2xs);
8
8
  --gap-8: var(--gap-xs);
9
9
  }
10
- .gallery__description_56ogm {
10
+ .gallery__description_kr284 {
11
11
  text-align: center;
12
12
  }
13
- .gallery__infoWrapper_56ogm {
13
+ .gallery__infoWrapper_kr284 {
14
14
  background-color: var(--color-static-neutral-0-inverted);
15
15
  display: flex;
16
16
  align-items: center;
@@ -19,7 +19,7 @@
19
19
  position: relative;
20
20
  height: 48px;
21
21
  }
22
- .gallery__infoWrapper_56ogm.gallery__video_56ogm {
22
+ .gallery__infoWrapper_kr284.gallery__video_kr284 {
23
23
  padding: 0 var(--gap-4) var(--gap-4);
24
24
  justify-content: space-between;
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"description":"gallery__description_56ogm","infoWrapper":"gallery__infoWrapper_56ogm","video":"gallery__video_56ogm"};
3
+ const styles = {"description":"gallery__description_kr284","infoWrapper":"gallery__infoWrapper_kr284","video":"gallery__video_kr284"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -13,7 +13,7 @@
13
13
  --gap-12: var(--gap-s);
14
14
  --gap-24: var(--gap-xl);
15
15
  }
16
- .gallery__component_1qpjj {
16
+ .gallery__component_1roeg {
17
17
  display: flex;
18
18
  flex-wrap: nowrap;
19
19
  align-content: center;
@@ -25,25 +25,25 @@
25
25
  scrollbar-width: none;
26
26
  background-color: var(--color-static-neutral-0-inverted);
27
27
  }
28
- .gallery__component_1qpjj.gallery__mobile_1qpjj {
28
+ .gallery__component_1roeg.gallery__mobile_1roeg {
29
29
  padding: var(--gap-8) var(--gap-24);
30
30
  }
31
- .gallery__component_1qpjj::-webkit-scrollbar {
31
+ .gallery__component_1roeg::-webkit-scrollbar {
32
32
  display: none;
33
33
  }
34
- .gallery__previews_1qpjj {
34
+ .gallery__previews_1roeg {
35
35
  display: flex;
36
36
  }
37
- .gallery__preview_1qpjj {
37
+ .gallery__preview_1roeg {
38
38
  flex-shrink: 0;
39
39
  margin-right: var(--gap-4);
40
40
  }
41
- .gallery__preview_1qpjj.gallery__mobile_1qpjj {
41
+ .gallery__preview_1roeg.gallery__mobile_1roeg {
42
42
  margin-right: var(--gap-2);
43
43
  }
44
- .gallery__preview_1qpjj:first-child {
44
+ .gallery__preview_1roeg:first-child {
45
45
  margin-left: auto;
46
46
  }
47
- .gallery__preview_1qpjj:last-child {
47
+ .gallery__preview_1roeg:last-child {
48
48
  margin-right: auto;
49
49
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_1qpjj","mobile":"gallery__mobile_1qpjj","preview":"gallery__preview_1qpjj"};
3
+ const styles = {"component":"gallery__component_1roeg","mobile":"gallery__mobile_1roeg","preview":"gallery__preview_1roeg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,7 +5,7 @@
5
5
  --gap-16: var(--gap-m);
6
6
  --gap-32: var(--gap-2xl);
7
7
  }
8
- .gallery__subtitles_1lymx {
8
+ .gallery__subtitles_9u7yv {
9
9
  position: absolute;
10
10
  align-self: flex-end;
11
11
  padding: var(--gap-0) var(--gap-32);
@@ -18,10 +18,10 @@
18
18
  opacity 500ms ease-in-out,
19
19
  margin-bottom 270ms ease-in-out;
20
20
  }
21
- .gallery__subtitles_1lymx.gallery__mobile_1lymx {
21
+ .gallery__subtitles_9u7yv.gallery__mobile_9u7yv {
22
22
  position: static;
23
23
  position: initial;
24
24
  }
25
- .gallery__hideSubtitles_1lymx {
25
+ .gallery__hideSubtitles_9u7yv {
26
26
  opacity: 0;
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"subtitles":"gallery__subtitles_1lymx","mobile":"gallery__mobile_1lymx","hideSubtitles":"gallery__hideSubtitles_1lymx"};
3
+ const styles = {"subtitles":"gallery__subtitles_9u7yv","mobile":"gallery__mobile_9u7yv","hideSubtitles":"gallery__hideSubtitles_9u7yv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --sat: env(safe-area-inset-top, var(--gap-0));
14
14
  --sab: env(safe-area-inset-bottom, var(--gap-0));
15
15
  }
16
- .gallery__container_41lre {
16
+ .gallery__container_1wpb9 {
17
17
  position: relative;
18
18
  overflow-x: hidden;
19
19
  overflow-y: auto;
@@ -27,17 +27,17 @@
27
27
  padding-top: var(--sat);
28
28
  padding-bottom: var(--sab);
29
29
  }
30
- .gallery__container_41lre.gallery__mobile_41lre {
30
+ .gallery__container_1wpb9.gallery__mobile_1wpb9 {
31
31
  overflow: hidden;
32
32
  }
33
- .gallery__modal_41lre {
33
+ .gallery__modal_1wpb9 {
34
34
  flex-grow: 1;
35
35
  width: 100vw;
36
36
  height: 100vh;
37
37
  height: 100dvh;
38
38
  background: transparent;
39
39
  }
40
- .gallery__navigationVideo_41lre {
40
+ .gallery__navigationVideo_1wpb9 {
41
41
  z-index: 3;
42
42
  width: 100%;
43
43
  position: absolute;
@@ -46,18 +46,18 @@
46
46
  transition: transform 0.3s ease-in-out;
47
47
  text-align: center;
48
48
  }
49
- .gallery__hide_41lre {
49
+ .gallery__hide_1wpb9 {
50
50
  transform: translateY(114px);
51
51
  }
52
- .gallery__hideInfo_41lre {
52
+ .gallery__hideInfo_1wpb9 {
53
53
  transform: translateY(48px);
54
54
  }
55
- .gallery__bottomButton_41lre {
55
+ .gallery__bottomButton_1wpb9 {
56
56
  width: calc(100% - var(--gap-32));
57
57
  margin: var(--gap-16);
58
58
  background-color: var(--color-static-neutral-translucent-500-inverted);
59
59
  }
60
- .gallery__subtitles_41lre {
60
+ .gallery__subtitles_1wpb9 {
61
61
  padding: var(--gap-0) var(--gap-32);
62
62
  margin-bottom: var(--gap-16);
63
63
  width: 100%;
@@ -68,6 +68,6 @@
68
68
  opacity 500ms ease-in-out,
69
69
  margin-bottom 270ms ease-in-out;
70
70
  }
71
- .gallery__hideSubtitles_41lre {
71
+ .gallery__hideSubtitles_1wpb9 {
72
72
  opacity: 0;
73
73
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"container":"gallery__container_41lre","mobile":"gallery__mobile_41lre","modal":"gallery__modal_41lre","navigationVideo":"gallery__navigationVideo_41lre","hide":"gallery__hide_41lre","hideInfo":"gallery__hideInfo_41lre","bottomButton":"gallery__bottomButton_41lre"};
3
+ const styles = {"container":"gallery__container_1wpb9","mobile":"gallery__mobile_1wpb9","modal":"gallery__modal_1wpb9","navigationVideo":"gallery__navigationVideo_1wpb9","hide":"gallery__hide_1wpb9","hideInfo":"gallery__hideInfo_1wpb9","bottomButton":"gallery__bottomButton_1wpb9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-gallery",
3
- "version": "7.2.0-alfasans",
3
+ "version": "7.2.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,14 +13,14 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-base-modal": "7.1.7-alfasans",
17
- "@alfalab/core-components-button": "13.2.1-alfasans",
18
- "@alfalab/core-components-icon-button": "8.0.9-alfasans",
19
- "@alfalab/core-components-icon-view": "5.0.4-alfasans",
20
- "@alfalab/core-components-mq": "6.0.6-alfasans",
21
- "@alfalab/core-components-spinner": "6.0.6-alfasans",
22
- "@alfalab/core-components-tooltip": "9.0.16-alfasans",
23
- "@alfalab/core-components-typography": "6.0.9-alfasans",
16
+ "@alfalab/core-components-base-modal": "^7.1.7",
17
+ "@alfalab/core-components-button": "^13.2.1",
18
+ "@alfalab/core-components-icon-button": "^8.0.9",
19
+ "@alfalab/core-components-icon-view": "^5.0.4",
20
+ "@alfalab/core-components-mq": "^6.0.6",
21
+ "@alfalab/core-components-spinner": "^6.0.6",
22
+ "@alfalab/core-components-tooltip": "^9.0.16",
23
+ "@alfalab/core-components-typography": "^6.0.9",
24
24
  "@alfalab/hooks": "^1.17.0",
25
25
  "@alfalab/icons-glyph": "^2.260.0",
26
26
  "classnames": "^2.5.1",
@@ -38,6 +38,6 @@
38
38
  "access": "public",
39
39
  "directory": "dist"
40
40
  },
41
- "themesVersion": "15.2.0-alfasans",
42
- "varsVersion": "11.1.0-alfasans"
41
+ "themesVersion": "15.2.0",
42
+ "varsVersion": "11.1.0"
43
43
  }