@react95/core 8.0.0-alpha.2 → 8.0.0-alpha.4
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/@types/Frame/{sprinkles.css.d.ts → Frame.css.d.ts} +141 -116
- package/@types/Frame/Frame.d.ts +3 -3
- package/@types/Frame/props.d.ts +1 -1
- package/cjs/Dropdown/Dropdown.js +2 -2
- package/cjs/Frame/Frame.css.js +48 -0
- package/cjs/Frame/Frame.css.ts.vanilla.css +399 -0
- package/cjs/Frame/Frame.js +2 -2
- package/cjs/TaskBar/TaskBar.css.ts.vanilla.css +1 -0
- package/esm/Dropdown/Dropdown.js +1 -1
- package/esm/Frame/Frame.css.js +48 -0
- package/esm/Frame/Frame.css.ts.vanilla.css +399 -0
- package/esm/Frame/Frame.js +1 -1
- package/esm/TaskBar/TaskBar.css.ts.vanilla.css +1 -0
- package/package.json +9 -2
- package/cjs/Frame/sprinkles.css.js +0 -47
- package/cjs/themes/sprinkles.css.ts.vanilla.css +0 -399
- package/esm/Frame/sprinkles.css.js +0 -47
- package/esm/themes/sprinkles.css.ts.vanilla.css +0 -399
|
@@ -1,111 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
readonly backgroundColor: {
|
|
4
|
-
dynamic: {
|
|
5
|
-
default: string;
|
|
6
|
-
};
|
|
7
|
-
dynamicScale: {
|
|
8
|
-
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
-
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
-
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
|
-
borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
-
borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
-
borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
-
borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
-
canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
|
-
canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
|
-
headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
-
headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
|
-
headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
|
-
headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
|
-
material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
-
materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
-
materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
-
materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
-
materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
-
progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
-
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
-
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
-
};
|
|
30
|
-
name: "backgroundColor";
|
|
31
|
-
vars: {
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
readonly colors: {
|
|
36
|
-
dynamic: {
|
|
37
|
-
default: string;
|
|
38
|
-
};
|
|
39
|
-
dynamicScale: {
|
|
40
|
-
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
-
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
-
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
|
-
borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
-
borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
-
borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
-
canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
-
canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
-
headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
-
headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
-
headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
-
headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
-
material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
-
materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
-
materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
-
materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
|
-
materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
58
|
-
progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
-
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
-
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
|
-
};
|
|
62
|
-
name: "colors";
|
|
63
|
-
vars: {
|
|
64
|
-
default: string;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
} & {
|
|
69
|
-
config: {
|
|
70
|
-
bgColor: {
|
|
71
|
-
mappings: "backgroundColor"[];
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
}, {
|
|
75
|
-
config: {
|
|
76
|
-
readonly boxShadow: {
|
|
77
|
-
dynamic: {
|
|
78
|
-
default: string;
|
|
79
|
-
};
|
|
80
|
-
dynamicScale: {
|
|
81
|
-
out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
|
-
in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
|
-
input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
-
};
|
|
85
|
-
name: "boxShadow";
|
|
86
|
-
vars: {
|
|
87
|
-
default: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
}, {
|
|
92
|
-
config: {
|
|
93
|
-
readonly zIndex: {
|
|
94
|
-
dynamic: {
|
|
95
|
-
default: string;
|
|
96
|
-
};
|
|
97
|
-
dynamicScale: {
|
|
98
|
-
modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
|
-
tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
|
-
taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
|
-
};
|
|
102
|
-
name: "zIndex";
|
|
103
|
-
vars: {
|
|
104
|
-
default: string;
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
}, {
|
|
1
|
+
import type { SprinklesFn } from 'rainbow-sprinkles/createRuntimeFn';
|
|
2
|
+
declare const displayAndBoxModelAtomicProps: {
|
|
109
3
|
config: {
|
|
110
4
|
readonly display: {
|
|
111
5
|
dynamic: {
|
|
@@ -1418,7 +1312,8 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
1418
1312
|
mappings: ("paddingBottom" | "paddingTop")[];
|
|
1419
1313
|
};
|
|
1420
1314
|
};
|
|
1421
|
-
}
|
|
1315
|
+
};
|
|
1316
|
+
declare const positioningAtomicProps: {
|
|
1422
1317
|
config: {
|
|
1423
1318
|
readonly position: {
|
|
1424
1319
|
dynamic: {
|
|
@@ -1481,7 +1376,82 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
1481
1376
|
};
|
|
1482
1377
|
};
|
|
1483
1378
|
};
|
|
1484
|
-
}
|
|
1379
|
+
};
|
|
1380
|
+
declare const colorsAtomicProps: {
|
|
1381
|
+
config: {
|
|
1382
|
+
readonly backgroundColor: {
|
|
1383
|
+
dynamic: {
|
|
1384
|
+
default: string;
|
|
1385
|
+
};
|
|
1386
|
+
dynamicScale: {
|
|
1387
|
+
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1388
|
+
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1389
|
+
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1390
|
+
borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1391
|
+
borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1392
|
+
borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1393
|
+
borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1394
|
+
canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1395
|
+
canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1396
|
+
headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1397
|
+
headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1398
|
+
headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1399
|
+
headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1400
|
+
material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1401
|
+
materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1402
|
+
materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1403
|
+
materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1404
|
+
materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1405
|
+
progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1406
|
+
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1407
|
+
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1408
|
+
};
|
|
1409
|
+
name: "backgroundColor";
|
|
1410
|
+
vars: {
|
|
1411
|
+
default: string;
|
|
1412
|
+
};
|
|
1413
|
+
};
|
|
1414
|
+
readonly color: {
|
|
1415
|
+
dynamic: {
|
|
1416
|
+
default: string;
|
|
1417
|
+
};
|
|
1418
|
+
dynamicScale: {
|
|
1419
|
+
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1420
|
+
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1421
|
+
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1422
|
+
borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1423
|
+
borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1424
|
+
borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1425
|
+
borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1426
|
+
canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1427
|
+
canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1428
|
+
headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1429
|
+
headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1430
|
+
headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1431
|
+
headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1432
|
+
material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1433
|
+
materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1434
|
+
materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1435
|
+
materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1436
|
+
materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1437
|
+
progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1438
|
+
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1439
|
+
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1440
|
+
};
|
|
1441
|
+
name: "color";
|
|
1442
|
+
vars: {
|
|
1443
|
+
default: string;
|
|
1444
|
+
};
|
|
1445
|
+
};
|
|
1446
|
+
};
|
|
1447
|
+
} & {
|
|
1448
|
+
config: {
|
|
1449
|
+
bgColor: {
|
|
1450
|
+
mappings: "backgroundColor"[];
|
|
1451
|
+
};
|
|
1452
|
+
};
|
|
1453
|
+
};
|
|
1454
|
+
declare const backgroundAtomicProps: {
|
|
1485
1455
|
config: {
|
|
1486
1456
|
readonly background: {
|
|
1487
1457
|
dynamic: {
|
|
@@ -1570,7 +1540,8 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
1570
1540
|
mappings: "background"[];
|
|
1571
1541
|
};
|
|
1572
1542
|
};
|
|
1573
|
-
}
|
|
1543
|
+
};
|
|
1544
|
+
declare const bordersAtomicProps: {
|
|
1574
1545
|
config: {
|
|
1575
1546
|
readonly border: {
|
|
1576
1547
|
dynamic: {
|
|
@@ -1883,7 +1854,8 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
1883
1854
|
};
|
|
1884
1855
|
};
|
|
1885
1856
|
};
|
|
1886
|
-
}
|
|
1857
|
+
};
|
|
1858
|
+
declare const borderRadiusAtomicProps: {
|
|
1887
1859
|
config: {
|
|
1888
1860
|
readonly borderBottomLeftRadius: {
|
|
1889
1861
|
dynamic: {
|
|
@@ -1996,7 +1968,26 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
1996
1968
|
};
|
|
1997
1969
|
};
|
|
1998
1970
|
};
|
|
1999
|
-
}
|
|
1971
|
+
};
|
|
1972
|
+
declare const shadowsAtomicProps: {
|
|
1973
|
+
config: {
|
|
1974
|
+
readonly boxShadow: {
|
|
1975
|
+
dynamic: {
|
|
1976
|
+
default: string;
|
|
1977
|
+
};
|
|
1978
|
+
dynamicScale: {
|
|
1979
|
+
out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1980
|
+
in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1981
|
+
input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1982
|
+
};
|
|
1983
|
+
name: "boxShadow";
|
|
1984
|
+
vars: {
|
|
1985
|
+
default: string;
|
|
1986
|
+
};
|
|
1987
|
+
};
|
|
1988
|
+
};
|
|
1989
|
+
};
|
|
1990
|
+
declare const outlineAtomicProps: {
|
|
2000
1991
|
config: {
|
|
2001
1992
|
readonly outline: {
|
|
2002
1993
|
dynamic: {
|
|
@@ -2039,7 +2030,8 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
2039
2030
|
};
|
|
2040
2031
|
};
|
|
2041
2032
|
};
|
|
2042
|
-
}
|
|
2033
|
+
};
|
|
2034
|
+
declare const fontAtomicProps: {
|
|
2043
2035
|
config: {
|
|
2044
2036
|
readonly font: {
|
|
2045
2037
|
dynamic: {
|
|
@@ -2112,7 +2104,8 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
2112
2104
|
};
|
|
2113
2105
|
};
|
|
2114
2106
|
};
|
|
2115
|
-
}
|
|
2107
|
+
};
|
|
2108
|
+
declare const textAtomicProps: {
|
|
2116
2109
|
config: {
|
|
2117
2110
|
readonly color: {
|
|
2118
2111
|
dynamic: {
|
|
@@ -2267,5 +2260,37 @@ export declare const sprinkles: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
2267
2260
|
};
|
|
2268
2261
|
};
|
|
2269
2262
|
};
|
|
2270
|
-
}
|
|
2263
|
+
};
|
|
2264
|
+
declare const zIndicesAtomicProps: {
|
|
2265
|
+
config: {
|
|
2266
|
+
readonly zIndex: {
|
|
2267
|
+
dynamic: {
|
|
2268
|
+
default: string;
|
|
2269
|
+
};
|
|
2270
|
+
dynamicScale: {
|
|
2271
|
+
modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2272
|
+
tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2273
|
+
taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2274
|
+
};
|
|
2275
|
+
name: "zIndex";
|
|
2276
|
+
vars: {
|
|
2277
|
+
default: string;
|
|
2278
|
+
};
|
|
2279
|
+
};
|
|
2280
|
+
};
|
|
2281
|
+
};
|
|
2282
|
+
export declare const sprinkles: SprinklesFn<[
|
|
2283
|
+
typeof colorsAtomicProps,
|
|
2284
|
+
typeof shadowsAtomicProps,
|
|
2285
|
+
typeof zIndicesAtomicProps,
|
|
2286
|
+
typeof displayAndBoxModelAtomicProps,
|
|
2287
|
+
typeof positioningAtomicProps,
|
|
2288
|
+
typeof backgroundAtomicProps,
|
|
2289
|
+
typeof bordersAtomicProps,
|
|
2290
|
+
typeof borderRadiusAtomicProps,
|
|
2291
|
+
typeof outlineAtomicProps,
|
|
2292
|
+
typeof fontAtomicProps,
|
|
2293
|
+
typeof textAtomicProps
|
|
2294
|
+
]>;
|
|
2271
2295
|
export type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
2296
|
+
export {};
|
package/@types/Frame/Frame.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ElementType } from 'react';
|
|
2
|
-
import { Sprinkles } from './
|
|
2
|
+
import { Sprinkles } from './Frame.css';
|
|
3
3
|
type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
|
|
4
4
|
export type FrameProps<TAs extends ElementType = 'div'> = {
|
|
5
5
|
as?: TAs;
|
|
@@ -39,7 +39,7 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
|
39
39
|
default: string;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
|
-
readonly
|
|
42
|
+
readonly color: {
|
|
43
43
|
dynamic: {
|
|
44
44
|
default: string;
|
|
45
45
|
};
|
|
@@ -66,7 +66,7 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
|
66
66
|
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
67
|
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
68
|
};
|
|
69
|
-
name: "
|
|
69
|
+
name: "color";
|
|
70
70
|
vars: {
|
|
71
71
|
default: string;
|
|
72
72
|
};
|
package/@types/Frame/props.d.ts
CHANGED
|
@@ -730,7 +730,7 @@ export declare const colors: {
|
|
|
730
730
|
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
731
731
|
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
732
732
|
};
|
|
733
|
-
readonly
|
|
733
|
+
readonly color: {
|
|
734
734
|
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
735
735
|
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
736
736
|
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
package/cjs/Dropdown/Dropdown.js
CHANGED
|
@@ -4,7 +4,7 @@ const React = require("react");
|
|
|
4
4
|
const cn = require("classnames");
|
|
5
5
|
const Dropdown_css = require("./Dropdown.css.js");
|
|
6
6
|
const Frame = require("../Frame/Frame.js");
|
|
7
|
-
const
|
|
7
|
+
const Frame_css = require("../Frame/Frame.css.js");
|
|
8
8
|
const defaultOptions = [
|
|
9
9
|
"",
|
|
10
10
|
"C:\\Documents and Settings",
|
|
@@ -13,7 +13,7 @@ const defaultOptions = [
|
|
|
13
13
|
];
|
|
14
14
|
const Dropdown = React.forwardRef(
|
|
15
15
|
({ options = defaultOptions, ...rest }, ref) => {
|
|
16
|
-
const { style, otherProps, className } =
|
|
16
|
+
const { style, otherProps, className } = Frame_css.sprinkles(rest);
|
|
17
17
|
return /* @__PURE__ */ React.createElement(Frame.Frame, { style, className: cn(Dropdown_css.wrapper, className) }, /* @__PURE__ */ React.createElement("select", { ...otherProps, className: cn(Dropdown_css.select), ref }, options && options.map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option))));
|
|
18
18
|
}
|
|
19
19
|
);
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
require('./Frame.css.ts.vanilla.css');
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
/* empty css */const createRuntimeFn = require("rainbow-sprinkles/createRuntimeFn");
|
|
5
|
+
var sprinkles = createRuntimeFn.createRuntimeFn(function() {
|
|
6
|
+
var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_iuzg893o)" }, dynamic: { "default": "r95_iuzg893p" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "backgroundColor" }, color: { vars: { "default": "var(--r95_iuzg893q)" }, dynamic: { "default": "r95_iuzg893r" }, dynamicScale: void 0, name: "color" } } };
|
|
7
|
+
x.config.color.dynamicScale = x.config.backgroundColor.dynamicScale;
|
|
8
|
+
return x;
|
|
9
|
+
}(), { config: { boxShadow: { vars: { "default": "var(--r95_iuzg895y)" }, dynamic: { "default": "r95_iuzg895z" }, dynamicScale: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" }, name: "boxShadow" } } }, { config: { zIndex: { vars: { "default": "var(--r95_iuzg897c)" }, dynamic: { "default": "r95_iuzg897d" }, dynamicScale: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, name: "zIndex" } } }, function() {
|
|
10
|
+
var x = { config: { size: { mappings: ["height", "width"] }, h: { mappings: ["height"] }, w: { mappings: ["width"] }, minH: { mappings: ["minHeight"] }, minW: { mappings: ["minWidth"] }, m: { mappings: ["margin"] }, mr: { mappings: ["marginRight"] }, ml: { mappings: ["marginLeft"] }, mt: { mappings: ["marginTop"] }, mb: { mappings: ["marginBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, p: { mappings: ["padding"] }, pr: { mappings: ["paddingRight"] }, pl: { mappings: ["paddingLeft"] }, pt: { mappings: ["paddingTop"] }, pb: { mappings: ["paddingBottom"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, display: { vars: { "default": "var(--r95_iuzg890)" }, dynamic: { "default": "r95_iuzg891" }, dynamicScale: true, name: "display" }, overflow: { vars: { "default": "var(--r95_iuzg892)" }, dynamic: { "default": "r95_iuzg893" }, dynamicScale: true, name: "overflow" }, boxSizing: { vars: { "default": "var(--r95_iuzg894)" }, dynamic: { "default": "r95_iuzg895" }, dynamicScale: true, name: "boxSizing" }, grid: { vars: { "default": "var(--r95_iuzg896)" }, dynamic: { "default": "r95_iuzg897" }, dynamicScale: true, name: "grid" }, gridArea: { vars: { "default": "var(--r95_iuzg898)" }, dynamic: { "default": "r95_iuzg899" }, dynamicScale: true, name: "gridArea" }, gridAutoColumns: { vars: { "default": "var(--r95_iuzg89a)" }, dynamic: { "default": "r95_iuzg89b" }, dynamicScale: true, name: "gridAutoColumns" }, gridAutoFlow: { vars: { "default": "var(--r95_iuzg89c)" }, dynamic: { "default": "r95_iuzg89d" }, dynamicScale: true, name: "gridAutoFlow" }, gridAutoRows: { vars: { "default": "var(--r95_iuzg89e)" }, dynamic: { "default": "r95_iuzg89f" }, dynamicScale: true, name: "gridAutoRows" }, gridColumn: { vars: { "default": "var(--r95_iuzg89g)" }, dynamic: { "default": "r95_iuzg89h" }, dynamicScale: true, name: "gridColumn" }, gridColumnEnd: { vars: { "default": "var(--r95_iuzg89i)" }, dynamic: { "default": "r95_iuzg89j" }, dynamicScale: true, name: "gridColumnEnd" }, gridColumnStart: { vars: { "default": "var(--r95_iuzg89k)" }, dynamic: { "default": "r95_iuzg89l" }, dynamicScale: true, name: "gridColumnStart" }, gridRow: { vars: { "default": "var(--r95_iuzg89m)" }, dynamic: { "default": "r95_iuzg89n" }, dynamicScale: true, name: "gridRow" }, gridRowEnd: { vars: { "default": "var(--r95_iuzg89o)" }, dynamic: { "default": "r95_iuzg89p" }, dynamicScale: true, name: "gridRowEnd" }, gridRowStart: { vars: { "default": "var(--r95_iuzg89q)" }, dynamic: { "default": "r95_iuzg89r" }, dynamicScale: true, name: "gridRowStart" }, gridTemplate: { vars: { "default": "var(--r95_iuzg89s)" }, dynamic: { "default": "r95_iuzg89t" }, dynamicScale: true, name: "gridTemplate" }, gridTemplateAreas: { vars: { "default": "var(--r95_iuzg89u)" }, dynamic: { "default": "r95_iuzg89v" }, dynamicScale: true, name: "gridTemplateAreas" }, gridTemplateColumns: { vars: { "default": "var(--r95_iuzg89w)" }, dynamic: { "default": "r95_iuzg89x" }, dynamicScale: true, name: "gridTemplateColumns" }, gridTemplateRows: { vars: { "default": "var(--r95_iuzg89y)" }, dynamic: { "default": "r95_iuzg89z" }, dynamicScale: true, name: "gridTemplateRows" }, flex: { vars: { "default": "var(--r95_iuzg8910)" }, dynamic: { "default": "r95_iuzg8911" }, dynamicScale: true, name: "flex" }, flexBasis: { vars: { "default": "var(--r95_iuzg8912)" }, dynamic: { "default": "r95_iuzg8913" }, dynamicScale: true, name: "flexBasis" }, flexDirection: { vars: { "default": "var(--r95_iuzg8914)" }, dynamic: { "default": "r95_iuzg8915" }, dynamicScale: true, name: "flexDirection" }, flexFlow: { vars: { "default": "var(--r95_iuzg8916)" }, dynamic: { "default": "r95_iuzg8917" }, dynamicScale: true, name: "flexFlow" }, flexGrow: { vars: { "default": "var(--r95_iuzg8918)" }, dynamic: { "default": "r95_iuzg8919" }, dynamicScale: true, name: "flexGrow" }, flexShrink: { vars: { "default": "var(--r95_iuzg891a)" }, dynamic: { "default": "r95_iuzg891b" }, dynamicScale: true, name: "flexShrink" }, flexWrap: { vars: { "default": "var(--r95_iuzg891c)" }, dynamic: { "default": "r95_iuzg891d" }, dynamicScale: true, name: "flexWrap" }, justifyContent: { vars: { "default": "var(--r95_iuzg891e)" }, dynamic: { "default": "r95_iuzg891f" }, dynamicScale: true, name: "justifyContent" }, justifyItems: { vars: { "default": "var(--r95_iuzg891g)" }, dynamic: { "default": "r95_iuzg891h" }, dynamicScale: true, name: "justifyItems" }, justifySelf: { vars: { "default": "var(--r95_iuzg891i)" }, dynamic: { "default": "r95_iuzg891j" }, dynamicScale: true, name: "justifySelf" }, alignContent: { vars: { "default": "var(--r95_iuzg891k)" }, dynamic: { "default": "r95_iuzg891l" }, dynamicScale: true, name: "alignContent" }, alignItems: { vars: { "default": "var(--r95_iuzg891m)" }, dynamic: { "default": "r95_iuzg891n" }, dynamicScale: true, name: "alignItems" }, alignSelf: { vars: { "default": "var(--r95_iuzg891o)" }, dynamic: { "default": "r95_iuzg891p" }, dynamicScale: true, name: "alignSelf" }, gap: { vars: { "default": "var(--r95_iuzg891q)" }, dynamic: { "default": "r95_iuzg891r" }, dynamicScale: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, name: "gap" }, width: { vars: { "default": "var(--r95_iuzg891s)" }, dynamic: { "default": "r95_iuzg891t" }, dynamicScale: void 0, name: "width" }, maxWidth: { vars: { "default": "var(--r95_iuzg891u)" }, dynamic: { "default": "r95_iuzg891v" }, dynamicScale: void 0, name: "maxWidth" }, minWidth: { vars: { "default": "var(--r95_iuzg891w)" }, dynamic: { "default": "r95_iuzg891x" }, dynamicScale: void 0, name: "minWidth" }, height: { vars: { "default": "var(--r95_iuzg891y)" }, dynamic: { "default": "r95_iuzg891z" }, dynamicScale: void 0, name: "height" }, maxHeight: { vars: { "default": "var(--r95_iuzg8920)" }, dynamic: { "default": "r95_iuzg8921" }, dynamicScale: void 0, name: "maxHeight" }, minHeight: { vars: { "default": "var(--r95_iuzg8922)" }, dynamic: { "default": "r95_iuzg8923" }, dynamicScale: void 0, name: "minHeight" }, margin: { vars: { "default": "var(--r95_iuzg8924)" }, dynamic: { "default": "r95_iuzg8925" }, dynamicScale: void 0, name: "margin" }, marginBlock: { vars: { "default": "var(--r95_iuzg8926)" }, dynamic: { "default": "r95_iuzg8927" }, dynamicScale: void 0, name: "marginBlock" }, marginBlockEnd: { vars: { "default": "var(--r95_iuzg8928)" }, dynamic: { "default": "r95_iuzg8929" }, dynamicScale: void 0, name: "marginBlockEnd" }, marginBlockStart: { vars: { "default": "var(--r95_iuzg892a)" }, dynamic: { "default": "r95_iuzg892b" }, dynamicScale: void 0, name: "marginBlockStart" }, marginBottom: { vars: { "default": "var(--r95_iuzg892c)" }, dynamic: { "default": "r95_iuzg892d" }, dynamicScale: void 0, name: "marginBottom" }, marginInline: { vars: { "default": "var(--r95_iuzg892e)" }, dynamic: { "default": "r95_iuzg892f" }, dynamicScale: void 0, name: "marginInline" }, marginInlineEnd: { vars: { "default": "var(--r95_iuzg892g)" }, dynamic: { "default": "r95_iuzg892h" }, dynamicScale: void 0, name: "marginInlineEnd" }, marginInlineStart: { vars: { "default": "var(--r95_iuzg892i)" }, dynamic: { "default": "r95_iuzg892j" }, dynamicScale: void 0, name: "marginInlineStart" }, marginLeft: { vars: { "default": "var(--r95_iuzg892k)" }, dynamic: { "default": "r95_iuzg892l" }, dynamicScale: void 0, name: "marginLeft" }, marginRight: { vars: { "default": "var(--r95_iuzg892m)" }, dynamic: { "default": "r95_iuzg892n" }, dynamicScale: void 0, name: "marginRight" }, marginTop: { vars: { "default": "var(--r95_iuzg892o)" }, dynamic: { "default": "r95_iuzg892p" }, dynamicScale: void 0, name: "marginTop" }, padding: { vars: { "default": "var(--r95_iuzg892q)" }, dynamic: { "default": "r95_iuzg892r" }, dynamicScale: void 0, name: "padding" }, paddingBlock: { vars: { "default": "var(--r95_iuzg892s)" }, dynamic: { "default": "r95_iuzg892t" }, dynamicScale: void 0, name: "paddingBlock" }, paddingBlockEnd: { vars: { "default": "var(--r95_iuzg892u)" }, dynamic: { "default": "r95_iuzg892v" }, dynamicScale: void 0, name: "paddingBlockEnd" }, paddingBlockStart: { vars: { "default": "var(--r95_iuzg892w)" }, dynamic: { "default": "r95_iuzg892x" }, dynamicScale: void 0, name: "paddingBlockStart" }, paddingBottom: { vars: { "default": "var(--r95_iuzg892y)" }, dynamic: { "default": "r95_iuzg892z" }, dynamicScale: void 0, name: "paddingBottom" }, paddingInline: { vars: { "default": "var(--r95_iuzg8930)" }, dynamic: { "default": "r95_iuzg8931" }, dynamicScale: void 0, name: "paddingInline" }, paddingInlineEnd: { vars: { "default": "var(--r95_iuzg8932)" }, dynamic: { "default": "r95_iuzg8933" }, dynamicScale: void 0, name: "paddingInlineEnd" }, paddingInlineStart: { vars: { "default": "var(--r95_iuzg8934)" }, dynamic: { "default": "r95_iuzg8935" }, dynamicScale: void 0, name: "paddingInlineStart" }, paddingLeft: { vars: { "default": "var(--r95_iuzg8936)" }, dynamic: { "default": "r95_iuzg8937" }, dynamicScale: void 0, name: "paddingLeft" }, paddingRight: { vars: { "default": "var(--r95_iuzg8938)" }, dynamic: { "default": "r95_iuzg8939" }, dynamicScale: void 0, name: "paddingRight" }, paddingTop: { vars: { "default": "var(--r95_iuzg893a)" }, dynamic: { "default": "r95_iuzg893b" }, dynamicScale: void 0, name: "paddingTop" } } };
|
|
11
|
+
x.config.width.dynamicScale = x.config.gap.dynamicScale;
|
|
12
|
+
x.config.maxWidth.dynamicScale = x.config.gap.dynamicScale;
|
|
13
|
+
x.config.minWidth.dynamicScale = x.config.gap.dynamicScale;
|
|
14
|
+
x.config.height.dynamicScale = x.config.gap.dynamicScale;
|
|
15
|
+
x.config.maxHeight.dynamicScale = x.config.gap.dynamicScale;
|
|
16
|
+
x.config.minHeight.dynamicScale = x.config.gap.dynamicScale;
|
|
17
|
+
x.config.margin.dynamicScale = x.config.gap.dynamicScale;
|
|
18
|
+
x.config.marginBlock.dynamicScale = x.config.gap.dynamicScale;
|
|
19
|
+
x.config.marginBlockEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
20
|
+
x.config.marginBlockStart.dynamicScale = x.config.gap.dynamicScale;
|
|
21
|
+
x.config.marginBottom.dynamicScale = x.config.gap.dynamicScale;
|
|
22
|
+
x.config.marginInline.dynamicScale = x.config.gap.dynamicScale;
|
|
23
|
+
x.config.marginInlineEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
24
|
+
x.config.marginInlineStart.dynamicScale = x.config.gap.dynamicScale;
|
|
25
|
+
x.config.marginLeft.dynamicScale = x.config.gap.dynamicScale;
|
|
26
|
+
x.config.marginRight.dynamicScale = x.config.gap.dynamicScale;
|
|
27
|
+
x.config.marginTop.dynamicScale = x.config.gap.dynamicScale;
|
|
28
|
+
x.config.padding.dynamicScale = x.config.gap.dynamicScale;
|
|
29
|
+
x.config.paddingBlock.dynamicScale = x.config.gap.dynamicScale;
|
|
30
|
+
x.config.paddingBlockEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
31
|
+
x.config.paddingBlockStart.dynamicScale = x.config.gap.dynamicScale;
|
|
32
|
+
x.config.paddingBottom.dynamicScale = x.config.gap.dynamicScale;
|
|
33
|
+
x.config.paddingInline.dynamicScale = x.config.gap.dynamicScale;
|
|
34
|
+
x.config.paddingInlineEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
35
|
+
x.config.paddingInlineStart.dynamicScale = x.config.gap.dynamicScale;
|
|
36
|
+
x.config.paddingLeft.dynamicScale = x.config.gap.dynamicScale;
|
|
37
|
+
x.config.paddingRight.dynamicScale = x.config.gap.dynamicScale;
|
|
38
|
+
x.config.paddingTop.dynamicScale = x.config.gap.dynamicScale;
|
|
39
|
+
return x;
|
|
40
|
+
}(), { config: { position: { vars: { "default": "var(--r95_iuzg893c)" }, dynamic: { "default": "r95_iuzg893d" }, dynamicScale: true, name: "position" }, top: { vars: { "default": "var(--r95_iuzg893e)" }, dynamic: { "default": "r95_iuzg893f" }, dynamicScale: true, name: "top" }, right: { vars: { "default": "var(--r95_iuzg893g)" }, dynamic: { "default": "r95_iuzg893h" }, dynamicScale: true, name: "right" }, bottom: { vars: { "default": "var(--r95_iuzg893i)" }, dynamic: { "default": "r95_iuzg893j" }, dynamicScale: true, name: "bottom" }, left: { vars: { "default": "var(--r95_iuzg893k)" }, dynamic: { "default": "r95_iuzg893l" }, dynamicScale: true, name: "left" }, pointerEvents: { vars: { "default": "var(--r95_iuzg893m)" }, dynamic: { "default": "r95_iuzg893n" }, dynamicScale: true, name: "pointerEvents" } } }, { config: { bg: { mappings: ["background"] }, background: { vars: { "default": "var(--r95_iuzg893s)" }, dynamic: { "default": "r95_iuzg893t" }, dynamicScale: true, name: "background" }, backgroundAttachment: { vars: { "default": "var(--r95_iuzg893u)" }, dynamic: { "default": "r95_iuzg893v" }, dynamicScale: true, name: "backgroundAttachment" }, backgroundImage: { vars: { "default": "var(--r95_iuzg893w)" }, dynamic: { "default": "r95_iuzg893x" }, dynamicScale: true, name: "backgroundImage" }, backgroundPosition: { vars: { "default": "var(--r95_iuzg893y)" }, dynamic: { "default": "r95_iuzg893z" }, dynamicScale: true, name: "backgroundPosition" }, backgroundRepeat: { vars: { "default": "var(--r95_iuzg8940)" }, dynamic: { "default": "r95_iuzg8941" }, dynamicScale: true, name: "backgroundRepeat" }, backgroundSize: { vars: { "default": "var(--r95_iuzg8942)" }, dynamic: { "default": "r95_iuzg8943" }, dynamicScale: true, name: "backgroundSize" }, backgroundOrigin: { vars: { "default": "var(--r95_iuzg8944)" }, dynamic: { "default": "r95_iuzg8945" }, dynamicScale: true, name: "backgroundOrigin" }, backgroundClip: { vars: { "default": "var(--r95_iuzg8946)" }, dynamic: { "default": "r95_iuzg8947" }, dynamicScale: true, name: "backgroundClip" } } }, function() {
|
|
41
|
+
var x = { config: { border: { vars: { "default": "var(--r95_iuzg8948)" }, dynamic: { "default": "r95_iuzg8949" }, dynamicScale: true, name: "border" }, borderStyle: { vars: { "default": "var(--r95_iuzg894a)" }, dynamic: { "default": "r95_iuzg894b" }, dynamicScale: true, name: "borderStyle" }, borderWidth: { vars: { "default": "var(--r95_iuzg894c)" }, dynamic: { "default": "r95_iuzg894d" }, dynamicScale: true, name: "borderWidth" }, borderColor: { vars: { "default": "var(--r95_iuzg894e)" }, dynamic: { "default": "r95_iuzg894f" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "borderColor" }, borderTop: { vars: { "default": "var(--r95_iuzg894g)" }, dynamic: { "default": "r95_iuzg894h" }, dynamicScale: true, name: "borderTop" }, borderTopColor: { vars: { "default": "var(--r95_iuzg894i)" }, dynamic: { "default": "r95_iuzg894j" }, dynamicScale: void 0, name: "borderTopColor" }, borderTopStyle: { vars: { "default": "var(--r95_iuzg894k)" }, dynamic: { "default": "r95_iuzg894l" }, dynamicScale: true, name: "borderTopStyle" }, borderTopWidth: { vars: { "default": "var(--r95_iuzg894m)" }, dynamic: { "default": "r95_iuzg894n" }, dynamicScale: true, name: "borderTopWidth" }, borderRight: { vars: { "default": "var(--r95_iuzg894o)" }, dynamic: { "default": "r95_iuzg894p" }, dynamicScale: true, name: "borderRight" }, borderRightColor: { vars: { "default": "var(--r95_iuzg894q)" }, dynamic: { "default": "r95_iuzg894r" }, dynamicScale: void 0, name: "borderRightColor" }, borderRightStyle: { vars: { "default": "var(--r95_iuzg894s)" }, dynamic: { "default": "r95_iuzg894t" }, dynamicScale: true, name: "borderRightStyle" }, borderRightWidth: { vars: { "default": "var(--r95_iuzg894u)" }, dynamic: { "default": "r95_iuzg894v" }, dynamicScale: true, name: "borderRightWidth" }, borderBottom: { vars: { "default": "var(--r95_iuzg894w)" }, dynamic: { "default": "r95_iuzg894x" }, dynamicScale: true, name: "borderBottom" }, borderBottomColor: { vars: { "default": "var(--r95_iuzg894y)" }, dynamic: { "default": "r95_iuzg894z" }, dynamicScale: void 0, name: "borderBottomColor" }, borderBottomStyle: { vars: { "default": "var(--r95_iuzg8950)" }, dynamic: { "default": "r95_iuzg8951" }, dynamicScale: true, name: "borderBottomStyle" }, borderBottomWidth: { vars: { "default": "var(--r95_iuzg8952)" }, dynamic: { "default": "r95_iuzg8953" }, dynamicScale: true, name: "borderBottomWidth" }, borderLeft: { vars: { "default": "var(--r95_iuzg8954)" }, dynamic: { "default": "r95_iuzg8955" }, dynamicScale: true, name: "borderLeft" }, borderLeftColor: { vars: { "default": "var(--r95_iuzg8956)" }, dynamic: { "default": "r95_iuzg8957" }, dynamicScale: void 0, name: "borderLeftColor" }, borderLeftStyle: { vars: { "default": "var(--r95_iuzg8958)" }, dynamic: { "default": "r95_iuzg8959" }, dynamicScale: true, name: "borderLeftStyle" }, borderLeftWidth: { vars: { "default": "var(--r95_iuzg895a)" }, dynamic: { "default": "r95_iuzg895b" }, dynamicScale: true, name: "borderLeftWidth" } } };
|
|
42
|
+
x.config.borderTopColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
43
|
+
x.config.borderRightColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
44
|
+
x.config.borderBottomColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
45
|
+
x.config.borderLeftColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
46
|
+
return x;
|
|
47
|
+
}(), { config: { borderBottomLeftRadius: { vars: { "default": "var(--r95_iuzg895c)" }, dynamic: { "default": "r95_iuzg895d" }, dynamicScale: true, name: "borderBottomLeftRadius" }, borderBottomRightRadius: { vars: { "default": "var(--r95_iuzg895e)" }, dynamic: { "default": "r95_iuzg895f" }, dynamicScale: true, name: "borderBottomRightRadius" }, borderImage: { vars: { "default": "var(--r95_iuzg895g)" }, dynamic: { "default": "r95_iuzg895h" }, dynamicScale: true, name: "borderImage" }, borderImageOutset: { vars: { "default": "var(--r95_iuzg895i)" }, dynamic: { "default": "r95_iuzg895j" }, dynamicScale: true, name: "borderImageOutset" }, borderImageRepeat: { vars: { "default": "var(--r95_iuzg895k)" }, dynamic: { "default": "r95_iuzg895l" }, dynamicScale: true, name: "borderImageRepeat" }, borderImageSlice: { vars: { "default": "var(--r95_iuzg895m)" }, dynamic: { "default": "r95_iuzg895n" }, dynamicScale: true, name: "borderImageSlice" }, borderImageSource: { vars: { "default": "var(--r95_iuzg895o)" }, dynamic: { "default": "r95_iuzg895p" }, dynamicScale: true, name: "borderImageSource" }, borderImageWidth: { vars: { "default": "var(--r95_iuzg895q)" }, dynamic: { "default": "r95_iuzg895r" }, dynamicScale: true, name: "borderImageWidth" }, borderRadius: { vars: { "default": "var(--r95_iuzg895s)" }, dynamic: { "default": "r95_iuzg895t" }, dynamicScale: true, name: "borderRadius" }, borderTopLeftRadius: { vars: { "default": "var(--r95_iuzg895u)" }, dynamic: { "default": "r95_iuzg895v" }, dynamicScale: true, name: "borderTopLeftRadius" }, borderTopRightRadius: { vars: { "default": "var(--r95_iuzg895w)" }, dynamic: { "default": "r95_iuzg895x" }, dynamicScale: true, name: "borderTopRightRadius" } } }, { config: { outline: { vars: { "default": "var(--r95_iuzg8960)" }, dynamic: { "default": "r95_iuzg8961" }, dynamicScale: true, name: "outline" }, outlineColor: { vars: { "default": "var(--r95_iuzg8962)" }, dynamic: { "default": "r95_iuzg8963" }, dynamicScale: true, name: "outlineColor" }, outlineStyle: { vars: { "default": "var(--r95_iuzg8964)" }, dynamic: { "default": "r95_iuzg8965" }, dynamicScale: true, name: "outlineStyle" }, outlineWidth: { vars: { "default": "var(--r95_iuzg8966)" }, dynamic: { "default": "r95_iuzg8967" }, dynamicScale: true, name: "outlineWidth" } } }, { config: { font: { vars: { "default": "var(--r95_iuzg8968)" }, dynamic: { "default": "r95_iuzg8969" }, dynamicScale: true, name: "font" }, fontFamily: { vars: { "default": "var(--r95_iuzg896a)" }, dynamic: { "default": "r95_iuzg896b" }, dynamicScale: true, name: "fontFamily" }, fontStyle: { vars: { "default": "var(--r95_iuzg896c)" }, dynamic: { "default": "r95_iuzg896d" }, dynamicScale: true, name: "fontStyle" }, fontSize: { vars: { "default": "var(--r95_iuzg896e)" }, dynamic: { "default": "r95_iuzg896f" }, dynamicScale: true, name: "fontSize" }, fontWeight: { vars: { "default": "var(--r95_iuzg896g)" }, dynamic: { "default": "r95_iuzg896h" }, dynamicScale: true, name: "fontWeight" }, fontVariant: { vars: { "default": "var(--r95_iuzg896i)" }, dynamic: { "default": "r95_iuzg896j" }, dynamicScale: true, name: "fontVariant" }, fontSizeAdjust: { vars: { "default": "var(--r95_iuzg896k)" }, dynamic: { "default": "r95_iuzg896l" }, dynamicScale: true, name: "fontSizeAdjust" } } }, { config: { color: { vars: { "default": "var(--r95_iuzg896m)" }, dynamic: { "default": "r95_iuzg896n" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "color" }, direction: { vars: { "default": "var(--r95_iuzg896o)" }, dynamic: { "default": "r95_iuzg896p" }, dynamicScale: true, name: "direction" }, letterSpacing: { vars: { "default": "var(--r95_iuzg896q)" }, dynamic: { "default": "r95_iuzg896r" }, dynamicScale: true, name: "letterSpacing" }, lineHeight: { vars: { "default": "var(--r95_iuzg896s)" }, dynamic: { "default": "r95_iuzg896t" }, dynamicScale: true, name: "lineHeight" }, textAlign: { vars: { "default": "var(--r95_iuzg896u)" }, dynamic: { "default": "r95_iuzg896v" }, dynamicScale: true, name: "textAlign" }, textDecoration: { vars: { "default": "var(--r95_iuzg896w)" }, dynamic: { "default": "r95_iuzg896x" }, dynamicScale: true, name: "textDecoration" }, textIndent: { vars: { "default": "var(--r95_iuzg896y)" }, dynamic: { "default": "r95_iuzg896z" }, dynamicScale: true, name: "textIndent" }, textShadow: { vars: { "default": "var(--r95_iuzg8970)" }, dynamic: { "default": "r95_iuzg8971" }, dynamicScale: true, name: "textShadow" }, textTransform: { vars: { "default": "var(--r95_iuzg8972)" }, dynamic: { "default": "r95_iuzg8973" }, dynamicScale: true, name: "textTransform" }, verticalAlign: { vars: { "default": "var(--r95_iuzg8974)" }, dynamic: { "default": "r95_iuzg8975" }, dynamicScale: true, name: "verticalAlign" }, whiteSpace: { vars: { "default": "var(--r95_iuzg8976)" }, dynamic: { "default": "r95_iuzg8977" }, dynamicScale: true, name: "whiteSpace" }, wordSpacing: { vars: { "default": "var(--r95_iuzg8978)" }, dynamic: { "default": "r95_iuzg8979" }, dynamicScale: true, name: "wordSpacing" }, wordBreak: { vars: { "default": "var(--r95_iuzg897a)" }, dynamic: { "default": "r95_iuzg897b" }, dynamicScale: true, name: "wordBreak" } } });
|
|
48
|
+
exports.sprinkles = sprinkles;
|