design-system-silkhaus 3.10.0 → 3.11.0-beta-image-viewer.1

package/dist/{ButtonsGroupSelector-Dt1072KD.js → ButtonsGroupSelector-CV01ZD7O.js}

@@ -3793,12 +3793,14 @@ const za = (e, t = "AED") => {
   tertiary: "ds-text-Text-secondary ds-rounded-sm hover:ds-bg-Fills-quintiary active:ds-bg-Fills-quintiary focus:ds-bg-Fills-quadrutery disabled:ds-text-Fills-quadrutery disabled:ds-bg-Fills-quintiary",
   quaternary: "ds-text-accentEggplant-100 ds-rounded-sm hover:ds-bg-Background-accentEggplant-5 active:ds-bg-Background-accentEggplant-5 focus:ds-bg-Background-accentEggplant-100 focus:ds-text-Text-textPrimaryDark disabled:ds-text-Background-accentEggplant-20",
   small: "ds-py-1.5 ds-px-8 ds_SmallBodyEmphasized",
-  large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized"
+  large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized",
+  empty: ""
 }, $o = {
   primary: "ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark ds-rounded-none ds-border ds-border-white ds-shadow-[0px_0px_0px_1px_rgba(109,54,169,1)]",
   secondary: "ds-rounded-sm ds-border ds-bg-Background-accentEggplant-5 ds-text-accentEggplant-100 ds-border-2 ds-border-Background-accentEggplant-100",
   tertiary: "ds-text-Text-secondary ds-rounded-sm ds-bg-Fills-quadrutery",
-  quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark"
+  quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark",
+  empty: "ds-rounded-sm ds-bg-none"
 }, Vo = Fe.forwardRef(
   (h, d) => {
     var m = h, {

package/dist/app/index.js

@@ -10,8 +10,8 @@ var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writab
       X.call(e, a) && I(s, a, e[a]);
   return s;
 }, k = (s, e) => K(s, L(e));
-import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-Dt1072KD.js";
-import { w as ks } from "../ButtonsGroupSelector-Dt1072KD.js";
+import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-CV01ZD7O.js";
+import { w as ks } from "../ButtonsGroupSelector-CV01ZD7O.js";
 import { useState as b } from "react";
 const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
 hs.displayName = "Dropdown";

package/dist/index.d.ts

@@ -104,6 +104,10 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     overlayBlur?: boolean;
 }
 
+export declare const ArrowLeftIcon: FC<{
+    className?: string;
+}>;
+
 export declare const ArrowRightIcon: FC<{
     className?: string;
 }>;
@@ -217,7 +221,7 @@ export declare const BurjKhalifaIcon: FC<{
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'empty';
     size?: 'small' | 'large';
     disabled?: true | false;
     startIcon?: default_2.ReactNode;
@@ -691,6 +695,19 @@ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTM
     images: string[];
 }
 
+export declare interface ImageItem {
+    src: string;
+    caption: string;
+}
+
+export declare const ImageViewer: FC<ImageViewerProps>;
+
+export declare interface ImageViewerProps {
+    isOpen: boolean;
+    setOpen: (state: boolean) => void;
+    images: ImageItem[];
+}
+
 export declare const InfoIcon: FC<{
     className?: string;
 }>;