@kubit-ui-web/react-components/dist/cjs/designSystem/kubit/foundations/focusStyles.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FOCUS_STYLES = void 0;
const styled_components_1 = require("styled-components");
const colors_1 = require("./colors");
const spacings_1 = require("./spacings");
const inner_border = {
    border_color: colors_1.COLORS.NEUTRAL.color_neutral_border_250,
    border_weight: spacings_1.SPACINGS.spacing_100,
};
const outer_border = {
    border_color: '#2C71DB',
    border_weight: spacings_1.SPACINGS.spacing_100,
};
exports.FOCUS_STYLES = (0, styled_components_1.css) `
  /* Inner border */
  box-shadow: 0 0 0 ${inner_border.border_weight} ${inner_border.border_color};
  /* Outer border */
  outline-style: solid;
  outline-offset: ${inner_border.border_weight};
  outline-width: ${outer_border.border_weight};
  outline-color: ${outer_border.border_color};
`;
//# sourceMappingURL=focusStyles.js.map