@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 +0 -1
- package/dist/index.css +13 -10
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +17 -25
- package/styles.css +13 -10
package/README.md
CHANGED
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
4717
|
+
.Select_select__NGY0O {
|
|
4717
4718
|
width: 100%;
|
|
4718
4719
|
}
|
|
4719
|
-
.
|
|
4720
|
+
.Select_button__NmEzN {
|
|
4720
4721
|
width: 100%;
|
|
4721
4722
|
min-height: 40px;
|
|
4722
4723
|
}
|
|
4723
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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.
|
|
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 --
|
|
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": "^
|
|
45
|
+
"glob": "^13.0.0",
|
|
46
46
|
"highlight.js": "^11.11.1",
|
|
47
|
-
"lucide-react": "^0.
|
|
48
|
-
"next": "^
|
|
49
|
-
"react": "^19.2.
|
|
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.
|
|
52
|
-
"react-hook-form": "^7.
|
|
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.
|
|
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.
|
|
66
|
-
"@types/react": "^19.2.
|
|
67
|
-
"@types/react-dom": "^19.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.
|
|
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": "^
|
|
76
|
+
"lint-staged": "^16.2.7",
|
|
78
77
|
"npm-run-all": "^4.1.5",
|
|
79
|
-
"rollup": "^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.
|
|
81
|
+
"rollup-plugin-dts": "^6.3.0",
|
|
83
82
|
"rollup-plugin-esbuild": "^6.1.1",
|
|
84
83
|
"rollup-plugin-postcss": "^4.0.2",
|
|
85
|
-
"
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
5035
|
+
.Select_select__NGY0O {
|
|
5035
5036
|
width: 100%;
|
|
5036
5037
|
}
|
|
5037
|
-
.
|
|
5038
|
+
.Select_button__NmEzN {
|
|
5038
5039
|
width: 100%;
|
|
5039
5040
|
min-height: 40px;
|
|
5040
5041
|
}
|
|
5041
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
5059
|
+
.Select_search__MWFkM {
|
|
5057
5060
|
margin-bottom: var(--spacing-2);
|
|
5058
5061
|
}
|
|
5059
5062
|
|