UNPKG

@sandlada/mdc

Version:

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

mdc.sandlada.com

sandlada/mdc

24 lines (23 loc) • 9.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import{C as e}from"../color-CigMJnjV.js";import{S as i}from"../shape-CrZ0CLVJ.js";import{S as a}from"../state-C-haZXan.js";import{T as t}from"../typescale-Bh1NLwSE.js";import"../utils/controller/attachable-controller.js";import{createLogicShapeTokens as l}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Ho-VPzO1.js"; /** * @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 */const n={"icon-size":"24px","inactive-icon-color":e.OnSurfaceVariant,"active-icon-color":e.OnSecondaryContainer,"hovered-inactive-icon-color":e.OnSurfaceVariant,"hovered-active-icon-color":e.OnSecondaryContainer,"focused-inactive-icon-color":e.OnSurfaceVariant,"focused-active-icon-color":e.OnSecondaryContainer,"pressed-inactive-icon-color":e.OnSurfaceVariant,"pressed-active-icon-color":e.OnSecondaryContainer},c={"hovered-item-active-state-layer-color":e.OnSecondaryContainer,"hovered-item-active-state-layer-opacity":a.HoveredStateLayerOpacity,"hovered-item-inactive-state-layer-color":e.OnSurfaceVariant,"hovered-item-inactive-state-layer-opacity":a.HoveredStateLayerOpacity,"focused-item-active-state-layer-color":e.OnSecondaryContainer,"focused-item-active-state-layer-opacity":a.FocusedStateLayerOpacity,"focused-item-inactive-state-layer-color":e.OnSurfaceVariant,"focused-item-inactive-state-layer-opacity":a.FocusedStateLayerOpacity,"pressed-item-active-state-layer-color":e.OnSecondaryContainer,"pressed-item-active-state-layer-opacity":a.PressedStateLayerOpacity,"pressed-item-inactive-state-layer-color":e.OnSurfaceVariant,"pressed-item-inactive-state-layer-opacity":a.PressedStateLayerOpacity},r={"inactive-label-color":e.OnSurfaceVariant,"hovered-inactive-label-color":e.OnSurfaceVariant,"focused-inactive-label-color":e.OnSurfaceVariant,"pressed-inactive-label-color":e.OnSurfaceVariant,"active-label-color":e.Secondary,"hovered-active-label-color":e.Secondary,"focused-active-label-color":e.Secondary,"pressed-active-label-color":e.Secondary},o={"inactive-indicator-color":"transparent","active-indicator-color":e.SecondaryContainer,"horizonal-indicator-inline-leading-space":"16px","horizonal-indicator-inline-trailing-space":"16px"},v={...n,...c,...r,...o,"vertical-indicator-width":"56px","vertical-indicator-height":"32px","vertical-container-width":"104px","vertical-container-height":"64px","vertical-container-block-leading-space":"6px","vertical-container-block-trailing-space":"6px","vertical-container-inline-leading-space":"0px","vertical-container-inline-trailing-space":"0px","horizonal-indicator-width":"92px","horizonal-indicator-height":"40px","horizonal-container-width":"92px","horizonal-container-height":"64px","horizonal-container-block-leading-space":"12px","horizonal-container-block-trailing-space":"12px","horizonal-container-inline-leading-space":"0px","horizonal-container-inline-trailing-space":"0px","vertical-icon-label-between-space":"4px","horizonal-icon-label-between-space":"4px","inactive-vertical-label-size":t.LabelMediumSize,"inactive-vertical-label-line-height":t.LabelMediumLineHeight,"inactive-vertical-label-font":t.LabelMediumFont,"inactive-vertical-label-tracking":t.LabelMediumTracking,"inactive-vertical-label-font-weight":t.LabelMediumWeight,"inactive-horizonal-label-size":t.LabelMediumSize,"inactive-horizonal-label-line-height":t.LabelMediumLineHeight,"inactive-horizonal-label-font":t.LabelMediumFont,"inactive-horizonal-label-tracking":t.LabelMediumTracking,"inactive-horizonal-label-font-weight":t.LabelMediumWeight,"active-vertical-label-size":t.LabelMediumSize,"active-vertical-label-line-height":t.LabelMediumLineHeight,"active-vertical-label-font":t.LabelMediumFont,"active-vertical-label-tracking":t.LabelMediumTracking,"active-vertical-label-font-weight":t.LabelMediumWeight,"active-horizonal-label-size":t.LabelMediumSize,"active-horizonal-label-line-height":t.LabelMediumLineHeight,"active-horizonal-label-font":t.LabelMediumFont,"active-horizonal-label-tracking":t.LabelMediumTracking,"active-horizonal-label-font-weight":t.LabelMediumWeight,...l("--mdc-navigation-bar-tab",{"vertical-indicator-shape":i.Full,"horizonal-indicator-shape":i.Full,"vertical-container-shape":i.Small,"horizonal-container-shape":i.Small},"all",!1)},h={...n,...c,...r,...o,"vertical-indicator-width":"56px","vertical-indicator-height":"32px","vertical-container-width":"96px","vertical-container-height":"64px","vertical-container-block-leading-space":"6px","vertical-container-block-trailing-space":"6px","vertical-container-inline-leading-space":"0px","vertical-container-inline-trailing-space":"0px","horizonal-indicator-width":"99px","horizonal-indicator-height":"56px","horizonal-container-width":"99px","horizonal-container-height":"56px","horizonal-container-block-leading-space":"0px","horizonal-container-block-trailing-space":"0px","horizonal-container-inline-leading-space":"0px","horizonal-container-inline-trailing-space":"0px","vertical-round-indicator-size":"56px","vertical-round-container-size":"56px","vertical-round-block-leading-space":"4px","vertical-round-block-trailing-space":"4px","vertical-round-container-inline-leading-space":"0px","vertical-round-container-inline-trailing-space":"0px","vertical-icon-label-between-space":"4px","horizonal-icon-label-between-space":"12px","inactive-vertical-label-size":t.LabelMediumSize,"inactive-vertical-label-line-height":t.LabelMediumLineHeight,"inactive-vertical-label-font":t.LabelMediumFont,"inactive-vertical-label-tracking":t.LabelMediumTracking,"inactive-vertical-label-font-weight":t.LabelMediumWeight,"inactive-horizonal-label-size":t.LabelLargeSize,"inactive-horizonal-label-line-height":t.LabelLargeLineHeight,"inactive-horizonal-label-font":t.LabelLargeFont,"inactive-horizonal-label-tracking":t.LabelLargeTracking,"inactive-horizonal-label-font-weight":t.LabelLargeWeight,"active-vertical-label-size":t.LabelMediumSize,"active-vertical-label-line-height":t.LabelMediumLineHeight,"active-vertical-label-font":t.LabelMediumFont,"active-vertical-label-tracking":t.LabelMediumTracking,"active-vertical-label-font-weight":t.LabelMediumWeight,"active-horizonal-label-size":t.LabelLargeSize,"active-horizonal-label-line-height":t.LabelLargeLineHeight,"active-horizonal-label-font":t.LabelLargeFont,"active-horizonal-label-tracking":t.LabelLargeTracking,"active-horizonal-label-font-weight":t.LabelLargeWeight,...l("--mdc-navigation-rail-tab",{"vertical-indicator-shape":i.Full,"horizonal-indicator-shape":i.Full,"vertical-container-shape":i.Small,"horizonal-container-shape":i.Small},"all",!1)},d={...n,...c,...r,...o,"vertical-indicator-width":"64px","vertical-indicator-height":"32px","vertical-container-width":"112px","vertical-container-height":"80px","vertical-container-block-leading-space":"12px","vertical-container-block-trailing-space":"16px","vertical-container-inline-leading-space":"0px","vertical-container-inline-trailing-space":"0px","vertical-icon-label-between-space":"4px","inactive-vertical-label-size":t.LabelMediumSize,"inactive-vertical-label-line-height":t.LabelMediumLineHeight,"inactive-vertical-label-font":t.LabelMediumFont,"inactive-vertical-label-tracking":t.LabelMediumTracking,"inactive-vertical-label-font-weight":t.LabelMediumWeight,"active-vertical-label-size":t.EmphasizedLabelMediumSize,"active-vertical-label-line-height":t.EmphasizedLabelMediumLineHeight,"active-vertical-label-font":t.EmphasizedLabelMediumFont,"active-vertical-label-tracking":t.EmphasizedLabelMediumTracking,"active-vertical-label-font-weight":t.EmphasizedLabelMediumWeight,...l("--mdc-navigation-bar-xr-tab",{"vertical-indicator-shape":i.Full,"vertical-container-shape":i.Small},"all",!1)},b={...n,...c,...r,...o,"vertical-indicator-width":"56px","vertical-indicator-height":"32px","vertical-container-width":"56px","vertical-container-height":"56px","vertical-container-block-leading-space":"0px","vertical-container-block-trailing-space":"4px","vertical-container-inline-leading-space":"2px","vertical-container-inline-trailing-space":"2px","vertical-icon-label-between-space":"4px","vertical-round-indicator-size":"56px","vertical-round-container-size":"56px","vertical-round-container-block-leading-space":"0px","vertical-round-container-block-trailing-space":"0px","vertical-round-container-inline-leading-space":"0px","vertical-round-container-inline-trailing-space":"0px","inactive-vertical-label-size":t.LabelMediumSize,"inactive-vertical-label-line-height":t.LabelMediumLineHeight,"inactive-vertical-label-font":t.LabelMediumFont,"inactive-vertical-label-tracking":t.LabelMediumTracking,"inactive-vertical-label-font-weight":t.LabelMediumWeight,"active-vertical-label-size":t.EmphasizedLabelMediumSize,"active-vertical-label-line-height":t.EmphasizedLabelMediumLineHeight,"active-vertical-label-font":t.EmphasizedLabelMediumFont,"active-vertical-label-tracking":t.EmphasizedLabelMediumTracking,"active-vertical-label-font-weight":t.EmphasizedLabelMediumWeight,...l("--mdc-navigation-rail-xr-tab",{"vertical-indicator-shape":i.Full,"vertical-container-shape":i.Small},"all",!1)};export{v as NavigationBarTabDefinition,d as NavigationBarXRTabDefinition,h as NavigationRailTabDefinition,b as NavigationRailXRTabDefinition};