@seed-design/react 0.0.41 → 0.1.0
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/lib/utils/styled.cjs +1 -18
- package/lib/utils/styled.d.ts +2 -2
- package/lib/utils/styled.d.ts.map +1 -1
- package/lib/utils/styled.js +1 -18
- package/package.json +3 -3
- package/src/utils/styled.tsx +17 -38
package/lib/utils/styled.cjs
CHANGED
|
@@ -39,22 +39,6 @@ function handleRadius(radius) {
|
|
|
39
39
|
}
|
|
40
40
|
return vars.vars.$radius[radius] ?? radius;
|
|
41
41
|
}
|
|
42
|
-
function handleGradientDirection(direction) {
|
|
43
|
-
if (!direction) {
|
|
44
|
-
return void 0;
|
|
45
|
-
}
|
|
46
|
-
const directionMap = {
|
|
47
|
-
"to-r": "to right",
|
|
48
|
-
"to-l": "to left",
|
|
49
|
-
"to-t": "to top",
|
|
50
|
-
"to-b": "to bottom",
|
|
51
|
-
"to-tr": "to top right",
|
|
52
|
-
"to-tl": "to top left",
|
|
53
|
-
"to-br": "to bottom right",
|
|
54
|
-
"to-bl": "to bottom left"
|
|
55
|
-
};
|
|
56
|
-
return directionMap[direction] ?? direction;
|
|
57
|
-
}
|
|
58
42
|
function handleGradient(gradientToken, direction) {
|
|
59
43
|
if (!gradientToken || !direction) {
|
|
60
44
|
return void 0;
|
|
@@ -63,8 +47,7 @@ function handleGradient(gradientToken, direction) {
|
|
|
63
47
|
if (!colorStops) {
|
|
64
48
|
return void 0;
|
|
65
49
|
}
|
|
66
|
-
|
|
67
|
-
return `linear-gradient(${mappedDirection}, ${colorStops})`;
|
|
50
|
+
return `linear-gradient(${direction}, ${colorStops})`;
|
|
68
51
|
}
|
|
69
52
|
function handleDisplay(display) {
|
|
70
53
|
if (!display) {
|
package/lib/utils/styled.d.ts
CHANGED
|
@@ -17,11 +17,11 @@ export interface StyleProps {
|
|
|
17
17
|
* Shorthand for `backgroundGradientDirection`.
|
|
18
18
|
* e.g. `43deg`
|
|
19
19
|
*/
|
|
20
|
-
bgGradientDirection?: "to
|
|
20
|
+
bgGradientDirection?: "to right" | "to left" | "to top" | "to bottom" | "to top right" | "to top left" | "to bottom right" | "to bottom left" | (string & {});
|
|
21
21
|
/**
|
|
22
22
|
* e.g. `43deg`
|
|
23
23
|
*/
|
|
24
|
-
backgroundGradientDirection?: "to
|
|
24
|
+
backgroundGradientDirection?: "to right" | "to left" | "to top" | "to bottom" | "to top right" | "to top left" | "to bottom right" | "to bottom left" | (string & {});
|
|
25
25
|
color?: ScopedColorFg | ScopedColorPalette | (string & {});
|
|
26
26
|
borderColor?: ScopedColorStroke | ScopedColorPalette | (string & {});
|
|
27
27
|
borderWidth?: 0 | 1 | (string & {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAI/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,OAOpD;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAiBrF;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}
|
package/lib/utils/styled.js
CHANGED
|
@@ -35,22 +35,6 @@ function handleRadius(radius) {
|
|
|
35
35
|
}
|
|
36
36
|
return vars.$radius[radius] ?? radius;
|
|
37
37
|
}
|
|
38
|
-
function handleGradientDirection(direction) {
|
|
39
|
-
if (!direction) {
|
|
40
|
-
return void 0;
|
|
41
|
-
}
|
|
42
|
-
const directionMap = {
|
|
43
|
-
"to-r": "to right",
|
|
44
|
-
"to-l": "to left",
|
|
45
|
-
"to-t": "to top",
|
|
46
|
-
"to-b": "to bottom",
|
|
47
|
-
"to-tr": "to top right",
|
|
48
|
-
"to-tl": "to top left",
|
|
49
|
-
"to-br": "to bottom right",
|
|
50
|
-
"to-bl": "to bottom left"
|
|
51
|
-
};
|
|
52
|
-
return directionMap[direction] ?? direction;
|
|
53
|
-
}
|
|
54
38
|
function handleGradient(gradientToken, direction) {
|
|
55
39
|
if (!gradientToken || !direction) {
|
|
56
40
|
return void 0;
|
|
@@ -59,8 +43,7 @@ function handleGradient(gradientToken, direction) {
|
|
|
59
43
|
if (!colorStops) {
|
|
60
44
|
return void 0;
|
|
61
45
|
}
|
|
62
|
-
|
|
63
|
-
return `linear-gradient(${mappedDirection}, ${colorStops})`;
|
|
46
|
+
return `linear-gradient(${direction}, ${colorStops})`;
|
|
64
47
|
}
|
|
65
48
|
function handleDisplay(display) {
|
|
66
49
|
if (!display) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -57,12 +57,12 @@
|
|
|
57
57
|
"clsx": "^2.1.1"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@seed-design/css": "0.0
|
|
60
|
+
"@seed-design/css": "0.1.0",
|
|
61
61
|
"react": ">=18.0.0",
|
|
62
62
|
"react-dom": ">=18.0.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@seed-design/css": "0.0
|
|
65
|
+
"@seed-design/css": "0.1.0",
|
|
66
66
|
"@vitejs/plugin-react": "^4.4.1",
|
|
67
67
|
"globby": "^14.1.0",
|
|
68
68
|
"react": "^19.1.0",
|
package/src/utils/styled.tsx
CHANGED
|
@@ -59,25 +59,6 @@ function handleRadius(radius: string | 0 | undefined) {
|
|
|
59
59
|
return vars.$radius[radius] ?? radius;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
function handleGradientDirection(direction: string | undefined) {
|
|
63
|
-
if (!direction) {
|
|
64
|
-
return undefined;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const directionMap: Record<string, string> = {
|
|
68
|
-
"to-r": "to right",
|
|
69
|
-
"to-l": "to left",
|
|
70
|
-
"to-t": "to top",
|
|
71
|
-
"to-b": "to bottom",
|
|
72
|
-
"to-tr": "to top right",
|
|
73
|
-
"to-tl": "to top left",
|
|
74
|
-
"to-br": "to bottom right",
|
|
75
|
-
"to-bl": "to bottom left",
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
return directionMap[direction] ?? direction;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
62
|
function handleGradient(gradientToken: string | undefined, direction: string | undefined) {
|
|
82
63
|
if (!gradientToken || !direction) {
|
|
83
64
|
return undefined;
|
|
@@ -89,9 +70,7 @@ function handleGradient(gradientToken: string | undefined, direction: string | u
|
|
|
89
70
|
return undefined;
|
|
90
71
|
}
|
|
91
72
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
return `linear-gradient(${mappedDirection}, ${colorStops})`;
|
|
73
|
+
return `linear-gradient(${direction}, ${colorStops})`;
|
|
95
74
|
}
|
|
96
75
|
|
|
97
76
|
function handleDisplay(display: string | undefined) {
|
|
@@ -216,28 +195,28 @@ export interface StyleProps {
|
|
|
216
195
|
* e.g. `43deg`
|
|
217
196
|
*/
|
|
218
197
|
bgGradientDirection?:
|
|
219
|
-
| "to
|
|
220
|
-
| "to
|
|
221
|
-
| "to
|
|
222
|
-
| "to
|
|
223
|
-
| "to
|
|
224
|
-
| "to
|
|
225
|
-
| "to
|
|
226
|
-
| "to
|
|
198
|
+
| "to right"
|
|
199
|
+
| "to left"
|
|
200
|
+
| "to top"
|
|
201
|
+
| "to bottom"
|
|
202
|
+
| "to top right"
|
|
203
|
+
| "to top left"
|
|
204
|
+
| "to bottom right"
|
|
205
|
+
| "to bottom left"
|
|
227
206
|
| (string & {});
|
|
228
207
|
|
|
229
208
|
/**
|
|
230
209
|
* e.g. `43deg`
|
|
231
210
|
*/
|
|
232
211
|
backgroundGradientDirection?:
|
|
233
|
-
| "to
|
|
234
|
-
| "to
|
|
235
|
-
| "to
|
|
236
|
-
| "to
|
|
237
|
-
| "to
|
|
238
|
-
| "to
|
|
239
|
-
| "to
|
|
240
|
-
| "to
|
|
212
|
+
| "to right"
|
|
213
|
+
| "to left"
|
|
214
|
+
| "to top"
|
|
215
|
+
| "to bottom"
|
|
216
|
+
| "to top right"
|
|
217
|
+
| "to top left"
|
|
218
|
+
| "to bottom right"
|
|
219
|
+
| "to bottom left"
|
|
241
220
|
| (string & {});
|
|
242
221
|
|
|
243
222
|
color?: ScopedColorFg | ScopedColorPalette | (string & {});
|