@blockle/blocks-core 0.24.0 → 0.25.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/dist/atoms/atoms.css.d.ts +283 -141
- package/dist/atoms/atoms.js +2 -2
- package/dist/config/themeTokens.d.ts +4 -4
- package/dist/css/tokens.js +15 -12
- package/dist/css/vars.css.d.ts +17 -14
- package/dist/index.d.ts +9 -9
- package/dist/index.js +4 -4
- package/dist/theme/makeComponentTheme.d.ts +1 -1
- package/dist/theme/makeComponentTheme.js +1 -1
- package/package.json +1 -1
- package/dist/atoms/atoms.spec.d.ts +0 -1
- package/dist/css/breakpoint/breakpoint.test.d.ts +0 -1
- package/dist/css/cssMatrixUtils.test.d.ts +0 -1
- package/dist/utils/classnames/classnames.test.d.ts +0 -1
- package/dist/utils/math/math.test.d.ts +0 -1
|
@@ -991,19 +991,13 @@ export declare const atomicProperties: {
|
|
|
991
991
|
};
|
|
992
992
|
borderWidth: {
|
|
993
993
|
values: {
|
|
994
|
-
|
|
994
|
+
thin: {
|
|
995
995
|
defaultClass: string;
|
|
996
996
|
} | {
|
|
997
997
|
defaultClass: string;
|
|
998
998
|
conditions: string[];
|
|
999
999
|
};
|
|
1000
|
-
|
|
1001
|
-
defaultClass: string;
|
|
1002
|
-
} | {
|
|
1003
|
-
defaultClass: string;
|
|
1004
|
-
conditions: string[];
|
|
1005
|
-
};
|
|
1006
|
-
large: {
|
|
1000
|
+
thick: {
|
|
1007
1001
|
defaultClass: string;
|
|
1008
1002
|
} | {
|
|
1009
1003
|
defaultClass: string;
|
|
@@ -1555,7 +1549,13 @@ export declare const atomicProperties: {
|
|
|
1555
1549
|
};
|
|
1556
1550
|
fontWeight: {
|
|
1557
1551
|
values: {
|
|
1558
|
-
|
|
1552
|
+
light: {
|
|
1553
|
+
defaultClass: string;
|
|
1554
|
+
} | {
|
|
1555
|
+
defaultClass: string;
|
|
1556
|
+
conditions: string[];
|
|
1557
|
+
};
|
|
1558
|
+
normal: {
|
|
1559
1559
|
defaultClass: string;
|
|
1560
1560
|
} | {
|
|
1561
1561
|
defaultClass: string;
|
|
@@ -1573,6 +1573,12 @@ export declare const atomicProperties: {
|
|
|
1573
1573
|
defaultClass: string;
|
|
1574
1574
|
conditions: string[];
|
|
1575
1575
|
};
|
|
1576
|
+
bold: {
|
|
1577
|
+
defaultClass: string;
|
|
1578
|
+
} | {
|
|
1579
|
+
defaultClass: string;
|
|
1580
|
+
conditions: string[];
|
|
1581
|
+
};
|
|
1576
1582
|
};
|
|
1577
1583
|
};
|
|
1578
1584
|
inlineSize: {
|
|
@@ -1665,25 +1671,25 @@ export declare const atomicProperties: {
|
|
|
1665
1671
|
defaultClass: string;
|
|
1666
1672
|
conditions: string[];
|
|
1667
1673
|
};
|
|
1668
|
-
|
|
1674
|
+
small: {
|
|
1669
1675
|
defaultClass: string;
|
|
1670
1676
|
} | {
|
|
1671
1677
|
defaultClass: string;
|
|
1672
1678
|
conditions: string[];
|
|
1673
1679
|
};
|
|
1674
|
-
|
|
1680
|
+
large: {
|
|
1675
1681
|
defaultClass: string;
|
|
1676
1682
|
} | {
|
|
1677
1683
|
defaultClass: string;
|
|
1678
1684
|
conditions: string[];
|
|
1679
1685
|
};
|
|
1680
|
-
|
|
1686
|
+
xlarge: {
|
|
1681
1687
|
defaultClass: string;
|
|
1682
1688
|
} | {
|
|
1683
1689
|
defaultClass: string;
|
|
1684
1690
|
conditions: string[];
|
|
1685
1691
|
};
|
|
1686
|
-
|
|
1692
|
+
xsmall: {
|
|
1687
1693
|
defaultClass: string;
|
|
1688
1694
|
} | {
|
|
1689
1695
|
defaultClass: string;
|
|
@@ -1923,13 +1929,13 @@ export declare const atomicProperties: {
|
|
|
1923
1929
|
};
|
|
1924
1930
|
transition: {
|
|
1925
1931
|
values: {
|
|
1926
|
-
|
|
1932
|
+
normal: {
|
|
1927
1933
|
defaultClass: string;
|
|
1928
1934
|
} | {
|
|
1929
1935
|
defaultClass: string;
|
|
1930
1936
|
conditions: string[];
|
|
1931
1937
|
};
|
|
1932
|
-
|
|
1938
|
+
slow: {
|
|
1933
1939
|
defaultClass: string;
|
|
1934
1940
|
} | {
|
|
1935
1941
|
defaultClass: string;
|
|
@@ -2111,31 +2117,39 @@ export declare const atomicProperties: {
|
|
|
2111
2117
|
};
|
|
2112
2118
|
columnGap: {
|
|
2113
2119
|
values: {
|
|
2114
|
-
|
|
2120
|
+
0: {
|
|
2115
2121
|
defaultClass: string;
|
|
2116
2122
|
conditions: string[];
|
|
2117
2123
|
};
|
|
2118
|
-
|
|
2124
|
+
4: {
|
|
2119
2125
|
defaultClass: string;
|
|
2120
2126
|
conditions: string[];
|
|
2121
2127
|
};
|
|
2122
|
-
|
|
2128
|
+
1: {
|
|
2123
2129
|
defaultClass: string;
|
|
2124
2130
|
conditions: string[];
|
|
2125
2131
|
};
|
|
2126
|
-
|
|
2132
|
+
2: {
|
|
2127
2133
|
defaultClass: string;
|
|
2128
2134
|
conditions: string[];
|
|
2129
2135
|
};
|
|
2130
|
-
|
|
2136
|
+
3: {
|
|
2131
2137
|
defaultClass: string;
|
|
2132
2138
|
conditions: string[];
|
|
2133
2139
|
};
|
|
2134
|
-
|
|
2140
|
+
5: {
|
|
2135
2141
|
defaultClass: string;
|
|
2136
2142
|
conditions: string[];
|
|
2137
2143
|
};
|
|
2138
|
-
|
|
2144
|
+
6: {
|
|
2145
|
+
defaultClass: string;
|
|
2146
|
+
conditions: string[];
|
|
2147
|
+
};
|
|
2148
|
+
7: {
|
|
2149
|
+
defaultClass: string;
|
|
2150
|
+
conditions: string[];
|
|
2151
|
+
};
|
|
2152
|
+
8: {
|
|
2139
2153
|
defaultClass: string;
|
|
2140
2154
|
conditions: string[];
|
|
2141
2155
|
};
|
|
@@ -2143,15 +2157,15 @@ export declare const atomicProperties: {
|
|
|
2143
2157
|
};
|
|
2144
2158
|
display: {
|
|
2145
2159
|
values: {
|
|
2146
|
-
|
|
2160
|
+
flex: {
|
|
2147
2161
|
defaultClass: string;
|
|
2148
2162
|
conditions: string[];
|
|
2149
2163
|
};
|
|
2150
|
-
|
|
2164
|
+
grid: {
|
|
2151
2165
|
defaultClass: string;
|
|
2152
2166
|
conditions: string[];
|
|
2153
2167
|
};
|
|
2154
|
-
|
|
2168
|
+
none: {
|
|
2155
2169
|
defaultClass: string;
|
|
2156
2170
|
conditions: string[];
|
|
2157
2171
|
};
|
|
@@ -2247,10 +2261,6 @@ export declare const atomicProperties: {
|
|
|
2247
2261
|
defaultClass: string;
|
|
2248
2262
|
conditions: string[];
|
|
2249
2263
|
};
|
|
2250
|
-
xsmall: {
|
|
2251
|
-
defaultClass: string;
|
|
2252
|
-
conditions: string[];
|
|
2253
|
-
};
|
|
2254
2264
|
small: {
|
|
2255
2265
|
defaultClass: string;
|
|
2256
2266
|
conditions: string[];
|
|
@@ -2263,35 +2273,47 @@ export declare const atomicProperties: {
|
|
|
2263
2273
|
defaultClass: string;
|
|
2264
2274
|
conditions: string[];
|
|
2265
2275
|
};
|
|
2276
|
+
xsmall: {
|
|
2277
|
+
defaultClass: string;
|
|
2278
|
+
conditions: string[];
|
|
2279
|
+
};
|
|
2266
2280
|
};
|
|
2267
2281
|
};
|
|
2268
2282
|
gap: {
|
|
2269
2283
|
values: {
|
|
2270
|
-
|
|
2284
|
+
0: {
|
|
2271
2285
|
defaultClass: string;
|
|
2272
2286
|
conditions: string[];
|
|
2273
2287
|
};
|
|
2274
|
-
|
|
2288
|
+
4: {
|
|
2275
2289
|
defaultClass: string;
|
|
2276
2290
|
conditions: string[];
|
|
2277
2291
|
};
|
|
2278
|
-
|
|
2292
|
+
1: {
|
|
2279
2293
|
defaultClass: string;
|
|
2280
2294
|
conditions: string[];
|
|
2281
2295
|
};
|
|
2282
|
-
|
|
2296
|
+
2: {
|
|
2283
2297
|
defaultClass: string;
|
|
2284
2298
|
conditions: string[];
|
|
2285
2299
|
};
|
|
2286
|
-
|
|
2300
|
+
3: {
|
|
2287
2301
|
defaultClass: string;
|
|
2288
2302
|
conditions: string[];
|
|
2289
2303
|
};
|
|
2290
|
-
|
|
2304
|
+
5: {
|
|
2291
2305
|
defaultClass: string;
|
|
2292
2306
|
conditions: string[];
|
|
2293
2307
|
};
|
|
2294
|
-
|
|
2308
|
+
6: {
|
|
2309
|
+
defaultClass: string;
|
|
2310
|
+
conditions: string[];
|
|
2311
|
+
};
|
|
2312
|
+
7: {
|
|
2313
|
+
defaultClass: string;
|
|
2314
|
+
conditions: string[];
|
|
2315
|
+
};
|
|
2316
|
+
8: {
|
|
2295
2317
|
defaultClass: string;
|
|
2296
2318
|
conditions: string[];
|
|
2297
2319
|
};
|
|
@@ -2323,31 +2345,39 @@ export declare const atomicProperties: {
|
|
|
2323
2345
|
};
|
|
2324
2346
|
margin: {
|
|
2325
2347
|
values: {
|
|
2326
|
-
|
|
2348
|
+
0: {
|
|
2327
2349
|
defaultClass: string;
|
|
2328
2350
|
conditions: string[];
|
|
2329
2351
|
};
|
|
2330
|
-
|
|
2352
|
+
4: {
|
|
2331
2353
|
defaultClass: string;
|
|
2332
2354
|
conditions: string[];
|
|
2333
2355
|
};
|
|
2334
|
-
|
|
2356
|
+
1: {
|
|
2335
2357
|
defaultClass: string;
|
|
2336
2358
|
conditions: string[];
|
|
2337
2359
|
};
|
|
2338
|
-
|
|
2360
|
+
2: {
|
|
2339
2361
|
defaultClass: string;
|
|
2340
2362
|
conditions: string[];
|
|
2341
2363
|
};
|
|
2342
|
-
|
|
2364
|
+
3: {
|
|
2343
2365
|
defaultClass: string;
|
|
2344
2366
|
conditions: string[];
|
|
2345
2367
|
};
|
|
2346
|
-
|
|
2368
|
+
5: {
|
|
2347
2369
|
defaultClass: string;
|
|
2348
2370
|
conditions: string[];
|
|
2349
2371
|
};
|
|
2350
|
-
|
|
2372
|
+
6: {
|
|
2373
|
+
defaultClass: string;
|
|
2374
|
+
conditions: string[];
|
|
2375
|
+
};
|
|
2376
|
+
7: {
|
|
2377
|
+
defaultClass: string;
|
|
2378
|
+
conditions: string[];
|
|
2379
|
+
};
|
|
2380
|
+
8: {
|
|
2351
2381
|
defaultClass: string;
|
|
2352
2382
|
conditions: string[];
|
|
2353
2383
|
};
|
|
@@ -2359,31 +2389,39 @@ export declare const atomicProperties: {
|
|
|
2359
2389
|
};
|
|
2360
2390
|
marginBlock: {
|
|
2361
2391
|
values: {
|
|
2362
|
-
|
|
2392
|
+
0: {
|
|
2363
2393
|
defaultClass: string;
|
|
2364
2394
|
conditions: string[];
|
|
2365
2395
|
};
|
|
2366
|
-
|
|
2396
|
+
4: {
|
|
2367
2397
|
defaultClass: string;
|
|
2368
2398
|
conditions: string[];
|
|
2369
2399
|
};
|
|
2370
|
-
|
|
2400
|
+
1: {
|
|
2371
2401
|
defaultClass: string;
|
|
2372
2402
|
conditions: string[];
|
|
2373
2403
|
};
|
|
2374
|
-
|
|
2404
|
+
2: {
|
|
2375
2405
|
defaultClass: string;
|
|
2376
2406
|
conditions: string[];
|
|
2377
2407
|
};
|
|
2378
|
-
|
|
2408
|
+
3: {
|
|
2379
2409
|
defaultClass: string;
|
|
2380
2410
|
conditions: string[];
|
|
2381
2411
|
};
|
|
2382
|
-
|
|
2412
|
+
5: {
|
|
2383
2413
|
defaultClass: string;
|
|
2384
2414
|
conditions: string[];
|
|
2385
2415
|
};
|
|
2386
|
-
|
|
2416
|
+
6: {
|
|
2417
|
+
defaultClass: string;
|
|
2418
|
+
conditions: string[];
|
|
2419
|
+
};
|
|
2420
|
+
7: {
|
|
2421
|
+
defaultClass: string;
|
|
2422
|
+
conditions: string[];
|
|
2423
|
+
};
|
|
2424
|
+
8: {
|
|
2387
2425
|
defaultClass: string;
|
|
2388
2426
|
conditions: string[];
|
|
2389
2427
|
};
|
|
@@ -2395,31 +2433,39 @@ export declare const atomicProperties: {
|
|
|
2395
2433
|
};
|
|
2396
2434
|
marginBlockEnd: {
|
|
2397
2435
|
values: {
|
|
2398
|
-
|
|
2436
|
+
0: {
|
|
2399
2437
|
defaultClass: string;
|
|
2400
2438
|
conditions: string[];
|
|
2401
2439
|
};
|
|
2402
|
-
|
|
2440
|
+
4: {
|
|
2403
2441
|
defaultClass: string;
|
|
2404
2442
|
conditions: string[];
|
|
2405
2443
|
};
|
|
2406
|
-
|
|
2444
|
+
1: {
|
|
2407
2445
|
defaultClass: string;
|
|
2408
2446
|
conditions: string[];
|
|
2409
2447
|
};
|
|
2410
|
-
|
|
2448
|
+
2: {
|
|
2411
2449
|
defaultClass: string;
|
|
2412
2450
|
conditions: string[];
|
|
2413
2451
|
};
|
|
2414
|
-
|
|
2452
|
+
3: {
|
|
2415
2453
|
defaultClass: string;
|
|
2416
2454
|
conditions: string[];
|
|
2417
2455
|
};
|
|
2418
|
-
|
|
2456
|
+
5: {
|
|
2419
2457
|
defaultClass: string;
|
|
2420
2458
|
conditions: string[];
|
|
2421
2459
|
};
|
|
2422
|
-
|
|
2460
|
+
6: {
|
|
2461
|
+
defaultClass: string;
|
|
2462
|
+
conditions: string[];
|
|
2463
|
+
};
|
|
2464
|
+
7: {
|
|
2465
|
+
defaultClass: string;
|
|
2466
|
+
conditions: string[];
|
|
2467
|
+
};
|
|
2468
|
+
8: {
|
|
2423
2469
|
defaultClass: string;
|
|
2424
2470
|
conditions: string[];
|
|
2425
2471
|
};
|
|
@@ -2431,31 +2477,39 @@ export declare const atomicProperties: {
|
|
|
2431
2477
|
};
|
|
2432
2478
|
marginBlockStart: {
|
|
2433
2479
|
values: {
|
|
2434
|
-
|
|
2480
|
+
0: {
|
|
2435
2481
|
defaultClass: string;
|
|
2436
2482
|
conditions: string[];
|
|
2437
2483
|
};
|
|
2438
|
-
|
|
2484
|
+
4: {
|
|
2439
2485
|
defaultClass: string;
|
|
2440
2486
|
conditions: string[];
|
|
2441
2487
|
};
|
|
2442
|
-
|
|
2488
|
+
1: {
|
|
2443
2489
|
defaultClass: string;
|
|
2444
2490
|
conditions: string[];
|
|
2445
2491
|
};
|
|
2446
|
-
|
|
2492
|
+
2: {
|
|
2447
2493
|
defaultClass: string;
|
|
2448
2494
|
conditions: string[];
|
|
2449
2495
|
};
|
|
2450
|
-
|
|
2496
|
+
3: {
|
|
2451
2497
|
defaultClass: string;
|
|
2452
2498
|
conditions: string[];
|
|
2453
2499
|
};
|
|
2454
|
-
|
|
2500
|
+
5: {
|
|
2455
2501
|
defaultClass: string;
|
|
2456
2502
|
conditions: string[];
|
|
2457
2503
|
};
|
|
2458
|
-
|
|
2504
|
+
6: {
|
|
2505
|
+
defaultClass: string;
|
|
2506
|
+
conditions: string[];
|
|
2507
|
+
};
|
|
2508
|
+
7: {
|
|
2509
|
+
defaultClass: string;
|
|
2510
|
+
conditions: string[];
|
|
2511
|
+
};
|
|
2512
|
+
8: {
|
|
2459
2513
|
defaultClass: string;
|
|
2460
2514
|
conditions: string[];
|
|
2461
2515
|
};
|
|
@@ -2467,31 +2521,39 @@ export declare const atomicProperties: {
|
|
|
2467
2521
|
};
|
|
2468
2522
|
marginInline: {
|
|
2469
2523
|
values: {
|
|
2470
|
-
|
|
2524
|
+
0: {
|
|
2471
2525
|
defaultClass: string;
|
|
2472
2526
|
conditions: string[];
|
|
2473
2527
|
};
|
|
2474
|
-
|
|
2528
|
+
4: {
|
|
2475
2529
|
defaultClass: string;
|
|
2476
2530
|
conditions: string[];
|
|
2477
2531
|
};
|
|
2478
|
-
|
|
2532
|
+
1: {
|
|
2479
2533
|
defaultClass: string;
|
|
2480
2534
|
conditions: string[];
|
|
2481
2535
|
};
|
|
2482
|
-
|
|
2536
|
+
2: {
|
|
2483
2537
|
defaultClass: string;
|
|
2484
2538
|
conditions: string[];
|
|
2485
2539
|
};
|
|
2486
|
-
|
|
2540
|
+
3: {
|
|
2487
2541
|
defaultClass: string;
|
|
2488
2542
|
conditions: string[];
|
|
2489
2543
|
};
|
|
2490
|
-
|
|
2544
|
+
5: {
|
|
2491
2545
|
defaultClass: string;
|
|
2492
2546
|
conditions: string[];
|
|
2493
2547
|
};
|
|
2494
|
-
|
|
2548
|
+
6: {
|
|
2549
|
+
defaultClass: string;
|
|
2550
|
+
conditions: string[];
|
|
2551
|
+
};
|
|
2552
|
+
7: {
|
|
2553
|
+
defaultClass: string;
|
|
2554
|
+
conditions: string[];
|
|
2555
|
+
};
|
|
2556
|
+
8: {
|
|
2495
2557
|
defaultClass: string;
|
|
2496
2558
|
conditions: string[];
|
|
2497
2559
|
};
|
|
@@ -2503,31 +2565,39 @@ export declare const atomicProperties: {
|
|
|
2503
2565
|
};
|
|
2504
2566
|
marginInlineEnd: {
|
|
2505
2567
|
values: {
|
|
2506
|
-
|
|
2568
|
+
0: {
|
|
2507
2569
|
defaultClass: string;
|
|
2508
2570
|
conditions: string[];
|
|
2509
2571
|
};
|
|
2510
|
-
|
|
2572
|
+
4: {
|
|
2511
2573
|
defaultClass: string;
|
|
2512
2574
|
conditions: string[];
|
|
2513
2575
|
};
|
|
2514
|
-
|
|
2576
|
+
1: {
|
|
2515
2577
|
defaultClass: string;
|
|
2516
2578
|
conditions: string[];
|
|
2517
2579
|
};
|
|
2518
|
-
|
|
2580
|
+
2: {
|
|
2519
2581
|
defaultClass: string;
|
|
2520
2582
|
conditions: string[];
|
|
2521
2583
|
};
|
|
2522
|
-
|
|
2584
|
+
3: {
|
|
2523
2585
|
defaultClass: string;
|
|
2524
2586
|
conditions: string[];
|
|
2525
2587
|
};
|
|
2526
|
-
|
|
2588
|
+
5: {
|
|
2527
2589
|
defaultClass: string;
|
|
2528
2590
|
conditions: string[];
|
|
2529
2591
|
};
|
|
2530
|
-
|
|
2592
|
+
6: {
|
|
2593
|
+
defaultClass: string;
|
|
2594
|
+
conditions: string[];
|
|
2595
|
+
};
|
|
2596
|
+
7: {
|
|
2597
|
+
defaultClass: string;
|
|
2598
|
+
conditions: string[];
|
|
2599
|
+
};
|
|
2600
|
+
8: {
|
|
2531
2601
|
defaultClass: string;
|
|
2532
2602
|
conditions: string[];
|
|
2533
2603
|
};
|
|
@@ -2539,31 +2609,39 @@ export declare const atomicProperties: {
|
|
|
2539
2609
|
};
|
|
2540
2610
|
marginInlineStart: {
|
|
2541
2611
|
values: {
|
|
2542
|
-
|
|
2612
|
+
0: {
|
|
2543
2613
|
defaultClass: string;
|
|
2544
2614
|
conditions: string[];
|
|
2545
2615
|
};
|
|
2546
|
-
|
|
2616
|
+
4: {
|
|
2547
2617
|
defaultClass: string;
|
|
2548
2618
|
conditions: string[];
|
|
2549
2619
|
};
|
|
2550
|
-
|
|
2620
|
+
1: {
|
|
2551
2621
|
defaultClass: string;
|
|
2552
2622
|
conditions: string[];
|
|
2553
2623
|
};
|
|
2554
|
-
|
|
2624
|
+
2: {
|
|
2555
2625
|
defaultClass: string;
|
|
2556
2626
|
conditions: string[];
|
|
2557
2627
|
};
|
|
2558
|
-
|
|
2628
|
+
3: {
|
|
2559
2629
|
defaultClass: string;
|
|
2560
2630
|
conditions: string[];
|
|
2561
2631
|
};
|
|
2562
|
-
|
|
2632
|
+
5: {
|
|
2563
2633
|
defaultClass: string;
|
|
2564
2634
|
conditions: string[];
|
|
2565
2635
|
};
|
|
2566
|
-
|
|
2636
|
+
6: {
|
|
2637
|
+
defaultClass: string;
|
|
2638
|
+
conditions: string[];
|
|
2639
|
+
};
|
|
2640
|
+
7: {
|
|
2641
|
+
defaultClass: string;
|
|
2642
|
+
conditions: string[];
|
|
2643
|
+
};
|
|
2644
|
+
8: {
|
|
2567
2645
|
defaultClass: string;
|
|
2568
2646
|
conditions: string[];
|
|
2569
2647
|
};
|
|
@@ -2575,31 +2653,39 @@ export declare const atomicProperties: {
|
|
|
2575
2653
|
};
|
|
2576
2654
|
padding: {
|
|
2577
2655
|
values: {
|
|
2578
|
-
|
|
2656
|
+
0: {
|
|
2579
2657
|
defaultClass: string;
|
|
2580
2658
|
conditions: string[];
|
|
2581
2659
|
};
|
|
2582
|
-
|
|
2660
|
+
4: {
|
|
2583
2661
|
defaultClass: string;
|
|
2584
2662
|
conditions: string[];
|
|
2585
2663
|
};
|
|
2586
|
-
|
|
2664
|
+
1: {
|
|
2587
2665
|
defaultClass: string;
|
|
2588
2666
|
conditions: string[];
|
|
2589
2667
|
};
|
|
2590
|
-
|
|
2668
|
+
2: {
|
|
2591
2669
|
defaultClass: string;
|
|
2592
2670
|
conditions: string[];
|
|
2593
2671
|
};
|
|
2594
|
-
|
|
2672
|
+
3: {
|
|
2595
2673
|
defaultClass: string;
|
|
2596
2674
|
conditions: string[];
|
|
2597
2675
|
};
|
|
2598
|
-
|
|
2676
|
+
5: {
|
|
2599
2677
|
defaultClass: string;
|
|
2600
2678
|
conditions: string[];
|
|
2601
2679
|
};
|
|
2602
|
-
|
|
2680
|
+
6: {
|
|
2681
|
+
defaultClass: string;
|
|
2682
|
+
conditions: string[];
|
|
2683
|
+
};
|
|
2684
|
+
7: {
|
|
2685
|
+
defaultClass: string;
|
|
2686
|
+
conditions: string[];
|
|
2687
|
+
};
|
|
2688
|
+
8: {
|
|
2603
2689
|
defaultClass: string;
|
|
2604
2690
|
conditions: string[];
|
|
2605
2691
|
};
|
|
@@ -2607,31 +2693,39 @@ export declare const atomicProperties: {
|
|
|
2607
2693
|
};
|
|
2608
2694
|
paddingBlock: {
|
|
2609
2695
|
values: {
|
|
2610
|
-
|
|
2696
|
+
0: {
|
|
2611
2697
|
defaultClass: string;
|
|
2612
2698
|
conditions: string[];
|
|
2613
2699
|
};
|
|
2614
|
-
|
|
2700
|
+
4: {
|
|
2615
2701
|
defaultClass: string;
|
|
2616
2702
|
conditions: string[];
|
|
2617
2703
|
};
|
|
2618
|
-
|
|
2704
|
+
1: {
|
|
2619
2705
|
defaultClass: string;
|
|
2620
2706
|
conditions: string[];
|
|
2621
2707
|
};
|
|
2622
|
-
|
|
2708
|
+
2: {
|
|
2623
2709
|
defaultClass: string;
|
|
2624
2710
|
conditions: string[];
|
|
2625
2711
|
};
|
|
2626
|
-
|
|
2712
|
+
3: {
|
|
2627
2713
|
defaultClass: string;
|
|
2628
2714
|
conditions: string[];
|
|
2629
2715
|
};
|
|
2630
|
-
|
|
2716
|
+
5: {
|
|
2631
2717
|
defaultClass: string;
|
|
2632
2718
|
conditions: string[];
|
|
2633
2719
|
};
|
|
2634
|
-
|
|
2720
|
+
6: {
|
|
2721
|
+
defaultClass: string;
|
|
2722
|
+
conditions: string[];
|
|
2723
|
+
};
|
|
2724
|
+
7: {
|
|
2725
|
+
defaultClass: string;
|
|
2726
|
+
conditions: string[];
|
|
2727
|
+
};
|
|
2728
|
+
8: {
|
|
2635
2729
|
defaultClass: string;
|
|
2636
2730
|
conditions: string[];
|
|
2637
2731
|
};
|
|
@@ -2639,31 +2733,39 @@ export declare const atomicProperties: {
|
|
|
2639
2733
|
};
|
|
2640
2734
|
paddingBlockEnd: {
|
|
2641
2735
|
values: {
|
|
2642
|
-
|
|
2736
|
+
0: {
|
|
2643
2737
|
defaultClass: string;
|
|
2644
2738
|
conditions: string[];
|
|
2645
2739
|
};
|
|
2646
|
-
|
|
2740
|
+
4: {
|
|
2647
2741
|
defaultClass: string;
|
|
2648
2742
|
conditions: string[];
|
|
2649
2743
|
};
|
|
2650
|
-
|
|
2744
|
+
1: {
|
|
2651
2745
|
defaultClass: string;
|
|
2652
2746
|
conditions: string[];
|
|
2653
2747
|
};
|
|
2654
|
-
|
|
2748
|
+
2: {
|
|
2655
2749
|
defaultClass: string;
|
|
2656
2750
|
conditions: string[];
|
|
2657
2751
|
};
|
|
2658
|
-
|
|
2752
|
+
3: {
|
|
2659
2753
|
defaultClass: string;
|
|
2660
2754
|
conditions: string[];
|
|
2661
2755
|
};
|
|
2662
|
-
|
|
2756
|
+
5: {
|
|
2663
2757
|
defaultClass: string;
|
|
2664
2758
|
conditions: string[];
|
|
2665
2759
|
};
|
|
2666
|
-
|
|
2760
|
+
6: {
|
|
2761
|
+
defaultClass: string;
|
|
2762
|
+
conditions: string[];
|
|
2763
|
+
};
|
|
2764
|
+
7: {
|
|
2765
|
+
defaultClass: string;
|
|
2766
|
+
conditions: string[];
|
|
2767
|
+
};
|
|
2768
|
+
8: {
|
|
2667
2769
|
defaultClass: string;
|
|
2668
2770
|
conditions: string[];
|
|
2669
2771
|
};
|
|
@@ -2671,31 +2773,39 @@ export declare const atomicProperties: {
|
|
|
2671
2773
|
};
|
|
2672
2774
|
paddingBlockStart: {
|
|
2673
2775
|
values: {
|
|
2674
|
-
|
|
2776
|
+
0: {
|
|
2675
2777
|
defaultClass: string;
|
|
2676
2778
|
conditions: string[];
|
|
2677
2779
|
};
|
|
2678
|
-
|
|
2780
|
+
4: {
|
|
2679
2781
|
defaultClass: string;
|
|
2680
2782
|
conditions: string[];
|
|
2681
2783
|
};
|
|
2682
|
-
|
|
2784
|
+
1: {
|
|
2683
2785
|
defaultClass: string;
|
|
2684
2786
|
conditions: string[];
|
|
2685
2787
|
};
|
|
2686
|
-
|
|
2788
|
+
2: {
|
|
2687
2789
|
defaultClass: string;
|
|
2688
2790
|
conditions: string[];
|
|
2689
2791
|
};
|
|
2690
|
-
|
|
2792
|
+
3: {
|
|
2691
2793
|
defaultClass: string;
|
|
2692
2794
|
conditions: string[];
|
|
2693
2795
|
};
|
|
2694
|
-
|
|
2796
|
+
5: {
|
|
2695
2797
|
defaultClass: string;
|
|
2696
2798
|
conditions: string[];
|
|
2697
2799
|
};
|
|
2698
|
-
|
|
2800
|
+
6: {
|
|
2801
|
+
defaultClass: string;
|
|
2802
|
+
conditions: string[];
|
|
2803
|
+
};
|
|
2804
|
+
7: {
|
|
2805
|
+
defaultClass: string;
|
|
2806
|
+
conditions: string[];
|
|
2807
|
+
};
|
|
2808
|
+
8: {
|
|
2699
2809
|
defaultClass: string;
|
|
2700
2810
|
conditions: string[];
|
|
2701
2811
|
};
|
|
@@ -2703,31 +2813,39 @@ export declare const atomicProperties: {
|
|
|
2703
2813
|
};
|
|
2704
2814
|
paddingInline: {
|
|
2705
2815
|
values: {
|
|
2706
|
-
|
|
2816
|
+
0: {
|
|
2707
2817
|
defaultClass: string;
|
|
2708
2818
|
conditions: string[];
|
|
2709
2819
|
};
|
|
2710
|
-
|
|
2820
|
+
4: {
|
|
2711
2821
|
defaultClass: string;
|
|
2712
2822
|
conditions: string[];
|
|
2713
2823
|
};
|
|
2714
|
-
|
|
2824
|
+
1: {
|
|
2715
2825
|
defaultClass: string;
|
|
2716
2826
|
conditions: string[];
|
|
2717
2827
|
};
|
|
2718
|
-
|
|
2828
|
+
2: {
|
|
2719
2829
|
defaultClass: string;
|
|
2720
2830
|
conditions: string[];
|
|
2721
2831
|
};
|
|
2722
|
-
|
|
2832
|
+
3: {
|
|
2723
2833
|
defaultClass: string;
|
|
2724
2834
|
conditions: string[];
|
|
2725
2835
|
};
|
|
2726
|
-
|
|
2836
|
+
5: {
|
|
2727
2837
|
defaultClass: string;
|
|
2728
2838
|
conditions: string[];
|
|
2729
2839
|
};
|
|
2730
|
-
|
|
2840
|
+
6: {
|
|
2841
|
+
defaultClass: string;
|
|
2842
|
+
conditions: string[];
|
|
2843
|
+
};
|
|
2844
|
+
7: {
|
|
2845
|
+
defaultClass: string;
|
|
2846
|
+
conditions: string[];
|
|
2847
|
+
};
|
|
2848
|
+
8: {
|
|
2731
2849
|
defaultClass: string;
|
|
2732
2850
|
conditions: string[];
|
|
2733
2851
|
};
|
|
@@ -2735,31 +2853,39 @@ export declare const atomicProperties: {
|
|
|
2735
2853
|
};
|
|
2736
2854
|
paddingInlineEnd: {
|
|
2737
2855
|
values: {
|
|
2738
|
-
|
|
2856
|
+
0: {
|
|
2739
2857
|
defaultClass: string;
|
|
2740
2858
|
conditions: string[];
|
|
2741
2859
|
};
|
|
2742
|
-
|
|
2860
|
+
4: {
|
|
2743
2861
|
defaultClass: string;
|
|
2744
2862
|
conditions: string[];
|
|
2745
2863
|
};
|
|
2746
|
-
|
|
2864
|
+
1: {
|
|
2747
2865
|
defaultClass: string;
|
|
2748
2866
|
conditions: string[];
|
|
2749
2867
|
};
|
|
2750
|
-
|
|
2868
|
+
2: {
|
|
2751
2869
|
defaultClass: string;
|
|
2752
2870
|
conditions: string[];
|
|
2753
2871
|
};
|
|
2754
|
-
|
|
2872
|
+
3: {
|
|
2755
2873
|
defaultClass: string;
|
|
2756
2874
|
conditions: string[];
|
|
2757
2875
|
};
|
|
2758
|
-
|
|
2876
|
+
5: {
|
|
2759
2877
|
defaultClass: string;
|
|
2760
2878
|
conditions: string[];
|
|
2761
2879
|
};
|
|
2762
|
-
|
|
2880
|
+
6: {
|
|
2881
|
+
defaultClass: string;
|
|
2882
|
+
conditions: string[];
|
|
2883
|
+
};
|
|
2884
|
+
7: {
|
|
2885
|
+
defaultClass: string;
|
|
2886
|
+
conditions: string[];
|
|
2887
|
+
};
|
|
2888
|
+
8: {
|
|
2763
2889
|
defaultClass: string;
|
|
2764
2890
|
conditions: string[];
|
|
2765
2891
|
};
|
|
@@ -2767,31 +2893,39 @@ export declare const atomicProperties: {
|
|
|
2767
2893
|
};
|
|
2768
2894
|
paddingInlineStart: {
|
|
2769
2895
|
values: {
|
|
2770
|
-
|
|
2896
|
+
0: {
|
|
2771
2897
|
defaultClass: string;
|
|
2772
2898
|
conditions: string[];
|
|
2773
2899
|
};
|
|
2774
|
-
|
|
2900
|
+
4: {
|
|
2775
2901
|
defaultClass: string;
|
|
2776
2902
|
conditions: string[];
|
|
2777
2903
|
};
|
|
2778
|
-
|
|
2904
|
+
1: {
|
|
2779
2905
|
defaultClass: string;
|
|
2780
2906
|
conditions: string[];
|
|
2781
2907
|
};
|
|
2782
|
-
|
|
2908
|
+
2: {
|
|
2783
2909
|
defaultClass: string;
|
|
2784
2910
|
conditions: string[];
|
|
2785
2911
|
};
|
|
2786
|
-
|
|
2912
|
+
3: {
|
|
2787
2913
|
defaultClass: string;
|
|
2788
2914
|
conditions: string[];
|
|
2789
2915
|
};
|
|
2790
|
-
|
|
2916
|
+
5: {
|
|
2791
2917
|
defaultClass: string;
|
|
2792
2918
|
conditions: string[];
|
|
2793
2919
|
};
|
|
2794
|
-
|
|
2920
|
+
6: {
|
|
2921
|
+
defaultClass: string;
|
|
2922
|
+
conditions: string[];
|
|
2923
|
+
};
|
|
2924
|
+
7: {
|
|
2925
|
+
defaultClass: string;
|
|
2926
|
+
conditions: string[];
|
|
2927
|
+
};
|
|
2928
|
+
8: {
|
|
2795
2929
|
defaultClass: string;
|
|
2796
2930
|
conditions: string[];
|
|
2797
2931
|
};
|
|
@@ -2823,31 +2957,39 @@ export declare const atomicProperties: {
|
|
|
2823
2957
|
};
|
|
2824
2958
|
rowGap: {
|
|
2825
2959
|
values: {
|
|
2826
|
-
|
|
2960
|
+
0: {
|
|
2827
2961
|
defaultClass: string;
|
|
2828
2962
|
conditions: string[];
|
|
2829
2963
|
};
|
|
2830
|
-
|
|
2964
|
+
4: {
|
|
2831
2965
|
defaultClass: string;
|
|
2832
2966
|
conditions: string[];
|
|
2833
2967
|
};
|
|
2834
|
-
|
|
2968
|
+
1: {
|
|
2835
2969
|
defaultClass: string;
|
|
2836
2970
|
conditions: string[];
|
|
2837
2971
|
};
|
|
2838
|
-
|
|
2972
|
+
2: {
|
|
2839
2973
|
defaultClass: string;
|
|
2840
2974
|
conditions: string[];
|
|
2841
2975
|
};
|
|
2842
|
-
|
|
2976
|
+
3: {
|
|
2843
2977
|
defaultClass: string;
|
|
2844
2978
|
conditions: string[];
|
|
2845
2979
|
};
|
|
2846
|
-
|
|
2980
|
+
5: {
|
|
2847
2981
|
defaultClass: string;
|
|
2848
2982
|
conditions: string[];
|
|
2849
2983
|
};
|
|
2850
|
-
|
|
2984
|
+
6: {
|
|
2985
|
+
defaultClass: string;
|
|
2986
|
+
conditions: string[];
|
|
2987
|
+
};
|
|
2988
|
+
7: {
|
|
2989
|
+
defaultClass: string;
|
|
2990
|
+
conditions: string[];
|
|
2991
|
+
};
|
|
2992
|
+
8: {
|
|
2851
2993
|
defaultClass: string;
|
|
2852
2994
|
conditions: string[];
|
|
2853
2995
|
};
|
package/dist/atoms/atoms.js
CHANGED
|
@@ -20,10 +20,10 @@ function atoms(properties) {
|
|
|
20
20
|
}
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
|
-
if (!
|
|
23
|
+
if (!atomicValue?.conditions[i]) {
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
26
|
-
classList.push(atomicValue
|
|
26
|
+
classList.push(atomicValue?.conditions[i]);
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
type FontWeight = '
|
|
2
|
-
type Space =
|
|
1
|
+
type FontWeight = 'light' | 'normal' | 'medium' | 'strong' | 'bold';
|
|
2
|
+
type Space = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
3
3
|
type Transition = 'slow' | 'normal' | 'fast';
|
|
4
4
|
type BorderRadius = 'small' | 'medium' | 'large' | 'xlarge';
|
|
5
|
-
type BorderWidth = '
|
|
5
|
+
type BorderWidth = 'thin' | 'thick';
|
|
6
6
|
type BoxShadow = 'small' | 'medium' | 'large';
|
|
7
7
|
type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
8
8
|
type LineHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
@@ -27,7 +27,7 @@ export type ThemeTokens = {
|
|
|
27
27
|
secondary?: string;
|
|
28
28
|
};
|
|
29
29
|
fontSize: Record<FontSize, number | string>;
|
|
30
|
-
fontWeight: Record<FontWeight, 400 | 500 | 600 | 700 | 800>;
|
|
30
|
+
fontWeight: Record<FontWeight, 300 | 400 | 500 | 600 | 700 | 800>;
|
|
31
31
|
lineHeight: Record<LineHeight, number | string>;
|
|
32
32
|
};
|
|
33
33
|
spacing: Record<Space, number | string>;
|
package/dist/css/tokens.js
CHANGED
|
@@ -24,9 +24,11 @@ const tokens = {
|
|
|
24
24
|
xlarge: null
|
|
25
25
|
},
|
|
26
26
|
fontWeight: {
|
|
27
|
-
|
|
27
|
+
light: null,
|
|
28
|
+
normal: null,
|
|
28
29
|
medium: null,
|
|
29
|
-
strong: null
|
|
30
|
+
strong: null,
|
|
31
|
+
bold: null
|
|
30
32
|
},
|
|
31
33
|
lineHeight: {
|
|
32
34
|
xsmall: null,
|
|
@@ -37,13 +39,15 @@ const tokens = {
|
|
|
37
39
|
}
|
|
38
40
|
},
|
|
39
41
|
spacing: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
0: null,
|
|
43
|
+
1: null,
|
|
44
|
+
2: null,
|
|
45
|
+
3: null,
|
|
46
|
+
4: null,
|
|
47
|
+
5: null,
|
|
48
|
+
6: null,
|
|
49
|
+
7: null,
|
|
50
|
+
8: null
|
|
47
51
|
},
|
|
48
52
|
transition: {
|
|
49
53
|
slow: null,
|
|
@@ -58,9 +62,8 @@ const tokens = {
|
|
|
58
62
|
xlarge: null
|
|
59
63
|
},
|
|
60
64
|
width: {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
large: null
|
|
65
|
+
thin: null,
|
|
66
|
+
thick: null
|
|
64
67
|
}
|
|
65
68
|
},
|
|
66
69
|
shadow: {
|
package/dist/css/vars.css.d.ts
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
space: {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
0: `var(--${string})`;
|
|
4
|
+
4: `var(--${string})`;
|
|
5
|
+
1: `var(--${string})`;
|
|
6
|
+
2: `var(--${string})`;
|
|
7
|
+
3: `var(--${string})`;
|
|
8
|
+
5: `var(--${string})`;
|
|
9
|
+
6: `var(--${string})`;
|
|
10
|
+
7: `var(--${string})`;
|
|
11
|
+
8: `var(--${string})`;
|
|
10
12
|
};
|
|
11
13
|
borderRadius: {
|
|
12
14
|
medium: `var(--${string})`;
|
|
@@ -91,9 +93,8 @@ export declare const vars: {
|
|
|
91
93
|
"text-900": `var(--${string})`;
|
|
92
94
|
};
|
|
93
95
|
borderWidth: {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
large: `var(--${string})`;
|
|
96
|
+
thin: `var(--${string})`;
|
|
97
|
+
thick: `var(--${string})`;
|
|
97
98
|
};
|
|
98
99
|
fontFamily: {
|
|
99
100
|
primary: `var(--${string})`;
|
|
@@ -102,26 +103,28 @@ export declare const vars: {
|
|
|
102
103
|
};
|
|
103
104
|
fontSize: {
|
|
104
105
|
medium: `var(--${string})`;
|
|
105
|
-
xsmall: `var(--${string})`;
|
|
106
106
|
small: `var(--${string})`;
|
|
107
107
|
large: `var(--${string})`;
|
|
108
108
|
xlarge: `var(--${string})`;
|
|
109
|
+
xsmall: `var(--${string})`;
|
|
109
110
|
};
|
|
110
111
|
fontWeight: {
|
|
111
|
-
|
|
112
|
+
light: `var(--${string})`;
|
|
113
|
+
normal: `var(--${string})`;
|
|
112
114
|
medium: `var(--${string})`;
|
|
113
115
|
strong: `var(--${string})`;
|
|
116
|
+
bold: `var(--${string})`;
|
|
114
117
|
};
|
|
115
118
|
lineHeight: {
|
|
116
119
|
medium: `var(--${string})`;
|
|
117
|
-
xsmall: `var(--${string})`;
|
|
118
120
|
small: `var(--${string})`;
|
|
119
121
|
large: `var(--${string})`;
|
|
120
122
|
xlarge: `var(--${string})`;
|
|
123
|
+
xsmall: `var(--${string})`;
|
|
121
124
|
};
|
|
122
125
|
transition: {
|
|
123
|
-
slow: `var(--${string})`;
|
|
124
126
|
normal: `var(--${string})`;
|
|
127
|
+
slow: `var(--${string})`;
|
|
125
128
|
fast: `var(--${string})`;
|
|
126
129
|
};
|
|
127
130
|
shadow: {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
+
export { atomicProperties } from './atoms/atoms.css.js';
|
|
2
|
+
export { type Atoms, atoms } from './atoms/atoms.js';
|
|
3
|
+
export type { MarginAtoms, PaddingAtoms, TextAtoms, } from './atoms/atomTypes.js';
|
|
4
|
+
export { getAtomsAndProps } from './atoms/getAtomsAndProps.js';
|
|
1
5
|
export type { ComponentThemes, ComponentThemesProps, } from './config/componentThemes.js';
|
|
2
6
|
export type { ThemeTokens } from './config/themeTokens.js';
|
|
3
7
|
export { breakpointNames, minMediaQuery } from './css/breakpoint/breakpoint.js';
|
|
8
|
+
export { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform, } from './css/cssMatrixUtils.js';
|
|
4
9
|
export { blocksLayer, blocksLayerAtom, blocksLayerComponent, } from './css/layers.css.js';
|
|
5
10
|
export { rem } from './css/rem.js';
|
|
6
11
|
export { vars } from './css/vars.css.js';
|
|
7
|
-
export { makeComponentTheme } from './theme/makeComponentTheme.js';
|
|
8
12
|
export type { ComponentTheme, ThemeComponentsStyles, } from './theme/makeComponentTheme.js';
|
|
9
|
-
export {
|
|
13
|
+
export { makeComponentTheme } from './theme/makeComponentTheme.js';
|
|
10
14
|
export type { Theme } from './theme/makeTheme.js';
|
|
15
|
+
export { makeTheme } from './theme/makeTheme.js';
|
|
11
16
|
export { classnames } from './utils/classnames/classnames.js';
|
|
12
17
|
export { hasAnimationDuration } from './utils/dom/hasAnimationDuration.js';
|
|
13
|
-
export {
|
|
18
|
+
export { type AlignItemsMap, alignItemsMap, type JustifyContentMap, justifyContentMap, } from './utils/flexbox/flexbox.js';
|
|
14
19
|
export { clampAndRoundValue } from './utils/math/math.js';
|
|
15
20
|
export { mergeProps } from './utils/react/mergeProps.js';
|
|
16
21
|
export { composeRefs } from './utils/react/refs.js';
|
|
17
|
-
export {
|
|
18
|
-
export { atomicProperties } from './atoms/atoms.css.js';
|
|
19
|
-
export { atoms, type Atoms } from './atoms/atoms.js';
|
|
20
|
-
export type { MarginAtoms, PaddingAtoms, TextAtoms, } from './atoms/atomTypes.js';
|
|
21
|
-
export { getAtomsAndProps } from './atoms/getAtomsAndProps.js';
|
|
22
|
-
export { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform, } from './css/cssMatrixUtils.js';
|
|
22
|
+
export { type AnyString, type HTMLElementProps, type IsNumberUnion, type IsStringUnion, type IsUnion, isObjectLike, type OptionalLiteral, type RecordLike, } from './utils/typing/helpers.js';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
import { atomicProperties } from "./atoms/atoms.css.js";
|
|
2
|
+
import { atoms } from "./atoms/atoms.js";
|
|
3
|
+
import { getAtomsAndProps } from "./atoms/getAtomsAndProps.js";
|
|
1
4
|
import { breakpointNames, minMediaQuery } from "./css/breakpoint/breakpoint.js";
|
|
5
|
+
import { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform } from "./css/cssMatrixUtils.js";
|
|
2
6
|
import { blocksLayer, blocksLayerAtom, blocksLayerComponent } from "./css/layers.css.js";
|
|
3
7
|
import { rem } from "./css/rem.js";
|
|
4
8
|
import { vars } from "./css/vars.css.js";
|
|
@@ -11,10 +15,6 @@ import { clampAndRoundValue } from "./utils/math/math.js";
|
|
|
11
15
|
import { mergeProps } from "./utils/react/mergeProps.js";
|
|
12
16
|
import { composeRefs } from "./utils/react/refs.js";
|
|
13
17
|
import { isObjectLike } from "./utils/typing/helpers.js";
|
|
14
|
-
import { atomicProperties } from "./atoms/atoms.css.js";
|
|
15
|
-
import { atoms } from "./atoms/atoms.js";
|
|
16
|
-
import { getAtomsAndProps } from "./atoms/getAtomsAndProps.js";
|
|
17
|
-
import { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform } from "./css/cssMatrixUtils.js";
|
|
18
18
|
export {
|
|
19
19
|
alignItemsMap,
|
|
20
20
|
atomicProperties,
|
|
@@ -25,5 +25,5 @@ export type ComponentTheme<T extends RecordLike> = ComponentThemeToStyles<T> & {
|
|
|
25
25
|
export type ThemeComponentsStyles = {
|
|
26
26
|
[K in keyof ComponentThemes]?: ComponentTheme<ComponentThemes[K]>;
|
|
27
27
|
};
|
|
28
|
-
export declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(
|
|
28
|
+
export declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(_component: T, componentTheme: Exclude<ThemeComponentsStyles[T], undefined>): Exclude<ThemeComponentsStyles[T], undefined>;
|
|
29
29
|
export {};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|