@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/internal/DateSelect/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderButton = (params: ButtonParams) => {\n    const { value, disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const rootProps = {\n      className: cx(styles.root(this.theme), disabled && styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_classCallCheck","_len","arguments","length","args","_key","_callSuper","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inherits","_createClass","get","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderButton = (params: ButtonParams) => {\n    const { value, disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const rootProps = {\n      className: cx(styles.root(this.theme), disabled && styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('select')({
@@ -6,12 +6,12 @@ export var globalClasses = prefix('select')({
 });
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: space-between;\n      font: inherit;\n      font-size: ", ";\n      padding: 0px;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n      border: none;\n      line-height: ", ";\n      background-color: transparent;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n\n      & .", " {\n        transition: fill ", " ", ";\n      }\n\n      &:hover .", " {\n        fill: ", " !important;\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: space-between;\n      font: inherit;\n      font-size: ", ";\n      padding: 0px;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n      border: none;\n      line-height: ", ";\n      background-color: transparent;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n\n      & .", " {\n        transition: fill ", " ", ";\n      }\n\n      &:hover .", " {\n        fill: ", " !important;\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
   },
   disabled: function disabled() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
   },
   caption: function caption() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n    "])));
   }
 });

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","arrow","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","_templateObject2","caption","_templateObject3"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: space-between;\n      font: inherit;\n      font-size: ${t.dateSelectFontSize};\n      padding: 0px;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n      border: none;\n      line-height: ${t.dateSelectLineHeight};\n      background-color: transparent;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n\n      & .${globalClasses.arrow} {\n        transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.arrow} {\n        fill: ${t.dateSelectTextColorDefault} !important;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n});\n"],"mappings":"wJAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;EACjCK,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,0BAA0B;;;;;IAKxBH,CAAC,CAACI,kBAAkB;;;;;;;IAOlBJ,CAAC,CAACK,oBAAoB;;;;;IAK1BL,CAAC,CAACM,mBAAmB;;;IAG3BV,aAAa,CAACC,KAAK;IACHG,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;IAG5DZ,aAAa,CAACC,KAAK;IACpBG,CAAC,CAACG,0BAA0B;;;EAG1C,CAAC;;EAEDM,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ,CAAC;;EAEDS,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","arrow","styles","root","t","_templateObject","_taggedTemplateLiteral","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","disabled","_templateObject2","caption","_templateObject3"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-flex;\n      justify-content: space-between;\n      font: inherit;\n      font-size: ${t.dateSelectFontSize};\n      padding: 0px;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n      border: none;\n      line-height: ${t.dateSelectLineHeight};\n      background-color: transparent;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n\n      & .${globalClasses.arrow} {\n        transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.arrow} {\n        fill: ${t.dateSelectTextColorDefault} !important;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n});\n"],"mappings":"8IAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CE,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGJ,YAAY,CAAC;EACjCK,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,sBAAA;IACCF,CAAC,CAACG,0BAA0B;;;;;IAKxBH,CAAC,CAACI,kBAAkB;;;;;;;IAOlBJ,CAAC,CAACK,oBAAoB;;;;;IAK1BL,CAAC,CAACM,mBAAmB;;;IAG3BV,aAAa,CAACC,KAAK;IACHG,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;IAG5DZ,aAAa,CAACC,KAAK;IACpBG,CAAC,CAACG,0BAA0B;;;EAG1C,CAAC;;EAEDM,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA;;;;EAIZ,CAAC;;EAEDS,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js

@@ -1,4 +1,6 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React, { useCallback, useState } from 'react';
 import { useMemoObject } from "../../../hooks/useMemoObject";
 import { useEffectWithoutInitCall } from "../../../hooks/useEffectWithoutInitCall";
@@ -13,10 +15,10 @@ var updateFile = function updateFile(files, fileId, getFileUpdatedProps) {
   if (fileIndex === -1) {
     return files;
   }
-  var newFiles = [].concat(files);
+  var newFiles = _toConsumableArray(files);
   var file = files[fileIndex];
   var updatedProps = getFileUpdatedProps(file);
-  newFiles[fileIndex] = _extends({}, file, updatedProps);
+  newFiles[fileIndex] = _objectSpread(_objectSpread({}, file), updatedProps);
   return newFiles;
 };
 export var FileUploaderControlProvider = function FileUploaderControlProvider(props) {
@@ -35,14 +37,16 @@ export var FileUploaderControlProvider = function FileUploaderControlProvider(pr
       }
       return [];
     }),
-    files = _useState[0],
-    setFiles = _useState[1];
-  var _useState2 = useState(false),
-    isMinLengthReached = _useState2[0],
-    setIsMinLengthReached = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isMinLengthReached = _useState4[0],
+    setIsMinLengthReached = _useState4[1];
   var locale = useControlLocale();
   useEffectWithoutInitCall(function () {
-    onValueChange == null || onValueChange(files);
+    onValueChange === null || onValueChange === void 0 || onValueChange(files);
   }, [files]);
   var setFileStatus = useCallback(function (fileId, status) {
     setFiles(function (files) {
@@ -55,13 +59,13 @@ export var FileUploaderControlProvider = function FileUploaderControlProvider(pr
     });
   }, [locale]);
   var handleExternalSetFiles = useCallback(function (files) {
-    onAttach == null || onAttach(files);
+    onAttach === null || onAttach === void 0 || onAttach(files);
     setFiles(function (state) {
-      return [].concat(state, files);
+      return [].concat(_toConsumableArray(state), _toConsumableArray(files));
     });
   }, [onAttach]);
   var removeFile = useCallback(function (fileId) {
-    onRemove == null || onRemove(fileId);
+    onRemove === null || onRemove === void 0 || onRemove(fileId);
     setFiles(function (state) {
       return state.filter(function (file) {
         return file.id !== fileId;

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","getAttachedFile","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","concat","updatedProps","_extends","FileUploaderControlProvider","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","_useState","length","attachedFiles","map","item","setFiles","_useState2","isMinLengthReached","setIsMinLengthReached","locale","setFileStatus","status","validationResult","Error","Warning","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","createElement","Provider","value","displayName"],"sources":["FileUploaderControlProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport type { FileUploaderAttachedFile } from './fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = (\n  props: PropsWithChildren<\n    FileUploaderControlProviderProps & {\n      multiple?: boolean;\n    }\n  >,\n) => {\n  const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n  const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n    if (initialFiles && initialFiles.length > 0) {\n      const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n      return multiple ? attachedFiles : [attachedFiles[0]];\n    }\n    return [];\n  });\n  const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n  const locale = useControlLocale();\n\n  useEffectWithoutInitCall(() => {\n    onValueChange?.(files);\n  }, [files]);\n\n  const setFileStatus = useCallback(\n    (fileId: string, status: FileUploaderFileStatus) => {\n      setFiles((files) =>\n        updateFile(files, fileId, (file) => ({\n          status,\n          validationResult:\n            status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n              ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n              : file.validationResult,\n        })),\n      );\n    },\n    [locale],\n  );\n\n  const handleExternalSetFiles = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      onAttach?.(files);\n      setFiles((state) => [...state, ...files]);\n    },\n    [onAttach],\n  );\n\n  const removeFile = useCallback(\n    (fileId: string) => {\n      onRemove?.(fileId);\n      setFiles((state) => state.filter((file) => file.id !== fileId));\n    },\n    [onRemove],\n  );\n\n  const setFileValidationResult = useCallback(\n    (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n      setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n    },\n    [],\n  );\n\n  const reset = React.useCallback(() => {\n    setFiles(() => [] as FileUploaderAttachedFile[]);\n  }, []);\n\n  return (\n    <FileUploaderControlContext.Provider\n      value={useMemoObject({\n        setFileStatus,\n        files,\n        setFiles: handleExternalSetFiles,\n        removeFile,\n        setFileValidationResult,\n        reset,\n        isMinLengthReached,\n        setIsMinLengthReached,\n      })}\n    >\n      {children}\n    </FileUploaderControlContext.Provider>\n  );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","getAttachedFile","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","_toConsumableArray","updatedProps","_objectSpread","FileUploaderControlProvider","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","_useState","length","attachedFiles","map","item","_useState2","_slicedToArray","setFiles","_useState3","_useState4","isMinLengthReached","setIsMinLengthReached","locale","setFileStatus","status","validationResult","Error","Warning","error","requestErrorText","handleExternalSetFiles","state","concat","removeFile","filter","setFileValidationResult","reset","createElement","Provider","value","displayName"],"sources":["FileUploaderControlProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React, { useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport type { FileUploaderAttachedFile } from './fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) {\n    return files;\n  }\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = (\n  props: PropsWithChildren<\n    FileUploaderControlProviderProps & {\n      multiple?: boolean;\n    }\n  >,\n) => {\n  const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n  const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n    if (initialFiles && initialFiles.length > 0) {\n      const attachedFiles = initialFiles.map((item: File) => getAttachedFile(item));\n\n      return multiple ? attachedFiles : [attachedFiles[0]];\n    }\n    return [];\n  });\n  const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n  const locale = useControlLocale();\n\n  useEffectWithoutInitCall(() => {\n    onValueChange?.(files);\n  }, [files]);\n\n  const setFileStatus = useCallback(\n    (fileId: string, status: FileUploaderFileStatus) => {\n      setFiles((files) =>\n        updateFile(files, fileId, (file) => ({\n          status,\n          validationResult:\n            status === FileUploaderFileStatus.Error || status === FileUploaderFileStatus.Warning\n              ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n              : file.validationResult,\n        })),\n      );\n    },\n    [locale],\n  );\n\n  const handleExternalSetFiles = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      onAttach?.(files);\n      setFiles((state) => [...state, ...files]);\n    },\n    [onAttach],\n  );\n\n  const removeFile = useCallback(\n    (fileId: string) => {\n      onRemove?.(fileId);\n      setFiles((state) => state.filter((file) => file.id !== fileId));\n    },\n    [onRemove],\n  );\n\n  const setFileValidationResult = useCallback(\n    (fileId: string, validationResult: FileUploaderFileValidationResult, status?: FileUploaderFileStatus) => {\n      setFiles((files) => updateFile(files, fileId, () => ({ validationResult, status })));\n    },\n    [],\n  );\n\n  const reset = React.useCallback(() => {\n    setFiles(() => [] as FileUploaderAttachedFile[]);\n  }, []);\n\n  return (\n    <FileUploaderControlContext.Provider\n      value={useMemoObject({\n        setFileStatus,\n        files,\n        setFiles: handleExternalSetFiles,\n        removeFile,\n        setFileValidationResult,\n        reset,\n        isMinLengthReached,\n        setIsMinLengthReached,\n      })}\n    >\n      {children}\n    </FileUploaderControlContext.Provider>\n  );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;;AAEpD,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,wBAAwB,QAAQ,sCAAsC;;;AAG/E,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,aAAa;AACrE,SAASC,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,gCAAgC,QAAQ,oCAAoC;;;;;;;;;;;;;AAarF,IAAMC,UAAU,GAAG,SAAbA,UAAUA;AACdC,KAAiC;AACjCC,MAAc;AACdC,mBAA0F;AAC3D;EAC/B,IAAMC,SAAS,GAAGH,KAAK,CAACI,SAAS,CAAC,UAACC,IAAI,UAAKA,IAAI,CAACC,EAAE,KAAKL,MAAM,GAAC;EAC/D,IAAIE,SAAS,KAAK,CAAC,CAAC,EAAE;IACpB,OAAOH,KAAK;EACd;;EAEA,IAAMO,QAAQ,GAAAC,kBAAA,CAAOR,KAAK,CAAC;EAC3B,IAAMK,IAAI,GAAGL,KAAK,CAACG,SAAS,CAAC;;EAE7B,IAAMM,YAAY,GAAGP,mBAAmB,CAACG,IAAI,CAAC;;EAE9CE,QAAQ,CAACJ,SAAS,CAAC,GAAAO,aAAA,CAAAA,aAAA;EACdL,IAAI;EACJI,YAAY,CAChB;;;EAED,OAAOF,QAAQ;AACjB,CAAC;;AAED,OAAO,IAAMI,2BAA2B,GAAG,SAA9BA,2BAA2BA;AACtCC,KAIC;;;;;AACE;EACH,IAAQC,YAAY,GAA4DD,KAAK,CAA7EC,YAAY,CAAEC,QAAQ,GAAkDF,KAAK,CAA/DE,QAAQ,CAAEC,QAAQ,GAAwCH,KAAK,CAArDG,QAAQ,CAAEC,aAAa,GAAyBJ,KAAK,CAA3CI,aAAa,CAAEC,QAAQ,GAAeL,KAAK,CAA5BK,QAAQ,CAAEC,QAAQ,GAAKN,KAAK,CAAlBM,QAAQ;;EAE3E,IAAAC,SAAA,GAA0B5B,QAAQ,CAA6B,YAAM;MACnE,IAAIsB,YAAY,IAAIA,YAAY,CAACO,MAAM,GAAG,CAAC,EAAE;QAC3C,IAAMC,aAAa,GAAGR,YAAY,CAACS,GAAG,CAAC,UAACC,IAAU,UAAK5B,eAAe,CAAC4B,IAAI,CAAC,GAAC;;QAE7E,OAAOT,QAAQ,GAAGO,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,CAAC;MACtD;MACA,OAAO,EAAE;IACX,CAAC,CAAC,CAAAG,UAAA,GAAAC,cAAA,CAAAN,SAAA,KAPKnB,KAAK,GAAAwB,UAAA,IAAEE,QAAQ,GAAAF,UAAA;EAQtB,IAAAG,UAAA,GAAoDpC,QAAQ,CAAU,KAAK,CAAC,CAAAqC,UAAA,GAAAH,cAAA,CAAAE,UAAA,KAArEE,kBAAkB,GAAAD,UAAA,IAAEE,qBAAqB,GAAAF,UAAA;EAChD,IAAMG,MAAM,GAAGlC,gBAAgB,CAAC,CAAC;;EAEjCJ,wBAAwB,CAAC,YAAM;IAC7BuB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAGhB,KAAK,CAAC;EACxB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX,IAAMgC,aAAa,GAAG1C,WAAW;IAC/B,UAACW,MAAc,EAAEgC,MAA8B,EAAK;MAClDP,QAAQ,CAAC,UAAC1B,KAAK;UACbD,UAAU,CAACC,KAAK,EAAEC,MAAM,EAAE,UAACI,IAAI,UAAM;cACnC4B,MAAM,EAANA,MAAM;cACNC,gBAAgB;cACdD,MAAM,KAAKvC,sBAAsB,CAACyC,KAAK,IAAIF,MAAM,KAAKvC,sBAAsB,CAAC0C,OAAO;cAChFtC,gCAAgC,CAACuC,KAAK,CAACN,MAAM,CAACO,gBAAgB,CAAC;cAC/DjC,IAAI,CAAC6B;YACb,CAAC,EAAC,CAAC;MACL,CAAC;IACH,CAAC;IACD,CAACH,MAAM;EACT,CAAC;;EAED,IAAMQ,sBAAsB,GAAGjD,WAAW;IACxC,UAACU,KAAiC,EAAK;MACrCkB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGlB,KAAK,CAAC;MACjB0B,QAAQ,CAAC,UAACc,KAAK,aAAAC,MAAA,CAAAjC,kBAAA,CAASgC,KAAK,GAAAhC,kBAAA,CAAKR,KAAK,IAAC,CAAC;IAC3C,CAAC;IACD,CAACkB,QAAQ;EACX,CAAC;;EAED,IAAMwB,UAAU,GAAGpD,WAAW;IAC5B,UAACW,MAAc,EAAK;MAClBgB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGhB,MAAM,CAAC;MAClByB,QAAQ,CAAC,UAACc,KAAK,UAAKA,KAAK,CAACG,MAAM,CAAC,UAACtC,IAAI,UAAKA,IAAI,CAACC,EAAE,KAAKL,MAAM,GAAC,GAAC;IACjE,CAAC;IACD,CAACgB,QAAQ;EACX,CAAC;;EAED,IAAM2B,uBAAuB,GAAGtD,WAAW;IACzC,UAACW,MAAc,EAAEiC,gBAAkD,EAAED,MAA+B,EAAK;MACvGP,QAAQ,CAAC,UAAC1B,KAAK,UAAKD,UAAU,CAACC,KAAK,EAAEC,MAAM,EAAE,oBAAO,EAAEiC,gBAAgB,EAAhBA,gBAAgB,EAAED,MAAM,EAANA,MAAM,CAAC,CAAC,EAAC,CAAC,GAAC;IACtF,CAAC;IACD;EACF,CAAC;;EAED,IAAMY,KAAK,GAAGxD,KAAK,CAACC,WAAW,CAAC,YAAM;IACpCoC,QAAQ,CAAC,oBAAM,EAAE,EAA8B,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;;EAEN;IACErC,KAAA,CAAAyD,aAAA,CAAClD,0BAA0B,CAACmD,QAAQ;MAClCC,KAAK,EAAExD,aAAa,CAAC;QACnBwC,aAAa,EAAbA,aAAa;QACbhC,KAAK,EAALA,KAAK;QACL0B,QAAQ,EAAEa,sBAAsB;QAChCG,UAAU,EAAVA,UAAU;QACVE,uBAAuB,EAAvBA,uBAAuB;QACvBC,KAAK,EAALA,KAAK;QACLhB,kBAAkB,EAAlBA,kBAAkB;QAClBC,qBAAqB,EAArBA;MACF,CAAC,CAAE;;IAEFf;IACkC,CAAC;;AAE1C,CAAC;;AAEDJ,2BAA2B,CAACsC,WAAW,GAAG,6BAA6B","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.styles/FileUploaderFile.styles.js

@@ -1,181 +1,181 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56;
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: inherit;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      width: 100%;\n      height: inherit;\n    "])));
   },
   content: function content() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      width: 100%;\n      align-items: baseline;\n    "])));
   },
   error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
   },
   validationTextError: function validationTextError(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderErrorTextColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.fileUploaderErrorTextColor);
   },
   validationTextWarning: function validationTextWarning(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderWarningTextColor);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.fileUploaderWarningTextColor);
   },
   nameBlock: function nameBlock() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1 100%;\n      width: 100%;\n    "])));
   },
   size: function size(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])), t.fileUploaderFileSizeMarginLeft);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      flex: 1 0 auto;\n    "])), t.fileUploaderFileSizeMarginLeft);
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthSmall, t.fileUploaderFileSizeMarginSmall, t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthSmall, t.fileUploaderFileSizeMarginSmall, t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthMedium, t.fileUploaderFileSizeMarginMedium, t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthMedium, t.fileUploaderFileSizeMarginMedium, t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthLarge, t.fileUploaderFileSizeMarginLarge, t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      width: ", ";\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFileSizeWidthLarge, t.fileUploaderFileSizeMarginLarge, t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
   },
   icon: function icon(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      flex: 1 0 auto;\n      cursor: pointer;\n      text-align: right;\n      outline: none;\n    "])), t.fileUploaderTileIconSizeSmall);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      width: ", ";\n      flex: 1 0 auto;\n      cursor: pointer;\n      text-align: right;\n      outline: none;\n    "])), t.fileUploaderTileIconSizeSmall);
   },
   icon5_5: function icon5_5(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n      border-radius: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: ", ";\n      right: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderBorderRadius, t.fileUploaderIconGapSmall, t.fileUploaderIconGapSmall, t.fileUploaderHoveredBg, t.fileUploaderActiveBg);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      text-align: center;\n      border-radius: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: ", ";\n      right: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderBorderRadius, t.fileUploaderIconGapSmall, t.fileUploaderIconGapSmall, t.fileUploaderHoveredBg, t.fileUploaderActiveBg);
   },
   iconMultiple: function iconMultiple() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      position: static;\n    "])));
   },
   disabledFileTypeIconSvg: function disabledFileTypeIconSvg(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      svg {\n        fill: ", " !important;\n      }\n    "])), t.fileUploaderDisabledFileTypeIcon);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      svg {\n        fill: ", " !important;\n      }\n    "])), t.fileUploaderDisabledFileTypeIcon);
   },
   fileTypeIconMultiple: function fileTypeIconMultiple() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin-left: 0;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      margin-left: 0;\n    "])));
   },
   contentSmall: function contentSmall(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
   },
   contentMedium: function contentMedium(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
   },
   contentLarge: function contentLarge(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
   }
 };
 var rowStyles = {
   content: function content() {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      flex-direction: row;\n    "])));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      flex-direction: row;\n    "])));
   },
   contentSmall: function contentSmall(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeSmall);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeSmall);
   },
   contentMedium: function contentMedium(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
   },
   contentLarge: function contentLarge(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderFileIconSizeMedium);
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeSmall, t.fileUploaderFileIconSizeSmall);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeSmall, t.fileUploaderFileIconSizeSmall);
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeMedium, t.fileUploaderFileIconSizeMedium);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeMedium, t.fileUploaderFileIconSizeMedium);
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeLarge, t.fileUploaderFileIconSizeLarge);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      height: ", ";\n      width: ", ";\n    "])), t.fileUploaderFileIconSizeLarge, t.fileUploaderFileIconSizeLarge);
   },
   fileTypeIconSmall: function fileTypeIconSmall(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapSmall);
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapSmall);
   },
   fileTypeIconMedium: function fileTypeIconMedium(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapMedium);
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapMedium);
   },
   fileTypeIconLarge: function fileTypeIconLarge(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapLarge);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      margin-right: ", ";\n    "])), t.fileUploaderIconGapLarge);
   },
   iconColor: function iconColor(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
   },
   size: function size(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      color: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderDisabledColor);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n      margin-left: ", ";\n      color: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderDisabledColor);
   },
   name: function name() {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
   },
   nameBlock: function nameBlock() {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n      flex: 1 1 100%;\n    "])));
   },
   disabled: function disabled(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledTextColor);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledTextColor);
   }
 };
 var tileStyles = {
   content: function content() {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      flex-direction: column;\n      align-items: center;\n      height: inherit;\n    "])));
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n      flex-direction: column;\n      align-items: center;\n      height: inherit;\n    "])));
   },
   iconAction: function iconAction(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      opacity: 0;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderBorderRadius, t.fileUploaderTileIconColorBg, t.fileUploaderTileIconHoverColorBg, t.fileUploaderTileIconActiveColorBg);
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n      border-radius: ", ";\n      opacity: 0;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.fileUploaderBorderRadius, t.fileUploaderTileIconColorBg, t.fileUploaderTileIconHoverColorBg, t.fileUploaderTileIconActiveColorBg);
   },
   iconActionShow: function iconActionShow() {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n    "])));
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconActionPaddingSmall, t.fileUploaderTileIconActionPositionSmall, t.fileUploaderTileIconActionPositionSmall);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconSizeSmall, t.fileUploaderTileIconActionPaddingSmall, t.fileUploaderTileIconActionPositionSmall, t.fileUploaderTileIconActionPositionSmall);
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconActionPaddingMedium, t.fileUploaderTileIconActionPositionMedium, t.fileUploaderTileIconActionPositionMedium);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconSizeMedium, t.fileUploaderTileIconActionPaddingMedium, t.fileUploaderTileIconActionPositionMedium, t.fileUploaderTileIconActionPositionMedium);
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconActionPaddingLarge, t.fileUploaderTileIconActionPositionLarge, t.fileUploaderTileIconActionPositionLarge);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n      width: ", ";\n      height: ", ";\n      padding: ", ";\n      top: ", ";\n      right: ", ";\n    "])), t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconSizeLarge, t.fileUploaderTileIconActionPaddingLarge, t.fileUploaderTileIconActionPositionLarge, t.fileUploaderTileIconActionPositionLarge);
   },
   fileTypeIcon: function fileTypeIcon(t) {
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "])), t.fileUploaderDisabledBorderColor, t.fileUploaderBorderRadius);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n      width: 100%;\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "])), t.fileUploaderDisabledBorderColor, t.fileUploaderBorderRadius);
   },
   fileTypeIconPreview: function fileTypeIconPreview() {
-    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      background-position: top;\n      background-size: cover;\n      background-repeat: no-repeat;\n    "])));
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n      background-position: top;\n      background-size: cover;\n      background-repeat: no-repeat;\n    "])));
   },
   fileTypeIconSmall: function fileTypeIconSmall(t) {
-    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderTileTypeIconHeightSmall);
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapSmall, t.fileUploaderTileTypeIconHeightSmall);
   },
   fileTypeIconMedium: function fileTypeIconMedium(t) {
-    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapMedium, t.fileUploaderTileTypeIconHeightMedium);
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapMedium, t.fileUploaderTileTypeIconHeightMedium);
   },
   fileTypeIconLarge: function fileTypeIconLarge(t) {
-    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapLarge, t.fileUploaderTileTypeIconHeightLarge);
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n      margin-bottom: ", ";\n      height: ", ";\n    "])), t.fileUploaderIconGapLarge, t.fileUploaderTileTypeIconHeightLarge);
   },
   disabledFileTypeIcon: function disabledFileTypeIcon(t) {
-    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      background: ", ";\n    "])), t.fileUploaderDisabledBg);
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n      box-shadow: none;\n      background: ", ";\n    "])), t.fileUploaderDisabledBg);
   },
   sizeDisabled: function sizeDisabled(t) {
-    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
   },
   errorFileTypeIcon: function errorFileTypeIcon(t) {
-    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderErrorBgColor, t.fileUploaderErrorBgColor);
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderErrorBgColor, t.fileUploaderErrorBgColor);
   },
   warningFileTypeIcon: function warningFileTypeIcon(t) {
-    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderWarningBgColor, t.fileUploaderWarningBgColor);
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), t.fileUploaderWarningBgColor, t.fileUploaderWarningBgColor);
   },
   iconColor: function iconColor(t) {
-    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderTileIconColor, t.fileUploaderTileIconHoverColor);
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderTileIconColor, t.fileUploaderTileIconHoverColor);
   },
   size: function size(t) {
-    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      margin: ", " 0 0;\n      overflow: hidden;\n      text-align: center;\n      color: ", ";\n    "])), t.fileUploaderIconGapSmall, t.clearCrossIconColor);
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: ", " 0 0;\n      overflow: hidden;\n      text-align: center;\n      color: ", ";\n    "])), t.fileUploaderIconGapSmall, t.clearCrossIconColor);
   },
   name: function name() {
-    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n      word-break: break-all;\n      height: 100%;\n\n      span {\n        word-break: break-word;\n      }\n    "])));
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n      flex: 1 1 100%;\n      word-break: break-all;\n      height: 100%;\n\n      span {\n        word-break: break-word;\n      }\n    "])));
   },
   nameBlock: function nameBlock() {
-    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      flex: 0;\n      text-align: center;\n    "])));
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n      flex: 0;\n      text-align: center;\n    "])));
   },
   contentSmall: function contentSmall(t) {
     var maxHeight = parseInt(t.fileUploaderLineHeightSmall) * 2;
-    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n      max-height: ", "px;\n    "])), maxHeight);
   },
   contentMedium: function contentMedium(t) {
     var maxHeight = parseInt(t.fileUploaderLineHeightMedium) * 2;
-    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n      max-height: ", "px;\n    "])), maxHeight);
   },
   contentLarge: function contentLarge(t) {
     var maxHeight = parseInt(t.fileUploaderLineHeightLarge) * 2;
-    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      max-height: ", "px;\n    "])), maxHeight);
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n      max-height: ", "px;\n    "])), maxHeight);
   },
   disabled: function disabled(t) {
-    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n      cursor: default;\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
   }
 };
 export var jsStyles = memoizeStyle(styles);