import styled from "styled-components";
import { chipConfig, chipTokens } from "../../../../Chip";
import { component, mergeConfig } from "../../../../../engines";
import { tokens } from "../../Combobox.tokens";
import { addFocus } from "../../../../../mixins";
// issue #823
var mergedConfig = mergeConfig(chipConfig);
var Chip = component(mergedConfig);
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
export var StyledChip = styled(Chip).withConfig({
    displayName: "ComboboxChip.styles__StyledChip",
    componentId: "sc-2518d740-0"
})([
    "",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    " &[readonly]{opacity:var(",
    ");}"
], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, addFocus({
    outlineOffset: '0.125rem',
    outlineSize: '0.0625rem',
    outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
    outlineColor: "var(".concat(tokens.focusColor, ")")
}), tokens.chipOpacityReadonly);
