@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.
Files changed (66) hide show
  1. package/dist/chip/styles.js +1 -0
  2. package/dist/chip/styles.js.map +1 -1
  3. package/dist/components/app-bar/index.js +2 -1
  4. package/dist/components/app-bar/index.js.map +1 -1
  5. package/dist/components/checkbox/index.js +1 -0
  6. package/dist/components/checkbox/index.js.map +1 -1
  7. package/dist/components/combo-box/index.js +2 -2
  8. package/dist/components/combo-box/index.js.map +1 -1
  9. package/dist/components/disclosure/index.js +2 -2
  10. package/dist/components/disclosure/index.js.map +1 -1
  11. package/dist/components/drop-zone/index.js +22 -33
  12. package/dist/components/drop-zone/index.js.map +1 -1
  13. package/dist/components/drop-zone/styles.js +21 -5
  14. package/dist/components/drop-zone/styles.js.map +1 -1
  15. package/dist/components/icon-button/index.js +6 -5
  16. package/dist/components/icon-button/index.js.map +1 -1
  17. package/dist/components/link/index.js +1 -0
  18. package/dist/components/link/index.js.map +1 -1
  19. package/dist/components/navigation-tree/index.js +2 -2
  20. package/dist/components/navigation-tree/index.js.map +1 -1
  21. package/dist/components/number-field/index.js +1 -0
  22. package/dist/components/number-field/index.js.map +1 -1
  23. package/dist/components/progress-indicator/index.js +2 -1
  24. package/dist/components/progress-indicator/index.js.map +1 -1
  25. package/dist/components/radio-group/index.js +1 -1
  26. package/dist/components/radio-group/index.js.map +1 -1
  27. package/dist/components/search-field/index.js +2 -2
  28. package/dist/components/search-field/index.js.map +1 -1
  29. package/dist/components/segmented-button/index.js +9 -8
  30. package/dist/components/segmented-button/index.js.map +1 -1
  31. package/dist/components/select/index.js +2 -2
  32. package/dist/components/select/index.js.map +1 -1
  33. package/dist/components/separator/index.js +6 -0
  34. package/dist/components/separator/index.js.map +1 -1
  35. package/dist/components/slider/index.js +13 -6
  36. package/dist/components/slider/index.js.map +1 -1
  37. package/dist/components/snackbar/index.js +1 -1
  38. package/dist/components/snackbar/index.js.map +1 -1
  39. package/dist/components/switch/index.js +4 -0
  40. package/dist/components/switch/index.js.map +1 -1
  41. package/dist/components/tabs/index.js +4 -4
  42. package/dist/components/tabs/index.js.map +1 -1
  43. package/dist/components/token-field/index.js +84 -124
  44. package/dist/components/token-field/index.js.map +1 -1
  45. package/dist/components/tree/index.js +2 -2
  46. package/dist/components/tree/index.js.map +1 -1
  47. package/dist/control/styles.js +1 -0
  48. package/dist/control/styles.js.map +1 -1
  49. package/dist/field/styles.js +5 -0
  50. package/dist/field/styles.js.map +1 -1
  51. package/dist/hooks/useRipple.js +16 -1
  52. package/dist/hooks/useRipple.js.map +1 -1
  53. package/dist/indicator/styles.js +2 -1
  54. package/dist/indicator/styles.js.map +1 -1
  55. package/dist/segments/styles.js +4 -1
  56. package/dist/segments/styles.js.map +1 -1
  57. package/dist/styles/color.js +8 -8
  58. package/dist/styles/color.js.map +1 -1
  59. package/dist/styles/icon-button.js +1 -1
  60. package/dist/styles/icon-button.js.map +1 -1
  61. package/dist/styles/picker.js +1 -1
  62. package/dist/styles/picker.js.map +1 -1
  63. package/dist/styles/ripple.js +1 -0
  64. package/dist/styles/ripple.js.map +1 -1
  65. package/dist/styles.css +97 -23
  66. 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
- .x1gc1xii.x1gc1xii {
3198
- max-width: calc(100vw - 32px);
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.30.4",
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.3",
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",