Skip to content

Commit a924b85

Browse files
SutuSebastianSutuSebastian
committed
feat(ui): separate Tailwind CSS plugin default export vs module exports (leading to often failures when mixin exports)
1 parent 0e98b57 commit a924b85

File tree

5 files changed

+60
-37
lines changed

5 files changed

+60
-37
lines changed

‎packages/ui/package.json

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,26 @@
142142
"default": "./dist/plugin/*.cjs"
143143
}
144144
},
145+
"./plugin/tailwindcss": {
146+
"import": {
147+
"types": "./dist/plugin/tailwindcss/index.d.ts",
148+
"default": "./dist/plugin/tailwindcss/index.js"
149+
},
150+
"require": {
151+
"types": "./dist/plugin/tailwindcss/index.d.cts",
152+
"default": "./dist/plugin/tailwindcss/index.cjs"
153+
}
154+
},
155+
"./plugin/tailwindcss/*": {
156+
"import": {
157+
"types": "./dist/plugin/tailwindcss/*.d.ts",
158+
"default": "./dist/plugin/tailwindcss/*.js"
159+
},
160+
"require": {
161+
"types": "./dist/plugin/tailwindcss/*.d.cts",
162+
"default": "./dist/plugin/tailwindcss/*.cjs"
163+
}
164+
},
145165
"./theme": {
146166
"import": {
147167
"types": "./dist/theme/index.d.ts",

‎packages/ui/src/plugin/tailwindcss.ts renamed to ‎packages/ui/src/plugin/tailwindcss/colors.ts

Lines changed: 0 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,3 @@
1-
import type { Config } from "tailwindcss";
2-
import plugin from "tailwindcss/plugin";
3-
4-
export const backgroundImage = {
5-
"arrow-down-icon":
6-
"url('data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%206%22%3E%3Cpath%20stroke%3D%22%236B7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m1%201%204%204%204-4%22%2F%3E%3C%2Fsvg%3E')",
7-
"check-icon":
8-
"url('data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2016%2012%27%3E%3Cpath%20stroke%3D%27white%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%273%27%20d%3D%27M1%205.917%205.724%2010.5%2015%201.5%27/%3E%3C/svg%3E')",
9-
"dash-icon":
10-
"url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M0.5%206h14%22%2F%3E%3C%2Fsvg%3E')",
11-
"dot-icon":
12-
"url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E')",
13-
} as const;
14-
15-
export const boxShadow = {
16-
"sm-light": "0 2px 5px 0px rgba(255, 255, 255, 0.08)",
17-
} as const;
18-
191
export const baseColors = {
202
gray: {
213
50: "#F9FAFB",
@@ -158,22 +140,3 @@ export const colors = {
158140
...baseColors,
159141
...semanticColors,
160142
} as const;
161-
162-
export const theme: Config["theme"] = {
163-
backgroundImage,
164-
boxShadow,
165-
colors,
166-
};
167-
168-
export const config: Partial<Config> = {
169-
theme: {
170-
extend: theme,
171-
},
172-
};
173-
174-
export default plugin(
175-
// plugin
176-
() => {},
177-
// config
178-
config,
179-
);

‎packages/ui/src/plugin/tailwindcss/config.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import type { Config } from "tailwindcss";
2+
import { theme } from "./theme";
3+
4+
export const config: Partial<Config> = {
5+
theme: {
6+
extend: theme,
7+
},
8+
};

‎packages/ui/src/plugin/tailwindcss/index.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import plugin from "tailwindcss/plugin";
2+
import { config } from "./config";
3+
4+
export default plugin(
5+
// plugin
6+
() => {},
7+
// config
8+
config,
9+
);

‎packages/ui/src/plugin/tailwindcss/theme.ts

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import type { Config } from "tailwindcss";
2+
import { colors } from "./colors";
3+
4+
export const backgroundImage = {
5+
"arrow-down-icon":
6+
"url('data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%206%22%3E%3Cpath%20stroke%3D%22%236B7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m1%201%204%204%204-4%22%2F%3E%3C%2Fsvg%3E')",
7+
"check-icon":
8+
"url('data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2016%2012%27%3E%3Cpath%20stroke%3D%27white%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%273%27%20d%3D%27M1%205.917%205.724%2010.5%2015%201.5%27/%3E%3C/svg%3E')",
9+
"dash-icon":
10+
"url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%3Cpath%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M0.5%206h14%22%2F%3E%3C%2Fsvg%3E')",
11+
"dot-icon":
12+
"url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E')",
13+
} as const;
14+
15+
export const boxShadow = {
16+
"sm-light": "0 2px 5px 0px rgba(255, 255, 255, 0.08)",
17+
} as const;
18+
19+
export const theme: Config["theme"] = {
20+
backgroundImage,
21+
boxShadow,
22+
colors,
23+
};

0 commit comments

Comments
 (0)