@x-plat/design-system 0.3.0 → 0.3.3

package/dist/components/index.css

@@ -410,6 +410,9 @@
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   transition: transform 0.25s ease;
   color: var(--xplat-neutral-500);
 }
@@ -2703,6 +2706,77 @@ h2.react-datepicker__current-month {
   color: var(--xplat-neutral-300);
 }
 
+/* src/components/Swiper/swiper.scss */
+.lib-xplat-swiper {
+  width: 100%;
+  position: relative;
+}
+.lib-xplat-swiper__viewport {
+  overflow: hidden;
+  cursor: grab;
+  user-select: none;
+}
+.lib-xplat-swiper__viewport:active {
+  cursor: grabbing;
+}
+.lib-xplat-swiper__track {
+  display: flex;
+  will-change: transform;
+}
+.lib-xplat-swiper__track.transitioning {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+.lib-xplat-swiper__slide {
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.lib-xplat-swiper__progress {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: center;
+}
+.lib-xplat-swiper__progress-track {
+  position: relative;
+  width: 100%;
+  max-width: 580px;
+  height: 2px;
+  background-color: var(--xplat-neutral-200);
+  border-radius: 1px;
+}
+.lib-xplat-swiper__progress-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background-color: var(--xplat-neutral-500);
+  border-radius: 1px;
+  transition-property: width;
+  transition-timing-function: ease;
+}
+.lib-xplat-swiper__dots {
+  display: flex;
+  justify-content: center;
+  gap: 6px;
+  margin-top: 1rem;
+}
+.lib-xplat-swiper__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  background-color: var(--xplat-neutral-300);
+  transition: background-color 0.2s;
+}
+.lib-xplat-swiper__dot.active {
+  background-color: var(--xplat-neutral-700);
+}
+.lib-xplat-swiper__dot:hover:not(.active) {
+  background-color: var(--xplat-neutral-400);
+}
+
 /* src/components/Switch/switch.scss */
 .lib-xplat-switch {
   position: relative;

package/dist/components/index.d.cts

@@ -27,6 +27,7 @@ export { Radio, RadioGroup } from './Radio/index.cjs';
 export { Skeleton } from './Skeleton/index.cjs';
 export { Spinner } from './Spinner/index.cjs';
 export { Steps } from './Steps/index.cjs';
+export { Swiper, SwiperHandle, SwiperProps } from './Swiper/index.cjs';
 export { Switch } from './Switch/index.cjs';
 export { Tab } from './Tab/index.cjs';
 export { Table, TableBody, TableCell, TableHead, TableRow } from './Table/index.cjs';

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export { Radio, RadioGroup } from './Radio/index.js';
 export { Skeleton } from './Skeleton/index.js';
 export { Spinner } from './Spinner/index.js';
 export { Steps } from './Steps/index.js';
+export { Swiper, SwiperHandle, SwiperProps } from './Swiper/index.js';
 export { Switch } from './Switch/index.js';
 export { Tab } from './Tab/index.js';
 export { Table, TableBody, TableCell, TableHead, TableRow } from './Table/index.js';