@selfcommunity/react-theme-default 0.1.0-alpha.220 → 0.1.0-alpha.221

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 (16) hide show
  1. package/lib/cjs/components/SCLightbox.d.ts +130 -311
  2. package/lib/cjs/components/SCLightbox.d.ts.map +1 -1
  3. package/lib/cjs/components/SCLightbox.js +151 -326
  4. package/lib/cjs/components/SCLightbox.js.map +1 -1
  5. package/lib/cjs/index.d.ts +128 -311
  6. package/lib/cjs/index.d.ts.map +1 -1
  7. package/lib/esm/components/SCLightbox.d.ts +130 -311
  8. package/lib/esm/components/SCLightbox.d.ts.map +1 -1
  9. package/lib/esm/components/SCLightbox.js +151 -326
  10. package/lib/esm/components/SCLightbox.js.map +1 -1
  11. package/lib/esm/index.d.ts +128 -311
  12. package/lib/esm/index.d.ts.map +1 -1
  13. package/lib/umd/react-theme-default.js +19 -14
  14. package/lib/umd/react-theme-default.js.LICENSE.txt +0 -8
  15. package/lib/umd/react-theme-default.js.map +1 -1
  16. package/package.json +4 -4
package/lib/cjs/components/SCLightbox.d.ts CHANGED
@@ -1,363 +1,182 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ height: string;
5
+ left: number;
6
+ overflow: string;
7
+ position: string;
8
+ top: number;
9
+ touchAction: string;
10
+ width: string;
4
11
  zIndex: number;
5
- backgroundColor: string;
6
- '& .SCLightbox-ril-outer': {
7
- backgroundColor: string;
8
- outline: string;
9
- top: number;
10
- left: number;
11
- right: number;
12
- bottom: number;
13
- zIndex: number;
14
- width: string;
15
- height: string;
16
- msContentZooming: string;
17
- msUserSelect: string;
18
- msTouchSelect: string;
19
- touchAction: string;
12
+ "& .PhotoView__Spinner": {
13
+ '-webkit-animation': string;
14
+ animation: string;
20
15
  };
21
- '& .SCLightbox-ril-outer-closing': {
22
- opacity: number;
16
+ "& .PhotoView__Spinner svg": {
17
+ '-webkit-animation': string;
18
+ animation: string;
23
19
  };
24
- '& .SCLightbox-ril-inner': {
25
- position: string;
26
- top: number;
27
- left: number;
28
- right: number;
29
- bottom: number;
30
- };
31
- '& .SCLightbox-ril-image': {
32
- position: string;
33
- top: number;
34
- left: number;
35
- right: number;
36
- bottom: number;
37
- margin: string;
20
+ "& .PhotoView__Photo": {
21
+ cursor: string;
38
22
  maxWidth: string;
39
- msContentZooming: string;
40
- msUserSelect: string;
41
- msTouchSelect: string;
42
- touchAction: string;
43
- };
44
- '& .SCLightbox-ril-image-discourager': {
45
- backgroundRepeat: string;
46
- backgroundPosition: string;
47
- backgroundSize: string;
48
23
  };
49
- '& .SCLightbox-ril-nav-buttons': {
50
- border: string;
51
- position: string;
52
- top: number;
53
- bottom: number;
54
- width: number;
55
- height: number;
56
- padding: string;
57
- margin: string;
24
+ "& .PhotoView__Photo:active": {
58
25
  cursor: string;
59
- opacity: number;
60
- '&:hover': {
61
- opacity: number;
62
- };
63
- '&:active': {
26
+ "&:active": {
64
27
  opacity: number;
65
28
  };
66
29
  };
67
- '& .SCLightbox-ril-nav-button-prev': {
30
+ "& .PhotoView__icon": {
31
+ display: string;
68
32
  left: number;
69
- background: string;
70
- borderRadius: number;
71
- color: string;
72
- '& span': {
73
- fontSize: number;
74
- };
75
- };
76
- '& .SCLightbox-ril-nav-button-next': {
77
- right: number;
78
- background: string;
79
- borderRadius: number;
80
- color: string;
81
- '& span': {
82
- fontSize: number;
83
- };
84
- };
85
- '& .SCLightbox-ril-download-blocker': {
86
33
  position: string;
87
34
  top: number;
35
+ transform: string;
36
+ };
37
+ "& .PhotoView__PhotoBox": {
38
+ bottom: number;
39
+ direction: string;
88
40
  left: number;
41
+ position: string;
89
42
  right: number;
90
- bottom: number;
91
- backgroundImage: string;
92
- backgroundSize: string;
43
+ top: number;
44
+ touchAction: string;
45
+ width: string;
46
+ transformOrigin: string;
93
47
  };
94
- '& .SCLightbox-ril-caption': {
95
- backgroundColor: string;
96
- position: string;
48
+ "& .PhotoView__PhotoWrap": {
49
+ bottom: number;
50
+ direction: string;
97
51
  left: number;
52
+ position: string;
98
53
  right: number;
99
- display: string;
100
- justifyContent: string;
101
- bottom: number;
102
- maxHeight: number;
54
+ top: number;
55
+ touchAction: string;
56
+ width: string;
103
57
  overflow: string;
58
+ zIndex: number;
104
59
  };
105
- '& .SCLightbox-ril-toolbar': {
106
- backgroundColor: string;
60
+ "& .PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft, .PhotoView-Slider__clean .PhotoView-Slider__ArrowRight, .PhotoView-Slider__clean .PhotoView-Slider__BannerWrap, .PhotoView-Slider__clean .PhotoView-Slider__Overlay, .PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover": {
61
+ opacity: number;
62
+ };
63
+ "& .PhotoView-Slider__Backdrop": {
64
+ background: string;
65
+ height: string;
66
+ left: number;
107
67
  position: string;
108
68
  top: number;
109
- left: number;
110
- right: number;
111
- display: string;
112
- justifyContent: string;
113
- height: number;
114
- };
115
- '& .SCLightbox-ril-caption-content': {
116
- padding: string;
117
- color: string;
118
- };
119
- '& .SCLightbox-ril-toolbar-side': {
120
- height: number;
121
- margin: number;
69
+ transitionProperty: string;
70
+ width: string;
71
+ zIndex: number;
122
72
  };
123
- '& .SCLightbox-ril-toolbar-left-side': {
124
- paddingLeft: number;
125
- paddingRight: number;
126
- flex: string;
127
- overflow: string;
128
- textOverflow: string;
73
+ "& .PhotoView-Slider__fadeIn": {
74
+ '-webkit-animation': string;
75
+ animation: string;
76
+ opacity: number;
129
77
  };
130
- '& .SCLightbox-ril-toolbar-right-side': {
131
- paddingLeft: number;
132
- paddingRight: number;
133
- flex: string;
78
+ "& .PhotoView-Slider__fadeOut": {
79
+ animation: string;
80
+ opacity: number;
134
81
  };
135
- '& .SCLightbox-ril-toolbar-item': {
136
- display: string;
137
- lineHeight: string;
138
- padding: number;
82
+ "& .PhotoView-Slider__BannerWrap": {
83
+ alignItems: string;
84
+ backgroundColor: string;
139
85
  color: string;
140
- fontSize: string;
141
- maxWidth: string;
142
- overflow: string;
143
- textOverflow: string;
144
- whiteSpace: string;
145
- };
146
- '& .SCLightbox-ril-toolbar-item-child': {
147
- verticalAlign: string;
148
- };
149
- '& .SCLightbox-ril-builtin-button': {
150
- width: number;
86
+ display: string;
151
87
  height: number;
152
- cursor: string;
153
- border: string;
154
- opacity: number;
155
- '&:hover': {
88
+ justifyContent: string;
89
+ left: number;
90
+ position: string;
91
+ top: number;
92
+ transition: string;
93
+ width: string;
94
+ zIndex: number;
95
+ "&:hover": {
156
96
  opacity: number;
157
97
  };
158
- '&:active': {
159
- outline: string;
160
- };
161
98
  };
162
- '& .SCLightbox-ril-builtin-button-disabled': {
163
- cursor: string;
99
+ "& .PhotoView-Slider__Counter": {
100
+ fontSize: string;
164
101
  opacity: number;
165
- '&:hover': {
166
- opacity: number;
167
- };
168
- };
169
- '& .SCLightbox-ril-close-button': {
170
- background: string;
171
- '& span': {
172
- color: string;
173
- fontSize: number;
174
- };
175
- };
176
- '& .SCLightbox-ril-zoom-in-button': {
177
- background: string;
178
- marginRight: any;
179
- '& span': {
180
- color: string;
181
- fontSize: number;
182
- };
102
+ padding: string;
183
103
  };
184
- '& .SCLightbox-ril-zoom-out-button': {
185
- background: string;
186
- marginRight: any;
187
- '& span': {
188
- color: string;
189
- fontSize: number;
190
- };
104
+ "& .PhotoView-Slider__BannerRight": {
105
+ alignItems: string;
106
+ display: string;
107
+ height: string;
191
108
  };
192
- '& .SCPrivateMessageThreadItem-download-button': {
193
- background: string;
194
- marginRight: any;
195
- '& span': {
196
- color: string;
197
- fontSize: number;
198
- };
109
+ "& .PhotoView-Slider__toolbarIcon": {
110
+ fill: string;
111
+ boxSizing: string;
112
+ cursor: string;
113
+ opacity: number;
114
+ padding: string;
115
+ transition: string;
199
116
  };
200
- '& .SCLightbox-ril-outer-animating': {
201
- animationName: string;
117
+ "& .PhotoView-Slider__toolbarIcon:hover": {
118
+ opacity: number;
202
119
  };
203
- '& .SCLightbox-ril-loading-circle': {
204
- width: number;
120
+ "& .PhotoView-Slider__ArrowLeft": {
121
+ alignItems: string;
122
+ bottom: number;
123
+ cursor: string;
124
+ display: string;
205
125
  height: number;
206
- position: string;
207
- };
208
- '& .SCLightbox-ril-loading-circle-point': {
209
- width: string;
210
- height: string;
211
- position: string;
212
- left: number;
213
- top: number;
214
- '&:before': {
215
- content: string;
216
- display: string;
217
- margin: string;
218
- width: string;
219
- height: string;
220
- backgroundColor: string;
221
- borderRadius: string;
222
- animation: string;
223
- };
224
- '&:nth-of-type(1)': {
225
- transform: string;
226
- '&:before': {
227
- animationDelay: string;
228
- };
229
- };
230
- '&:nth-of-type(7)': {
231
- transform: string;
232
- '&:before': {
233
- animationDelay: string;
234
- };
235
- };
236
- '&:nth-of-type(2)': {
237
- transform: string;
238
- '&:before': {
239
- animationDelay: string;
240
- };
241
- };
242
- '&:nth-of-type(8)': {
243
- transform: string;
244
- '&:before': {
245
- animationDelay: string;
246
- };
247
- };
248
- '&:nth-of-type(3)': {
249
- transform: string;
250
- '&:before': {
251
- animationDelay: string;
252
- };
253
- };
254
- '&:nth-of-type(9)': {
255
- transform: string;
256
- '&:before': {
257
- animationDelay: string;
258
- };
259
- };
260
- '&:nth-of-type(4)': {
261
- transform: string;
262
- '&:before': {
263
- animationDelay: string;
264
- };
265
- };
266
- '&:nth-of-type(10)': {
267
- transform: string;
268
- '&:before': {
269
- animationDelay: string;
270
- };
271
- };
272
- '&:nth-of-type(5)': {
273
- transform: string;
274
- '&:before': {
275
- animationDelay: string;
276
- };
277
- };
278
- '&:nth-of-type(11)': {
279
- transform: string;
280
- '&:before': {
281
- animationDelay: string;
282
- };
283
- };
284
- '&:nth-of-type(6)': {
285
- transform: string;
286
- '&:before': {
287
- animationDelay: string;
288
- };
289
- };
290
- '&:nth-of-type(12)': {
291
- transform: string;
292
- '&:before': {
293
- animationDelay: string;
294
- };
295
- };
296
- '&:nth-of-type(13)': {
297
- transform: string;
298
- '&:before': {
299
- animationDelay: string;
300
- };
301
- };
302
- };
303
- '& .SCLightbox-ril-loading-container': {
126
+ justifyContent: string;
127
+ margin: string;
128
+ opacity: number;
304
129
  position: string;
305
130
  top: number;
306
- right: number;
307
- bottom: number;
131
+ transition: string;
132
+ '-webkit-user-select': string;
133
+ '-moz-user-select': string;
134
+ '-ms-user-select': string;
135
+ userSelect: string;
136
+ width: number;
137
+ zIndex: number;
308
138
  left: number;
139
+ "& svg": {
140
+ fill: string;
141
+ background: string;
142
+ boxSizing: string;
143
+ height: number;
144
+ padding: number;
145
+ width: number;
146
+ };
147
+ "&:hover": {
148
+ opacity: number;
149
+ };
309
150
  };
310
- '& .SCLightbox-ril-error-container': {
311
- position: string;
312
- top: number;
313
- right: number;
151
+ "& .PhotoView-Slider__ArrowRight": {
152
+ alignItems: string;
314
153
  bottom: number;
315
- left: number;
154
+ cursor: string;
316
155
  display: string;
317
- alignItems: string;
156
+ height: number;
318
157
  justifyContent: string;
319
- color: string;
320
- };
321
- '& .SCLightbox-ril-loading-container-icon': {
322
- color: string;
323
- position: string;
324
- top: string;
325
- left: string;
326
- transform: string;
327
- };
328
- '& .SCLightbox-ril-image-prev': {
329
- position: string;
330
- top: number;
331
- left: number;
332
- right: number;
333
- bottom: number;
334
158
  margin: string;
335
- maxWidth: string;
336
- msContentZooming: string;
337
- msUserSelect: string;
338
- msTouchSelect: string;
339
- touchAction: string;
340
- '& .SCLightbox-ril-loading-container': {
341
- display: string;
342
- };
343
- };
344
- '& .SCLightbox-ril-image-next': {
159
+ opacity: number;
345
160
  position: string;
346
161
  top: number;
347
- left: number;
162
+ transition: string;
163
+ '-webkit-user-select': string;
164
+ '-moz-user-select': string;
165
+ '-ms-user-select': string;
166
+ userSelect: string;
167
+ width: number;
168
+ zIndex: number;
348
169
  right: number;
349
- bottom: number;
350
- margin: string;
351
- maxWidth: string;
352
- msContentZooming: string;
353
- msUserSelect: string;
354
- msTouchSelect: string;
355
- touchAction: string;
356
- '& .SCLightbox-ril-loading-container': {
357
- display: string;
358
- };
359
- '& .SCLightbox-ril-error-container': {
360
- display: string;
170
+ "& svg": {
171
+ fill: string;
172
+ background: string;
173
+ boxSizing: string;
174
+ height: number;
175
+ padding: number;
176
+ width: number;
177
+ };
178
+ "&:hover": {
179
+ opacity: number;
361
180
  };
362
181
  };
363
182
  };
package/lib/cjs/components/SCLightbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SCLightbox.d.ts","sourceRoot":"","sources":["../../../src/components/SCLightbox.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgYtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"SCLightbox.d.ts","sourceRoot":"","sources":["../../../src/components/SCLightbox.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+MtB,CAAC;AAEF,eAAe,SAAS,CAAC"}