@volverjs/style 0.1.12-beta.4 → 0.1.12-beta.6

package/dist/components/vv-dropdown-option.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: flex-end;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden;--vv-dropdown-option-element-label-text-overflow: ellipsis;--vv-dropdown-option-element-label-white-space: nowrap;--vv-dropdown-option-element-label-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}
+:where(:host,:root,.theme){--vv-dropdown-option-display: flex;--vv-dropdown-option-min-width: 0;--vv-dropdown-option-overflow: hidden;--vv-dropdown-option-gap: var(--spacing-sm);--vv-dropdown-option-align-items: flex-end;--vv-dropdown-option-padding: var(--spacing-sm);--vv-dropdown-option-state-disabled-opacity: var(--opacity-50);--vv-dropdown-option-state-disabled-cursor: not-allowed;--vv-dropdown-option-state-disabled-pointer-events: none;--vv-dropdown-option-state-focus-visible-background-color: var(--color-surface-success);--vv-dropdown-option-state-focus-visible-color: var(--color-success-darken-1);--vv-dropdown-option-state-focus-visible-element-hint-opacity: var(--opacity-100);--vv-dropdown-option-state-selected-font-weight: var(--font-bold);--vv-dropdown-option-state-selected-background-color: var(--color-surface-brand);--vv-dropdown-option-state-selected-color: var(--color-brand-darken-1);--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color: var(--color-surface-danger);--vv-dropdown-option-modifier-unselectable-state-focus-visible-color: var(--color-danger);--vv-dropdown-option-modifier-inert-cursor: default;--vv-dropdown-option-modifier-inert-color: var(--color-word-3);--vv-dropdown-option-modifier-inert-font-size: .8em;--vv-dropdown-option-modifier-inert-state-focus-visible-background-color: transparent;--vv-dropdown-option-modifier-inert-state-focus-visible-color: var(--color-word-3);--vv-dropdown-option-element-hint-opacity: var(--opacity-0);--vv-dropdown-option-element-hint-transition: var(--transition-opacity);--vv-dropdown-option-element-hint-will-change: opacity;--vv-dropdown-option-element-hint-margin-left: auto;--vv-dropdown-option-element-hint-font-size: .8em;--vv-dropdown-option-element-hint-font-weight: var(--font-normal);--vv-dropdown-option-element-hint-text-overflow: ellipsis;--vv-dropdown-option-element-hint-white-space: nowrap;--vv-dropdown-option-element-hint-overflow: hidden;--vv-dropdown-option-element-label-text-overflow: ellipsis;--vv-dropdown-option-element-label-white-space: nowrap;--vv-dropdown-option-element-label-overflow: hidden}:where(.vv-dropdown-option){display:var(--vv-dropdown-option-display);min-width:var(--vv-dropdown-option-min-width);overflow:var(--vv-dropdown-option-overflow);gap:var(--vv-dropdown-option-gap);align-items:var(--vv-dropdown-option-align-items);padding:var(--vv-dropdown-option-padding)}:where(.vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-element-hint-opacity);transition:var(--vv-dropdown-option-element-hint-transition);will-change:var(--vv-dropdown-option-element-hint-will-change);margin-left:var(--vv-dropdown-option-element-hint-margin-left);font-size:var(--vv-dropdown-option-element-hint-font-size);font-weight:var(--vv-dropdown-option-element-hint-font-weight);text-overflow:var(--vv-dropdown-option-element-hint-text-overflow);white-space:var(--vv-dropdown-option-element-hint-white-space);overflow:var(--vv-dropdown-option-element-hint-overflow)}:where(.vv-dropdown-option__label){text-overflow:var(--vv-dropdown-option-element-label-text-overflow);white-space:var(--vv-dropdown-option-element-label-white-space);overflow:var(--vv-dropdown-option-element-label-overflow)}:where(.vv-dropdown-option--disabled,.vv-dropdown-option.disabled,.vv-dropdown-option[disabled],.vv-dropdown-option[aria-disabled=true]){opacity:var(--vv-dropdown-option-state-disabled-opacity);cursor:var(--vv-dropdown-option-state-disabled-cursor);pointer-events:var(--vv-dropdown-option-state-disabled-pointer-events)}:where(.vv-dropdown-option--focus-visible,.vv-dropdown-option.focus-visible,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-state-focus-visible-background-color);color:var(--vv-dropdown-option-state-focus-visible-color)}:where(.vv-dropdown-option--focus-visible .vv-dropdown-option__hint,.vv-dropdown-option.focus-visible .vv-dropdown-option__hint,.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible .vv-dropdown-option__hint){opacity:var(--vv-dropdown-option-state-focus-visible-element-hint-opacity)}:where(.vv-dropdown-option--selected,.vv-dropdown-option.selected,.vv-dropdown-option[aria-selected=true]){font-weight:var(--vv-dropdown-option-state-selected-font-weight);background-color:var(--vv-dropdown-option-state-selected-background-color);color:var(--vv-dropdown-option-state-selected-color)}:where(.vv-dropdown-option--unselectable.vv-dropdown-option--focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option.focus-visible,.vv-dropdown-option--unselectable.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-unselectable-state-focus-visible-color)}:where(.vv-dropdown-option--inert.vv-dropdown-option){cursor:var(--vv-dropdown-option-modifier-inert-cursor);color:var(--vv-dropdown-option-modifier-inert-color);font-size:var(--vv-dropdown-option-modifier-inert-font-size)}:where(.vv-dropdown-option--inert.vv-dropdown-option--focus-visible,.vv-dropdown-option--inert.vv-dropdown-option.focus-visible,.vv-dropdown-option--inert.vv-dropdown-option:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){background-color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-background-color);color:var(--vv-dropdown-option-modifier-inert-state-focus-visible-color)}

package/dist/components/vv-nav.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-nav-display: flex;--vv-nav-element-menu-flex: 1;--vv-nav-element-menu-display: flex;--vv-nav-element-menu-flex-direction: column;--vv-nav-element-menu-gap: var(--spacing-2);--vv-nav-element-heading-label-display: block;--vv-nav-element-heading-label-font-weight: var(--font-semibold);--vv-nav-element-item-label-display: flex;--vv-nav-element-item-label-align-items: center;--vv-nav-element-item-label-will-change: background-color color;--vv-nav-element-item-label-transition: var(--transition-all);--vv-nav-element-item-label-color: var(--color-word-3);--vv-nav-element-item-label-cursor: pointer;--vv-nav-element-item-label-state-hover-color: var(--color-word-1);--vv-nav-element-item-label-state-current-color: var(--color-word-1);--vv-nav-element-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-font-size: var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius: var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color: var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color: var(--color-surface-2);--vv-nav-modifier-aside-font-size: var(--text-12);--vv-nav-modifier-aside-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform: uppercase;--vv-nav-modifier-aside-element-item-label-margin-left: calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius: 0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color: var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-aside-element-divider-margin-block: var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow: auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x: contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior: smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type: x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction: row;--vv-nav-modifier-tabs-element-menu-border-bottom: 1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width: none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width: 0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height: 0;--vv-nav-modifier-tabs-element-item-label-border-bottom: 2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom: -1px;--vv-nav-modifier-tabs-element-item-label-white-space: nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-background-color: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/5%);--vv-nav-modifier-full-element-item-flex: 1 1 0%;--vv-nav-modifier-full-element-item-label-display: block;--vv-nav-modifier-full-element-item-label-text-align: center}:where(.vv-nav){--nav-item-padding: var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li > a){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);cursor:var(--vv-nav-element-item-label-cursor);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a:not([disabled]):hover){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li > a.current){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li > a){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li > a.hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li > a:not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li > a.active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li > a:not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li > a.current){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding: var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li > a){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li > a.hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li > a:not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li > a.current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__divider,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-divider-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li > a){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li > a.hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li > a:not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li > a.current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li > a){display:var(--vv-nav-modifier-full-element-item-label-display);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}
+:where(:host,:root,.theme){--vv-nav-display: flex;--vv-nav-element-menu-flex: 1;--vv-nav-element-menu-display: flex;--vv-nav-element-menu-flex-direction: column;--vv-nav-element-menu-gap: var(--spacing-2);--vv-nav-element-heading-label-display: block;--vv-nav-element-heading-label-font-weight: var(--font-semibold);--vv-nav-element-item-label-display: flex;--vv-nav-element-item-label-align-items: center;--vv-nav-element-item-label-will-change: background-color color;--vv-nav-element-item-label-transition: var(--transition-all);--vv-nav-element-item-label-color: var(--color-word-2);--vv-nav-element-item-label-cursor: pointer;--vv-nav-element-item-label-state-hover-color: var(--color-word-1);--vv-nav-element-item-label-state-current-color: var(--color-word-1);--vv-nav-element-divider-display: block;--vv-nav-element-divider-margin-block: var(--spacing-16);--vv-nav-element-divider-height: var(--spacing-px);--vv-nav-element-divider-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-font-size: var(--text-14);--vv-nav-modifier-sidebar-element-item-label-border-radius: var(--rounded-md);--vv-nav-modifier-sidebar-element-item-label-state-active-background-color: var(--color-surface-3);--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color: var(--color-surface-2);--vv-nav-modifier-sidebar-element-item-label-state-current-background-color: var(--color-surface-1);--vv-nav-modifier-aside-font-size: var(--text-12);--vv-nav-modifier-aside-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-heading-label-text-transform: uppercase;--vv-nav-modifier-aside-element-item-label-margin-left: calc(-1 * var(--border));--vv-nav-modifier-aside-element-item-label-border-left: var(--border) solid var(--color-surface-3);--vv-nav-modifier-aside-element-item-label-border-radius: 0;--vv-nav-modifier-aside-element-item-label-state-hover-border-color: var(--color-brand);--vv-nav-modifier-aside-element-item-label-state-current-border-color: var(--color-brand);--vv-nav-modifier-aside-element-divider-margin-block: var(--spacing-8);--vv-nav-modifier-tabs-element-menu-overflow: auto hidden;--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x: contain;--vv-nav-modifier-tabs-element-menu-scroll-behavior: smooth;--vv-nav-modifier-tabs-element-menu-scroll-snap-type: x mandatory;--vv-nav-modifier-tabs-element-menu-flex-direction: row;--vv-nav-modifier-tabs-element-menu-border-bottom: 1px solid var(--color-surface-4);--vv-nav-modifier-tabs-element-menu-scrollbar-width: none;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width: 0;--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height: 0;--vv-nav-modifier-tabs-element-item-label-border-bottom: 2px solid transparent;--vv-nav-modifier-tabs-element-item-label-margin-bottom: -1px;--vv-nav-modifier-tabs-element-item-label-white-space: nowrap;--vv-nav-modifier-tabs-element-item-label-state-hover-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-color: var(--color-brand);--vv-nav-modifier-tabs-element-item-label-state-current-border-color: currentcolor;--vv-nav-modifier-tabs-element-item-label-state-current-background-color: hsla(var(--color-brand-hue) var(--color-brand-saturation) var(--color-brand-lightness)/5%);--vv-nav-modifier-full-element-item-flex: 1 1 0%;--vv-nav-modifier-full-element-item-label-display: block;--vv-nav-modifier-full-element-item-label-text-align: center}:where(.vv-nav){--nav-item-padding: var(--spacing-xs) var(--spacing-sm);display:var(--vv-nav-display)}:where(.vv-nav__menu,.vv-nav ul){flex:var(--vv-nav-element-menu-flex);display:var(--vv-nav-element-menu-display);flex-direction:var(--vv-nav-element-menu-flex-direction);gap:var(--vv-nav-element-menu-gap)}:where(.vv-nav__heading-label){display:var(--vv-nav-element-heading-label-display);font-weight:var(--vv-nav-element-heading-label-font-weight);padding:var(--nav-item-padding)}:where(.vv-nav__item-label,.vv-nav li > a){display:var(--vv-nav-element-item-label-display);align-items:var(--vv-nav-element-item-label-align-items);will-change:var(--vv-nav-element-item-label-will-change);transition:var(--vv-nav-element-item-label-transition);color:var(--vv-nav-element-item-label-color);cursor:var(--vv-nav-element-item-label-cursor);padding:var(--nav-item-padding)}:where(.vv-nav__item-label--hover,.vv-nav__item-label.hover,.vv-nav li > a.hover,.vv-nav__item-label:not([disabled]):hover,.vv-nav li > a:not([disabled]):hover){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-hover-color)}:where(.vv-nav__item-label--current,.vv-nav__item-label.current,.vv-nav li > a.current){--vv-nav-element-item-label-color: var(--vv-nav-element-item-label-state-current-color)}:where(.vv-nav__divider,.vv-nav li[role=separator]){display:var(--vv-nav-element-divider-display);margin-block:var(--vv-nav-element-divider-margin-block);height:var(--vv-nav-element-divider-height);background-color:var(--vv-nav-element-divider-background-color)}:where(.vv-nav--sidebar.vv-nav){font-size:var(--vv-nav-modifier-sidebar-font-size)}:where(.vv-nav--sidebar .vv-nav__item-label,.vv-nav--sidebar li > a){border-radius:var(--vv-nav-modifier-sidebar-element-item-label-border-radius)}:where(.vv-nav--sidebar .vv-nav__item-label--active,.vv-nav--sidebar .vv-nav__item-label.active,.vv-nav--sidebar li > a.active,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):active,.vv-nav--sidebar li > a:not([disabled]):active){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-active-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--hover,.vv-nav--sidebar .vv-nav__item-label.hover,.vv-nav--sidebar li > a.hover,.vv-nav--sidebar .vv-nav__item-label:not([disabled]):hover,.vv-nav--sidebar li > a:not([disabled]):hover){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-hover-background-color)}:where(.vv-nav--sidebar .vv-nav__item-label--current,.vv-nav--sidebar .vv-nav__item-label.current,.vv-nav--sidebar li > a.current){background-color:var(--vv-nav-modifier-sidebar-element-item-label-state-current-background-color)}:where(.vv-nav--aside.vv-nav){--nav-item-padding: var(--spacing-8) var(--spacing-12);font-size:var(--vv-nav-modifier-aside-font-size);border-left:var(--vv-nav-modifier-aside-border-left)}:where(.vv-nav--aside .vv-nav__heading-label){text-transform:var(--vv-nav-modifier-aside-element-heading-label-text-transform)}:where(.vv-nav--aside .vv-nav__item-label,.vv-nav--aside li > a){margin-left:var(--vv-nav-modifier-aside-element-item-label-margin-left);border-left:var(--vv-nav-modifier-aside-element-item-label-border-left);border-radius:var(--vv-nav-modifier-aside-element-item-label-border-radius)}:where(.vv-nav--aside .vv-nav__item-label--hover,.vv-nav--aside .vv-nav__item-label.hover,.vv-nav--aside li > a.hover,.vv-nav--aside .vv-nav__item-label:not([disabled]):hover,.vv-nav--aside li > a:not([disabled]):hover){border-color:var(--vv-nav-modifier-aside-element-item-label-state-hover-border-color)}:where(.vv-nav--aside .vv-nav__item-label--current,.vv-nav--aside .vv-nav__item-label.current,.vv-nav--aside li > a.current){border-color:var(--vv-nav-modifier-aside-element-item-label-state-current-border-color)}:where(.vv-nav--aside .vv-nav__divider,.vv-nav--aside li[role=separator]){margin-block:var(--vv-nav-modifier-aside-element-divider-margin-block)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul){overflow:var(--vv-nav-modifier-tabs-element-menu-overflow);overscroll-behavior-x:var(--vv-nav-modifier-tabs-element-menu-overscroll-behavior-x);scroll-behavior:var(--vv-nav-modifier-tabs-element-menu-scroll-behavior);scroll-snap-type:var(--vv-nav-modifier-tabs-element-menu-scroll-snap-type);flex-direction:var(--vv-nav-modifier-tabs-element-menu-flex-direction);border-bottom:var(--vv-nav-modifier-tabs-element-menu-border-bottom);scrollbar-width:var(--vv-nav-modifier-tabs-element-menu-scrollbar-width)}:where(.vv-nav--tabs .vv-nav__menu,.vv-nav--tabs ul)::-webkit-scrollbar{content:"";width:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-width);height:var(--vv-nav-modifier-tabs-element-menu-pseudo--webkit-scrollbar-height)}:where(.vv-nav--tabs .vv-nav__item-label,.vv-nav--tabs li > a){border-bottom:var(--vv-nav-modifier-tabs-element-item-label-border-bottom);margin-bottom:var(--vv-nav-modifier-tabs-element-item-label-margin-bottom);white-space:var(--vv-nav-modifier-tabs-element-item-label-white-space)}:where(.vv-nav--tabs .vv-nav__item-label--hover,.vv-nav--tabs .vv-nav__item-label.hover,.vv-nav--tabs li > a.hover,.vv-nav--tabs .vv-nav__item-label:not([disabled]):hover,.vv-nav--tabs li > a:not([disabled]):hover){color:var(--vv-nav-modifier-tabs-element-item-label-state-hover-color)}:where(.vv-nav--tabs .vv-nav__item-label--current,.vv-nav--tabs .vv-nav__item-label.current,.vv-nav--tabs li > a.current){color:var(--vv-nav-modifier-tabs-element-item-label-state-current-color);border-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-border-color);background-color:var(--vv-nav-modifier-tabs-element-item-label-state-current-background-color)}:where(.vv-nav--full .vv-nav__item,.vv-nav--full li){flex:var(--vv-nav-modifier-full-element-item-flex)}:where(.vv-nav--full .vv-nav__item-label,.vv-nav--full li > a){display:var(--vv-nav-modifier-full-element-item-label-display);text-align:var(--vv-nav-modifier-full-element-item-label-text-align)}

package/dist/components/vv-radio.css

@@ -1 +1 @@
-:where(:host,:root,.theme){--vv-radio-display: inline-flex;--vv-radio-flex-wrap: wrap;--vv-radio-align-items: center;--vv-radio-cursor: pointer;--vv-radio-user-select: none;--vv-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-radio-color: var(--input-color);--vv-radio-font-size: var(--input-font-size);--vv-radio-line-height: var(--input-line-height);--vv-radio-min-width: var(--input-min-width);--vv-radio-state-disabled-opacity: var(--opacity-30);--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: var(--opacity-100);--vv-radio-modifier-readonly-cursor: default;--vv-radio-modifier-readonly-pointer-events: none;--vv-radio-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-radio-element-input-border-width: var(--spacing-2);--vv-radio-element-input-border-style: solid;--vv-radio-element-input-border-color: var(--input-color);--vv-radio-element-input-min-width: var(--spacing-20);--vv-radio-element-input-height: var(--spacing-20);--vv-radio-element-input-border-radius: 50%;--vv-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-radio-element-input-background-color: transparent;--vv-radio-element-input-cursor: pointer;--vv-radio-element-input-position: relative;--vv-radio-element-input-pseudo-after-position: absolute;--vv-radio-element-input-pseudo-after-width: 70%;--vv-radio-element-input-pseudo-after-height: 70%;--vv-radio-element-input-pseudo-after-background-color: var(--input-color);--vv-radio-element-input-pseudo-after-inset: 50% 50%;--vv-radio-element-input-pseudo-after-border-radius: 50%;--vv-radio-element-input-pseudo-after-translate: -50% -50%;--vv-radio-element-input-pseudo-after-scale: 0;--vv-radio-element-input-pseudo-after-will-change: transform;--vv-radio-element-input-pseudo-after-transition: var(--transition-transform);--vv-radio-element-input-state-checked-pseudo-after-scale: 1;--vv-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-radio-element-hint-flex-basis: 100%;--vv-radio-element-hint-display: var(--input-hint-display);--vv-radio-element-hint-font-size: var(--input-hint-font-size);--vv-radio-element-hint-color: var(--input-hint-color);--vv-radio-element-hint-padding-top: var(--input-hint-gap);--vv-radio-element-hint-white-space: var(--input-hint-white-space);--vv-radio-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-element-hint-overflow: var(--input-hint-overflow);--vv-radio-element-hint-max-width: var(--input-hint-max-width)}:where(.vv-radio){display:var(--vv-radio-display);flex-wrap:var(--vv-radio-flex-wrap);align-items:var(--vv-radio-align-items);cursor:var(--vv-radio-cursor);-webkit-user-select:var(--vv-radio-user-select);-moz-user-select:var(--vv-radio-user-select);user-select:var(--vv-radio-user-select);margin:var(--vv-radio-margin);color:var(--vv-radio-color);font-size:var(--vv-radio-font-size);line-height:var(--vv-radio-line-height);min-width:var(--vv-radio-min-width)}:where(.vv-radio__input,.vv-radio > input[type=radio]){border-width:var(--vv-radio-element-input-border-width);border-style:var(--vv-radio-element-input-border-style);border-color:var(--vv-radio-element-input-border-color);min-width:var(--vv-radio-element-input-min-width);height:var(--vv-radio-element-input-height);border-radius:var(--vv-radio-element-input-border-radius);margin:var(--vv-radio-element-input-margin);background-color:var(--vv-radio-element-input-background-color);cursor:var(--vv-radio-element-input-cursor);position:var(--vv-radio-element-input-position)}:where(.vv-radio__input,.vv-radio > input[type=radio]):after{content:"";position:var(--vv-radio-element-input-pseudo-after-position);width:var(--vv-radio-element-input-pseudo-after-width);height:var(--vv-radio-element-input-pseudo-after-height);background-color:var(--vv-radio-element-input-pseudo-after-background-color);inset:var(--vv-radio-element-input-pseudo-after-inset);border-radius:var(--vv-radio-element-input-pseudo-after-border-radius);translate:var(--vv-radio-element-input-pseudo-after-translate);scale:var(--vv-radio-element-input-pseudo-after-scale);will-change:var(--vv-radio-element-input-pseudo-after-will-change);transition:var(--vv-radio-element-input-pseudo-after-transition)}:where(.vv-radio__input--checked,.vv-radio__input.checked,.vv-radio > input[type=radio].checked,.vv-radio__input:checked,.vv-radio > input[type=radio]:checked):after{--vv-radio-element-input-pseudo-after-scale: var(--vv-radio-element-input-state-checked-pseudo-after-scale)}:where(.vv-radio__input--focus-visible,.vv-radio__input.focus-visible,.vv-radio > input[type=radio].focus-visible,.vv-radio__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-radio__hint,.vv-radio > small){flex-basis:var(--vv-radio-element-hint-flex-basis);display:var(--vv-radio-element-hint-display);font-size:var(--vv-radio-element-hint-font-size);color:var(--vv-radio-element-hint-color);padding-top:var(--vv-radio-element-hint-padding-top);white-space:var(--vv-radio-element-hint-white-space);text-overflow:var(--vv-radio-element-hint-text-overflow);overflow:var(--vv-radio-element-hint-overflow);max-width:var(--vv-radio-element-hint-max-width)}:where(.vv-radio:has(> input[type=radio]:disabled)),:where(.vv-radio--disabled,.vv-radio.disabled,.vv-radio[disabled],.vv-radio[aria-disabled=true]){opacity:var(--vv-radio-state-disabled-opacity);--vv-radio-cursor: var(--vv-radio-state-disabled-cursor)}:where(.vv-radio--readonly.vv-radio){opacity:var(--vv-radio-modifier-readonly-opacity);--vv-radio-cursor: var(--vv-radio-modifier-readonly-cursor);pointer-events:var(--vv-radio-modifier-readonly-pointer-events)}:where(.vv-radio--valid .vv-radio__hint,.vv-radio--valid > small){color:var(--vv-radio-modifier-valid-element-hint-color)}:where(.vv-radio--invalid .vv-radio__hint,.vv-radio--invalid > small){color:var(--vv-radio-modifier-invalid-element-hint-color)}
+:where(:host,:root,.theme){--vv-radio-display: inline-flex;--vv-radio-flex-wrap: wrap;--vv-radio-align-items: center;--vv-radio-cursor: pointer;--vv-radio-user-select: none;--vv-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-radio-color: var(--input-color);--vv-radio-font-size: var(--input-font-size);--vv-radio-line-height: var(--input-line-height);--vv-radio-min-width: var(--input-min-width);--vv-radio-state-disabled-opacity: var(--opacity-30);--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: var(--opacity-100);--vv-radio-modifier-readonly-cursor: default;--vv-radio-modifier-readonly-pointer-events: none;--vv-radio-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-radio-element-input-border-width: var(--spacing-2);--vv-radio-element-input-border-style: solid;--vv-radio-element-input-border-color: currentcolor;--vv-radio-element-input-min-width: var(--spacing-20);--vv-radio-element-input-height: var(--spacing-20);--vv-radio-element-input-border-radius: 50%;--vv-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-radio-element-input-background-color: transparent;--vv-radio-element-input-cursor: pointer;--vv-radio-element-input-position: relative;--vv-radio-element-input-pseudo-after-position: absolute;--vv-radio-element-input-pseudo-after-width: 70%;--vv-radio-element-input-pseudo-after-height: 70%;--vv-radio-element-input-pseudo-after-background-color: currentcolor;--vv-radio-element-input-pseudo-after-inset: 50% 50%;--vv-radio-element-input-pseudo-after-border-radius: 50%;--vv-radio-element-input-pseudo-after-translate: -50% -50%;--vv-radio-element-input-pseudo-after-scale: 0;--vv-radio-element-input-pseudo-after-will-change: transform;--vv-radio-element-input-pseudo-after-transition: var(--transition-transform);--vv-radio-element-input-state-checked-pseudo-after-scale: 1;--vv-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-radio-element-hint-flex-basis: 100%;--vv-radio-element-hint-display: var(--input-hint-display);--vv-radio-element-hint-font-size: var(--input-hint-font-size);--vv-radio-element-hint-color: var(--input-hint-color);--vv-radio-element-hint-padding-top: var(--input-hint-gap);--vv-radio-element-hint-white-space: var(--input-hint-white-space);--vv-radio-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-element-hint-overflow: var(--input-hint-overflow);--vv-radio-element-hint-max-width: var(--input-hint-max-width)}:where(.vv-radio){display:var(--vv-radio-display);flex-wrap:var(--vv-radio-flex-wrap);align-items:var(--vv-radio-align-items);cursor:var(--vv-radio-cursor);-webkit-user-select:var(--vv-radio-user-select);-moz-user-select:var(--vv-radio-user-select);user-select:var(--vv-radio-user-select);margin:var(--vv-radio-margin);color:var(--vv-radio-color);font-size:var(--vv-radio-font-size);line-height:var(--vv-radio-line-height);min-width:var(--vv-radio-min-width)}:where(.vv-radio__input,.vv-radio > input[type=radio]){border-width:var(--vv-radio-element-input-border-width);border-style:var(--vv-radio-element-input-border-style);border-color:var(--vv-radio-element-input-border-color);min-width:var(--vv-radio-element-input-min-width);height:var(--vv-radio-element-input-height);border-radius:var(--vv-radio-element-input-border-radius);margin:var(--vv-radio-element-input-margin);background-color:var(--vv-radio-element-input-background-color);cursor:var(--vv-radio-element-input-cursor);position:var(--vv-radio-element-input-position)}:where(.vv-radio__input,.vv-radio > input[type=radio]):after{content:"";position:var(--vv-radio-element-input-pseudo-after-position);width:var(--vv-radio-element-input-pseudo-after-width);height:var(--vv-radio-element-input-pseudo-after-height);background-color:var(--vv-radio-element-input-pseudo-after-background-color);inset:var(--vv-radio-element-input-pseudo-after-inset);border-radius:var(--vv-radio-element-input-pseudo-after-border-radius);translate:var(--vv-radio-element-input-pseudo-after-translate);scale:var(--vv-radio-element-input-pseudo-after-scale);will-change:var(--vv-radio-element-input-pseudo-after-will-change);transition:var(--vv-radio-element-input-pseudo-after-transition)}:where(.vv-radio__input--checked,.vv-radio__input.checked,.vv-radio > input[type=radio].checked,.vv-radio__input:checked,.vv-radio > input[type=radio]:checked):after{--vv-radio-element-input-pseudo-after-scale: var(--vv-radio-element-input-state-checked-pseudo-after-scale)}:where(.vv-radio__input--focus-visible,.vv-radio__input.focus-visible,.vv-radio > input[type=radio].focus-visible,.vv-radio__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-radio__hint,.vv-radio > small){flex-basis:var(--vv-radio-element-hint-flex-basis);display:var(--vv-radio-element-hint-display);font-size:var(--vv-radio-element-hint-font-size);color:var(--vv-radio-element-hint-color);padding-top:var(--vv-radio-element-hint-padding-top);white-space:var(--vv-radio-element-hint-white-space);text-overflow:var(--vv-radio-element-hint-text-overflow);overflow:var(--vv-radio-element-hint-overflow);max-width:var(--vv-radio-element-hint-max-width)}:where(.vv-radio:has(> input[type=radio]:disabled)),:where(.vv-radio--disabled,.vv-radio.disabled,.vv-radio[disabled],.vv-radio[aria-disabled=true]){opacity:var(--vv-radio-state-disabled-opacity);--vv-radio-cursor: var(--vv-radio-state-disabled-cursor)}:where(.vv-radio--readonly.vv-radio){opacity:var(--vv-radio-modifier-readonly-opacity);--vv-radio-cursor: var(--vv-radio-modifier-readonly-cursor);pointer-events:var(--vv-radio-modifier-readonly-pointer-events)}:where(.vv-radio--valid .vv-radio__hint,.vv-radio--valid > small){color:var(--vv-radio-modifier-valid-element-hint-color)}:where(.vv-radio--invalid .vv-radio__hint,.vv-radio--invalid > small){color:var(--vv-radio-modifier-invalid-element-hint-color)}