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

package/components/Kebab/Kebab.styles/Kebab.styles.js

@@ -1,29 +1,37 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+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({
   kebab: function kebab(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.kebabBorder, t.kebabBorderRadius, t.kebabBackground, t.kebabBackgroundHover, t.kebabBackgroundActive);
+    return /*#__PURE__*/css("display:inline-flex;align-items:center;justify-content:center;text-align:center;border:", t.kebabBorder, ";box-sizing:border-box;border-radius:", t.kebabBorderRadius, ";user-select:none;cursor:pointer;outline:0;transition:background 0.12s ease-out;background:", t.kebabBackground, ";&:hover{background:", t.kebabBackgroundHover, ";}&:active{background:", t.kebabBackgroundActive, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:kebab;"));
   },
   kebabSmall: function kebabSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeSmall, t.kebabSizeSmall);
+    return /*#__PURE__*/css("width:", t.kebabSizeSmall, ";height:", t.kebabSizeSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:kebabSmall;"));
   },
   kebabMedium: function kebabMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeMedium, t.kebabSizeMedium);
+    return /*#__PURE__*/css("width:", t.kebabSizeMedium, ";height:", t.kebabSizeMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:kebabMedium;"));
   },
   kebabLarge: function kebabLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeLarge, t.kebabSizeLarge);
+    return /*#__PURE__*/css("width:", t.kebabSizeLarge, ";height:", t.kebabSizeLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:kebabLarge;"));
   },
   focused: function focused(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.kebabBackgroundHover, t.borderColorFocus);
+    return /*#__PURE__*/css("background:", t.kebabBackgroundHover, ";border-color:", t.borderColorFocus, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focused;"));
   },
   opened: function opened(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])), t.kebabBackgroundActive);
+    return /*#__PURE__*/css("background:", t.kebabBackgroundActive, "!important;cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:opened;"));
   },
   disabled: function disabled() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1rrzfrw",
+      styles: "cursor:default;&:hover{background:none;}"
+    } : {
+      name: "o7j4m3-disabled",
+      styles: "cursor:default;&:hover{background:none;};label:disabled;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   menu: function menu(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])), t.popupBorderRadius);
+    return /*#__PURE__*/css("overflow:hidden;border-radius:", t.popupBorderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menu;"));
   }
 });

package/components/Kebab/Kebab.styles/Kebab.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","kebab","t","_templateObject","_taggedTemplateLiteralLoose","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","_templateObject2","kebabSizeSmall","kebabMedium","_templateObject3","kebabSizeMedium","kebabLarge","_templateObject4","kebabSizeLarge","focused","_templateObject5","borderColorFocus","opened","_templateObject6","disabled","_templateObject7","menu","_templateObject8","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKEF,CAAC,CAACG,WAAW;;IAENH,CAAC,CAACI,iBAAiB;;;;;IAKtBJ,CAAC,CAACK,eAAe;;;IAGfL,CAAC,CAACM,oBAAoB;;;;IAItBN,CAAC,CAACO,qBAAqB;;;EAG3C,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,cAAc;IACfV,CAAC,CAACU,cAAc;;EAE9B,CAAC;;EAEDC,WAAW,WAAAA,YAACX,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCF,CAAC,CAACa,eAAe;IAChBb,CAAC,CAACa,eAAe;;EAE/B,CAAC;;EAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCF,CAAC,CAACgB,cAAc;IACfhB,CAAC,CAACgB,cAAc;;EAE9B,CAAC;;EAEDC,OAAO,WAAAA,QAACjB,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACMF,CAAC,CAACM,oBAAoB;IACpBN,CAAC,CAACmB,gBAAgB;;EAEtC,CAAC;;EAEDC,MAAM,WAAAA,OAACpB,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACMF,CAAC,CAACO,qBAAqB;;;EAGzC,CAAC;;EAEDe,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;;;;EAOZ,CAAC;;EAEDsB,IAAI,WAAAA,KAACxB,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;IAESF,CAAC,CAAC0B,iBAAiB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","kebab","t","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","process","env","NODE_ENV","kebabSmall","kebabSizeSmall","kebabMedium","kebabSizeMedium","kebabLarge","kebabSizeLarge","focused","borderColorFocus","opened","disabled","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","menu","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,oBAAOJ,GAAG;;;;;IAKEI,CAAC,CAACC,WAAW;;IAEND,CAAC,CAACE,iBAAiB;;;;;IAKtBF,CAAC,CAACG,eAAe;;;IAGfH,CAAC,CAACI,oBAAoB;;;;IAItBJ,CAAC,CAACK,qBAAqB,UAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG3C,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,oBAAOJ,GAAG;IACCI,CAAC,CAACU,cAAc;IACfV,CAAC,CAACU,cAAc,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE9B,CAAC;;EAEDG,WAAW,WAAAA,YAACX,CAAQ,EAAE;IACpB,oBAAOJ,GAAG;IACCI,CAAC,CAACY,eAAe;IAChBZ,CAAC,CAACY,eAAe,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE/B,CAAC;;EAEDK,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,oBAAOJ,GAAG;IACCI,CAAC,CAACc,cAAc;IACfd,CAAC,CAACc,cAAc,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE9B,CAAC;;EAEDO,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;IACMI,CAAC,CAACI,oBAAoB;IACpBJ,CAAC,CAACgB,gBAAgB,SAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtC,CAAC;;EAEDS,MAAM,WAAAA,OAACjB,CAAQ,EAAE;IACf,oBAAOJ,GAAG;IACMI,CAAC,CAACK,qBAAqB,kCAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGzC,CAAC;;EAEDU,QAAQ,WAAAA,SAAA,EAAG;IACT,oBAAOtB,GAAG,CAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAW,IAAA,aAAArB,MAAA,mDAAAqB,IAAA,qBAAArB,MAAA,8DAAAsB,QAAA,EAAAC,gCAAA;;;;;;;EAOZ,CAAC;;EAEDC,IAAI,WAAAA,KAACtB,CAAQ,EAAE;IACb,oBAAOJ,GAAG;;IAESI,CAAC,CAACuB,iBAAiB,SAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Kebab/__creevey__/Kebab.creevey.mts

@@ -0,0 +1,147 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { PopupMenuDataTids } from '../../../internal/PopupMenu/tids';
+import { delay } from '../../../lib/delay';
+const textAlignmentTests = () => {
+  test('opened', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: `[data-tid~="${PopupMenuDataTids.caption}"]` }))
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'opened');
+  });
+};
+
+const kebabTests = () => {
+  test('plain', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'plain');
+  });
+
+  test('hovered', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: '[data-comp-name~="Kebab"]' }),
+      })
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'hovered');
+  });
+
+  test('clicked', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="Kebab"]' }))
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'clicked');
+  });
+
+  test('clickedOnButton2ndTime', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="Kebab"]' }))
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="Kebab"]' }))
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'clickedOnButton2ndTime');
+  });
+
+  test('tabPress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+  });
+
+  test('enterPress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .sendKeys(Key.ENTER)
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'enterPress');
+  });
+};
+
+kind('Kebab', () => {
+  story('Small', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered', 'clickedOnButton2ndTime'],
+        },
+      },
+    });
+
+    kebabTests();
+  });
+
+  story('Medium', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered', 'clickedOnButton2ndTime'],
+        },
+      },
+    });
+
+    kebabTests();
+  });
+
+  story('Large', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered', 'clickedOnButton2ndTime'],
+        },
+      },
+    });
+
+    kebabTests();
+  });
+
+  story('MobileExampleWithHorizontalPadding', ({ setStoryParameters }) => {
+    setStoryParameters({ captureElement: null });
+
+    test('opened', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Kebab"]' }))
+        .perform();
+      await delay(200);
+      await context.webdriver
+        .actions({ bridge: true })
+        .move({ origin: context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }) })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'opened');
+    });
+  });
+  story('WithItemsAndIcons', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+
+  story('WithItemsAndIconsWithoutTextAlignment', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } } });
+
+    textAlignmentTests();
+  });
+});

package/components/Link/Link/Link.js

@@ -91,8 +91,32 @@ export var Link = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Compo
         position: "right"
       });
       var nonInteractive = disabled || loading;
+      var getUseStyles = function getUseStyles() {
+        switch (use) {
+          case 'default':
+            return styles["default"](_this.theme);
+          case 'danger':
+            return styles.danger(_this.theme);
+          case 'success':
+            return styles.success(_this.theme);
+          case 'grayed':
+            return styles.grayed(_this.theme);
+        }
+      };
+      var getUseLineFocusStyles = function getUseLineFocusStyles() {
+        switch (use) {
+          case 'default':
+            return styles.lineFocus(_this.theme);
+          case 'danger':
+            return styles.lineFocusDanger(_this.theme);
+          case 'success':
+            return styles.lineFocusSuccess(_this.theme);
+          case 'grayed':
+            return styles.lineFocusGrayed(_this.theme);
+        }
+      };
       var rootProps = _extends({}, rest, {
-        className: cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[resetButton()] = Root === 'button', _cx[styles.focus(_this.theme)] = isFocused, _cx[styles.disabled(_this.theme)] = disabled || loading, _cx[styles.useDefault(_this.theme)] = use === 'default', _cx[styles.useSuccess(_this.theme)] = use === 'success', _cx[styles.useDanger(_this.theme)] = use === 'danger', _cx[styles.useGrayed(_this.theme)] = use === 'grayed', _cx[styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _cx[styles.button(_this.theme)] = !!_button, _cx[styles.buttonOpened(_this.theme)] = !!_buttonOpened, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[styles.lineFocus(_this.theme)] = isFocused && use === 'default', _cx[styles.lineFocusSuccess(_this.theme)] = isFocused && use === 'success', _cx[styles.lineFocusDanger(_this.theme)] = isFocused && use === 'danger', _cx[styles.lineFocusGrayed(_this.theme)] = isFocused && use === 'grayed', _cx)),
+        className: cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[resetButton()] = Root === 'button', _cx[styles.focus(_this.theme)] = isFocused, _cx[styles.disabled(_this.theme)] = disabled || loading, _cx[getUseStyles()] = true, _cx[styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _cx[styles.button(_this.theme)] = !!_button, _cx[styles.buttonOpened(_this.theme)] = !!_buttonOpened, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[getUseLineFocusStyles()] = isFocused, _cx)),
         onClick: _this.handleClick,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,

package/components/Link/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","resetButton","keyListener","ThemeContext","isExternalLink","CommonWrapper","cx","rootNode","createPropsGetter","ThemeFactory","getVisualStateDataAttributes","styles","LinkIcon","LINK_DEFAULT_COMPONENT","LinkDataTids","root","Link","_class","_Link","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose","_excluded","arrow","createElement","className","isFocused","leftIconElement","position","rightIconElement","hasBothIcons","rootProps","_extends","focus","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","button","buttonOpened","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","children","requestAnimationFrame","isTabPressed","setState","event","_this$props2","_inheritsLoose","_proto","prototype","render","_this2","Consumer","create","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку слева. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа. */\n  rightIcon?: React.ReactElement;\n\n  /** Задает тему ссылки. */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n\n  /** @ignore */\n  _button?: boolean;\n\n  /** @ignore */\n  _buttonOpened?: boolean;\n\n  /** Задает HTML-атрибут `tabindex`. */\n  tabIndex?: number;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает состояние фокуса.\n   * @ignore */\n  focused?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n\n    const rootProps = {\n      ...rest,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [resetButton()]: Root === 'button',\n        [styles.focus(this.theme)]: isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.lineFocus(this.theme)]: isFocused && use === 'default',\n        [styles.lineFocusSuccess(this.theme)]: isFocused && use === 'success',\n        [styles.lineFocusDanger(this.theme)]: isFocused && use === 'danger',\n        [styles.lineFocusGrayed(this.theme)]: isFocused && use === 'grayed',\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","resetButton","keyListener","ThemeContext","isExternalLink","CommonWrapper","cx","rootNode","createPropsGetter","ThemeFactory","getVisualStateDataAttributes","styles","LinkIcon","LINK_DEFAULT_COMPONENT","LinkDataTids","root","Link","_class","_Link","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose","_excluded","arrow","createElement","className","isFocused","leftIconElement","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","children","requestAnimationFrame","isTabPressed","setState","event","_this$props2","_inheritsLoose","_proto","prototype","render","_this2","Consumer","create","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку слева. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа. */\n  rightIcon?: React.ReactElement;\n\n  /** Задает тему ссылки. */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n\n  /** @ignore */\n  _button?: boolean;\n\n  /** @ignore */\n  _buttonOpened?: boolean;\n\n  /** Задает HTML-атрибут `tabindex`. */\n  tabIndex?: number;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает состояние фокуса.\n   * @ignore */\n  focused?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n    const getUseStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.default(this.theme);\n        case 'danger':\n          return styles.danger(this.theme);\n        case 'success':\n          return styles.success(this.theme);\n        case 'grayed':\n          return styles.grayed(this.theme);\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.lineFocus(this.theme);\n        case 'danger':\n          return styles.lineFocusDanger(this.theme);\n        case 'success':\n          return styles.lineFocusSuccess(this.theme);\n        case 'grayed':\n          return styles.lineFocusGrayed(this.theme);\n      }\n    };\n    const rootProps = {\n      ...rest,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [resetButton()]: Root === 'button',\n        [styles.focus(this.theme)]: isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [getUseStyles()]: true,\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [getUseLineFocusStyles()]: isFocused,\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Link/Link.styles/Link.styles.js

@@ -1,71 +1,88 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _templateObject;
+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, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
 import { linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
 var line = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
 var oldLineText = function oldLineText(t) {
   var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line, delay);
+  return /*#__PURE__*/css("animation:", line, " 1s linear!important;animation-play-state:paused!important;animation-delay:", delay, "s!important;animation-fill-mode:forwards!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:oldLineText;"));
 };
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ", ";\n      text-decoration-style: ", ";\n      text-underline-offset: ", ";\n      text-decoration-thickness: ", ";\n      transition: text-decoration-color ", " ", ";\n      @supports (text-decoration-color: ", ") {\n        text-decoration-color: ", ";\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ", ";\n        }\n      }\n      @supports not (text-decoration-color: ", ") {\n        ", ";\n        &:hover {\n          text-decoration-style: ", ";\n          animation: none !important;\n        }\n      }\n    "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t), t.linkHoverTextDecorationStyle);
+    return /*#__PURE__*/css("cursor:pointer;position:relative;border-radius:1px;text-decoration:", t.linkTextDecoration, ";text-decoration-style:", t.linkTextDecorationStyle, ";text-underline-offset:", t.linkTextUnderlineOffset, ";text-decoration-thickness:", t.linkTextDecorationThickness, ";transition:text-decoration-color ", t.transitionDuration, " ", t.transitionTimingFunction, ";@supports (text-decoration-color: ", t.linkTextDecorationColor, "){text-decoration-color:", t.linkTextDecorationColor, ";&:hover{text-decoration-color:currentColor;text-decoration-style:", t.linkHoverTextDecorationStyle, ";}}@supports not (text-decoration-color: ", t.linkTextDecorationColor, "){", oldLineText(t), ";&:hover{text-decoration-style:", t.linkHoverTextDecorationStyle, ";animation:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   lineFocus: function lineFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkHoverColor);
+    return /*#__PURE__*/css("color:", t.linkHoverColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocus;"));
   },
   lineFocusSuccess: function lineFocusSuccess(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkSuccessHoverColor);
+    return /*#__PURE__*/css("color:", t.linkSuccessHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusSuccess;"));
   },
   lineFocusDanger: function lineFocusDanger(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkDangerHoverColor);
+    return /*#__PURE__*/css("color:", t.linkDangerHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusDanger;"));
   },
   lineFocusGrayed: function lineFocusGrayed(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkGrayedHoverColor);
+    return /*#__PURE__*/css("color:", t.linkGrayedHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusGrayed;"));
   },
   button: function button(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+    return /*#__PURE__*/css("display:inline-block;line-height:", t.linkButtonLineHeight, ";padding-left:", t.linkButtonPaddingX, ";padding-right:", t.linkButtonPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:button;"));
   },
   buttonOpened: function buttonOpened(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
+    return /*#__PURE__*/css("background:", t.btnDefaultActiveBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonOpened;"));
   },
   arrow: function arrow() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "8e442s",
+      styles: "border:4px solid transparent;border-bottom-width:0;border-top-color:#a0a0a0;display:inline-block;margin-bottom:3px;margin-left:3px;vertical-align:middle"
+    } : {
+      name: "14qj6lh-arrow",
+      styles: "border:4px solid transparent;border-bottom-width:0;border-top-color:#a0a0a0;display:inline-block;margin-bottom:3px;margin-left:3px;vertical-align:middle;label:arrow;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
-  useDefault: function useDefault(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+  "default": function _default(t) {
+    return /*#__PURE__*/css(linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"));
   },
-  useSuccess: function useSuccess(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+  success: function success(t) {
+    return /*#__PURE__*/css(linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
   },
-  useDanger: function useDanger(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+  danger: function danger(t) {
+    return /*#__PURE__*/css(linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:danger;"));
   },
-  useGrayed: function useGrayed(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+  grayed: function grayed(t) {
+    return /*#__PURE__*/css(linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:grayed;"));
   },
   useGrayedFocus: function useGrayedFocus(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
+    return /*#__PURE__*/css("color:", t.linkDisabledColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:useGrayedFocus;"));
   },
   focus: function focus(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n      outline: ", ";\n    "])), t.linkHoverTextDecoration, t.linkFocusOutline);
+    return /*#__PURE__*/css("text-decoration:", t.linkHoverTextDecoration, ";outline:", t.linkFocusOutline, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focus;"));
   },
   disabled: function disabled(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
+    return /*#__PURE__*/css(linkDisabledMixin(), ";color:", t.linkDisabledColor, "!important;&:hover{color:", t.linkDisabledColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"));
   },
   icon: function icon() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1r5gb7q",
+      styles: "display:inline-block"
+    } : {
+      name: "1tkzire-icon",
+      styles: "display:inline-block;label:icon;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iconLeft: function iconLeft(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
+    return /*#__PURE__*/css("margin-right:", t.linkIconMarginRight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconLeft;"));
   },
   iconRight: function iconRight(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.linkIconMarginLeft);
+    return /*#__PURE__*/css("margin-left:", t.linkIconMarginLeft, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconRight;"));
   },
   warning: function warning(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnWarningSecondary, t.btnWarningSecondary);
+    return /*#__PURE__*/css("background-color:", t.btnWarningSecondary, ";box-shadow:0 0 0 2px ", t.btnWarningSecondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
   },
   error: function error(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnErrorSecondary, t.btnErrorSecondary);
+    return /*#__PURE__*/css("background-color:", t.btnErrorSecondary, ";box-shadow:0 0 0 2px ", t.btnErrorSecondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   }
 });

package/components/Link/Link.styles/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","keyframes","memoizeStyle","linkDisabledMixin","linkUseColorsMixin","line","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","_templateObject2","styles","root","_templateObject3","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","_templateObject4","linkHoverColor","lineFocusSuccess","_templateObject5","linkSuccessHoverColor","lineFocusDanger","_templateObject6","linkDangerHoverColor","lineFocusGrayed","_templateObject7","linkGrayedHoverColor","button","_templateObject8","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","_templateObject9","btnDefaultActiveBg","arrow","_templateObject10","useDefault","_templateObject11","linkColor","linkActiveColor","useSuccess","_templateObject12","linkSuccessColor","linkSuccessActiveColor","useDanger","_templateObject13","linkDangerColor","linkDangerActiveColor","useGrayed","_templateObject14","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","_templateObject15","linkDisabledColor","focus","_templateObject16","linkHoverTextDecoration","linkFocusOutline","disabled","_templateObject17","icon","_templateObject18","iconLeft","_templateObject19","linkIconMarginRight","iconRight","_templateObject20","linkIconMarginLeft","warning","_templateObject21","btnWarningSecondary","error","_templateObject22","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","keyframes","memoizeStyle","linkDisabledMixin","linkUseColorsMixin","line","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","process","env","NODE_ENV","styles","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_default","linkColor","linkActiveColor","success","linkSuccessColor","linkSuccessActiveColor","danger","linkDangerColor","linkDangerActiveColor","grayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  grayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Link/Link.styles.d.ts

@@ -8,10 +8,10 @@ export declare const styles: {
     button(t: Theme): string;
     buttonOpened(t: Theme): string;
     arrow(): string;
-    useDefault(t: Theme): string;
-    useSuccess(t: Theme): string;
-    useDanger(t: Theme): string;
-    useGrayed(t: Theme): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
     useGrayedFocus(t: Theme): string;
     focus(t: Theme): string;
     disabled(t: Theme): string;