@scaleflex/widget-pixaforge 4.0.6 → 4.1.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +7582 -7557
  2. package/LICENSE +21 -21
  3. package/README.md +124 -124
  4. package/dist/style.css +151 -94
  5. package/lib/components/CategoriesCards/index.scss +27 -27
  6. package/lib/components/CustomizeIcons/index.scss +33 -33
  7. package/lib/components/IconsGallery/index.scss +53 -53
  8. package/lib/components/ImagesGallery/index.scss +120 -120
  9. package/lib/components/TagsAndFoundLabel/index.scss +25 -25
  10. package/lib/components/index.scss +48 -48
  11. package/lib/style.scss +8 -8
  12. package/package.json +6 -6
package/dist/style.css CHANGED
@@ -2,33 +2,40 @@
2
2
  .filerobot-Pixaforge-MainView {
3
3
  display: flex;
4
4
  flex-direction: column;
5
- height: 100%; }
6
- .filerobot-Pixaforge-MainView img {
7
- -webkit-user-select: none;
8
- -moz-user-select: none;
9
- user-select: none; }
5
+ height: 100%;
6
+ }
7
+ .filerobot-Pixaforge-MainView img {
8
+ -webkit-user-select: none;
9
+ -moz-user-select: none;
10
+ user-select: none;
11
+ }
10
12
 
11
13
  .filerobot-Pixaforge-TopBar {
12
14
  display: flex;
13
15
  align-items: center;
14
16
  padding: 12px;
15
17
  background: #F8FAFB;
16
- border-bottom: 1px solid #eaeaea; }
17
- .filerobot-Pixaforge-TopBar > div:nth-child(2) {
18
- min-width: calc(100% - 128px); }
18
+ border-bottom: 1px solid #eaeaea;
19
+ }
20
+ .filerobot-Pixaforge-TopBar > div:nth-child(2) {
21
+ min-width: calc(100% - 128px);
22
+ }
19
23
 
20
24
  .filerobot-Pixaforge-TopBar-gallerySelect {
21
25
  max-width: 128px;
22
- margin-right: 8px; }
26
+ margin-right: 8px;
27
+ }
23
28
 
24
29
  .filerobot-Pixaforge-TopBar-galleryOption {
25
- display: flex; }
30
+ display: flex;
31
+ }
26
32
 
27
33
  .filerobot-Pixaforge-Topbar-galleryIcon {
28
34
  width: 16px;
29
35
  height: 16px;
30
36
  margin-right: 8px;
31
- color: #5D6D7E; }
37
+ color: #5D6D7E;
38
+ }
32
39
 
33
40
  .filerobot-Pixaforge-overlay {
34
41
  position: absolute;
@@ -37,93 +44,116 @@
37
44
  left: 4px;
38
45
  right: 4px;
39
46
  display: none;
40
- z-index: 100; }
41
- .filerobot-Pixaforge-overlay * {
42
- color: #fff; }
47
+ z-index: 100;
48
+ }
49
+ .filerobot-Pixaforge-overlay * {
50
+ color: #fff;
51
+ }
43
52
 
44
53
  .filerobot-Pixaforge-Categories {
45
54
  display: grid;
46
55
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
47
56
  padding: 8px 8px 4px;
48
- overflow: auto; }
57
+ overflow: auto;
58
+ }
49
59
 
50
60
  .filerobot-Pixaforge-CategoryCard {
51
61
  cursor: pointer;
52
62
  padding: 4px 4px 8px;
53
- width: 100%; }
63
+ width: 100%;
64
+ }
54
65
 
55
66
  .filerobot-Pixaforge-CategoryCard-image {
56
67
  width: 100%;
57
- height: 120px; }
58
- .filerobot-Pixaforge-CategoryCard-image img {
59
- width: 100%;
60
- height: 100%;
61
- border-radius: 2px; }
68
+ height: 120px;
69
+ }
70
+ .filerobot-Pixaforge-CategoryCard-image img {
71
+ width: 100%;
72
+ height: 100%;
73
+ border-radius: 2px;
74
+ }
62
75
 
63
76
  .filerobot-Pixaforge-CategoryCard-label {
64
77
  margin: 4px 0 2px;
65
78
  font-size: 12px;
66
- line-height: 14px; }
79
+ line-height: 14px;
80
+ }
67
81
 
68
82
  .filerobot-Pixaforge-TagsAndFoundLabel {
69
- margin: 12px 12px 4px; }
83
+ margin: 12px 12px 4px;
84
+ }
70
85
 
71
86
  .filerobot-Pixaforge-TagsAndFoundLabel-foundLabel {
72
- display: inline-block; }
87
+ display: inline-block;
88
+ }
73
89
 
74
90
  .filerobot-Pixaforge-TagsAndFoundLabel-tags {
75
91
  margin-left: 6px;
76
92
  margin-right: 4px;
77
- display: inline; }
93
+ display: inline;
94
+ }
78
95
 
79
96
  .filerobot-Pixaforge-TagItem {
80
97
  margin: 2px;
81
- cursor: pointer; }
82
- .filerobot-Pixaforge-TagItem span {
83
- border: 1px solid #92A6BC !important; }
98
+ cursor: pointer;
99
+ }
100
+ .filerobot-Pixaforge-TagItem span {
101
+ border: 1px solid #92A6BC !important;
102
+ }
84
103
 
85
104
  .filerobot-Pixaforge-TagsAndFoundLabel-showMoreLabel {
86
105
  display: inline-flex;
87
106
  margin-left: 8px;
88
- margin-top: 2px; }
107
+ margin-top: 2px;
108
+ }
89
109
 
90
110
  @keyframes imgPlaceholderSkeleton {
91
111
  0% {
92
- background-position: -468px 0; }
112
+ background-position: -468px 0;
113
+ }
93
114
  100% {
94
- background-position: 468px 0; } }
95
-
115
+ background-position: 468px 0;
116
+ }
117
+ }
96
118
  .filerobot-Pixaforge-ImagesGallery {
97
119
  display: flex;
98
120
  flex-direction: column;
99
- overflow: auto; }
121
+ overflow: auto;
122
+ }
100
123
 
101
124
  .filerobot-Pixaforge-ImagesGallery-imagesWrapper {
102
125
  display: flex;
103
126
  padding: 8px 8px 4px;
104
127
  overflow: auto;
105
128
  height: 100%;
106
- width: 100%; }
107
- .filerobot-Pixaforge-ImagesGallery-imagesWrapper .filerobot-c-empty {
108
- justify-content: center;
109
- align-items: center;
110
- gap: 16px;
111
- font-size: 16px; }
129
+ width: 100%;
130
+ }
131
+ .filerobot-Pixaforge-ImagesGallery-imagesWrapper .filerobot-c-empty {
132
+ justify-content: center;
133
+ align-items: center;
134
+ gap: 16px;
135
+ font-size: 16px;
136
+ }
112
137
 
113
138
  .filerobot-Pixaforge-PortraitsColumn {
114
139
  margin: 0 4px;
115
- flex-grow: 1; }
140
+ flex-grow: 1;
141
+ }
116
142
 
117
143
  .filerobot-Pixaforge-ImageCell {
118
144
  margin-bottom: 8px;
119
145
  position: relative;
120
- cursor: pointer; }
121
- .filerobot-Pixaforge-ImageCell.filerobot-Pixaforge-ImageCell--selected .filerobot-Pixaforge-overlay, .filerobot-Pixaforge-ImageCell:hover .filerobot-Pixaforge-overlay {
122
- display: block; }
123
- .filerobot-Pixaforge-ImageCell.filerobot-Pixaforge-ImageCell--selected img, .filerobot-Pixaforge-ImageCell:hover img {
124
- filter: brightness(0.8); }
125
- .filerobot-Pixaforge-ImageCell:hover .filerobot-Pixaforge-ImageCell-imageInfo {
126
- display: block; }
146
+ cursor: pointer;
147
+ }
148
+ .filerobot-Pixaforge-ImageCell.filerobot-Pixaforge-ImageCell--selected .filerobot-Pixaforge-overlay, .filerobot-Pixaforge-ImageCell:hover .filerobot-Pixaforge-overlay {
149
+ display: block;
150
+ }
151
+ .filerobot-Pixaforge-ImageCell.filerobot-Pixaforge-ImageCell--selected img, .filerobot-Pixaforge-ImageCell:hover img {
152
+ filter: brightness(0.8);
153
+ }
154
+ .filerobot-Pixaforge-ImageCell:hover .filerobot-Pixaforge-ImageCell-imageInfo {
155
+ display: block;
156
+ }
127
157
 
128
158
  .filerobot-Pixaforge-ImageCell-imageWrapper {
129
159
  width: 100%;
@@ -135,28 +165,34 @@
135
165
  animation-timing-function: linear;
136
166
  background: #F8FAFB;
137
167
  background-image: linear-gradient(to right, #F8FAFB 0%, #f1f3f6 30%, #F8FAFB 90%, #F8FAFB 100%);
138
- background-repeat: no-repeat; }
139
- .filerobot-Pixaforge-ImageCell-imageWrapper img {
140
- border-radius: 2px;
141
- max-width: 100%;
142
- filter: drop-shadow(0px 1px 2px rgba(78, 77, 77, 0.15)); }
168
+ background-repeat: no-repeat;
169
+ }
170
+ .filerobot-Pixaforge-ImageCell-imageWrapper img {
171
+ border-radius: 2px;
172
+ max-width: 100%;
173
+ filter: drop-shadow(0px 1px 2px rgba(78, 77, 77, 0.15));
174
+ }
143
175
 
144
176
  .filerobot-Pixaforge-ImageCell-imageInfo {
145
- display: none; }
177
+ display: none;
178
+ }
146
179
 
147
180
  .filerobot-Pixaforge-ImageCell-authorAndTitle {
148
181
  text-align: right;
149
182
  position: absolute;
150
183
  width: 80%;
151
184
  top: 0;
152
- right: 0; }
153
- .filerobot-Pixaforge-ImageCell-authorAndTitle div {
154
- font-size: 10px;
155
- line-height: 12px; }
185
+ right: 0;
186
+ }
187
+ .filerobot-Pixaforge-ImageCell-authorAndTitle div {
188
+ font-size: 10px;
189
+ line-height: 12px;
190
+ }
156
191
 
157
192
  .filerobot-Pixaforge-ImageCell-author {
158
193
  font-weight: 700;
159
- margin-bottom: 4px; }
194
+ margin-bottom: 4px;
195
+ }
160
196
 
161
197
  .filerobot-Pixaforge-ImageCell-imageMeta {
162
198
  display: flex;
@@ -164,37 +200,44 @@
164
200
  justify-content: space-between;
165
201
  position: absolute;
166
202
  width: 100%;
167
- bottom: 0; }
168
- .filerobot-Pixaforge-ImageCell-imageMeta span {
169
- font-size: 11px;
170
- line-height: 12px;
171
- text-align: center; }
203
+ bottom: 0;
204
+ }
205
+ .filerobot-Pixaforge-ImageCell-imageMeta span {
206
+ font-size: 11px;
207
+ line-height: 12px;
208
+ text-align: center;
209
+ }
172
210
 
173
211
  .filerobot-Pixaforge-LandscapesContainer {
174
212
  display: flex;
175
- flex-wrap: wrap; }
213
+ flex-wrap: wrap;
214
+ }
176
215
 
177
216
  .filerobot-Pixaforge-LandscapesContainer .filerobot-Pixaforge-ImageCell {
178
217
  margin: 4px;
179
218
  flex-grow: 1;
180
219
  height: 160px;
181
- max-height: 160px; }
182
- .filerobot-Pixaforge-LandscapesContainer .filerobot-Pixaforge-ImageCell img {
183
- max-height: 100%;
184
- width: 100%;
185
- -o-object-fit: cover;
186
- object-fit: cover; }
220
+ max-height: 160px;
221
+ }
222
+ .filerobot-Pixaforge-LandscapesContainer .filerobot-Pixaforge-ImageCell img {
223
+ max-height: 100%;
224
+ width: 100%;
225
+ -o-object-fit: cover;
226
+ object-fit: cover;
227
+ }
187
228
 
188
229
  .filerobot-Pixaforge-IconsGallery {
189
230
  display: flex;
190
231
  flex-direction: column;
191
- overflow: auto; }
232
+ overflow: auto;
233
+ }
192
234
 
193
235
  .filerobot-Pixaforge-IconsGallery-icons {
194
236
  display: flex;
195
237
  padding: 8px;
196
238
  overflow: auto;
197
- flex-wrap: wrap; }
239
+ flex-wrap: wrap;
240
+ }
198
241
 
199
242
  .filerobot-Pixaforge-SingleIcon {
200
243
  cursor: pointer;
@@ -205,16 +248,21 @@
205
248
  justify-content: center;
206
249
  align-items: center;
207
250
  background-color: #F8FAFB;
208
- margin: 4px; }
209
- .filerobot-Pixaforge-SingleIcon:hover {
210
- background-color: #EFF3F6; }
211
- .filerobot-Pixaforge-SingleIcon:hover .filerobot-Pixaforge-overlay {
212
- display: block; }
251
+ margin: 4px;
252
+ }
253
+ .filerobot-Pixaforge-SingleIcon:hover {
254
+ background-color: #EFF3F6;
255
+ }
256
+ .filerobot-Pixaforge-SingleIcon:hover .filerobot-Pixaforge-overlay {
257
+ display: block;
258
+ }
213
259
 
214
260
  .filerobot-Pixaforge-SingleIcon--selected {
215
- background-color: #EFF3F6; }
216
- .filerobot-Pixaforge-SingleIcon--selected .filerobot-Pixaforge-overlay {
217
- display: block; }
261
+ background-color: #EFF3F6;
262
+ }
263
+ .filerobot-Pixaforge-SingleIcon--selected .filerobot-Pixaforge-overlay {
264
+ display: block;
265
+ }
218
266
 
219
267
  .filerobot-Pixaforge-SingleIcon-icon {
220
268
  width: 50px;
@@ -224,37 +272,46 @@
224
272
  display: flex;
225
273
  align-items: center;
226
274
  justify-content: center;
227
- color: #5D6D7E; }
228
- .filerobot-Pixaforge-SingleIcon-icon svg {
229
- max-width: 100%;
230
- max-height: 100%; }
275
+ color: #5D6D7E;
276
+ }
277
+ .filerobot-Pixaforge-SingleIcon-icon svg {
278
+ max-width: 100%;
279
+ max-height: 100%;
280
+ }
231
281
 
232
282
  .filerobot-Pixaforge-CustomizeIcons {
233
283
  padding: 12px 8px 0;
234
284
  display: flex;
235
285
  flex-direction: column;
236
- overflow: auto; }
286
+ overflow: auto;
287
+ }
237
288
 
238
289
  .filerobot-Pixaforge-ColorCustomization {
239
- margin: 0 4px; }
290
+ margin: 0 4px;
291
+ }
240
292
 
241
293
  .filerobot-Pixaforge-CustomizedIcons-title {
242
- margin: 0 0 12px 4px; }
243
- .filerobot-Pixaforge-CustomizedIcons-title svg {
244
- margin-left: 6px;
245
- width: 12px;
246
- height: 12px; }
294
+ margin: 0 0 12px 4px;
295
+ }
296
+ .filerobot-Pixaforge-CustomizedIcons-title svg {
297
+ margin-left: 6px;
298
+ width: 12px;
299
+ height: 12px;
300
+ }
247
301
 
248
302
  .filerobot-Pixaforge-CustomizeIcons-iconsWrapper {
249
303
  display: flex;
250
304
  flex-wrap: wrap;
251
305
  overflow: auto;
252
- margin: 12px 0; }
306
+ margin: 12px 0;
307
+ }
253
308
 
254
309
  .filerobot-Pixaforge-ColorCustomization-rgbField {
255
310
  max-width: 80px;
256
- margin-right: 4px; }
311
+ margin-right: 4px;
312
+ }
257
313
 
258
314
  .filerobot-Pixaforge-ColorCustomization-removeButton {
259
315
  display: inline-flex;
260
- margin-left: 8px; }
316
+ margin-left: 8px;
317
+ }
package/lib/components/CategoriesCards/index.scss CHANGED
@@ -1,27 +1,27 @@
1
- // packages/@scaleflex/widget-pixaforge/src/components/CategoriesCards/index.jsx
2
- .filerobot-Pixaforge-Categories {
3
- display: grid;
4
- grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
5
- padding: 8px 8px 4px;
6
- overflow: auto;
7
- }
8
- .filerobot-Pixaforge-CategoryCard {
9
- cursor: pointer;
10
- padding: 4px 4px 8px;
11
- width: 100%;
12
- }
13
- .filerobot-Pixaforge-CategoryCard-image {
14
- width: 100%;
15
- height: 120px;
16
-
17
- img {
18
- width: 100%;
19
- height: 100%;
20
- border-radius: 2px;
21
- }
22
- }
23
- .filerobot-Pixaforge-CategoryCard-label {
24
- margin: 4px 0 2px;
25
- font-size: 12px;
26
- line-height: 14px;
27
- }
1
+ // packages/@scaleflex/widget-pixaforge/src/components/CategoriesCards/index.jsx
2
+ .filerobot-Pixaforge-Categories {
3
+ display: grid;
4
+ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
5
+ padding: 8px 8px 4px;
6
+ overflow: auto;
7
+ }
8
+ .filerobot-Pixaforge-CategoryCard {
9
+ cursor: pointer;
10
+ padding: 4px 4px 8px;
11
+ width: 100%;
12
+ }
13
+ .filerobot-Pixaforge-CategoryCard-image {
14
+ width: 100%;
15
+ height: 120px;
16
+
17
+ img {
18
+ width: 100%;
19
+ height: 100%;
20
+ border-radius: 2px;
21
+ }
22
+ }
23
+ .filerobot-Pixaforge-CategoryCard-label {
24
+ margin: 4px 0 2px;
25
+ font-size: 12px;
26
+ line-height: 14px;
27
+ }
package/lib/components/CustomizeIcons/index.scss CHANGED
@@ -1,33 +1,33 @@
1
- // packages/@scaleflex/widget-pixaforge/src/components/CustomizeIcons/index.jsx
2
- .filerobot-Pixaforge-CustomizeIcons {
3
- padding: 12px 8px 0;
4
- display: flex;
5
- flex-direction: column;
6
- overflow: auto;
7
- }
8
- .filerobot-Pixaforge-ColorCustomization {
9
- margin: 0 4px;
10
- }
11
- .filerobot-Pixaforge-CustomizedIcons-title {
12
- margin: 0 0 12px 4px;
13
-
14
- svg {
15
- margin-left: 6px;
16
- width: 12px;
17
- height: 12px;
18
- }
19
- }
20
- .filerobot-Pixaforge-CustomizeIcons-iconsWrapper {
21
- display: flex;
22
- flex-wrap: wrap;
23
- overflow: auto;
24
- margin: 12px 0;
25
- }
26
- .filerobot-Pixaforge-ColorCustomization-rgbField {
27
- max-width: 80px;
28
- margin-right: 4px;
29
- }
30
- .filerobot-Pixaforge-ColorCustomization-removeButton {
31
- display: inline-flex;
32
- margin-left: 8px;
33
- }
1
+ // packages/@scaleflex/widget-pixaforge/src/components/CustomizeIcons/index.jsx
2
+ .filerobot-Pixaforge-CustomizeIcons {
3
+ padding: 12px 8px 0;
4
+ display: flex;
5
+ flex-direction: column;
6
+ overflow: auto;
7
+ }
8
+ .filerobot-Pixaforge-ColorCustomization {
9
+ margin: 0 4px;
10
+ }
11
+ .filerobot-Pixaforge-CustomizedIcons-title {
12
+ margin: 0 0 12px 4px;
13
+
14
+ svg {
15
+ margin-left: 6px;
16
+ width: 12px;
17
+ height: 12px;
18
+ }
19
+ }
20
+ .filerobot-Pixaforge-CustomizeIcons-iconsWrapper {
21
+ display: flex;
22
+ flex-wrap: wrap;
23
+ overflow: auto;
24
+ margin: 12px 0;
25
+ }
26
+ .filerobot-Pixaforge-ColorCustomization-rgbField {
27
+ max-width: 80px;
28
+ margin-right: 4px;
29
+ }
30
+ .filerobot-Pixaforge-ColorCustomization-removeButton {
31
+ display: inline-flex;
32
+ margin-left: 8px;
33
+ }
package/lib/components/IconsGallery/index.scss CHANGED
@@ -1,53 +1,53 @@
1
- // packages/@scaleflex/widget-pixaforge/src/components/IconsGallery/index.jsx
2
- @mixin hover-and-selected-effect {
3
- background-color: $hover;
4
-
5
- .filerobot-Pixaforge-overlay {
6
- display: block;
7
- }
8
- }
9
- .filerobot-Pixaforge-IconsGallery {
10
- display: flex;
11
- flex-direction: column;
12
- overflow: auto;
13
- }
14
- .filerobot-Pixaforge-IconsGallery-icons {
15
- display: flex;
16
- padding: 8px;
17
- overflow: auto;
18
- flex-wrap: wrap;
19
- }
20
- .filerobot-Pixaforge-SingleIcon {
21
- cursor: pointer;
22
- position: relative;
23
- width: 106px;
24
- height: 106px;
25
- display: flex;
26
- justify-content: center;
27
- align-items: center;
28
- background-color: $background-primary;
29
- margin: 4px;
30
-
31
- &:hover {
32
- @include hover-and-selected-effect;
33
- }
34
-
35
- }
36
- .filerobot-Pixaforge-SingleIcon--selected {
37
- @include hover-and-selected-effect;
38
- }
39
- .filerobot-Pixaforge-SingleIcon-icon {
40
- width: 50px;
41
- height: 50px;
42
- max-width: 50px;
43
- max-height: 50px;
44
- display: flex;
45
- align-items: center;
46
- justify-content: center;
47
- color: $active;
48
-
49
- svg {
50
- max-width: 100%;
51
- max-height: 100%;
52
- }
53
- }
1
+ // packages/@scaleflex/widget-pixaforge/src/components/IconsGallery/index.jsx
2
+ @mixin hover-and-selected-effect {
3
+ background-color: $hover;
4
+
5
+ .filerobot-Pixaforge-overlay {
6
+ display: block;
7
+ }
8
+ }
9
+ .filerobot-Pixaforge-IconsGallery {
10
+ display: flex;
11
+ flex-direction: column;
12
+ overflow: auto;
13
+ }
14
+ .filerobot-Pixaforge-IconsGallery-icons {
15
+ display: flex;
16
+ padding: 8px;
17
+ overflow: auto;
18
+ flex-wrap: wrap;
19
+ }
20
+ .filerobot-Pixaforge-SingleIcon {
21
+ cursor: pointer;
22
+ position: relative;
23
+ width: 106px;
24
+ height: 106px;
25
+ display: flex;
26
+ justify-content: center;
27
+ align-items: center;
28
+ background-color: $background-primary;
29
+ margin: 4px;
30
+
31
+ &:hover {
32
+ @include hover-and-selected-effect;
33
+ }
34
+
35
+ }
36
+ .filerobot-Pixaforge-SingleIcon--selected {
37
+ @include hover-and-selected-effect;
38
+ }
39
+ .filerobot-Pixaforge-SingleIcon-icon {
40
+ width: 50px;
41
+ height: 50px;
42
+ max-width: 50px;
43
+ max-height: 50px;
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ color: $active;
48
+
49
+ svg {
50
+ max-width: 100%;
51
+ max-height: 100%;
52
+ }
53
+ }