@solostylist/ui-kit 1.0.163 → 1.0.165
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/README.md +13 -13
- package/dist/main.d.ts +2 -0
- package/dist/main.js +75 -73
- package/dist/s-accordion/package.json +5 -5
- package/dist/s-action-overlay/package.json +5 -5
- package/dist/s-avatar/package.json +5 -5
- package/dist/s-blur-text/package.json +5 -5
- package/dist/s-breadcrumbs/package.json +5 -5
- package/dist/s-button/package.json +5 -5
- package/dist/s-carousel/package.json +4 -4
- package/dist/s-category-card/package.json +4 -4
- package/dist/s-chat-input/package.json +5 -5
- package/dist/s-chip/package.json +5 -5
- package/dist/s-comment-message/package.json +5 -5
- package/dist/s-data-table/s-data-table.js +61 -41
- package/dist/s-image-comparison/package.json +5 -5
- package/dist/s-image-comparison/s-image-comparison.js +97 -105
- package/dist/s-image-modal/package.json +5 -5
- package/dist/s-lazy-image/s-lazy-image.d.ts +1 -1
- package/dist/s-lazy-image/s-lazy-image.js +36 -35
- package/dist/s-radial-pulse-animate/package.json +5 -5
- package/dist/s-rating/package.json +5 -5
- package/dist/s-review/package.json +5 -5
- package/dist/s-scroll-reveal/package.json +5 -5
- package/dist/s-scroll-to-top/package.json +5 -5
- package/dist/s-tabs/package.json +3 -3
- package/dist/s-text-shimmer/package.json +4 -4
- package/dist/s-theme-demo/package.json +5 -5
- package/dist/s-theme-switch/package.json +4 -4
- package/dist/s-typewriter-text/package.json +5 -5
- package/dist/s-zoom-image/index.d.ts +2 -0
- package/dist/s-zoom-image/index.js +4 -0
- package/dist/s-zoom-image/package.json +5 -0
- package/dist/s-zoom-image/s-zoom-image.d.ts +64 -0
- package/dist/s-zoom-image/s-zoom-image.js +87 -0
- package/dist/theme/customizations/data-display.js +7 -0
- package/package.json +113 -113
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
## Installation
|
|
2
|
-
|
|
3
|
-
You can install it with npm:
|
|
4
|
-
|
|
5
|
-
```bash
|
|
6
|
-
npm i @solostylist/ui-kit
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
## Usage
|
|
10
|
-
|
|
11
|
-
```javascript
|
|
12
|
-
import { STextField } from '@solostylist/ui-kit';
|
|
13
|
-
```
|
|
1
|
+
## Installation
|
|
2
|
+
|
|
3
|
+
You can install it with npm:
|
|
4
|
+
|
|
5
|
+
```bash
|
|
6
|
+
npm i @solostylist/ui-kit
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
```javascript
|
|
12
|
+
import { STextField } from '@solostylist/ui-kit';
|
|
13
|
+
```
|
package/dist/main.d.ts
CHANGED
|
@@ -111,6 +111,8 @@ export { default as SLazyImage } from './s-lazy-image/index';
|
|
|
111
111
|
export type { SLazyImageProps } from './s-lazy-image/index';
|
|
112
112
|
export { default as SImageComparison } from './s-image-comparison/index';
|
|
113
113
|
export type { SImageComparisonProps } from './s-image-comparison/index';
|
|
114
|
+
export { default as SZoomImage } from './s-zoom-image/index';
|
|
115
|
+
export type { SZoomImageProps } from './s-zoom-image/index';
|
|
114
116
|
export { default as SItemNotFound } from './s-item-not-found/index';
|
|
115
117
|
export type { SItemNotFoundProps } from './s-item-not-found/index';
|
|
116
118
|
export { default as SCategoryCard } from './s-category-card/index';
|
package/dist/main.js
CHANGED
|
@@ -9,18 +9,18 @@ import { default as T } from "./s-carousel/s-carousel.js";
|
|
|
9
9
|
import { default as P } from "./s-chat-input/s-chat-input.js";
|
|
10
10
|
import { default as b } from "./s-chat-message/s-chat-message.js";
|
|
11
11
|
import { default as y } from "./s-comment-message/s-comment-message.js";
|
|
12
|
-
import { default as
|
|
12
|
+
import { default as I } from "./s-text-editor/s-text-editor.js";
|
|
13
13
|
import "./s-text-editor/s-text-editor-toolbar.js";
|
|
14
|
-
import { default as
|
|
14
|
+
import { default as h } from "./s-checkbox/s-checkbox.js";
|
|
15
15
|
import { default as B } from "./s-chip/s-chip.js";
|
|
16
16
|
import { default as w } from "./s-chips/s-chips.js";
|
|
17
17
|
import { default as E } from "./s-data-table/s-data-table.js";
|
|
18
18
|
import { DialogConfirmProvider as R, default as G, useDialogConfirm as N } from "./s-dialog-confirm/s-dialog-confirm.js";
|
|
19
|
-
import { DialogMessageProvider as j, default as V, useDialogMessage as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
19
|
+
import { DialogMessageProvider as j, default as V, useDialogMessage as Z } from "./s-dialog-message/s-dialog-message.js";
|
|
20
|
+
import { default as H } from "./s-error/s-error.js";
|
|
21
|
+
import { default as K } from "./s-empty/s-empty.js";
|
|
22
|
+
import { default as U } from "./s-flex-box/s-flex-box.js";
|
|
23
|
+
import { default as X } from "./s-two-pane-layout/s-two-pane-layout.js";
|
|
24
24
|
import { default as _ } from "./s-dialog/s-dialog.js";
|
|
25
25
|
import { default as ee } from "./s-error-layout/s-error-layout.js";
|
|
26
26
|
import { default as re } from "./s-file-dropzone/s-file-dropzone.js";
|
|
@@ -35,17 +35,17 @@ import { default as Te } from "./s-text-field/s-text-field.js";
|
|
|
35
35
|
import { default as Pe } from "./s-pagination/s-pagination.js";
|
|
36
36
|
import { default as be } from "./s-select/s-select.js";
|
|
37
37
|
import { default as ye } from "./s-select-list/s-select-list.js";
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as
|
|
38
|
+
import { default as Ie } from "./s-skeleton/s-skeleton.js";
|
|
39
|
+
import { default as he } from "./s-tip/s-tip.js";
|
|
40
40
|
import { default as Be } from "./s-text-truncation/s-text-truncation.js";
|
|
41
41
|
import { default as we, SnackbarMessageProvider as Ae, useSnackbarMessage as Ee } from "./s-snackbar-message/s-snackbar-message.js";
|
|
42
42
|
import { default as Re } from "./s-form/s-form.js";
|
|
43
43
|
import { SStripeCVC as Ne, SStripeExpiry as Oe, SStripeNumber as je, StripeTextField as Ve } from "./s-stripe/s-stripe.js";
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
44
|
+
import { default as qe } from "./s-theme-provider/s-theme-provider.js";
|
|
45
|
+
import { default as Je } from "./s-theme-switch/s-theme-switch.js";
|
|
46
|
+
import { default as Qe } from "./s-datetime-picker/s-datetime-picker.js";
|
|
47
|
+
import { default as We } from "./s-date-picker/s-date-picker.js";
|
|
48
|
+
import { default as Ye } from "./s-localization-provider/s-localization-provider.js";
|
|
49
49
|
import { default as $e } from "./s-gradient-icon/s-gradient-icon.js";
|
|
50
50
|
import { default as oo } from "./s-glow-button/s-glow-button.js";
|
|
51
51
|
import { default as ao } from "./s-moving-border/s-moving-border.js";
|
|
@@ -56,32 +56,33 @@ import { MediaItem as So, default as xo } from "./s-gallery/s-gallery.js";
|
|
|
56
56
|
import { default as no } from "./s-image-modal/s-image-modal.js";
|
|
57
57
|
import { default as co } from "./s-lazy-image/s-lazy-image.js";
|
|
58
58
|
import { default as Co } from "./s-image-comparison/s-image-comparison.js";
|
|
59
|
-
import { default as vo } from "./s-
|
|
60
|
-
import { default as Lo } from "./s-
|
|
61
|
-
import { default as Do } from "./s-
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as ko } from "./s-
|
|
64
|
-
import { default as Fo } from "./s-
|
|
65
|
-
import { default as Ao } from "./s-tabs/s-
|
|
66
|
-
import { default as zo } from "./s-tabs/s-tab
|
|
67
|
-
import { default as Go } from "./s-
|
|
68
|
-
import { default as Oo } from "./s-
|
|
69
|
-
import {
|
|
70
|
-
import { default as
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
59
|
+
import { default as vo } from "./s-zoom-image/s-zoom-image.js";
|
|
60
|
+
import { default as Lo } from "./s-item-not-found/s-item-not-found.js";
|
|
61
|
+
import { default as Do } from "./s-category-card/s-category-card.js";
|
|
62
|
+
import { default as Mo } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
|
|
63
|
+
import { default as ko } from "./s-rating/s-rating.js";
|
|
64
|
+
import { default as Fo } from "./s-review/s-review.js";
|
|
65
|
+
import { default as Ao } from "./s-tabs/s-tabs.js";
|
|
66
|
+
import { default as zo } from "./s-tabs/s-tab.js";
|
|
67
|
+
import { default as Go } from "./s-tabs/s-tab-panel.js";
|
|
68
|
+
import { default as Oo } from "./s-text-shimmer/s-text-shimmer.js";
|
|
69
|
+
import { default as Vo } from "./s-typewriter-text/s-typewriter-text.js";
|
|
70
|
+
import { SLanguagePopover as qo, default as Ho, defaultLanguageOptions as Jo } from "./s-language-switcher/s-language-switcher.js";
|
|
71
|
+
import { default as Qo } from "./s-scroll-to-top/s-scroll-to-top.js";
|
|
72
|
+
import { useDialog as Wo } from "./hooks/use-dialog.js";
|
|
73
|
+
import { usePopover as Yo } from "./hooks/use-popover.js";
|
|
73
74
|
import "react";
|
|
74
|
-
import { useScrollAnimation as
|
|
75
|
-
import { useIsPassedPosition as
|
|
76
|
-
import { formatDatePosted as
|
|
77
|
-
import { bytesToSize as
|
|
78
|
-
import { LogLevel as
|
|
79
|
-
import { default as
|
|
75
|
+
import { useScrollAnimation as $o } from "./hooks/use-scroll-animation.js";
|
|
76
|
+
import { useIsPassedPosition as or } from "./hooks/use-is-passed-position.js";
|
|
77
|
+
import { formatDatePosted as ar } from "./utils/dayjs.js";
|
|
78
|
+
import { bytesToSize as fr } from "./utils/bytes-to-size.js";
|
|
79
|
+
import { LogLevel as sr, Logger as mr, createLogger as pr, logger as ur } from "./utils/logger.js";
|
|
80
|
+
import { default as dr } from "dayjs";
|
|
80
81
|
export {
|
|
81
82
|
R as DialogConfirmProvider,
|
|
82
83
|
j as DialogMessageProvider,
|
|
83
|
-
|
|
84
|
-
|
|
84
|
+
sr as LogLevel,
|
|
85
|
+
mr as Logger,
|
|
85
86
|
So as MediaItem,
|
|
86
87
|
t as SAccordion,
|
|
87
88
|
l as SActionOverlay,
|
|
@@ -91,26 +92,26 @@ export {
|
|
|
91
92
|
i as SButton,
|
|
92
93
|
g as SButtonLink,
|
|
93
94
|
T as SCarousel,
|
|
94
|
-
|
|
95
|
+
Do as SCategoryCard,
|
|
95
96
|
P as SChatInput,
|
|
96
97
|
b as SChatMessage,
|
|
97
|
-
|
|
98
|
+
h as SCheckbox,
|
|
98
99
|
B as SChip,
|
|
99
100
|
w as SChips,
|
|
100
101
|
y as SCommentMessage,
|
|
101
102
|
po as SCopyableText,
|
|
102
103
|
E as SDataTable,
|
|
103
|
-
|
|
104
|
-
|
|
104
|
+
We as SDatePicker,
|
|
105
|
+
Qe as SDateTimePicker,
|
|
105
106
|
_ as SDialog,
|
|
106
107
|
G as SDialogConfirm,
|
|
107
108
|
V as SDialogMessage,
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
K as SEmpty,
|
|
110
|
+
H as SError,
|
|
110
111
|
ee as SErrorLayout,
|
|
111
112
|
re as SFileDropzone,
|
|
112
113
|
te as SFileIcon,
|
|
113
|
-
|
|
114
|
+
U as SFlexBox,
|
|
114
115
|
Re as SForm,
|
|
115
116
|
xo as SGallery,
|
|
116
117
|
oo as SGlowButton,
|
|
@@ -119,55 +120,56 @@ export {
|
|
|
119
120
|
me as SIconButton,
|
|
120
121
|
Co as SImageComparison,
|
|
121
122
|
no as SImageModal,
|
|
122
|
-
|
|
123
|
+
Lo as SItemNotFound,
|
|
123
124
|
ue as SLabel,
|
|
124
|
-
|
|
125
|
-
|
|
125
|
+
qo as SLanguagePopover,
|
|
126
|
+
Ho as SLanguageSwitcher,
|
|
126
127
|
co as SLazyImage,
|
|
127
|
-
|
|
128
|
+
Ye as SLocalizationProvider,
|
|
128
129
|
ao as SMovingBorder,
|
|
129
130
|
de as SMultiSelect,
|
|
130
131
|
ie as SNoSsr,
|
|
131
132
|
ge as SOverlayScrollbar,
|
|
132
133
|
Pe as SPagination,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
134
|
+
Mo as SRadialPulseAnimate,
|
|
135
|
+
ko as SRating,
|
|
136
|
+
Fo as SReview,
|
|
136
137
|
fo as SScrollReveal,
|
|
137
|
-
|
|
138
|
+
Qo as SScrollToTop,
|
|
138
139
|
be as SSelect,
|
|
139
140
|
ye as SSelectList,
|
|
140
|
-
|
|
141
|
+
Ie as SSkeleton,
|
|
141
142
|
we as SSnackbarMessage,
|
|
142
143
|
so as SSpotlightCursor,
|
|
143
144
|
Ne as SStripeCVC,
|
|
144
145
|
Oe as SStripeExpiry,
|
|
145
146
|
je as SStripeNumber,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
147
|
+
zo as STab,
|
|
148
|
+
Go as STabPanel,
|
|
149
|
+
Ao as STabs,
|
|
150
|
+
I as STextEditor,
|
|
150
151
|
Te as STextField,
|
|
151
|
-
|
|
152
|
+
Oo as STextShimmer,
|
|
152
153
|
Be as STextTruncation,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
154
|
+
qe as SThemeProvider,
|
|
155
|
+
Je as SThemeSwitch,
|
|
156
|
+
he as STip,
|
|
157
|
+
X as STwoPaneLayout,
|
|
158
|
+
Vo as STypewriterText,
|
|
159
|
+
vo as SZoomImage,
|
|
158
160
|
Ae as SnackbarMessageProvider,
|
|
159
161
|
Ve as StripeTextField,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
162
|
+
fr as bytesToSize,
|
|
163
|
+
pr as createLogger,
|
|
164
|
+
dr as dayjs,
|
|
165
|
+
Jo as defaultLanguageOptions,
|
|
166
|
+
ar as formatDatePosted,
|
|
167
|
+
ur as logger,
|
|
168
|
+
Wo as useDialog,
|
|
167
169
|
N as useDialogConfirm,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
Z as useDialogMessage,
|
|
171
|
+
or as useIsPassedPosition,
|
|
172
|
+
Yo as usePopover,
|
|
173
|
+
$o as useScrollAnimation,
|
|
172
174
|
Ee as useSnackbarMessage
|
|
173
175
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
package/dist/s-chip/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.js",
|
|
3
|
-
"types": "./index.d.ts",
|
|
4
|
-
"sideEffects": false
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.js",
|
|
3
|
+
"types": "./index.d.ts",
|
|
4
|
+
"sideEffects": false
|
|
5
|
+
}
|