@umami/react-zen 0.106.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 +1 -1
  3. package/dist/index.mjs +1 -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
@@ -30937,7 +30937,7 @@ function NavbarItem({ label, children, className, ...props }) {
30937
30937
  var import_classnames37 = __toESM(require_classnames());
30938
30938
 
30939
30939
  // css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
30940
- 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" };
30941
30941
 
30942
30942
  // src/components/NavMenu.tsx
30943
30943
  var import_jsx_runtime47 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -30828,7 +30828,7 @@ function NavbarItem({ label, children, className, ...props }) {
30828
30828
  var import_classnames37 = __toESM(require_classnames());
30829
30829
 
30830
30830
  // css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
30831
- 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" };
30832
30832
 
30833
30833
  // src/components/NavMenu.tsx
30834
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.106.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 */