<commit_before>import React, { FC } from 'react';

import { styled } from '@storybook/theming';
import { darken, lighten, rgba, opacify, transparentize } from 'polished';

import { ControlProps, BooleanValue, BooleanConfig } from './types';

const Label = styled.label(({ theme }) => ({
  lineHeight: '20px',
  alignItems: 'center',
  marginBottom: 8,
  display: 'inline-block',
  position: 'relative',

  input: {
    appearance: 'none',
    width: '100%',
    height: '100%',
    position: 'absolute',
    left: 0,
    top: 0,
    margin: 0,
    padding: 0,
    border: 'none',
    background: 'transparent',
    cursor: 'pointer',<commit_msg>Improve Boolean control focus state<commit_after>import React, { FC } from 'react';

import { styled } from '@storybook/theming';
import { darken, lighten, rgba, opacify, transparentize } from 'polished';

import { ControlProps, BooleanValue, BooleanConfig } from './types';

const Label = styled.label(({ theme }) => ({
  lineHeight: '20px',
  alignItems: 'center',
  marginBottom: 8,
  display: 'inline-block',
  position: 'relative',

  input: {
    appearance: 'none',
    width: '100%',
    height: '100%',
    position: 'absolute',
    left: 0,
    top: 0,
    margin: 0,
    padding: 0,
    border: 'none',
    background: 'transparent',
    cursor: 'pointer',

    '&:focus': {
      outline: 'none',

      '& ~ span': {
        boxShadow: `${theme.color.secondary} 0 0 0 1px inset !important`,
      },
    },
{'fraction_non_alphanumeric': 0.16256830601092895, 'fraction_numerical': 0.020491803278688523, 'mean_word_length': 3.373134328358209, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4997648', 'n_tokens_mistral': 504, 'n_tokens_neox': 473, 'n_words': 135}