@startlibs/form 1.1.3 → 1.2.0-rc.2

package/lib/TextInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.mjs","sources":["../src/TextInput.jsx"],"sourcesContent":["import React, {useState, forwardRef, useEffect} from 'react'\nimport {Field} from './Field'\nimport {useInput} from './enhanceInput'\nimport styled, {css} from 'styled-components'\nimport {Loading} from '@startlibs/components'\nimport {getScrollParent, ifUndefined, callIfFunction, getColor, customTheme, intToHour, digitsToPattern, isTouchDevice, media} from '@startlibs/utils'\nimport {darken} from 'polished'\nimport _ from 'lodash/fp'\nimport {Icon} from '@startlibs/components'\nimport {useEnsureRef, useRefState} from '@startlibs/core'\n\nconst InputWithTextAfter = styled.div`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${getColor('gray210')};\n  border-radius: ${props => props.rounded ? '100px' : '8px'};\n  background: white;\n  ${props => props.focused && css`\n    border-color: ${getColor('gray180')};\n    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n  `}\n  ${props => props.hasErrors && css`\n    border-color: ${getColor('alert')} !important;\n  `}\n  input {\n    border: none;\n    box-shadow: none !important;\n    flex: 1;\n    min-width: 0;\n  }\n`\nconst TextAfterLabel = styled.span`\n  padding-right: 0.7rem;\n  color: ${getColor('gray180')};\n  font-size: 14px;\n  white-space: nowrap;\n  ${media.mobile`\n    padding-right: 1rem;\n  `}\n`\n\nconst InputWithIcon = styled.div`\n  position: relative;\n  width: 100%;\n  input, textarea {\n    display: block;\n  }\n`\nconst InputIcon = styled(Icon)`\n  position: absolute;\n  left: ${props => props.rounded ? '13px' : '0.7rem'};\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 23px;\n  color: ${getColor('gray180')};\n  pointer-events: none;\n  z-index: 1;\n  line-height: 0;\n  ${media.mobile`\n    left: ${props => props.rounded ? '1.25rem' : '1rem'};\n  `}\n`\n\nconst InputLoading = styled(Loading)`\n  bottom: 8px;\n  right: 0.6rem;\n  left: auto;\n  top: auto;\n  ${media.mobile`\n    bottom: 10px;\n  `} \n`\n\nconst Input = styled.input`\n  width: 100%;\n  font-size: 14px;\n  border: 1px solid ${getColor('gray210')};\n  border-radius: 8px;\n  outline: 0;\n  outline: none;\n  color: ${getColor('gray60')};\n  background: white;\n  position: relative;\n  height: 3rem;\n  padding: 0 0.7rem;\n  overflow: auto;\n  ${media.mobile`\n    height: 42px;\n    padding: 0 1rem;\n    @supports (-webkit-touch-callout: none) {\n      font-size: 16px;\n    }\n  `}\n\n  ::-webkit-input-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  ::-moz-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  :-moz-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  :-ms-input-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  ${props => !props.hasTextBox && !props.noFocus && css`\n    :focus {\n      border-color: ${getColor('gray180')};\n      box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n    }\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n  `}\n  ::-ms-clear { //Clear IE pseudo-buttons\n    display: none;\n  }\n  ${props => props.locked && css`\n    padding-right: 2.25rem;\n    background: rgba(0,0,0,0.075);\n    pointer-events: none;\n  `}\n  ${props => props.isTextArea && css`\n    resize: none;\n    min-height: ${props => props.regularInputHeight ? 36 : props.minHeight || 60}px;\n    padding: .7rem;\n    display: block;\n    ${props => props.autoResize ? 'overflow:hidden;' : 'overflow:auto;'}\n    ${media.mobile`\n      padding: 1rem;\n      ${props => props.regularInputHeight && 'min-height: 42px;'}\n    `}\n  `}\n  ${props => props.rounded && css`\n    border-radius: 100px;\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  `}\n  ${props => props.hasIcon && css`\n    padding-left: ${props.rounded ? '3rem' : '2.5rem'};\n    ${media.mobile`\n      padding-left: ${props.rounded ? '3.25rem' : '2.75rem'};\n    `}\n  `}\n  ${customTheme('TextInput')}\n`\n\nconst InputWithTextBox = styled.div`\n  display: flex;\n  border-radius: ${props => props.rounded ? '100px' : '8px'};\n  position: relative;\n  :before {\n    position: absolute;\n    border-radius: ${props => props.rounded ? '100px' : '8px'};\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  ${props => props.focused && css`\n    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n    :before {\n      content: '';\n      border: 1px solid ${getColor('gray180')};\n    }\n  `}\n  ${props => props.hasErrors && css`\n    :before {\n      content: '';\n      border: 1px solid ${getColor('alert')};\n    }\n  `}\n  ${props => props.textBoxBefore && css`\n    input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  `}\n  ${props => props.textBoxAfter && css`\n    input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  `}\n`\nconst TextBox = styled.span`\n  display: flex;\n  align-items: center;\n  padding: 0 0.7rem;\n  z-index: 1;\n  background-color: ${props => darken(0.075, getColor('gray240')(props))};\n  border: 1px solid ${getColor('gray210')};\n  cursor: text;\n  white-space: nowrap;\n`\nconst TextBoxBefore = styled(TextBox)`\n  border-top-left-radius: ${props => props.rounded ? '100px' : '8px'};\n  border-bottom-left-radius: ${props => props.rounded ? '100px' : '8px'};\n  ${props => props.rounded && 'padding-left: 1.25rem;'}\n  margin-right: -1px;\n`\nconst TextBoxAfter = styled(TextBox)`\n  border-top-right-radius: ${props => props.rounded ? '100px' : '8px'};\n  border-bottom-right-radius: ${props => props.rounded ? '100px' : '8px'};\n  ${props => props.rounded && 'padding-right: 1.25rem;'}\n  margin-left: -1px;\n`\n\nconst doAutoResize = (element) => {\n  const scrollContainer = getScrollParent(element)\n  const lastTop = scrollContainer.scrollTop || scrollContainer.pageYOffset\n  element.style.height = 'auto'\n  element.style.height = (element.scrollHeight) + 'px'\n  if (scrollContainer === window) {\n    scrollContainer.scroll(scrollContainer.pageXOffset,lastTop)\n  } else {\n    scrollContainer.scrollTop = lastTop\n  }\n}\n\nexport const useTextInput = (\n  {\n    onFocus,\n    onBlur,\n    autoResize,\n    autoSelectOnFocus,\n    constraint,\n    pattern,\n    path,\n    rawValue,\n    rawSetValue,\n    rawHasErrors,\n    transformOnBlur,\n    raw,\n    showValue,\n    deleteTrailing,\n    ...rest\n  },\n  ref\n) => {\n\n  const [formValue, setFormValue, {hasErrors}] = useInput({path,value:rawValue,setValue:rawSetValue,...rest},raw)\n  const [focused, setFocused] = useState()\n\n  const lastSelection = useRefState()\n  const lastValue = useRefState(showValue(formValue))\n\n  const handleOnFocus = (e) => {\n    setFocused(true)\n    if (!!autoSelectOnFocus && !!ref.current) {\n      setTimeout(() => ref.current?.select(), 0)\n    }\n    callIfFunction(onFocus, e)\n  }\n  const handleOnBlur = (e) => {\n    setFocused(false)\n    callIfFunction(onBlur, e)\n    if (transformOnBlur) {\n      setFormValue(transformOnBlur(formValue))\n    }\n  }\n\n  useEffect(() => {\n    if (lastSelection.get() === 1 && constraint === 'capitalize') {\n      ref.current.setSelectionRange(lastSelection.get(), lastSelection.get())\n    }\n  })\n\n  useEffect(() => {\n      if (autoResize) {\n        doAutoResize(ref.current)\n      }\n  },[])\n\n  useEffect(() => {\n    if (!!autoSelectOnFocus && !!ref.current && document.activeElement === ref.current) {\n      setTimeout(() => ref.current?.select(), 0)\n    }\n  }, [autoSelectOnFocus])\n\n  \n\n  const handleChange = (e) => {\n    if (autoResize) {\n      doAutoResize(ref.current)\n    }\n    const target = e.target\n    try {\n      lastSelection.set(target.selectionEnd)\n    } catch(e) {}\n    if (constraint || pattern) {\n      setFormValue(validateConstraint(target.value, constraint, showValue(formValue), pattern), ref.current)\n    } else {\n      setFormValue(target.value, ref.current)\n    }\n  }\n\n  const validateConstraint = (value, constraint, prevValue, pattern) => {\n    let newValue = ''\n    if (value === (lastValue.get()+\"\") || (lastValue.get() && (lastValue.get()+\"\").indexOf(value)>=0 && !pattern)) {\n      newValue = value\n      if (deleteTrailing) {\n        if (_.isString(deleteTrailing) && value.slice(-deleteTrailing.length) === deleteTrailing) {\n          newValue = value.slice(0,-deleteTrailing.length)\n        } else if (_.isRegExp(deleteTrailing) && deleteTrailing.test(value)) {\n          newValue = value.replace(deleteTrailing,'')\n        }\n      }\n      lastValue.set(showValue(newValue))\n      return newValue\n    }\n    if (pattern) {\n      newValue = value.match(pattern)?.slice(1)?.join(\"\") || \"\"\n      // if (newValue.length < value.length - 1) {\n      //   newValue = value\n      // }\n    } else if (constraint === 'price') {\n      if (value.indexOf(',') >= 0) value = value.replace(/\\./g, '') // ponytail: '.' é separador de milhar quando já há ',' decimal (ex: colar \"2.000,45\")\n      value = value.replace('.', ',').replace(/[^0-9,]/g, '')\n      const number = parseFloat(value.replace(',', '.'))\n      const commas = value.split(',')\n      const fixedNumber = number.toFixed(2)\n      newValue = !!commas[0] && commas.length === 2 && parseFloat(fixedNumber) === number && fixedNumber.split('.')[1].indexOf(commas[1]) === 0 ? value : digitsToPattern('>3???????#,##', value)\n    } else if (constraint === 'capitalize') {\n      // v = \"R$ \"+(parseInt(v.replace(/[^1-9]*([0-9]*)(,?)([0-9]{0,3}).*/,\"$1$3\") || 0)/100).toFixed(2).replace(\".\",\",\");\n      newValue = value.replace(/^[a-z]/, function(e) { return e.toUpperCase() })\n    } else if (constraint === 'number' || constraint === 'hour' || constraint === 'hour-int') {\n      newValue = value.replace(/\\D/g, '')\n      if (newValue !== '') {\n        newValue = window.parseInt(newValue, 10)\n        if (constraint !== 'number') {\n          if ((newValue + '').length > 4 || newValue > 2399) {\n            newValue = prevValue\n          } else {\n            const resultHour = intToHour(newValue, false)\n            const val = resultHour.replace(/\\D/g, '')\n            const result = (isNaN(parseInt(val, 10)) ? undefined : parseInt(val, 10))\n            newValue = constraint === 'hour-int' ? result : resultHour\n          }\n        }\n      }\n    } else if (constraint === 'cpf') {\n      newValue = digitsToPattern('###.###.###-##', value)\n    } else if (constraint === 'cnpj') {\n      newValue = digitsToPattern('##.###.###/####-##', value)\n    } else if (_.isFunction(constraint)) {\n      newValue = constraint(value)\n    } else if (_.isRegExp(constraint)) {\n      newValue = value.replace(constraint, '')\n    } else {\n      newValue = digitsToPattern(constraint, value)\n    }\n    lastValue.set(showValue(newValue))\n    return newValue\n  }\n  return [formValue, {onChange: handleChange, onFocus: handleOnFocus, onBlur: handleOnBlur}, rawHasErrors || hasErrors, focused]\n}\n\n\nexport const TextInput = styled(forwardRef((\n  {\n    showValue = _.identity,\n    label,\n    type = 'text',\n    helpText,\n    descText,\n    bellowDescText,\n    mandatory,\n    isLoading,\n    locked,\n    textBoxBefore,\n    textBoxAfter,\n    textAfter,\n    icon,\n    className,\n    fieldClassName = '',\n    FieldType = Field,\n    margin,\n\n    value: rawValue,\n    setValue: rawSetValue,\n    hasErrors: rawHasErrors,\n\n    textarea = false,\n    onImage = false,\n    rounded,\n    autoFocus,\n    noFocus,\n    autoSelectOnFocus,\n\n    onFocus,\n    onBlur,\n    pattern,\n    autoResize,\n    constraint,\n    path,\n    raw,\n\n    tabIndex = 1,\n\n    ...rest\n  },\n  forwardedRef\n) => {\n  const ref = useEnsureRef(forwardedRef)\n  const [value, events, hasErrors, focused] = useTextInput({path, onFocus, onBlur, autoResize, autoSelectOnFocus, constraint, pattern, rawValue, rawSetValue, rawHasErrors, raw, showValue, ...rest}, ref)\n  const inputTag = textarea ? 'textarea' : 'input'\n\n  const focusInput = () => ref.current.focus()\n\n  const wrapInput = (input) => {\n    if (textBoxBefore) {\n      return (\n        <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxBefore rounded={rounded}>\n          <TextBoxBefore rounded={rounded}>{textBoxBefore}</TextBoxBefore>\n          {input}\n        </InputWithTextBox>)\n    } else if (textBoxAfter) {\n      return (\n        <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxAfter rounded={rounded}>\n          {input}\n          <TextBoxAfter rounded={rounded}>{textBoxAfter}</TextBoxAfter>\n        </InputWithTextBox>)\n    } else if (textAfter) {\n      return (\n        <InputWithTextAfter focused={focused} hasErrors={hasErrors} onClick={focusInput} rounded={rounded}>\n          {input}\n          <TextAfterLabel>{textAfter}</TextAfterLabel>\n        </InputWithTextAfter>)\n    } else {\n      return input\n    }\n  }\n  const input = wrapInput(<Input\n    {...rest}\n    as={inputTag}\n    className={!label ? className : undefined}\n    isTextArea={textarea}\n    data-hj-whitelist={type !== \"password\"}\n    locked={locked}\n    rounded={rounded}\n    hasIcon={!!icon}\n    autoFocus={!isTouchDevice() && autoFocus}\n    noFocus={noFocus}\n    hasErrors={hasErrors}\n    isOnImage={onImage}\n    ref={ref}\n    tabIndex={tabIndex}\n    type={type}\n    value={ifUndefined(showValue(value),'')}\n    hasTextBox={textBoxBefore || textBoxAfter || textAfter}\n    autoResize={autoResize}\n    rows={1}\n    {...events}\n  />)\n\n  const wrappedInput = icon\n    ? <InputWithIcon>\n        <InputIcon icon={icon} rounded={rounded}/>\n        {input}\n      </InputWithIcon>\n    : input\n\n  return (\n    !label\n    ? wrappedInput\n    : <FieldType\n      className={fieldClassName+ ' ' + className}\n      value={value}\n      focused={focused}\n      mandatory={mandatory}\n      isOnImage={onImage}\n      descText={descText}\n      bellowDescText={bellowDescText}\n      helpText={helpText}\n      label={label}\n      labelClick={focusInput}\n      margin={margin}\n    >\n      {isLoading && <InputLoading absolute size={20}/>}\n      {wrappedInput}\n    </FieldType>\n  )\n\n}))``\n\nTextInput.Input = Input\nexport default TextInput\n\nconst FloatingFieldType = styled(Field)`\n    input {\n      height: 5rem;\n      box-shadow: 0 1px 4px rgba(0,0,0,.2);\n      border-radius: 8px;\n      font-size: 16px;\n      font-weight: 400;\n      padding: 16px 1rem 0;\n    }\n    ${Field.Label} {\n      position: absolute;\n      top: 1.5rem;\n      left: 1rem;\n      font-size: 20px;\n      font-weight: normal;\n      transition: all .2s ease;\n      color: rgba(0,0,0,.2);\n      pointer-events: none;\n      z-index: 1;\n      ${props => (props.value || props.focused) && `\n        top: 12px;\n        font-size: 14px;\n        color: rgba(0,0,0,.4);\n      `}\n    }\n  `\nexport const FloatLabelTextInput = (props) => <TextInput {...props} FieldType={FloatingFieldType}/>\n"],"names":["InputWithTextAfter","styled","div","withConfig","displayName","componentId","getColor","props","rounded","focused","css","hasErrors","TextAfterLabel","span","media","mobile","_templateObject","_taggedTemplateLiteral","InputWithIcon","InputIcon","Icon","_templateObject2","InputLoading","Loading","_templateObject3","Input","input","_templateObject4","hasTextBox","noFocus","locked","isTextArea","regularInputHeight","minHeight","autoResize","_templateObject5","hasIcon","_templateObject6","customTheme","InputWithTextBox","textBoxBefore","textBoxAfter","TextBox","darken","TextBoxBefore","TextBoxAfter","doAutoResize","element","scrollContainer","getScrollParent","lastTop","scrollTop","pageYOffset","style","height","scrollHeight","window","scroll","pageXOffset","useTextInput","_ref","ref","onFocus","onBlur","autoSelectOnFocus","constraint","pattern","path","rawValue","rawSetValue","rawHasErrors","transformOnBlur","raw","showValue","deleteTrailing","rest","_objectWithoutProperties","_excluded","formValue","setFormValue","useInput","_objectSpread","value","setValue","setFocused","useState","lastSelection","useRefState","lastValue","handleOnFocus","e","current","setTimeout","_ref$current","select","callIfFunction","handleOnBlur","useEffect","get","setSelectionRange","document","activeElement","_ref$current2","handleChange","target","set","selectionEnd","validateConstraint","prevValue","newValue","indexOf","_isString","slice","length","_isRegExp","test","replace","_value$match","match","join","number","parseFloat","commas","split","fixedNumber","toFixed","digitsToPattern","toUpperCase","parseInt","resultHour","intToHour","val","result","isNaN","undefined","_isFunction","onChange","TextInput","forwardRef","_ref2","forwardedRef","_identity","label","type","helpText","descText","bellowDescText","mandatory","isLoading","textAfter","icon","className","fieldClassName","FieldType","Field","margin","textarea","onImage","autoFocus","tabIndex","_excluded2","useEnsureRef","events","inputTag","focusInput","focus","wrapInput","React","createElement","onClick","_extends","as","isTouchDevice","isOnImage","ifUndefined","rows","wrappedInput","labelClick","absolute","size","FloatingFieldType","Label","FloatLabelTextInput"],"mappings":"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"}
+{"version":3,"file":"TextInput.mjs","sources":["../src/TextInput.jsx"],"sourcesContent":["import React, {useState, forwardRef, useEffect} from 'react'\nimport {Field, FieldLabel} from './Field'\nimport {useInput} from './enhanceInput'\nimport styled, {css} from 'styled-components'\nimport {Loading} from '@startlibs/components'\nimport {getScrollParent, ifUndefined, callIfFunction, getColor, customTheme, intToHour, digitsToPattern, isTouchDevice, media} from '@startlibs/utils'\nimport {darken} from 'polished'\nimport _ from 'lodash/fp'\nimport {Icon} from '@startlibs/components'\nimport {useEnsureRef, useRefState} from '@startlibs/core'\n\nconst InputWithTextAfter = styled.div`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${getColor('gray210')};\n  border-radius: ${props => props.rounded ? '100px' : '8px'};\n  background: white;\n  ${props => props.focused && css`\n    border-color: ${getColor('gray180')};\n    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n  `}\n  ${props => props.hasErrors && css`\n    border-color: ${getColor('alert')} !important;\n  `}\n  input {\n    border: none;\n    box-shadow: none !important;\n    flex: 1;\n    min-width: 0;\n  }\n`\nconst TextAfterLabel = styled.span`\n  padding-right: 0.7rem;\n  color: ${getColor('gray180')};\n  font-size: 14px;\n  white-space: nowrap;\n  ${media.mobile`\n    padding-right: 1rem;\n  `}\n`\n\nconst InputWithIcon = styled.div`\n  position: relative;\n  width: 100%;\n  input, textarea {\n    display: block;\n  }\n`\nconst InputIcon = styled(Icon)`\n  position: absolute;\n  left: ${props => props.rounded ? '13px' : '0.7rem'};\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 23px;\n  color: ${getColor('gray180')};\n  pointer-events: none;\n  z-index: 1;\n  line-height: 0;\n  ${media.mobile`\n    left: ${props => props.rounded ? '1.25rem' : '1rem'};\n  `}\n`\n\nconst InputLoading = styled(Loading)`\n  bottom: 8px;\n  right: 0.6rem;\n  left: auto;\n  top: auto;\n  ${media.mobile`\n    bottom: 10px;\n  `} \n`\n\nconst Input = styled.input`\n  width: 100%;\n  font-size: 14px;\n  border: 1px solid ${getColor('gray210')};\n  border-radius: 8px;\n  outline: 0;\n  outline: none;\n  color: ${getColor('gray60')};\n  background: white;\n  position: relative;\n  height: 3rem;\n  padding: 0 0.7rem;\n  overflow: auto;\n\n  &::-webkit-input-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  &::-moz-placeholder {\n    color: rgba(0,0,0,0.3);\n  }\n  /* :-moz-placeholder (Firefox <19) e :-ms-input-placeholder (Edge antigo) saíram: o browserslist\n     do pacote já não cobre esses motores (firefox >= 60, edge >= 79, Chromium), e a versão\n     single-colon confundia o lightningcss do yak, que compilava pra uma pseudo-classe diferente\n     (placeholder-shown, do próprio input, em vez do texto do placeholder) — o color vazava pro\n     input inteiro. Sem efeito em nenhum browser hoje suportado; nada muda no golden. */\n  ${props => !props.hasTextBox && !props.noFocus && css`\n    &:focus {\n      border-color: ${getColor('gray180')};\n      box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n    }\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n  `}\n  &::-ms-clear { /* Clear IE pseudo-buttons */\n    display: none;\n  }\n  ${props => props.locked && css`\n    padding-right: 2.25rem;\n    background: rgba(0,0,0,0.075);\n    pointer-events: none;\n  `}\n  ${props => props.isTextArea && css`\n    resize: none;\n    min-height: ${props => props.regularInputHeight ? 36 : props.minHeight || 60}px;\n    padding: .7rem;\n    display: block;\n    ${props => props.autoResize ? 'overflow:hidden;' : 'overflow:auto;'}\n  `}\n  ${props => props.rounded && css`\n    border-radius: 100px;\n    padding-left: 1.25rem;\n    padding-right: 1.25rem;\n  `}\n  ${props => props.hasIcon && css`\n    padding-left: ${props.rounded ? '3rem' : '2.5rem'};\n  `}\n  /* stylis (sc) emite @media depois das declarações planas, não na ordem do fonte; o yak\n     preserva a ordem do fonte. Os blocos de media abaixo (fallback/isTextArea/hasIcon, nessa\n     ordem) ficam DEPOIS de todas as declarações planas acima (locked/isTextArea/rounded/hasIcon,\n     na mesma ordem do fonte original) pros dois modos baterem — lição do grupo 12: fallback\n     antes do bloco de media. As partes de media de isTextArea e hasIcon saíram de dentro dos\n     blocos acima (que continuam só com a parte plana, na posição original) e viraram\n     interpolações próprias aqui, na mesma ordem relativa de antes (media geral, depois\n     isTextArea, depois hasIcon), pra não mudar o resultado em nenhum dos dois modos. */\n  ${media.mobile`\n    height: 42px;\n    padding: 0 1rem;\n    @supports (-webkit-touch-callout: none) {\n      font-size: 16px;\n    }\n  `}\n  ${props => props.isTextArea && css`\n    ${media.mobile`\n      padding: 1rem;\n      ${props => props.regularInputHeight && 'min-height: 42px;'}\n    `}\n  `}\n  ${props => props.hasIcon && css`\n    ${media.mobile`\n      padding-left: ${props.rounded ? '3.25rem' : '2.75rem'};\n    `}\n  `}\n  ${customTheme('TextInput')}\n`\n\nconst InputWithTextBox = styled.div`\n  display: flex;\n  border-radius: ${props => props.rounded ? '100px' : '8px'};\n  position: relative;\n  &:before {\n    position: absolute;\n    border-radius: ${props => props.rounded ? '100px' : '8px'};\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n  ${props => props.focused && css`\n    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n    &:before {\n      content: '';\n      border: 1px solid ${getColor('gray180')};\n    }\n  `}\n  ${props => props.hasErrors && css`\n    &:before {\n      content: '';\n      border: 1px solid ${getColor('alert')};\n    }\n  `}\n  ${props => props.textBoxBefore && css`\n    input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  `}\n  ${props => props.textBoxAfter && css`\n    input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  `}\n`\nconst TextBox = styled.span`\n  display: flex;\n  align-items: center;\n  padding: 0 0.7rem;\n  z-index: 1;\n  background-color: ${props => darken(0.075, getColor('gray240')(props))};\n  border: 1px solid ${getColor('gray210')};\n  cursor: text;\n  white-space: nowrap;\n`\nconst TextBoxBefore = styled(TextBox)`\n  border-top-left-radius: ${props => props.rounded ? '100px' : '8px'};\n  border-bottom-left-radius: ${props => props.rounded ? '100px' : '8px'};\n  ${props => props.rounded && 'padding-left: 1.25rem;'}\n  margin-right: -1px;\n`\nconst TextBoxAfter = styled(TextBox)`\n  border-top-right-radius: ${props => props.rounded ? '100px' : '8px'};\n  border-bottom-right-radius: ${props => props.rounded ? '100px' : '8px'};\n  ${props => props.rounded && 'padding-right: 1.25rem;'}\n  margin-left: -1px;\n`\n\nconst doAutoResize = (element) => {\n  const scrollContainer = getScrollParent(element)\n  const lastTop = scrollContainer.scrollTop || scrollContainer.pageYOffset\n  element.style.height = 'auto'\n  element.style.height = (element.scrollHeight) + 'px'\n  if (scrollContainer === window) {\n    scrollContainer.scroll(scrollContainer.pageXOffset,lastTop)\n  } else {\n    scrollContainer.scrollTop = lastTop\n  }\n}\n\nexport const useTextInput = (\n  {\n    onFocus,\n    onBlur,\n    autoResize,\n    autoSelectOnFocus,\n    constraint,\n    pattern,\n    path,\n    rawValue,\n    rawSetValue,\n    rawHasErrors,\n    transformOnBlur,\n    raw,\n    showValue,\n    deleteTrailing,\n    ...rest\n  },\n  ref\n) => {\n\n  const [formValue, setFormValue, {hasErrors}] = useInput({path,value:rawValue,setValue:rawSetValue,...rest},raw)\n  const [focused, setFocused] = useState()\n\n  const lastSelection = useRefState()\n  const lastValue = useRefState(showValue(formValue))\n\n  const handleOnFocus = (e) => {\n    setFocused(true)\n    if (!!autoSelectOnFocus && !!ref.current) {\n      setTimeout(() => ref.current?.select(), 0)\n    }\n    callIfFunction(onFocus, e)\n  }\n  const handleOnBlur = (e) => {\n    setFocused(false)\n    callIfFunction(onBlur, e)\n    if (transformOnBlur) {\n      setFormValue(transformOnBlur(formValue))\n    }\n  }\n\n  useEffect(() => {\n    if (lastSelection.get() === 1 && constraint === 'capitalize') {\n      ref.current.setSelectionRange(lastSelection.get(), lastSelection.get())\n    }\n  })\n\n  useEffect(() => {\n      if (autoResize) {\n        doAutoResize(ref.current)\n      }\n  },[])\n\n  useEffect(() => {\n    if (!!autoSelectOnFocus && !!ref.current && document.activeElement === ref.current) {\n      setTimeout(() => ref.current?.select(), 0)\n    }\n  }, [autoSelectOnFocus])\n\n  \n\n  const handleChange = (e) => {\n    if (autoResize) {\n      doAutoResize(ref.current)\n    }\n    const target = e.target\n    try {\n      lastSelection.set(target.selectionEnd)\n    } catch(e) {}\n    if (constraint || pattern) {\n      setFormValue(validateConstraint(target.value, constraint, showValue(formValue), pattern), ref.current)\n    } else {\n      setFormValue(target.value, ref.current)\n    }\n  }\n\n  const validateConstraint = (value, constraint, prevValue, pattern) => {\n    let newValue = ''\n    if (value === (lastValue.get()+\"\") || (lastValue.get() && (lastValue.get()+\"\").indexOf(value)>=0 && !pattern)) {\n      newValue = value\n      if (deleteTrailing) {\n        if (_.isString(deleteTrailing) && value.slice(-deleteTrailing.length) === deleteTrailing) {\n          newValue = value.slice(0,-deleteTrailing.length)\n        } else if (_.isRegExp(deleteTrailing) && deleteTrailing.test(value)) {\n          newValue = value.replace(deleteTrailing,'')\n        }\n      }\n      lastValue.set(showValue(newValue))\n      return newValue\n    }\n    if (pattern) {\n      newValue = value.match(pattern)?.slice(1)?.join(\"\") || \"\"\n      // if (newValue.length < value.length - 1) {\n      //   newValue = value\n      // }\n    } else if (constraint === 'price') {\n      if (value.indexOf(',') >= 0) value = value.replace(/\\./g, '') // ponytail: '.' é separador de milhar quando já há ',' decimal (ex: colar \"2.000,45\")\n      value = value.replace('.', ',').replace(/[^0-9,]/g, '')\n      const number = parseFloat(value.replace(',', '.'))\n      const commas = value.split(',')\n      const fixedNumber = number.toFixed(2)\n      newValue = !!commas[0] && commas.length === 2 && parseFloat(fixedNumber) === number && fixedNumber.split('.')[1].indexOf(commas[1]) === 0 ? value : digitsToPattern('>3???????#,##', value)\n    } else if (constraint === 'capitalize') {\n      // v = \"R$ \"+(parseInt(v.replace(/[^1-9]*([0-9]*)(,?)([0-9]{0,3}).*/,\"$1$3\") || 0)/100).toFixed(2).replace(\".\",\",\");\n      newValue = value.replace(/^[a-z]/, function(e) { return e.toUpperCase() })\n    } else if (constraint === 'number' || constraint === 'hour' || constraint === 'hour-int') {\n      newValue = value.replace(/\\D/g, '')\n      if (newValue !== '') {\n        newValue = window.parseInt(newValue, 10)\n        if (constraint !== 'number') {\n          if ((newValue + '').length > 4 || newValue > 2399) {\n            newValue = prevValue\n          } else {\n            const resultHour = intToHour(newValue, false)\n            const val = resultHour.replace(/\\D/g, '')\n            const result = (isNaN(parseInt(val, 10)) ? undefined : parseInt(val, 10))\n            newValue = constraint === 'hour-int' ? result : resultHour\n          }\n        }\n      }\n    } else if (constraint === 'cpf') {\n      newValue = digitsToPattern('###.###.###-##', value)\n    } else if (constraint === 'cnpj') {\n      newValue = digitsToPattern('##.###.###/####-##', value)\n    } else if (_.isFunction(constraint)) {\n      newValue = constraint(value)\n    } else if (_.isRegExp(constraint)) {\n      newValue = value.replace(constraint, '')\n    } else {\n      newValue = digitsToPattern(constraint, value)\n    }\n    lastValue.set(showValue(newValue))\n    return newValue\n  }\n  return [formValue, {onChange: handleChange, onFocus: handleOnFocus, onBlur: handleOnBlur}, rawHasErrors || hasErrors, focused]\n}\n\n\nexport const TextInput = styled(forwardRef((\n  {\n    showValue = _.identity,\n    label,\n    type = 'text',\n    helpText,\n    descText,\n    bellowDescText,\n    mandatory,\n    isLoading,\n    locked,\n    textBoxBefore,\n    textBoxAfter,\n    textAfter,\n    icon,\n    className,\n    fieldClassName = '',\n    FieldType = Field,\n    margin,\n\n    value: rawValue,\n    setValue: rawSetValue,\n    hasErrors: rawHasErrors,\n\n    textarea = false,\n    onImage = false,\n    rounded,\n    autoFocus,\n    noFocus,\n    autoSelectOnFocus,\n\n    onFocus,\n    onBlur,\n    pattern,\n    autoResize,\n    constraint,\n    path,\n    raw,\n\n    tabIndex = 1,\n\n    ...rest\n  },\n  forwardedRef\n) => {\n  const ref = useEnsureRef(forwardedRef)\n  const [value, events, hasErrors, focused] = useTextInput({path, onFocus, onBlur, autoResize, autoSelectOnFocus, constraint, pattern, rawValue, rawSetValue, rawHasErrors, raw, showValue, ...rest}, ref)\n  const inputTag = textarea ? 'textarea' : 'input'\n\n  const focusInput = () => ref.current.focus()\n\n  const wrapInput = (input) => {\n    if (textBoxBefore) {\n      return (\n        <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxBefore rounded={rounded}>\n          <TextBoxBefore rounded={rounded}>{textBoxBefore}</TextBoxBefore>\n          {input}\n        </InputWithTextBox>)\n    } else if (textBoxAfter) {\n      return (\n        <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxAfter rounded={rounded}>\n          {input}\n          <TextBoxAfter rounded={rounded}>{textBoxAfter}</TextBoxAfter>\n        </InputWithTextBox>)\n    } else if (textAfter) {\n      return (\n        <InputWithTextAfter focused={focused} hasErrors={hasErrors} onClick={focusInput} rounded={rounded}>\n          {input}\n          <TextAfterLabel>{textAfter}</TextAfterLabel>\n        </InputWithTextAfter>)\n    } else {\n      return input\n    }\n  }\n  const input = wrapInput(<Input\n    {...rest}\n    as={inputTag}\n    className={!label ? className : undefined}\n    isTextArea={textarea}\n    data-hj-whitelist={type !== \"password\"}\n    locked={locked}\n    rounded={rounded}\n    hasIcon={!!icon}\n    autoFocus={!isTouchDevice() && autoFocus}\n    noFocus={noFocus}\n    hasErrors={hasErrors}\n    isOnImage={onImage}\n    ref={ref}\n    tabIndex={tabIndex}\n    type={type}\n    value={ifUndefined(showValue(value),'')}\n    hasTextBox={textBoxBefore || textBoxAfter || textAfter}\n    autoResize={autoResize}\n    rows={1}\n    {...events}\n  />)\n\n  const wrappedInput = icon\n    ? <InputWithIcon>\n        <InputIcon icon={icon} rounded={rounded}/>\n        {input}\n      </InputWithIcon>\n    : input\n\n  return (\n    !label\n    ? wrappedInput\n    : <FieldType\n      className={fieldClassName+ ' ' + className}\n      value={value}\n      focused={focused}\n      mandatory={mandatory}\n      isOnImage={onImage}\n      descText={descText}\n      bellowDescText={bellowDescText}\n      helpText={helpText}\n      label={label}\n      labelClick={focusInput}\n      margin={margin}\n    >\n      {isLoading && <InputLoading absolute size={20}/>}\n      {wrappedInput}\n    </FieldType>\n  )\n\n}))``\n\nTextInput.Input = Input\nexport default TextInput\n\nconst FloatingFieldType = styled(Field)`\n    input {\n      height: 5rem;\n      box-shadow: 0 1px 4px rgba(0,0,0,.2);\n      border-radius: 8px;\n      font-size: 16px;\n      font-weight: 400;\n      padding: 16px 1rem 0;\n    }\n    ${FieldLabel} {\n      position: absolute;\n      top: 1.5rem;\n      left: 1rem;\n      font-size: 20px;\n      font-weight: normal;\n      transition: all .2s ease;\n      color: rgba(0,0,0,.2);\n      pointer-events: none;\n      z-index: 1;\n      ${props => (props.value || props.focused) && `\n        top: 12px;\n        font-size: 14px;\n        color: rgba(0,0,0,.4);\n      `}\n    }\n  `\nexport const FloatLabelTextInput = (props) => <TextInput {...props} FieldType={FloatingFieldType}/>\n"],"names":["InputWithTextAfter","styled","div","withConfig","displayName","componentId","getColor","props","rounded","focused","css","hasErrors","TextAfterLabel","span","media","mobile","_templateObject","_taggedTemplateLiteral","InputWithIcon","InputIcon","Icon","_templateObject2","InputLoading","Loading","_templateObject3","Input","input","hasTextBox","noFocus","locked","isTextArea","regularInputHeight","minHeight","autoResize","hasIcon","_templateObject4","_templateObject5","_templateObject6","customTheme","InputWithTextBox","textBoxBefore","textBoxAfter","TextBox","darken","TextBoxBefore","TextBoxAfter","doAutoResize","element","scrollContainer","getScrollParent","lastTop","scrollTop","pageYOffset","style","height","scrollHeight","window","scroll","pageXOffset","useTextInput","_ref","ref","onFocus","onBlur","autoSelectOnFocus","constraint","pattern","path","rawValue","rawSetValue","rawHasErrors","transformOnBlur","raw","showValue","deleteTrailing","rest","_objectWithoutProperties","_excluded","formValue","setFormValue","useInput","_objectSpread","value","setValue","setFocused","useState","lastSelection","useRefState","lastValue","handleOnFocus","e","current","setTimeout","_ref$current","select","callIfFunction","handleOnBlur","useEffect","get","setSelectionRange","document","activeElement","_ref$current2","handleChange","target","set","selectionEnd","validateConstraint","prevValue","newValue","indexOf","_isString","slice","length","_isRegExp","test","replace","_value$match","match","join","number","parseFloat","commas","split","fixedNumber","toFixed","digitsToPattern","toUpperCase","parseInt","resultHour","intToHour","val","result","isNaN","undefined","_isFunction","onChange","TextInput","forwardRef","_ref2","forwardedRef","_identity","label","type","helpText","descText","bellowDescText","mandatory","isLoading","textAfter","icon","className","fieldClassName","FieldType","Field","margin","textarea","onImage","autoFocus","tabIndex","_excluded2","useEnsureRef","events","inputTag","focusInput","focus","wrapInput","React","createElement","onClick","_extends","as","isTouchDevice","isOnImage","ifUndefined","rows","wrappedInput","labelClick","absolute","size","FloatingFieldType","FieldLabel","FloatLabelTextInput"],"mappings":"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"}

package/lib/alt/checkbox/SimpleCheckbox.mjs

@@ -30,7 +30,7 @@ const TextLabelContainer = /*#__PURE__*/styled.div.withConfig({
 const CheckboxContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleCheckbox__CheckboxContent",
   componentId: "sc-am8pps-4"
-})(["cursor:pointer;position:relative;padding-left:2rem;transition:background 0.2s linear;", ""], props => props.framed && css(["border:1px solid ", ";border-radius:8px;min-height:3rem;min-width:8rem;background:white;width:100%;align-items:center;display:flex;:hover{background:rgb(245,245,245);}:active{background:rgb(235,235,235);transition:none;}padding:10px 12px 10px 32px;", " ", " ", " ", " ", ""], getColor('gray210'), media.desktop(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 7px 12px 7px 32px;\n    "]))), props => props.hasErrors && css(["border-color:", " !important;"], getColor('alert')), props => props.checked && props.highlightSelected && css(["border-color:", ";background:", ";:hover{background:", ";}", "{", "{color:", ";}}"], getColor('main'), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), CheckboxPseudoInput, Icon, getColor('main')), props => props.checked && props.ultraHighlightSelected && css(["border-color:", ";background:", ";color:white;a,a.link{color:white;}:hover{background:", ";}", "{", "{color:", ";}}", "{color:rgba(255,255,255,0.65);}", "{color:rgba(255,255,255,0.65);}"], getColor('main'), getColor('main'), getColor('main'), CheckboxPseudoInput, Icon, getColor('main'), HelpText, DescText), props => props.disabled && css(["background-color:rgba(0,0,0,0.075) !important;color:rgba(0,0,0,0.6);!important;&[disabled]{opacity:0.75 !important;}", "{background:transparent;}"], CheckboxPseudoInput)));
+})(["cursor:pointer;position:relative;padding-left:2rem;transition:background 0.2s linear;", ""], props => props.framed && css(["border:1px solid ", ";border-radius:8px;min-height:3rem;min-width:8rem;background:white;width:100%;align-items:center;display:flex;&:hover{background:rgb(245,245,245);}&:active{background:rgb(235,235,235);transition:none;}padding:10px 12px 10px 32px;", " ", " ", " ", " ", ""], getColor('gray210'), media.desktop(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 7px 12px 7px 32px;\n    "]))), props => props.hasErrors && css(["border-color:", " !important;"], getColor('alert')), props => props.checked && props.highlightSelected && css(["border-color:", ";background:", ";&:hover{background:", ";}", "{", "{color:", ";}}"], getColor('main'), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), CheckboxPseudoInput, Icon, getColor('main')), props => props.checked && props.ultraHighlightSelected && css(["border-color:", ";background:", ";color:white;a,a.link{color:white;}&:hover{background:", ";}", "{", "{color:", ";}}", "{color:rgba(255,255,255,0.65);}", "{color:rgba(255,255,255,0.65);}"], getColor('main'), getColor('main'), getColor('main'), CheckboxPseudoInput, Icon, getColor('main'), HelpText, DescText), props => props.disabled && css(["background-color:rgba(0,0,0,0.075) !important;color:rgba(0,0,0,0.6);&[disabled]{opacity:0.75 !important;}", "{background:transparent;}"], CheckboxPseudoInput)));
 const SimpleCheckbox = /*#__PURE__*/styled(_ref => {
   let {
       path,

package/lib/alt/checkbox/SimpleCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleCheckbox.mjs","sources":["../../../src/alt/checkbox/SimpleCheckbox.jsx"],"sourcesContent":["import React from 'react'\n\nimport {Icon} from '@startlibs/components'\nimport { getColor, ifProp, media } from '@startlibs/utils';\nimport styled, {css} from 'styled-components'\nimport {lighten, desaturate} from 'polished'\nimport {Checkbox} from '../../Checkbox'\nimport {HelpText} from '../../Field'\n\nconst CheckboxPseudoInput = styled.div`\n  border-radius: 4px;\n  content: '';\n  border: 1px solid ${getColor('gray210')};\n  width: 18px;\n  height: 18px;\n  background-color: white;\n  position: absolute;\n  left: -2rem;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ${ifProp('focused', css`\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n    border-color: ${getColor('gray180')};\n  `)}\n\n  ${Icon} {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    font-weight: bold;\n    font-size: 16px;\n    color: ${getColor('gray90')};\n  }\n`\nconst TextLabel = styled.span `\n  font-size: 13px;\n  line-height: 16px;\n  margin: 2px 0;\n  display: block;\n`\nconst DescText = styled.div `\n  color: rgba(0,0,0,0.4);\n  display: block;\n  font-size: 12px;\n  font-weight: 400;\n`\nconst TextLabelContainer = styled.div `\n  display: flex;\n  align-items: center;\n  position: relative;\n  ${HelpText} {\n    margin-left: 0.25rem;\n  }\n`\nconst CheckboxContent = styled.div `\n  cursor: pointer;\n  position: relative;\n  padding-left: 2rem;\n  transition: background 0.2s linear;\n  ${props => props.framed && css`\n    border: 1px solid ${getColor('gray210')};\n    border-radius: 8px;\n    min-height: 3rem;\n    min-width: 8rem;\n    background: white;\n    width: 100%;\n    align-items: center;\n    display: flex;\n    :hover {\n      background: rgb(245,245,245);\n    }\n    :active {\n      background: rgb(235,235,235);\n      transition: none;\n    }\n    padding: 10px 12px 10px 32px;\n    ${media.desktop`\n      padding: 7px 12px 7px 32px;\n    `}\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n    ${props => props.checked && props.highlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      :hover {\n        background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      }\n      ${CheckboxPseudoInput} {\n        ${Icon} {\n          color: ${getColor('main')};\n        }\n      }\n    `}\n    ${props => props.checked && props.ultraHighlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${getColor('main')};\n      color: white;\n      a, a.link {\n        color: white;\n      }\n      :hover {\n        background: ${getColor('main')};\n      }\n      ${CheckboxPseudoInput} {\n        ${Icon} {\n          color: ${getColor('main')};\n        }\n      }\n      ${HelpText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n      ${DescText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n    `}\n    ${props => props.disabled && css`\n      background-color: rgba(0,0,0,0.075) !important;\n      color: rgba(0,0,0,0.6); !important;\n      &[disabled] {\n        opacity: 0.75 !important;\n      }\n      ${CheckboxPseudoInput} {\n        background: transparent;\n      }\n    `}\n  `}\n`\n\nexport const SimpleCheckbox = styled(({path, disabled, label, descText, helpText, isFirst, isLast, tabIndex, className,framedBoxes,highlightSelected,ultraHighlightSelected,...rest}) =>\n  <Checkbox\n    className={className}\n    path={path}\n    tabIndex={tabIndex}\n    {...rest}\n  >{({checked, hasErrors, focused}) =>\n    <CheckboxContent checked={checked} framed={framedBoxes} highlightSelected={highlightSelected} ultraHighlightSelected={ultraHighlightSelected} hasErrors={hasErrors} disabled={disabled}>\n    <div className=\"textContainer\">\n      <TextLabelContainer>\n        <CheckboxPseudoInput focused={focused} tabIndex={tabIndex}>\n          {checked && <Icon icon=\"check\"/>}\n        </CheckboxPseudoInput>\n        <TextLabel>{label}</TextLabel>{helpText && <HelpText>{helpText}</HelpText>}\n      </TextLabelContainer>\n      {descText && <DescText>{descText}</DescText>}\n    </div>\n    </CheckboxContent>\n  }</Checkbox>\n)`\n  cursor: pointer;\n  position: relative;\n  margin-bottom: 1rem;\n  display: flex;\n  ${ifProp('disabled', css`\n    pointer-events: none;\n  `)}\n  .textContainer {\n    width: 100%;\n  }\n`\n"],"names":["CheckboxPseudoInput","styled","div","withConfig","displayName","componentId","getColor","ifProp","css","Icon","TextLabel","span","DescText","TextLabelContainer","HelpText","CheckboxContent","props","framed","media","desktop","_templateObject","_taggedTemplateLiteral","hasErrors","checked","highlightSelected","desaturate","lighten","ultraHighlightSelected","disabled","SimpleCheckbox","_ref","path","label","descText","helpText","isFirst","isLast","tabIndex","className","framedBoxes","rest","_objectWithoutProperties","_excluded","React","createElement","Checkbox","_extends","_ref2","focused","icon"],"mappings":"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"}
+{"version":3,"file":"SimpleCheckbox.mjs","sources":["../../../src/alt/checkbox/SimpleCheckbox.jsx"],"sourcesContent":["import React from 'react'\n\nimport {Icon} from '@startlibs/components'\nimport { getColor, ifProp, media } from '@startlibs/utils';\nimport styled, {css} from 'styled-components'\nimport {lighten, desaturate} from 'polished'\nimport {Checkbox} from '../../Checkbox'\nimport {HelpText} from '../../Field'\n\nconst CheckboxPseudoInput = styled.div`\n  border-radius: 4px;\n  content: '';\n  border: 1px solid ${getColor('gray210')};\n  width: 18px;\n  height: 18px;\n  background-color: white;\n  position: absolute;\n  left: -2rem;\n  top: 50%;\n  transform: translateY(-50%);\n\n  ${ifProp('focused', css`\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n    border-color: ${getColor('gray180')};\n  `)}\n\n  ${Icon} {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    font-weight: bold;\n    font-size: 16px;\n    color: ${getColor('gray90')};\n  }\n`\nconst TextLabel = styled.span `\n  font-size: 13px;\n  line-height: 16px;\n  margin: 2px 0;\n  display: block;\n`\nconst DescText = styled.div `\n  color: rgba(0,0,0,0.4);\n  display: block;\n  font-size: 12px;\n  font-weight: 400;\n`\nconst TextLabelContainer = styled.div `\n  display: flex;\n  align-items: center;\n  position: relative;\n  ${HelpText} {\n    margin-left: 0.25rem;\n  }\n`\nconst CheckboxContent = styled.div `\n  cursor: pointer;\n  position: relative;\n  padding-left: 2rem;\n  transition: background 0.2s linear;\n  ${props => props.framed && css`\n    border: 1px solid ${getColor('gray210')};\n    border-radius: 8px;\n    min-height: 3rem;\n    min-width: 8rem;\n    background: white;\n    width: 100%;\n    align-items: center;\n    display: flex;\n    &:hover {\n      background: rgb(245,245,245);\n    }\n    &:active {\n      background: rgb(235,235,235);\n      transition: none;\n    }\n    padding: 10px 12px 10px 32px;\n    ${media.desktop`\n      padding: 7px 12px 7px 32px;\n    `}\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n    ${props => props.checked && props.highlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      &:hover {\n        background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      }\n      ${CheckboxPseudoInput} {\n        ${Icon} {\n          color: ${getColor('main')};\n        }\n      }\n    `}\n    ${props => props.checked && props.ultraHighlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${getColor('main')};\n      color: white;\n      a, a.link {\n        color: white;\n      }\n      &:hover {\n        background: ${getColor('main')};\n      }\n      ${CheckboxPseudoInput} {\n        ${Icon} {\n          color: ${getColor('main')};\n        }\n      }\n      ${HelpText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n      ${DescText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n    `}\n    ${props => props.disabled && css`\n      background-color: rgba(0,0,0,0.075) !important;\n      color: rgba(0,0,0,0.6);\n      &[disabled] {\n        opacity: 0.75 !important;\n      }\n      ${CheckboxPseudoInput} {\n        background: transparent;\n      }\n    `}\n  `}\n`\n\nexport const SimpleCheckbox = styled(({path, disabled, label, descText, helpText, isFirst, isLast, tabIndex, className,framedBoxes,highlightSelected,ultraHighlightSelected,...rest}) =>\n  <Checkbox\n    className={className}\n    path={path}\n    tabIndex={tabIndex}\n    {...rest}\n  >{({checked, hasErrors, focused}) =>\n    <CheckboxContent checked={checked} framed={framedBoxes} highlightSelected={highlightSelected} ultraHighlightSelected={ultraHighlightSelected} hasErrors={hasErrors} disabled={disabled}>\n    <div className=\"textContainer\">\n      <TextLabelContainer>\n        <CheckboxPseudoInput focused={focused} tabIndex={tabIndex}>\n          {checked && <Icon icon=\"check\"/>}\n        </CheckboxPseudoInput>\n        <TextLabel>{label}</TextLabel>{helpText && <HelpText>{helpText}</HelpText>}\n      </TextLabelContainer>\n      {descText && <DescText>{descText}</DescText>}\n    </div>\n    </CheckboxContent>\n  }</Checkbox>\n)`\n  cursor: pointer;\n  position: relative;\n  margin-bottom: 1rem;\n  display: flex;\n  ${ifProp('disabled', css`\n    pointer-events: none;\n  `)}\n  .textContainer {\n    width: 100%;\n  }\n`\n"],"names":["CheckboxPseudoInput","styled","div","withConfig","displayName","componentId","getColor","ifProp","css","Icon","TextLabel","span","DescText","TextLabelContainer","HelpText","CheckboxContent","props","framed","media","desktop","_templateObject","_taggedTemplateLiteral","hasErrors","checked","highlightSelected","desaturate","lighten","ultraHighlightSelected","disabled","SimpleCheckbox","_ref","path","label","descText","helpText","isFirst","isLast","tabIndex","className","framedBoxes","rest","_objectWithoutProperties","_excluded","React","createElement","Checkbox","_extends","_ref2","focused","icon"],"mappings":"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"}

package/lib/alt/checkbox/ToggleCheckbox.mjs

@@ -12,7 +12,7 @@ const _excluded = ["path", "disabled", "rightInfo", "label", "descText", "helpTe
 const Toggle = /*#__PURE__*/styled.div.withConfig({
   displayName: "ToggleCheckbox__Toggle",
   componentId: "sc-11ob8ah-1"
-})(["cursor:pointer;flex-shrink:0;margin-left:1rem;float:right;transition:0.25s ease;width:2.75rem;height:18px;border-radius:18px;background:", ";display:inline-block;position:relative;font-weight:600;:after{content:'';transition:0.25s ease;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background:white;", "}", ""], props => props.checked ? getColor('main') : 'rgba(0,0,0,0.14)', props => props.checked ? css(["margin-left:-2px;left:100%;transform:translate(-100%,-50%);"]) : css(["margin-left:2px;left:0;"]), customTheme('ToggleCheckbox'));
+})(["cursor:pointer;flex-shrink:0;margin-left:1rem;float:right;transition:0.25s ease;width:2.75rem;height:18px;border-radius:18px;background:", ";display:inline-block;position:relative;font-weight:600;&:after{content:'';transition:0.25s ease;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background:white;", "}", ""], props => props.checked ? getColor('main') : 'rgba(0,0,0,0.14)', props => props.checked ? css(["margin-left:-2px;left:100%;transform:translate(-100%,-50%);"]) : css(["margin-left:2px;left:0;"]), customTheme('ToggleCheckbox'));
 const ToggleLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "ToggleCheckbox__ToggleLabel",
   componentId: "sc-11ob8ah-2"
@@ -24,7 +24,7 @@ const DescText = /*#__PURE__*/styled.div.withConfig({
 const ToggleCheckboxStyled = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "ToggleCheckbox__ToggleCheckboxStyled",
   componentId: "sc-11ob8ah-4"
-})(["position:relative;border-radius:8px;padding:1rem;min-height:42px;font-weight:550;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background 0.2s linear;& ~ &{margin-top:-1rem;}", " ", " ", " ", " ", ""], props => props.margin ? css(["margin-bottom:", "px;"], props => props.margin) : css(["margin-bottom:1.5rem;& ~ &{margin-top:-1rem;}"]), props => props.gray ? "\n    background-color: rgba(0,0,0,0.06);\n    :hover {\n      background-color: rgba(0,0,0,0.08);\n    }\n    :active {\n      background-color: rgba(0,0,0,0.1);\n      transition: none;\n    }\n  " : css(["background-color:", ";:hover{background:", ";}:active{background:", ";transition:none;}"], getColor('lightBluishGray'), props => darken(0.035, getColor('lightBluishGray')(props)), props => darken(0.05, getColor('lightBluishGray')(props))), props => !props.noFocus && css([":focus-within{background-color:rgba(0,0,0,0.09);:after{content:'';pointer-events:none;position:absolute;top:-3px;right:-3px;left:-3px;bottom:-3px;border-radius:9px;border:2px solid rgba(0,0,0,0.15);}}"]), props => props.disabled && "\n    opacity: 0.8;\n    pointer-events:none;\n  ", customTheme('ToggleCheckboxBox'));
+})(["position:relative;border-radius:8px;padding:1rem;min-height:42px;font-weight:550;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background 0.2s linear;& ~ &{margin-top:-1rem;}", " ", " ", " ", " ", ""], props => props.margin ? css(["margin-bottom:", "px;"], props => props.margin) : css(["margin-bottom:1.5rem;& ~ &{margin-top:-1rem;}"]), props => props.gray ? "\n    background-color: rgba(0,0,0,0.06);\n    &:hover {\n      background-color: rgba(0,0,0,0.08);\n    }\n    &:active {\n      background-color: rgba(0,0,0,0.1);\n      transition: none;\n    }\n  " : css(["background-color:", ";&:hover{background:", ";}&:active{background:", ";transition:none;}"], getColor('lightBluishGray'), props => darken(0.035, getColor('lightBluishGray')(props)), props => darken(0.05, getColor('lightBluishGray')(props))), props => !props.noFocus && css(["&:focus-within{background-color:rgba(0,0,0,0.09);&:after{content:'';pointer-events:none;position:absolute;top:-3px;right:-3px;left:-3px;bottom:-3px;border-radius:9px;border:2px solid rgba(0,0,0,0.15);}}"]), props => props.disabled && "\n    opacity: 0.8;\n    pointer-events:none;\n  ", customTheme('ToggleCheckboxBox'));
 const ToggleCheckbox = /*#__PURE__*/styled(_ref => {
   let {
       path,
@@ -56,7 +56,8 @@ const ToggleCheckbox = /*#__PURE__*/styled(_ref => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToggleLabel, null, label, helpText && /*#__PURE__*/React.createElement(HelpText, null, " ", helpText), /*#__PURE__*/React.createElement(TransitionDiv, {
       block: true
     }, descText && /*#__PURE__*/React.createElement(DescText, null, descText))), rightInfo, /*#__PURE__*/React.createElement(Toggle, {
-      checked: checked
+      checked: checked,
+      className: checked ? 'styled-toggle-checkbox-checked' : undefined
     }));
   });
 }).withConfig({

package/lib/alt/checkbox/ToggleCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleCheckbox.mjs","sources":["../../../src/alt/checkbox/ToggleCheckbox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {Checkbox} from '../../Checkbox'\nimport {HelpText} from '../../Field'\nimport {customTheme, getColor} from '@startlibs/utils'\nimport {darken} from 'polished';\nimport { TransitionDiv } from '@startlibs/components';\nconst ToggleContainer = styled.div `\n`\n\nconst Toggle = styled.div `\n  cursor: pointer;\n  flex-shrink: 0;\n  margin-left: 1rem;\n  float: right;\n  transition: 0.25s ease;\n  width: 2.75rem;\n  height: 18px;\n  border-radius: 18px;\n  background: ${props => props.checked ? getColor('main') : 'rgba(0,0,0,0.14)'};\n  display: inline-block;\n  position: relative;\n  font-weight: 600;\n  :after {\n    content: '';\n    transition: 0.25s ease;\n    border-radius: 50%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 14px;\n    height: 14px;\n    background: white;\n    ${props => props.checked ? css`\n      margin-left: -2px;\n      left: 100%;\n      transform: translate(-100%,-50%);\n      ` : css`\n      margin-left: 2px;\n      left: 0;\n    `}\n  }\n  ${customTheme('ToggleCheckbox')}\n`\nconst ToggleLabel = styled.div `\n  flex-basis: 0;\n  flex-grow: 1;\n  display: inline-block;\n  font-size: 15px;\n`\nconst DescText = styled.div `\n  font-weight: 400;\n  color: rgba(0,0,0,0.4);\n  font-size: 12px;\n  margin-top: 0.25rem;\n`\nconst ToggleCheckboxStyled = styled(Checkbox)`\n  position:relative;\n  border-radius: 8px;\n  padding: 1rem;\n  min-height: 42px;\n  font-weight: 550;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between; \n  transition: background 0.2s linear;\n  & ~ & {\n    margin-top: -1rem;\n  }\n  ${props => props.margin ? css`\n    margin-bottom: ${props => props.margin}px;\n  `: css`\n    margin-bottom: 1.5rem;\n    & ~ & {\n      margin-top: -1rem;\n    }\n  `}\n  ${props => props.gray ? `\n    background-color: rgba(0,0,0,0.06);\n    :hover {\n      background-color: rgba(0,0,0,0.08);\n    }\n    :active {\n      background-color: rgba(0,0,0,0.1);\n      transition: none;\n    }\n  `:css`\n    background-color: ${getColor('lightBluishGray')};\n    :hover {\n      background: ${props => darken(0.035, getColor('lightBluishGray')(props))};\n    }\n    :active {\n      background: ${props => darken(0.05, getColor('lightBluishGray')(props))};\n      transition: none;\n    }\n  `}\n  ${props => !props.noFocus && css`\n    :focus-within {\n      background-color: rgba(0,0,0,0.09);\n      :after{\n        content: '';\n        pointer-events: none;\n        position: absolute;\n        top: -3px;\n        right: -3px;\n        left: -3px;\n        bottom: -3px;\n        border-radius: 9px;\n        border: 2px solid rgba(0, 0, 0, 0.15);\n      }\n    }\n  `}\n  ${props => props.disabled && `\n    opacity: 0.8;\n    pointer-events:none;\n  `}\n  ${customTheme('ToggleCheckboxBox')}\n`\n\nexport const ToggleCheckbox = styled(({path, disabled, rightInfo, label, descText, helpText, tabIndex,noFocus, margin, className,...rest}) =>\n  <ToggleCheckboxStyled\n    path={path}\n    tabIndex={tabIndex}\n    disabled={disabled}\n    noFocus={noFocus}\n    className={className}\n    margin={margin}\n    {...rest}\n  >{({disabled, checked, hasErrors, focused}) =>\n    <>\n      <ToggleLabel>\n        {label}{helpText && <HelpText> {helpText}</HelpText>}\n        <TransitionDiv block>{descText && <DescText>{descText}</DescText>}</TransitionDiv>\n      </ToggleLabel>\n      {rightInfo}\n      <Toggle checked={checked}/>\n    </>\n  }\n  </ToggleCheckboxStyled>\n)`\n`\n"],"names":["Toggle","styled","div","withConfig","displayName","componentId","props","checked","getColor","css","customTheme","ToggleLabel","DescText","ToggleCheckboxStyled","Checkbox","margin","gray","darken","noFocus","disabled","ToggleCheckbox","_ref","path","rightInfo","label","descText","helpText","tabIndex","className","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_ref2","hasErrors","focused","Fragment","HelpText","TransitionDiv","block"],"mappings":"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"}
+{"version":3,"file":"ToggleCheckbox.mjs","sources":["../../../src/alt/checkbox/ToggleCheckbox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {Checkbox} from '../../Checkbox'\nimport {HelpText} from '../../Field'\nimport {customTheme, getColor} from '@startlibs/utils'\nimport {darken} from 'polished';\nimport { TransitionDiv } from '@startlibs/components';\nconst ToggleContainer = styled.div `\n`\n\nconst Toggle = styled.div `\n  cursor: pointer;\n  flex-shrink: 0;\n  margin-left: 1rem;\n  float: right;\n  transition: 0.25s ease;\n  width: 2.75rem;\n  height: 18px;\n  border-radius: 18px;\n  background: ${props => props.checked ? getColor('main') : 'rgba(0,0,0,0.14)'};\n  display: inline-block;\n  position: relative;\n  font-weight: 600;\n  &:after {\n    content: '';\n    transition: 0.25s ease;\n    border-radius: 50%;\n    display: block;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 14px;\n    height: 14px;\n    background: white;\n    ${props => props.checked ? css`\n      margin-left: -2px;\n      left: 100%;\n      transform: translate(-100%,-50%);\n      ` : css`\n      margin-left: 2px;\n      left: 0;\n    `}\n  }\n  ${customTheme('ToggleCheckbox')}\n`\nconst ToggleLabel = styled.div `\n  flex-basis: 0;\n  flex-grow: 1;\n  display: inline-block;\n  font-size: 15px;\n`\nconst DescText = styled.div `\n  font-weight: 400;\n  color: rgba(0,0,0,0.4);\n  font-size: 12px;\n  margin-top: 0.25rem;\n`\nconst ToggleCheckboxStyled = styled(Checkbox)`\n  position:relative;\n  border-radius: 8px;\n  padding: 1rem;\n  min-height: 42px;\n  font-weight: 550;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between; \n  transition: background 0.2s linear;\n  & ~ & {\n    margin-top: -1rem;\n  }\n  ${props => props.margin ? css`\n    margin-bottom: ${props => props.margin}px;\n  `: css`\n    margin-bottom: 1.5rem;\n    & ~ & {\n      margin-top: -1rem;\n    }\n  `}\n  ${props => props.gray ? `\n    background-color: rgba(0,0,0,0.06);\n    &:hover {\n      background-color: rgba(0,0,0,0.08);\n    }\n    &:active {\n      background-color: rgba(0,0,0,0.1);\n      transition: none;\n    }\n  `:css`\n    background-color: ${getColor('lightBluishGray')};\n    &:hover {\n      background: ${props => darken(0.035, getColor('lightBluishGray')(props))};\n    }\n    &:active {\n      background: ${props => darken(0.05, getColor('lightBluishGray')(props))};\n      transition: none;\n    }\n  `}\n  ${props => !props.noFocus && css`\n    &:focus-within {\n      background-color: rgba(0,0,0,0.09);\n      &:after{\n        content: '';\n        pointer-events: none;\n        position: absolute;\n        top: -3px;\n        right: -3px;\n        left: -3px;\n        bottom: -3px;\n        border-radius: 9px;\n        border: 2px solid rgba(0, 0, 0, 0.15);\n      }\n    }\n  `}\n  ${props => props.disabled && `\n    opacity: 0.8;\n    pointer-events:none;\n  `}\n  ${customTheme('ToggleCheckboxBox')}\n`\n\nexport const ToggleCheckbox = styled(({path, disabled, rightInfo, label, descText, helpText, tabIndex,noFocus, margin, className,...rest}) =>\n  <ToggleCheckboxStyled\n    path={path}\n    tabIndex={tabIndex}\n    disabled={disabled}\n    noFocus={noFocus}\n    className={className}\n    margin={margin}\n    {...rest}\n  >{({disabled, checked, hasErrors, focused}) =>\n    <>\n      <ToggleLabel>\n        {label}{helpText && <HelpText> {helpText}</HelpText>}\n        <TransitionDiv block>{descText && <DescText>{descText}</DescText>}</TransitionDiv>\n      </ToggleLabel>\n      {rightInfo}\n      {/* variante como classe: no yak, o override de theme.startlibs.ToggleCheckbox não lê props */}\n      <Toggle checked={checked} className={checked ? 'styled-toggle-checkbox-checked' : undefined}/>\n    </>\n  }\n  </ToggleCheckboxStyled>\n)`\n`\n"],"names":["Toggle","styled","div","withConfig","displayName","componentId","props","checked","getColor","css","customTheme","ToggleLabel","DescText","ToggleCheckboxStyled","Checkbox","margin","gray","darken","noFocus","disabled","ToggleCheckbox","_ref","path","rightInfo","label","descText","helpText","tabIndex","className","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_ref2","hasErrors","focused","Fragment","HelpText","TransitionDiv","block","undefined"],"mappings":";;;;;;;;;;;AAUA,MAAMA,MAAM,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,0IAAA,EAAA,gOAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EASTC,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAGC,QAAQ,CAAC,MAAM,CAAC,GAAG,kBAAkB,EAexEF,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAGE,GAAG,CAIxBA,CAAAA,6DAAAA,CAAAA,CAAAA,GAAAA,GAAG,CAGR,CAAA,yBAAA,CAAA,CAAA,EAEDC,WAAW,CAAC,gBAAgB,CAAC,CAChC,CAAA;AACD,MAAMC,WAAW,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAK7B,CAAA,CAAA,CAAA,+DAAA,CAAA,CAAA,CAAA;AACD,MAAMO,QAAQ,gBAAGX,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAK1B,CAAA,CAAA,CAAA,0EAAA,CAAA,CAAA,CAAA;AACD,MAAMQ,oBAAoB,gBAAGZ,MAAM,CAACa,QAAQ,CAAC,CAAAX,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,0NAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAczCC,KAAK,IAAIA,KAAK,CAACS,MAAM,GAAGN,GAAG,CAAA,CAAA,gBAAA,EAAA,KAAA,CAAA,EACVH,KAAK,IAAIA,KAAK,CAACS,MAAM,IACrCN,GAAG,CAAA,CAAA,+CAAA,CAAA,CAKL,EACCH,KAAK,IAAIA,KAAK,CAACU,IAAI,GASnBP,0MAAAA,GAAAA,GAAG,gGACiBD,QAAQ,CAAC,iBAAiB,CAAC,EAE/BF,KAAK,IAAIW,MAAM,CAAC,KAAK,EAAET,QAAQ,CAAC,iBAAiB,CAAC,CAACF,KAAK,CAAC,CAAC,EAG1DA,KAAK,IAAIW,MAAM,CAAC,IAAI,EAAET,QAAQ,CAAC,iBAAiB,CAAC,CAACF,KAAK,CAAC,CAAC,CAG1E,EACCA,KAAK,IAAI,CAACA,KAAK,CAACY,OAAO,IAAIT,GAAG,CAAA,CAAA,4MAAA,CAAA,CAe/B,EACCH,KAAK,IAAIA,KAAK,CAACa,QAAQ,IAGxB,mDAAA,EACCT,WAAW,CAAC,mBAAmB,CAAC,CACnC,CAAA;AAEYU,MAAAA,cAAc,gBAAGnB,MAAM,CAACoB,IAAA,IAAA;EAAA,IAAC;MAACC,IAAI;MAAEH,QAAQ;MAAEI,SAAS;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,QAAQ;MAACT,OAAO;MAAEH,MAAM;AAAEa,MAAAA,SAAAA;AAAiB,KAAC,GAAAP,IAAA;AAALQ,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAAA,EAAA,oBACtIC,KAAA,CAAAC,aAAA,CAACpB,oBAAoB,EAAAqB,QAAA,CAAA;AACnBZ,IAAAA,IAAI,EAAEA,IAAK;AACXK,IAAAA,QAAQ,EAAEA,QAAS;AACnBR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBU,IAAAA,SAAS,EAAEA,SAAU;AACrBb,IAAAA,MAAM,EAAEA,MAAAA;GACJc,EAAAA,IAAI,GACRM,KAAA,IAAA;IAAA,IAAC;MAAChB,QAAQ;MAAEZ,OAAO;MAAE6B,SAAS;AAAEC,MAAAA,OAAAA;AAAO,KAAC,GAAAF,KAAA,CAAA;AAAA,IAAA,oBACxCH,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAM,QAAA,EACEN,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACtB,WAAW,QACTa,KAAK,EAAEE,QAAQ,iBAAIM,KAAA,CAAAC,aAAA,CAACM,QAAQ,EAAC,IAAA,EAAA,GAAC,EAACb,QAAmB,CAAC,eACpDM,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAA;MAACC,KAAK,EAAA,IAAA;AAAA,KAAA,EAAEhB,QAAQ,iBAAIO,KAAA,CAAAC,aAAA,CAACrB,QAAQ,EAAEa,IAAAA,EAAAA,QAAmB,CAAiB,CACtE,CAAC,EACbF,SAAS,eAEVS,KAAA,CAAAC,aAAA,CAACjC,MAAM,EAAA;AAACO,MAAAA,OAAO,EAAEA,OAAQ;AAACqB,MAAAA,SAAS,EAAErB,OAAO,GAAG,gCAAgC,GAAGmC,SAAAA;AAAU,KAAC,CAC7F,CAAC,CAAA;AAAA,GAEiB,CAAC,CAAA;AAAA,CACzB,CAAC,CAAAvC,UAAA,CAAA;EAAAC,WAAA,EAAA,gBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACA,CAAA,CAAA,CAAA,EAAA,CAAA;;;;"}

package/lib/alt/radiobox/CleanTabRadiobox.mjs

@@ -8,7 +8,7 @@ const _excluded = ["label", "white", "icon"];
 const Tab = /*#__PURE__*/styled.div.withConfig({
   displayName: "CleanTabRadiobox__Tab",
   componentId: "sc-uh7jfp-0"
-})(["width:100%;font-size:16px;color:", ";font-weight:500;margin-left:0;padding:12px 2.5rem;flex-grow:1;height:100%;border-bottom:1px solid ", ";position:relative;", " ", ""], getColor("gray120"), getColor("gray210"), props => props.checked ? css(["color:", ";:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:", ";border-radius:10px;}"], getColor("main"), getColor("main")) : css(["cursor:pointer;:hover{color:", ";}"], getColor("gray90")), customTheme('CleanTabButton'));
+})(["width:100%;font-size:16px;color:", ";font-weight:500;margin-left:0;padding:12px 2.5rem;flex-grow:1;height:100%;border-bottom:1px solid ", ";position:relative;", " ", ""], getColor("gray120"), getColor("gray210"), props => props.checked ? css(["color:", ";&:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:", ";border-radius:10px;}"], getColor("main"), getColor("main")) : css(["cursor:pointer;&:hover{color:", ";}"], getColor("gray90")), customTheme('CleanTabButton'));
 const InnerButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "CleanTabRadiobox__InnerButton",
   componentId: "sc-uh7jfp-1"

package/lib/alt/radiobox/CleanTabRadiobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CleanTabRadiobox.mjs","sources":["../../../src/alt/radiobox/CleanTabRadiobox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {getColor, customTheme} from '@startlibs/utils'\nimport {Radiobox} from '../../Radiobox'\n\nexport const Tab = styled.div`\n  width:100%;\n  font-size: 16px;\n  color: ${getColor(\"gray120\")};\n  font-weight: 500;\n  margin-left: 0;  \n  padding: 12px 2.5rem;\n  flex-grow: 1;\n  height: 100%;\n  border-bottom: 1px solid ${getColor(\"gray210\")};\n  position: relative;\n  ${props => props.checked ? css`\n    color: ${getColor(\"main\")};\n    :after {\n      content: '';\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: ${getColor(\"main\")};\n      border-radius: 10px;\n    }\n  `: css`\n    cursor: pointer;\n    :hover {\n      color: ${getColor(\"gray90\")};\n    }\n  `}\n  ${customTheme('CleanTabButton')}\n`\n\nconst InnerButton = styled.a``\n\nexport const CleanTabRadiobox = styled(({label, white,icon,...props}) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused}) =>\n    <Tab innerAs={InnerButton} tabIndex={-1} focused={focused} checked={checked} disabled={disabled}>{label}</Tab>\n  }</Radiobox>\n)`\n  display: inline-block;\n`"],"names":["Tab","styled","div","withConfig","displayName","componentId","getColor","props","checked","css","customTheme","InnerButton","a","CleanTabRadiobox","_ref","label","white","icon","_objectWithoutProperties","_excluded","React","createElement","Radiobox","_ref2","disabled","hasErrors","focused","innerAs","tabIndex"],"mappings":";;;;;;;MAKaA,GAAG,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,kCAAA,EAAA,qGAAA,EAAA,qBAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAGlBC,QAAQ,CAAC,SAAS,CAAC,EAMDA,QAAQ,CAAC,SAAS,CAAC,EAE5CC,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAGC,GAAG,gIACnBH,QAAQ,CAAC,MAAM,CAAC,EAQTA,QAAQ,CAAC,MAAM,CAAC,CAAA,GAG/BG,GAAG,CAGOH,CAAAA,8BAAAA,EAAAA,IAAAA,CAAAA,EAAAA,QAAQ,CAAC,QAAQ,CAAC,CAE9B,EACCI,WAAW,CAAC,gBAAgB,CAAC,EAChC;AAED,MAAMC,WAAW,gBAAGV,MAAM,CAACW,CAAC,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEjBQ,MAAAA,gBAAgB,gBAAGZ,MAAM,CAACa,IAAA,IAAA;EAAA,IAAC;MAACC,KAAK;MAAEC,KAAK;AAACC,MAAAA,IAAAA;AAAa,KAAC,GAAAH,IAAA;AAANP,IAAAA,KAAK,GAAAW,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBACjEC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAKf,KAAK,EAAGgB,KAAA,IAAA;IAAA,IAAC;MAACC,QAAQ;MAAEhB,OAAO;MAAEiB,SAAS;AAAEC,MAAAA,OAAAA;AAAO,KAAC,GAAAH,KAAA,CAAA;AAAA,IAAA,oBAC5DH,KAAA,CAAAC,aAAA,CAACrB,GAAG,EAAA;AAAC2B,MAAAA,OAAO,EAAEhB,WAAY;MAACiB,QAAQ,EAAE,CAAC,CAAE;AAACF,MAAAA,OAAO,EAAEA,OAAQ;AAAClB,MAAAA,OAAO,EAAEA,OAAQ;AAACgB,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAAET,KAAW,CAAC,CAAA;AAAA,GACrG,CAAC,CAAA;AAAA,CACd,CAAC,CAAAZ,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAEA,CAAA,CAAA,CAAA,uBAAA,CAAA;;;;"}
+{"version":3,"file":"CleanTabRadiobox.mjs","sources":["../../../src/alt/radiobox/CleanTabRadiobox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {getColor, customTheme} from '@startlibs/utils'\nimport {Radiobox} from '../../Radiobox'\n\nexport const Tab = styled.div`\n  width:100%;\n  font-size: 16px;\n  color: ${getColor(\"gray120\")};\n  font-weight: 500;\n  margin-left: 0;  \n  padding: 12px 2.5rem;\n  flex-grow: 1;\n  height: 100%;\n  border-bottom: 1px solid ${getColor(\"gray210\")};\n  position: relative;\n  ${props => props.checked ? css`\n    color: ${getColor(\"main\")};\n    &:after {\n      content: '';\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: ${getColor(\"main\")};\n      border-radius: 10px;\n    }\n  `: css`\n    cursor: pointer;\n    &:hover {\n      color: ${getColor(\"gray90\")};\n    }\n  `}\n  ${customTheme('CleanTabButton')}\n`\n\nconst InnerButton = styled.a``\n\nexport const CleanTabRadiobox = styled(({label, white,icon,...props}) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused}) =>\n    <Tab innerAs={InnerButton} tabIndex={-1} focused={focused} checked={checked} disabled={disabled}>{label}</Tab>\n  }</Radiobox>\n)`\n  display: inline-block;\n`"],"names":["Tab","styled","div","withConfig","displayName","componentId","getColor","props","checked","css","customTheme","InnerButton","a","CleanTabRadiobox","_ref","label","white","icon","_objectWithoutProperties","_excluded","React","createElement","Radiobox","_ref2","disabled","hasErrors","focused","innerAs","tabIndex"],"mappings":";;;;;;;MAKaA,GAAG,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,kCAAA,EAAA,qGAAA,EAAA,qBAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAGlBC,QAAQ,CAAC,SAAS,CAAC,EAMDA,QAAQ,CAAC,SAAS,CAAC,EAE5CC,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAGC,GAAG,iIACnBH,QAAQ,CAAC,MAAM,CAAC,EAQTA,QAAQ,CAAC,MAAM,CAAC,CAAA,GAG/BG,GAAG,CAGOH,CAAAA,+BAAAA,EAAAA,IAAAA,CAAAA,EAAAA,QAAQ,CAAC,QAAQ,CAAC,CAE9B,EACCI,WAAW,CAAC,gBAAgB,CAAC,EAChC;AAED,MAAMC,WAAW,gBAAGV,MAAM,CAACW,CAAC,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEjBQ,MAAAA,gBAAgB,gBAAGZ,MAAM,CAACa,IAAA,IAAA;EAAA,IAAC;MAACC,KAAK;MAAEC,KAAK;AAACC,MAAAA,IAAAA;AAAa,KAAC,GAAAH,IAAA;AAANP,IAAAA,KAAK,GAAAW,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBACjEC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAKf,KAAK,EAAGgB,KAAA,IAAA;IAAA,IAAC;MAACC,QAAQ;MAAEhB,OAAO;MAAEiB,SAAS;AAAEC,MAAAA,OAAAA;AAAO,KAAC,GAAAH,KAAA,CAAA;AAAA,IAAA,oBAC5DH,KAAA,CAAAC,aAAA,CAACrB,GAAG,EAAA;AAAC2B,MAAAA,OAAO,EAAEhB,WAAY;MAACiB,QAAQ,EAAE,CAAC,CAAE;AAACF,MAAAA,OAAO,EAAEA,OAAQ;AAAClB,MAAAA,OAAO,EAAEA,OAAQ;AAACgB,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAAET,KAAW,CAAC,CAAA;AAAA,GACrG,CAAC,CAAA;AAAA,CACd,CAAC,CAAAZ,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAEA,CAAA,CAAA,CAAA,uBAAA,CAAA;;;;"}

package/lib/alt/radiobox/SimpleRadiobox.mjs

@@ -10,7 +10,7 @@ var _templateObject;
 const CssCircle = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleRadiobox__CssCircle",
   componentId: "sc-qv83xo-0"
-})(["border-radius:50%;content:'';border:1px solid ", ";width:18px;height:18px;background-color:white;position:absolute;left:-2rem;top:50%;transform:translateY(-50%);", " ", ""], getColor('gray210'), ifProp('focused', css(["box-shadow:0 0 0 2px rgba(0,0,0,0.1);border-color:", ";"], getColor('gray180'))), ifProp('checked', css([":before{content:'';width:8px;height:8px;top:50%;transform:translateY(-50%);left:4px;border-radius:50%;position:absolute;background-color:", ";}"], getColor('gray90'))));
+})(["border-radius:50%;content:'';border:1px solid ", ";width:18px;height:18px;background-color:white;position:absolute;left:-2rem;top:50%;transform:translateY(-50%);", " ", ""], getColor('gray210'), ifProp('focused', css(["box-shadow:0 0 0 2px rgba(0,0,0,0.1);border-color:", ";"], getColor('gray180'))), ifProp('checked', css(["&:before{content:'';width:8px;height:8px;top:50%;transform:translateY(-50%);left:4px;border-radius:50%;position:absolute;background-color:", ";}"], getColor('gray90'))));
 const TextLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "SimpleRadiobox__TextLabel",
   componentId: "sc-qv83xo-1"
@@ -26,7 +26,7 @@ const TextLabelContainer = /*#__PURE__*/styled.div.withConfig({
 const RadioboxContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleRadiobox__RadioboxContent",
   componentId: "sc-qv83xo-4"
-})(["cursor:pointer;position:relative;padding-left:2rem;transition:background 0.2s linear;", ""], props => props.framed && css(["border:1px solid ", ";border-radius:8px;min-height:3rem;min-width:8rem;background:white;width:100%;align-items:center;display:flex;:hover{background:rgb(245,245,245);}:active{background:rgb(235,235,235);transition:none;}padding:10px 12px 10px 32px;", " ", " ", " ", " ", ""], getColor('gray210'), media.desktop(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 7px 12px 7px 32px;\n    "]))), props => props.hasErrors && css(["border-color:", " !important;"], getColor('alert')), props => props.checked && props.highlightSelected && css(["border-color:", ";background:", ";:hover{background:", ";}", "{:before{background-color:", ";}}"], getColor('main'), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), CssCircle, getColor('main')), props => props.checked && props.ultraHighlightSelected && css(["border-color:", ";background:", ";color:white;:hover{background:", ";}", "{:before{background-color:", ";}}", "{color:rgba(255,255,255,0.65);}", "{color:rgba(255,255,255,0.65);}"], getColor('main'), getColor('main'), getColor('main'), CssCircle, getColor('main'), HelpText, DescText), props => props.disabled && css(["background-color:rgba(0,0,0,0.075) !important;&[disabled]{opacity:0.75 !important;}", "{background:rgba(255,255,255,0.25);}"], CssCircle)));
+})(["cursor:pointer;position:relative;padding-left:2rem;transition:background 0.2s linear;", ""], props => props.framed && css(["border:1px solid ", ";border-radius:8px;min-height:3rem;min-width:8rem;background:white;width:100%;align-items:center;display:flex;&:hover{background:rgb(245,245,245);}&:active{background:rgb(235,235,235);transition:none;}padding:10px 12px 10px 32px;", " ", " ", " ", " ", ""], getColor('gray210'), media.desktop(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 7px 12px 7px 32px;\n    "]))), props => props.hasErrors && css(["border-color:", " !important;"], getColor('alert')), props => props.checked && props.highlightSelected && css(["border-color:", ";background:", ";&:hover{background:", ";}", "{&:before{background-color:", ";}}"], getColor('main'), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), props => desaturate(0.3, lighten(0.52, getColor("main")(props))), CssCircle, getColor('main')), props => props.checked && props.ultraHighlightSelected && css(["border-color:", ";background:", ";color:white;&:hover{background:", ";}", "{&:before{background-color:", ";}}", "{color:rgba(255,255,255,0.65);}", "{color:rgba(255,255,255,0.65);}"], getColor('main'), getColor('main'), getColor('main'), CssCircle, getColor('main'), HelpText, DescText), props => props.disabled && css(["background-color:rgba(0,0,0,0.075) !important;&[disabled]{opacity:0.75 !important;}", "{background:rgba(255,255,255,0.25);}"], CssCircle)));
 const SimpleRadiobox = /*#__PURE__*/styled(props => /*#__PURE__*/React.createElement(Radiobox, props, _ref => {
   let {
     disabled,

package/lib/alt/radiobox/SimpleRadiobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleRadiobox.mjs","sources":["../../../src/alt/radiobox/SimpleRadiobox.jsx"],"sourcesContent":["import React from 'react'\n\nimport { getColor, ifProp, media } from '@startlibs/utils';\nimport styled, {css} from 'styled-components'\nimport {lighten, desaturate} from 'polished'\nimport {HelpText} from '../../Field'\nimport {Radiobox} from '../../Radiobox'\n\nconst CssCircle = styled.div`\n  border-radius: 50%;\n  content: '';\n  border: 1px solid ${getColor('gray210')};\n  width: 18px;\n  height: 18px;\n  background-color: white;\n  position: absolute;\n  left: -2rem;\n  top: 50%;\n  transform: translateY(-50%);\n  \n  ${ifProp('focused', css`\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n    border-color: ${getColor('gray180')};\n  `)}\n\n  ${ifProp('checked', css`\n    :before { \n      content: '';\n      width: 8px;\n      height: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      left: 4px;\n      border-radius: 50%;\n      position: absolute;\n      background-color: ${getColor('gray90')};\n    }\n  `)}\n  \n`\nconst TextLabel = styled.span `\n  font-size: 13px;\n  line-height: 16px;\n  margin: 2px 0.25rem 2px 0;\n  display: block;\n`\nconst DescText = styled.div `\n  color: rgba(0,0,0,0.4);\n  display: block;\n  font-size: 12px;\n  font-weight: 400;\n`\nconst TextLabelContainer = styled.div `\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex-wrap: wrap;\n`\nconst RadioboxContent = styled.div `\n  cursor: pointer;\n  position: relative;\n  padding-left: 2rem;\n  transition: background 0.2s linear;\n  ${props => props.framed && css`\n    border: 1px solid ${getColor('gray210')};\n    border-radius: 8px;\n    min-height: 3rem;\n    min-width: 8rem;\n    background: white;\n    width: 100%;\n    align-items: center;\n    display: flex;\n    :hover {\n      background: rgb(245,245,245);\n    }\n    :active {\n      background: rgb(235,235,235);\n      transition: none;\n    }\n    padding: 10px 12px 10px 32px;\n    ${media.desktop`\n      padding: 7px 12px 7px 32px;\n    `}\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n    ${props => props.checked && props.highlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      :hover {\n        background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      }\n      ${CssCircle} {\n        :before { \n          background-color: ${getColor('main')};\n        }\n      }\n    `}\n    ${props => props.checked && props.ultraHighlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${getColor('main')};\n      color: white;\n      :hover {\n        background: ${getColor('main')};\n      }\n      ${CssCircle} {\n        :before { \n          background-color: ${getColor('main')};\n        }\n      }\n      ${HelpText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n      ${DescText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n    `}\n    ${props => props.disabled && css`\n      background-color: rgba(0,0,0,0.075) !important;\n      &[disabled] {\n        opacity: 0.75 !important;\n      }\n      ${CssCircle} {\n        background: rgba(255,255,255,0.25);\n      }\n    `}\n  `}\n`\n\nexport const SimpleRadiobox = styled((props) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused, tabIndex, framedBoxes, highlightSelected, ultraHighlightSelected}) =>\n    <RadioboxContent checked={checked} framed={props.framedBoxes} highlightSelected={props.highlightSelected} ultraHighlightSelected={props.ultraHighlightSelected} hasErrors={hasErrors} disabled={disabled}>\n      <div className=\"textContainer\">\n        <TextLabelContainer>\n          <CssCircle checked={checked} focused={focused} tabIndex={tabIndex}/>\n          <TextLabel>{props.label}</TextLabel>{props.helpText && <HelpText> {props.helpText}</HelpText>}\n        </TextLabelContainer>\n        {props.descText && <DescText>{props.descText}</DescText>}\n      </div>\n    </RadioboxContent>\n  }</Radiobox>\n)`\n  cursor: pointer;\n  position: relative;\n  margin-bottom: 1rem;\n  display: flex;\n  ${ifProp('disabled', css`\n    pointer-events: none;\n  `)}\n  .textContainer {\n    width: 100%;\n  }\n`"],"names":["CssCircle","styled","div","withConfig","displayName","componentId","getColor","ifProp","css","TextLabel","span","DescText","TextLabelContainer","RadioboxContent","props","framed","media","desktop","_templateObject","_taggedTemplateLiteral","hasErrors","checked","highlightSelected","desaturate","lighten","ultraHighlightSelected","HelpText","disabled","SimpleRadiobox","React","createElement","Radiobox","_ref","focused","tabIndex","framedBoxes","className","label","helpText","descText"],"mappings":"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"}
+{"version":3,"file":"SimpleRadiobox.mjs","sources":["../../../src/alt/radiobox/SimpleRadiobox.jsx"],"sourcesContent":["import React from 'react'\n\nimport { getColor, ifProp, media } from '@startlibs/utils';\nimport styled, {css} from 'styled-components'\nimport {lighten, desaturate} from 'polished'\nimport {HelpText} from '../../Field'\nimport {Radiobox} from '../../Radiobox'\n\nconst CssCircle = styled.div`\n  border-radius: 50%;\n  content: '';\n  border: 1px solid ${getColor('gray210')};\n  width: 18px;\n  height: 18px;\n  background-color: white;\n  position: absolute;\n  left: -2rem;\n  top: 50%;\n  transform: translateY(-50%);\n  \n  ${ifProp('focused', css`\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n    border-color: ${getColor('gray180')};\n  `)}\n\n  ${ifProp('checked', css`\n    &:before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      left: 4px;\n      border-radius: 50%;\n      position: absolute;\n      background-color: ${getColor('gray90')};\n    }\n  `)}\n  \n`\nconst TextLabel = styled.span `\n  font-size: 13px;\n  line-height: 16px;\n  margin: 2px 0.25rem 2px 0;\n  display: block;\n`\nconst DescText = styled.div `\n  color: rgba(0,0,0,0.4);\n  display: block;\n  font-size: 12px;\n  font-weight: 400;\n`\nconst TextLabelContainer = styled.div `\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex-wrap: wrap;\n`\nconst RadioboxContent = styled.div `\n  cursor: pointer;\n  position: relative;\n  padding-left: 2rem;\n  transition: background 0.2s linear;\n  ${props => props.framed && css`\n    border: 1px solid ${getColor('gray210')};\n    border-radius: 8px;\n    min-height: 3rem;\n    min-width: 8rem;\n    background: white;\n    width: 100%;\n    align-items: center;\n    display: flex;\n    &:hover {\n      background: rgb(245,245,245);\n    }\n    &:active {\n      background: rgb(235,235,235);\n      transition: none;\n    }\n    padding: 10px 12px 10px 32px;\n    ${media.desktop`\n      padding: 7px 12px 7px 32px;\n    `}\n    ${props => props.hasErrors && css`\n      border-color: ${getColor('alert')} !important;\n    `}\n    ${props => props.checked && props.highlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      &:hover {\n        background: ${props => desaturate(0.3, lighten(0.52, getColor(\"main\")(props)))};\n      }\n      ${CssCircle} {\n        &:before {\n          background-color: ${getColor('main')};\n        }\n      }\n    `}\n    ${props => props.checked && props.ultraHighlightSelected && css`\n      border-color: ${getColor('main')};\n      background: ${getColor('main')};\n      color: white;\n      &:hover {\n        background: ${getColor('main')};\n      }\n      ${CssCircle} {\n        &:before {\n          background-color: ${getColor('main')};\n        }\n      }\n      ${HelpText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n      ${DescText} {\n        color: rgba(255, 255, 255, 0.65);\n      }\n    `}\n    ${props => props.disabled && css`\n      background-color: rgba(0,0,0,0.075) !important;\n      &[disabled] {\n        opacity: 0.75 !important;\n      }\n      ${CssCircle} {\n        background: rgba(255,255,255,0.25);\n      }\n    `}\n  `}\n`\n\nexport const SimpleRadiobox = styled((props) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused, tabIndex, framedBoxes, highlightSelected, ultraHighlightSelected}) =>\n    <RadioboxContent checked={checked} framed={props.framedBoxes} highlightSelected={props.highlightSelected} ultraHighlightSelected={props.ultraHighlightSelected} hasErrors={hasErrors} disabled={disabled}>\n      <div className=\"textContainer\">\n        <TextLabelContainer>\n          <CssCircle checked={checked} focused={focused} tabIndex={tabIndex}/>\n          <TextLabel>{props.label}</TextLabel>{props.helpText && <HelpText> {props.helpText}</HelpText>}\n        </TextLabelContainer>\n        {props.descText && <DescText>{props.descText}</DescText>}\n      </div>\n    </RadioboxContent>\n  }</Radiobox>\n)`\n  cursor: pointer;\n  position: relative;\n  margin-bottom: 1rem;\n  display: flex;\n  ${ifProp('disabled', css`\n    pointer-events: none;\n  `)}\n  .textContainer {\n    width: 100%;\n  }\n`"],"names":["CssCircle","styled","div","withConfig","displayName","componentId","getColor","ifProp","css","TextLabel","span","DescText","TextLabelContainer","RadioboxContent","props","framed","media","desktop","_templateObject","_taggedTemplateLiteral","hasErrors","checked","highlightSelected","desaturate","lighten","ultraHighlightSelected","HelpText","disabled","SimpleRadiobox","React","createElement","Radiobox","_ref","focused","tabIndex","framedBoxes","className","label","helpText","descText"],"mappings":"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"}

package/lib/alt/radiobox/TabRadiobox.mjs

@@ -12,7 +12,7 @@ var _templateObject;
 const TabButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "TabRadiobox__TabButton",
   componentId: "sc-1vu3bcn-0"
-})(["width:100%;margin-left:0;padding:9px 1rem;flex-grow:1;background:", ";box-shadow:none;color:", ";border:1px solid ", ";border-left-width:0;height:100%;:hover{background:", ";}", " ", " ", " ", "  ", "  ", ""], props => props.white ? 'white' : getColor('gray240'), getColor('gray120'), getColor('gray210'), props => desaturate(0.6, lighten(0.5, getColor("main")(props))), ifProp('checked', css(["&,&:hover{border-color:", ";background-color:", ";border-left-width:1px;color:#fff;cursor:default;}"], getColor('main'), getColor('main'))), props => props.isFirst && "\n    border-left-width: 1px;\n  ", props => props.isFirst !== undefined && !props.isFirst && "\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    :focus:after{\n      border-bottom-left-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  ", props => props.isLast !== undefined && !props.isLast && "\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    :focus:after{\n      border-bottom-right-radius: 2px;\n      border-top-right-radius: 2px;\n      z-index: 2;\n    }\n  ", media.mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    min-width: 0;\n    ", "\n  "])), props => props.icon ? "\n      padding-left: 1.25rem;\n      padding-right: 1rem;\n    " : "\n      padding-left: 0.25rem;\n      padding-right: 0.25rem;\n    "), customTheme('TabButton'));
+})(["width:100%;margin-left:0;padding:9px 1rem;flex-grow:1;background:", ";box-shadow:none;color:", ";border:1px solid ", ";border-left-width:0;height:100%;&:hover{background:", ";}", " ", " ", " ", " ", "  ", ""], props => props.white ? 'white' : getColor('gray240'), getColor('gray120'), getColor('gray210'), props => desaturate(0.6, lighten(0.5, getColor("main")(props))), ifProp('checked', css(["&,&:hover{border-color:", ";background-color:", ";border-left-width:1px;color:#fff;cursor:default;}"], getColor('main'), getColor('main'))), props => props.isFirst && "\n    border-left-width: 1px;\n  ", props => props.isFirst !== undefined && !props.isFirst && "\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    &:focus:after{\n      border-bottom-left-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  ", props => props.isLast !== undefined && !props.isLast && "\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    &:focus:after{\n      border-bottom-right-radius: 2px;\n      border-top-right-radius: 2px;\n      z-index: 2;\n    }\n  ", media.mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    min-width: 0;\n    ", "\n  "])), props => props.icon ? "\n      padding-left: 1.25rem;\n      padding-right: 1rem;\n    " : "\n      padding-left: 0.25rem;\n      padding-right: 0.25rem;\n    "), customTheme('TabButton'));
 const InnerButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "TabRadiobox__InnerButton",
   componentId: "sc-1vu3bcn-1"

package/lib/alt/radiobox/TabRadiobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabRadiobox.mjs","sources":["../../../src/alt/radiobox/TabRadiobox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {Button} from '@startlibs/components'\nimport {ifProp, getColor, media, customTheme} from '@startlibs/utils'\nimport {Radiobox} from '../../Radiobox'\nimport {lighten, desaturate} from 'polished'\n\nexport const TabButton = styled(Button)`\n  width:100%;\n  margin-left: 0;  \n  padding: 9px 1rem;\n  flex-grow: 1;\n  background: ${props => props.white ? 'white' : getColor('gray240')};\n  box-shadow: none;\n  color: ${getColor('gray120')};\n  border: 1px solid ${getColor('gray210')};\n  border-left-width: 0;\n  height: 100%;\n  :hover {\n    background: ${props => desaturate(0.6, lighten(0.5, getColor(\"main\")(props)))};\n  }\n  ${ifProp('checked', css`\n    &, &:hover {\n      border-color: ${getColor('main')};\n      background-color: ${getColor('main')};\n      border-left-width: 1px;\n      color: #fff;\n      cursor: default;\n    }\n  `)}\n  \n  ${props => props.isFirst && `\n    border-left-width: 1px;\n  `}\n  ${props => props.isFirst!==undefined && !props.isFirst && `\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    :focus:after{\n      border-bottom-left-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  `}\n  ${props => props.isLast!==undefined && !props.isLast && `\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    :focus:after{\n      border-bottom-right-radius: 2px;\n      border-top-right-radius: 2px;\n      z-index: 2;\n    }\n  `} \n  ${media.mobile`\n    min-width: 0;\n    ${props => props.icon ? `\n      padding-left: 1.25rem;\n      padding-right: 1rem;\n    `:`\n      padding-left: 0.25rem;\n      padding-right: 0.25rem;\n    `}\n  `} \n  ${customTheme('TabButton')}\n`\n\nconst InnerButton = styled.a``\n\nexport const TabRadiobox = styled(({isLast, isFirst, label, white,icon,...props}) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused}) =>\n    <TabButton innerAs={InnerButton} tabIndex={-1} focused={focused} isFirst={isFirst} isLast={isLast} checked={checked} disabled={disabled} white={white} icon={icon}>{label}</TabButton>\n  }</Radiobox>\n)`\n  display: inline-block;\n`"],"names":["TabButton","styled","Button","withConfig","displayName","componentId","props","white","getColor","desaturate","lighten","ifProp","css","isFirst","undefined","isLast","media","mobile","_templateObject","_taggedTemplateLiteral","icon","customTheme","InnerButton","a","TabRadiobox","_ref","label","_objectWithoutProperties","_excluded","React","createElement","Radiobox","_ref2","disabled","checked","hasErrors","focused","innerAs","tabIndex"],"mappings":"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"}
+{"version":3,"file":"TabRadiobox.mjs","sources":["../../../src/alt/radiobox/TabRadiobox.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {css} from 'styled-components'\nimport {Button} from '@startlibs/components'\nimport {ifProp, getColor, media, customTheme} from '@startlibs/utils'\nimport {Radiobox} from '../../Radiobox'\nimport {lighten, desaturate} from 'polished'\n\nexport const TabButton = styled(Button)`\n  width:100%;\n  margin-left: 0;  \n  padding: 9px 1rem;\n  flex-grow: 1;\n  background: ${props => props.white ? 'white' : getColor('gray240')};\n  box-shadow: none;\n  color: ${getColor('gray120')};\n  border: 1px solid ${getColor('gray210')};\n  border-left-width: 0;\n  height: 100%;\n  &:hover {\n    background: ${props => desaturate(0.6, lighten(0.5, getColor(\"main\")(props)))};\n  }\n  ${ifProp('checked', css`\n    &, &:hover {\n      border-color: ${getColor('main')};\n      background-color: ${getColor('main')};\n      border-left-width: 1px;\n      color: #fff;\n      cursor: default;\n    }\n  `)}\n  \n  ${props => props.isFirst && `\n    border-left-width: 1px;\n  `}\n  ${props => props.isFirst!==undefined && !props.isFirst && `\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    &:focus:after{\n      border-bottom-left-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  `}\n  ${props => props.isLast!==undefined && !props.isLast && `\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    &:focus:after{\n      border-bottom-right-radius: 2px;\n      border-top-right-radius: 2px;\n      z-index: 2;\n    }\n  `}\n  ${media.mobile`\n    min-width: 0;\n    ${props => props.icon ? `\n      padding-left: 1.25rem;\n      padding-right: 1rem;\n    `:`\n      padding-left: 0.25rem;\n      padding-right: 0.25rem;\n    `}\n  `} \n  ${customTheme('TabButton')}\n`\n\nconst InnerButton = styled.a``\n\nexport const TabRadiobox = styled(({isLast, isFirst, label, white,icon,...props}) =>\n  <Radiobox {...props}>{({disabled, checked, hasErrors, focused}) =>\n    <TabButton innerAs={InnerButton} tabIndex={-1} focused={focused} isFirst={isFirst} isLast={isLast} checked={checked} disabled={disabled} white={white} icon={icon}>{label}</TabButton>\n  }</Radiobox>\n)`\n  display: inline-block;\n`"],"names":["TabButton","styled","Button","withConfig","displayName","componentId","props","white","getColor","desaturate","lighten","ifProp","css","isFirst","undefined","isLast","media","mobile","_templateObject","_taggedTemplateLiteral","icon","customTheme","InnerButton","a","TabRadiobox","_ref","label","_objectWithoutProperties","_excluded","React","createElement","Radiobox","_ref2","disabled","checked","hasErrors","focused","innerAs","tabIndex"],"mappings":";;;;;;;;;;;AAOO,MAAMA,SAAS,gBAAGC,MAAM,CAACC,MAAM,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAKvBC,CAAAA,CAAAA,CAAAA,mEAAAA,EAAAA,yBAAAA,EAAAA,oBAAAA,EAAAA,sDAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,IAAAA,EAAAA,EAAAA,CAAAA,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,GAAG,OAAO,GAAGC,QAAQ,CAAC,SAAS,CAAC,EAEzDA,QAAQ,CAAC,SAAS,CAAC,EACRA,QAAQ,CAAC,SAAS,CAAC,EAIvBF,KAAK,IAAIG,UAAU,CAAC,GAAG,EAAEC,OAAO,CAAC,GAAG,EAAEF,QAAQ,CAAC,MAAM,CAAC,CAACF,KAAK,CAAC,CAAC,CAAC,EAE7EK,MAAM,CAAC,SAAS,EAAEC,GAAG,CAEHJ,CAAAA,yBAAAA,EAAAA,oBAAAA,EAAAA,oDAAAA,CAAAA,EAAAA,QAAQ,CAAC,MAAM,CAAC,EACZA,QAAQ,CAAC,MAAM,CAAC,CAKvC,CAAC,EAEAF,KAAK,IAAIA,KAAK,CAACO,OAAO,IAAA,mCAEvB,EACCP,KAAK,IAAIA,KAAK,CAACO,OAAO,KAAGC,SAAS,IAAI,CAACR,KAAK,CAACO,OAAO,IAOrD,+KAAA,EACCP,KAAK,IAAIA,KAAK,CAACS,MAAM,KAAGD,SAAS,IAAI,CAACR,KAAK,CAACS,MAAM,IAAA,sMAQnD,EACCC,KAAK,CAACC,MAAM,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAEVb,CAAAA,2BAAAA,EAAAA,MAAAA,CAAAA,CAAAA,CAAAA,EAAAA,KAAK,IAAIA,KAAK,CAACc,IAAI,GAMpB,kEAAA,GAAA,qEAAA,CAAA,EAEDC,WAAW,CAAC,WAAW,CAAC,EAC3B;AAED,MAAMC,WAAW,gBAAGrB,MAAM,CAACsB,CAAC,CAAApB,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAEjBmB,MAAAA,WAAW,gBAAGvB,MAAM,CAACwB,IAAA,IAAA;EAAA,IAAC;MAACV,MAAM;MAAEF,OAAO;MAAEa,KAAK;MAAEnB,KAAK;AAACa,MAAAA,IAAAA;AAAa,KAAC,GAAAK,IAAA;AAANnB,IAAAA,KAAK,GAAAqB,wBAAA,CAAAF,IAAA,EAAAG,SAAA,CAAA,CAAA;EAAA,oBAC7EC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAKzB,KAAK,EAAG0B,KAAA,IAAA;IAAA,IAAC;MAACC,QAAQ;MAAEC,OAAO;MAAEC,SAAS;AAAEC,MAAAA,OAAAA;AAAO,KAAC,GAAAJ,KAAA,CAAA;AAAA,IAAA,oBAC5DH,KAAA,CAAAC,aAAA,CAAC9B,SAAS,EAAA;AAACqC,MAAAA,OAAO,EAAEf,WAAY;MAACgB,QAAQ,EAAE,CAAC,CAAE;AAACF,MAAAA,OAAO,EAAEA,OAAQ;AAACvB,MAAAA,OAAO,EAAEA,OAAQ;AAACE,MAAAA,MAAM,EAAEA,MAAO;AAACmB,MAAAA,OAAO,EAAEA,OAAQ;AAACD,MAAAA,QAAQ,EAAEA,QAAS;AAAC1B,MAAAA,KAAK,EAAEA,KAAM;AAACa,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAEM,KAAiB,CAAC,CAAA;AAAA,GAC7K,CAAC,CAAA;AAAA,CACd,CAAC,CAAAvB,UAAA,CAAA;EAAAC,WAAA,EAAA,aAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAEA,CAAA,CAAA,CAAA,uBAAA,CAAA;;;;"}