@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
8 lines • 4.49 kB
JavaScript
import{ElevationLevel as e}from"../node_modules/@sandlada/mdk/build/domain/elevation.js";import{Shape as t}from"../node_modules/@sandlada/mdk/build/domain/shape.js";import{State as n}from"../node_modules/@sandlada/mdk/build/domain/state.js";import"../node_modules/@sandlada/mdk/build/index.js";import{Color as r}from"../utils/tokens/theme.js";import{createStyleDefinition as i}from"../utils/tokens/create-style-definition.js";
/**
* @license
* Copyright 2026 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const a={"container-shape-start-start":t.Medium,"container-shape-start-end":t.Medium,"container-shape-end-start":t.Medium,"container-shape-end-end":t.Medium,"container-shape-square-start-start":t.None,"container-shape-square-start-end":t.None,"container-shape-square-end-start":t.None,"container-shape-square-end-end":t.None,"container-padding-inline-start":`16px`,"container-padding-inline-end":`16px`,"container-padding-block-start":`16px`,"container-padding-block-end":`16px`,"container-margin-inline-start":`0px`,"container-margin-inline-end":`0px`,"container-margin-block-start":`0px`,"container-margin-block-end":`0px`,"enabled-icon-color":r.Primary,"icon-size":`24px`},o=i({...a,"enabled-container-color":r.SurfaceContainerLow,"enabled-container-elevation":e.Level1,"enabled-container-shadow-color":r.Shadow,"disabled-container-color":r.Surface,"disabled-container-elevation":e.Level1,"disabled-container-opacity":`0.38`,"hovered-container-elevation":e.Level2,"hovered-state-layer-color":r.OnSurface,"hovered-state-layer-opacity":n.HoveredStateLayerOpacity,"focused-container-elevation":e.Level1,"focused-state-layer-color":r.OnSurface,"focused-state-layer-opacity":n.FocusedStateLayerOpacity,"focused-indicator-color":r.Secondary,"focused-indicator-offset":n.FocusIndicator.OuterOffset,"focused-indicator-thickness":n.FocusIndicator.Thickness,"pressed-container-elevation":e.Level1,"pressed-state-layer-color":r.OnSurface,"pressed-state-layer-opacity":n.PressedStateLayerOpacity,"dragged-container-elevation":e.Level4,"dragged-state-layer-color":r.OnSurface,"dragged-state-layer-opacity":n.DraggedStateLayerOpacity}),s=i({...a,"enabled-container-color":r.SurfaceContainerHighest,"enabled-container-elevation":e.Level0,"enabled-container-shadow-color":r.Shadow,"disabled-container-color":r.SurfaceVariant,"disabled-container-elevation":e.Level0,"disabled-container-opacity":`0.38`,"hovered-container-elevation":e.Level1,"hovered-state-layer-color":r.OnSurface,"hovered-state-layer-opacity":n.HoveredStateLayerOpacity,"focused-container-elevation":e.Level0,"focused-state-layer-color":r.OnSurface,"focused-state-layer-opacity":n.FocusedStateLayerOpacity,"focused-indicator-color":r.Secondary,"focused-indicator-offset":n.FocusIndicator.OuterOffset,"focused-indicator-thickness":n.FocusIndicator.Thickness,"pressed-container-elevation":e.Level0,"pressed-state-layer-color":r.OnSurface,"pressed-state-layer-opacity":n.PressedStateLayerOpacity,"dragged-container-elevation":e.Level3,"dragged-state-layer-color":r.OnSurface,"dragged-state-layer-opacity":n.DraggedStateLayerOpacity}),c=i({...a,"enabled-container-color":r.Surface,"enabled-container-elevation":e.Level0,"enabled-container-shadow-color":r.Shadow,"enabled-outline-color":r.OutlineVariant,"outline-width":`1px`,"disabled-container-color":r.Surface,"disabled-container-elevation":e.Level0,"disabled-container-opacity":`0.38`,"disabled-outline-color":r.Outline,"disabled-outline-opacity":`0.12`,"hovered-container-elevation":e.Level1,"hovered-outline-color":r.OutlineVariant,"hovered-state-layer-color":r.OnSurface,"hovered-state-layer-opacity":n.HoveredStateLayerOpacity,"focused-container-elevation":e.Level0,"focused-outline-color":r.OnSurface,"focused-state-layer-color":r.OnSurface,"focused-state-layer-opacity":n.FocusedStateLayerOpacity,"focused-indicator-color":r.Secondary,"focused-indicator-offset":n.FocusIndicator.OuterOffset,"focused-indicator-thickness":n.FocusIndicator.Thickness,"pressed-container-elevation":e.Level0,"pressed-outline-color":r.OutlineVariant,"pressed-state-layer-color":r.OnSurface,"pressed-state-layer-opacity":n.PressedStateLayerOpacity,"dragged-container-elevation":e.Level3,"dragged-outline-color":r.OutlineVariant,"dragged-state-layer-color":r.OnSurface,"dragged-state-layer-opacity":n.DraggedStateLayerOpacity}),l=s;export{l as CardDefinition,o as ElevatedCardDefinition,s as FilledCardDefinition,c as OutlinedCardDefinition};
//# sourceMappingURL=card.definition.js.map