@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.197.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.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,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
- .Dialog_dialog__OWY2M {
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
- .Dialog_title__MzNlY {
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
- .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_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
- .Modal_overlay__MzBhO {
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
- .Modal_overlay__MzBhO[data-entering] {
4650
- animation: Modal_modal-fade-in__OTcxN 200ms;
4638
+ .Modal_overlay__MDExM[data-entering] {
4639
+ animation: Modal_modal-fade-in__ZDY2M 200ms;
4651
4640
  }
4652
- .Modal_overlay__MzBhO[data-exiting] {
4653
- animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
4641
+ .Modal_overlay__MDExM[data-exiting] {
4642
+ animation: Modal_modal-fade-in__ZDY2M 200ms reverse ease-in;
4654
4643
  }
4655
- .Modal_modal__YTU3M {
4644
+ .Modal_modal__YTc0N {
4656
4645
  position: relative;
4657
4646
  z-index: 9999;
4658
4647
  }
4659
- .Modal_modal__YTU3M.Modal_left__ZDU0O {
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
- .Modal_modal__YTU3M.Modal_right__MGFhO {
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
- .Modal_modal__YTU3M.Modal_top__OTY4M {
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
- .Modal_modal__YTU3M.Modal_bottom__NjY4N {
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
- .Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
4680
+ .Modal_modal__YTc0N.Modal_fullscreen__MzNlO {
4692
4681
  width: 100dvw;
4693
4682
  height: 100dvh;
4683
+ border-radius: 0;
4694
4684
  }
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);
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
- .Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
4699
- animation: Modal_modal-left__YTc0N 200ms ease-out;
4688
+ .Modal_modal__YTc0N.Modal_left__MTJkM[data-entering] {
4689
+ animation: Modal_modal-left__YzdjM 200ms ease-out;
4700
4690
  }
4701
- .Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
4702
- animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
4691
+ .Modal_modal__YTc0N.Modal_left__MTJkM[data-exiting] {
4692
+ animation: Modal_modal-left__YzdjM 200ms reverse ease-out;
4703
4693
  }
4704
- .Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
4705
- animation: Modal_modal-right__MWY0Z 200ms ease-out;
4694
+ .Modal_modal__YTc0N.Modal_right__MTgyY[data-entering] {
4695
+ animation: Modal_modal-right__MjdlN 200ms ease-out;
4706
4696
  }
4707
- .Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
4708
- animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
4697
+ .Modal_modal__YTc0N.Modal_right__MTgyY[data-exiting] {
4698
+ animation: Modal_modal-right__MjdlN 200ms reverse ease-in;
4709
4699
  }
4710
- .Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
4711
- animation: Modal_modal-top__OTQ2M 200ms ease-out;
4700
+ .Modal_modal__YTc0N.Modal_top__ZjhhZ[data-entering] {
4701
+ animation: Modal_modal-top__ZTg5M 200ms ease-out;
4712
4702
  }
4713
- .Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
4714
- animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
4703
+ .Modal_modal__YTc0N.Modal_top__ZjhhZ[data-exiting] {
4704
+ animation: Modal_modal-top__ZTg5M 200ms reverse ease-in;
4715
4705
  }
4716
- .Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
4717
- animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
4706
+ .Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-entering] {
4707
+ animation: Modal_modal-bottom__YjQ3N 200ms ease-out;
4718
4708
  }
4719
- .Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
4720
- animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
4709
+ .Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-exiting] {
4710
+ animation: Modal_modal-bottom__YjQ3N 200ms reverse ease-in;
4721
4711
  }
4722
- .Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
4723
- animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
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-in__OTcxN {
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-zoom__MjY4Y {
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-left__YTc0N {
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-right__MWY0Z {
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-top__OTQ2M {
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-bottom__NDlkZ {
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
- .Select_select__NTRiY {
5005
+ .Select_select__M2I4N {
5016
5006
  width: 100%;
5017
5007
  }
5018
- .Select_button__ZTJmY {
5008
+ .Select_button__NTc5Y {
5019
5009
  width: 100%;
5010
+ min-height: 40px;
5020
5011
  }
5021
- .Select_value__OWU2Z {
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
- .Select_list__NTk4N {
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
- .Select_search__YWI3Y {
5027
+ .Select_search__MWNhN {
5037
5028
  margin-bottom: var(--spacing-2);
5038
5029
  }
5039
5030