@sandlada/mdc/build/components/icon/icon.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{IconDefinition as i}from"../../component-definitions/icon.definition.js";
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const a=r(i,{expandShapes:!1,useBaseFallback:!0,prefix:`--mdc-icon`}),o=t(n(a,!0).join(``)),s=e`
    @layer mdc.icon {

        @layer variable {
            :host {
                ${o}
            }
        }

        @layer base {
            :host {
                font-size: var(--_enabled-size);
                width: var(--_enabled-size);
                height: var(--_enabled-size);
                color: inherit;
                font-variation-settings: inherit;
                font-weight: 400;
                font-family: var(--_enabled-font);
                display: inline-flex;
                font-style: normal;
                place-items: center;
                place-content: center;
                line-height: 1;
                overflow: hidden;
                letter-spacing: normal;
                text-transform: none;
                user-select: none;
                white-space: nowrap;
                word-wrap: normal;
                flex-shrink: 0;

                /* Support for all WebKit browsers. */
                -webkit-font-smoothing: antialiased;
                /* Support for Safari and Chrome. */
                text-rendering: optimizeLegibility;
                /* Support for Firefox. */
                -moz-osx-font-smoothing: grayscale;
            }

            .icon-container {
                font-family: var(--_enabled-font);
                font-weight: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                white-space: nowrap;
                word-wrap: normal;
                direction: ltr;
                -webkit-font-feature-settings: 'liga';
                -webkit-font-smoothing: antialiased;

                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;

                font-variation-settings: inherit;
            }

            ::slotted(svg) {
                fill: currentColor;
            }

            ::slotted(*) {
                display: block;
                height: 100%;
                width: 100%;
            }

        }
    }
`;export{s as styles};
//# sourceMappingURL=icon.style.js.map