"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _mixins = require("../../../../mixins");
const _Checkboxtokens = require("../../Checkbox.tokens");
const base = (0, _styledcomponents.css)([
    `.`,
    `{`,
    `}input[data-focus-visible-added] + label .`,
    `{border-color:transparent;`,
    `}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .`,
    `{`,
    `}`
], _Checkboxtokens.classes.checkboxTrigger, (0, _mixins.addFocus)({
    outlineOffset: '0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: `var(${_Checkboxtokens.tokens.triggerBorderRadius})`,
    outlineColor: 'transparent'
}), _Checkboxtokens.classes.checkboxTrigger, (0, _mixins.addFocus)({
    outlineOffset: '0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: `calc(var(${_Checkboxtokens.tokens.triggerBorderRadius}) - 0.125rem)`,
    outlineColor: `var(${_Checkboxtokens.tokens.focusColor})`,
    customFocusRules: `
                &::before {
                    outline-color: var(${_Checkboxtokens.tokens.focusColor});
                }
            `
}), _Checkboxtokens.classes.checkboxTrigger, (0, _mixins.addFocus)({
    outlineOffset: '0.25rem',
    outlineSize: '0.063rem',
    outlineRadius: `calc(var(${_Checkboxtokens.tokens.triggerBorderRadius}) - 0.125rem)`,
    outlineColor: `var(${_Checkboxtokens.tokens.focusColor})`,
    customFocusRules: `
                &::before {
                    outline-color: var(${_Checkboxtokens.tokens.focusColor});
                }
            `
}));
