@umami/react-zen 0.197.0 → 0.199.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/index.css +59 -68
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +2395 -2029
- package/dist/index.mjs +1490 -1124
- package/package.json +16 -16
- package/styles.css +59 -68
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umami/react-zen",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.199.0",
|
|
4
4
|
"description": "Modern, minimalist React component library",
|
|
5
5
|
"author": "Umami <hello@umami.is>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -45,19 +45,19 @@
|
|
|
45
45
|
]
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@fontsource/jetbrains-mono": "^5.2.
|
|
49
|
-
"@internationalized/date": "^3.
|
|
50
|
-
"@react-aria/focus": "^3.21.
|
|
48
|
+
"@fontsource/jetbrains-mono": "^5.2.8",
|
|
49
|
+
"@internationalized/date": "^3.10.0",
|
|
50
|
+
"@react-aria/focus": "^3.21.2",
|
|
51
51
|
"@react-spring/web": "^9.7.5",
|
|
52
52
|
"classnames": "^2.5.1",
|
|
53
53
|
"glob": "^10.3.10",
|
|
54
54
|
"highlight.js": "^11.11.1",
|
|
55
55
|
"lucide-react": "^0.511.0",
|
|
56
|
-
"next": "^15.5.
|
|
57
|
-
"react": "^19.
|
|
58
|
-
"react-aria-components": "^1.
|
|
59
|
-
"react-dom": "^19.
|
|
60
|
-
"react-hook-form": "^7.
|
|
56
|
+
"next": "^15.5.6",
|
|
57
|
+
"react": "^19.2.0",
|
|
58
|
+
"react-aria-components": "^1.13.0",
|
|
59
|
+
"react-dom": "^19.2.0",
|
|
60
|
+
"react-hook-form": "^7.65.0",
|
|
61
61
|
"react-icons": "^5.4.0",
|
|
62
62
|
"thenby": "^1.3.4",
|
|
63
63
|
"zustand": "^5.0.8"
|
|
@@ -69,14 +69,14 @@
|
|
|
69
69
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
70
70
|
"@svgr/cli": "^8.1.0",
|
|
71
71
|
"@types/mdx": "^2.0.11",
|
|
72
|
-
"@types/node": "^22.18.
|
|
73
|
-
"@types/react": "^19.
|
|
74
|
-
"@types/react-dom": "^19.
|
|
72
|
+
"@types/node": "^22.18.11",
|
|
73
|
+
"@types/react": "^19.2.2",
|
|
74
|
+
"@types/react-dom": "^19.2.2",
|
|
75
75
|
"@umami/esbuild-plugin-css-modules": "0.4.0",
|
|
76
76
|
"@umami/shiso": "^0.55.0",
|
|
77
77
|
"babel-plugin-inline-react-svg": "^2.0.2",
|
|
78
78
|
"dts-bundle": "^0.7.3",
|
|
79
|
-
"esbuild": "^0.25.
|
|
79
|
+
"esbuild": "^0.25.11",
|
|
80
80
|
"esbuild-css-modules-plugin": "^3.1.5",
|
|
81
81
|
"esbuild-plugin-svgr": "^3.1.1",
|
|
82
82
|
"esbuild-postcss": "^0.0.4",
|
|
@@ -90,16 +90,16 @@
|
|
|
90
90
|
"lint-staged": "^15.5.2",
|
|
91
91
|
"npm-run-all": "^4.1.5",
|
|
92
92
|
"prettier": "^3.6.2",
|
|
93
|
-
"rollup": "^4.
|
|
93
|
+
"rollup": "^4.52.4",
|
|
94
94
|
"rollup-plugin-copy": "^3.5.0",
|
|
95
95
|
"rollup-plugin-delete": "^2.0.0",
|
|
96
96
|
"rollup-plugin-dts": "^6.2.3",
|
|
97
97
|
"rollup-plugin-esbuild": "^6.1.1",
|
|
98
98
|
"rollup-plugin-postcss": "^4.0.2",
|
|
99
|
-
"stylelint": "^16.
|
|
99
|
+
"stylelint": "^16.25.0",
|
|
100
100
|
"stylelint-config-recommended": "^15.0.0",
|
|
101
101
|
"tsup": "^8.5.0",
|
|
102
|
-
"typescript": "^5.9.
|
|
102
|
+
"typescript": "^5.9.3"
|
|
103
103
|
},
|
|
104
104
|
"pnpm": {
|
|
105
105
|
"onlyBuiltDependencies": [
|
package/styles.css
CHANGED
|
@@ -3848,34 +3848,30 @@ body a.Button_button__NGQyO {
|
|
|
3848
3848
|
transition: max-height 0.5s ease-out;
|
|
3849
3849
|
}
|
|
3850
3850
|
|
|
3851
|
+
/* virtual-css:css:94870e251b7b77526d8ae103079be601 */
|
|
3852
|
+
.Heading_heading__MGIyZ {
|
|
3853
|
+
color: var(--heading-color);
|
|
3854
|
+
font-weight: var(--font-weight-bold);
|
|
3855
|
+
line-height: 1.2;
|
|
3856
|
+
}
|
|
3857
|
+
|
|
3851
3858
|
/* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
|
|
3852
|
-
.
|
|
3859
|
+
.Dialog_dialog__ZjcyZ {
|
|
3860
|
+
padding: var(--spacing-6);
|
|
3861
|
+
box-shadow: var(--box-shadow-4);
|
|
3862
|
+
background: var(--background-color);
|
|
3863
|
+
border: var(--border);
|
|
3864
|
+
border-radius: var(--border-radius);
|
|
3853
3865
|
position: relative;
|
|
3854
3866
|
outline: none;
|
|
3855
|
-
max-height: 100vh;
|
|
3856
|
-
max-width: 100vw;
|
|
3857
3867
|
overflow: auto;
|
|
3858
3868
|
}
|
|
3859
|
-
.
|
|
3869
|
+
.Dialog_title__NTA4M {
|
|
3860
3870
|
font-size: var(--font-size-5);
|
|
3861
3871
|
font-weight: 700;
|
|
3862
3872
|
margin-bottom: var(--spacing-3);
|
|
3863
3873
|
}
|
|
3864
|
-
.
|
|
3865
|
-
padding: var(--spacing-6);
|
|
3866
|
-
box-shadow: var(--box-shadow-4);
|
|
3867
|
-
background: var(--background-color);
|
|
3868
|
-
border: var(--border);
|
|
3869
|
-
border-radius: var(--border-radius);
|
|
3870
|
-
}
|
|
3871
|
-
.Dialog_menu__NWYyN {
|
|
3872
|
-
padding: var(--spacing-2);
|
|
3873
|
-
box-shadow: var(--box-shadow-3);
|
|
3874
|
-
background: var(--background-color);
|
|
3875
|
-
border: var(--border);
|
|
3876
|
-
border-radius: var(--border-radius);
|
|
3877
|
-
}
|
|
3878
|
-
.Dialog_sheet__MmJjY {
|
|
3874
|
+
.Dialog_sheet__Y2IyZ {
|
|
3879
3875
|
background: var(--background-color);
|
|
3880
3876
|
width: 100%;
|
|
3881
3877
|
height: 100%;
|
|
@@ -4479,13 +4475,6 @@ body a.Button_button__NGQyO {
|
|
|
4479
4475
|
transform: translate(-50%, calc(-100% - 10px));
|
|
4480
4476
|
}
|
|
4481
4477
|
|
|
4482
|
-
/* virtual-css:css:94870e251b7b77526d8ae103079be601 */
|
|
4483
|
-
.Heading_heading__MGIyZ {
|
|
4484
|
-
color: var(--heading-color);
|
|
4485
|
-
font-weight: var(--font-weight-bold);
|
|
4486
|
-
line-height: 1.2;
|
|
4487
|
-
}
|
|
4488
|
-
|
|
4489
4478
|
/* virtual-css:css:d6c8f45fae43d995517dd77d33fd2f76 */
|
|
4490
4479
|
.HoverTrigger_wrapper__NGFlN {
|
|
4491
4480
|
transform: translateY(-10px);
|
|
@@ -4633,7 +4622,7 @@ body a.Button_button__NGQyO {
|
|
|
4633
4622
|
}
|
|
4634
4623
|
|
|
4635
4624
|
/* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
|
|
4636
|
-
.
|
|
4625
|
+
.Modal_overlay__MDExM {
|
|
4637
4626
|
position: fixed;
|
|
4638
4627
|
top: 0;
|
|
4639
4628
|
left: 0;
|
|
@@ -4646,17 +4635,17 @@ body a.Button_button__NGQyO {
|
|
|
4646
4635
|
--modal-offset: 50%;
|
|
4647
4636
|
z-index: 9999;
|
|
4648
4637
|
}
|
|
4649
|
-
.
|
|
4650
|
-
animation: Modal_modal-fade-
|
|
4638
|
+
.Modal_overlay__MDExM[data-entering] {
|
|
4639
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms;
|
|
4651
4640
|
}
|
|
4652
|
-
.
|
|
4653
|
-
animation: Modal_modal-fade-
|
|
4641
|
+
.Modal_overlay__MDExM[data-exiting] {
|
|
4642
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms reverse ease-in;
|
|
4654
4643
|
}
|
|
4655
|
-
.
|
|
4644
|
+
.Modal_modal__YTc0N {
|
|
4656
4645
|
position: relative;
|
|
4657
4646
|
z-index: 9999;
|
|
4658
4647
|
}
|
|
4659
|
-
.
|
|
4648
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM {
|
|
4660
4649
|
position: absolute;
|
|
4661
4650
|
top: 0;
|
|
4662
4651
|
left: 0;
|
|
@@ -4664,7 +4653,7 @@ body a.Button_button__NGQyO {
|
|
|
4664
4653
|
margin: auto;
|
|
4665
4654
|
width: calc(100dvw - var(--modal-offset, 0));
|
|
4666
4655
|
}
|
|
4667
|
-
.
|
|
4656
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY {
|
|
4668
4657
|
position: absolute;
|
|
4669
4658
|
top: 0;
|
|
4670
4659
|
right: 0;
|
|
@@ -4672,7 +4661,7 @@ body a.Button_button__NGQyO {
|
|
|
4672
4661
|
margin: auto;
|
|
4673
4662
|
width: calc(100dvw - var(--modal-offset, 0));
|
|
4674
4663
|
}
|
|
4675
|
-
.
|
|
4664
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ {
|
|
4676
4665
|
position: absolute;
|
|
4677
4666
|
top: 0;
|
|
4678
4667
|
left: 0;
|
|
@@ -4680,7 +4669,7 @@ body a.Button_button__NGQyO {
|
|
|
4680
4669
|
margin: auto;
|
|
4681
4670
|
height: calc(100dvh - var(--modal-offset, 0));
|
|
4682
4671
|
}
|
|
4683
|
-
.
|
|
4672
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ {
|
|
4684
4673
|
position: absolute;
|
|
4685
4674
|
left: 0;
|
|
4686
4675
|
right: 0;
|
|
@@ -4688,41 +4677,42 @@ body a.Button_button__NGQyO {
|
|
|
4688
4677
|
margin: auto;
|
|
4689
4678
|
height: calc(100dvh - var(--modal-offset, 0));
|
|
4690
4679
|
}
|
|
4691
|
-
.
|
|
4680
|
+
.Modal_modal__YTc0N.Modal_fullscreen__MzNlO {
|
|
4692
4681
|
width: 100dvw;
|
|
4693
4682
|
height: 100dvh;
|
|
4683
|
+
border-radius: 0;
|
|
4694
4684
|
}
|
|
4695
|
-
.
|
|
4696
|
-
animation: Modal_modal-
|
|
4685
|
+
.Modal_modal__YTc0N.Modal_center__YzA4O[data-entering] {
|
|
4686
|
+
animation: Modal_modal-zoom__YjI0Z 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
4697
4687
|
}
|
|
4698
|
-
.
|
|
4699
|
-
animation: Modal_modal-
|
|
4688
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM[data-entering] {
|
|
4689
|
+
animation: Modal_modal-left__YzdjM 200ms ease-out;
|
|
4700
4690
|
}
|
|
4701
|
-
.
|
|
4702
|
-
animation: Modal_modal-
|
|
4691
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM[data-exiting] {
|
|
4692
|
+
animation: Modal_modal-left__YzdjM 200ms reverse ease-out;
|
|
4703
4693
|
}
|
|
4704
|
-
.
|
|
4705
|
-
animation: Modal_modal-
|
|
4694
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY[data-entering] {
|
|
4695
|
+
animation: Modal_modal-right__MjdlN 200ms ease-out;
|
|
4706
4696
|
}
|
|
4707
|
-
.
|
|
4708
|
-
animation: Modal_modal-
|
|
4697
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY[data-exiting] {
|
|
4698
|
+
animation: Modal_modal-right__MjdlN 200ms reverse ease-in;
|
|
4709
4699
|
}
|
|
4710
|
-
.
|
|
4711
|
-
animation: Modal_modal-
|
|
4700
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-entering] {
|
|
4701
|
+
animation: Modal_modal-top__ZTg5M 200ms ease-out;
|
|
4712
4702
|
}
|
|
4713
|
-
.
|
|
4714
|
-
animation: Modal_modal-
|
|
4703
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-exiting] {
|
|
4704
|
+
animation: Modal_modal-top__ZTg5M 200ms reverse ease-in;
|
|
4715
4705
|
}
|
|
4716
|
-
.
|
|
4717
|
-
animation: Modal_modal-
|
|
4706
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-entering] {
|
|
4707
|
+
animation: Modal_modal-bottom__YjQ3N 200ms ease-out;
|
|
4718
4708
|
}
|
|
4719
|
-
.
|
|
4720
|
-
animation: Modal_modal-
|
|
4709
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-exiting] {
|
|
4710
|
+
animation: Modal_modal-bottom__YjQ3N 200ms reverse ease-in;
|
|
4721
4711
|
}
|
|
4722
|
-
.
|
|
4723
|
-
animation: Modal_modal-fade-
|
|
4712
|
+
.Modal_modal__YTc0N.Modal_fullscreen__MzNlO[data-entering] {
|
|
4713
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms ease-out;
|
|
4724
4714
|
}
|
|
4725
|
-
@keyframes Modal_modal-fade-
|
|
4715
|
+
@keyframes Modal_modal-fade-in__ZDY2M {
|
|
4726
4716
|
from {
|
|
4727
4717
|
opacity: 0;
|
|
4728
4718
|
}
|
|
@@ -4730,7 +4720,7 @@ body a.Button_button__NGQyO {
|
|
|
4730
4720
|
opacity: 1;
|
|
4731
4721
|
}
|
|
4732
4722
|
}
|
|
4733
|
-
@keyframes Modal_modal-
|
|
4723
|
+
@keyframes Modal_modal-zoom__YjI0Z {
|
|
4734
4724
|
from {
|
|
4735
4725
|
transform: scale(0.8);
|
|
4736
4726
|
}
|
|
@@ -4738,7 +4728,7 @@ body a.Button_button__NGQyO {
|
|
|
4738
4728
|
transform: scale(1);
|
|
4739
4729
|
}
|
|
4740
4730
|
}
|
|
4741
|
-
@keyframes Modal_modal-
|
|
4731
|
+
@keyframes Modal_modal-left__YzdjM {
|
|
4742
4732
|
from {
|
|
4743
4733
|
transform: translateX(-100%);
|
|
4744
4734
|
}
|
|
@@ -4746,7 +4736,7 @@ body a.Button_button__NGQyO {
|
|
|
4746
4736
|
transform: translateX(0);
|
|
4747
4737
|
}
|
|
4748
4738
|
}
|
|
4749
|
-
@keyframes Modal_modal-
|
|
4739
|
+
@keyframes Modal_modal-right__MjdlN {
|
|
4750
4740
|
from {
|
|
4751
4741
|
transform: translateX(100%);
|
|
4752
4742
|
}
|
|
@@ -4754,7 +4744,7 @@ body a.Button_button__NGQyO {
|
|
|
4754
4744
|
transform: translateX(0);
|
|
4755
4745
|
}
|
|
4756
4746
|
}
|
|
4757
|
-
@keyframes Modal_modal-
|
|
4747
|
+
@keyframes Modal_modal-top__ZTg5M {
|
|
4758
4748
|
from {
|
|
4759
4749
|
transform: translateY(-100%);
|
|
4760
4750
|
}
|
|
@@ -4762,7 +4752,7 @@ body a.Button_button__NGQyO {
|
|
|
4762
4752
|
transform: translateX(0);
|
|
4763
4753
|
}
|
|
4764
4754
|
}
|
|
4765
|
-
@keyframes Modal_modal-
|
|
4755
|
+
@keyframes Modal_modal-bottom__YjQ3N {
|
|
4766
4756
|
from {
|
|
4767
4757
|
transform: translateY(100%);
|
|
4768
4758
|
}
|
|
@@ -5012,20 +5002,21 @@ body a.Button_button__NGQyO {
|
|
|
5012
5002
|
}
|
|
5013
5003
|
|
|
5014
5004
|
/* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
|
|
5015
|
-
.
|
|
5005
|
+
.Select_select__M2I4N {
|
|
5016
5006
|
width: 100%;
|
|
5017
5007
|
}
|
|
5018
|
-
.
|
|
5008
|
+
.Select_button__NTc5Y {
|
|
5019
5009
|
width: 100%;
|
|
5010
|
+
min-height: 40px;
|
|
5020
5011
|
}
|
|
5021
|
-
.
|
|
5012
|
+
.Select_value__ZTYwN {
|
|
5022
5013
|
display: flex;
|
|
5023
5014
|
align-items: center;
|
|
5024
5015
|
justify-content: space-between;
|
|
5025
5016
|
width: 100%;
|
|
5026
5017
|
gap: var(--gap);
|
|
5027
5018
|
}
|
|
5028
|
-
.
|
|
5019
|
+
.Select_list__NTcwM {
|
|
5029
5020
|
padding: var(--spacing-2);
|
|
5030
5021
|
background-color: var(--background-color);
|
|
5031
5022
|
border: var(--border);
|
|
@@ -5033,7 +5024,7 @@ body a.Button_button__NGQyO {
|
|
|
5033
5024
|
box-shadow: var(--box-shadow-3);
|
|
5034
5025
|
width: 260px;
|
|
5035
5026
|
}
|
|
5036
|
-
.
|
|
5027
|
+
.Select_search__MWNhN {
|
|
5037
5028
|
margin-bottom: var(--spacing-2);
|
|
5038
5029
|
}
|
|
5039
5030
|
|