UNPKG

@sandlada/mdc

Version:

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

291 lines 23.1 kB
export declare const AssistChipDefinition: { readonly 'enabled-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; readonly 'enabled-label-size': "var(--md-sys-typescale-label-large-font-size, 14px)"; readonly 'enabled-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; readonly 'enabled-label-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)"; readonly 'enabled-label-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)"; readonly 'container-height': `32px`; readonly 'container-shape-start-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-start-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'outline-width': `1px`; readonly 'icon-size': `18px`; readonly 'avatar-size': `24px`; readonly 'avatar-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'trailing-icon-size': `18px`; readonly 'min-touch-target-size': `48px`; readonly 'hovered-state-layer-opacity': `0.08`; readonly 'focused-state-layer-opacity': `0.1`; readonly 'pressed-state-layer-opacity': `0.1`; readonly 'disabled-label-opacity': `0.38`; readonly 'disabled-icon-opacity': `0.38`; readonly 'disabled-outline-opacity': `0.12`; readonly 'enabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'hovered-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'focused-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'pressed-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'disabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'enabled-outline-color-elevated': `transparent`; readonly 'enabled-container-elevation': `1`; readonly 'hovered-container-elevation': `1`; readonly 'focused-container-elevation': `1`; readonly 'pressed-container-elevation': `1`; readonly 'disabled-container-elevation': `0`; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'container-padding-start': "8px"; readonly 'container-padding-end': "8px"; readonly 'text-padding-start': "8px"; readonly 'text-padding-end': "8px"; readonly 'enabled-container-color': "transparent"; readonly 'enabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'enabled-icon-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-container-color': "transparent"; readonly 'hovered-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-icon-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'hovered-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'focused-container-color': "transparent"; readonly 'focused-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-icon-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'focused-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'pressed-container-color': "transparent"; readonly 'pressed-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-icon-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'pressed-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'disabled-container-color': "transparent"; readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-outline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; }; export declare const FilterChipDefinition: { readonly 'enabled-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; readonly 'enabled-label-size': "var(--md-sys-typescale-label-large-font-size, 14px)"; readonly 'enabled-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; readonly 'enabled-label-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)"; readonly 'enabled-label-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)"; readonly 'container-height': `32px`; readonly 'container-shape-start-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-start-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'outline-width': `1px`; readonly 'icon-size': `18px`; readonly 'avatar-size': `24px`; readonly 'avatar-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'trailing-icon-size': `18px`; readonly 'min-touch-target-size': `48px`; readonly 'hovered-state-layer-opacity': `0.08`; readonly 'focused-state-layer-opacity': `0.1`; readonly 'pressed-state-layer-opacity': `0.1`; readonly 'disabled-label-opacity': `0.38`; readonly 'disabled-icon-opacity': `0.38`; readonly 'disabled-outline-opacity': `0.12`; readonly 'enabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'hovered-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'focused-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'pressed-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'disabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'enabled-outline-color-elevated': `transparent`; readonly 'enabled-container-elevation': `1`; readonly 'hovered-container-elevation': `1`; readonly 'focused-container-elevation': `1`; readonly 'pressed-container-elevation': `1`; readonly 'disabled-container-elevation': `0`; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'container-padding-start': "8px"; readonly 'container-padding-end': "10px"; readonly 'text-padding-start': "8px"; readonly 'text-padding-end': "6px"; readonly 'enabled-container-color': "transparent"; readonly 'enabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'enabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-checkmark-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-container-color': "transparent"; readonly 'hovered-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'focused-container-color': "transparent"; readonly 'focused-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'pressed-container-color': "transparent"; readonly 'pressed-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'enabled-container-color-selected': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'enabled-label-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'enabled-icon-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'enabled-outline-color-selected': "transparent"; readonly 'hovered-container-color-selected': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'hovered-label-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-outline-color-selected': "transparent"; readonly 'focused-container-color-selected': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'focused-label-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-icon-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-outline-color-selected': "transparent"; readonly 'pressed-container-color-selected': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'pressed-label-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-outline-color-selected': "transparent"; readonly 'disabled-container-color': "transparent"; readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-outline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-container-color-selected': "transparent"; readonly 'disabled-label-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-icon-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-outline-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; }; export declare const InputChipDefinition: { readonly 'enabled-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; readonly 'enabled-label-size': "var(--md-sys-typescale-label-large-font-size, 14px)"; readonly 'enabled-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; readonly 'enabled-label-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)"; readonly 'enabled-label-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)"; readonly 'container-height': `32px`; readonly 'container-shape-start-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-start-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'outline-width': `1px`; readonly 'icon-size': `18px`; readonly 'avatar-size': `24px`; readonly 'avatar-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'trailing-icon-size': `18px`; readonly 'min-touch-target-size': `48px`; readonly 'hovered-state-layer-opacity': `0.08`; readonly 'focused-state-layer-opacity': `0.1`; readonly 'pressed-state-layer-opacity': `0.1`; readonly 'disabled-label-opacity': `0.38`; readonly 'disabled-icon-opacity': `0.38`; readonly 'disabled-outline-opacity': `0.12`; readonly 'enabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'hovered-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'focused-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'pressed-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'disabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'enabled-outline-color-elevated': `transparent`; readonly 'enabled-container-elevation': `1`; readonly 'hovered-container-elevation': `1`; readonly 'focused-container-elevation': `1`; readonly 'pressed-container-elevation': `1`; readonly 'disabled-container-elevation': `0`; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'container-padding-start': "4px"; readonly 'container-padding-end': "4px"; readonly 'text-padding-start': "8px"; readonly 'text-padding-end': "8px"; readonly 'enabled-container-color': "transparent"; readonly 'enabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'enabled-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'enabled-avatar-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'enabled-trailing-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-container-color': "transparent"; readonly 'hovered-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-avatar-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-trailing-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'focused-container-color': "transparent"; readonly 'focused-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-avatar-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-trailing-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'pressed-container-color': "transparent"; readonly 'pressed-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-avatar-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-trailing-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'disabled-container-color': "transparent"; readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-avatar-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-trailing-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-outline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; }; export declare const SuggestionChipDefinition: { readonly 'enabled-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; readonly 'enabled-label-size': "var(--md-sys-typescale-label-large-font-size, 14px)"; readonly 'enabled-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; readonly 'enabled-label-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)"; readonly 'enabled-label-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)"; readonly 'container-height': `32px`; readonly 'container-shape-start-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-start-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-start': "var(--md-sys-shape-corner-small, 8px)"; readonly 'container-shape-end-end': "var(--md-sys-shape-corner-small, 8px)"; readonly 'outline-width': `1px`; readonly 'icon-size': `18px`; readonly 'avatar-size': `24px`; readonly 'avatar-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'avatar-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'trailing-icon-size': `18px`; readonly 'min-touch-target-size': `48px`; readonly 'hovered-state-layer-opacity': `0.08`; readonly 'focused-state-layer-opacity': `0.1`; readonly 'pressed-state-layer-opacity': `0.1`; readonly 'disabled-label-opacity': `0.38`; readonly 'disabled-icon-opacity': `0.38`; readonly 'disabled-outline-opacity': `0.12`; readonly 'enabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'hovered-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'focused-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'pressed-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'disabled-container-color-elevated': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))"; readonly 'enabled-outline-color-elevated': `transparent`; readonly 'enabled-container-elevation': `1`; readonly 'hovered-container-elevation': `1`; readonly 'focused-container-elevation': `1`; readonly 'pressed-container-elevation': `1`; readonly 'disabled-container-elevation': `0`; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'container-padding-start': "8px"; readonly 'container-padding-end': "10px"; readonly 'text-padding-start': "8px"; readonly 'text-padding-end': "6px"; readonly 'enabled-container-color': "transparent"; readonly 'enabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-container-color': "transparent"; readonly 'hovered-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'focused-container-color': "transparent"; readonly 'focused-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'pressed-container-color': "transparent"; readonly 'pressed-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))"; readonly 'disabled-container-color': "transparent"; readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-outline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; }; //# sourceMappingURL=chip.definition.d.ts.map