@solostylist/ui-kit 1.0.56 → 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.
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/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.56",
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",
@@ -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}}
@@ -1,2 +0,0 @@
1
- export { default } from './s-image-gallery';
2
- export type { SImageGalleryProps } from './s-image-gallery';
@@ -1,4 +0,0 @@
1
- import { default as o } from "./s-image-gallery.js";
2
- export {
3
- o as default
4
- };
@@ -1,5 +0,0 @@
1
- {
2
- "main": "./index.js",
3
- "types": "./s-image-gallery.d.ts",
4
- "sideEffects": false
5
- }
@@ -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;