@classic-homes/theme-tailwind-preset 0.1.50 → 0.1.51
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/index.js +66 -0
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -266,6 +266,58 @@ module.exports = {
|
|
|
266
266
|
'0%, 100%': { opacity: '1' },
|
|
267
267
|
'50%': { opacity: '0.7' },
|
|
268
268
|
},
|
|
269
|
+
|
|
270
|
+
// DataPanel slide animations (from edges)
|
|
271
|
+
'panel-slide-in-left': {
|
|
272
|
+
from: { opacity: '0', transform: 'translateX(-100%)' },
|
|
273
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
274
|
+
},
|
|
275
|
+
'panel-slide-out-left': {
|
|
276
|
+
from: { opacity: '1', transform: 'translateX(0)' },
|
|
277
|
+
to: { opacity: '0', transform: 'translateX(-100%)' },
|
|
278
|
+
},
|
|
279
|
+
'panel-slide-in-right': {
|
|
280
|
+
from: { opacity: '0', transform: 'translateX(100%)' },
|
|
281
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
282
|
+
},
|
|
283
|
+
'panel-slide-out-right': {
|
|
284
|
+
from: { opacity: '1', transform: 'translateX(0)' },
|
|
285
|
+
to: { opacity: '0', transform: 'translateX(100%)' },
|
|
286
|
+
},
|
|
287
|
+
'panel-slide-in-top': {
|
|
288
|
+
from: { opacity: '0', transform: 'translateY(-100%)' },
|
|
289
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
290
|
+
},
|
|
291
|
+
'panel-slide-out-top': {
|
|
292
|
+
from: { opacity: '1', transform: 'translateY(0)' },
|
|
293
|
+
to: { opacity: '0', transform: 'translateY(-100%)' },
|
|
294
|
+
},
|
|
295
|
+
'panel-slide-in-bottom': {
|
|
296
|
+
from: { opacity: '0', transform: 'translateY(100%)' },
|
|
297
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
298
|
+
},
|
|
299
|
+
'panel-slide-out-bottom': {
|
|
300
|
+
from: { opacity: '1', transform: 'translateY(0)' },
|
|
301
|
+
to: { opacity: '0', transform: 'translateY(100%)' },
|
|
302
|
+
},
|
|
303
|
+
// DataPanel detach/attach animations
|
|
304
|
+
'panel-detach': {
|
|
305
|
+
from: { opacity: '0', transform: 'scale(0.95)' },
|
|
306
|
+
to: { opacity: '1', transform: 'scale(1)' },
|
|
307
|
+
},
|
|
308
|
+
'panel-attach': {
|
|
309
|
+
from: { opacity: '1', transform: 'scale(1)' },
|
|
310
|
+
to: { opacity: '0', transform: 'scale(0.95)' },
|
|
311
|
+
},
|
|
312
|
+
// DataPanel collapse/expand (for content area)
|
|
313
|
+
'panel-collapse': {
|
|
314
|
+
from: { height: 'var(--panel-content-height)', opacity: '1' },
|
|
315
|
+
to: { height: '0', opacity: '0' },
|
|
316
|
+
},
|
|
317
|
+
'panel-expand': {
|
|
318
|
+
from: { height: '0', opacity: '0' },
|
|
319
|
+
to: { height: 'var(--panel-content-height)', opacity: '1' },
|
|
320
|
+
},
|
|
269
321
|
},
|
|
270
322
|
|
|
271
323
|
animation: {
|
|
@@ -283,6 +335,20 @@ module.exports = {
|
|
|
283
335
|
'scale-out': 'scale-out 0.2s ease-out',
|
|
284
336
|
'spin-slow': 'spin-slow 2s linear infinite',
|
|
285
337
|
'pulse-subtle': 'pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
338
|
+
|
|
339
|
+
// DataPanel animations
|
|
340
|
+
'panel-slide-in-left': 'panel-slide-in-left 0.2s ease-out',
|
|
341
|
+
'panel-slide-out-left': 'panel-slide-out-left 0.2s ease-out',
|
|
342
|
+
'panel-slide-in-right': 'panel-slide-in-right 0.2s ease-out',
|
|
343
|
+
'panel-slide-out-right': 'panel-slide-out-right 0.2s ease-out',
|
|
344
|
+
'panel-slide-in-top': 'panel-slide-in-top 0.2s ease-out',
|
|
345
|
+
'panel-slide-out-top': 'panel-slide-out-top 0.2s ease-out',
|
|
346
|
+
'panel-slide-in-bottom': 'panel-slide-in-bottom 0.2s ease-out',
|
|
347
|
+
'panel-slide-out-bottom': 'panel-slide-out-bottom 0.2s ease-out',
|
|
348
|
+
'panel-detach': 'panel-detach 0.2s ease-out',
|
|
349
|
+
'panel-attach': 'panel-attach 0.2s ease-out',
|
|
350
|
+
'panel-collapse': 'panel-collapse 0.2s ease-out',
|
|
351
|
+
'panel-expand': 'panel-expand 0.2s ease-out',
|
|
286
352
|
},
|
|
287
353
|
},
|
|
288
354
|
},
|