import { css } from "styled-components";
import { StyledContentWrapper, StyledTrigger } from "../../Checkbox.styles";
import { tokens } from "../../Checkbox.tokens";
export const base = css([
    `input[type='checkbox']:indeterminate + `,
    ` `,
    `{background:var(`,
    `);border-color:var(`,
    `);}input:checked + `,
    ` `,
    `{background:var(`,
    `);border-color:var(`,
    `);}input[type='checkbox']:indeterminate:not(:disabled) + `,
    `:hover `,
    `{background:var(`,
    `,var(`,
    `));}input:checked:not(:disabled) + `,
    `:hover `,
    `{background:var(`,
    `,var(`,
    `));}`
], StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.triggerBorderCheckedColor, StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.triggerBorderCheckedColor, StyledContentWrapper, StyledTrigger, tokens.fillColorHover, tokens.fillColor, StyledContentWrapper, StyledTrigger, tokens.fillColorHover, tokens.fillColor);
