@udixio/tailwind 2.3.0 → 2.3.2

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-BXCTydiS.js → tailwind.plugin-Bb39ytUc.js} +10 -8
  8. package/dist/{tailwind.plugin-B17YE6YC.cjs → tailwind.plugin-CKDthKVL.cjs} +10 -8
  9. package/package.json +1 -1
  10. package/src/plugins-tailwind/animation.ts +10 -8
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 2.3.2 (2025-10-16)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **animation:** update variable names for consistency with CSS conventions ([b13c01c](https://github.com/Udixio/UI/commit/b13c01c))
6
+
7
+ ### ❤️ Thank You
8
+
9
+ - Joël VIGREUX
10
+
11
+ ## 2.3.1 (2025-10-16)
12
+
13
+ ### 🩹 Fixes
14
+
15
+ - **animation:** streamline variable names for consistency ([4b390dd](https://github.com/Udixio/UI/commit/4b390dd))
16
+
17
+ ### ❤️ Thank You
18
+
19
+ - Joël VIGREUX
20
+
1
21
  ## 2.3.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-B17YE6YC.cjs");
3
+ const tailwind_plugin = require("./tailwind.plugin-CKDthKVL.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-BXCTydiS.js";
2
- import { T, b, a, f, s } from "./tailwind.plugin-BXCTydiS.js";
1
+ import { m as main } from "./tailwind.plugin-Bb39ytUc.js";
2
+ import { T, b, a, f, s } from "./tailwind.plugin-Bb39ytUc.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-B17YE6YC.cjs");
27
+ const tailwind_plugin = require("./tailwind.plugin-CKDthKVL.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-BXCTydiS.js";
5
- import { a, f, s } from "./tailwind.plugin-BXCTydiS.js";
4
+ import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-Bb39ytUc.js";
5
+ import { a, f, s } from "./tailwind.plugin-Bb39ytUc.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,sFA0crB,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-BXCTydiS.js → tailwind.plugin-Bb39ytUc.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`]: {
@@ -305,8 +305,8 @@ const animation = plugin.withOptions(
305
305
  [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
306
306
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
307
307
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
308
- animationDuration: `var(--${prefix}-durations, 300ms)`,
309
- animationDelay: `var(--${prefix}-delays, 0)`,
308
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
309
+ animationDelay: `var(--${prefix}-delay, 0)`,
310
310
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
311
311
  animationFillMode: "both",
312
312
  [variableName("dx")]: dx,
@@ -336,7 +336,9 @@ const animation = plugin.withOptions(
336
336
  );
337
337
  matchUtilities(
338
338
  {
339
- [`${prefix}-duration`]: (value) => ({ animationDuration: value })
339
+ [`${prefix}-duration`]: (value) => ({
340
+ [`--${prefix}-duration`]: value
341
+ })
340
342
  },
341
343
  {
342
344
  values: {
@@ -355,7 +357,7 @@ const animation = plugin.withOptions(
355
357
  }
356
358
  );
357
359
  matchUtilities(
358
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
360
+ { [`${prefix}-delay`]: (value) => ({ [`--${prefix}-delay`]: value }) },
359
361
  {
360
362
  values: {
361
363
  0: "0ms",
@@ -374,7 +376,7 @@ const animation = plugin.withOptions(
374
376
  }
375
377
  );
376
378
  matchUtilities(
377
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
379
+ { [`${prefix}-ease`]: (value) => ({ [`--${prefix}-ease`]: value }) },
378
380
  {
379
381
  values: {
380
382
  linear: "linear",
package/dist/{tailwind.plugin-B17YE6YC.cjs → tailwind.plugin-CKDthKVL.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`]: {
@@ -306,8 +306,8 @@ const animation = plugin.withOptions(
306
306
  [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
307
307
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
308
308
  [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
309
- animationDuration: `var(--${prefix}-durations, 300ms)`,
310
- animationDelay: `var(--${prefix}-delays, 0)`,
309
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
310
+ animationDelay: `var(--${prefix}-delay, 0)`,
311
311
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
312
312
  animationFillMode: "both",
313
313
  [variableName("dx")]: dx,
@@ -337,7 +337,9 @@ const animation = plugin.withOptions(
337
337
  );
338
338
  matchUtilities(
339
339
  {
340
- [`${prefix}-duration`]: (value) => ({ animationDuration: value })
340
+ [`${prefix}-duration`]: (value) => ({
341
+ [`--${prefix}-duration`]: value
342
+ })
341
343
  },
342
344
  {
343
345
  values: {
@@ -356,7 +358,7 @@ const animation = plugin.withOptions(
356
358
  }
357
359
  );
358
360
  matchUtilities(
359
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
361
+ { [`${prefix}-delay`]: (value) => ({ [`--${prefix}-delay`]: value }) },
360
362
  {
361
363
  values: {
362
364
  0: "0ms",
@@ -375,7 +377,7 @@ const animation = plugin.withOptions(
375
377
  }
376
378
  );
377
379
  matchUtilities(
378
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
380
+ { [`${prefix}-ease`]: (value) => ({ [`--${prefix}-ease`]: value }) },
379
381
  {
380
382
  values: {
381
383
  linear: "linear",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@udixio/tailwind",
3
- "version": "2.3.0",
3
+ "version": "2.3.2",
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`]: {
@@ -395,8 +395,8 @@ export const animation = plugin.withOptions(
395
395
  [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
396
396
  [`--${prefix}-dependencies-${name}`]: dependencies.join(', '),
397
397
 
398
- animationDuration: `var(--${prefix}-durations, 300ms)`,
399
- animationDelay: `var(--${prefix}-delays, 0)`,
398
+ animationDuration: `var(--${prefix}-duration, 300ms)`,
399
+ animationDelay: `var(--${prefix}-delay, 0)`,
400
400
  animationTimingFunction: `var(--${prefix}-eases, cubic-bezier(0.4, 0, 0.2, 1))`,
401
401
  animationFillMode: 'both',
402
402
 
@@ -432,7 +432,9 @@ export const animation = plugin.withOptions(
432
432
  // Paramètres (propriétés CSS) sous le même prefix
433
433
  matchUtilities(
434
434
  {
435
- [`${prefix}-duration`]: (value) => ({ animationDuration: value }),
435
+ [`${prefix}-duration`]: (value) => ({
436
+ [`--${prefix}-duration`]: value,
437
+ }),
436
438
  },
437
439
  {
438
440
  values: {
@@ -452,7 +454,7 @@ export const animation = plugin.withOptions(
452
454
  );
453
455
 
454
456
  matchUtilities(
455
- { [`${prefix}-delay`]: (value) => ({ animationDelay: value }) },
457
+ { [`${prefix}-delay`]: (value) => ({ [`--${prefix}-delay`]: value }) },
456
458
  {
457
459
  values: {
458
460
  0: '0ms',
@@ -472,7 +474,7 @@ export const animation = plugin.withOptions(
472
474
  );
473
475
 
474
476
  matchUtilities(
475
- { [`${prefix}-ease`]: (value) => ({ animationTimingFunction: value }) },
477
+ { [`${prefix}-ease`]: (value) => ({ [`--${prefix}-ease`]: value }) },
476
478
  {
477
479
  values: {
478
480
  linear: 'linear',