@sandlada/mdc/build/component-definitions/navigation-tab.definition.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

/**
 * @license
 * Copyright 2025 Kai-Orion & Sandlada
 * SPDX-License-Identifier: MIT
 *
 * @fileoverview
 * The values in this file are taken from M3 Figma.
 * Some values are slightly adjusted and do not conform
 * to the MD3 design specifications.
 *
 * |---------------
 * |     container-block-leading-space
 * |
 * |  container-inline-leading-space   /`````````\
 * |  container-inline-leading-space  |    <----- indicator-inline/block-leading/trailing-space
 * |  container-inline-leading-space   \_________/
 * |
 * |_______________
 *
 * @link
 * https://www.figma.com/design/4GM7ohCF2Qtjzs7Fra6jlp/Material-3-Design-Kit--Community-?node-id=55141-14251&p=f&t=Lo93bap9LHFqZ0Q1-0
 */
export declare const NavigationBarTabDefinition: {
    readonly "vertical-container-shape-start-start": string;
    readonly "vertical-container-shape-start-end": string;
    readonly "vertical-container-shape-end-end": string;
    readonly "vertical-container-shape-end-start": string;
    readonly "horizonal-container-shape-start-start": string;
    readonly "horizonal-container-shape-start-end": string;
    readonly "horizonal-container-shape-end-end": string;
    readonly "horizonal-container-shape-end-start": string;
    readonly "vertical-indicator-shape-start-start": string;
    readonly "vertical-indicator-shape-start-end": string;
    readonly "vertical-indicator-shape-end-end": string;
    readonly "vertical-indicator-shape-end-start": string;
    readonly "horizonal-indicator-shape-start-start": string;
    readonly "horizonal-indicator-shape-start-end": string;
    readonly "horizonal-indicator-shape-end-end": string;
    readonly "horizonal-indicator-shape-end-start": string;
    readonly 'vertical-indicator-width': "56px";
    readonly 'vertical-indicator-height': "32px";
    readonly 'vertical-container-width': "104px";
    readonly 'vertical-container-height': "64px";
    readonly 'vertical-container-block-leading-space': "6px";
    readonly 'vertical-container-block-trailing-space': "6px";
    readonly 'vertical-container-inline-leading-space': "0px";
    readonly 'vertical-container-inline-trailing-space': "0px";
    readonly 'horizonal-indicator-width': "92px";
    readonly 'horizonal-indicator-height': "40px";
    readonly 'horizonal-container-width': "92px";
    readonly 'horizonal-container-height': "64px";
    readonly 'horizonal-container-block-leading-space': "12px";
    readonly 'horizonal-container-block-trailing-space': "12px";
    readonly 'horizonal-container-inline-leading-space': "0px";
    readonly 'horizonal-container-inline-trailing-space': "0px";
    readonly 'vertical-icon-label-between-space': "4px";
    readonly 'horizonal-icon-label-between-space': "4px";
    readonly 'inactive-vertical-label-size': "12px";
    readonly 'inactive-vertical-label-line-height': "16px";
    readonly 'inactive-vertical-label-font': "Roboto";
    readonly 'inactive-vertical-label-tracking': "0.5px";
    readonly 'inactive-vertical-label-font-weight': "500";
    readonly 'inactive-horizonal-label-size': "12px";
    readonly 'inactive-horizonal-label-line-height': "16px";
    readonly 'inactive-horizonal-label-font': "Roboto";
    readonly 'inactive-horizonal-label-tracking': "0.5px";
    readonly 'inactive-horizonal-label-font-weight': "500";
    readonly 'active-vertical-label-size': "12px";
    readonly 'active-vertical-label-line-height': "16px";
    readonly 'active-vertical-label-font': "Roboto";
    readonly 'active-vertical-label-tracking': "0.5px";
    readonly 'active-vertical-label-font-weight': "500";
    readonly 'active-horizonal-label-size': "12px";
    readonly 'active-horizonal-label-line-height': "16px";
    readonly 'active-horizonal-label-font': "Roboto";
    readonly 'active-horizonal-label-tracking': "0.5px";
    readonly 'active-horizonal-label-font-weight': "500";
    readonly 'inactive-indicator-color': "transparent";
    readonly 'active-indicator-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
    readonly 'horizonal-indicator-inline-leading-space': "16px";
    readonly 'horizonal-indicator-inline-trailing-space': "16px";
    readonly 'inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'focused-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'pressed-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-item-active-state-layer-opacity': "0.08";
    readonly 'hovered-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-item-inactive-state-layer-opacity': "0.08";
    readonly 'focused-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-item-active-state-layer-opacity': "0.12";
    readonly 'focused-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-item-inactive-state-layer-opacity': "0.12";
    readonly 'pressed-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-item-active-state-layer-opacity': "0.12";
    readonly 'pressed-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-item-inactive-state-layer-opacity': "0.12";
    readonly 'icon-size': "24px";
    readonly 'inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
};
export declare const NavigationRailTabDefinition: {
    readonly "vertical-container-shape-start-start": string;
    readonly "vertical-container-shape-start-end": string;
    readonly "vertical-container-shape-end-end": string;
    readonly "vertical-container-shape-end-start": string;
    readonly "horizonal-container-shape-start-start": string;
    readonly "horizonal-container-shape-start-end": string;
    readonly "horizonal-container-shape-end-end": string;
    readonly "horizonal-container-shape-end-start": string;
    readonly "vertical-indicator-shape-start-start": string;
    readonly "vertical-indicator-shape-start-end": string;
    readonly "vertical-indicator-shape-end-end": string;
    readonly "vertical-indicator-shape-end-start": string;
    readonly "horizonal-indicator-shape-start-start": string;
    readonly "horizonal-indicator-shape-start-end": string;
    readonly "horizonal-indicator-shape-end-end": string;
    readonly "horizonal-indicator-shape-end-start": string;
    readonly 'vertical-indicator-width': "56px";
    readonly 'vertical-indicator-height': "32px";
    readonly 'vertical-container-width': "96px";
    readonly 'vertical-container-height': "64px";
    readonly 'vertical-container-block-leading-space': "6px";
    readonly 'vertical-container-block-trailing-space': "6px";
    readonly 'vertical-container-inline-leading-space': "0px";
    readonly 'vertical-container-inline-trailing-space': "0px";
    readonly 'horizonal-indicator-width': "99px";
    readonly 'horizonal-indicator-height': "56px";
    readonly 'horizonal-container-width': "99px";
    readonly 'horizonal-container-height': "56px";
    readonly 'horizonal-container-block-leading-space': "0px";
    readonly 'horizonal-container-block-trailing-space': "0px";
    readonly 'horizonal-container-inline-leading-space': "0px";
    readonly 'horizonal-container-inline-trailing-space': "0px";
    readonly 'vertical-round-indicator-size': "56px";
    readonly 'vertical-round-container-size': "56px";
    readonly 'vertical-round-block-leading-space': "4px";
    readonly 'vertical-round-block-trailing-space': "4px";
    readonly 'vertical-round-container-inline-leading-space': "0px";
    readonly 'vertical-round-container-inline-trailing-space': "0px";
    readonly 'vertical-icon-label-between-space': "4px";
    readonly 'horizonal-icon-label-between-space': "12px";
    readonly 'inactive-vertical-label-size': "12px";
    readonly 'inactive-vertical-label-line-height': "16px";
    readonly 'inactive-vertical-label-font': "Roboto";
    readonly 'inactive-vertical-label-tracking': "0.5px";
    readonly 'inactive-vertical-label-font-weight': "500";
    readonly 'inactive-horizonal-label-size': "14px";
    readonly 'inactive-horizonal-label-line-height': "20px";
    readonly 'inactive-horizonal-label-font': "Roboto";
    readonly 'inactive-horizonal-label-tracking': "0.1px";
    readonly 'inactive-horizonal-label-font-weight': "500";
    readonly 'active-vertical-label-size': "12px";
    readonly 'active-vertical-label-line-height': "16px";
    readonly 'active-vertical-label-font': "Roboto";
    readonly 'active-vertical-label-tracking': "0.5px";
    readonly 'active-vertical-label-font-weight': "500";
    readonly 'active-horizonal-label-size': "14px";
    readonly 'active-horizonal-label-line-height': "20px";
    readonly 'active-horizonal-label-font': "Roboto";
    readonly 'active-horizonal-label-tracking': "0.1px";
    readonly 'active-horizonal-label-font-weight': "500";
    readonly 'inactive-indicator-color': "transparent";
    readonly 'active-indicator-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
    readonly 'horizonal-indicator-inline-leading-space': "16px";
    readonly 'horizonal-indicator-inline-trailing-space': "16px";
    readonly 'inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'focused-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'pressed-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-item-active-state-layer-opacity': "0.08";
    readonly 'hovered-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-item-inactive-state-layer-opacity': "0.08";
    readonly 'focused-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-item-active-state-layer-opacity': "0.12";
    readonly 'focused-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-item-inactive-state-layer-opacity': "0.12";
    readonly 'pressed-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-item-active-state-layer-opacity': "0.12";
    readonly 'pressed-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-item-inactive-state-layer-opacity': "0.12";
    readonly 'icon-size': "24px";
    readonly 'inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
};
export declare const NavigationBarXRTabDefinition: {
    readonly "vertical-container-shape-start-start": string;
    readonly "vertical-container-shape-start-end": string;
    readonly "vertical-container-shape-end-end": string;
    readonly "vertical-container-shape-end-start": string;
    readonly "vertical-indicator-shape-start-start": string;
    readonly "vertical-indicator-shape-start-end": string;
    readonly "vertical-indicator-shape-end-end": string;
    readonly "vertical-indicator-shape-end-start": string;
    readonly 'vertical-indicator-width': "64px";
    readonly 'vertical-indicator-height': "32px";
    readonly 'vertical-container-width': "112px";
    readonly 'vertical-container-height': "80px";
    readonly 'vertical-container-block-leading-space': "12px";
    readonly 'vertical-container-block-trailing-space': "16px";
    readonly 'vertical-container-inline-leading-space': "0px";
    readonly 'vertical-container-inline-trailing-space': "0px";
    readonly 'vertical-icon-label-between-space': "4px";
    readonly 'inactive-vertical-label-size': "12px";
    readonly 'inactive-vertical-label-line-height': "16px";
    readonly 'inactive-vertical-label-font': "Roboto";
    readonly 'inactive-vertical-label-tracking': "0.5px";
    readonly 'inactive-vertical-label-font-weight': "500";
    readonly 'active-vertical-label-size': "12px";
    readonly 'active-vertical-label-line-height': "16px";
    readonly 'active-vertical-label-font': "Roboto";
    readonly 'active-vertical-label-tracking': "0.5px";
    readonly 'active-vertical-label-font-weight': "700";
    readonly 'inactive-indicator-color': "transparent";
    readonly 'active-indicator-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
    readonly 'horizonal-indicator-inline-leading-space': "16px";
    readonly 'horizonal-indicator-inline-trailing-space': "16px";
    readonly 'inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'focused-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'pressed-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-item-active-state-layer-opacity': "0.08";
    readonly 'hovered-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-item-inactive-state-layer-opacity': "0.08";
    readonly 'focused-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-item-active-state-layer-opacity': "0.12";
    readonly 'focused-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-item-inactive-state-layer-opacity': "0.12";
    readonly 'pressed-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-item-active-state-layer-opacity': "0.12";
    readonly 'pressed-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-item-inactive-state-layer-opacity': "0.12";
    readonly 'icon-size': "24px";
    readonly 'inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
};
export declare const NavigationRailXRTabDefinition: {
    readonly "vertical-container-shape-start-start": string;
    readonly "vertical-container-shape-start-end": string;
    readonly "vertical-container-shape-end-end": string;
    readonly "vertical-container-shape-end-start": string;
    readonly "vertical-indicator-shape-start-start": string;
    readonly "vertical-indicator-shape-start-end": string;
    readonly "vertical-indicator-shape-end-end": string;
    readonly "vertical-indicator-shape-end-start": string;
    readonly 'vertical-indicator-width': "56px";
    readonly 'vertical-indicator-height': "32px";
    readonly 'vertical-container-width': "56px";
    readonly 'vertical-container-height': "56px";
    readonly 'vertical-container-block-leading-space': "0px";
    readonly 'vertical-container-block-trailing-space': "4px";
    readonly 'vertical-container-inline-leading-space': "2px";
    readonly 'vertical-container-inline-trailing-space': "2px";
    readonly 'vertical-icon-label-between-space': "4px";
    readonly 'vertical-round-indicator-size': "56px";
    readonly 'vertical-round-container-size': "56px";
    readonly 'vertical-round-container-block-leading-space': "0px";
    readonly 'vertical-round-container-block-trailing-space': "0px";
    readonly 'vertical-round-container-inline-leading-space': "0px";
    readonly 'vertical-round-container-inline-trailing-space': "0px";
    readonly 'inactive-vertical-label-size': "12px";
    readonly 'inactive-vertical-label-line-height': "16px";
    readonly 'inactive-vertical-label-font': "Roboto";
    readonly 'inactive-vertical-label-tracking': "0.5px";
    readonly 'inactive-vertical-label-font-weight': "500";
    readonly 'active-vertical-label-size': "12px";
    readonly 'active-vertical-label-line-height': "16px";
    readonly 'active-vertical-label-font': "Roboto";
    readonly 'active-vertical-label-tracking': "0.5px";
    readonly 'active-vertical-label-font-weight': "700";
    readonly 'inactive-indicator-color': "transparent";
    readonly 'active-indicator-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
    readonly 'horizonal-indicator-inline-leading-space': "16px";
    readonly 'horizonal-indicator-inline-trailing-space': "16px";
    readonly 'inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-inactive-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'focused-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'pressed-active-label-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
    readonly 'hovered-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-item-active-state-layer-opacity': "0.08";
    readonly 'hovered-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-item-inactive-state-layer-opacity': "0.08";
    readonly 'focused-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-item-active-state-layer-opacity': "0.12";
    readonly 'focused-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-item-inactive-state-layer-opacity': "0.12";
    readonly 'pressed-item-active-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-item-active-state-layer-opacity': "0.12";
    readonly 'pressed-item-inactive-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-item-inactive-state-layer-opacity': "0.12";
    readonly 'icon-size': "24px";
    readonly 'inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'hovered-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'hovered-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'focused-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'focused-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
    readonly 'pressed-inactive-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
    readonly 'pressed-active-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
};
//# sourceMappingURL=navigation-tab.definition.d.ts.map