@umami/react-zen 0.157.0 → 0.159.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 +21 -15
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +21 -15
package/dist/index.css CHANGED
@@ -4631,7 +4631,7 @@ body a.Button_button__ZGNlZ {
4631
4631
  }
4632
4632
 
4633
4633
  /* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
4634
- .Sidebar_sidebar__MDdiN {
4634
+ .Sidebar_sidebar__OTczM {
4635
4635
  height: 100%;
4636
4636
  font-size: var(--font-size);
4637
4637
  border-right: 1px solid var(--border-color);
@@ -4641,29 +4641,29 @@ body a.Button_button__ZGNlZ {
4641
4641
  --sidebar-expanded-width: 260px;
4642
4642
  --sidebar-collapsed-width: 68px;
4643
4643
  }
4644
- .Sidebar_header__NWFkZ {
4644
+ .Sidebar_header__MDdjN {
4645
4645
  display: flex;
4646
4646
  align-items: center;
4647
4647
  gap: var(--gap);
4648
4648
  padding: var(--padding);
4649
4649
  }
4650
- .Sidebar_name__ODQyZ {
4650
+ .Sidebar_name__YmNiM {
4651
4651
  font-weight: var(--font-weight-bold);
4652
4652
  }
4653
- .Sidebar_section__NzAwZ {
4653
+ .Sidebar_section__ODE4Y {
4654
4654
  padding: var(--spacing-3);
4655
4655
  overflow: hidden;
4656
4656
  }
4657
- .Sidebar_title__ZWVlM {
4657
+ .Sidebar_title__NDI3N {
4658
4658
  font-weight: var(--font-weight-bold);
4659
4659
  }
4660
- .Sidebar_content__ZmNjN {
4660
+ .Sidebar_content__YjIwN {
4661
4661
  display: grid;
4662
4662
  min-height: 40px;
4663
4663
  gap: var(--gap);
4664
4664
  overflow: hidden;
4665
4665
  }
4666
- .Sidebar_item__MzU2N {
4666
+ .Sidebar_item__N2M3M {
4667
4667
  display: flex;
4668
4668
  align-items: center;
4669
4669
  justify-content: flex-start;
@@ -4677,33 +4677,39 @@ body a.Button_button__ZGNlZ {
4677
4677
  white-space: nowrap;
4678
4678
  overflow: hidden;
4679
4679
  }
4680
- .Sidebar_item__MzU2N:hover {
4680
+ .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4681
+ font-weight: var(--font-weight-bold);
4682
+ }
4683
+ .Sidebar_item__N2M3M.Sidebar_collapsed__OWQ2O {
4684
+ gap: 0;
4685
+ }
4686
+ .Sidebar_item__N2M3M:hover {
4681
4687
  color: var(--font-color);
4682
4688
  }
4683
- .Sidebar_label__MWE1Z {
4689
+ .Sidebar_label__MGRhM {
4684
4690
  opacity: 1;
4685
4691
  width: 100%;
4686
4692
  transition: all 0.3s;
4687
4693
  }
4688
- .Sidebar_collapsed__YmFhO .Sidebar_label__MWE1Z {
4694
+ .Sidebar_collapsed__OWQ2O .Sidebar_label__MGRhM {
4689
4695
  opacity: 0;
4690
4696
  width: 0;
4691
4697
  transition: all 0.3s;
4692
4698
  }
4693
- .Sidebar_collapsed__YmFhO {
4699
+ .Sidebar_collapsed__OWQ2O {
4694
4700
  width: var(--sidebar-collapsed-width);
4695
4701
  transition: width 0.2s ease-in-out;
4696
4702
  }
4697
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N {
4703
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M {
4698
4704
  color: var(--font-color-muted);
4699
4705
  }
4700
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N:hover {
4706
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M:hover {
4701
4707
  color: var(--font-color);
4702
4708
  }
4703
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N.Sidebar_selected__NWQ5O {
4709
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4704
4710
  color: var(--font-color);
4705
4711
  }
4706
- .Sidebar_sidebar__MDdiN.Sidebar_noborder__NGUyZ {
4712
+ .Sidebar_sidebar__OTczM.Sidebar_noborder__NWE4M {
4707
4713
  border: 0;
4708
4714
  }
4709
4715
 
package/dist/index.js CHANGED
@@ -31778,7 +31778,7 @@ var import_react189 = require("react");
31778
31778
  var import_classnames46 = __toESM(require_classnames());
31779
31779
 
31780
31780
  // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
31781
- var Sidebar_default = { "sidebar": "Sidebar_sidebar__MDdiN", "header": "Sidebar_header__NWFkZ", "name": "Sidebar_name__ODQyZ", "section": "Sidebar_section__NzAwZ", "title": "Sidebar_title__ZWVlM", "content": "Sidebar_content__ZmNjN", "item": "Sidebar_item__MzU2N", "label": "Sidebar_label__MWE1Z", "collapsed": "Sidebar_collapsed__YmFhO", "muted": "Sidebar_muted__OThkO", "selected": "Sidebar_selected__NWQ5O", "noborder": "Sidebar_noborder__NGUyZ" };
31781
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__OTczM", "header": "Sidebar_header__MDdjN", "name": "Sidebar_name__YmNiM", "section": "Sidebar_section__ODE4Y", "title": "Sidebar_title__NDI3N", "content": "Sidebar_content__YjIwN", "item": "Sidebar_item__N2M3M", "selected": "Sidebar_selected__MzU1N", "collapsed": "Sidebar_collapsed__OWQ2O", "label": "Sidebar_label__MGRhM", "muted": "Sidebar_muted__Yjc4N", "noborder": "Sidebar_noborder__NWE4M" };
31782
31782
 
31783
31783
  // src/components/Sidebar.tsx
31784
31784
  var import_jsx_runtime61 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -31666,7 +31666,7 @@ var import_classnames46 = __toESM(require_classnames());
31666
31666
  import { createContext as createContext5, useContext as useContext7 } from "react";
31667
31667
 
31668
31668
  // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
31669
- var Sidebar_default = { "sidebar": "Sidebar_sidebar__MDdiN", "header": "Sidebar_header__NWFkZ", "name": "Sidebar_name__ODQyZ", "section": "Sidebar_section__NzAwZ", "title": "Sidebar_title__ZWVlM", "content": "Sidebar_content__ZmNjN", "item": "Sidebar_item__MzU2N", "label": "Sidebar_label__MWE1Z", "collapsed": "Sidebar_collapsed__YmFhO", "muted": "Sidebar_muted__OThkO", "selected": "Sidebar_selected__NWQ5O", "noborder": "Sidebar_noborder__NGUyZ" };
31669
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__OTczM", "header": "Sidebar_header__MDdjN", "name": "Sidebar_name__YmNiM", "section": "Sidebar_section__ODE4Y", "title": "Sidebar_title__NDI3N", "content": "Sidebar_content__YjIwN", "item": "Sidebar_item__N2M3M", "selected": "Sidebar_selected__MzU1N", "collapsed": "Sidebar_collapsed__OWQ2O", "label": "Sidebar_label__MGRhM", "muted": "Sidebar_muted__Yjc4N", "noborder": "Sidebar_noborder__NWE4M" };
31670
31670
 
31671
31671
  // src/components/Sidebar.tsx
31672
31672
  import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.157.0",
3
+ "version": "0.159.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4949,7 +4949,7 @@ body a.Button_button__ZGNlZ {
4949
4949
  }
4950
4950
 
4951
4951
  /* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
4952
- .Sidebar_sidebar__MDdiN {
4952
+ .Sidebar_sidebar__OTczM {
4953
4953
  height: 100%;
4954
4954
  font-size: var(--font-size);
4955
4955
  border-right: 1px solid var(--border-color);
@@ -4959,29 +4959,29 @@ body a.Button_button__ZGNlZ {
4959
4959
  --sidebar-expanded-width: 260px;
4960
4960
  --sidebar-collapsed-width: 68px;
4961
4961
  }
4962
- .Sidebar_header__NWFkZ {
4962
+ .Sidebar_header__MDdjN {
4963
4963
  display: flex;
4964
4964
  align-items: center;
4965
4965
  gap: var(--gap);
4966
4966
  padding: var(--padding);
4967
4967
  }
4968
- .Sidebar_name__ODQyZ {
4968
+ .Sidebar_name__YmNiM {
4969
4969
  font-weight: var(--font-weight-bold);
4970
4970
  }
4971
- .Sidebar_section__NzAwZ {
4971
+ .Sidebar_section__ODE4Y {
4972
4972
  padding: var(--spacing-3);
4973
4973
  overflow: hidden;
4974
4974
  }
4975
- .Sidebar_title__ZWVlM {
4975
+ .Sidebar_title__NDI3N {
4976
4976
  font-weight: var(--font-weight-bold);
4977
4977
  }
4978
- .Sidebar_content__ZmNjN {
4978
+ .Sidebar_content__YjIwN {
4979
4979
  display: grid;
4980
4980
  min-height: 40px;
4981
4981
  gap: var(--gap);
4982
4982
  overflow: hidden;
4983
4983
  }
4984
- .Sidebar_item__MzU2N {
4984
+ .Sidebar_item__N2M3M {
4985
4985
  display: flex;
4986
4986
  align-items: center;
4987
4987
  justify-content: flex-start;
@@ -4995,33 +4995,39 @@ body a.Button_button__ZGNlZ {
4995
4995
  white-space: nowrap;
4996
4996
  overflow: hidden;
4997
4997
  }
4998
- .Sidebar_item__MzU2N:hover {
4998
+ .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4999
+ font-weight: var(--font-weight-bold);
5000
+ }
5001
+ .Sidebar_item__N2M3M.Sidebar_collapsed__OWQ2O {
5002
+ gap: 0;
5003
+ }
5004
+ .Sidebar_item__N2M3M:hover {
4999
5005
  color: var(--font-color);
5000
5006
  }
5001
- .Sidebar_label__MWE1Z {
5007
+ .Sidebar_label__MGRhM {
5002
5008
  opacity: 1;
5003
5009
  width: 100%;
5004
5010
  transition: all 0.3s;
5005
5011
  }
5006
- .Sidebar_collapsed__YmFhO .Sidebar_label__MWE1Z {
5012
+ .Sidebar_collapsed__OWQ2O .Sidebar_label__MGRhM {
5007
5013
  opacity: 0;
5008
5014
  width: 0;
5009
5015
  transition: all 0.3s;
5010
5016
  }
5011
- .Sidebar_collapsed__YmFhO {
5017
+ .Sidebar_collapsed__OWQ2O {
5012
5018
  width: var(--sidebar-collapsed-width);
5013
5019
  transition: width 0.2s ease-in-out;
5014
5020
  }
5015
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N {
5021
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M {
5016
5022
  color: var(--font-color-muted);
5017
5023
  }
5018
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N:hover {
5024
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M:hover {
5019
5025
  color: var(--font-color);
5020
5026
  }
5021
- .Sidebar_muted__OThkO .Sidebar_item__MzU2N.Sidebar_selected__NWQ5O {
5027
+ .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
5022
5028
  color: var(--font-color);
5023
5029
  }
5024
- .Sidebar_sidebar__MDdiN.Sidebar_noborder__NGUyZ {
5030
+ .Sidebar_sidebar__OTczM.Sidebar_noborder__NWE4M {
5025
5031
  border: 0;
5026
5032
  }
5027
5033