@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.198.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.5",
49
- "@internationalized/date": "^3.9.0",
50
- "@react-aria/focus": "^3.21.1",
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.2",
57
- "react": "^19.1.1",
58
- "react-aria-components": "^1.12.1",
59
- "react-dom": "^19.1.1",
60
- "react-hook-form": "^7.62.0",
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.0",
73
- "@types/react": "^19.1.12",
74
- "@types/react-dom": "^19.1.9",
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.9",
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.49.0",
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.23.1",
99
+ "stylelint": "^16.25.0",
100
100
  "stylelint-config-recommended": "^15.0.0",
101
101
  "tsup": "^8.5.0",
102
- "typescript": "^5.9.2"
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
- .Dialog_dialog__OWY2M {
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
- .Dialog_title__MzNlY {
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
- .Dialog_modal__ZWZjN {
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
- .Modal_overlay__MzBhO {
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
- .Modal_overlay__MzBhO[data-entering] {
4650
- animation: Modal_modal-fade-in__OTcxN 200ms;
4640
+ .Modal_overlay__MDExM[data-entering] {
4641
+ animation: Modal_modal-fade-in__ZDY2M 200ms;
4651
4642
  }
4652
- .Modal_overlay__MzBhO[data-exiting] {
4653
- animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
4643
+ .Modal_overlay__MDExM[data-exiting] {
4644
+ animation: Modal_modal-fade-in__ZDY2M 200ms reverse ease-in;
4654
4645
  }
4655
- .Modal_modal__YTU3M {
4646
+ .Modal_modal__YTc0N {
4656
4647
  position: relative;
4657
4648
  z-index: 9999;
4658
4649
  }
4659
- .Modal_modal__YTU3M.Modal_left__ZDU0O {
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
- .Modal_modal__YTU3M.Modal_right__MGFhO {
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
- .Modal_modal__YTU3M.Modal_top__OTY4M {
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
- .Modal_modal__YTU3M.Modal_bottom__NjY4N {
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
- .Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
4682
+ .Modal_modal__YTc0N.Modal_fullscreen__MzNlO {
4692
4683
  width: 100dvw;
4693
4684
  height: 100dvh;
4685
+ border-radius: 0;
4694
4686
  }
4695
- .Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
4696
- animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
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
- .Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
4699
- animation: Modal_modal-left__YTc0N 200ms ease-out;
4690
+ .Modal_modal__YTc0N.Modal_left__MTJkM[data-entering] {
4691
+ animation: Modal_modal-left__YzdjM 200ms ease-out;
4700
4692
  }
4701
- .Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
4702
- animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
4693
+ .Modal_modal__YTc0N.Modal_left__MTJkM[data-exiting] {
4694
+ animation: Modal_modal-left__YzdjM 200ms reverse ease-out;
4703
4695
  }
4704
- .Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
4705
- animation: Modal_modal-right__MWY0Z 200ms ease-out;
4696
+ .Modal_modal__YTc0N.Modal_right__MTgyY[data-entering] {
4697
+ animation: Modal_modal-right__MjdlN 200ms ease-out;
4706
4698
  }
4707
- .Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
4708
- animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
4699
+ .Modal_modal__YTc0N.Modal_right__MTgyY[data-exiting] {
4700
+ animation: Modal_modal-right__MjdlN 200ms reverse ease-in;
4709
4701
  }
4710
- .Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
4711
- animation: Modal_modal-top__OTQ2M 200ms ease-out;
4702
+ .Modal_modal__YTc0N.Modal_top__ZjhhZ[data-entering] {
4703
+ animation: Modal_modal-top__ZTg5M 200ms ease-out;
4712
4704
  }
4713
- .Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
4714
- animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
4705
+ .Modal_modal__YTc0N.Modal_top__ZjhhZ[data-exiting] {
4706
+ animation: Modal_modal-top__ZTg5M 200ms reverse ease-in;
4715
4707
  }
4716
- .Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
4717
- animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
4708
+ .Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-entering] {
4709
+ animation: Modal_modal-bottom__YjQ3N 200ms ease-out;
4718
4710
  }
4719
- .Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
4720
- animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
4711
+ .Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-exiting] {
4712
+ animation: Modal_modal-bottom__YjQ3N 200ms reverse ease-in;
4721
4713
  }
4722
- .Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
4723
- animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
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-in__OTcxN {
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-zoom__MjY4Y {
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-left__YTc0N {
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-right__MWY0Z {
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-top__OTQ2M {
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-bottom__NDlkZ {
4757
+ @keyframes Modal_modal-bottom__YjQ3N {
4766
4758
  from {
4767
4759
  transform: translateY(100%);
4768
4760
  }