@fattureincloud/fic-design-system 0.10.0 → 0.10.2-tmp

package/dist/assets/index-7ee742e8.css

@@ -0,0 +1,154 @@
+:root {
+    --columns-breakpoint-width: 100px; /* default value */
+    --table-breakpoint: px100; /* relates to TableBreakpoints enum */
+}
+
+.Table-container {
+    container-type: inline-size;
+    container-name: var(--table-breakpoint);
+}
+
+/* width breakpoints corresponds to TableBreakpoints enum */
+@container px100 (width < 100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px200 (width < 200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px300 (width < 300px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px400 (width < 400px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px500 (width < 500px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px600 (width < 600px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px700 (width < 700px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px800 (width < 800px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px900 (width < 900px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1000 (width < 1000px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1100 (width < 1100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1200 (width < 1200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}

package/dist/assets/index-9fc4893a.css

@@ -0,0 +1,155 @@
+:root {
+    --columns-breakpoint-width: 100px; /* default value */
+    --table-breakpoint: px100; /* relates to TableBreakpoints enum */
+}
+
+.Table-container {
+    container-type: inline-size;
+    container-name: var(--table-breakpoint);
+    background: red;
+}
+
+/* width breakpoints corresponds to TableBreakpoints enum */
+@container px100 (width < 100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px200 (width < 200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px300 (width < 300px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px400 (width < 400px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px500 (width < 500px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px600 (width < 600px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px700 (width < 700px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px800 (width < 800px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px900 (width < 900px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1000 (width < 1000px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1100 (width < 1100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1200 (width < 1200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}

package/dist/assets/index.esm-bff8cd71.css

@@ -0,0 +1,155 @@
+:root {
+    --columns-breakpoint-width: 100px; /* default value */
+    --table-breakpoint: px100; /* relates to TableBreakpoints enum */
+}
+
+.Table-container {
+    container-type: inline-size;
+    container-name: var(--table-breakpoint);
+    background: red;
+}
+
+/* width breakpoints corresponds to TableBreakpoints enum */
+@container px100 (width < 100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px200 (width < 200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px300 (width < 300px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px400 (width < 400px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px500 (width < 500px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px600 (width < 600px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px700 (width < 700px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px800 (width < 800px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px900 (width < 900px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1000 (width < 1000px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1100 (width < 1100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1200 (width < 1200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}

package/dist/assets/index.esm-c9d742c9.css

@@ -0,0 +1,154 @@
+:root {
+    --columns-breakpoint-width: 100px; /* default value */
+    --table-breakpoint: px100; /* relates to TableBreakpoints enum */
+}
+
+.Table-container {
+    container-type: inline-size;
+    container-name: var(--table-breakpoint);
+}
+
+/* width breakpoints corresponds to TableBreakpoints enum */
+@container px100 (width < 100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px200 (width < 200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px300 (width < 300px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px400 (width < 400px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px500 (width < 500px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px600 (width < 600px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px700 (width < 700px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px800 (width < 800px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px900 (width < 900px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1000 (width < 1000px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1100 (width < 1100px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}
+
+@container px1200 (width < 1200px) {
+    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+
+    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
+        min-width: var(--columns-breakpoint-width);
+        max-width: var(--columns-breakpoint-width);
+    }
+}

package/dist/components/carousel/Carousel.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CarouselProps } from './types';
+declare const Carousel: ({ media }: CarouselProps) => JSX.Element;
+export default Carousel;

package/dist/components/carousel/carousel.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { CarouselProps } from './types';
+export declare const Default: () => JSX.Element;
+declare const CarouselStories: Meta<CarouselProps>;
+export default CarouselStories;

package/dist/components/carousel/components/carouselMainMedia/CarouselMainMedia.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    src: string;
+    openFullscreen: () => void;
+}
+declare const CarouselMainMedia: ({ src, openFullscreen }: Props) => JSX.Element;
+export default CarouselMainMedia;

package/dist/components/carousel/components/carouselMainMedia/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const FullScreenButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/carouselThumbnails/CarouselThumbnails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    media: string[];
+    selectedMedia: number;
+    setSelectedMedia: (position: number) => void;
+}
+declare const CarouselThumbnails: ({ media, selectedMedia, setSelectedMedia }: Props) => JSX.Element;
+export default CarouselThumbnails;

package/dist/components/carousel/components/carouselThumbnails/components/carouselThumbnail/CarouselThumbnail.d.ts

@@ -0,0 +1,8 @@
+import React, { MouseEventHandler } from 'react';
+interface Props {
+    src: string;
+    isSelected: boolean;
+    onClick: MouseEventHandler;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default _default;

package/dist/components/carousel/components/carouselThumbnails/components/carouselThumbnail/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../../../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    isSelected: boolean;
+}, never>;

package/dist/components/carousel/components/carouselThumbnails/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CarouselThumbnailsWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    mediaCount: number;
+}, never>;
+export declare const RightArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/carouselThumbnails/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateNewPosition: (actualPosition: number, mediaCount: number, direction: 'back' | 'forward') => number;
+export declare const navigateToThumbnail: (newPosition: number, refs: React.MutableRefObject<(HTMLLIElement | null)[]>) => void;