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

import { styled } from '@storybook/theming';
import { 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',
    borderRadius: '3em',

    '&:focus': {
      outline: 'none',
      boxShadow: `${theme.color.secondary} 0 0 0 1px inset !important`,
    },
  },

  span: {
    minWidth: 60,
    textAlign: 'center',
    fontSize: theme.typography.size.s1,<commit_msg>prevent Boolean's True/False buttons from stacking when parent elements width is constrained<commit_after>import React, { FC } from 'react';

import { styled } from '@storybook/theming';
import { 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',
  whiteSpace: 'nowrap',

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

    '&:focus': {
      outline: 'none',
      boxShadow: `${theme.color.secondary} 0 0 0 1px inset !important`,
    },
  },

  span: {
    minWidth: 60,
    textAlign: 'center',
    fontSize: theme.typography.size.s1,
{'fraction_non_alphanumeric': 0.15803814713896458, 'fraction_numerical': 0.022888283378746595, 'mean_word_length': 3.299765807962529, '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': '917796', 'n_tokens_mistral': 637, 'n_tokens_neox': 599, 'n_words': 166}