@kanso-labs/kanso-ui 0.30.4 → 0.31.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/chip/styles.js +1 -0
- package/dist/chip/styles.js.map +1 -1
- package/dist/components/app-bar/index.js +2 -1
- package/dist/components/app-bar/index.js.map +1 -1
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/combo-box/index.js +2 -2
- package/dist/components/combo-box/index.js.map +1 -1
- package/dist/components/disclosure/index.js +2 -2
- package/dist/components/disclosure/index.js.map +1 -1
- package/dist/components/drop-zone/index.js +22 -33
- package/dist/components/drop-zone/index.js.map +1 -1
- package/dist/components/drop-zone/styles.js +21 -5
- package/dist/components/drop-zone/styles.js.map +1 -1
- package/dist/components/icon-button/index.js +6 -5
- package/dist/components/icon-button/index.js.map +1 -1
- package/dist/components/link/index.js +1 -0
- package/dist/components/link/index.js.map +1 -1
- package/dist/components/navigation-tree/index.js +2 -2
- package/dist/components/navigation-tree/index.js.map +1 -1
- package/dist/components/number-field/index.js +1 -0
- package/dist/components/number-field/index.js.map +1 -1
- package/dist/components/progress-indicator/index.js +2 -1
- package/dist/components/progress-indicator/index.js.map +1 -1
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/index.js.map +1 -1
- package/dist/components/search-field/index.js +2 -2
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/segmented-button/index.js +9 -8
- package/dist/components/segmented-button/index.js.map +1 -1
- package/dist/components/select/index.js +2 -2
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/separator/index.js +6 -0
- package/dist/components/separator/index.js.map +1 -1
- package/dist/components/slider/index.js +13 -6
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/snackbar/index.js +1 -1
- package/dist/components/snackbar/index.js.map +1 -1
- package/dist/components/switch/index.js +4 -0
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/tabs/index.js +4 -4
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/token-field/index.js +84 -124
- package/dist/components/token-field/index.js.map +1 -1
- package/dist/components/tree/index.js +2 -2
- package/dist/components/tree/index.js.map +1 -1
- package/dist/control/styles.js +1 -0
- package/dist/control/styles.js.map +1 -1
- package/dist/field/styles.js +5 -0
- package/dist/field/styles.js.map +1 -1
- package/dist/hooks/useRipple.js +16 -1
- package/dist/hooks/useRipple.js.map +1 -1
- package/dist/indicator/styles.js +2 -1
- package/dist/indicator/styles.js.map +1 -1
- package/dist/segments/styles.js +4 -1
- package/dist/segments/styles.js.map +1 -1
- package/dist/styles/color.js +8 -8
- package/dist/styles/color.js.map +1 -1
- package/dist/styles/icon-button.js +1 -1
- package/dist/styles/icon-button.js.map +1 -1
- package/dist/styles/picker.js +1 -1
- package/dist/styles/picker.js.map +1 -1
- package/dist/styles/ripple.js +1 -0
- package/dist/styles/ripple.js.map +1 -1
- package/dist/styles.css +97 -23
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -63,6 +63,10 @@
|
|
|
63
63
|
border-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xu361ij) * 100%),transparent);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
+
.x9wqfse {
|
|
67
|
+
border-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xu361ij) * 100%),var(--x1dzgr7y));
|
|
68
|
+
}
|
|
69
|
+
|
|
66
70
|
.x1r7ld26 {
|
|
67
71
|
border-color: currentColor;
|
|
68
72
|
}
|
|
@@ -379,6 +383,24 @@
|
|
|
379
383
|
border-radius: var(--xslt97v);
|
|
380
384
|
}
|
|
381
385
|
|
|
386
|
+
@media (forced-colors: active) {
|
|
387
|
+
.x1ylmb6m.x1ylmb6m {
|
|
388
|
+
border-color: buttontext;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.xmnqt3w.xmnqt3w {
|
|
392
|
+
border-color: graytext;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.xx61lck.xx61lck {
|
|
396
|
+
border-style: solid;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.x13rsnn2.x13rsnn2 {
|
|
400
|
+
border-width: 1px;
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
|
|
382
404
|
@media (width >= 600px) {
|
|
383
405
|
.x1njmi9r.x1njmi9r {
|
|
384
406
|
padding-inline: var(--x196ey9q);
|
|
@@ -1867,18 +1889,10 @@
|
|
|
1867
1889
|
transition-duration: .105s;
|
|
1868
1890
|
}
|
|
1869
1891
|
|
|
1870
|
-
.x1rvut6x {
|
|
1871
|
-
transition-duration: .25s;
|
|
1872
|
-
}
|
|
1873
|
-
|
|
1874
1892
|
.xbg8nd6 {
|
|
1875
1893
|
transition-duration: .375s;
|
|
1876
1894
|
}
|
|
1877
1895
|
|
|
1878
|
-
.x1wsgiic {
|
|
1879
|
-
transition-duration: .5s;
|
|
1880
|
-
}
|
|
1881
|
-
|
|
1882
1896
|
.x1mq3mr6 {
|
|
1883
1897
|
transition-duration: 0s;
|
|
1884
1898
|
}
|
|
@@ -1891,6 +1905,10 @@
|
|
|
1891
1905
|
transition-duration: var(--x12wc0xg);
|
|
1892
1906
|
}
|
|
1893
1907
|
|
|
1908
|
+
.xd6oih7 {
|
|
1909
|
+
transition-duration: var(--x13xtsm0);
|
|
1910
|
+
}
|
|
1911
|
+
|
|
1894
1912
|
.xioksi3 {
|
|
1895
1913
|
transition-duration: var(--x1neymab);
|
|
1896
1914
|
}
|
|
@@ -2408,6 +2426,30 @@
|
|
|
2408
2426
|
}
|
|
2409
2427
|
|
|
2410
2428
|
@media (forced-colors: active) {
|
|
2429
|
+
.x1tt9vl1.x1tt9vl1 {
|
|
2430
|
+
background-color: buttontext;
|
|
2431
|
+
}
|
|
2432
|
+
|
|
2433
|
+
.x9yvj25.x9yvj25 {
|
|
2434
|
+
background-color: canvas;
|
|
2435
|
+
}
|
|
2436
|
+
|
|
2437
|
+
.x1jzqe4.x1jzqe4 {
|
|
2438
|
+
background-color: highlight;
|
|
2439
|
+
}
|
|
2440
|
+
|
|
2441
|
+
.xjslfuv.xjslfuv {
|
|
2442
|
+
border-inline-start-color: canvastext;
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
.x1gbqego.x1gbqego {
|
|
2446
|
+
border-inline-start-style: solid;
|
|
2447
|
+
}
|
|
2448
|
+
|
|
2449
|
+
.xjg5lhu.xjg5lhu {
|
|
2450
|
+
border-inline-start-width: 1px;
|
|
2451
|
+
}
|
|
2452
|
+
|
|
2411
2453
|
.x1bhcspo.x1bhcspo {
|
|
2412
2454
|
color: graytext;
|
|
2413
2455
|
}
|
|
@@ -2420,10 +2462,18 @@
|
|
|
2420
2462
|
outline-color: highlight;
|
|
2421
2463
|
}
|
|
2422
2464
|
|
|
2465
|
+
.xnrgvoc.xnrgvoc {
|
|
2466
|
+
outline-offset: 1px;
|
|
2467
|
+
}
|
|
2468
|
+
|
|
2423
2469
|
.x12iqurn.x12iqurn {
|
|
2424
2470
|
outline-offset: 2px;
|
|
2425
2471
|
}
|
|
2426
2472
|
|
|
2473
|
+
.x1894zjx.x1894zjx {
|
|
2474
|
+
outline-style: none;
|
|
2475
|
+
}
|
|
2476
|
+
|
|
2427
2477
|
.x1jrff4x.x1jrff4x {
|
|
2428
2478
|
outline-width: 2px;
|
|
2429
2479
|
}
|
|
@@ -2436,7 +2486,7 @@
|
|
|
2436
2486
|
}
|
|
2437
2487
|
|
|
2438
2488
|
@media (forced-colors: active) {
|
|
2439
|
-
.xi9ts3s.xi9ts3s:focus-within {
|
|
2489
|
+
.xi9ts3s.xi9ts3s:focus-within, .xc0lcac.xc0lcac:focus {
|
|
2440
2490
|
outline-style: solid;
|
|
2441
2491
|
}
|
|
2442
2492
|
}
|
|
@@ -2913,10 +2963,6 @@
|
|
|
2913
2963
|
width: 10px;
|
|
2914
2964
|
}
|
|
2915
2965
|
|
|
2916
|
-
.x1f2tiqu {
|
|
2917
|
-
width: 136px;
|
|
2918
|
-
}
|
|
2919
|
-
|
|
2920
2966
|
.x1kky2od {
|
|
2921
2967
|
width: 16px;
|
|
2922
2968
|
}
|
|
@@ -2973,10 +3019,6 @@
|
|
|
2973
3019
|
width: 44px;
|
|
2974
3020
|
}
|
|
2975
3021
|
|
|
2976
|
-
.x1useyqa {
|
|
2977
|
-
width: 48px;
|
|
2978
|
-
}
|
|
2979
|
-
|
|
2980
3022
|
.x51ohtg {
|
|
2981
3023
|
width: 4px;
|
|
2982
3024
|
}
|
|
@@ -2989,10 +3031,6 @@
|
|
|
2989
3031
|
width: 56px;
|
|
2990
3032
|
}
|
|
2991
3033
|
|
|
2992
|
-
.x13oubkp {
|
|
2993
|
-
width: 96px;
|
|
2994
|
-
}
|
|
2995
|
-
|
|
2996
3034
|
.x14atkfc {
|
|
2997
3035
|
width: auto;
|
|
2998
3036
|
}
|
|
@@ -3013,6 +3051,30 @@
|
|
|
3013
3051
|
width: var(--x-inlineSize);
|
|
3014
3052
|
}
|
|
3015
3053
|
|
|
3054
|
+
.xszbqgh {
|
|
3055
|
+
width: var(--x1eqeuls);
|
|
3056
|
+
}
|
|
3057
|
+
|
|
3058
|
+
.x1fh0d6s {
|
|
3059
|
+
width: var(--x1hfhk6y);
|
|
3060
|
+
}
|
|
3061
|
+
|
|
3062
|
+
.xoqf9c6 {
|
|
3063
|
+
width: var(--x1imqybj);
|
|
3064
|
+
}
|
|
3065
|
+
|
|
3066
|
+
.x1eujcsb {
|
|
3067
|
+
width: var(--x1ww3f7m);
|
|
3068
|
+
}
|
|
3069
|
+
|
|
3070
|
+
.x11ts1a5 {
|
|
3071
|
+
width: var(--x67cwyw);
|
|
3072
|
+
}
|
|
3073
|
+
|
|
3074
|
+
.xz1kjiq {
|
|
3075
|
+
width: var(--xmcpupp);
|
|
3076
|
+
}
|
|
3077
|
+
|
|
3016
3078
|
.x1g31smg:first-child {
|
|
3017
3079
|
border-top-width: 0;
|
|
3018
3080
|
}
|
|
@@ -3041,6 +3103,18 @@
|
|
|
3041
3103
|
.x15anc7y.x15anc7y {
|
|
3042
3104
|
border-bottom-width: 1px;
|
|
3043
3105
|
}
|
|
3106
|
+
|
|
3107
|
+
.x19dwuzr.x19dwuzr {
|
|
3108
|
+
border-top-color: canvastext;
|
|
3109
|
+
}
|
|
3110
|
+
|
|
3111
|
+
.x4z998w.x4z998w {
|
|
3112
|
+
border-top-style: solid;
|
|
3113
|
+
}
|
|
3114
|
+
|
|
3115
|
+
.x1lym3mf.x1lym3mf {
|
|
3116
|
+
border-top-width: 1px;
|
|
3117
|
+
}
|
|
3044
3118
|
}
|
|
3045
3119
|
|
|
3046
3120
|
@media (width >= 600px) {
|
|
@@ -3194,8 +3268,8 @@
|
|
|
3194
3268
|
max-height: calc(100dvh - 72px);
|
|
3195
3269
|
}
|
|
3196
3270
|
|
|
3197
|
-
.
|
|
3198
|
-
max-width: calc(100vw -
|
|
3271
|
+
.x1493c6o.x1493c6o {
|
|
3272
|
+
max-width: calc(100vw - 2 * var(--x3km7fe));
|
|
3199
3273
|
}
|
|
3200
3274
|
|
|
3201
3275
|
.x6iovhr.x6iovhr {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kanso-labs/kanso-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.31.0",
|
|
4
4
|
"description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@commitlint/cli": "21.2.3",
|
|
75
75
|
"@commitlint/config-conventional": "21.2.3",
|
|
76
76
|
"@eslint/js": "10.0.1",
|
|
77
|
-
"@kanso-labs/unplugin-style-dictionary": "0.10.
|
|
77
|
+
"@kanso-labs/unplugin-style-dictionary": "0.10.4",
|
|
78
78
|
"@rolldown/plugin-babel": "0.2.4",
|
|
79
79
|
"@storybook/addon-a11y": "10.6.0",
|
|
80
80
|
"@storybook/addon-docs": "10.6.0",
|