@iris-ui-kit/vue 0.2.27 → 0.2.28

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.
package/dist/admin.cjs CHANGED
@@ -355,6 +355,7 @@ var CSS = `
355
355
  --iris-nav-item-padding-block: 8px;
356
356
  --iris-nav-item-border-radius: var(--iris-radius-md, 6px);
357
357
  --iris-nav-item-hover: var(--iris-surface-hover, var(--iris-surface));
358
+ --iris-nav-item-active-hover: color-mix(in srgb, var(--iris-primary) 88%, black);
358
359
  --iris-nav-item-height: 34px;
359
360
  display: flex;
360
361
  flex-direction: column;
@@ -460,6 +461,13 @@ var CSS = `
460
461
  font-weight: 600;
461
462
  }
462
463
 
464
+ /* active \u9879\u7684 hover \u53CD\u9988\uFF1Aprimary \u52A0\u6DF1\u53D8\u4F53\uFF08\u76AE\u80A4\u53EF\u7528
465
+ --iris-nav-item-active-hover \u8986\u76D6\uFF09\uFF1B\u7279\u5F02\u5EA6\u9AD8\u4E8E :hover/:where \u89C4\u5219 */
466
+ .iris-nav-menu-item[data-active='true']:hover,
467
+ .iris-nav-menu-item[data-active='true'].is-hovered:not([disabled], .is-disabled) {
468
+ background: var(--iris-nav-item-active-hover, color-mix(in srgb, var(--iris-primary) 88%, black));
469
+ }
470
+
463
471
  :where(.iris-nav-menu-item[data-active-trail='true']) {
464
472
  color: var(--iris-primary);
465
473
  font-weight: 600;