@semcore/carousel 3.49.0 → 3.49.1-prerelease.0

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Carousel.mjs";
+import { default as default2 } from "./Carousel.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/style/carousel.shadow.css

@@ -0,0 +1,149 @@
+SCarousel {
+  overflow: hidden;
+  outline: none;
+  user-select: none;
+}
+
+
+SContainer {
+  display: flex;
+  transition: transform var(--duration) ease-in-out;
+}
+
+SContentBox, SModalBox {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--intergalactic-surface-rounded, 6px);
+  &:has(SItem[keyboardFocused]) {
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+      z-index: 1;
+      width: calc(100% - 3px * 2);
+      height: calc(100% - 3px * 2);
+      top: 3px;
+      left: 3px;
+    }
+  }
+}
+
+SModalContainer {
+  display: flex;
+  transition: transform var(--duration) ease-in-out;
+}
+
+SItem {
+  flex: 0 0 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  transform: var(--transform);
+  border-radius: var(--intergalactic-surface-rounded, 6px);
+  overflow: hidden;
+  outline: none;
+}
+
+SItem[zoomIn] {
+  cursor: zoom-in;
+}
+SItem[zoomOut] {
+  cursor: zoom-out;
+}
+
+SIndicators {
+  display: flex;
+  justify-content: center;
+  margin-top: var(--intergalactic-spacing-4x, 16px);
+  outline: none;
+  position: relative;
+}
+
+SIndicators[keyboardFocused]:after {
+  content: '';
+  display: block;
+  position: absolute;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  z-index: 1;
+  width: calc(100% - 3px * 2);
+  height: calc(100% - 3px);
+  top: 0;
+  left: 3px;
+}
+
+SIndicator {
+  margin: 0 calc(0.5 * var(--intergalactic-spacing-3x, 12px));
+  cursor: pointer;
+  display: block;
+  width: 12px;
+  height: 12px;
+  border-radius: var(--intergalactic-control-rounded, 6px);
+  background-color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  object-fit: cover;
+  transition: ease-in-out opacity 0.1s;
+}
+
+SIndicator:hover {
+  opacity: calc(2 * var(--intergalactic-disabled-opacity, 0.3));
+}
+
+SIndicator[active] {
+  opacity: 1;
+}
+
+SIndicator[inverted] {
+  background-color: var(--intergalactic-icon-primary-invert, #ffffff);
+}
+
+SPrev,
+SNext {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--intergalactic-icon-primary-neutral, #6c6e79);
+
+  SPrevButton span:has(> svg:only-child), SNextButton span:has(> svg:only-child) {
+    margin-left: calc(2 * var(--intergalactic-spacing-1x, 4px) - 1px);
+    margin-right: calc(2 * var(--intergalactic-spacing-1x, 4px) - 1px);
+  }
+}
+
+SPrevButton, SNextButton {
+  &:focus-visible {
+    box-shadow: none;
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+      z-index: 1;
+      width: calc(100% - 3px * 2);
+      height: calc(100% - 3px * 2);
+      top: 3px;
+      left: 3px;
+      border-radius: var(--intergalactic-control-rounded, 6px);
+    }
+  }
+}
+
+SPrev {
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+}
+SNext {
+  margin-left: var(--intergalactic-spacing-2x, 8px);
+}
+
+SPrev[disabled],
+SNext[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion) {
+  SContainer {
+    transition: none;
+  }
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,13 +1,17 @@
-const e = "Nächste Folie", s = "Vorherige Folie", o = "Folien", i = "Folie {slideNumber}", l = {
-  next: e,
-  prev: s,
-  slides: o,
-  slide: i
+const next = "Nächste Folie";
+const prev = "Vorherige Folie";
+const slides = "Folien";
+const slide = "Folie {slideNumber}";
+const de = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  l as default,
-  e as next,
-  s as prev,
-  i as slide,
-  o as slides
+  de as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/en.json.mjs

@@ -1,13 +1,17 @@
-const e = "Next slide", s = "Previous slide", d = "Slides", i = "Slide {slideNumber}", l = {
-  next: e,
-  prev: s,
-  slides: d,
-  slide: i
+const next = "Next slide";
+const prev = "Previous slide";
+const slides = "Slides";
+const slide = "Slide {slideNumber}";
+const en = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  l as default,
-  e as next,
-  s as prev,
-  i as slide,
-  d as slides
+  en as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/es.json.mjs

@@ -1,13 +1,17 @@
-const i = "Próxima diapositiva", s = "Diapositiva anterior", e = "Diapositivas", t = "Diapositiva {slideNumber}", a = {
-  next: i,
-  prev: s,
-  slides: e,
-  slide: t
+const next = "Próxima diapositiva";
+const prev = "Diapositiva anterior";
+const slides = "Diapositivas";
+const slide = "Diapositiva {slideNumber}";
+const es = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  a as default,
-  i as next,
-  s as prev,
-  t as slide,
-  e as slides
+  es as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,13 +1,17 @@
-const e = "Diapositive suivante", s = "Diapositive précédente", i = "Diapositives", t = "Diapositive {slideNumber}", o = {
-  next: e,
-  prev: s,
-  slides: i,
-  slide: t
+const next = "Diapositive suivante";
+const prev = "Diapositive précédente";
+const slides = "Diapositives";
+const slide = "Diapositive {slideNumber}";
+const fr = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  o as default,
-  e as next,
-  s as prev,
-  t as slide,
-  i as slides
+  fr as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/it.json.mjs

@@ -1,13 +1,17 @@
-const e = "Slide successiva", s = "Slide precedente", d = "Slide", i = "Slide {slideNumber}", t = {
-  next: e,
-  prev: s,
-  slides: d,
-  slide: i
+const next = "Slide successiva";
+const prev = "Slide precedente";
+const slides = "Slide";
+const slide = "Slide {slideNumber}";
+const it = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  t as default,
-  e as next,
-  s as prev,
-  i as slide,
-  d as slides
+  it as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,13 +1,17 @@
-const s = "次のスライド", e = "前のスライド", t = "スライド", n = "スライド{slideNumber}", d = {
-  next: s,
-  prev: e,
-  slides: t,
-  slide: n
+const next = "次のスライド";
+const prev = "前のスライド";
+const slides = "スライド";
+const slide = "スライド{slideNumber}";
+const ja = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  d as default,
-  s as next,
-  e as prev,
-  n as slide,
-  t as slides
+  ja as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,13 +1,17 @@
-const s = "다음 슬라이드", e = "이전 슬라이드", t = "슬라이드", n = "슬라이드 {slideNumber}", o = {
-  next: s,
-  prev: e,
-  slides: t,
-  slide: n
+const next = "다음 슬라이드";
+const prev = "이전 슬라이드";
+const slides = "슬라이드";
+const slide = "슬라이드 {slideNumber}";
+const ko = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  o as default,
-  s as next,
-  e as prev,
-  n as slide,
-  t as slides
+  ko as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,13 +1,17 @@
-const e = "Volgende dia", s = "Vorige dia", i = "Dia's", d = "Dia {slideNumber}", n = {
-  next: e,
-  prev: s,
-  slides: i,
-  slide: d
+const next = "Volgende dia";
+const prev = "Vorige dia";
+const slides = "Dia's";
+const slide = "Dia {slideNumber}";
+const nl = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  n as default,
-  e as next,
-  s as prev,
-  d as slide,
-  i as slides
+  nl as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,13 +1,17 @@
-const s = "Następny slajd", e = "Poprzedni slajd", d = "Slajdy", l = "Slajd {slideNumber}", t = {
-  next: s,
-  prev: e,
-  slides: d,
-  slide: l
+const next = "Następny slajd";
+const prev = "Poprzedni slajd";
+const slides = "Slajdy";
+const slide = "Slajd {slideNumber}";
+const pl = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  t as default,
-  s as next,
-  e as prev,
-  l as slide,
-  d as slides
+  pl as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,13 +1,17 @@
-const e = "Próximo slide", s = "Slide anterior", i = "Slides", t = "Slide {slideNumber}", d = {
-  next: e,
-  prev: s,
-  slides: i,
-  slide: t
+const next = "Próximo slide";
+const prev = "Slide anterior";
+const slides = "Slides";
+const slide = "Slide {slideNumber}";
+const pt = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  d as default,
-  e as next,
-  s as prev,
-  t as slide,
-  i as slides
+  pt as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,13 +1,17 @@
-const e = "Nästa bild", s = "Föregående bild", d = "Bilder", l = "Bild {slideNumber}", t = {
-  next: e,
-  prev: s,
-  slides: d,
-  slide: l
+const next = "Nästa bild";
+const prev = "Föregående bild";
+const slides = "Bilder";
+const slide = "Bild {slideNumber}";
+const sv = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  t as default,
-  e as next,
-  s as prev,
-  l as slide,
-  d as slides
+  sv as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,13 +1,17 @@
-const s = "Sonraki slayt", t = "Önceki slayt", e = "Slaytlar", l = "Slayt {slideNumber}", n = {
-  next: s,
-  prev: t,
-  slides: e,
-  slide: l
+const next = "Sonraki slayt";
+const prev = "Önceki slayt";
+const slides = "Slaytlar";
+const slide = "Slayt {slideNumber}";
+const tr = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  n as default,
-  s as next,
-  t as prev,
-  l as slide,
-  e as slides
+  tr as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,13 +1,17 @@
-const e = "Slide tiếp theo", s = "Slide trước", t = "Slide", i = "Slide {slideNumber}", d = {
-  next: e,
-  prev: s,
-  slides: t,
-  slide: i
+const next = "Slide tiếp theo";
+const prev = "Slide trước";
+const slides = "Slide";
+const slide = "Slide {slideNumber}";
+const vi = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  d as default,
-  e as next,
-  s as prev,
-  i as slide,
-  t as slides
+  vi as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,13 +1,17 @@
-const s = "下一张幻灯片", e = "上一张幻灯片", t = "幻灯片", n = "幻灯片 {slideNumber}", d = {
-  next: s,
-  prev: e,
-  slides: t,
-  slide: n
+const next = "下一张幻灯片";
+const prev = "上一张幻灯片";
+const slides = "幻灯片";
+const slide = "幻灯片 {slideNumber}";
+const zh = {
+  next,
+  prev,
+  slides,
+  slide
 };
 export {
-  d as default,
-  s as next,
-  e as prev,
-  n as slide,
-  t as slides
+  zh as default,
+  next,
+  prev,
+  slide,
+  slides
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/carousel",
   "description": "Semrush Carousel Component",
-  "version": "3.49.0",
+  "version": "3.49.1-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,15 +14,15 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/icon": "4.61.0",
-    "@semcore/utils": "4.48.2",
-    "@semcore/button": "5.43.1",
-    "@semcore/modal": "4.56.0",
-    "@semcore/breakpoints": "1.41.2"
+    "@semcore/flex-box": "5.41.3-prerelease.0",
+    "@semcore/icon": "4.62.0-prerelease.0",
+    "@semcore/utils": "4.48.4-prerelease.0",
+    "@semcore/button": "5.43.2-prerelease.0",
+    "@semcore/modal": "4.56.1-prerelease.0",
+    "@semcore/breakpoints": "1.41.3-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.39.3-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },