@andrilla/mado-ui 1.0.4 → 1.0.5

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.
@@ -10,20 +10,7 @@ import { createPortal } from "react-dom";
10
10
  //#region src/utils/custom-tailwind-merge.ts
11
11
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
12
12
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
13
- animate: [{ animate: [
14
- "bounce",
15
- "double-spin",
16
- "drop-in",
17
- "flip",
18
- "flip-again",
19
- "grid-rows",
20
- "heartbeat",
21
- "ping",
22
- "pulse",
23
- "slide-up",
24
- "spin",
25
- "wave"
26
- ] }],
13
+ animate: [{ animate: ["fade-in", "wave"] }],
27
14
  "animation-direction": [{ "animation-direction": [
28
15
  "normal",
29
16
  "reverse",
@@ -5,20 +5,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/utils/custom-tailwind-merge.ts
6
6
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
7
7
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
8
- animate: [{ animate: [
9
- "bounce",
10
- "double-spin",
11
- "drop-in",
12
- "flip",
13
- "flip-again",
14
- "grid-rows",
15
- "heartbeat",
16
- "ping",
17
- "pulse",
18
- "slide-up",
19
- "spin",
20
- "wave"
21
- ] }],
8
+ animate: [{ animate: ["fade-in", "wave"] }],
22
9
  "animation-direction": [{ "animation-direction": [
23
10
  "normal",
24
11
  "reverse",
package/dist/client.js CHANGED
@@ -10,20 +10,7 @@ import { createPortal } from "react-dom";
10
10
  //#region src/utils/custom-tailwind-merge.ts
11
11
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
12
12
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
13
- animate: [{ animate: [
14
- "bounce",
15
- "double-spin",
16
- "drop-in",
17
- "flip",
18
- "flip-again",
19
- "grid-rows",
20
- "heartbeat",
21
- "ping",
22
- "pulse",
23
- "slide-up",
24
- "spin",
25
- "wave"
26
- ] }],
13
+ animate: [{ animate: ["fade-in", "wave"] }],
27
14
  "animation-direction": [{ "animation-direction": [
28
15
  "normal",
29
16
  "reverse",
@@ -45,7 +32,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
45
32
  function extendMadoTailwindMerge(configExtension) {
46
33
  const extend = configExtension.extend || {};
47
34
  const theme = extend.theme || {};
48
- const color = "color" in theme ? theme.color : [];
35
+ "color" in theme && theme.color;
49
36
  const classGroups = extend.classGroups || {};
50
37
  const themeRest = { ...theme };
51
38
  if ("color" in themeRest) delete themeRest.color;
@@ -54,38 +41,9 @@ function extendMadoTailwindMerge(configExtension) {
54
41
  delete extendRest.classGroups;
55
42
  return extendTailwindMerge({
56
43
  extend: {
57
- theme: {
58
- color: [{ ui: [
59
- "red",
60
- "orange",
61
- "yellow",
62
- "green",
63
- "sky-blue",
64
- "blue",
65
- "violet",
66
- "magenta",
67
- "purple",
68
- "brown",
69
- "grey",
70
- "pink"
71
- ] }, ...color],
72
- ...themeRest
73
- },
44
+ theme: { ...themeRest },
74
45
  classGroups: {
75
- animate: [{ animate: [
76
- "bounce",
77
- "double-spin",
78
- "drop-in",
79
- "flip",
80
- "flip-again",
81
- "grid-rows",
82
- "heartbeat",
83
- "ping",
84
- "pulse",
85
- "slide-up",
86
- "spin",
87
- "wave"
88
- ] }],
46
+ animate: [{ animate: ["fade-in", "wave"] }],
89
47
  "animation-direction": [{ "animation-direction": [
90
48
  "normal",
91
49
  "reverse",
@@ -9,20 +9,7 @@ import { createPortal } from "react-dom";
9
9
  //#region src/utils/custom-tailwind-merge.ts
10
10
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
11
11
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
12
- animate: [{ animate: [
13
- "bounce",
14
- "double-spin",
15
- "drop-in",
16
- "flip",
17
- "flip-again",
18
- "grid-rows",
19
- "heartbeat",
20
- "ping",
21
- "pulse",
22
- "slide-up",
23
- "spin",
24
- "wave"
25
- ] }],
12
+ animate: [{ animate: ["fade-in", "wave"] }],
26
13
  "animation-direction": [{ "animation-direction": [
27
14
  "normal",
28
15
  "reverse",
@@ -4,20 +4,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
4
  //#region src/utils/custom-tailwind-merge.ts
5
5
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
6
6
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
7
- animate: [{ animate: [
8
- "bounce",
9
- "double-spin",
10
- "drop-in",
11
- "flip",
12
- "flip-again",
13
- "grid-rows",
14
- "heartbeat",
15
- "ping",
16
- "pulse",
17
- "slide-up",
18
- "spin",
19
- "wave"
20
- ] }],
7
+ animate: [{ animate: ["fade-in", "wave"] }],
21
8
  "animation-direction": [{ "animation-direction": [
22
9
  "normal",
23
10
  "reverse",
package/dist/index.js CHANGED
@@ -9,20 +9,7 @@ import { createPortal } from "react-dom";
9
9
  //#region src/utils/custom-tailwind-merge.ts
10
10
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
11
11
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
12
- animate: [{ animate: [
13
- "bounce",
14
- "double-spin",
15
- "drop-in",
16
- "flip",
17
- "flip-again",
18
- "grid-rows",
19
- "heartbeat",
20
- "ping",
21
- "pulse",
22
- "slide-up",
23
- "spin",
24
- "wave"
25
- ] }],
12
+ animate: [{ animate: ["fade-in", "wave"] }],
26
13
  "animation-direction": [{ "animation-direction": [
27
14
  "normal",
28
15
  "reverse",
@@ -44,7 +31,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
44
31
  function extendMadoTailwindMerge(configExtension) {
45
32
  const extend = configExtension.extend || {};
46
33
  const theme = extend.theme || {};
47
- const color = "color" in theme ? theme.color : [];
34
+ "color" in theme && theme.color;
48
35
  const classGroups = extend.classGroups || {};
49
36
  const themeRest = { ...theme };
50
37
  if ("color" in themeRest) delete themeRest.color;
@@ -53,38 +40,9 @@ function extendMadoTailwindMerge(configExtension) {
53
40
  delete extendRest.classGroups;
54
41
  return extendTailwindMerge({
55
42
  extend: {
56
- theme: {
57
- color: [{ ui: [
58
- "red",
59
- "orange",
60
- "yellow",
61
- "green",
62
- "sky-blue",
63
- "blue",
64
- "violet",
65
- "magenta",
66
- "purple",
67
- "brown",
68
- "grey",
69
- "pink"
70
- ] }, ...color],
71
- ...themeRest
72
- },
43
+ theme: { ...themeRest },
73
44
  classGroups: {
74
- animate: [{ animate: [
75
- "bounce",
76
- "double-spin",
77
- "drop-in",
78
- "flip",
79
- "flip-again",
80
- "grid-rows",
81
- "heartbeat",
82
- "ping",
83
- "pulse",
84
- "slide-up",
85
- "spin",
86
- "wave"
87
- ] }],
45
+ animate: [{ animate: ["fade-in", "wave"] }],
88
46
  "animation-direction": [{ "animation-direction": [
89
47
  "normal",
90
48
  "reverse",
@@ -126,20 +126,7 @@ function toggleClass(elements, classList) {
126
126
  //#region src/utils/custom-tailwind-merge.ts
127
127
  const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
128
128
  const twMerge = extendTailwindMerge({ extend: { classGroups: {
129
- animate: [{ animate: [
130
- "bounce",
131
- "double-spin",
132
- "drop-in",
133
- "flip",
134
- "flip-again",
135
- "grid-rows",
136
- "heartbeat",
137
- "ping",
138
- "pulse",
139
- "slide-up",
140
- "spin",
141
- "wave"
142
- ] }],
129
+ animate: [{ animate: ["fade-in", "wave"] }],
143
130
  "animation-direction": [{ "animation-direction": [
144
131
  "normal",
145
132
  "reverse",
@@ -161,7 +148,7 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
161
148
  function extendMadoTailwindMerge(configExtension) {
162
149
  const extend = configExtension.extend || {};
163
150
  const theme = extend.theme || {};
164
- const color = "color" in theme ? theme.color : [];
151
+ "color" in theme && theme.color;
165
152
  const classGroups = extend.classGroups || {};
166
153
  const themeRest = { ...theme };
167
154
  if ("color" in themeRest) delete themeRest.color;
@@ -170,38 +157,9 @@ function extendMadoTailwindMerge(configExtension) {
170
157
  delete extendRest.classGroups;
171
158
  return extendTailwindMerge({
172
159
  extend: {
173
- theme: {
174
- color: [{ ui: [
175
- "red",
176
- "orange",
177
- "yellow",
178
- "green",
179
- "sky-blue",
180
- "blue",
181
- "violet",
182
- "magenta",
183
- "purple",
184
- "brown",
185
- "grey",
186
- "pink"
187
- ] }, ...color],
188
- ...themeRest
189
- },
160
+ theme: { ...themeRest },
190
161
  classGroups: {
191
- animate: [{ animate: [
192
- "bounce",
193
- "double-spin",
194
- "drop-in",
195
- "flip",
196
- "flip-again",
197
- "grid-rows",
198
- "heartbeat",
199
- "ping",
200
- "pulse",
201
- "slide-up",
202
- "spin",
203
- "wave"
204
- ] }],
162
+ animate: [{ animate: ["fade-in", "wave"] }],
205
163
  "animation-direction": [{ "animation-direction": [
206
164
  "normal",
207
165
  "reverse",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@andrilla/mado-ui",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "窓 UI is a collection of opinionated React 19 components built on Tailwind CSS 4.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -60,7 +60,6 @@
60
60
  },
61
61
  "scripts": {
62
62
  "bundle": "./scripts/bundle.sh",
63
- "bundle:css": "postcss src/css/index.css -o dist/css/index.css",
64
63
  "bundle:rm": "rm -rf dist",
65
64
  "bundle:rolldown": "rolldown -c",
66
65
  "bundle:tsc": "tsc --emitDeclarationOnly",