@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Input.Phone/Input.Phone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { InputMaskState } from 'shared/interfaces'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputMaskState, oldState: InputMaskState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { countryData, defaultMask, initialMask, stripValue, ...props } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"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"}
+{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { InputMaskState } from 'shared/interfaces'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputMaskState, oldState: InputMaskState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { countryData, defaultMask, initialMask, stripValue, ...props } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"mKAYA,MAAMA,YAAcA,CAACC,EAAQ,KAAeA,EAAMC,QAAQC,UAAAA,QAAQC,YAAa,uBAyBxE,MAAMC,mBAAmBC,MAAAA,cAC9BC,mBAAqB,cACrBA,oBAAsB,CACpBC,YAAaC,UAAAA,aACbC,YAAaC,UAAAA,aACbC,YAAaC,UAAAA,aACbC,YAAa,qBACbC,SAAS,EACTC,KAAM,OACNC,MAAO,YACPC,KAAM,GACNC,iBAAkB,UAMpBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,gBAAiB,EACtBD,KAAKE,gBAAiB,EAEtB,MAAMP,KAAEA,GAASK,KAAKG,WAAWL,EAAMpB,OAAS,IAEhDsB,KAAKI,MAAQ,CAAET,OAAMU,OAAQ,KAC/B,CAEAC,kBAAAA,CAAmBC,GACjB,MAAM7B,MAAEA,GAAUsB,KAAKF,MAEnBpB,IAAU6B,EAAU7B,OACtBsB,KAAKQ,OAAO9B,EAEhB,CAEAyB,WAAaA,CACXzB,EACA+B,KAQA,MAAMxB,YAAEA,EAAWE,YAAEA,EAAWE,YAAEA,GAAgBW,KAAKF,MACvD,MAAMY,EAAUjC,YAAYC,GAE5B,IAAIiB,EAAON,EACX,IAAIgB,EAAS,KACb,IAAIM,GAAc,EAClB,IAAIC,GAAc,EAElB,IAAKF,EACH,MAAO,CACLf,OACAe,UACAC,cACAC,cACAP,UAGJ,IAAIQ,GAAY,EAEhB,IAAK,IAAIC,EAAI,EAAGA,EAAI7B,EAAY8B,OAAQD,IAClCJ,EAAQM,WAAW/B,EAAY6B,GAAG,OACnC,CAAA,CAAKnB,EAAMU,GAAUpB,EAAY6B,GAClCD,EAAYC,IAAM,GAAKA,IAAM,GA4BjC,OAxBAH,EAAcE,GAAajC,kBAAQqC,OAAOC,KAAKR,IAAYV,KAAKC,eAChEW,IACIjB,GAASe,EAAQK,SAAWI,UAAAA,0CAA4CV,IAAc,KACxFT,KAAKE,gBACLtB,UAAAA,QAAQwC,OAAOF,KAAKR,GAElBC,IAEFhB,EAAOT,UAAAA,aAAa,GAAG,GAEvBc,KAAKC,gBAAiB,GAGpBW,IAEFjB,EAAOT,UAAAA,aAAa,GAAG,GAEvBc,KAAKE,gBAAiB,GAGnBP,IACHA,EAAOR,GAGF,CACLQ,OACAe,UACAC,cACAC,cACAP,WAIJG,OAAUa,IACR,MAAM1B,KAAEA,GAASK,KAAKG,WAAWkB,GAEjCrB,KAAKsB,SAAS,CAAE3B,UAGlB4B,aAA4DC,IAC1DA,EAAEC,UAEF,MAAMC,SAAEA,EAAQC,WAAEA,GAAe3B,KAAKF,MAEtC,GAAI4B,EAAU,CACZ,MAAME,EAAKJ,EACPG,IAAYC,EAAGC,OAAOnD,MAAQD,YAAY+C,EAAEK,OAAOnD,QACvDgD,EAASE,EACX,GAGFE,wBAA0BA,CAACC,EAA0BC,KACnD,MAAMrC,KAAEA,EAAIe,QAAEA,EAAOC,YAAEA,EAAWC,YAAEA,EAAWP,OAAEA,GAAWL,KAAKG,WAAW4B,EAASrD,MAAOsD,EAAStD,OAQrG,OANAsB,KAAKsB,SAAS,CAAE3B,OAAMU,WAMlBO,EACK,CACLqB,UAAWvB,EAAQK,SAAW,EAAI,CAAEmB,MAAO,EAAGC,IAAK,GAAMJ,EAASE,UAClEvD,MAAOqD,EAASrD,MAAMC,QAAQC,UAAAA,QAAQwC,OAAQ,UAI9CT,EACK,CAAEsB,UAAW,CAAEC,MAAO,EAAGC,IAAK,GAAKzD,MAAOqD,EAASrD,MAAMC,QAAQC,UAAAA,QAAQqC,OAAQ,SAGtFrC,UAAAA,QAAQwD,OAAOlB,KAAKc,EAAStD,QAAUgC,EAAQK,SAAW,EACrD,CAAEkB,UAAW,CAAEC,MAAO,EAAGC,IAAK,GAAKzD,MAAOqD,EAASrD,QAGvDE,UAAAA,QAAQwD,OAAOlB,KAAKc,EAAStD,QAAUE,UAAAA,QAAQwD,OAAOlB,KAAKa,EAASrD,OAChE,IACFqD,EACHE,UAAWF,EAASE,UAAY,CAAEC,MAAOH,EAASE,UAAUC,MAAQ,EAAGC,IAAKJ,EAASE,UAAUE,IAAM,GAAM,MAIxGJ,GAGTM,MAAAA,GAEE,MAAMpD,YAAEA,EAAWE,YAAEA,EAAWE,YAAEA,EAAWsC,WAAEA,KAAe7B,GAAUE,KAAKF,MAC7E,MAAMH,KAAEA,EAAIU,OAAEA,GAAWL,KAAKI,MAE9B,OACEkC,WAAAA,IAACC,MAAAA,MAAK,IACAzC,EACJgC,wBAAyB9B,KAAK8B,wBAC9BnC,KAAMA,EACN,cAAaU,aAAkBmC,OAASnC,EAAOoC,gBAAaC,EAC5DhB,SAAU1B,KAAKuB,cAGrB"}

package/components/Input.Phone/Input.Phone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.Phone.mjs","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { InputMaskState } from 'shared/interfaces'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputMaskState, oldState: InputMaskState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { countryData, defaultMask, initialMask, stripValue, ...props } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"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"}
+{"version":3,"file":"Input.Phone.mjs","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { InputMaskState } from 'shared/interfaces'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputMaskState, oldState: InputMaskState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { countryData, defaultMask, initialMask, stripValue, ...props } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"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"}

package/components/InputCheckbox/InputCheckbox.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const InputCheckbox=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,preset:l,inline:u,error:p,success:d,contrast:z,onColored:x,palette:h,style:j,indeterminate:m,className:y,disabled:I,...b},C)=>jsxRuntime.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,preset:l,inline:u,error:p,success:d,contrast:z,onColored:x,palette:h,style:j,indeterminate:m,className:y,disabled:I,children:[jsxRuntime.jsx(style.Input,{...b,disabled:I,type:"checkbox",ref:C}),jsxRuntime.jsx(style.InputMask,{children:jsxRuntime.jsx(m===!0?style.InputIndeterminate:style.InputChecked,{})})]}))),{displayName:"InputCheckbox",sizes:constants.SIZES});exports.COMPONENT_NAME="InputCheckbox",exports.InputCheckbox=InputCheckbox;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const InputCheckbox=withMergedProps.withMergedProps(React.forwardRef(({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,preset:l,inline:u,error:p,success:d,contrast:z,onColored:x,palette:h,style:j,indeterminate:m,className:y,disabled:I,...b},C)=>jsxRuntime.jsxs(style.Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:n,sizeXL:a,sizes:o,sizeUnits:c,preset:l,inline:u,error:p,success:d,contrast:z,onColored:x,palette:h,style:j,indeterminate:m,className:y,disabled:I,children:[jsxRuntime.jsx(style.Input,{...b,disabled:I,type:"checkbox",ref:C}),jsxRuntime.jsx(style.InputMask,{children:jsxRuntime.jsx(m===!0?style.InputIndeterminate:style.InputChecked,{})})]})),{displayName:"InputCheckbox",sizes:constants.SIZES});exports.COMPONENT_NAME="InputCheckbox",exports.InputCheckbox=InputCheckbox;
 //# sourceMappingURL=InputCheckbox.js.map

package/components/InputCheckbox/InputCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"yNAmBA,MAAMA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,WAAAA,IAACF,gBAAgB,CAAAC,SACWC,WAAAA,IAAzBR,KAAkB,EAAQM,MAAAA,mBAAgCA,MAAAA,aAAP,WAM9D,CACEI,YA3EmB,gBA4EnBpB,MAAOqB,UAAAA,+BA5EY"}
+{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"yNAmBA,MAAMA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,WACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,gBACAC,EACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,WAAAA,KAACC,MAAAA,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,WAAAA,IAACF,gBAAgB,CAAAC,SACWC,WAAAA,IAAzBR,KAAkB,EAAQM,MAAAA,mBAAgCA,MAAAA,aAAP,UAM9D,CACEI,YA3EmB,gBA4EnBpB,MAAOqB,UAAAA,+BA5EY"}

package/components/InputCheckbox/InputCheckbox.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,InputMask,InputIndeterminate,InputChecked}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='InputCheckbox';const InputCheckbox=withMergedProps(forwardRef((({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:o,sizeXL:n,sizes:p,sizeUnits:a,preset:c,inline:d,error:m,success:z,contrast:l,onColored:I,palette:u,style:h,indeterminate:x,className:M,disabled:f,...j},C)=>jsxs(Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:o,sizeXL:n,sizes:p,sizeUnits:a,preset:c,inline:d,error:m,success:z,contrast:l,onColored:I,palette:u,style:h,indeterminate:x,className:M,disabled:f,children:[jsx(Input,{...j,disabled:f,type:"checkbox",ref:C}),jsx(InputMask,{children:jsx(x===!0?InputIndeterminate:InputChecked,{})})]}))),{displayName:"InputCheckbox",sizes:SIZES});export{COMPONENT_NAME,InputCheckbox};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,InputMask,InputIndeterminate,InputChecked}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='InputCheckbox';const InputCheckbox=withMergedProps(forwardRef(({size:e="m",sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:o,sizeXL:n,sizes:p,sizeUnits:a,preset:c,inline:d,error:m,success:z,contrast:l,onColored:I,palette:u,style:h,indeterminate:x,className:M,disabled:f,...j},C)=>jsxs(Root,{size:e,sizeXXS:s,sizeXS:t,sizeS:i,sizeM:r,sizeL:o,sizeXL:n,sizes:p,sizeUnits:a,preset:c,inline:d,error:m,success:z,contrast:l,onColored:I,palette:u,style:h,indeterminate:x,className:M,disabled:f,children:[jsx(Input,{...j,disabled:f,type:"checkbox",ref:C}),jsx(InputMask,{children:jsx(x===!0?InputIndeterminate:InputChecked,{})})]})),{displayName:"InputCheckbox",sizes:SIZES});export{COMPONENT_NAME,InputCheckbox};
 //# sourceMappingURL=InputCheckbox.mjs.map

package/components/InputCheckbox/InputCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputCheckbox.mjs","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mPAOA,MAAMA,eAAiB,gBAYvB,MAAMC,cAAqEC,gBAIzEC,YACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,IAACF,UAAgB,CAAAC,SACWC,IAAzBR,KAAkB,EAAQM,mBAAgCA,aAAP,WAM9D,CACEI,YA3EmB,gBA4EnBpB,MAAOqB"}
+{"version":3,"file":"InputCheckbox.mjs","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения состояния элемента между отмеченным и неотмеченным.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef<HTMLInputElement, MergedProps<InputCheckboxProps>>(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        preset,\n        inline,\n        error,\n        success,\n        contrast,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          preset={preset}\n          inline={inline}\n          error={error}\n          success={success}\n          contrast={contrast}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputCheckbox","withMergedProps","forwardRef","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","error","success","contrast","onColored","palette","style","indeterminate","className","disabled","inputProps","ref","_jsxs","Styled","children","_jsx","type","displayName","SIZES"],"mappings":"mPAOA,MAAMA,eAAiB,gBAYvB,MAAMC,cAAqEC,gBAIzEC,WACE,EAEIC,OAAO,IACPC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,YACAC,SACAC,SACAC,QACAC,UACAC,WACAC,YACAC,UACAC,QACAC,gBACAC,YACAC,cACGC,GAELC,IAGEC,KAACC,KAAW,CACVvB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWL,IAAKA,IACvEI,IAACF,UAAgB,CAAAC,SACWC,IAAzBR,KAAkB,EAAQM,mBAAgCA,aAAP,UAM9D,CACEI,YA3EmB,gBA4EnBpB,MAAOqB"}

package/components/InputCheckbox/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var hover=require('../../mixins/hover.js');var index=require('../../icon-pack/src/icons/MinusFill/index.js');var index$1=require('../../icon-pack/src/icons/CheckFill/index.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputCheckboxProp=style.createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled__default.default.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled__default.default(index$1.CheckFill).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled__default.default(index.MinusFill).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover.hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:styled.css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize.responsiveSize);exports.Input=Input,exports.InputChecked=InputChecked,exports.InputIndeterminate=InputIndeterminate,exports.InputMask=InputMask,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var hover=require('../../mixins/hover.js');var index=require('../../icon-pack/src/icons/MinusFill/index.js');var index$1=require('../../icon-pack/src/icons/CheckFill/index.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardInputCheckboxProp=style.createShouldForwardProp(o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o));const Input=styled__default.default.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled__default.default.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled__default.default(index$1.CheckFill).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled__default.default(index.MinusFill).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover.hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),success:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),default:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))},contrast:{error:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),success:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),default:styled.css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `,o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default},responsiveSize.responsiveSize);exports.Input=Input,exports.InputChecked=InputChecked,exports.InputIndeterminate=InputIndeterminate,exports.InputMask=InputMask,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/InputCheckbox/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill, MinusFill } from '@foxford/icon-pack'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(CheckFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(MinusFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","CheckFill","InputIndeterminate","MinusFill","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill, MinusFill } from '@foxford/icon-pack'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(CheckFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(MinusFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","CheckFill","InputIndeterminate","MinusFill","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"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"}

package/components/InputCheckbox/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';import{MinusFill}from'../../icon-pack/src/icons/MinusFill/index.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';const shouldForwardInputCheckboxProp=createShouldForwardProp((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));const Input=styled.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled(CheckFill).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled(MinusFill).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))},contrast:{error:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),success:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))),default:css(["",""],(({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default}),responsiveSize);export{Input,InputChecked,InputIndeterminate,InputMask,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';import{MinusFill}from'../../icon-pack/src/icons/MinusFill/index.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';const shouldForwardInputCheckboxProp=createShouldForwardProp(o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o));const Input=styled.input.withConfig({displayName:"InputCheckbox__Input",componentId:"ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);const InputMask=styled.span.withConfig({displayName:"InputCheckbox__InputMask",componentId:"ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;"]);const InputChecked=styled(CheckFill).withConfig({displayName:"InputCheckbox__InputChecked",componentId:"ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);const InputIndeterminate=styled(MinusFill).withConfig({displayName:"InputCheckbox__InputIndeterminate",componentId:"ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);const template=o=>`\n  & > ${InputMask} {\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n    color: ${o.color};\n  }\n  ${hover(`\n      background-color: ${o.backgroundColorHover};\n      border-color: ${o.borderColorHover};\n      color: ${o.colorHover};\n    `,`&:hover > ${InputMask}`)}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${o.backgroundColorChecked};\n    border-color: ${o.borderColorChecked};\n    color: ${o.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n    color: ${o.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${o.backgroundColorDisabledChecked};\n    border-color: ${o.borderColorDisabledChecked};\n    color: ${o.colorDisabledChecked};\n  }\n`;const COLOR_SCHEMA={default:{error:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-error-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-error-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),success:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColor:o.colors['alert-bg-success-500'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-primary'],borderColorHover:o.colors['alert-bg-success-500'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),default:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-brand-primary-basic']:o.colors['border-onmain-default-small'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-brand-primary-basic']:o.colors['border-brand-primary'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['bg-brand-primary-basic'],borderColorChecked:o.colors['bg-brand-primary-basic'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-large'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))},contrast:{error:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-error-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-error-500']:o.colors['alert-error'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-error-500'],borderColorChecked:o.colors['alert-bg-error-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),success:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['content-oncolor-primary'],backgroundColor:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColor:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorHover:o.colors['content-oncolor-primary'],backgroundColorHover:e?o.colors['alert-bg-success-500']:o.colors['bg-onmain-secondary'],borderColorHover:e?o.colors['alert-bg-success-500']:o.colors['alert-success'],colorChecked:o.colors['content-oncolor-primary'],backgroundColorChecked:o.colors['alert-bg-success-500'],borderColorChecked:o.colors['alert-bg-success-500'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r})),default:css(["",""],({theme:o,palette:r,indeterminate:e})=>template({color:o.colors['bg-brand-primary-basic'],backgroundColor:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColor:e?o.colors['bg-oncolor-primary']:o.colors['border-onmain-default-small'],colorHover:o.colors['bg-brand-primary-basic'],backgroundColorHover:e?o.colors['bg-oncolor-primary']:o.colors['bg-onmain-primary'],borderColorHover:e?o.colors['bg-oncolor-primary']:o.colors['border-brand-primary'],colorChecked:o.colors['bg-brand-primary-basic'],backgroundColorChecked:o.colors['bg-oncolor-primary'],borderColorChecked:o.colors['bg-oncolor-primary'],colorDisabled:o.colors['bg-onmain-secondary'],backgroundColorDisabled:e?o.colors['bg-disabled-active']:o.colors['bg-disabled-small'],borderColorDisabled:e?o.colors['bg-disabled-active']:o.colors['border-disabled'],colorDisabledChecked:o.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:o.colors['bg-disabled-active'],borderColorDisabledChecked:o.colors['bg-disabled-active'],...r}))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardInputCheckboxProp}).withConfig({displayName:"InputCheckbox__Root",componentId:"ui__sc-3ztnvc-4"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${o.inline?'inline-flex':'flex'};\n      flex-shrink: 0;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `,o=>{const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.error?r.error:o.success?r.success:r.default},responsiveSize);export{Input,InputChecked,InputIndeterminate,InputMask,Root};
 //# sourceMappingURL=style.mjs.map

package/components/InputCheckbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill, MinusFill } from '@foxford/icon-pack'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(CheckFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(MinusFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","CheckFill","InputIndeterminate","MinusFill","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"8VAOA,MAAMA,+BAAiCC,yBACpCC,IAAa,CAAC,SAAU,QAAS,UAAW,YAAa,gBAAiB,YAAYC,SAASD,WAGrFE,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAAY,CAAA,sJAgBpBK,UAAYL,OAAOM,KAAIJ,WAAA,CAAAC,YAAA,2BAAAC,YAAA,mBAAXJ,CAAW,CAAA,oIAW7B,MAAMO,aAAeP,OAAOQ,WAAUN,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAjBJ,CAAiB,CAAA,iHAUtC,MAAMS,mBAAqBT,OAAOU,WAAUR,WAAA,CAAAC,YAAA,oCAAAC,YAAA,mBAAjBJ,CAAiB,CAAA,uGASnD,MAAMW,SAAYC,GAAkC,WAC5CP,sCACgBO,EAAQC,uCACZD,EAAQE,4BACfF,EAAQG,kBAEjBC,MACA,6BACsBJ,EAAQK,8CACZL,EAAQM,mCACfN,EAAQO,oBAEnB,aAAad,uBAETN,kCAAkCM,sCAClBO,EAAQQ,8CACZR,EAAQS,mCACfT,EAAQU,6BAEbvB,kCAAkCM,sCAClBO,EAAQW,+CACZX,EAAQY,oCACfZ,EAAQa,8BAEb1B,4BAA4BM,sCACZO,EAAQc,sDACZd,EAAQe,2CACff,EAAQgB,+BAIrB,MAAMC,aAAe,CACnBC,QAAS,CACPC,MAAOC,IAAG,CAAA,GAAA,KACN,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,2BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,qBACnFrB,YAAamB,EAAME,OAAO,sBAC1BhB,WAAYc,EAAME,OAAO,2BACzBlB,qBAAsBiB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,qBACxFjB,iBAAkBe,EAAME,OAAO,sBAC/Bb,aAAcW,EAAME,OAAO,2BAC3Bf,uBAAwBa,EAAME,OAAO,sBACrCd,mBAAoBY,EAAME,OAAO,sBACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,MAGTwB,QAASJ,IAAG,CAAA,GAAA,KACR,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,2BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,wBAA0BF,EAAME,OAAO,qBACrFrB,YAAamB,EAAME,OAAO,wBAC1BhB,WAAYc,EAAME,OAAO,2BACzBlB,qBAAsBiB,EAClBD,EAAME,OAAO,wBACbF,EAAME,OAAO,qBACjBjB,iBAAkBe,EAAME,OAAO,wBAC/Bb,aAAcW,EAAME,OAAO,2BAC3Bf,uBAAwBa,EAAME,OAAO,wBACrCd,mBAAoBY,EAAME,OAAO,wBACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,MAGTkB,QAASE,IAAG,CAAA,GAAA,KACR,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,2BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,0BAA4BF,EAAME,OAAO,qBACvFrB,YAAaoB,EACTD,EAAME,OAAO,0BACbF,EAAME,OAAO,+BACjBhB,WAAYc,EAAME,OAAO,2BACzBlB,qBAAsBiB,EAClBD,EAAME,OAAO,0BACbF,EAAME,OAAO,qBACjBjB,iBAAkBgB,EACdD,EAAME,OAAO,0BACbF,EAAME,OAAO,wBACjBb,aAAcW,EAAME,OAAO,2BAC3Bf,uBAAwBa,EAAME,OAAO,0BACrCd,mBAAoBY,EAAME,OAAO,0BACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,OAIXyB,SAAU,CACRN,MAAOC,IAAG,CAAA,GAAA,KACN,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,2BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,uBACnFrB,YAAaoB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,eAC/EhB,WAAYc,EAAME,OAAO,2BACzBlB,qBAAsBiB,EAClBD,EAAME,OAAO,sBACbF,EAAME,OAAO,uBACjBjB,iBAAkBgB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,eACpFb,aAAcW,EAAME,OAAO,2BAC3Bf,uBAAwBa,EAAME,OAAO,sBACrCd,mBAAoBY,EAAME,OAAO,sBACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,MAGTwB,QAASJ,IAAG,CAAA,GAAA,KACR,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,2BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,wBAA0BF,EAAME,OAAO,uBACrFrB,YAAaoB,EAAgBD,EAAME,OAAO,wBAA0BF,EAAME,OAAO,iBACjFhB,WAAYc,EAAME,OAAO,2BACzBlB,qBAAsBiB,EAClBD,EAAME,OAAO,wBACbF,EAAME,OAAO,uBACjBjB,iBAAkBgB,EAAgBD,EAAME,OAAO,wBAA0BF,EAAME,OAAO,iBACtFb,aAAcW,EAAME,OAAO,2BAC3Bf,uBAAwBa,EAAME,OAAO,wBACrCd,mBAAoBY,EAAME,OAAO,wBACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,MAGTkB,QAASE,IAAG,CAAA,GAAA,KACR,EAAGC,QAAOrB,UAASsB,mBACnBvB,SAAS,CACPI,MAAOkB,EAAME,OAAO,0BACpBtB,gBAAiBqB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,qBACnFrB,YAAaoB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,+BAC/EhB,WAAYc,EAAME,OAAO,0BACzBlB,qBAAsBiB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,qBACxFjB,iBAAkBgB,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,wBACpFb,aAAcW,EAAME,OAAO,0BAC3Bf,uBAAwBa,EAAME,OAAO,sBACrCd,mBAAoBY,EAAME,OAAO,sBACjCV,cAAeQ,EAAME,OAAO,uBAC5BZ,wBAAyBW,EACrBD,EAAME,OAAO,sBACbF,EAAME,OAAO,qBACjBX,oBAAqBU,EAAgBD,EAAME,OAAO,sBAAwBF,EAAME,OAAO,mBACvFP,qBAAsBK,EAAME,OAAO,uBACnCT,+BAAgCO,EAAME,OAAO,sBAC7CR,2BAA4BM,EAAME,OAAO,yBACtCvB,QAMN,MAAM0B,KAAOtC,OAAOM,KAAKJ,WAAqC,CACnEqC,kBAAmB5C,iCACnBO,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,KACGwC,GAAU,yGAIEA,EAAMC,OAAS,cAAgB,iDAEhCD,EAAME,SAAW,cAAgB,yBACrC3C,yDAGAA,mBAAmBM,eAAeE,2DAGlCR,yBAAyBM,8CACLmC,EAAMP,MAAME,OAAOQ,oBAAoBH,EAAMP,MAAME,OAAO,yGAKrFK,IACD,MAAMI,EAASJ,EAAMH,UAAYG,EAAMK,UAAYhB,aAAaQ,SAAWR,aAAaC,QAExF,OAAIU,EAAMT,MAAca,EAAOb,MAC3BS,EAAMJ,QAAgBQ,EAAOR,QAE1BQ,EAAOd,OAAO,GAGrBgB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { CheckFill, MinusFill } from '@foxford/icon-pack'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { hover } from 'mixins/hover'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n`\n\nexport const InputChecked = styled(CheckFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(MinusFill)`\n  box-sizing: border-box;\n  width: 80%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  ${hover(\n    `\n      background-color: ${palette.backgroundColorHover};\n      border-color: ${palette.borderColorHover};\n      color: ${palette.colorHover};\n    `,\n    `&:hover > ${InputMask}`\n  )}\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  contrast: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span.withConfig<StyledInputCheckboxProps>({\n  shouldForwardProp: shouldForwardInputCheckboxProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","displayName","componentId","InputMask","span","InputChecked","CheckFill","InputIndeterminate","MinusFill","template","palette","backgroundColor","borderColor","color","hover","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","theme","indeterminate","colors","success","contrast","Root","shouldForwardProp","props","inline","disabled","white","schema","onColored","responsiveSize"],"mappings":"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"}

package/components/InputLabel/InputLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');const InputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="m",labelPosition:t="dynamic",label:i,children:a,active:n,labelId:o,...l}=e;const c=Boolean(i&&(t==='dynamic'||t==='center')&&!n);const d=Boolean(i&&t==='center'&&n);const u=Boolean(i&&Boolean(t==='top'||t==='dynamic'&&n));return jsxRuntime.jsxs(style.Root,{...l,ref:r,size:s,hidden:c,marginTop:u?'var(--margin-top)':0,marginBottom:u?0:'var(--margin-top)',children:[i?jsxRuntime.jsx(style.Label,{id:o,shift:u,hidden:d,children:i}):null,a]})})),{displayName:'InputLabel',sizes:sizes.SIZES});exports.InputLabel=InputLabel;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');const InputLabel=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="m",labelPosition:t="dynamic",label:i,children:a,active:n,labelId:o,...l}=e;const c=Boolean(i&&(t==='dynamic'||t==='center')&&!n);const d=Boolean(i&&t==='center'&&n);const u=Boolean(i&&Boolean(t==='top'||t==='dynamic'&&n));return jsxRuntime.jsxs(style.Root,{...l,ref:r,size:s,hidden:c,marginTop:u?'var(--margin-top)':0,marginBottom:u?0:'var(--margin-top)',children:[i?jsxRuntime.jsx(style.Label,{id:o,shift:u,hidden:d,children:i}):null,a]})}),{displayName:'InputLabel',sizes:sizes.SIZES});exports.InputLabel=InputLabel;
 //# sourceMappingURL=InputLabel.js.map

package/components/InputLabel/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sources":["../../../../src/components/InputLabel/InputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport * as Styled from './style'\nimport { SIZES } from './sizes'\nimport type { InputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'InputLabel'\n\n/**\n *\n * Компонент для добавления к контролу анимированного лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst InputLabel: React.ForwardRefExoticComponent<InputLabelProps> = withMergedProps<InputLabelProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<InputLabelProps>>((props, ref) => {\n    const { size = 'm', labelPosition = 'dynamic', label, children, active, labelId, ...restProps } = props\n\n    const inputHidden = Boolean(label && (labelPosition === 'dynamic' || labelPosition === 'center') && !active)\n    const labelHidden = Boolean(label && labelPosition === 'center' && active)\n    const labelShift = Boolean(label && Boolean(labelPosition === 'top' || (labelPosition === 'dynamic' && active)))\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        size={size}\n        hidden={inputHidden}\n        marginTop={labelShift ? 'var(--margin-top)' : 0}\n        marginBottom={labelShift ? 0 : 'var(--margin-top)'}\n      >\n        {label ? (\n          <Styled.Label id={labelId} shift={labelShift} hidden={labelHidden}>\n            {label}\n          </Styled.Label>\n        ) : null}\n        {children}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputLabel }\n"],"names":["InputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","label","children","active","labelId","restProps","inputHidden","Boolean","labelHidden","labelShift","_jsxs","Styled","hidden","marginTop","marginBottom","_jsx","id","shift","displayName","sizes","SIZES"],"mappings":"iNAeA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,cAAEA,EAAgB,UAASC,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,KAAYC,GAAcR,EAElG,MAAMS,EAAcC,QAAQN,IAAUD,IAAkB,WAAaA,IAAkB,YAAcG,GACrG,MAAMK,EAAcD,QAAQN,GAASD,IAAkB,UAAYG,GACnE,MAAMM,EAAaF,QAAQN,GAASM,QAAQP,IAAkB,OAAUA,IAAkB,WAAaG,IAEvG,OACEO,WAAAA,KAACC,MAAAA,KAAW,IACNN,EACJP,IAAKA,EACLC,KAAMA,EACNa,OAAQN,EACRO,UAAWJ,EAAa,oBAAsB,EAC9CK,aAAcL,EAAa,EAAI,oBAAoBP,UAElDD,EACCc,WAAAA,IAACJ,YAAY,CAACK,GAAIZ,EAASa,MAAOR,EAAYG,OAAQJ,EAAYN,SAC/DD,IAED,KACHC,IACW,IAGlB,CACEgB,YAnCmB,aAoCnBC,MAAOC,MAAAA"}
+{"version":3,"file":"InputLabel.js","sources":["../../../../src/components/InputLabel/InputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport * as Styled from './style'\nimport { SIZES } from './sizes'\nimport type { InputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'InputLabel'\n\n/**\n *\n * Компонент для добавления к контролу анимированного лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst InputLabel: React.ForwardRefExoticComponent<InputLabelProps> = withMergedProps<InputLabelProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<InputLabelProps>>((props, ref) => {\n    const { size = 'm', labelPosition = 'dynamic', label, children, active, labelId, ...restProps } = props\n\n    const inputHidden = Boolean(label && (labelPosition === 'dynamic' || labelPosition === 'center') && !active)\n    const labelHidden = Boolean(label && labelPosition === 'center' && active)\n    const labelShift = Boolean(label && Boolean(labelPosition === 'top' || (labelPosition === 'dynamic' && active)))\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        size={size}\n        hidden={inputHidden}\n        marginTop={labelShift ? 'var(--margin-top)' : 0}\n        marginBottom={labelShift ? 0 : 'var(--margin-top)'}\n      >\n        {label ? (\n          <Styled.Label id={labelId} shift={labelShift} hidden={labelHidden}>\n            {label}\n          </Styled.Label>\n        ) : null}\n        {children}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputLabel }\n"],"names":["InputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","label","children","active","labelId","restProps","inputHidden","Boolean","labelHidden","labelShift","_jsxs","Styled","hidden","marginTop","marginBottom","_jsx","id","shift","displayName","sizes","SIZES"],"mappings":"iNAeA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,cAAEA,EAAgB,UAASC,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,KAAYC,GAAcR,EAElG,MAAMS,EAAcC,QAAQN,IAAUD,IAAkB,WAAaA,IAAkB,YAAcG,GACrG,MAAMK,EAAcD,QAAQN,GAASD,IAAkB,UAAYG,GACnE,MAAMM,EAAaF,QAAQN,GAASM,QAAQP,IAAkB,OAAUA,IAAkB,WAAaG,IAEvG,OACEO,WAAAA,KAACC,MAAAA,KAAW,IACNN,EACJP,IAAKA,EACLC,KAAMA,EACNa,OAAQN,EACRO,UAAWJ,EAAa,oBAAsB,EAC9CK,aAAcL,EAAa,EAAI,oBAAoBP,UAElDD,EACCc,WAAAA,IAACJ,YAAY,CAACK,GAAIZ,EAASa,MAAOR,EAAYG,OAAQJ,EAAYN,SAC/DD,IAED,KACHC,OAIP,CACEgB,YAnCmB,aAoCnBC,MAAOC,MAAAA"}

package/components/InputLabel/InputLabel.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Label}from'./style.mjs';import{SIZES}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';const InputLabel=withMergedProps(forwardRef(((e,o)=>{const{size:r="m",labelPosition:t="dynamic",label:i,children:n,active:s,labelId:a,...m}=e;const l=Boolean(i&&(t==='dynamic'||t==='center')&&!s);const d=Boolean(i&&t==='center'&&s);const c=Boolean(i&&Boolean(t==='top'||t==='dynamic'&&s));return jsxs(Root,{...m,ref:o,size:r,hidden:l,marginTop:c?'var(--margin-top)':0,marginBottom:c?0:'var(--margin-top)',children:[i?jsx(Label,{id:a,shift:c,hidden:d,children:i}):null,n]})})),{displayName:'InputLabel',sizes:SIZES});export{InputLabel};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Label}from'./style.mjs';import{SIZES}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';const InputLabel=withMergedProps(forwardRef((e,o)=>{const{size:r="m",labelPosition:t="dynamic",label:i,children:n,active:s,labelId:a,...m}=e;const l=Boolean(i&&(t==='dynamic'||t==='center')&&!s);const d=Boolean(i&&t==='center'&&s);const c=Boolean(i&&Boolean(t==='top'||t==='dynamic'&&s));return jsxs(Root,{...m,ref:o,size:r,hidden:l,marginTop:c?'var(--margin-top)':0,marginBottom:c?0:'var(--margin-top)',children:[i?jsx(Label,{id:a,shift:c,hidden:d,children:i}):null,n]})}),{displayName:'InputLabel',sizes:SIZES});export{InputLabel};
 //# sourceMappingURL=InputLabel.mjs.map

package/components/InputLabel/InputLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.mjs","sources":["../../../../src/components/InputLabel/InputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport * as Styled from './style'\nimport { SIZES } from './sizes'\nimport type { InputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'InputLabel'\n\n/**\n *\n * Компонент для добавления к контролу анимированного лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst InputLabel: React.ForwardRefExoticComponent<InputLabelProps> = withMergedProps<InputLabelProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<InputLabelProps>>((props, ref) => {\n    const { size = 'm', labelPosition = 'dynamic', label, children, active, labelId, ...restProps } = props\n\n    const inputHidden = Boolean(label && (labelPosition === 'dynamic' || labelPosition === 'center') && !active)\n    const labelHidden = Boolean(label && labelPosition === 'center' && active)\n    const labelShift = Boolean(label && Boolean(labelPosition === 'top' || (labelPosition === 'dynamic' && active)))\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        size={size}\n        hidden={inputHidden}\n        marginTop={labelShift ? 'var(--margin-top)' : 0}\n        marginBottom={labelShift ? 0 : 'var(--margin-top)'}\n      >\n        {label ? (\n          <Styled.Label id={labelId} shift={labelShift} hidden={labelHidden}>\n            {label}\n          </Styled.Label>\n        ) : null}\n        {children}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputLabel }\n"],"names":["InputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","label","children","active","labelId","restProps","inputHidden","Boolean","labelHidden","labelShift","_jsxs","Styled","hidden","marginTop","marginBottom","_jsx","id","shift","displayName","sizes","SIZES"],"mappings":"qMAeA,MAAMA,WAA+DC,gBACnEC,YAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,cAAEA,EAAgB,UAASC,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,KAAYC,GAAcR,EAElG,MAAMS,EAAcC,QAAQN,IAAUD,IAAkB,WAAaA,IAAkB,YAAcG,GACrG,MAAMK,EAAcD,QAAQN,GAASD,IAAkB,UAAYG,GACnE,MAAMM,EAAaF,QAAQN,GAASM,QAAQP,IAAkB,OAAUA,IAAkB,WAAaG,IAEvG,OACEO,KAACC,KAAW,IACNN,EACJP,IAAKA,EACLC,KAAMA,EACNa,OAAQN,EACRO,UAAWJ,EAAa,oBAAsB,EAC9CK,aAAcL,EAAa,EAAI,oBAAoBP,UAElDD,EACCc,IAACJ,MAAY,CAACK,GAAIZ,EAASa,MAAOR,EAAYG,OAAQJ,EAAYN,SAC/DD,IAED,KACHC,IACW,IAGlB,CACEgB,YAnCmB,aAoCnBC,MAAOC"}
+{"version":3,"file":"InputLabel.mjs","sources":["../../../../src/components/InputLabel/InputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport * as Styled from './style'\nimport { SIZES } from './sizes'\nimport type { InputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'InputLabel'\n\n/**\n *\n * Компонент для добавления к контролу анимированного лейбла.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst InputLabel: React.ForwardRefExoticComponent<InputLabelProps> = withMergedProps<InputLabelProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<InputLabelProps>>((props, ref) => {\n    const { size = 'm', labelPosition = 'dynamic', label, children, active, labelId, ...restProps } = props\n\n    const inputHidden = Boolean(label && (labelPosition === 'dynamic' || labelPosition === 'center') && !active)\n    const labelHidden = Boolean(label && labelPosition === 'center' && active)\n    const labelShift = Boolean(label && Boolean(labelPosition === 'top' || (labelPosition === 'dynamic' && active)))\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        size={size}\n        hidden={inputHidden}\n        marginTop={labelShift ? 'var(--margin-top)' : 0}\n        marginBottom={labelShift ? 0 : 'var(--margin-top)'}\n      >\n        {label ? (\n          <Styled.Label id={labelId} shift={labelShift} hidden={labelHidden}>\n            {label}\n          </Styled.Label>\n        ) : null}\n        {children}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputLabel }\n"],"names":["InputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","label","children","active","labelId","restProps","inputHidden","Boolean","labelHidden","labelShift","_jsxs","Styled","hidden","marginTop","marginBottom","_jsx","id","shift","displayName","sizes","SIZES"],"mappings":"qMAeA,MAAMA,WAA+DC,gBACnEC,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,cAAEA,EAAgB,UAASC,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,KAAYC,GAAcR,EAElG,MAAMS,EAAcC,QAAQN,IAAUD,IAAkB,WAAaA,IAAkB,YAAcG,GACrG,MAAMK,EAAcD,QAAQN,GAASD,IAAkB,UAAYG,GACnE,MAAMM,EAAaF,QAAQN,GAASM,QAAQP,IAAkB,OAAUA,IAAkB,WAAaG,IAEvG,OACEO,KAACC,KAAW,IACNN,EACJP,IAAKA,EACLC,KAAMA,EACNa,OAAQN,EACRO,UAAWJ,EAAa,oBAAsB,EAC9CK,aAAcL,EAAa,EAAI,oBAAoBP,UAElDD,EACCc,IAACJ,MAAY,CAACK,GAAIZ,EAASa,MAAOR,EAAYG,OAAQJ,EAAYN,SAC/DD,IAED,KACHC,OAIP,CACEgB,YAnCmB,aAoCnBC,MAAOC"}

package/components/InputLabel/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardInputLabelProp=style.createShouldForwardProp((e=>!['hidden'].includes(e)));const Label=styled__default.default.div.withConfig({shouldForwardProp:e=>!['shift','hidden'].includes(e)}).withConfig({displayName:"InputLabel__Label",componentId:"ui__sc-1xlljdm-0"})([""," "," @media (prefers-reduced-motion:reduce){transition-duration:0ms,0ms;}"],(e=>`\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${e.hidden?0:1};\n    z-index: ${e.hidden?-1:'auto'};\n  `),(e=>e.shift&&"\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    "));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardInputLabelProp}).withConfig({displayName:"InputLabel__Root",componentId:"ui__sc-1xlljdm-1"})(["box-sizing:border-box;display:flex;align-items:stretch;position:relative;transform:translateZ(0);width:100%;"," "," ",""],(e=>`\n    & > *:not(${Label}) {\n      opacity: ${e.hidden?0:1};\n    }  \n  `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Label=Label,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardInputLabelProp=style.createShouldForwardProp(e=>!['hidden'].includes(e));const Label=styled__default.default.div.withConfig({shouldForwardProp:e=>!['shift','hidden'].includes(e)}).withConfig({displayName:"InputLabel__Label",componentId:"ui__sc-1xlljdm-0"})([""," "," @media (prefers-reduced-motion:reduce){transition-duration:0ms,0ms;}"],e=>`\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${e.hidden?0:1};\n    z-index: ${e.hidden?-1:'auto'};\n  `,e=>e.shift&&"\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    ");const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardInputLabelProp}).withConfig({displayName:"InputLabel__Root",componentId:"ui__sc-1xlljdm-1"})(["box-sizing:border-box;display:flex;align-items:stretch;position:relative;transform:translateZ(0);width:100%;"," "," ",""],e=>`\n    & > *:not(${Label}) {\n      opacity: ${e.hidden?0:1};\n    }  \n  `,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Label=Label,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/InputLabel/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputLabel/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { ResponsiveMarginProps } from 'mixins/responsive-margin'\nimport type { Size, InputLabelProps } from './types'\n\nconst shouldForwardInputLabelProp = createShouldForwardProp((propKey) => !['hidden'].includes(propKey))\n\nexport const Label = styled.div.withConfig<{ shift: boolean }>({\n  shouldForwardProp: (propKey) => !['shift', 'hidden'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${props.hidden ? 0 : 1};\n    z-index: ${props.hidden ? -1 : 'auto'};\n  `}\n\n  ${(props) =>\n    props.shift &&\n    `\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    `}\n  \n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms, 0ms;\n  }\n`\n\nexport const Root = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, InputLabelProps & ResponsiveMarginProps>\n>({\n  shouldForwardProp: shouldForwardInputLabelProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  transform: translateZ(0);\n  width: 100%;\n\n  ${(props) => `\n    & > *:not(${Label}) {\n      opacity: ${props.hidden ? 0 : 1};\n    }  \n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","hidden","shift","Root","responsiveSize","responsiveMargin"],"mappings":"mVAQA,MAAMA,4BAA8BC,MAAAA,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEvF,MAAME,MAAQC,gBAAAA,QAAOC,IAAIC,WAA+B,CAC7DC,kBAAoBN,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,GAAA,IAAA,0EACGM,GAAU,+aAeAA,EAAMC,OAAS,EAAI,oBACnBD,EAAMC,QAAS,EAAK,gBAG9BD,GACDA,EAAME,OACN,uIAWG,MAAMC,KAAOT,gBAAAA,QAAOC,IAAIC,WAE7B,CACAC,kBAAmBR,8BACnBO,WAAA,CAAAE,YAAA,mBAAAC,YAAA,oBAJkBL,CAIlB,CAAA,+GAAA,IAAA,IAAA,KAQGM,GAAU,mBACCP,4BACCO,EAAMC,OAAS,EAAI,mBAIhCG,eAAAA,eACAC,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputLabel/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps } from 'shared/interfaces'\nimport type { ResponsiveMarginProps } from 'mixins/responsive-margin'\nimport type { Size, InputLabelProps } from './types'\n\nconst shouldForwardInputLabelProp = createShouldForwardProp((propKey) => !['hidden'].includes(propKey))\n\nexport const Label = styled.div.withConfig<{ shift: boolean }>({\n  shouldForwardProp: (propKey) => !['shift', 'hidden'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${props.hidden ? 0 : 1};\n    z-index: ${props.hidden ? -1 : 'auto'};\n  `}\n\n  ${(props) =>\n    props.shift &&\n    `\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    `}\n  \n  @media (prefers-reduced-motion: reduce) {\n    transition-duration: 0ms, 0ms;\n  }\n`\n\nexport const Root = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, InputLabelProps & ResponsiveMarginProps>\n>({\n  shouldForwardProp: shouldForwardInputLabelProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  transform: translateZ(0);\n  width: 100%;\n\n  ${(props) => `\n    & > *:not(${Label}) {\n      opacity: ${props.hidden ? 0 : 1};\n    }  \n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","hidden","shift","Root","responsiveSize","responsiveMargin"],"mappings":"mVAQA,MAAMA,4BAA8BC,MAAAA,wBAAyBC,IAAa,CAAC,UAAUC,SAASD,IAEvF,MAAME,MAAQC,gBAAAA,QAAOC,IAAIC,WAA+B,CAC7DC,kBAAoBN,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,oBAFmBL,CAEnB,CAAA,GAAA,IAAA,yEACGM,GAAU,+aAeAA,EAAMC,OAAS,EAAI,oBACnBD,EAAMC,QAAS,EAAK,cAG9BD,GACDA,EAAME,OACN,sIAWG,MAAMC,KAAOT,gBAAAA,QAAOC,IAAIC,WAE7B,CACAC,kBAAmBR,8BACnBO,WAAA,CAAAE,YAAA,mBAAAC,YAAA,oBAJkBL,CAIlB,CAAA,+GAAA,IAAA,IAAA,IAQGM,GAAU,mBACCP,4BACCO,EAAMC,OAAS,EAAI,kBAIhCG,eAAAA,eACAC,iBAAAA"}

package/components/InputLabel/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardInputLabelProp=createShouldForwardProp((n=>!['hidden'].includes(n)));const Label=styled.div.withConfig({shouldForwardProp:n=>!['shift','hidden'].includes(n)}).withConfig({displayName:"InputLabel__Label",componentId:"ui__sc-1xlljdm-0"})([""," "," @media (prefers-reduced-motion:reduce){transition-duration:0ms,0ms;}"],(n=>`\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${n.hidden?0:1};\n    z-index: ${n.hidden?-1:'auto'};\n  `),(n=>n.shift&&"\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    "));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardInputLabelProp}).withConfig({displayName:"InputLabel__Root",componentId:"ui__sc-1xlljdm-1"})(["box-sizing:border-box;display:flex;align-items:stretch;position:relative;transform:translateZ(0);width:100%;"," "," ",""],(n=>`\n    & > *:not(${Label}) {\n      opacity: ${n.hidden?0:1};\n    }  \n  `),responsiveSize,responsiveMargin);export{Label,Root};
+import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardInputLabelProp=createShouldForwardProp(n=>!['hidden'].includes(n));const Label=styled.div.withConfig({shouldForwardProp:n=>!['shift','hidden'].includes(n)}).withConfig({displayName:"InputLabel__Label",componentId:"ui__sc-1xlljdm-0"})([""," "," @media (prefers-reduced-motion:reduce){transition-duration:0ms,0ms;}"],n=>`\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    transform: translateY(0);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    pointer-events: none;\n    transition-property: transform, width;\n    transition-duration: 175ms, 0ms;\n    transition-delay: 0ms, 0ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.48, 1);\n    opacity: ${n.hidden?0:1};\n    z-index: ${n.hidden?-1:'auto'};\n  `,n=>n.shift&&"\n      transition-delay: 0ms, 175ms;\n      transform: scale(0.7) translateX(-21.4%) translateY(-100%);\n      width: 130%;\n    ");const Root=styled.div.withConfig({shouldForwardProp:shouldForwardInputLabelProp}).withConfig({displayName:"InputLabel__Root",componentId:"ui__sc-1xlljdm-1"})(["box-sizing:border-box;display:flex;align-items:stretch;position:relative;transform:translateZ(0);width:100%;"," "," ",""],n=>`\n    & > *:not(${Label}) {\n      opacity: ${n.hidden?0:1};\n    }  \n  `,responsiveSize,responsiveMargin);export{Label,Root};
 //# sourceMappingURL=style.mjs.map