@umami/react-zen 0.210.0 → 0.212.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/README.md CHANGED
@@ -4,7 +4,6 @@
4
4
 
5
5
  - Beautifully-designed components
6
6
  - Built on top of [React Aria](https://react-spectrum.adobe.com/react-aria/) primitives.
7
- - No Tailwind, pure CSS.
8
7
 
9
8
  [Learn more](https://zen.umami.is/)
10
9
 
package/dist/index.css CHANGED
@@ -3786,7 +3786,7 @@ body a.Button_button__NGQyO {
3786
3786
  }
3787
3787
 
3788
3788
  /* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
3789
- .ComboBox_combobox__Zjg5Z {
3789
+ .ComboBox_combobox__YzI1M {
3790
3790
  display: flex;
3791
3791
  align-items: center;
3792
3792
  flex-wrap: nowrap;
@@ -3794,19 +3794,20 @@ body a.Button_button__NGQyO {
3794
3794
  padding: var(--padding);
3795
3795
  border-radius: var(--border-radius);
3796
3796
  }
3797
- .ComboBox_input__NDBmM {
3797
+ .ComboBox_input__MzZjN {
3798
3798
  font-size: var(--font-size);
3799
3799
  border: none;
3800
3800
  outline: none;
3801
+ background-color: inherit;
3801
3802
  }
3802
- .ComboBox_button__NTI1M {
3803
+ .ComboBox_button__MTcyY {
3803
3804
  display: flex;
3804
3805
  align-items: center;
3805
3806
  justify-content: center;
3806
3807
  border: 0;
3807
3808
  background: transparent;
3808
3809
  }
3809
- .ComboBox_list__NWZhZ {
3810
+ .ComboBox_list__ZTQwM {
3810
3811
  margin-top: var(--padding-y);
3811
3812
  margin-left: calc(-1 * var(--padding-x));
3812
3813
  padding: var(--spacing-2);
@@ -3816,7 +3817,7 @@ body a.Button_button__NGQyO {
3816
3817
  box-shadow: var(--box-shadow-3);
3817
3818
  width: 260px;
3818
3819
  }
3819
- .ComboBox_icon__YTI0N {
3820
+ .ComboBox_icon__NDQyM {
3820
3821
  cursor: pointer;
3821
3822
  }
3822
3823
 
@@ -4713,29 +4714,31 @@ body a.Button_button__NGQyO {
4713
4714
  }
4714
4715
 
4715
4716
  /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
4716
- .Select_select__M2I4N {
4717
+ .Select_select__NGY0O {
4717
4718
  width: 100%;
4718
4719
  }
4719
- .Select_button__NTc5Y {
4720
+ .Select_button__NmEzN {
4720
4721
  width: 100%;
4721
4722
  min-height: 40px;
4722
4723
  }
4723
- .Select_value__ZTYwN {
4724
+ .Select_value__MTA5M {
4724
4725
  display: flex;
4725
4726
  align-items: center;
4726
4727
  justify-content: space-between;
4727
4728
  width: 100%;
4728
4729
  gap: var(--gap);
4729
4730
  }
4730
- .Select_list__NTcwM {
4731
+ .Select_list__ZDYyZ {
4731
4732
  padding: var(--spacing-2);
4732
4733
  background-color: var(--background-color);
4733
4734
  border: var(--border);
4734
4735
  border-radius: var(--border-radius);
4735
4736
  box-shadow: var(--box-shadow-3);
4736
4737
  width: 260px;
4738
+ max-height: 42vh;
4739
+ overflow-y: auto;
4737
4740
  }
4738
- .Select_search__MWNhN {
4741
+ .Select_search__MWFkM {
4739
4742
  margin-bottom: var(--spacing-2);
4740
4743
  }
4741
4744
 
package/dist/index.js CHANGED
@@ -33415,7 +33415,7 @@ function ListSection({ title, className, children, ...props }) {
33415
33415
  }
33416
33416
 
33417
33417
  // css-modules:E:\dev\umami-react-zen\src\components\ComboBox.module.css
33418
- var ComboBox_default = { "combobox": "ComboBox_combobox__Zjg5Z", "input": "ComboBox_input__NDBmM", "button": "ComboBox_button__NTI1M", "list": "ComboBox_list__NWZhZ", "icon": "ComboBox_icon__YTI0N" };
33418
+ var ComboBox_default = { "combobox": "ComboBox_combobox__YzI1M", "input": "ComboBox_input__MzZjN", "button": "ComboBox_button__MTcyY", "list": "ComboBox_list__ZTQwM", "icon": "ComboBox_icon__NDQyM" };
33419
33419
 
33420
33420
  // src/components/ComboBox.tsx
33421
33421
  var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -34471,7 +34471,7 @@ var import_classnames46 = __toESM(require_classnames());
34471
34471
  var import_react201 = require("react");
34472
34472
 
34473
34473
  // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
34474
- var Select_default = { "select": "Select_select__M2I4N", "button": "Select_button__NTc5Y", "value": "Select_value__ZTYwN", "list": "Select_list__NTcwM", "search": "Select_search__MWNhN" };
34474
+ var Select_default = { "select": "Select_select__NGY0O", "button": "Select_button__NmEzN", "value": "Select_value__MTA5M", "list": "Select_list__ZDYyZ", "search": "Select_search__MWFkM" };
34475
34475
 
34476
34476
  // src/components/Select.tsx
34477
34477
  var import_jsx_runtime63 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -33290,7 +33290,7 @@ function ListSection({ title, className, children, ...props }) {
33290
33290
  }
33291
33291
 
33292
33292
  // css-modules:E:\dev\umami-react-zen\src\components\ComboBox.module.css
33293
- var ComboBox_default = { "combobox": "ComboBox_combobox__Zjg5Z", "input": "ComboBox_input__NDBmM", "button": "ComboBox_button__NTI1M", "list": "ComboBox_list__NWZhZ", "icon": "ComboBox_icon__YTI0N" };
33293
+ var ComboBox_default = { "combobox": "ComboBox_combobox__YzI1M", "input": "ComboBox_input__MzZjN", "button": "ComboBox_button__MTcyY", "list": "ComboBox_list__ZTQwM", "icon": "ComboBox_icon__NDQyM" };
33294
33294
 
33295
33295
  // src/components/ComboBox.tsx
33296
33296
  import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -34350,7 +34350,7 @@ var import_classnames46 = __toESM(require_classnames());
34350
34350
  import { useState as useState19 } from "react";
34351
34351
 
34352
34352
  // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
34353
- var Select_default = { "select": "Select_select__M2I4N", "button": "Select_button__NTc5Y", "value": "Select_value__ZTYwN", "list": "Select_list__NTcwM", "search": "Select_search__MWNhN" };
34353
+ var Select_default = { "select": "Select_select__NGY0O", "button": "Select_button__NmEzN", "value": "Select_value__MTA5M", "list": "Select_list__ZDYyZ", "search": "Select_search__MWFkM" };
34354
34354
 
34355
34355
  // src/components/Select.tsx
34356
34356
  import { jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.210.0",
3
+ "version": "0.212.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "lint-staged": {
35
35
  "**/*.{js,jsx,ts,tsx,json,css}": [
36
- "biome check --apply"
36
+ "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
37
37
  ]
38
38
  },
39
39
  "dependencies": {
@@ -42,54 +42,46 @@
42
42
  "@react-aria/focus": "^3.21.2",
43
43
  "@react-spring/web": "^9.7.5",
44
44
  "classnames": "^2.5.1",
45
- "glob": "^10.3.10",
45
+ "glob": "^13.0.0",
46
46
  "highlight.js": "^11.11.1",
47
- "lucide-react": "^0.511.0",
48
- "next": "^15.5.6",
49
- "react": "^19.2.0",
47
+ "lucide-react": "^0.555.0",
48
+ "next": "^16.0.7",
49
+ "react": "^19.2.1",
50
50
  "react-aria-components": "^1.13.0",
51
- "react-dom": "^19.2.0",
52
- "react-hook-form": "^7.65.0",
51
+ "react-dom": "^19.2.1",
52
+ "react-hook-form": "^7.66.1",
53
53
  "react-icons": "^5.4.0",
54
54
  "thenby": "^1.3.4",
55
55
  "zustand": "^5.0.8"
56
56
  },
57
57
  "devDependencies": {
58
- "@biomejs/biome": "^2.3.5",
58
+ "@biomejs/biome": "^2.3.7",
59
59
  "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
60
60
  "@rollup/plugin-alias": "^5.1.0",
61
61
  "@rollup/plugin-commonjs": "^25.0.7",
62
62
  "@rollup/plugin-node-resolve": "^15.2.3",
63
63
  "@svgr/cli": "^8.1.0",
64
64
  "@types/mdx": "^2.0.11",
65
- "@types/node": "^22.18.11",
66
- "@types/react": "^19.2.2",
67
- "@types/react-dom": "^19.2.2",
65
+ "@types/node": "^22.19.1",
66
+ "@types/react": "^19.2.7",
67
+ "@types/react-dom": "^19.2.3",
68
68
  "@umami/esbuild-plugin-css-modules": "0.4.0",
69
69
  "@umami/shiso": "^0.55.0",
70
- "babel-plugin-inline-react-svg": "^2.0.2",
71
70
  "dts-bundle": "^0.7.3",
72
- "esbuild": "^0.25.11",
71
+ "esbuild": "^0.27.0",
73
72
  "esbuild-css-modules-plugin": "^3.1.5",
74
73
  "esbuild-plugin-svgr": "^3.1.1",
75
74
  "esbuild-postcss": "^0.0.4",
76
75
  "husky": "^9.1.1",
77
- "lint-staged": "^15.5.2",
76
+ "lint-staged": "^16.2.7",
78
77
  "npm-run-all": "^4.1.5",
79
- "rollup": "^4.52.4",
78
+ "rollup": "^4.53.3",
80
79
  "rollup-plugin-copy": "^3.5.0",
81
80
  "rollup-plugin-delete": "^2.0.0",
82
- "rollup-plugin-dts": "^6.2.3",
81
+ "rollup-plugin-dts": "^6.3.0",
83
82
  "rollup-plugin-esbuild": "^6.1.1",
84
83
  "rollup-plugin-postcss": "^4.0.2",
85
- "stylelint": "^16.25.0",
86
- "stylelint-config-recommended": "^15.0.0",
87
- "tsup": "^8.5.0",
84
+ "tsup": "^8.5.1",
88
85
  "typescript": "^5.9.3"
89
- },
90
- "pnpm": {
91
- "onlyBuiltDependencies": [
92
- "sharp"
93
- ]
94
86
  }
95
87
  }
package/styles.css CHANGED
@@ -4104,7 +4104,7 @@ body a.Button_button__NGQyO {
4104
4104
  }
4105
4105
 
4106
4106
  /* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
4107
- .ComboBox_combobox__Zjg5Z {
4107
+ .ComboBox_combobox__YzI1M {
4108
4108
  display: flex;
4109
4109
  align-items: center;
4110
4110
  flex-wrap: nowrap;
@@ -4112,19 +4112,20 @@ body a.Button_button__NGQyO {
4112
4112
  padding: var(--padding);
4113
4113
  border-radius: var(--border-radius);
4114
4114
  }
4115
- .ComboBox_input__NDBmM {
4115
+ .ComboBox_input__MzZjN {
4116
4116
  font-size: var(--font-size);
4117
4117
  border: none;
4118
4118
  outline: none;
4119
+ background-color: inherit;
4119
4120
  }
4120
- .ComboBox_button__NTI1M {
4121
+ .ComboBox_button__MTcyY {
4121
4122
  display: flex;
4122
4123
  align-items: center;
4123
4124
  justify-content: center;
4124
4125
  border: 0;
4125
4126
  background: transparent;
4126
4127
  }
4127
- .ComboBox_list__NWZhZ {
4128
+ .ComboBox_list__ZTQwM {
4128
4129
  margin-top: var(--padding-y);
4129
4130
  margin-left: calc(-1 * var(--padding-x));
4130
4131
  padding: var(--spacing-2);
@@ -4134,7 +4135,7 @@ body a.Button_button__NGQyO {
4134
4135
  box-shadow: var(--box-shadow-3);
4135
4136
  width: 260px;
4136
4137
  }
4137
- .ComboBox_icon__YTI0N {
4138
+ .ComboBox_icon__NDQyM {
4138
4139
  cursor: pointer;
4139
4140
  }
4140
4141
 
@@ -5031,29 +5032,31 @@ body a.Button_button__NGQyO {
5031
5032
  }
5032
5033
 
5033
5034
  /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
5034
- .Select_select__M2I4N {
5035
+ .Select_select__NGY0O {
5035
5036
  width: 100%;
5036
5037
  }
5037
- .Select_button__NTc5Y {
5038
+ .Select_button__NmEzN {
5038
5039
  width: 100%;
5039
5040
  min-height: 40px;
5040
5041
  }
5041
- .Select_value__ZTYwN {
5042
+ .Select_value__MTA5M {
5042
5043
  display: flex;
5043
5044
  align-items: center;
5044
5045
  justify-content: space-between;
5045
5046
  width: 100%;
5046
5047
  gap: var(--gap);
5047
5048
  }
5048
- .Select_list__NTcwM {
5049
+ .Select_list__ZDYyZ {
5049
5050
  padding: var(--spacing-2);
5050
5051
  background-color: var(--background-color);
5051
5052
  border: var(--border);
5052
5053
  border-radius: var(--border-radius);
5053
5054
  box-shadow: var(--box-shadow-3);
5054
5055
  width: 260px;
5056
+ max-height: 42vh;
5057
+ overflow-y: auto;
5055
5058
  }
5056
- .Select_search__MWNhN {
5059
+ .Select_search__MWFkM {
5057
5060
  margin-bottom: var(--spacing-2);
5058
5061
  }
5059
5062