@steedos-widgets/sortable 1.0.10 → 1.0.12

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 (37) hide show
  1. package/.env.local +1 -5
  2. package/package.json +3 -3
  3. package/dist/assets-dev.json +0 -25
  4. package/dist/assets.json +0 -25
  5. package/dist/components/MultipleContainers.d.ts +0 -7
  6. package/dist/components/components/Container/Container.d.ts +0 -17
  7. package/dist/components/components/Container/index.d.ts +0 -2
  8. package/dist/components/components/Grid/Grid.d.ts +0 -7
  9. package/dist/components/components/Grid/index.d.ts +0 -1
  10. package/dist/components/components/GridContainer/GridContainer.d.ts +0 -6
  11. package/dist/components/components/GridContainer/index.d.ts +0 -1
  12. package/dist/components/components/Item/Item.d.ts +0 -37
  13. package/dist/components/components/Item/components/Action/Action.d.ts +0 -9
  14. package/dist/components/components/Item/components/Action/index.d.ts +0 -2
  15. package/dist/components/components/Item/components/Handle/Handle.d.ts +0 -3
  16. package/dist/components/components/Item/components/Handle/index.d.ts +0 -1
  17. package/dist/components/components/Item/components/Remove/Remove.d.ts +0 -3
  18. package/dist/components/components/Item/components/Remove/index.d.ts +0 -1
  19. package/dist/components/components/Item/components/index.d.ts +0 -3
  20. package/dist/components/components/Item/index.d.ts +0 -2
  21. package/dist/components/components/index.d.ts +0 -5
  22. package/dist/components/index.d.ts +0 -1
  23. package/dist/components/multipleContainersKeyboardCoordinates.d.ts +0 -2
  24. package/dist/index.d.ts +0 -1
  25. package/dist/meta.d.ts +0 -9
  26. package/dist/meta.js +0 -180
  27. package/dist/metas/MultipleContainers.d.ts +0 -2
  28. package/dist/sortable.cjs.css +0 -335
  29. package/dist/sortable.cjs.js +0 -56525
  30. package/dist/sortable.cjs.js.map +0 -1
  31. package/dist/sortable.esm.css +0 -335
  32. package/dist/sortable.esm.js +0 -56521
  33. package/dist/sortable.esm.js.map +0 -1
  34. package/dist/sortable.umd.css +0 -335
  35. package/dist/sortable.umd.js +0 -22829
  36. package/dist/utilities/createRange.d.ts +0 -1
  37. package/dist/utilities/index.d.ts +0 -1
@@ -1,335 +0,0 @@
1
- .Action-module_Action__Vv6gh {
2
- display: flex;
3
- width: 12px;
4
- padding: 10px;
5
- align-items: center;
6
- justify-content: center;
7
- flex: 0 0 auto;
8
- touch-action: none;
9
- cursor: var(--cursor, pointer);
10
- border-radius: 5px;
11
- border: none;
12
- outline: none;
13
- appearance: none;
14
- background-color: transparent;
15
- -webkit-tap-highlight-color: transparent;
16
- }
17
-
18
- @media (hover: hover) {
19
- .Action-module_Action__Vv6gh:hover {
20
- background-color: var(--action-background, rgba(0, 0, 0, 0.05));
21
- }
22
-
23
- .Action-module_Action__Vv6gh:hover svg {
24
- fill: #6f7b88;
25
- }
26
- }
27
-
28
- .Action-module_Action__Vv6gh svg {
29
- flex: 0 0 auto;
30
- margin: auto;
31
- height: 100%;
32
- overflow: visible;
33
- fill: #919eab;
34
- }
35
-
36
- .Action-module_Action__Vv6gh:active {
37
- background-color: var(--background, rgba(0, 0, 0, 0.05));
38
- }
39
-
40
- .Action-module_Action__Vv6gh:active svg {
41
- fill: var(--fill, #788491);
42
- }
43
-
44
- .Action-module_Action__Vv6gh:focus-visible {
45
- outline: none;
46
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
47
- 0 0px 0px 2px #4c9ffe;
48
- }
49
-
50
- @keyframes Item-module_pop__W5uSR {
51
- 0% {
52
- transform: scale(1);
53
- box-shadow: var(--box-shadow);
54
- }
55
- 100% {
56
- transform: scale(var(--scale));
57
- box-shadow: var(--box-shadow-picked-up);
58
- }
59
- }
60
-
61
- @keyframes Item-module_fadeIn__AMWY6 {
62
- 0% {
63
- opacity: 0;
64
- }
65
- 100% {
66
- opacity: 1;
67
- }
68
- }
69
-
70
- .Item-module_Wrapper__5kf5R {
71
- display: flex;
72
- box-sizing: border-box;
73
- transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0)
74
- scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
75
- transform-origin: 0 0;
76
- touch-action: manipulation;
77
- }
78
-
79
- .Item-module_Wrapper__5kf5R.Item-module_fadeIn__AMWY6 {
80
- animation: Item-module_fadeIn__AMWY6 500ms ease;
81
- }
82
-
83
- .Item-module_Wrapper__5kf5R.Item-module_dragOverlay__VF1lT {
84
- --scale: 1.05;
85
- --box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
86
- --box-shadow-picked-up: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
87
- -1px 0 15px 0 rgba(34, 33, 81, 0.01),
88
- 0px 15px 15px 0 rgba(34, 33, 81, 0.25);
89
- z-index: 999;
90
- }
91
-
92
- .Item-module_Item__QyyJd {
93
- position: relative;
94
- display: flex;
95
- flex-grow: 1;
96
- align-items: center;
97
- padding: 8px 10px;
98
- background-color: #fff;
99
- box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
100
- outline: none;
101
- border-radius: calc(4px / var(--scale-x, 1));
102
- box-sizing: border-box;
103
- list-style: none;
104
- transform-origin: 50% 50%;
105
-
106
- -webkit-tap-highlight-color: transparent;
107
-
108
- color: #333;
109
- font-weight: 400;
110
- font-size: 1rem;
111
- white-space: nowrap;
112
-
113
- transform: scale(var(--scale, 1));
114
- transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
115
- }
116
-
117
- .Item-module_Item__QyyJd:focus-visible {
118
- box-shadow: 0 0px 4px 1px #4c9ffe, 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
119
- }
120
-
121
- .Item-module_Item__QyyJd:not(.Item-module_withHandle__wK7tT) {
122
- touch-action: manipulation;
123
- cursor: grab;
124
- }
125
-
126
- .Item-module_Item__QyyJd.Item-module_dragging__AZaJo:not(.Item-module_dragOverlay__VF1lT) {
127
- opacity: var(--dragging-opacity, 0.5);
128
- z-index: 0;
129
- }
130
-
131
- .Item-module_Item__QyyJd.Item-module_dragging__AZaJo:not(.Item-module_dragOverlay__VF1lT):focus {
132
- box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
133
- }
134
-
135
- .Item-module_Item__QyyJd.Item-module_disabled__Zkgqd {
136
- color: #999;
137
- background-color: #f1f1f1;
138
- }
139
-
140
- .Item-module_Item__QyyJd.Item-module_disabled__Zkgqd:focus {
141
- box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
142
- }
143
-
144
- .Item-module_Item__QyyJd.Item-module_disabled__Zkgqd {
145
- cursor: not-allowed;
146
- }
147
-
148
- .Item-module_Item__QyyJd.Item-module_dragOverlay__VF1lT {
149
- cursor: inherit;
150
- /* box-shadow: 0 0px 6px 2px $focused-outline-color; */
151
- animation: Item-module_pop__W5uSR 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
152
- transform: scale(var(--scale));
153
- box-shadow: var(--box-shadow-picked-up);
154
- opacity: 1;
155
- }
156
-
157
- .Item-module_Item__QyyJd.Item-module_color__GKqnB:before {
158
- content: '';
159
- position: absolute;
160
- top: 50%;
161
- transform: translateY(-50%);
162
- left: 0;
163
- height: 100%;
164
- width: 3px;
165
- display: block;
166
- border-top-left-radius: 3px;
167
- border-bottom-left-radius: 3px;
168
- background-color: var(--color);
169
- }
170
-
171
- .Item-module_Item__QyyJd:hover .Item-module_Remove__PoTm0 {
172
- visibility: visible;
173
- }
174
-
175
- .Item-module_Remove__PoTm0 {
176
- visibility: hidden;
177
- }
178
-
179
- .Item-module_Actions__7--uM {
180
- display: flex;
181
- align-self: flex-start;
182
- margin-top: -12px;
183
- margin-left: auto;
184
- margin-bottom: -15px;
185
- margin-right: -10px;
186
- }
187
-
188
- .Grid-module_Grid__FL834 {
189
- position: fixed;
190
- top: 0;
191
- left: 0;
192
- width: 100%;
193
- height: 100%;
194
- background-image: repeating-linear-gradient(
195
- 0deg,
196
- transparent,
197
- transparent calc(var(--grid-size) - 1px),
198
- #ddd calc(var(--grid-size) - 1px),
199
- #ddd var(--grid-size)
200
- ),
201
- repeating-linear-gradient(
202
- -90deg,
203
- transparent,
204
- transparent calc(var(--grid-size) - 1px),
205
- #ddd calc(var(--grid-size) - 1px),
206
- #ddd var(--grid-size)
207
- );
208
- background-size: var(--grid-size) var(--grid-size);
209
- z-index: -1;
210
- pointer-events: none;
211
- }
212
-
213
- .Grid-module_RangeSlider__tJQV- {
214
- position: fixed;
215
- right: 20px;
216
- bottom: 20px;
217
- }
218
-
219
- .GridContainer-module_GridContainer__H09uO {
220
- max-width: 800px;
221
- display: grid;
222
- grid-template-columns: repeat(var(--col-count), 1fr);
223
- grid-gap: 10px;
224
- padding: 20px;
225
- }
226
-
227
- @media (max-width: 850px) {.GridContainer-module_GridContainer__H09uO {
228
- grid-template-columns: repeat(calc(var(--col-count) - 1), 1fr)
229
- }
230
- }
231
-
232
- @media (max-width: 650px) {.GridContainer-module_GridContainer__H09uO {
233
- grid-template-columns: repeat(calc(var(--col-count) - 2), 1fr)
234
- }
235
- }
236
-
237
- .Container-module_Container__jf9i2 {
238
- display: flex;
239
- flex-direction: column;
240
- grid-auto-rows: max-content;
241
- overflow: hidden;
242
- box-sizing: border-box;
243
- appearance: none;
244
- outline: none;
245
- min-width: 350px;
246
- margin: 10px;
247
- border-radius: 5px;
248
- min-height: 200px;
249
- transition: background-color 350ms ease;
250
- background-color: rgba(246, 246, 246, 1);
251
- border: 1px solid rgba(0, 0, 0, 0.05);
252
- font-size: 1em;
253
- }
254
-
255
- .Container-module_Container__jf9i2 ul {
256
- display: grid;
257
- grid-gap: 10px;
258
- grid-template-columns: repeat(var(--columns, 1), 1fr);
259
- list-style: none;
260
- padding: 10px;
261
- margin: 0;
262
- }
263
-
264
- .Container-module_Container__jf9i2.Container-module_scrollable__qSAWm ul {
265
- overflow-y: auto;
266
- }
267
-
268
- .Container-module_Container__jf9i2.Container-module_placeholder__0BJ8I {
269
- justify-content: center;
270
- align-items: center;
271
- cursor: pointer;
272
- color: rgba(0, 0, 0, 0.5);
273
- background-color: transparent;
274
- border-style: dashed;
275
- border-color: rgba(0, 0, 0, 0.08);
276
- }
277
-
278
- .Container-module_Container__jf9i2.Container-module_placeholder__0BJ8I:hover {
279
- border-color: rgba(0, 0, 0, 0.15);
280
- }
281
-
282
- .Container-module_Container__jf9i2.Container-module_hover__-4EcB {
283
- background-color: rgb(235, 235, 235, 1);
284
- }
285
-
286
- .Container-module_Container__jf9i2.Container-module_unstyled__aYi6X {
287
- overflow: visible;
288
- background-color: transparent !important;
289
- border: none !important;
290
- }
291
-
292
- .Container-module_Container__jf9i2.Container-module_horizontal__gnBWZ {
293
- width: 100%;
294
- }
295
-
296
- .Container-module_Container__jf9i2.Container-module_horizontal__gnBWZ ul {
297
- grid-auto-flow: column;
298
- }
299
-
300
- .Container-module_Container__jf9i2.Container-module_shadow__1UsB3 {
301
- box-shadow: 0 1px 10px 0 rgba(34, 33, 81, 0.1);
302
- }
303
-
304
- .Container-module_Container__jf9i2:focus-visible {
305
- border-color: transparent;
306
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
307
- }
308
-
309
- .Container-module_Header__dzbqd {
310
- display: flex;
311
- padding: 5px 20px;
312
- padding-right: 8px;
313
- align-items: center;
314
- justify-content: space-between;
315
- background-color: #fff;
316
- border-top-left-radius: 5px;
317
- border-top-right-radius: 5px;
318
- border-bottom: 1px solid rgba(0, 0, 0, 0.08);
319
- }
320
-
321
- .Container-module_Header__dzbqd:hover .Container-module_Actions__peIDq > * {
322
- opacity: 1 !important;
323
- }
324
-
325
- .Container-module_Actions__peIDq {
326
- display: flex;
327
- }
328
-
329
- .Container-module_Actions__peIDq > *:first-child:not(:last-child) {
330
- opacity: 0;
331
- }
332
-
333
- .Container-module_Actions__peIDq > *:first-child:not(:last-child):focus-visible {
334
- opacity: 1;
335
- }