@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/internal/CustomComboBox/__creevey__/ComboBoxView.creevey.mts

@@ -0,0 +1,30 @@
+import { story, kind, test } from 'creevey';
+
+const FIREFOX_REGEXP = /.*firefox.*/i;
+
+kind('ComboBoxView', () => {
+  story('InputLikeText', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'story-skip-0': {
+          in: FIREFOX_REGEXP,
+          tests: ['focused first element'],
+        },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('focused first element', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="InputLikeText"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'focused first element');
+    });
+  });
+});

package/internal/CustomComboBox/tids/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CustomComboBox/tids.js",
+  "module": "tids",
+  "types": "../tids.d.ts",
+  "sideEffects": false
+}

package/internal/CustomComboBox/tids/tids.js

@@ -0,0 +1,3 @@
+export var CustomComboBoxDataTids = {
+  comboBoxView: 'ComboBoxView__root'
+};

package/internal/CustomComboBox/tids/tids.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomComboBoxDataTids","comboBoxView"],"sources":["tids.ts"],"sourcesContent":["export const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n"],"mappings":"AAAA,OAAO,IAAMA,sBAAsB,GAAG;EACpCC,YAAY,EAAE;AAChB,CAAU","ignoreList":[]}

package/internal/CustomComboBox/tids.d.ts

@@ -0,0 +1,3 @@
+export declare const CustomComboBoxDataTids: {
+    readonly comboBoxView: "ComboBoxView__root";
+};

package/internal/DataTids/DataTids.styles/DataTids.styles.js

@@ -1,20 +1,56 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   wrapper: function wrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1v8guk9",
+      styles: "&:not(:first-child){margin-top:20px;}"
+    } : {
+      name: "1haz4po-wrapper",
+      styles: "&:not(:first-child){margin-top:20px;};label:wrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   componentName: function componentName() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "nl6o3r",
+      styles: "font-weight:700;font-size:1.25em;margin:0 5px 5px"
+    } : {
+      name: "1eglpn5-componentName",
+      styles: "font-weight:700;font-size:1.25em;margin:0 5px 5px;label:componentName;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   row: function row() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1jxbhpq",
+      styles: "display:flex;width:100%;font-size:16px"
+    } : {
+      name: "x772q6-row",
+      styles: "display:flex;width:100%;font-size:16px;label:row;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   leftCell: function leftCell() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "4da7pz",
+      styles: "padding:5px;border-right:1px solid #dadada;border-bottom:1px solid #dadada;width:30%;overflow-wrap:anywhere"
+    } : {
+      name: "1wv9ath-leftCell",
+      styles: "padding:5px;border-right:1px solid #dadada;border-bottom:1px solid #dadada;width:30%;overflow-wrap:anywhere;label:leftCell;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   rightCell: function rightCell() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1tiosx1",
+      styles: "padding:5px;border-bottom:1px solid #dadada;width:70%"
+    } : {
+      name: "10f19ir-rightCell",
+      styles: "padding:5px;border-bottom:1px solid #dadada;width:70%;label:rightCell;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

package/internal/DataTids/DataTids.styles/DataTids.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","componentName","_templateObject2","row","_templateObject3","leftCell","_templateObject4","rightCell","_templateObject5"],"sources":["DataTids.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKZ,CAAC;EACDG,GAAG,WAAAA,IAAA,EAAG;IACJ,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;;EAOZ,CAAC;EACDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","wrapper","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","componentName","row","leftCell","rightCell"],"sources":["DataTids.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,gDAAAK,IAAA,qBAAAL,MAAA,0DAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,4DAAAK,IAAA,2BAAAL,MAAA,4EAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;EACDE,GAAG,WAAAA,IAAA,EAAG;IACJ,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,iDAAAK,IAAA,gBAAAL,MAAA,uDAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;;EAEDG,QAAQ,WAAAA,SAAA,EAAG;IACT,oBAAOZ,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,sHAAAK,IAAA,sBAAAL,MAAA,iIAAAM,QAAA,EAAAC,gCAAA;;;;;;;EAOZ,CAAC;EACDI,SAAS,WAAAA,UAAA,EAAG;IACV,oBAAOb,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,gEAAAK,IAAA,uBAAAL,MAAA,4EAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,17 +1,32 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('select')({
   arrow: 'arrow'
 });
 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 /*#__PURE__*/css("color:", t.dateSelectTextColorDefault, ";cursor:pointer;display:inline-flex;justify-content:space-between;font:inherit;font-size:", t.dateSelectFontSize, ";padding:0px;padding-right:2px;position:relative;text-align:left;touch-action:none;border:none;line-height:", t.dateSelectLineHeight, ";background-color:transparent;box-sizing:content-box;&:hover{color:", t.dateSelectLinkColor, ";}& .", globalClasses.arrow, "{transition:fill ", t.transitionDuration, " ", t.transitionTimingFunction, ";}&:hover .", globalClasses.arrow, "{fill:", t.dateSelectTextColorDefault, "!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   disabled: function disabled() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "gbfx05",
+      styles: "color:inherit!important;cursor:default"
+    } : {
+      name: "1t0w32z-disabled",
+      styles: "color:inherit!important;cursor:default;label:disabled;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   caption: function caption() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "bjn8wh",
+      styles: "position:relative"
+    } : {
+      name: "5utdkx-caption",
+      styles: "position:relative;label:caption;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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 { 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","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","process","env","NODE_ENV","disabled","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","caption"],"sources":["DateSelect.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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":"uRAAA,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,oBAAOP,GAAG;IACCO,CAAC,CAACC,0BAA0B;;;;;IAKxBD,CAAC,CAACE,kBAAkB;;;;;;;IAOlBF,CAAC,CAACG,oBAAoB;;;;;IAK1BH,CAAC,CAACI,mBAAmB;;;IAG3BR,aAAa,CAACC,KAAK;IACHG,CAAC,CAACK,kBAAkB,OAAIL,CAAC,CAACM,wBAAwB;;;IAG5DV,aAAa,CAACC,KAAK;IACpBG,CAAC,CAACC,0BAA0B,oBAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG1C,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,oBAAOjB,GAAG,CAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAb,MAAA,iDAAAa,IAAA,sBAAAb,MAAA,4DAAAc,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOrB,GAAG,CAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAb,MAAA,4BAAAa,IAAA,oBAAAb,MAAA,sCAAAc,QAAA,EAAAC,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,51 +1,108 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1d3w5wq",
+      styles: "width:100%"
+    } : {
+      name: "abc58s-root",
+      styles: "width:100%;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   content: function content() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1iikq5b",
+      styles: "display:flex;width:100%;align-items:center"
+    } : {
+      name: "11wmvlu-content",
+      styles: "display:flex;width:100%;align-items:center;label:content;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderBorderColorError);
+    return /*#__PURE__*/css("color:", t.fileUploaderBorderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   },
   name: function name() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n      overflow: hidden;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1blqlfr",
+      styles: "flex:1 1 100%;overflow:hidden"
+    } : {
+      name: "oywogk-name",
+      styles: "flex:1 1 100%;overflow:hidden;label:name;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   size: function size() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-left: 28px;\n      flex: 1 0 auto;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1028bbf",
+      styles: "margin-left:28px;flex:1 0 auto"
+    } : {
+      name: "nmjsp2-size",
+      styles: "margin-left:28px;flex:1 0 auto;label:size;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   icon: function icon(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ", ";\n      text-align: right;\n      outline: none;\n    "])), t.fileUploaderIconSize);
+    return /*#__PURE__*/css("width:16px;flex:1 0 auto;cursor:pointer;font-size:", t.fileUploaderIconSize, ";text-align:right;outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:icon;"));
   },
   iconSmall: function iconSmall() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "158icaa",
+      styles: "margin-left:4px"
+    } : {
+      name: "sumlmk-iconSmall",
+      styles: "margin-left:4px;label:iconSmall;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iconMedium: function iconMedium() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin-left: 6px;\n      width: 18px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "sdzn1e",
+      styles: "margin-left:6px;width:18px"
+    } : {
+      name: "15nyvsh-iconMedium",
+      styles: "margin-left:6px;width:18px;label:iconMedium;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iconLarge: function iconLarge() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: 6px;\n      width: 20px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1922ryd",
+      styles: "margin-left:6px;width:20px"
+    } : {
+      name: "16wvifs-iconLarge",
+      styles: "margin-left:6px;width:20px;label:iconLarge;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iconMultiple: function iconMultiple() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1l675nn",
+      styles: "position:static"
+    } : {
+      name: "177tvic-iconMultiple",
+      styles: "position:static;label:iconMultiple;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   contentSmall: function contentSmall(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeSmall);
+    return /*#__PURE__*/css("font-size:", t.fileUploaderFontSizeSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentSmall;"));
   },
   contentMedium: function contentMedium(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeMedium);
+    return /*#__PURE__*/css("font-size:", t.fileUploaderFontSizeMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentMedium;"));
   },
   contentLarge: function contentLarge(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n    "])), t.fileUploaderFontSizeLarge);
+    return /*#__PURE__*/css("font-size:", t.fileUploaderFontSizeLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentLarge;"));
   },
   deleteIcon: function deleteIcon(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        color: ", ";\n      }\n    "])), t.fileUploaderIconColor, t.fileUploaderIconHoverColor);
+    return /*#__PURE__*/css("color:", t.fileUploaderIconColor, ";&:hover{color:", t.fileUploaderIconHoverColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:deleteIcon;"));
   },
   focusedIcon: function focusedIcon(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      outline: 1px solid ", ";\n    "])), t.borderColorFocus);
+    return /*#__PURE__*/css("outline:1px solid ", t.borderColorFocus, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focusedIcon;"));
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","content","_templateObject2","error","t","_templateObject3","fileUploaderBorderColorError","name","_templateObject4","size","_templateObject5","icon","_templateObject6","fileUploaderIconSize","iconSmall","_templateObject7","iconMedium","_templateObject8","iconLarge","_templateObject9","iconMultiple","_templateObject10","contentSmall","_templateObject11","fileUploaderFontSizeSmall","contentMedium","_templateObject12","fileUploaderFontSizeMedium","contentLarge","_templateObject13","fileUploaderFontSizeLarge","deleteIcon","_templateObject14","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","_templateObject15","borderColorFocus","jsStyles"],"sources":["FileUploaderFile.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  iconSmall() {\n    return css`\n      margin-left: 4px;\n    `;\n  },\n\n  iconMedium() {\n    return css`\n      margin-left: 6px;\n      width: 18px;\n    `;\n  },\n\n  iconLarge() {\n    return css`\n      margin-left: 6px;\n      width: 20px;\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sXAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKZ,CAAC;;EAEDG,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACCI,CAAC,CAACE,4BAA4B;;EAE3C,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ,CAAC;;EAEDS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;EAIZ,CAAC;;EAEDW,IAAI,WAAAA,KAACP,CAAQ,EAAE;IACb,OAAOT,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;;IAIKI,CAAC,CAACS,oBAAoB;;;;EAIvC,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;EAGZ,CAAC;;EAEDgB,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;;EAIZ,CAAC;;EAEDoB,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOzB,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAArB,2BAAA;;;EAGZ,CAAC;;EAEDsB,YAAY,WAAAA,aAAClB,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;IACKI,CAAC,CAACoB,yBAAyB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAACrB,CAAQ,EAAE;IACtB,OAAOT,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACKI,CAAC,CAACuB,0BAA0B;;EAE7C,CAAC;;EAEDC,YAAY,WAAAA,aAACxB,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;IACKI,CAAC,CAAC0B,yBAAyB;;EAE5C,CAAC;;EAEDC,UAAU,WAAAA,WAAC3B,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;IACCI,CAAC,CAAC6B,qBAAqB;;IAErB7B,CAAC,CAAC8B,0BAA0B;;;EAG3C,CAAC;;EAEDC,WAAW,WAAAA,YAAC/B,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,2BAAA;IACaI,CAAC,CAACiC,gBAAgB;;EAE3C;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAG1C,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","content","error","t","fileUploaderBorderColorError","size","icon","fileUploaderIconSize","iconSmall","iconMedium","iconLarge","iconMultiple","contentSmall","fileUploaderFontSizeSmall","contentMedium","fileUploaderFontSizeMedium","contentLarge","fileUploaderFontSizeLarge","deleteIcon","fileUploaderIconColor","fileUploaderIconHoverColor","focusedIcon","borderColorFocus","jsStyles"],"sources":["FileUploaderFile.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      color: ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  name() {\n    return css`\n      flex: 1 1 100%;\n      overflow: hidden;\n    `;\n  },\n\n  size() {\n    return css`\n      margin-left: 28px;\n      flex: 1 0 auto;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      width: 16px;\n      flex: 1 0 auto;\n      cursor: pointer;\n      font-size: ${t.fileUploaderIconSize};\n      text-align: right;\n      outline: none;\n    `;\n  },\n\n  iconSmall() {\n    return css`\n      margin-left: 4px;\n    `;\n  },\n\n  iconMedium() {\n    return css`\n      margin-left: 6px;\n      width: 18px;\n    `;\n  },\n\n  iconLarge() {\n    return css`\n      margin-left: 6px;\n      width: 20px;\n    `;\n  },\n\n  iconMultiple() {\n    return css`\n      position: static;\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n    `;\n  },\n\n  deleteIcon(t: Theme) {\n    return css`\n      color: ${t.fileUploaderIconColor};\n      &:hover {\n        color: ${t.fileUploaderIconHoverColor};\n      }\n    `;\n  },\n\n  focusedIcon(t: Theme) {\n    return css`\n      outline: 1px solid ${t.borderColorFocus};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"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","ignoreList":[]}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js

@@ -1,21 +1,36 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   file: function file() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1d3w5wq",
+      styles: "width:100%"
+    } : {
+      name: "w5yprj-file",
+      styles: "width:100%;label:file;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   fileWrapper: function fileWrapper() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1pa2ckm",
+      styles: "width:100%;height:32px;display:flex;align-items:center;box-sizing:border-box"
+    } : {
+      name: "jf1rmi-fileWrapper",
+      styles: "width:100%;height:32px;display:flex;align-items:center;box-sizing:border-box;label:fileWrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   fileWrapperSmall: function fileWrapperSmall(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+    return /*#__PURE__*/css("padding:", t.fileUploaderPaddingYSmall, " ", t.fileUploaderPaddingXSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:fileWrapperSmall;"));
   },
   fileWrapperMedium: function fileWrapperMedium(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+    return /*#__PURE__*/css("padding:", t.fileUploaderPaddingYMedium, " ", t.fileUploaderPaddingXMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:fileWrapperMedium;"));
   },
   fileWrapperLarge: function fileWrapperLarge(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
+    return /*#__PURE__*/css("padding:", t.fileUploaderPaddingYLarge, " ", t.fileUploaderPaddingXLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:fileWrapperLarge;"));
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles/FileUploaderFileList.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","file","_templateObject","_taggedTemplateLiteralLoose","fileWrapper","_templateObject2","fileWrapperSmall","t","_templateObject3","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","_templateObject4","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","_templateObject5","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper() {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;EAOZ,CAAC;;EAEDG,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACGI,CAAC,CAACE,yBAAyB,EAAIF,CAAC,CAACG,yBAAyB;;EAEzE,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACJ,CAAQ,EAAE;IAC1B,OAAOT,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACGI,CAAC,CAACM,0BAA0B,EAAIN,CAAC,CAACO,0BAA0B;;EAE3E,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACR,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACGI,CAAC,CAACU,yBAAyB,EAAIV,CAAC,CAACW,yBAAyB;;EAEzE;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGpB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","file","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","fileWrapper","fileWrapperSmall","t","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","fileWrapperMedium","fileUploaderPaddingYMedium","fileUploaderPaddingXMedium","fileWrapperLarge","fileUploaderPaddingYLarge","fileUploaderPaddingXLarge","jsStyles"],"sources":["FileUploaderFileList.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  file() {\n    return css`\n      width: 100%;\n    `;\n  },\n  fileWrapper() {\n    return css`\n      width: 100%;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    `;\n  },\n\n  fileWrapperSmall(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n\n  fileWrapperMedium(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYMedium} ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n\n  fileWrapperLarge(t: Theme) {\n    return css`\n      padding: ${t.fileUploaderPaddingYLarge} ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,qBAAAK,IAAA,iBAAAL,MAAA,4BAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,uFAAAK,IAAA,wBAAAL,MAAA,qGAAAM,QAAA,EAAAC,gCAAA;;;;;;;EAOZ,CAAC;;EAEDE,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,oBAAOZ,GAAG;IACGY,CAAC,CAACC,yBAAyB,OAAID,CAAC,CAACE,yBAAyB,SAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEzE,CAAC;;EAEDS,iBAAiB,WAAAA,kBAACH,CAAQ,EAAE;IAC1B,oBAAOZ,GAAG;IACGY,CAAC,CAACI,0BAA0B,OAAIJ,CAAC,CAACK,0BAA0B,SAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE3E,CAAC;;EAEDY,gBAAgB,WAAAA,iBAACN,CAAQ,EAAE;IACzB,oBAAOZ,GAAG;IACGY,CAAC,CAACO,yBAAyB,OAAIP,CAAC,CAACQ,yBAAyB,SAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEzE;AACF,CAAC;;AAED,OAAO,IAAMe,QAAQ,GAAGpB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mts

@@ -0,0 +1,25 @@
+import { story, kind, test } from 'creevey';
+
+kind('FileUploaderFile', () => {
+  story('FileUploaderFileWithValidationError', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'story-skip-0': {
+          in: /^(?!\b(chrome2022)\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid="FileUploader__fileName"]' }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+  });
+});

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -1,6 +1,5 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _HideBodyVerticalScroll, _templateObject;
+var _HideBodyVerticalScroll;
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
@@ -100,5 +99,5 @@ VerticalScrollCounter.get = function () {
   return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;
 };
 function generateDocumentStyle(documentMargin) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    overflow: hidden !important;\n    margin-right: ", "px !important;\n    height: 100%;\n  "])), documentMargin);
+  return /*#__PURE__*/css("overflow:hidden!important;margin-right:", documentMargin, "px!important;height:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:generateDocumentStyle;"));
 }

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","getScrollWidth","css","disposeDocumentStyle","HideBodyVerticalScroll","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","initialScroll","master","restoreStyles","document","documentElement","scrollTop","_inheritsLoose","_proto","prototype","componentDidMount","counter","VerticalScrollCounter","increment","_globalObject$documen","updateScrollVisibility","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","Component","_HideBodyVerticalScroll","__KONTUR_REACT_UI__","displayName","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","globalWithRetailUIVerticalScrollCounter","RetailUIVerticalScrollCounter","get","_templateObject","_taggedTemplateLiteralLoose"],"sources":["HideBodyVerticalScroll.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = globalObject.document?.documentElement ? globalObject.document.documentElement.scrollTop : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      globalObject.removeEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(globalObject)) {\n      return;\n    }\n    const { documentElement } = globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (globalObject.document) {\n        globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","getScrollWidth","css","disposeDocumentStyle","HideBodyVerticalScroll","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","initialScroll","master","restoreStyles","document","documentElement","scrollTop","_inheritsLoose","_proto","prototype","componentDidMount","counter","VerticalScrollCounter","increment","_globalObject$documen","updateScrollVisibility","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","Component","_HideBodyVerticalScroll","__KONTUR_REACT_UI__","displayName","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollbarConst","overflowY","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","globalWithRetailUIVerticalScrollCounter","RetailUIVerticalScrollCounter","get","process","env","NODE_ENV"],"sources":["HideBodyVerticalScroll.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = globalObject.document?.documentElement ? globalObject.document.documentElement.scrollTop : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      globalObject.removeEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(globalObject)) {\n      return;\n    }\n    const { documentElement } = globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (globalObject.document) {\n        globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter = globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.mts

@@ -0,0 +1,83 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const testScrollLockUnlock = () => {
+  test('scroll, lock, unlock', async (context) => {
+    const toggle = async () => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="toggle-lock"]' }))
+        .perform();
+      await delay(1000);
+    };
+    await context.webdriver.executeScript(function () {
+      const scrollContainer = window.document.documentElement;
+      scrollContainer.scrollTop = scrollContainer.scrollHeight;
+    });
+    const scrolled = await context.webdriver.takeScreenshot();
+    await toggle();
+    const locked = await context.webdriver.takeScreenshot();
+    await toggle();
+    const unlocked = await context.webdriver.takeScreenshot();
+    await context.matchImages({ scrolled, locked, unlocked });
+  });
+};
+
+kind('HideBodyVerticalScroll', () => {
+  story('Sample', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('WithScrollableContent', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('WithHTMLOverflowYScroll', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('Multiple_WithScrollableContent', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('DisorderlyUnmountAndResize', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    test('idle, hide, show, resize', async (context) => {
+      const toggle = async (index: number) => {
+        await context.webdriver.findElement({ css: `div:nth-of-type(${index}) [data-tid~="toggle-lock"]` }).click();
+      };
+
+      const idle = await context.webdriver.takeScreenshot();
+
+      await toggle(1);
+      await toggle(2);
+      const hide = await context.webdriver.takeScreenshot();
+
+      await toggle(1);
+      await toggle(2);
+      const show = await context.webdriver.takeScreenshot();
+
+      await context.webdriver.findElement({ css: '[data-tid="resize"]' }).click();
+      const resize = await context.webdriver.takeScreenshot();
+
+      await context.matchImages({ idle, hide, show, resize });
+    });
+  });
+});