@udixio/tailwind 2.2.0 → 2.3.1

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 (10) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/browser.cjs +1 -1
  3. package/dist/browser.js +2 -2
  4. package/dist/node.cjs +1 -1
  5. package/dist/node.js +2 -2
  6. package/dist/plugins-tailwind/animation.d.ts.map +1 -1
  7. package/dist/{tailwind.plugin-BWkO2e-A.js → tailwind.plugin-Bv15RDPq.js} +17 -9
  8. package/dist/{tailwind.plugin-BS-y_NhA.cjs → tailwind.plugin-DNLSzX2F.cjs} +17 -9
  9. package/package.json +1 -1
  10. package/src/plugins-tailwind/animation.ts +16 -8
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 2.3.1 (2025-10-16)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **animation:** streamline variable names for consistency ([4b390dd](https://github.com/Udixio/UI/commit/4b390dd))
6
+
7
+ ### ❤️ Thank You
8
+
9
+ - Joël VIGREUX
10
+
11
+ ## 2.3.0 (2025-10-16)
12
+
13
+ ### 🚀 Features
14
+
15
+ - **animation:** add `run` and `paused` states for `out` animations ([dc134d3](https://github.com/Udixio/UI/commit/dc134d3))
16
+
17
+ ### ❤️ Thank You
18
+
19
+ - Joël VIGREUX
20
+
1
21
  ## 2.2.0 (2025-10-16)
2
22
 
3
23
  ### 🚀 Features
package/dist/browser.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const tailwind_plugin = require("./tailwind.plugin-BS-y_NhA.cjs");
3
+ const tailwind_plugin = require("./tailwind.plugin-DNLSzX2F.cjs");
4
4
  exports.TailwindImplPluginBrowser = tailwind_plugin.TailwindImplPluginBrowser;
5
5
  exports.TailwindPlugin = tailwind_plugin.TailwindPlugin;
6
6
  exports.animation = tailwind_plugin.animation;
package/dist/browser.js CHANGED
@@ -1,5 +1,5 @@
1
- import { m as main } from "./tailwind.plugin-BWkO2e-A.js";
2
- import { T, b, a, f, s } from "./tailwind.plugin-BWkO2e-A.js";
1
+ import { m as main } from "./tailwind.plugin-Bv15RDPq.js";
2
+ import { T, b, a, f, s } from "./tailwind.plugin-Bv15RDPq.js";
3
3
  export {
4
4
  T as TailwindImplPluginBrowser,
5
5
  b as TailwindPlugin,
package/dist/node.cjs CHANGED
@@ -24,7 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  ));
25
25
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
26
26
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
27
- const tailwind_plugin = require("./tailwind.plugin-BS-y_NhA.cjs");
27
+ const tailwind_plugin = require("./tailwind.plugin-DNLSzX2F.cjs");
28
28
  const theme = require("@udixio/theme");
29
29
  const fs = require("fs");
30
30
  const console = require("node:console");
package/dist/node.js CHANGED
@@ -1,8 +1,8 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
- import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-BWkO2e-A.js";
5
- import { a, f, s } from "./tailwind.plugin-BWkO2e-A.js";
4
+ import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-Bv15RDPq.js";
5
+ import { a, f, s } from "./tailwind.plugin-Bv15RDPq.js";
6
6
  import { PluginAbstract, FontPlugin } from "@udixio/theme";
7
7
  import * as fs from "fs";
8
8
  import * as console from "node:console";
package/dist/plugins-tailwind/animation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/plugins-tailwind/animation.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiHD,eAAO,MAAM,SAAS,sFAocrB,CAAC"}
1
+ {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/plugins-tailwind/animation.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiHD,eAAO,MAAM,SAAS,sFA4crB,CAAC"}
package/dist/{tailwind.plugin-BWkO2e-A.js → tailwind.plugin-Bv15RDPq.js} RENAMED
@@ -32,9 +32,9 @@ const createAnimationFunc = ({
32
32
  [`.${prefix}-${name}, .${prefix}-${name}-in, .${prefix}-${name}-out`]: {
33
33
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
34
34
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
35
- animationDuration: `var(--${prefix}-durations, 300ms)`,
36
- animationDelay: `var(--${prefix}-delays, 0)`,
37
- animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
35
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
36
+ animationDelay: `var(--${prefix}-delay, 0)`,
37
+ animationTimingFunction: `var(--${prefix}-ease, cubic-bezier(0.4, 0, 0.2, 1))`,
38
38
  animationFillMode: "both"
39
39
  },
40
40
  [`.${prefix}-${name}, .${prefix}-${name}-in`]: {
@@ -103,6 +103,8 @@ const animation = plugin.withOptions(
103
103
  // run/pause state
104
104
  [`.${prefix}-in-run`]: { [`--${prefix}-in-state`]: "running" },
105
105
  [`.${prefix}-in-paused`]: { [`--${prefix}-in-state`]: "paused" },
106
+ [`.${prefix}-out-run`]: { [`--${prefix}-out-state`]: "running" },
107
+ [`.${prefix}-out-paused`]: { [`--${prefix}-out-state`]: "paused" },
106
108
  // scroll-driven
107
109
  [`.${prefix}-timeline-block`]: {
108
110
  animationTimeline: "view(block)"
@@ -120,7 +122,11 @@ const animation = plugin.withOptions(
120
122
  });
121
123
  addBase({
122
124
  [`[data-${prefix}-in-run]`]: { [`--${prefix}-in-state`]: "running" },
123
- [`[data-${prefix}-in-paused]`]: { [`--${prefix}-in-state`]: "paused" }
125
+ [`[data-${prefix}-in-paused]`]: { [`--${prefix}-in-state`]: "paused" },
126
+ [`[data-${prefix}-out-run]`]: { [`--${prefix}-out-state`]: "running" },
127
+ [`[data-${prefix}-out-paused]`]: {
128
+ [`--${prefix}-out-state`]: "paused"
129
+ }
124
130
  });
125
131
  createAnimation(
126
132
  "fade",
@@ -299,8 +305,8 @@ const animation = plugin.withOptions(
299
305
  [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
300
306
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
301
307
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
302
- animationDuration: `var(--${prefix}-durations, 300ms)`,
303
- animationDelay: `var(--${prefix}-delays, 0)`,
308
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
309
+ animationDelay: `var(--${prefix}-delay, 0)`,
304
310
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
305
311
  animationFillMode: "both",
306
312
  [variableName("dx")]: dx,
@@ -330,7 +336,9 @@ const animation = plugin.withOptions(
330
336
  );
331
337
  matchUtilities(
332
338
  {
333
- [`${prefix}-duration`]: (value) => ({ animationDuration: value })
339
+ [`${prefix}-duration`]: (value) => ({
340
+ [`${prefix}-duration`]: value
341
+ })
334
342
  },
335
343
  {
336
344
  values: {
@@ -349,7 +357,7 @@ const animation = plugin.withOptions(
349
357
  }
350
358
  );
351
359
  matchUtilities(
352
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
360
+ { [`${prefix}-delay`]: (value) => ({ [`${prefix}-delay`]: value }) },
353
361
  {
354
362
  values: {
355
363
  0: "0ms",
@@ -368,7 +376,7 @@ const animation = plugin.withOptions(
368
376
  }
369
377
  );
370
378
  matchUtilities(
371
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
379
+ { [`${prefix}-ease`]: (value) => ({ [`${prefix}-ease`]: value }) },
372
380
  {
373
381
  values: {
374
382
  linear: "linear",
package/dist/{tailwind.plugin-BS-y_NhA.cjs → tailwind.plugin-DNLSzX2F.cjs} RENAMED
@@ -33,9 +33,9 @@ const createAnimationFunc = ({
33
33
  [`.${prefix}-${name}, .${prefix}-${name}-in, .${prefix}-${name}-out`]: {
34
34
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
35
35
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
36
- animationDuration: `var(--${prefix}-durations, 300ms)`,
37
- animationDelay: `var(--${prefix}-delays, 0)`,
38
- animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
36
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
37
+ animationDelay: `var(--${prefix}-delay, 0)`,
38
+ animationTimingFunction: `var(--${prefix}-ease, cubic-bezier(0.4, 0, 0.2, 1))`,
39
39
  animationFillMode: "both"
40
40
  },
41
41
  [`.${prefix}-${name}, .${prefix}-${name}-in`]: {
@@ -104,6 +104,8 @@ const animation = plugin.withOptions(
104
104
  // run/pause state
105
105
  [`.${prefix}-in-run`]: { [`--${prefix}-in-state`]: "running" },
106
106
  [`.${prefix}-in-paused`]: { [`--${prefix}-in-state`]: "paused" },
107
+ [`.${prefix}-out-run`]: { [`--${prefix}-out-state`]: "running" },
108
+ [`.${prefix}-out-paused`]: { [`--${prefix}-out-state`]: "paused" },
107
109
  // scroll-driven
108
110
  [`.${prefix}-timeline-block`]: {
109
111
  animationTimeline: "view(block)"
@@ -121,7 +123,11 @@ const animation = plugin.withOptions(
121
123
  });
122
124
  addBase({
123
125
  [`[data-${prefix}-in-run]`]: { [`--${prefix}-in-state`]: "running" },
124
- [`[data-${prefix}-in-paused]`]: { [`--${prefix}-in-state`]: "paused" }
126
+ [`[data-${prefix}-in-paused]`]: { [`--${prefix}-in-state`]: "paused" },
127
+ [`[data-${prefix}-out-run]`]: { [`--${prefix}-out-state`]: "running" },
128
+ [`[data-${prefix}-out-paused]`]: {
129
+ [`--${prefix}-out-state`]: "paused"
130
+ }
125
131
  });
126
132
  createAnimation(
127
133
  "fade",
@@ -300,8 +306,8 @@ const animation = plugin.withOptions(
300
306
  [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
301
307
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
302
308
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
303
- animationDuration: `var(--${prefix}-durations, 300ms)`,
304
- animationDelay: `var(--${prefix}-delays, 0)`,
309
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
310
+ animationDelay: `var(--${prefix}-delay, 0)`,
305
311
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
306
312
  animationFillMode: "both",
307
313
  [variableName("dx")]: dx,
@@ -331,7 +337,9 @@ const animation = plugin.withOptions(
331
337
  );
332
338
  matchUtilities(
333
339
  {
334
- [`${prefix}-duration`]: (value) => ({ animationDuration: value })
340
+ [`${prefix}-duration`]: (value) => ({
341
+ [`${prefix}-duration`]: value
342
+ })
335
343
  },
336
344
  {
337
345
  values: {
@@ -350,7 +358,7 @@ const animation = plugin.withOptions(
350
358
  }
351
359
  );
352
360
  matchUtilities(
353
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
361
+ { [`${prefix}-delay`]: (value) => ({ [`${prefix}-delay`]: value }) },
354
362
  {
355
363
  values: {
356
364
  0: "0ms",
@@ -369,7 +377,7 @@ const animation = plugin.withOptions(
369
377
  }
370
378
  );
371
379
  matchUtilities(
372
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
380
+ { [`${prefix}-ease`]: (value) => ({ [`${prefix}-ease`]: value }) },
373
381
  {
374
382
  values: {
375
383
  linear: "linear",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@udixio/tailwind",
3
- "version": "2.2.0",
3
+ "version": "2.3.1",
4
4
  "type": "module",
5
5
  "main": "./dist/node.js",
6
6
  "module": "./dist/node.js",
package/src/plugins-tailwind/animation.ts CHANGED
@@ -69,9 +69,9 @@ const createAnimationFunc =
69
69
  [`.${prefix}-${name}, .${prefix}-${name}-in, .${prefix}-${name}-out`]: {
70
70
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
71
71
  [`--${prefix}-dependencies-${name}`]: dependencies.join(', '),
72
- animationDuration: `var(--${prefix}-durations, 300ms)`,
73
- animationDelay: `var(--${prefix}-delays, 0)`,
74
- animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
72
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
73
+ animationDelay: `var(--${prefix}-delay, 0)`,
74
+ animationTimingFunction: `var(--${prefix}-ease, cubic-bezier(0.4, 0, 0.2, 1))`,
75
75
  animationFillMode: 'both',
76
76
  },
77
77
  [`.${prefix}-${name}, .${prefix}-${name}-in`]: {
@@ -150,6 +150,8 @@ export const animation = plugin.withOptions(
150
150
  // run/pause state
151
151
  [`.${prefix}-in-run`]: { [`--${prefix}-in-state`]: 'running' },
152
152
  [`.${prefix}-in-paused`]: { [`--${prefix}-in-state`]: 'paused' },
153
+ [`.${prefix}-out-run`]: { [`--${prefix}-out-state`]: 'running' },
154
+ [`.${prefix}-out-paused`]: { [`--${prefix}-out-state`]: 'paused' },
153
155
  // scroll-driven
154
156
  [`.${prefix}-timeline-block`]: {
155
157
  animationTimeline: 'view(block)',
@@ -170,6 +172,10 @@ export const animation = plugin.withOptions(
170
172
  addBase({
171
173
  [`[data-${prefix}-in-run]`]: { [`--${prefix}-in-state`]: 'running' },
172
174
  [`[data-${prefix}-in-paused]`]: { [`--${prefix}-in-state`]: 'paused' },
175
+ [`[data-${prefix}-out-run]`]: { [`--${prefix}-out-state`]: 'running' },
176
+ [`[data-${prefix}-out-paused]`]: {
177
+ [`--${prefix}-out-state`]: 'paused',
178
+ },
173
179
  });
174
180
 
175
181
  createAnimation(
@@ -389,8 +395,8 @@ export const animation = plugin.withOptions(
389
395
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
390
396
  [`--${prefix}-dependencies-${name}`]: dependencies.join(', '),
391
397
 
392
- animationDuration: `var(--${prefix}-durations, 300ms)`,
393
- animationDelay: `var(--${prefix}-delays, 0)`,
398
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
399
+ animationDelay: `var(--${prefix}-delay, 0)`,
394
400
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
395
401
  animationFillMode: 'both',
396
402
 
@@ -426,7 +432,9 @@ export const animation = plugin.withOptions(
426
432
  // Paramètres (propriétés CSS) sous le même prefix
427
433
  matchUtilities(
428
434
  {
429
- [`${prefix}-duration`]: (value) => ({ animationDuration: value }),
435
+ [`${prefix}-duration`]: (value) => ({
436
+ [`${prefix}-duration`]: value,
437
+ }),
430
438
  },
431
439
  {
432
440
  values: {
@@ -446,7 +454,7 @@ export const animation = plugin.withOptions(
446
454
  );
447
455
 
448
456
  matchUtilities(
449
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
457
+ { [`${prefix}-delay`]: (value) => ({ [`${prefix}-delay`]: value }) },
450
458
  {
451
459
  values: {
452
460
  0: '0ms',
@@ -466,7 +474,7 @@ export const animation = plugin.withOptions(
466
474
  );
467
475
 
468
476
  matchUtilities(
469
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
477
+ { [`${prefix}-ease`]: (value) => ({ [`${prefix}-ease`]: value }) },
470
478
  {
471
479
  values: {
472
480
  linear: 'linear',