@umami/react-zen 0.105.0 → 0.107.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 +15 -11
  2. package/dist/index.js +2 -1
  3. package/dist/index.mjs +2 -1
  4. package/package.json +1 -1
  5. package/styles.css +16 -12
package/dist/index.css CHANGED
@@ -4261,28 +4261,32 @@ body a.Button_button__NDYwM {
4261
4261
  }
4262
4262
 
4263
4263
  /* virtual-css:css:0c4c35b74d5f22edf919d952c580c0e6 */
4264
- .NavMenu_navmenu__OWVlM {
4264
+ .NavMenu_navmenu__NTQ4Y {
4265
4265
  font-size: var(--font-size);
4266
4266
  width: 100%;
4267
4267
  gap: var(--spacing-2);
4268
4268
  }
4269
- .NavMenu_item__NGM0M {
4269
+ .NavMenu_item__NTdjZ {
4270
4270
  color: var(--font-color-muted);
4271
4271
  gap: var(--gap);
4272
4272
  padding: var(--padding);
4273
+ border-radius: var(--border-radius);
4273
4274
  cursor: pointer;
4274
4275
  white-space: nowrap;
4275
4276
  overflow: hidden;
4276
4277
  transition: color 0.2s;
4277
- }
4278
- .NavMenu_item__NGM0M:hover {
4279
- color: var(--font-color);
4280
- background: var(--highlight-color);
4281
- }
4282
- .NavMenu_item__NGM0M.NavMenu_selected__MGRiN {
4283
- color: var(--font-color);
4284
- background: var(--highlight-color);
4285
- font-weight: var(--font-weight-bold);
4278
+ & a {
4279
+ color: currentColor;
4280
+ }
4281
+ &:hover {
4282
+ color: var(--font-color);
4283
+ background: var(--highlight-color);
4284
+ }
4285
+ &.NavMenu_selected__NzUxM {
4286
+ color: var(--font-color);
4287
+ background: var(--highlight-color);
4288
+ font-weight: var(--font-weight-bold);
4289
+ }
4286
4290
  }
4287
4291
 
4288
4292
  /* virtual-css:css:3547a441584a5024882cb71ab3ccf244 */
package/dist/index.js CHANGED
@@ -30758,6 +30758,7 @@ function getHighlightColor(color) {
30758
30758
  } else if (ACCENT_COLORS.includes(color)) {
30759
30759
  return { "--highlight-color": `var(--accent-color-${color})` };
30760
30760
  }
30761
+ return { "--highlight-color": color };
30761
30762
  }
30762
30763
 
30763
30764
  // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
@@ -30936,7 +30937,7 @@ function NavbarItem({ label, children, className, ...props }) {
30936
30937
  var import_classnames37 = __toESM(require_classnames());
30937
30938
 
30938
30939
  // css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
30939
- var NavMenu_default = { "navmenu": "NavMenu_navmenu__OWVlM", "item": "NavMenu_item__NGM0M", "selected": "NavMenu_selected__MGRiN" };
30940
+ var NavMenu_default = { "navmenu": "NavMenu_navmenu__NTQ4Y", "item": "NavMenu_item__NTdjZ", "selected": "NavMenu_selected__NzUxM" };
30940
30941
 
30941
30942
  // src/components/NavMenu.tsx
30942
30943
  var import_jsx_runtime47 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -30645,6 +30645,7 @@ function getHighlightColor(color) {
30645
30645
  } else if (ACCENT_COLORS.includes(color)) {
30646
30646
  return { "--highlight-color": `var(--accent-color-${color})` };
30647
30647
  }
30648
+ return { "--highlight-color": color };
30648
30649
  }
30649
30650
 
30650
30651
  // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
@@ -30827,7 +30828,7 @@ function NavbarItem({ label, children, className, ...props }) {
30827
30828
  var import_classnames37 = __toESM(require_classnames());
30828
30829
 
30829
30830
  // css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
30830
- var NavMenu_default = { "navmenu": "NavMenu_navmenu__OWVlM", "item": "NavMenu_item__NGM0M", "selected": "NavMenu_selected__MGRiN" };
30831
+ var NavMenu_default = { "navmenu": "NavMenu_navmenu__NTQ4Y", "item": "NavMenu_item__NTdjZ", "selected": "NavMenu_selected__NzUxM" };
30831
30832
 
30832
30833
  // src/components/NavMenu.tsx
30833
30834
  import { jsx as jsx47 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.105.0",
3
+ "version": "0.107.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -304,7 +304,7 @@ li {
304
304
  }
305
305
 
306
306
  :where(a, a:active, a:visited, a:hover) {
307
- color: var(--font-color);
307
+ color: currentColor;
308
308
  text-decoration: none;
309
309
  }
310
310
 
@@ -4579,28 +4579,32 @@ body a.Button_button__NDYwM {
4579
4579
  }
4580
4580
 
4581
4581
  /* virtual-css:css:0c4c35b74d5f22edf919d952c580c0e6 */
4582
- .NavMenu_navmenu__OWVlM {
4582
+ .NavMenu_navmenu__NTQ4Y {
4583
4583
  font-size: var(--font-size);
4584
4584
  width: 100%;
4585
4585
  gap: var(--spacing-2);
4586
4586
  }
4587
- .NavMenu_item__NGM0M {
4587
+ .NavMenu_item__NTdjZ {
4588
4588
  color: var(--font-color-muted);
4589
4589
  gap: var(--gap);
4590
4590
  padding: var(--padding);
4591
+ border-radius: var(--border-radius);
4591
4592
  cursor: pointer;
4592
4593
  white-space: nowrap;
4593
4594
  overflow: hidden;
4594
4595
  transition: color 0.2s;
4595
- }
4596
- .NavMenu_item__NGM0M:hover {
4597
- color: var(--font-color);
4598
- background: var(--highlight-color);
4599
- }
4600
- .NavMenu_item__NGM0M.NavMenu_selected__MGRiN {
4601
- color: var(--font-color);
4602
- background: var(--highlight-color);
4603
- font-weight: var(--font-weight-bold);
4596
+ & a {
4597
+ color: currentColor;
4598
+ }
4599
+ &:hover {
4600
+ color: var(--font-color);
4601
+ background: var(--highlight-color);
4602
+ }
4603
+ &.NavMenu_selected__NzUxM {
4604
+ color: var(--font-color);
4605
+ background: var(--highlight-color);
4606
+ font-weight: var(--font-weight-bold);
4607
+ }
4604
4608
  }
4605
4609
 
4606
4610
  /* virtual-css:css:3547a441584a5024882cb71ab3ccf244 */