design-system-silkhaus 3.10.0-beta-image-viewer.5 → 3.10.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.
- package/dist/{ButtonsGroupSelector-CV01ZD7O.js → ButtonsGroupSelector-Dt1072KD.js} +2 -4
- package/dist/app/index.js +2 -2
- package/dist/index.d.ts +97 -18
- package/dist/index.js +11287 -11588
- package/dist/style.css +1 -1
- package/package.json +4 -5
|
@@ -3793,14 +3793,12 @@ const za = (e, t = "AED") => {
|
|
|
3793
3793
|
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",
|
|
3794
3794
|
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",
|
|
3795
3795
|
small: "ds-py-1.5 ds-px-8 ds_SmallBodyEmphasized",
|
|
3796
|
-
large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized"
|
|
3797
|
-
empty: ""
|
|
3796
|
+
large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized"
|
|
3798
3797
|
}, $o = {
|
|
3799
3798
|
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)]",
|
|
3800
3799
|
secondary: "ds-rounded-sm ds-border ds-bg-Background-accentEggplant-5 ds-text-accentEggplant-100 ds-border-2 ds-border-Background-accentEggplant-100",
|
|
3801
3800
|
tertiary: "ds-text-Text-secondary ds-rounded-sm ds-bg-Fills-quadrutery",
|
|
3802
|
-
quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark"
|
|
3803
|
-
empty: "ds-rounded-sm ds-bg-none"
|
|
3801
|
+
quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark"
|
|
3804
3802
|
}, Vo = Fe.forwardRef(
|
|
3805
3803
|
(h, d) => {
|
|
3806
3804
|
var m = h, {
|
package/dist/app/index.js
CHANGED
|
@@ -10,8 +10,8 @@ var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writab
|
|
|
10
10
|
X.call(e, a) && I(s, a, e[a]);
|
|
11
11
|
return s;
|
|
12
12
|
}, k = (s, e) => K(s, L(e));
|
|
13
|
-
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-
|
|
14
|
-
import { w as ks } from "../ButtonsGroupSelector-
|
|
13
|
+
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";
|
|
14
|
+
import { w as ks } from "../ButtonsGroupSelector-Dt1072KD.js";
|
|
15
15
|
import { useState as b } from "react";
|
|
16
16
|
const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
|
|
17
17
|
hs.displayName = "Dropdown";
|
package/dist/index.d.ts
CHANGED
|
@@ -104,10 +104,6 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
|
|
|
104
104
|
overlayBlur?: boolean;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
export declare const ArrowLeftIcon: FC<{
|
|
108
|
-
className?: string;
|
|
109
|
-
}>;
|
|
110
|
-
|
|
111
107
|
export declare const ArrowRightIcon: FC<{
|
|
112
108
|
className?: string;
|
|
113
109
|
}>;
|
|
@@ -135,10 +131,18 @@ export declare type BadgeProps = {
|
|
|
135
131
|
className?: string;
|
|
136
132
|
};
|
|
137
133
|
|
|
134
|
+
export declare const BalconyIcon: FC<{
|
|
135
|
+
className?: string;
|
|
136
|
+
}>;
|
|
137
|
+
|
|
138
138
|
export declare const BankRegularIcon: FC<{
|
|
139
139
|
className?: string;
|
|
140
140
|
}>;
|
|
141
141
|
|
|
142
|
+
export declare const BarbellIcon: FC<{
|
|
143
|
+
className?: string;
|
|
144
|
+
}>;
|
|
145
|
+
|
|
142
146
|
export declare const BarsIcon: FC<{
|
|
143
147
|
className?: string;
|
|
144
148
|
}>;
|
|
@@ -147,6 +151,10 @@ export declare const BarsOutlineIcon: FC<{
|
|
|
147
151
|
className?: string;
|
|
148
152
|
}>;
|
|
149
153
|
|
|
154
|
+
export declare const BeachUmbrellaIcon: FC<{
|
|
155
|
+
className?: string;
|
|
156
|
+
}>;
|
|
157
|
+
|
|
150
158
|
export declare const BedLineIcon: FC<{
|
|
151
159
|
className?: string;
|
|
152
160
|
}>;
|
|
@@ -202,10 +210,14 @@ export declare const BurgerIcon: FC<{
|
|
|
202
210
|
className?: string;
|
|
203
211
|
}>;
|
|
204
212
|
|
|
213
|
+
export declare const BurjKhalifaIcon: FC<{
|
|
214
|
+
className?: string;
|
|
215
|
+
}>;
|
|
216
|
+
|
|
205
217
|
export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
206
218
|
|
|
207
219
|
export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
208
|
-
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary'
|
|
220
|
+
color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
|
|
209
221
|
size?: 'small' | 'large';
|
|
210
222
|
disabled?: true | false;
|
|
211
223
|
startIcon?: default_2.ReactNode;
|
|
@@ -296,6 +308,10 @@ export declare const ChairIcon: FC<{
|
|
|
296
308
|
className?: string;
|
|
297
309
|
}>;
|
|
298
310
|
|
|
311
|
+
export declare const ChairWithLampIcon: FC<{
|
|
312
|
+
className?: string;
|
|
313
|
+
}>;
|
|
314
|
+
|
|
299
315
|
export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
300
316
|
|
|
301
317
|
export declare interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
|
|
@@ -307,6 +323,10 @@ export declare interface CheckboxProps extends HTMLAttributes<HTMLInputElement>
|
|
|
307
323
|
labelPosition?: 'left' | 'right';
|
|
308
324
|
}
|
|
309
325
|
|
|
326
|
+
export declare const CheckInIcon: FC<{
|
|
327
|
+
className?: string;
|
|
328
|
+
}>;
|
|
329
|
+
|
|
310
330
|
export declare const CheckmarkCircleIcon: FC<{
|
|
311
331
|
className?: string;
|
|
312
332
|
}>;
|
|
@@ -341,6 +361,10 @@ export declare const CloseIcon: FC<{
|
|
|
341
361
|
|
|
342
362
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
343
363
|
|
|
364
|
+
export declare const ComputerIcon: FC<{
|
|
365
|
+
className?: string;
|
|
366
|
+
}>;
|
|
367
|
+
|
|
344
368
|
/**
|
|
345
369
|
* A wrapper component that follows design system's margins on pages for different screen sizes
|
|
346
370
|
*/
|
|
@@ -468,6 +492,10 @@ export declare type DialogV2Props = {
|
|
|
468
492
|
dir?: 'ltr' | 'rtl' | 'auto';
|
|
469
493
|
};
|
|
470
494
|
|
|
495
|
+
export declare const DiamondShineIcon: FC<{
|
|
496
|
+
className?: string;
|
|
497
|
+
}>;
|
|
498
|
+
|
|
471
499
|
export declare const DocumentsIcon: FC<{
|
|
472
500
|
className?: string;
|
|
473
501
|
}>;
|
|
@@ -490,6 +518,22 @@ export declare const DownloadIcon: FC<{
|
|
|
490
518
|
|
|
491
519
|
export declare const DUE_TODAY = "due_today";
|
|
492
520
|
|
|
521
|
+
export declare const DumbbellIcon: FC<{
|
|
522
|
+
className?: string;
|
|
523
|
+
}>;
|
|
524
|
+
|
|
525
|
+
export declare const FamilyIcon: FC<{
|
|
526
|
+
className?: string;
|
|
527
|
+
}>;
|
|
528
|
+
|
|
529
|
+
export declare const FeaturedTowerIcon: FC<{
|
|
530
|
+
className?: string;
|
|
531
|
+
}>;
|
|
532
|
+
|
|
533
|
+
export declare const FemaleIcon: FC<{
|
|
534
|
+
className?: string;
|
|
535
|
+
}>;
|
|
536
|
+
|
|
493
537
|
export declare const FileIcon: FC<{
|
|
494
538
|
className?: string;
|
|
495
539
|
}>;
|
|
@@ -560,6 +604,10 @@ export declare const FlameIcon: FC<{
|
|
|
560
604
|
className?: string;
|
|
561
605
|
}>;
|
|
562
606
|
|
|
607
|
+
export declare const FlowerIcon: FC<{
|
|
608
|
+
className?: string;
|
|
609
|
+
}>;
|
|
610
|
+
|
|
563
611
|
export declare const formatCurrency: (val: number, currency?: string) => string;
|
|
564
612
|
|
|
565
613
|
export declare const GearIcon: FC<{
|
|
@@ -576,6 +624,10 @@ export declare const GlobeIcon: FC<{
|
|
|
576
624
|
className?: string;
|
|
577
625
|
}>;
|
|
578
626
|
|
|
627
|
+
export declare const GoTopIcon: FC<{
|
|
628
|
+
className?: string;
|
|
629
|
+
}>;
|
|
630
|
+
|
|
579
631
|
export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
580
632
|
|
|
581
633
|
export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
|
|
@@ -639,19 +691,6 @@ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTM
|
|
|
639
691
|
images: string[];
|
|
640
692
|
}
|
|
641
693
|
|
|
642
|
-
export declare interface ImageItem {
|
|
643
|
-
src: string;
|
|
644
|
-
caption: string;
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
export declare const ImageViewer: FC<ImageViewerProps>;
|
|
648
|
-
|
|
649
|
-
export declare interface ImageViewerProps {
|
|
650
|
-
isOpen: boolean;
|
|
651
|
-
setOpen: (state: boolean) => void;
|
|
652
|
-
images: ImageItem[];
|
|
653
|
-
}
|
|
654
|
-
|
|
655
694
|
export declare const InfoIcon: FC<{
|
|
656
695
|
className?: string;
|
|
657
696
|
}>;
|
|
@@ -829,6 +868,10 @@ export declare const MagnifyGlassIcon: FC<{
|
|
|
829
868
|
className?: string;
|
|
830
869
|
}>;
|
|
831
870
|
|
|
871
|
+
export declare const MetroIcon: FC<{
|
|
872
|
+
className?: string;
|
|
873
|
+
}>;
|
|
874
|
+
|
|
832
875
|
export declare const MinusIcon: FC<{
|
|
833
876
|
className?: string;
|
|
834
877
|
}>;
|
|
@@ -935,6 +978,10 @@ declare type Option_3 = {
|
|
|
935
978
|
label: string;
|
|
936
979
|
};
|
|
937
980
|
|
|
981
|
+
export declare const PalmIcon: FC<{
|
|
982
|
+
className?: string;
|
|
983
|
+
}>;
|
|
984
|
+
|
|
938
985
|
export declare const PartnerIcon: FC<{
|
|
939
986
|
className?: string;
|
|
940
987
|
}>;
|
|
@@ -1055,6 +1102,10 @@ export declare const PinIcon: FC<{
|
|
|
1055
1102
|
className?: string;
|
|
1056
1103
|
}>;
|
|
1057
1104
|
|
|
1105
|
+
export declare const PlantIcon: FC<{
|
|
1106
|
+
className?: string;
|
|
1107
|
+
}>;
|
|
1108
|
+
|
|
1058
1109
|
export declare const PlusBoxIcon: FC<{
|
|
1059
1110
|
className?: string;
|
|
1060
1111
|
}>;
|
|
@@ -1071,6 +1122,10 @@ export declare const PlusIcon: FC<{
|
|
|
1071
1122
|
className?: string;
|
|
1072
1123
|
}>;
|
|
1073
1124
|
|
|
1125
|
+
export declare const PoolIcon: FC<{
|
|
1126
|
+
className?: string;
|
|
1127
|
+
}>;
|
|
1128
|
+
|
|
1074
1129
|
/**
|
|
1075
1130
|
* A component that displays a floating popover with the `content` on click of the `trigger` element for desktop
|
|
1076
1131
|
* and for mobile it displays a dialog that slides from the bottom
|
|
@@ -1169,6 +1224,10 @@ export declare interface PriceRangeSliderProps {
|
|
|
1169
1224
|
uptoLabel?: string;
|
|
1170
1225
|
}
|
|
1171
1226
|
|
|
1227
|
+
export declare const PriceTagIcon: FC<{
|
|
1228
|
+
className?: string;
|
|
1229
|
+
}>;
|
|
1230
|
+
|
|
1172
1231
|
export declare const ProgressBar: default_2.FC<ProgressBarProps>;
|
|
1173
1232
|
|
|
1174
1233
|
export declare interface ProgressBarProps {
|
|
@@ -1259,6 +1318,10 @@ export declare const RulerRegularIcon: FC<{
|
|
|
1259
1318
|
className?: string;
|
|
1260
1319
|
}>;
|
|
1261
1320
|
|
|
1321
|
+
export declare const SailShipIcon: FC<{
|
|
1322
|
+
className?: string;
|
|
1323
|
+
}>;
|
|
1324
|
+
|
|
1262
1325
|
export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
|
|
1263
1326
|
|
|
1264
1327
|
export declare const Scrollbar: FC<ScrollbarProps>;
|
|
@@ -1369,6 +1432,10 @@ export declare type SlickImageCarouselProps = {
|
|
|
1369
1432
|
rtl?: boolean;
|
|
1370
1433
|
};
|
|
1371
1434
|
|
|
1435
|
+
export declare const SofaBedIcon: FC<{
|
|
1436
|
+
className?: string;
|
|
1437
|
+
}>;
|
|
1438
|
+
|
|
1372
1439
|
export declare const SofaIcon: FC<{
|
|
1373
1440
|
className?: string;
|
|
1374
1441
|
}>;
|
|
@@ -1424,6 +1491,18 @@ export declare type StepsListProps = {
|
|
|
1424
1491
|
className?: string;
|
|
1425
1492
|
};
|
|
1426
1493
|
|
|
1494
|
+
export declare const Store24hIcon: FC<{
|
|
1495
|
+
className?: string;
|
|
1496
|
+
}>;
|
|
1497
|
+
|
|
1498
|
+
export declare const SunPoolIcon: FC<{
|
|
1499
|
+
className?: string;
|
|
1500
|
+
}>;
|
|
1501
|
+
|
|
1502
|
+
export declare const SwimIcon: FC<{
|
|
1503
|
+
className?: string;
|
|
1504
|
+
}>;
|
|
1505
|
+
|
|
1427
1506
|
export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
1428
1507
|
|
|
1429
1508
|
export declare interface SwitchProps {
|