@kubit-ui-web/react-components/dist/esm/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

import { css } from 'styled-components';
import { COLORS } from './colors';
import { SPACINGS } from './spacings';
const inner_border = {
    border_color: COLORS.NEUTRAL.color_neutral_border_250,
    border_weight: SPACINGS.spacing_100,
};
const outer_border = {
    border_color: '#2C71DB',
    border_weight: SPACINGS.spacing_100,
};
export const FOCUS_STYLES = 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