@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
18 lines • 4.65 kB
JavaScript
import{Shape as e}from"../node_modules/@sandlada/mdk/build/domain/shape.js";import"../node_modules/@sandlada/mdk/build/index.js";import{Color as t}from"../utils/tokens/theme.js";import{createStyleDefinition as n}from"../utils/tokens/create-style-definition.js";
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*
* @implements
* - docked-toolbar
* - docked-toolbar-xr
* - floating-toolbar
* - floating-toolbar-xr
*
* @link
* https://www.figma.com/design/6gdRfjUMDiN6L902aNOZsu/Material-3-Design-Kit--Community-?node-id=58295-22726&p=f&t=shaX81pnBHVWBnoB-0
* https://m3.material.io/components/toolbars/specs
*/
const r=n({"container-height":`64px`,"container-padding-inline-leading-space":`16px`,"container-padding-inline-trailing-space":`16px`,"container-padding-block-leading-space":`12px`,"container-padding-block-trailing-space":`12px`,"max-space-between-actions":`32px`,"min-space-between-actions":`4px`}),i=n({"enabled-standard-container-color":t.SurfaceContainer,"enabled-standard-button-container-color":t.SurfaceContainer,"enabled-standard-selected-button-container-color":t.SecondaryContainer,"enabled-standard-icon-color":t.OnSurfaceVariant,"enabled-standard-selected-icon-color":t.OnSecondaryContainer,"enabled-standard-label-color":t.OnSurfaceVariant,"enabled-standard-selected-label-color":t.OnSecondaryContainer,"enabled-standard-container-shape":e.Full.ToCSSVariable(),"disabled-standard-icon-color":t.OnSurface,"disabled-standard-icon-opacity":`0.38`,"disabled-standard-label-color":t.OnSurface,"disabled-standard-label-opacity":`0.38`,"hovered-standard-state-layer-color":t.OnSurfaceVariant,"hovered-standard-selected-state-layer-color":t.OnSecondaryContainer,"hovered-standard-state-layer-opacity":`0.08`,"hovered-standard-icon-color":t.OnSurfaceVariant,"hovered-standard-selected-icon-color":t.OnSecondaryContainer,"hovered-standard-label-color":t.OnSurfaceVariant,"hovered-standard-selected-label-color":t.OnSecondaryContainer,"focused-standard-state-layer-color":t.OnSurfaceVariant,"focused-standard-selected-state-layer-color":t.OnSecondaryContainer,"focused-standard-state-layer-opacity":`0.1`,"focused-standard-icon-color":t.OnSurfaceVariant,"focused-standard-selected-icon-color":t.OnSecondaryContainer,"focused-standard-label-color":t.OnSurfaceVariant,"focused-standard-selected-label-color":t.OnSecondaryContainer,"pressed-standard-state-layer-color":t.OnSurfaceVariant,"pressed-standard-selected-state-layer-color":t.OnSecondaryContainer,"pressed-standard-state-layer-opacity":`0.1`,"pressed-standard-icon-color":t.OnSurfaceVariant,"pressed-standard-selected-icon-color":t.OnSecondaryContainer,"pressed-standard-label-color":t.OnSurfaceVariant,"pressed-standard-selected-label-color":t.OnSecondaryContainer}),a=n({"enabled-vibrant-container-color":t.PrimaryContainer,"enabled-vibrant-button-container-color":t.PrimaryContainer,"enabled-vibrant-selected-button-container-color":t.SurfaceContainer,"enabled-vibrant-icon-color":t.OnPrimaryContainer,"enabled-vibrant-selected-icon-color":t.OnSurface,"enabled-vibrant-label-color":t.OnPrimaryContainer,"enabled-vibrant-selected-label-color":t.OnSurface,"enabled-vibrant-container-shape":e.Full.ToCSSVariable(),"disabled-vibrant-icon-color":t.OnSurface,"disabled-vibrant-icon-opacity":`0.38`,"disabled-vibrant-label-color":t.OnSurface,"disabled-vibrant-label-opacity":`0.38`,"hovered-vibrant-state-layer-color":t.OnPrimaryContainer,"hovered-vibrant-selected-state-layer-color":t.OnSurface,"hovered-vibrant-state-layer-opacity":`0.08`,"hovered-vibrant-icon-color":t.OnPrimaryContainer,"hovered-vibrant-selected-icon-color":t.OnSurface,"hovered-vibrant-label-color":t.OnPrimaryContainer,"hovered-vibrant-selected-label-color":t.OnSurface,"focused-vibrant-state-layer-color":t.OnPrimaryContainer,"focused-vibrant-selected-state-layer-color":t.OnSurface,"focused-vibrant-state-layer-opacity":`0.1`,"focused-vibrant-icon-color":t.OnPrimaryContainer,"focused-vibrant-selected-icon-color":t.OnSurface,"focused-vibrant-label-color":t.OnPrimaryContainer,"focused-vibrant-selected-label-color":t.OnSurface,"pressed-vibrant-state-layer-color":t.OnPrimaryContainer,"pressed-vibrant-selected-state-layer-color":t.OnSurface,"pressed-vibrant-state-layer-opacity":`0.1`,"pressed-vibrant-icon-color":t.OnPrimaryContainer,"pressed-vibrant-selected-icon-color":t.OnSurface,"pressed-vibrant-label-color":t.OnPrimaryContainer,"pressed-vibrant-selected-label-color":t.OnSurface});export{r as MDCDockedToolbarStyleDefinition,i as MDCStandardDockedToolbarStyleDefinition,a as MDCVibrantDockedToolbarStyleDefinition};
//# sourceMappingURL=toolbar.definition.js.map