@umami/react-zen 0.198.0 → 0.200.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 +55 -63
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +2393 -2027
- package/dist/index.mjs +1488 -1122
- package/package.json +16 -16
- package/styles.css +55 -63
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umami/react-zen",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.200.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,37 +3848,35 @@ 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__NjJlM {
|
|
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__YjdmY {
|
|
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_dialog__NjJlM.Dialog_sheet__ZjQ1M {
|
|
3879
3875
|
background: var(--background-color);
|
|
3880
3876
|
width: 100%;
|
|
3881
3877
|
height: 100%;
|
|
3878
|
+
padding: 0;
|
|
3879
|
+
border: 0;
|
|
3882
3880
|
border-radius: 0;
|
|
3883
3881
|
box-shadow: none;
|
|
3884
3882
|
z-index: 9999;
|
|
@@ -4479,13 +4477,6 @@ body a.Button_button__NGQyO {
|
|
|
4479
4477
|
transform: translate(-50%, calc(-100% - 10px));
|
|
4480
4478
|
}
|
|
4481
4479
|
|
|
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
4480
|
/* virtual-css:css:d6c8f45fae43d995517dd77d33fd2f76 */
|
|
4490
4481
|
.HoverTrigger_wrapper__NGFlN {
|
|
4491
4482
|
transform: translateY(-10px);
|
|
@@ -4633,7 +4624,7 @@ body a.Button_button__NGQyO {
|
|
|
4633
4624
|
}
|
|
4634
4625
|
|
|
4635
4626
|
/* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
|
|
4636
|
-
.
|
|
4627
|
+
.Modal_overlay__MDExM {
|
|
4637
4628
|
position: fixed;
|
|
4638
4629
|
top: 0;
|
|
4639
4630
|
left: 0;
|
|
@@ -4646,17 +4637,17 @@ body a.Button_button__NGQyO {
|
|
|
4646
4637
|
--modal-offset: 50%;
|
|
4647
4638
|
z-index: 9999;
|
|
4648
4639
|
}
|
|
4649
|
-
.
|
|
4650
|
-
animation: Modal_modal-fade-
|
|
4640
|
+
.Modal_overlay__MDExM[data-entering] {
|
|
4641
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms;
|
|
4651
4642
|
}
|
|
4652
|
-
.
|
|
4653
|
-
animation: Modal_modal-fade-
|
|
4643
|
+
.Modal_overlay__MDExM[data-exiting] {
|
|
4644
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms reverse ease-in;
|
|
4654
4645
|
}
|
|
4655
|
-
.
|
|
4646
|
+
.Modal_modal__YTc0N {
|
|
4656
4647
|
position: relative;
|
|
4657
4648
|
z-index: 9999;
|
|
4658
4649
|
}
|
|
4659
|
-
.
|
|
4650
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM {
|
|
4660
4651
|
position: absolute;
|
|
4661
4652
|
top: 0;
|
|
4662
4653
|
left: 0;
|
|
@@ -4664,7 +4655,7 @@ body a.Button_button__NGQyO {
|
|
|
4664
4655
|
margin: auto;
|
|
4665
4656
|
width: calc(100dvw - var(--modal-offset, 0));
|
|
4666
4657
|
}
|
|
4667
|
-
.
|
|
4658
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY {
|
|
4668
4659
|
position: absolute;
|
|
4669
4660
|
top: 0;
|
|
4670
4661
|
right: 0;
|
|
@@ -4672,7 +4663,7 @@ body a.Button_button__NGQyO {
|
|
|
4672
4663
|
margin: auto;
|
|
4673
4664
|
width: calc(100dvw - var(--modal-offset, 0));
|
|
4674
4665
|
}
|
|
4675
|
-
.
|
|
4666
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ {
|
|
4676
4667
|
position: absolute;
|
|
4677
4668
|
top: 0;
|
|
4678
4669
|
left: 0;
|
|
@@ -4680,7 +4671,7 @@ body a.Button_button__NGQyO {
|
|
|
4680
4671
|
margin: auto;
|
|
4681
4672
|
height: calc(100dvh - var(--modal-offset, 0));
|
|
4682
4673
|
}
|
|
4683
|
-
.
|
|
4674
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ {
|
|
4684
4675
|
position: absolute;
|
|
4685
4676
|
left: 0;
|
|
4686
4677
|
right: 0;
|
|
@@ -4688,41 +4679,42 @@ body a.Button_button__NGQyO {
|
|
|
4688
4679
|
margin: auto;
|
|
4689
4680
|
height: calc(100dvh - var(--modal-offset, 0));
|
|
4690
4681
|
}
|
|
4691
|
-
.
|
|
4682
|
+
.Modal_modal__YTc0N.Modal_fullscreen__MzNlO {
|
|
4692
4683
|
width: 100dvw;
|
|
4693
4684
|
height: 100dvh;
|
|
4685
|
+
border-radius: 0;
|
|
4694
4686
|
}
|
|
4695
|
-
.
|
|
4696
|
-
animation: Modal_modal-
|
|
4687
|
+
.Modal_modal__YTc0N.Modal_center__YzA4O[data-entering] {
|
|
4688
|
+
animation: Modal_modal-zoom__YjI0Z 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
4697
4689
|
}
|
|
4698
|
-
.
|
|
4699
|
-
animation: Modal_modal-
|
|
4690
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM[data-entering] {
|
|
4691
|
+
animation: Modal_modal-left__YzdjM 200ms ease-out;
|
|
4700
4692
|
}
|
|
4701
|
-
.
|
|
4702
|
-
animation: Modal_modal-
|
|
4693
|
+
.Modal_modal__YTc0N.Modal_left__MTJkM[data-exiting] {
|
|
4694
|
+
animation: Modal_modal-left__YzdjM 200ms reverse ease-out;
|
|
4703
4695
|
}
|
|
4704
|
-
.
|
|
4705
|
-
animation: Modal_modal-
|
|
4696
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY[data-entering] {
|
|
4697
|
+
animation: Modal_modal-right__MjdlN 200ms ease-out;
|
|
4706
4698
|
}
|
|
4707
|
-
.
|
|
4708
|
-
animation: Modal_modal-
|
|
4699
|
+
.Modal_modal__YTc0N.Modal_right__MTgyY[data-exiting] {
|
|
4700
|
+
animation: Modal_modal-right__MjdlN 200ms reverse ease-in;
|
|
4709
4701
|
}
|
|
4710
|
-
.
|
|
4711
|
-
animation: Modal_modal-
|
|
4702
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-entering] {
|
|
4703
|
+
animation: Modal_modal-top__ZTg5M 200ms ease-out;
|
|
4712
4704
|
}
|
|
4713
|
-
.
|
|
4714
|
-
animation: Modal_modal-
|
|
4705
|
+
.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-exiting] {
|
|
4706
|
+
animation: Modal_modal-top__ZTg5M 200ms reverse ease-in;
|
|
4715
4707
|
}
|
|
4716
|
-
.
|
|
4717
|
-
animation: Modal_modal-
|
|
4708
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-entering] {
|
|
4709
|
+
animation: Modal_modal-bottom__YjQ3N 200ms ease-out;
|
|
4718
4710
|
}
|
|
4719
|
-
.
|
|
4720
|
-
animation: Modal_modal-
|
|
4711
|
+
.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-exiting] {
|
|
4712
|
+
animation: Modal_modal-bottom__YjQ3N 200ms reverse ease-in;
|
|
4721
4713
|
}
|
|
4722
|
-
.
|
|
4723
|
-
animation: Modal_modal-fade-
|
|
4714
|
+
.Modal_modal__YTc0N.Modal_fullscreen__MzNlO[data-entering] {
|
|
4715
|
+
animation: Modal_modal-fade-in__ZDY2M 200ms ease-out;
|
|
4724
4716
|
}
|
|
4725
|
-
@keyframes Modal_modal-fade-
|
|
4717
|
+
@keyframes Modal_modal-fade-in__ZDY2M {
|
|
4726
4718
|
from {
|
|
4727
4719
|
opacity: 0;
|
|
4728
4720
|
}
|
|
@@ -4730,7 +4722,7 @@ body a.Button_button__NGQyO {
|
|
|
4730
4722
|
opacity: 1;
|
|
4731
4723
|
}
|
|
4732
4724
|
}
|
|
4733
|
-
@keyframes Modal_modal-
|
|
4725
|
+
@keyframes Modal_modal-zoom__YjI0Z {
|
|
4734
4726
|
from {
|
|
4735
4727
|
transform: scale(0.8);
|
|
4736
4728
|
}
|
|
@@ -4738,7 +4730,7 @@ body a.Button_button__NGQyO {
|
|
|
4738
4730
|
transform: scale(1);
|
|
4739
4731
|
}
|
|
4740
4732
|
}
|
|
4741
|
-
@keyframes Modal_modal-
|
|
4733
|
+
@keyframes Modal_modal-left__YzdjM {
|
|
4742
4734
|
from {
|
|
4743
4735
|
transform: translateX(-100%);
|
|
4744
4736
|
}
|
|
@@ -4746,7 +4738,7 @@ body a.Button_button__NGQyO {
|
|
|
4746
4738
|
transform: translateX(0);
|
|
4747
4739
|
}
|
|
4748
4740
|
}
|
|
4749
|
-
@keyframes Modal_modal-
|
|
4741
|
+
@keyframes Modal_modal-right__MjdlN {
|
|
4750
4742
|
from {
|
|
4751
4743
|
transform: translateX(100%);
|
|
4752
4744
|
}
|
|
@@ -4754,7 +4746,7 @@ body a.Button_button__NGQyO {
|
|
|
4754
4746
|
transform: translateX(0);
|
|
4755
4747
|
}
|
|
4756
4748
|
}
|
|
4757
|
-
@keyframes Modal_modal-
|
|
4749
|
+
@keyframes Modal_modal-top__ZTg5M {
|
|
4758
4750
|
from {
|
|
4759
4751
|
transform: translateY(-100%);
|
|
4760
4752
|
}
|
|
@@ -4762,7 +4754,7 @@ body a.Button_button__NGQyO {
|
|
|
4762
4754
|
transform: translateX(0);
|
|
4763
4755
|
}
|
|
4764
4756
|
}
|
|
4765
|
-
@keyframes Modal_modal-
|
|
4757
|
+
@keyframes Modal_modal-bottom__YjQ3N {
|
|
4766
4758
|
from {
|
|
4767
4759
|
transform: translateY(100%);
|
|
4768
4760
|
}
|