@sandlada/mdc/build/components/segmented-button/internal/segmented-button-set.style.js

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

import{css as e,unsafeCSS as t}from"../../../node_modules/@lit/reactive-element/css-tag.js";import"../../../node_modules/lit/index.js";import{defineVars as n}from"../../../node_modules/@sandlada/jss/dist/define-vars.js";import{defineTokenRefsRecord as r}from"../../../node_modules/@sandlada/jss/dist/define-token-refs.js";import{OutlinedSegmentedButtonSetDefinition as i}from"../../../component-definitions/segmented-button.definition.js";
/**
* @license
* Copyright 2026 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const a=r(i,{expandShapes:!1,useBaseFallback:!0,prefix:`--mdc-segmented-button`}),o=t(n(a,!0).join(``)),s=e`
    :host {
        ${o};

        display: flex;
        outline: none;
    }

    .container {
        display: grid;
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-rows: auto;
        height: var(--_container-height);
        width: 100%;
    }

    /* The container outline is drawn by each segment; only the first / last
       segment host carries the outer corner radii so the outline appears to
       wrap the group while adjacent segments share a single 1px divider. */
    .container ::slotted(:first-child) {
        border-start-start-radius: var(--_shape-start-start);
        border-end-start-radius: var(--_shape-end-start);
    }
    .container ::slotted(:last-child) {
        border-start-end-radius: var(--_shape-start-end);
        border-end-end-radius: var(--_shape-end-end);
    }
`;export{s as SegmentedButtonSetStyles};
//# sourceMappingURL=segmented-button-set.style.js.map