@sandlada/mdc/build/component-definitions/split-button.definition.js

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

import{Shape as e}from"../node_modules/@sandlada/mdk/build/domain/shape.js";import{State as t}from"../node_modules/@sandlada/mdk/build/domain/state.js";import{Typescale as n}from"../node_modules/@sandlada/mdk/build/domain/typescale.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
*/
function a(t,n,r){return{[`${t}-leading-button-container-shape-start-start`]:e.Full,[`${t}-leading-button-container-shape-start-end`]:n,[`${t}-leading-button-container-shape-end-start`]:e.Full,[`${t}-leading-button-container-shape-end-end`]:n,[`${t}-leading-button-container-shape-pressed-start-start`]:e.Full,[`${t}-leading-button-container-shape-pressed-start-end`]:r,[`${t}-leading-button-container-shape-pressed-end-start`]:e.Full,[`${t}-leading-button-container-shape-pressed-end-end`]:r,[`${t}-trailing-button-container-shape-start-start`]:n,[`${t}-trailing-button-container-shape-start-end`]:e.Full,[`${t}-trailing-button-container-shape-end-start`]:n,[`${t}-trailing-button-container-shape-end-end`]:e.Full,[`${t}-trailing-button-container-shape-pressed-start-start`]:r,[`${t}-trailing-button-container-shape-pressed-start-end`]:e.Full,[`${t}-trailing-button-container-shape-pressed-end-start`]:r,[`${t}-trailing-button-container-shape-pressed-end-end`]:e.Full,[`${t}-trailing-button-container-shape-expanded-start-start`]:e.Full,[`${t}-trailing-button-container-shape-expanded-start-end`]:e.Full,[`${t}-trailing-button-container-shape-expanded-end-start`]:e.Full,[`${t}-trailing-button-container-shape-expanded-end-end`]:e.Full}}function o(e,t){return{[`${e}-container-height`]:t.height,[`${e}-between-space`]:`2px`,[`${e}-leading-button-inline-leading-padding-space`]:t.leadingLeading,[`${e}-leading-button-inline-trailing-padding-space`]:t.leadingTrailing,[`${e}-trailing-button-inline-leading-padding-space`]:t.trailingLeading,[`${e}-trailing-button-inline-trailing-padding-space`]:t.trailingTrailing,[`${e}-leading-icon-size`]:t.leadingIcon,[`${e}-trailing-icon-size`]:t.trailingIcon,[`${e}-trailing-icon-optical-offset`]:t.opticalOffset,[`${e}-between-icon-label-space`]:t.betweenIconLabel,[`${e}-leading-button-min-width`]:t.minWidth,[`${e}-trailing-button-min-width`]:t.minWidth,[`${e}-label-font`]:t.label.Font,[`${e}-label-line-height`]:t.label.LineHeight,[`${e}-label-size`]:t.label.FontSize,[`${e}-label-tracking`]:t.label.Tracking,[`${e}-label-weight`]:t.label.FontWeight,[`${e}-outline-width`]:t.outlineWidth}}const s={...a(`extra-small`,e.ExtraSmall,e.Medium),...o(`extra-small`,{height:`32px`,leadingLeading:`12px`,leadingTrailing:`10px`,trailingLeading:`13px`,trailingTrailing:`13px`,leadingIcon:`20px`,trailingIcon:`20px`,opticalOffset:`-1px`,betweenIconLabel:`4px`,minWidth:`48px`,label:n.LabelLarge,outlineWidth:`1px`}),...a(`small`,e.ExtraSmall,e.Medium),...o(`small`,{height:`40px`,leadingLeading:`16px`,leadingTrailing:`12px`,trailingLeading:`13px`,trailingTrailing:`13px`,leadingIcon:`20px`,trailingIcon:`22px`,opticalOffset:`-1px`,betweenIconLabel:`8px`,minWidth:`48px`,label:n.LabelLarge,outlineWidth:`1px`}),...a(`medium`,e.ExtraSmall,e.Medium),...o(`medium`,{height:`56px`,leadingLeading:`24px`,leadingTrailing:`24px`,trailingLeading:`15px`,trailingTrailing:`15px`,leadingIcon:`24px`,trailingIcon:`26px`,opticalOffset:`-2px`,betweenIconLabel:`8px`,minWidth:`48px`,label:n.TitleMedium,outlineWidth:`1px`}),...a(`large`,e.Small,e.LargeIncreased),...o(`large`,{height:`96px`,leadingLeading:`48px`,leadingTrailing:`48px`,trailingLeading:`29px`,trailingTrailing:`29px`,leadingIcon:`32px`,trailingIcon:`38px`,opticalOffset:`-3px`,betweenIconLabel:`12px`,minWidth:`48px`,label:n.HeadlineSmall,outlineWidth:`2px`}),...a(`extra-large`,e.Medium,e.LargeIncreased),...o(`extra-large`,{height:`136px`,leadingLeading:`64px`,leadingTrailing:`64px`,trailingLeading:`43px`,trailingTrailing:`43px`,leadingIcon:`40px`,trailingIcon:`50px`,opticalOffset:`-6px`,betweenIconLabel:`16px`,minWidth:`48px`,label:n.HeadlineLarge,outlineWidth:`3px`})},c=i({...s,"enabled-container-color":r.Primary,"enabled-label-color":r.OnPrimary,"enabled-icon-color":r.OnPrimary,"enabled-container-shadow-color":r.Shadow,"enabled-container-elevation":`0`,"hovered-state-layer-color":r.OnPrimary,"focused-state-layer-color":r.OnPrimary,"pressed-state-layer-color":r.OnPrimary,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"disabled-container-color":r.OnSurface,"disabled-container-opacity":`0.1`,"disabled-label-color":r.OnSurface,"disabled-label-opacity":`0.38`,"disabled-icon-color":r.OnSurface,"disabled-icon-opacity":`0.38`,"disabled-container-shadow-color":r.Shadow,"disabled-container-elevation":`0`}),l=i({...s,"enabled-container-color":r.SecondaryContainer,"enabled-label-color":r.OnSecondaryContainer,"enabled-icon-color":r.OnSecondaryContainer,"enabled-container-shadow-color":r.Shadow,"enabled-container-elevation":`0`,"hovered-state-layer-color":r.OnSecondaryContainer,"focused-state-layer-color":r.OnSecondaryContainer,"pressed-state-layer-color":r.OnSecondaryContainer,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"disabled-container-color":r.OnSurface,"disabled-container-opacity":`0.1`,"disabled-label-color":r.OnSurface,"disabled-label-opacity":`0.38`,"disabled-icon-color":r.OnSurface,"disabled-icon-opacity":`0.38`,"disabled-container-shadow-color":r.Shadow,"disabled-container-elevation":`0`}),u=i({...s,"enabled-container-color":r.SurfaceContainerLow,"enabled-label-color":r.Primary,"enabled-icon-color":r.Primary,"enabled-container-shadow-color":r.Shadow,"enabled-container-elevation":`1`,"hovered-state-layer-color":r.Primary,"focused-state-layer-color":r.Primary,"pressed-state-layer-color":r.Primary,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"disabled-container-color":r.OnSurface,"disabled-container-opacity":`0.1`,"disabled-label-color":r.OnSurface,"disabled-label-opacity":`0.38`,"disabled-icon-color":r.OnSurface,"disabled-icon-opacity":`0.38`,"disabled-container-shadow-color":r.Shadow,"disabled-container-elevation":`0`}),d=i({...s,"enabled-outline-color":r.OutlineVariant,"enabled-container-color":`transparent`,"enabled-label-color":r.OnSurfaceVariant,"enabled-icon-color":r.OnSurfaceVariant,"enabled-container-shadow-color":r.Shadow,"enabled-container-elevation":`0`,"hovered-state-layer-color":r.OnSurfaceVariant,"focused-state-layer-color":r.OnSurfaceVariant,"pressed-state-layer-color":r.OnSurfaceVariant,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"disabled-outline-color":r.OutlineVariant,"disabled-outline-opacity":`0.12`,"disabled-container-color":r.OnSurface,"disabled-container-opacity":`0.1`,"disabled-label-color":r.OnSurface,"disabled-label-opacity":`0.38`,"disabled-icon-color":r.OnSurface,"disabled-icon-opacity":`0.38`,"disabled-container-shadow-color":r.Shadow,"disabled-container-elevation":`0`});export{u as ElevatedSplitButtonDefinition,c as FilledSplitButtonDefinition,l as FilledTonalSplitButtonDefinition,d as OutlinedSplitButtonDefinition};
//# sourceMappingURL=split-button.definition.js.map