@solostylist/ui-kit 1.0.55 → 1.0.57

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.
Files changed (14) hide show
  1. package/dist/main.d.ts +0 -2
  2. package/dist/main.js +34 -36
  3. package/dist/theme/components/avatar.js +7 -7
  4. package/dist/theme/components/components.d.ts +1 -0
  5. package/dist/theme/components/popover.d.ts +1 -0
  6. package/dist/theme/components/popover.js +7 -1
  7. package/dist/theme/customizations/inputs.js +11 -10
  8. package/package.json +1 -3
  9. package/dist/assets/s-image-gallery.css +0 -1
  10. package/dist/s-image-gallery/index.d.ts +0 -2
  11. package/dist/s-image-gallery/index.js +0 -4
  12. package/dist/s-image-gallery/package.json +0 -5
  13. package/dist/s-image-gallery/s-image-gallery.d.ts +0 -5
  14. package/dist/s-image-gallery/s-image-gallery.js +0 -1085
package/dist/main.d.ts CHANGED
@@ -46,8 +46,6 @@ export type { STipProps } from './s-tip/index';
46
46
  export { default as STextTruncation } from './s-text-truncation/index';
47
47
  export { default as SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message/index';
48
48
  export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message/index';
49
- export { default as SImageGallery } from './s-image-gallery/index';
50
- export type { SImageGalleryProps } from './s-image-gallery/index';
51
49
  export { default as SForm } from './s-form/index';
52
50
  export type { SFormProps } from './s-form/index';
53
51
  export { default as SSmartTextField } from './s-smart-text-field/index';
package/dist/main.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { default as r } from "./s-autocomplete/s-autocomplete.js";
2
2
  import { default as a } from "./s-button-link/s-button-link.js";
3
3
  import { default as l } from "./s-text-editor/s-text-editor.js";
4
- import { default as m } from "./s-checkbox/s-checkbox.js";
4
+ import { default as p } from "./s-checkbox/s-checkbox.js";
5
5
  import { default as S } from "./s-chips/s-chips.js";
6
6
  import { default as d } from "./s-data-table/s-data-table.js";
7
7
  import { DialogConfirmProvider as i, default as g, useDialogConfirm as n } from "./s-dialog-confirm/s-dialog-confirm.js";
@@ -10,12 +10,12 @@ import { default as v } from "./s-error/s-error.js";
10
10
  import { default as M } from "./s-empty/s-empty.js";
11
11
  import { default as F } from "./s-dialog/s-dialog.js";
12
12
  import { default as y } from "./s-file-dropzone/s-file-dropzone.js";
13
- import { default as I } from "./s-file-icon/s-file-icon.js";
13
+ import { default as h } from "./s-file-icon/s-file-icon.js";
14
14
  import { default as z } from "./s-i18n-provider/s-i18n-provider.js";
15
15
  import { default as N } from "./s-icon-button/s-icon-button.js";
16
16
  import { default as A } from "./s-label/s-label.js";
17
- import { default as V } from "./s-multi-select/s-multi-select.js";
18
- import { default as w } from "./s-no-ssr/s-no-ssr.js";
17
+ import { default as q } from "./s-multi-select/s-multi-select.js";
18
+ import { default as G } from "./s-no-ssr/s-no-ssr.js";
19
19
  import { default as J } from "./s-text-field/s-text-field.js";
20
20
  import { default as O } from "./s-pagination/s-pagination.js";
21
21
  import { default as R } from "./s-select/s-select.js";
@@ -23,25 +23,24 @@ import { default as W } from "./s-skeleton/s-skeleton.js";
23
23
  import { default as Y } from "./s-tip/s-tip.js";
24
24
  import { default as _ } from "./s-text-truncation/s-text-truncation.js";
25
25
  import { default as ee, SnackbarMessageProvider as oe, useSnackbarMessage as re } from "./s-snackbar-message/s-snackbar-message.js";
26
- import { default as ae } from "./s-image-gallery/s-image-gallery.js";
27
- import { default as le } from "./s-form/s-form.js";
28
- import { SSmartTextField as me } from "./s-smart-text-field/s-smart-text-field.js";
29
- import { SStripeCVC as Se, SStripeExpiry as xe, SStripeNumber as de, StripeTextField as ue } from "./s-stripe/s-stripe.js";
30
- import { default as ge } from "./s-theme-provider/s-theme-provider.js";
31
- import { useDialog as ce } from "./hooks/use-dialog.js";
32
- import { usePopover as Te } from "./hooks/use-popover.js";
33
- import { formatDatePosted as Pe } from "./utils/dayjs.js";
34
- import { bytesToSize as Ce } from "./utils/bytes-to-size.js";
35
- import { LogLevel as ke, Logger as Fe, createLogger as Le, logger as ye } from "./utils/logger.js";
36
- import { default as Ie } from "dayjs";
26
+ import { default as ae } from "./s-form/s-form.js";
27
+ import { SSmartTextField as le } from "./s-smart-text-field/s-smart-text-field.js";
28
+ import { SStripeCVC as pe, SStripeExpiry as me, SStripeNumber as Se, StripeTextField as xe } from "./s-stripe/s-stripe.js";
29
+ import { default as ue } from "./s-theme-provider/s-theme-provider.js";
30
+ import { useDialog as ge } from "./hooks/use-dialog.js";
31
+ import { usePopover as ce } from "./hooks/use-popover.js";
32
+ import { formatDatePosted as Te } from "./utils/dayjs.js";
33
+ import { bytesToSize as Pe } from "./utils/bytes-to-size.js";
34
+ import { LogLevel as Ce, Logger as Me, createLogger as ke, logger as Fe } from "./utils/logger.js";
35
+ import { default as ye } from "dayjs";
37
36
  export {
38
37
  i as DialogConfirmProvider,
39
38
  D as DialogMessageProvider,
40
- ke as LogLevel,
41
- Fe as Logger,
39
+ Ce as LogLevel,
40
+ Me as Logger,
42
41
  r as SAutocomplete,
43
42
  a as SButtonLink,
44
- m as SCheckbox,
43
+ p as SCheckbox,
45
44
  S as SChips,
46
45
  d as SDataTable,
47
46
  F as SDialog,
@@ -50,37 +49,36 @@ export {
50
49
  M as SEmpty,
51
50
  v as SError,
52
51
  y as SFileDropzone,
53
- I as SFileIcon,
54
- le as SForm,
52
+ h as SFileIcon,
53
+ ae as SForm,
55
54
  z as SI18nProvider,
56
55
  N as SIconButton,
57
- ae as SImageGallery,
58
56
  A as SLabel,
59
- V as SMultiSelect,
60
- w as SNoSsr,
57
+ q as SMultiSelect,
58
+ G as SNoSsr,
61
59
  O as SPagination,
62
60
  R as SSelect,
63
61
  W as SSkeleton,
64
- me as SSmartTextField,
62
+ le as SSmartTextField,
65
63
  ee as SSnackbarMessage,
66
- Se as SStripeCVC,
67
- xe as SStripeExpiry,
68
- de as SStripeNumber,
64
+ pe as SStripeCVC,
65
+ me as SStripeExpiry,
66
+ Se as SStripeNumber,
69
67
  l as STextEditor,
70
68
  J as STextField,
71
69
  _ as STextTruncation,
72
- ge as SThemeProvider,
70
+ ue as SThemeProvider,
73
71
  Y as STip,
74
72
  oe as SnackbarMessageProvider,
75
- ue as StripeTextField,
76
- Ce as bytesToSize,
77
- Le as createLogger,
78
- Ie as dayjs,
79
- Pe as formatDatePosted,
80
- ye as logger,
81
- ce as useDialog,
73
+ xe as StripeTextField,
74
+ Pe as bytesToSize,
75
+ ke as createLogger,
76
+ ye as dayjs,
77
+ Te as formatDatePosted,
78
+ Fe as logger,
79
+ ge as useDialog,
82
80
  n as useDialogConfirm,
83
81
  b as useDialogMessage,
84
- Te as usePopover,
82
+ ce as usePopover,
85
83
  re as useSnackbarMessage
86
84
  };
package/dist/theme/components/avatar.js CHANGED
@@ -1,13 +1,13 @@
1
- import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
2
- import { c as r } from "../../createSvgIcon-YtxTUNwI.js";
3
- const s = r(/* @__PURE__ */ e.jsx("path", {
4
- d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
5
- }), "PersonOutlineOutlined"), n = {
6
- defaultProps: { children: /* @__PURE__ */ e.jsx(s, {}) },
1
+ import { j as r } from "../../jsx-runtime-C5mzlN2N.js";
2
+ import { c as o } from "../../createSvgIcon-YtxTUNwI.js";
3
+ const s = o(/* @__PURE__ */ r.jsx("path", {
4
+ d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
5
+ }), "Person"), c = {
6
+ defaultProps: { children: /* @__PURE__ */ r.jsx(s, { sx: { color: "text.primary" } }) },
7
7
  styleOverrides: {
8
8
  rounded: { borderRadius: 12 }
9
9
  }
10
10
  };
11
11
  export {
12
- n as MuiAvatar
12
+ c as MuiAvatar
13
13
  };
package/dist/theme/components/components.d.ts CHANGED
@@ -61,6 +61,7 @@ export declare const components: {
61
61
  }) => {
62
62
  borderRadius: string | number;
63
63
  marginTop: number;
64
+ border: string;
64
65
  };
65
66
  };
66
67
  };
package/dist/theme/components/popover.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const MuiPopover: {
11
11
  }) => {
12
12
  borderRadius: string | number;
13
13
  marginTop: number;
14
+ border: string;
14
15
  };
15
16
  };
16
17
  };
package/dist/theme/components/popover.js CHANGED
@@ -1,6 +1,12 @@
1
1
  const e = {
2
2
  defaultProps: { elevation: 0 },
3
- styleOverrides: { paper: ({ theme: r }) => ({ borderRadius: (r.vars || r).shape.borderRadius, marginTop: 4 }) }
3
+ styleOverrides: {
4
+ paper: ({ theme: r }) => ({
5
+ borderRadius: (r.vars || r).shape.borderRadius,
6
+ marginTop: 4,
7
+ border: "1px solid var(--s-palette-divider)"
8
+ })
9
+ }
4
10
  };
5
11
  export {
6
12
  e as MuiPopover
package/dist/theme/customizations/inputs.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { j as a } from "../../jsx-runtime-C5mzlN2N.js";
2
- import { c as l, b as d } from "../../createSvgIcon-YtxTUNwI.js";
2
+ import { c as i, b as n } from "../../createSvgIcon-YtxTUNwI.js";
3
3
  import { brand as r, gray as e } from "../theme-primitives.js";
4
4
  import { o as s } from "../../outlinedInputClasses-MXXlnR_X.js";
5
- import { g as n } from "../../identifier-9JFYVRsR.js";
5
+ import { g as d } from "../../identifier-9JFYVRsR.js";
6
6
  import { a as t } from "../../createTheme-CozHbEju.js";
7
- const p = l(/* @__PURE__ */ a.jsx("path", {
7
+ const p = i(/* @__PURE__ */ a.jsx("path", {
8
8
  d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
9
- }), "CheckBoxOutlineBlankRounded"), c = l(/* @__PURE__ */ a.jsx("path", {
9
+ }), "CheckBoxOutlineBlankRounded"), c = i(/* @__PURE__ */ a.jsx("path", {
10
10
  d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
11
- }), "CheckRounded"), u = l(/* @__PURE__ */ a.jsx("path", {
11
+ }), "CheckRounded"), u = i(/* @__PURE__ */ a.jsx("path", {
12
12
  d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
13
- }), "RemoveRounded"), b = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), i = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), h = {
13
+ }), "RemoveRounded"), b = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), l = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), h = {
14
14
  MuiButtonBase: {
15
15
  defaultProps: {
16
16
  disableTouchRipple: !0,
@@ -268,7 +268,7 @@ const p = l(/* @__PURE__ */ a.jsx("path", {
268
268
  width: "2.25rem",
269
269
  height: "2.25rem",
270
270
  padding: "0.25rem",
271
- [`& .${d.root}`]: { fontSize: "1rem" }
271
+ [`& .${n.root}`]: { fontSize: "1rem" }
272
272
  }
273
273
  },
274
274
  {
@@ -289,11 +289,11 @@ const p = l(/* @__PURE__ */ a.jsx("path", {
289
289
  root: ({ theme: o }) => ({
290
290
  borderRadius: "10px",
291
291
  boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
292
- [`& .${i.selected}`]: {
292
+ [`& .${l.selected}`]: {
293
293
  color: r[500]
294
294
  },
295
295
  ...o.applyStyles("dark", {
296
- [`& .${i.selected}`]: {
296
+ [`& .${l.selected}`]: {
297
297
  color: "#fff"
298
298
  },
299
299
  boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
@@ -385,7 +385,8 @@ const p = l(/* @__PURE__ */ a.jsx("path", {
385
385
  MuiAutocomplete: {
386
386
  styleOverrides: {
387
387
  paper: {
388
- marginTop: 2
388
+ marginTop: 2,
389
+ border: "1px solid var(--s-palette-divider)"
389
390
  },
390
391
  popupIndicator: {
391
392
  background: "none",
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.55",
6
+ "version": "1.0.57",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",
@@ -47,7 +47,6 @@
47
47
  "react-dom": "^19.1.0",
48
48
  "react-dropzone": "^14.3.8",
49
49
  "react-i18next": "^15.5.1",
50
- "react-image-gallery": "^1.4.0",
51
50
  "uuid": "^11.1.0",
52
51
  "@fontsource/outfit": "^5.2.6"
53
52
  },
@@ -56,7 +55,6 @@
56
55
  "@types/node": "^22.15.30",
57
56
  "@types/react": "^19.1.6",
58
57
  "@types/react-dom": "^19.1.6",
59
- "@types/react-image-gallery": "^1.2.4",
60
58
  "@types/uuid": "^10.0.0",
61
59
  "@typescript-eslint/eslint-plugin": "^8.33.1",
62
60
  "@typescript-eslint/parser": "^8.33.1",
package/dist/assets/s-image-gallery.css DELETED
@@ -1 +0,0 @@
1
- :root{--image-gallery-color-white: var(--s-palette-common-white);--image-gallery-color-primary: var(--s-palette-primary-main);--image-gallery-color-transparent: transparent;--image-gallery-color-overlay: var(--s-palette-action-hover);--image-gallery-color-shadow: var(--s-palette-grey-900);--image-gallery-color-dark: var(--s-palette-common-black);--image-gallery-icon-size: calc(var(--s-spacing) * 3);--image-gallery-padding: calc(var(--s-spacing))}.image-gallery-icon{color:var(--image-gallery-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px var(--image-gallery-color-shadow))}@media (hover: hover) and (pointer: fine){.image-gallery-icon:hover{color:var(--image-gallery-color-primary)}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid var(--image-gallery-color-primary)}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:var(--image-gallery-padding)}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:var(--image-gallery-icon-size);width:var(--image-gallery-icon-size)}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:var(--image-gallery-color-dark);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:var(--image-gallery-color-dark)}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:conver}.image-gallery-slide .image-gallery-description{background:var(--image-gallery-color-overlay);bottom:70px;color:var(--image-gallery-color-white);left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:1px solid var(--image-gallery-color-white);border-radius:50%;box-shadow:0 2px 2px var(--image-gallery-color-dark);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid var(--image-gallery-color-white);background:var(--image-gallery-color-white)}@media (hover: hover) and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active:hover{background:var(--image-gallery-color-primary)}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid var(--image-gallery-color-transparent);transition:border .3s ease-out;width:100px;background:var(--image-gallery-color-transparent);padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid var(--image-gallery-color-transparent);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid var(--image-gallery-color-primary)}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine) and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid var(--image-gallery-color-primary)}}.image-gallery-thumbnail-label{box-sizing:border-box;color:var(--image-gallery-color-white);font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px var(--image-gallery-color-dark);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:var(--image-gallery-color-overlay);color:var(--image-gallery-color-white);line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}
package/dist/s-image-gallery/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { default } from './s-image-gallery';
2
- export type { SImageGalleryProps } from './s-image-gallery';
package/dist/s-image-gallery/index.js DELETED
@@ -1,4 +0,0 @@
1
- import { default as o } from "./s-image-gallery.js";
2
- export {
3
- o as default
4
- };
package/dist/s-image-gallery/package.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "main": "./index.js",
3
- "types": "./s-image-gallery.d.ts",
4
- "sideEffects": false
5
- }
package/dist/s-image-gallery/s-image-gallery.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { default as React } from 'react';
2
- import { default as ImageGallery } from 'react-image-gallery';
3
- export type SImageGalleryProps = React.ComponentProps<typeof ImageGallery>;
4
- declare const SImageGallery: ({ ...props }: SImageGalleryProps) => React.JSX.Element;
5
- export default SImageGallery;