@umami/react-zen 0.161.0 → 0.162.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 +19 -21
  2. package/dist/index.js +2 -2
  3. package/dist/index.mjs +2 -2
  4. package/package.json +1 -1
  5. package/styles.css +19 -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__YWNiZ {
4634
+ .Sidebar_sidebar__MDdkM {
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__MDUwZ {
4644
+ .Sidebar_header__YzgwY {
4645
4645
  display: flex;
4646
4646
  align-items: center;
4647
4647
  gap: var(--gap);
4648
4648
  padding: var(--padding);
4649
4649
  }
4650
- .Sidebar_name__MWNlO {
4650
+ .Sidebar_header__YzgwY .Sidebar_label__ZWRjN {
4651
4651
  font-weight: var(--font-weight-bold);
4652
4652
  }
4653
- .Sidebar_section__YjdiO {
4653
+ .Sidebar_section__N2E1Y {
4654
4654
  padding: var(--spacing-3);
4655
4655
  overflow: hidden;
4656
4656
  }
4657
- .Sidebar_title__Nzc4Z {
4657
+ .Sidebar_title__ZjM4Z {
4658
4658
  font-weight: var(--font-weight-bold);
4659
4659
  }
4660
- .Sidebar_content__YTAwN {
4660
+ .Sidebar_content__ZTA1O {
4661
4661
  display: grid;
4662
4662
  min-height: 40px;
4663
4663
  gap: var(--gap);
4664
4664
  overflow: hidden;
4665
4665
  }
4666
- .Sidebar_item__Y2MzM {
4666
+ .Sidebar_item__ZWVjN {
4667
4667
  display: flex;
4668
4668
  align-items: center;
4669
4669
  justify-content: flex-start;
@@ -4677,39 +4677,37 @@ body a.Button_button__ZGNlZ {
4677
4677
  white-space: nowrap;
4678
4678
  overflow: hidden;
4679
4679
  }
4680
- .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4680
+ .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
4681
4681
  font-weight: var(--font-weight-bold);
4682
4682
  }
4683
- .Sidebar_item__Y2MzM:hover {
4683
+ .Sidebar_item__ZWVjN:hover {
4684
4684
  color: var(--font-color);
4685
4685
  }
4686
- .Sidebar_label__NmE0Y {
4686
+ .Sidebar_label__ZWRjN {
4687
4687
  opacity: 1;
4688
4688
  width: 100%;
4689
4689
  transition: all 0.3s;
4690
4690
  }
4691
- .Sidebar_collapsed__MTBkM {
4691
+ .Sidebar_collapsed__ZGQyN {
4692
4692
  width: var(--sidebar-collapsed-width);
4693
4693
  transition: width 0.2s ease-in-out;
4694
4694
  }
4695
- .Sidebar_collapsed__MTBkM .Sidebar_label__NmE0Y {
4696
- opacity: 0;
4697
- width: 0;
4698
- transition: all 0.3s;
4699
- }
4700
- .Sidebar_collapsed__MTBkM .Sidebar_item__Y2MzM {
4695
+ .Sidebar_collapsed__ZGQyN .Sidebar_item__ZWVjN {
4701
4696
  gap: 0;
4702
4697
  }
4703
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM {
4698
+ .Sidebar_collapsed__ZGQyN .Sidebar_label__ZWRjN {
4699
+ display: none;
4700
+ }
4701
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN {
4704
4702
  color: var(--font-color-muted);
4705
4703
  }
4706
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM:hover {
4704
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN:hover {
4707
4705
  color: var(--font-color);
4708
4706
  }
4709
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4707
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
4710
4708
  color: var(--font-color);
4711
4709
  }
4712
- .Sidebar_sidebar__YWNiZ.Sidebar_noborder__MTZkN {
4710
+ .Sidebar_sidebar__MDdkM.Sidebar_noborder__ZTFmM {
4713
4711
  border: 0;
4714
4712
  }
4715
4713
 
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__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" };
31781
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__MDdkM", "header": "Sidebar_header__YzgwY", "label": "Sidebar_label__ZWRjN", "section": "Sidebar_section__N2E1Y", "title": "Sidebar_title__ZjM4Z", "content": "Sidebar_content__ZTA1O", "item": "Sidebar_item__ZWVjN", "selected": "Sidebar_selected__NjU5Z", "collapsed": "Sidebar_collapsed__ZGQyN", "muted": "Sidebar_muted__MTI3O", "noborder": "Sidebar_noborder__ZTFmM" };
31782
31782
 
31783
31783
  // src/components/Sidebar.tsx
31784
31784
  var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -31827,7 +31827,7 @@ function SidebarHeader({
31827
31827
  }) {
31828
31828
  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Row, { ...props, className: (0, import_classnames46.default)(Sidebar_default.header, className), children: [
31829
31829
  icon && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon2, { size: "sm", children: icon }),
31830
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_classnames46.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
31830
+ label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: Sidebar_default.label, children: label }),
31831
31831
  children
31832
31832
  ] });
31833
31833
  }
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__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" };
31669
+ var Sidebar_default = { "sidebar": "Sidebar_sidebar__MDdkM", "header": "Sidebar_header__YzgwY", "label": "Sidebar_label__ZWRjN", "section": "Sidebar_section__N2E1Y", "title": "Sidebar_title__ZjM4Z", "content": "Sidebar_content__ZTA1O", "item": "Sidebar_item__ZWVjN", "selected": "Sidebar_selected__NjU5Z", "collapsed": "Sidebar_collapsed__ZGQyN", "muted": "Sidebar_muted__MTI3O", "noborder": "Sidebar_noborder__ZTFmM" };
31670
31670
 
31671
31671
  // src/components/Sidebar.tsx
31672
31672
  import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -31715,7 +31715,7 @@ function SidebarHeader({
31715
31715
  }) {
31716
31716
  return /* @__PURE__ */ jsxs36(Row, { ...props, className: (0, import_classnames46.default)(Sidebar_default.header, className), children: [
31717
31717
  icon && /* @__PURE__ */ jsx61(Icon2, { size: "sm", children: icon }),
31718
- /* @__PURE__ */ jsx61("div", { className: (0, import_classnames46.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
31718
+ label && /* @__PURE__ */ jsx61("div", { className: Sidebar_default.label, children: label }),
31719
31719
  children
31720
31720
  ] });
31721
31721
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.161.0",
3
+ "version": "0.162.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__YWNiZ {
4952
+ .Sidebar_sidebar__MDdkM {
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__MDUwZ {
4962
+ .Sidebar_header__YzgwY {
4963
4963
  display: flex;
4964
4964
  align-items: center;
4965
4965
  gap: var(--gap);
4966
4966
  padding: var(--padding);
4967
4967
  }
4968
- .Sidebar_name__MWNlO {
4968
+ .Sidebar_header__YzgwY .Sidebar_label__ZWRjN {
4969
4969
  font-weight: var(--font-weight-bold);
4970
4970
  }
4971
- .Sidebar_section__YjdiO {
4971
+ .Sidebar_section__N2E1Y {
4972
4972
  padding: var(--spacing-3);
4973
4973
  overflow: hidden;
4974
4974
  }
4975
- .Sidebar_title__Nzc4Z {
4975
+ .Sidebar_title__ZjM4Z {
4976
4976
  font-weight: var(--font-weight-bold);
4977
4977
  }
4978
- .Sidebar_content__YTAwN {
4978
+ .Sidebar_content__ZTA1O {
4979
4979
  display: grid;
4980
4980
  min-height: 40px;
4981
4981
  gap: var(--gap);
4982
4982
  overflow: hidden;
4983
4983
  }
4984
- .Sidebar_item__Y2MzM {
4984
+ .Sidebar_item__ZWVjN {
4985
4985
  display: flex;
4986
4986
  align-items: center;
4987
4987
  justify-content: flex-start;
@@ -4995,39 +4995,37 @@ body a.Button_button__ZGNlZ {
4995
4995
  white-space: nowrap;
4996
4996
  overflow: hidden;
4997
4997
  }
4998
- .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
4998
+ .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
4999
4999
  font-weight: var(--font-weight-bold);
5000
5000
  }
5001
- .Sidebar_item__Y2MzM:hover {
5001
+ .Sidebar_item__ZWVjN:hover {
5002
5002
  color: var(--font-color);
5003
5003
  }
5004
- .Sidebar_label__NmE0Y {
5004
+ .Sidebar_label__ZWRjN {
5005
5005
  opacity: 1;
5006
5006
  width: 100%;
5007
5007
  transition: all 0.3s;
5008
5008
  }
5009
- .Sidebar_collapsed__MTBkM {
5009
+ .Sidebar_collapsed__ZGQyN {
5010
5010
  width: var(--sidebar-collapsed-width);
5011
5011
  transition: width 0.2s ease-in-out;
5012
5012
  }
5013
- .Sidebar_collapsed__MTBkM .Sidebar_label__NmE0Y {
5014
- opacity: 0;
5015
- width: 0;
5016
- transition: all 0.3s;
5017
- }
5018
- .Sidebar_collapsed__MTBkM .Sidebar_item__Y2MzM {
5013
+ .Sidebar_collapsed__ZGQyN .Sidebar_item__ZWVjN {
5019
5014
  gap: 0;
5020
5015
  }
5021
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM {
5016
+ .Sidebar_collapsed__ZGQyN .Sidebar_label__ZWRjN {
5017
+ display: none;
5018
+ }
5019
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN {
5022
5020
  color: var(--font-color-muted);
5023
5021
  }
5024
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM:hover {
5022
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN:hover {
5025
5023
  color: var(--font-color);
5026
5024
  }
5027
- .Sidebar_muted__N2Y5N .Sidebar_item__Y2MzM.Sidebar_selected__MWZkM {
5025
+ .Sidebar_muted__MTI3O .Sidebar_item__ZWVjN.Sidebar_selected__NjU5Z {
5028
5026
  color: var(--font-color);
5029
5027
  }
5030
- .Sidebar_sidebar__YWNiZ.Sidebar_noborder__MTZkN {
5028
+ .Sidebar_sidebar__MDdkM.Sidebar_noborder__ZTFmM {
5031
5029
  border: 0;
5032
5030
  }
5033
5031