@umami/react-zen 0.159.0 → 0.161.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 -21
  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 -21
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__OTczM {
4634
+ .Sidebar_sidebar__YWNiZ {
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__MDdjN {
4644
+ .Sidebar_header__MDUwZ {
4645
4645
  display: flex;
4646
4646
  align-items: center;
4647
4647
  gap: var(--gap);
4648
4648
  padding: var(--padding);
4649
4649
  }
4650
- .Sidebar_name__YmNiM {
4650
+ .Sidebar_name__MWNlO {
4651
4651
  font-weight: var(--font-weight-bold);
4652
4652
  }
4653
- .Sidebar_section__ODE4Y {
4653
+ .Sidebar_section__YjdiO {
4654
4654
  padding: var(--spacing-3);
4655
4655
  overflow: hidden;
4656
4656
  }
4657
- .Sidebar_title__NDI3N {
4657
+ .Sidebar_title__Nzc4Z {
4658
4658
  font-weight: var(--font-weight-bold);
4659
4659
  }
4660
- .Sidebar_content__YjIwN {
4660
+ .Sidebar_content__YTAwN {
4661
4661
  display: grid;
4662
4662
  min-height: 40px;
4663
4663
  gap: var(--gap);
4664
4664
  overflow: hidden;
4665
4665
  }
4666
- .Sidebar_item__N2M3M {
4666
+ .Sidebar_item__Y2MzM {
4667
4667
  display: flex;
4668
4668
  align-items: center;
4669
4669
  justify-content: flex-start;
@@ -4677,39 +4677,39 @@ body a.Button_button__ZGNlZ {
4677
4677
  white-space: nowrap;
4678
4678
  overflow: hidden;
4679
4679
  }
4680
- .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4680
+ .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4681
4681
  font-weight: var(--font-weight-bold);
4682
4682
  }
4683
- .Sidebar_item__N2M3M.Sidebar_collapsed__OWQ2O {
4684
- gap: 0;
4685
- }
4686
- .Sidebar_item__N2M3M:hover {
4683
+ .Sidebar_item__Y2MzM:hover {
4687
4684
  color: var(--font-color);
4688
4685
  }
4689
- .Sidebar_label__MGRhM {
4686
+ .Sidebar_label__NmE0Y {
4690
4687
  opacity: 1;
4691
4688
  width: 100%;
4692
4689
  transition: all 0.3s;
4693
4690
  }
4694
- .Sidebar_collapsed__OWQ2O .Sidebar_label__MGRhM {
4691
+ .Sidebar_collapsed__MTBkM {
4692
+ width: var(--sidebar-collapsed-width);
4693
+ transition: width 0.2s ease-in-out;
4694
+ }
4695
+ .Sidebar_collapsed__MTBkM .Sidebar_label__NmE0Y {
4695
4696
  opacity: 0;
4696
4697
  width: 0;
4697
4698
  transition: all 0.3s;
4698
4699
  }
4699
- .Sidebar_collapsed__OWQ2O {
4700
- width: var(--sidebar-collapsed-width);
4701
- transition: width 0.2s ease-in-out;
4700
+ .Sidebar_collapsed__MTBkM .Sidebar_item__Y2MzM {
4701
+ gap: 0;
4702
4702
  }
4703
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M {
4703
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM {
4704
4704
  color: var(--font-color-muted);
4705
4705
  }
4706
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M:hover {
4706
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM:hover {
4707
4707
  color: var(--font-color);
4708
4708
  }
4709
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4709
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4710
4710
  color: var(--font-color);
4711
4711
  }
4712
- .Sidebar_sidebar__OTczM.Sidebar_noborder__NWE4M {
4712
+ .Sidebar_sidebar__YWNiZ.Sidebar_noborder__MTZkN {
4713
4713
  border: 0;
4714
4714
  }
4715
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__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" };
31781
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__YWNiZ", "header": "Sidebar_header__MDUwZ", "name": "Sidebar_name__MWNlO", "section": "Sidebar_section__YjdiO", "title": "Sidebar_title__Nzc4Z", "content": "Sidebar_content__YTAwN", "item": "Sidebar_item__Y2MzM", "selected": "Sidebar_selected__MWZkM", "label": "Sidebar_label__NmE0Y", "collapsed": "Sidebar_collapsed__MTBkM", "muted": "Sidebar_muted__N2Y5N", "noborder": "Sidebar_noborder__MTZkN" };
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__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" };
31669
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__YWNiZ", "header": "Sidebar_header__MDUwZ", "name": "Sidebar_name__MWNlO", "section": "Sidebar_section__YjdiO", "title": "Sidebar_title__Nzc4Z", "content": "Sidebar_content__YTAwN", "item": "Sidebar_item__Y2MzM", "selected": "Sidebar_selected__MWZkM", "label": "Sidebar_label__NmE0Y", "collapsed": "Sidebar_collapsed__MTBkM", "muted": "Sidebar_muted__N2Y5N", "noborder": "Sidebar_noborder__MTZkN" };
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.159.0",
3
+ "version": "0.161.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__OTczM {
4952
+ .Sidebar_sidebar__YWNiZ {
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__MDdjN {
4962
+ .Sidebar_header__MDUwZ {
4963
4963
  display: flex;
4964
4964
  align-items: center;
4965
4965
  gap: var(--gap);
4966
4966
  padding: var(--padding);
4967
4967
  }
4968
- .Sidebar_name__YmNiM {
4968
+ .Sidebar_name__MWNlO {
4969
4969
  font-weight: var(--font-weight-bold);
4970
4970
  }
4971
- .Sidebar_section__ODE4Y {
4971
+ .Sidebar_section__YjdiO {
4972
4972
  padding: var(--spacing-3);
4973
4973
  overflow: hidden;
4974
4974
  }
4975
- .Sidebar_title__NDI3N {
4975
+ .Sidebar_title__Nzc4Z {
4976
4976
  font-weight: var(--font-weight-bold);
4977
4977
  }
4978
- .Sidebar_content__YjIwN {
4978
+ .Sidebar_content__YTAwN {
4979
4979
  display: grid;
4980
4980
  min-height: 40px;
4981
4981
  gap: var(--gap);
4982
4982
  overflow: hidden;
4983
4983
  }
4984
- .Sidebar_item__N2M3M {
4984
+ .Sidebar_item__Y2MzM {
4985
4985
  display: flex;
4986
4986
  align-items: center;
4987
4987
  justify-content: flex-start;
@@ -4995,39 +4995,39 @@ body a.Button_button__ZGNlZ {
4995
4995
  white-space: nowrap;
4996
4996
  overflow: hidden;
4997
4997
  }
4998
- .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
4998
+ .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4999
4999
  font-weight: var(--font-weight-bold);
5000
5000
  }
5001
- .Sidebar_item__N2M3M.Sidebar_collapsed__OWQ2O {
5002
- gap: 0;
5003
- }
5004
- .Sidebar_item__N2M3M:hover {
5001
+ .Sidebar_item__Y2MzM:hover {
5005
5002
  color: var(--font-color);
5006
5003
  }
5007
- .Sidebar_label__MGRhM {
5004
+ .Sidebar_label__NmE0Y {
5008
5005
  opacity: 1;
5009
5006
  width: 100%;
5010
5007
  transition: all 0.3s;
5011
5008
  }
5012
- .Sidebar_collapsed__OWQ2O .Sidebar_label__MGRhM {
5009
+ .Sidebar_collapsed__MTBkM {
5010
+ width: var(--sidebar-collapsed-width);
5011
+ transition: width 0.2s ease-in-out;
5012
+ }
5013
+ .Sidebar_collapsed__MTBkM .Sidebar_label__NmE0Y {
5013
5014
  opacity: 0;
5014
5015
  width: 0;
5015
5016
  transition: all 0.3s;
5016
5017
  }
5017
- .Sidebar_collapsed__OWQ2O {
5018
- width: var(--sidebar-collapsed-width);
5019
- transition: width 0.2s ease-in-out;
5018
+ .Sidebar_collapsed__MTBkM .Sidebar_item__Y2MzM {
5019
+ gap: 0;
5020
5020
  }
5021
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M {
5021
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM {
5022
5022
  color: var(--font-color-muted);
5023
5023
  }
5024
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M:hover {
5024
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM:hover {
5025
5025
  color: var(--font-color);
5026
5026
  }
5027
- .Sidebar_muted__Yjc4N .Sidebar_item__N2M3M.Sidebar_selected__MzU1N {
5027
+ .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
5028
5028
  color: var(--font-color);
5029
5029
  }
5030
- .Sidebar_sidebar__OTczM.Sidebar_noborder__NWE4M {
5030
+ .Sidebar_sidebar__YWNiZ.Sidebar_noborder__MTZkN {
5031
5031
  border: 0;
5032
5032
  }
5033
5033