@umami/react-zen 0.146.0 → 0.147.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.
Files changed (5) hide show
  1. package/dist/index.css +28 -29
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +28 -29
package/dist/index.css CHANGED
@@ -4618,7 +4618,7 @@ body a.Button_button__MDE1O {
4618
4618
  }
4619
4619
 
4620
4620
  /* virtual-css:css:e81ca83878ceb2dba8f2cfa72b015b4c */
4621
- .Sidebar_sidenav__MGQ4Y {
4621
+ .Sidebar_sidenav__OGRiM {
4622
4622
  height: 100%;
4623
4623
  font-size: var(--font-size);
4624
4624
  border-right: 1px solid var(--border-color);
@@ -4626,29 +4626,29 @@ body a.Button_button__MDE1O {
4626
4626
  overflow: hidden;
4627
4627
  transition: width 0.1s ease-out;
4628
4628
  }
4629
- .Sidebar_header__MzI3Z {
4629
+ .Sidebar_header__ZTZhN {
4630
4630
  display: flex;
4631
4631
  align-items: center;
4632
4632
  gap: var(--gap);
4633
4633
  padding: var(--padding);
4634
4634
  }
4635
- .Sidebar_name__Y2RhM {
4635
+ .Sidebar_name__YWUwM {
4636
4636
  font-weight: var(--font-weight-bold);
4637
4637
  }
4638
- .Sidebar_section__Nzg0M {
4638
+ .Sidebar_section__NDE3M {
4639
4639
  padding: var(--spacing-3);
4640
4640
  overflow: hidden;
4641
4641
  }
4642
- .Sidebar_title__NDAxY {
4642
+ .Sidebar_title__Njc2M {
4643
4643
  font-weight: var(--font-weight-bold);
4644
4644
  }
4645
- .Sidebar_content__YzZkM {
4645
+ .Sidebar_content__YmIwN {
4646
4646
  display: grid;
4647
4647
  min-height: 40px;
4648
4648
  gap: var(--gap);
4649
4649
  overflow: hidden;
4650
4650
  }
4651
- .Sidebar_item__YThlO {
4651
+ .Sidebar_item__ZDVjZ {
4652
4652
  display: flex;
4653
4653
  align-items: center;
4654
4654
  justify-content: flex-start;
@@ -4662,62 +4662,61 @@ body a.Button_button__MDE1O {
4662
4662
  white-space: nowrap;
4663
4663
  overflow: hidden;
4664
4664
  }
4665
- .Sidebar_item__YThlO:hover {
4665
+ .Sidebar_item__ZDVjZ:hover {
4666
4666
  color: var(--font-color);
4667
4667
  }
4668
- .Sidebar_label__ODkzM {
4668
+ .Sidebar_label__MWUzO {
4669
4669
  opacity: 1;
4670
4670
  width: 100%;
4671
4671
  transition: all 0.3s;
4672
4672
  }
4673
- .Sidebar_collapsed__NDk1Y .Sidebar_label__ODkzM {
4673
+ .Sidebar_collapsed__ZjFkM .Sidebar_label__MWUzO {
4674
4674
  opacity: 0;
4675
4675
  width: 0;
4676
4676
  transition: all 0.3s;
4677
4677
  }
4678
- .Sidebar_collapsed__NDk1Y {
4678
+ .Sidebar_collapsed__ZjFkM {
4679
4679
  width: 68px;
4680
4680
  transition: width 0.2s ease-in-out;
4681
4681
  }
4682
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO {
4682
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ {
4683
4683
  color: var(--font-color-muted);
4684
4684
  }
4685
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO:hover {
4685
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ:hover {
4686
4686
  color: var(--font-color);
4687
4687
  }
4688
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO.Sidebar_selected__N2ZhM {
4688
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ.Sidebar_selected__MTdkY {
4689
4689
  color: var(--font-color);
4690
4690
  }
4691
- .Sidebar_variant-quiet__ZDAxZ {
4691
+ .Sidebar_variant-quiet__MzFlN {
4692
4692
  background: transparent;
4693
- & .Sidebar_item__YThlO:hover,
4694
- .Sidebar_selected__N2ZhM {
4695
- border: 1px solid var(--border-color);
4696
- border-radius: var(--border-radius);
4693
+ & .Sidebar_item__ZDVjZ:hover,
4694
+ .Sidebar_selected__MTdkY {
4695
+ background: var(--base-color-2);
4697
4696
  }
4698
4697
  }
4699
- .Sidebar_variant-1__NjZjM {
4698
+ .Sidebar_variant-1__ZTY2M {
4700
4699
  background: var(--base-color-1);
4701
- & .Sidebar_item__YThlO:hover,
4702
- .Sidebar_selected__N2ZhM {
4700
+ & .Sidebar_item__ZDVjZ:hover,
4701
+ .Sidebar_selected__MTdkY {
4703
4702
  background: var(--base-color-2);
4704
4703
  }
4705
4704
  }
4706
- .Sidebar_variant-2__YzA4M {
4705
+ .Sidebar_variant-2__YzU0O {
4707
4706
  background: var(--base-color-2);
4708
- & .Sidebar_item__YThlO:hover,
4709
- .Sidebar_selected__N2ZhM {
4707
+ & .Sidebar_item__ZDVjZ:hover,
4708
+ .Sidebar_selected__MTdkY {
4710
4709
  background: var(--base-color-3);
4711
4710
  }
4712
4711
  }
4713
- .Sidebar_variant-3__NGI3O {
4712
+ .Sidebar_variant-3__YWRmM {
4714
4713
  background: var(--base-color-3);
4715
- & .Sidebar_item__YThlO:hover,
4716
- .Sidebar_selected__N2ZhM {
4714
+ & .Sidebar_item__ZDVjZ:hover,
4715
+ .Sidebar_selected__MTdkY {
4717
4716
  background: var(--base-color-4);
4718
4717
  }
4719
4718
  }
4720
- .Sidebar_sidenav__MGQ4Y.Sidebar_noborder__MDIxZ {
4719
+ .Sidebar_sidenav__OGRiM.Sidebar_noborder__ODBlM {
4721
4720
  border: 0;
4722
4721
  }
4723
4722
 
package/dist/index.js CHANGED
@@ -31716,7 +31716,7 @@ var import_react188 = require("react");
31716
31716
  var import_classnames46 = __toESM(require_classnames());
31717
31717
 
31718
31718
  // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/Sidebar.module.css
31719
- var Sidebar_default = { "sidenav": "Sidebar_sidenav__MGQ4Y", "header": "Sidebar_header__MzI3Z", "name": "Sidebar_name__Y2RhM", "section": "Sidebar_section__Nzg0M", "title": "Sidebar_title__NDAxY", "content": "Sidebar_content__YzZkM", "item": "Sidebar_item__YThlO", "label": "Sidebar_label__ODkzM", "collapsed": "Sidebar_collapsed__NDk1Y", "muted": "Sidebar_muted__OTNkZ", "selected": "Sidebar_selected__N2ZhM", "variant-quiet": "Sidebar_variant-quiet__ZDAxZ", "variant-1": "Sidebar_variant-1__NjZjM", "variant-2": "Sidebar_variant-2__YzA4M", "variant-3": "Sidebar_variant-3__NGI3O", "noborder": "Sidebar_noborder__MDIxZ" };
31719
+ var Sidebar_default = { "sidenav": "Sidebar_sidenav__OGRiM", "header": "Sidebar_header__ZTZhN", "name": "Sidebar_name__YWUwM", "section": "Sidebar_section__NDE3M", "title": "Sidebar_title__Njc2M", "content": "Sidebar_content__YmIwN", "item": "Sidebar_item__ZDVjZ", "label": "Sidebar_label__MWUzO", "collapsed": "Sidebar_collapsed__ZjFkM", "muted": "Sidebar_muted__YjM1M", "selected": "Sidebar_selected__MTdkY", "variant-quiet": "Sidebar_variant-quiet__MzFlN", "variant-1": "Sidebar_variant-1__ZTY2M", "variant-2": "Sidebar_variant-2__YzU0O", "variant-3": "Sidebar_variant-3__YWRmM", "noborder": "Sidebar_noborder__ODBlM" };
31720
31720
 
31721
31721
  // src/components/Sidebar.tsx
31722
31722
  var import_jsx_runtime61 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -31605,7 +31605,7 @@ var import_classnames46 = __toESM(require_classnames());
31605
31605
  import { createContext as createContext4, useContext as useContext6 } from "react";
31606
31606
 
31607
31607
  // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/Sidebar.module.css
31608
- var Sidebar_default = { "sidenav": "Sidebar_sidenav__MGQ4Y", "header": "Sidebar_header__MzI3Z", "name": "Sidebar_name__Y2RhM", "section": "Sidebar_section__Nzg0M", "title": "Sidebar_title__NDAxY", "content": "Sidebar_content__YzZkM", "item": "Sidebar_item__YThlO", "label": "Sidebar_label__ODkzM", "collapsed": "Sidebar_collapsed__NDk1Y", "muted": "Sidebar_muted__OTNkZ", "selected": "Sidebar_selected__N2ZhM", "variant-quiet": "Sidebar_variant-quiet__ZDAxZ", "variant-1": "Sidebar_variant-1__NjZjM", "variant-2": "Sidebar_variant-2__YzA4M", "variant-3": "Sidebar_variant-3__NGI3O", "noborder": "Sidebar_noborder__MDIxZ" };
31608
+ var Sidebar_default = { "sidenav": "Sidebar_sidenav__OGRiM", "header": "Sidebar_header__ZTZhN", "name": "Sidebar_name__YWUwM", "section": "Sidebar_section__NDE3M", "title": "Sidebar_title__Njc2M", "content": "Sidebar_content__YmIwN", "item": "Sidebar_item__ZDVjZ", "label": "Sidebar_label__MWUzO", "collapsed": "Sidebar_collapsed__ZjFkM", "muted": "Sidebar_muted__YjM1M", "selected": "Sidebar_selected__MTdkY", "variant-quiet": "Sidebar_variant-quiet__MzFlN", "variant-1": "Sidebar_variant-1__ZTY2M", "variant-2": "Sidebar_variant-2__YzU0O", "variant-3": "Sidebar_variant-3__YWRmM", "noborder": "Sidebar_noborder__ODBlM" };
31609
31609
 
31610
31610
  // src/components/Sidebar.tsx
31611
31611
  import { jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.146.0",
3
+ "version": "0.147.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4936,7 +4936,7 @@ body a.Button_button__MDE1O {
4936
4936
  }
4937
4937
 
4938
4938
  /* virtual-css:css:e81ca83878ceb2dba8f2cfa72b015b4c */
4939
- .Sidebar_sidenav__MGQ4Y {
4939
+ .Sidebar_sidenav__OGRiM {
4940
4940
  height: 100%;
4941
4941
  font-size: var(--font-size);
4942
4942
  border-right: 1px solid var(--border-color);
@@ -4944,29 +4944,29 @@ body a.Button_button__MDE1O {
4944
4944
  overflow: hidden;
4945
4945
  transition: width 0.1s ease-out;
4946
4946
  }
4947
- .Sidebar_header__MzI3Z {
4947
+ .Sidebar_header__ZTZhN {
4948
4948
  display: flex;
4949
4949
  align-items: center;
4950
4950
  gap: var(--gap);
4951
4951
  padding: var(--padding);
4952
4952
  }
4953
- .Sidebar_name__Y2RhM {
4953
+ .Sidebar_name__YWUwM {
4954
4954
  font-weight: var(--font-weight-bold);
4955
4955
  }
4956
- .Sidebar_section__Nzg0M {
4956
+ .Sidebar_section__NDE3M {
4957
4957
  padding: var(--spacing-3);
4958
4958
  overflow: hidden;
4959
4959
  }
4960
- .Sidebar_title__NDAxY {
4960
+ .Sidebar_title__Njc2M {
4961
4961
  font-weight: var(--font-weight-bold);
4962
4962
  }
4963
- .Sidebar_content__YzZkM {
4963
+ .Sidebar_content__YmIwN {
4964
4964
  display: grid;
4965
4965
  min-height: 40px;
4966
4966
  gap: var(--gap);
4967
4967
  overflow: hidden;
4968
4968
  }
4969
- .Sidebar_item__YThlO {
4969
+ .Sidebar_item__ZDVjZ {
4970
4970
  display: flex;
4971
4971
  align-items: center;
4972
4972
  justify-content: flex-start;
@@ -4980,62 +4980,61 @@ body a.Button_button__MDE1O {
4980
4980
  white-space: nowrap;
4981
4981
  overflow: hidden;
4982
4982
  }
4983
- .Sidebar_item__YThlO:hover {
4983
+ .Sidebar_item__ZDVjZ:hover {
4984
4984
  color: var(--font-color);
4985
4985
  }
4986
- .Sidebar_label__ODkzM {
4986
+ .Sidebar_label__MWUzO {
4987
4987
  opacity: 1;
4988
4988
  width: 100%;
4989
4989
  transition: all 0.3s;
4990
4990
  }
4991
- .Sidebar_collapsed__NDk1Y .Sidebar_label__ODkzM {
4991
+ .Sidebar_collapsed__ZjFkM .Sidebar_label__MWUzO {
4992
4992
  opacity: 0;
4993
4993
  width: 0;
4994
4994
  transition: all 0.3s;
4995
4995
  }
4996
- .Sidebar_collapsed__NDk1Y {
4996
+ .Sidebar_collapsed__ZjFkM {
4997
4997
  width: 68px;
4998
4998
  transition: width 0.2s ease-in-out;
4999
4999
  }
5000
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO {
5000
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ {
5001
5001
  color: var(--font-color-muted);
5002
5002
  }
5003
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO:hover {
5003
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ:hover {
5004
5004
  color: var(--font-color);
5005
5005
  }
5006
- .Sidebar_muted__OTNkZ .Sidebar_item__YThlO.Sidebar_selected__N2ZhM {
5006
+ .Sidebar_muted__YjM1M .Sidebar_item__ZDVjZ.Sidebar_selected__MTdkY {
5007
5007
  color: var(--font-color);
5008
5008
  }
5009
- .Sidebar_variant-quiet__ZDAxZ {
5009
+ .Sidebar_variant-quiet__MzFlN {
5010
5010
  background: transparent;
5011
- & .Sidebar_item__YThlO:hover,
5012
- .Sidebar_selected__N2ZhM {
5013
- border: 1px solid var(--border-color);
5014
- border-radius: var(--border-radius);
5011
+ & .Sidebar_item__ZDVjZ:hover,
5012
+ .Sidebar_selected__MTdkY {
5013
+ background: var(--base-color-2);
5015
5014
  }
5016
5015
  }
5017
- .Sidebar_variant-1__NjZjM {
5016
+ .Sidebar_variant-1__ZTY2M {
5018
5017
  background: var(--base-color-1);
5019
- & .Sidebar_item__YThlO:hover,
5020
- .Sidebar_selected__N2ZhM {
5018
+ & .Sidebar_item__ZDVjZ:hover,
5019
+ .Sidebar_selected__MTdkY {
5021
5020
  background: var(--base-color-2);
5022
5021
  }
5023
5022
  }
5024
- .Sidebar_variant-2__YzA4M {
5023
+ .Sidebar_variant-2__YzU0O {
5025
5024
  background: var(--base-color-2);
5026
- & .Sidebar_item__YThlO:hover,
5027
- .Sidebar_selected__N2ZhM {
5025
+ & .Sidebar_item__ZDVjZ:hover,
5026
+ .Sidebar_selected__MTdkY {
5028
5027
  background: var(--base-color-3);
5029
5028
  }
5030
5029
  }
5031
- .Sidebar_variant-3__NGI3O {
5030
+ .Sidebar_variant-3__YWRmM {
5032
5031
  background: var(--base-color-3);
5033
- & .Sidebar_item__YThlO:hover,
5034
- .Sidebar_selected__N2ZhM {
5032
+ & .Sidebar_item__ZDVjZ:hover,
5033
+ .Sidebar_selected__MTdkY {
5035
5034
  background: var(--base-color-4);
5036
5035
  }
5037
5036
  }
5038
- .Sidebar_sidenav__MGQ4Y.Sidebar_noborder__MDIxZ {
5037
+ .Sidebar_sidenav__OGRiM.Sidebar_noborder__ODBlM {
5039
5038
  border: 0;
5040
5039
  }
5041
5040