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

package/cjs/components/Toggle/__creevey__/Toggle.creevey.mts

@@ -0,0 +1,87 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Toggle', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+
+  story('DisabledWithTooltip', () => {
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+  });
+
+  story('WithChildren', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+  });
+
+  story('WithLongDescription', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+});

package/cjs/components/Token/Token.mixins.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.tokenSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";exports.__esModule = true;exports.tokenSizeMixin = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 var tokenSizeMixin = exports.tokenSizeMixin = function tokenSizeMixin(
 tokenPaddingY,
@@ -8,10 +8,10 @@ fontSize,
 tokenMarginY,
 tokenMarginX)
 {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])),
-  tokenPaddingY, tokenPaddingX,
-  tokenMarginY, tokenMarginX,
-  lineHeight,
-  fontSize);
+  return /*#__PURE__*/(0, _Emotion.css)("padding:",
+  tokenPaddingY, " ", tokenPaddingX, ";margin:",
+  tokenMarginY, " ", tokenMarginX, ";line-height:",
+  lineHeight, ";font-size:",
+  fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenSizeMixin;"));
 
 };

package/cjs/components/Token/Token.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","_taggedTemplateLiteralLoose2","default"],"sources":["Token.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const tokenSizeMixin = (\n  tokenPaddingY: string,\n  tokenPaddingX: string,\n  lineHeight: string,\n  fontSize: string,\n  tokenMarginY: string,\n  tokenMarginX: string,\n) => {\n  return css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n};\n"],"mappings":"4RAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA;;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;EACGR,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","process","env","NODE_ENV"],"sources":["Token.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const tokenSizeMixin = (\n  tokenPaddingY: string,\n  tokenPaddingX: string,\n  lineHeight: string,\n  fontSize: string,\n  tokenMarginY: string,\n  tokenMarginX: string,\n) => {\n  return css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n};\n"],"mappings":"uEAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,wBAAOC,YAAG;EACGN,aAAa,OAAIC,aAAa;EAC/BG,YAAY,OAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEzB,CAAC","ignoreList":[]}

package/cjs/components/Token/Token.styles.js

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _Token = require("./Token.mixins");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).";}
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
   removeIcon: 'remove-icon'
@@ -9,11 +9,11 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   token: function token(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-flex;align-items:center;border-radius:",
 
 
-    t.tokenBorderRadius,
-    t.tokenBorderWidth);
+    t.tokenBorderRadius, ";border:solid ",
+    t.tokenBorderWidth, " transparent;min-width:0;word-break:break-all;user-select:none;&:hover{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : ";label:token;"));
 
 
 
@@ -25,113 +25,113 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   tokenSmall: function tokenSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYSmall,
-      t.tokenPaddingXSmall,
-      t.tokenLineHeightSmall,
-      t.tokenFontSizeSmall,
-      t.tokenMarginYSmall,
-      t.tokenMarginXSmall
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYSmall,
+        t.tokenPaddingXSmall,
+        t.tokenLineHeightSmall,
+        t.tokenFontSizeSmall,
+        t.tokenMarginYSmall,
+        t.tokenMarginXSmall
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenSmall;"));
 
   },
 
   tokenMedium: function tokenMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYMedium,
-      t.tokenPaddingXMedium,
-      t.tokenLineHeightMedium,
-      t.tokenFontSizeMedium,
-      t.tokenMarginYMedium,
-      t.tokenMarginXMedium
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYMedium,
+        t.tokenPaddingXMedium,
+        t.tokenLineHeightMedium,
+        t.tokenFontSizeMedium,
+        t.tokenMarginYMedium,
+        t.tokenMarginXMedium
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenMedium;"));
 
   },
 
   tokenLarge: function tokenLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYLarge,
-      t.tokenPaddingXLarge,
-      t.tokenLineHeightLarge,
-      t.tokenFontSizeLarge,
-      t.tokenMarginYLarge,
-      t.tokenMarginXLarge
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYLarge,
+        t.tokenPaddingXLarge,
+        t.tokenLineHeightLarge,
+        t.tokenFontSizeLarge,
+        t.tokenMarginYLarge,
+        t.tokenMarginXLarge
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenLarge;"));
 
   },
 
   tokenIdle: function tokenIdle(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
-    t.tokenColor,
-    t.tokenBg,
-    t.tokenBorderColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.tokenColor, ";background:",
+    t.tokenBg, ";border-color:",
+    t.tokenBorderColor, ";background-clip:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenIdle;"));
 
 
   },
 
   tokenHover: function tokenHover(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("&:hover{color:",
 
-    t.tokenColorHover,
-    t.tokenBgHover,
-    t.tokenBorderWidth, t.tokenBorderColorHover);
+    t.tokenColorHover, ";background:",
+    t.tokenBgHover, ";border:solid ",
+    t.tokenBorderWidth, " ", t.tokenBorderColorHover, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenHover;"));
 
 
   },
 
   tokenActive: function tokenActive(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
-    t.tokenColorActive,
-    t.tokenBgActive,
-    t.tokenBorderWidth, t.tokenBorderColorActive);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.tokenColorActive, ";background:",
+    t.tokenBgActive, ";border:solid ",
+    t.tokenBorderWidth, " ", t.tokenBorderColorActive, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenActive;"));
 
   },
 
   tokenError: function tokenError(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenBorderWidth, t.tokenBorderColorError,
-    t.tokenOutlineWidth, t.tokenBorderColorError);
+    return /*#__PURE__*/(0, _Emotion.css)("border:solid ",
+    t.tokenBorderWidth, " ", t.tokenBorderColorError, ";box-shadow:0 0 0 ",
+    t.tokenOutlineWidth, " ", t.tokenBorderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenError;"));
 
   },
 
   tokenWarning: function tokenWarning(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenBorderWidth, t.tokenBorderColorWarning,
-    t.tokenOutlineWidth, t.tokenBorderColorWarning);
+    return /*#__PURE__*/(0, _Emotion.css)("border:solid ",
+    t.tokenBorderWidth, " ", t.tokenBorderColorWarning, ";box-shadow:0 0 0 ",
+    t.tokenOutlineWidth, " ", t.tokenBorderColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenWarning;"));
 
   },
 
   tokenDisabled: function tokenDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("user-select:text;cursor:text;color:",
 
 
-    t.tokenTextColorDisabled,
+    t.tokenTextColorDisabled, ";pointer-events:none;border:solid 1px ",
 
-    t.tokenBorderColorDisabled,
+    t.tokenBorderColorDisabled, ";.",
 
-    globalClasses.removeIcon);
+    globalClasses.removeIcon, "{visibility:hidden;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenDisabled;"));
 
 
 
   },
 
   text: function text() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1r5gb7q", styles: "display:inline-block" } : { name: "mv407a-text", styles: "display:inline-block;label:text;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   removeIcon: function removeIcon(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])),
-    t.tokenRemoveIconSize,
-    t.tokenRemoveIconSize,
+    return /*#__PURE__*/(0, _Emotion.css)("height:",
+    t.tokenRemoveIconSize, ";width:",
+    t.tokenRemoveIconSize, ";flex-shrink:0;padding:",
 
-    t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX,
-    t.tokenRemoveIconBoxSizing,
-    t.tokenRemoveIconGap);
+    t.tokenRemoveIconPaddingY, " ", t.tokenRemoveIconPaddingX, ";box-sizing:",
+    t.tokenRemoveIconBoxSizing, ";margin-left:",
+    t.tokenRemoveIconGap, ";transition:none;fill:currentColor;opacity:0.5;line-height:0;display:inline-block;&:hover{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:removeIcon;"));
 
 
 
@@ -145,7 +145,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   helperText: function helperText() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "14a92xi", styles: "max-width:100%;word-break:break-all;white-space:pre-wrap" } : { name: "jmvzys-helperText", styles: "max-width:100%;word-break:break-all;white-space:pre-wrap;label:helperText;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -155,28 +155,28 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   helperContainer: function helperContainer() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "55mvh", styles: "display:flex;position:absolute;visibility:hidden" } : { name: "1wpuhih-helperContainer", styles: "display:flex;position:absolute;visibility:hidden;label:helperContainer;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
 
   },
   helperContainerSmall: function helperContainerSmall(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXSmall,
-    t.tokenInputPaddingXSmall);
+    return /*#__PURE__*/(0, _Emotion.css)("left:",
+    t.tokenInputPaddingXSmall, ";right:",
+    t.tokenInputPaddingXSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerSmall;"));
 
   },
   helperContainerMedium: function helperContainerMedium(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXMedium,
-    t.tokenInputPaddingXMedium);
+    return /*#__PURE__*/(0, _Emotion.css)("left:",
+    t.tokenInputPaddingXMedium, ";right:",
+    t.tokenInputPaddingXMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerMedium;"));
 
   },
   helperContainerLarge: function helperContainerLarge(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXLarge,
-    t.tokenInputPaddingXLarge);
+    return /*#__PURE__*/(0, _Emotion.css)("left:",
+    t.tokenInputPaddingXLarge, ";right:",
+    t.tokenInputPaddingXLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerLarge;"));
 
   }
 });

package/cjs/components/Token/Token.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Token","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","globalClasses","exports","prefix","removeIcon","styles","memoizeStyle","token","t","css","_taggedTemplateLiteralLoose2","default","tokenBorderRadius","tokenBorderWidth","tokenSmall","tokenSizeMixin","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","tokenColor","tokenBg","tokenBorderColor","tokenHover","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","tokenBorderColorError","tokenOutlineWidth","tokenWarning","tokenBorderColorWarning","tokenDisabled","tokenTextColorDisabled","tokenBorderColorDisabled","text","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","helperContainer","helperContainerSmall","tokenInputPaddingXSmall","helperContainerMedium","tokenInputPaddingXMedium","helperContainerLarge","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n  removeIcon: 'remove-icon',\n});\n\nexport const styles = memoizeStyle({\n  token(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      border-radius: ${t.tokenBorderRadius};\n      border: solid ${t.tokenBorderWidth} transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `;\n  },\n\n  tokenSmall(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYSmall,\n        t.tokenPaddingXSmall,\n        t.tokenLineHeightSmall,\n        t.tokenFontSizeSmall,\n        t.tokenMarginYSmall,\n        t.tokenMarginXSmall,\n      )};\n    `;\n  },\n\n  tokenMedium(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYMedium,\n        t.tokenPaddingXMedium,\n        t.tokenLineHeightMedium,\n        t.tokenFontSizeMedium,\n        t.tokenMarginYMedium,\n        t.tokenMarginXMedium,\n      )};\n    `;\n  },\n\n  tokenLarge(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYLarge,\n        t.tokenPaddingXLarge,\n        t.tokenLineHeightLarge,\n        t.tokenFontSizeLarge,\n        t.tokenMarginYLarge,\n        t.tokenMarginXLarge,\n      )};\n    `;\n  },\n\n  tokenIdle(t: Theme) {\n    return css`\n      color: ${t.tokenColor};\n      background: ${t.tokenBg};\n      border-color: ${t.tokenBorderColor};\n      background-clip: border-box;\n    `;\n  },\n\n  tokenHover(t: Theme) {\n    return css`\n      &:hover {\n        color: ${t.tokenColorHover};\n        background: ${t.tokenBgHover};\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n      }\n    `;\n  },\n\n  tokenActive(t: Theme) {\n    return css`\n      color: ${t.tokenColorActive};\n      background: ${t.tokenBgActive};\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n    `;\n  },\n\n  tokenError(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n    `;\n  },\n\n  tokenWarning(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n    `;\n  },\n\n  tokenDisabled(t: Theme) {\n    return css`\n      user-select: text;\n      cursor: text;\n      color: ${t.tokenTextColorDisabled};\n      pointer-events: none;\n      border: solid 1px ${t.tokenBorderColorDisabled};\n\n      .${globalClasses.removeIcon} {\n        visibility: hidden;\n      }\n    `;\n  },\n\n  text() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  removeIcon(t: Theme) {\n    return css`\n      height: ${t.tokenRemoveIconSize};\n      width: ${t.tokenRemoveIconSize};\n      flex-shrink: 0;\n      padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n      box-sizing: ${t.tokenRemoveIconBoxSizing};\n      margin-left: ${t.tokenRemoveIconGap};\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    `;\n  },\n\n  helperText() {\n    return css`\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    `;\n  },\n  helperContainer() {\n    return css`\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    `;\n  },\n  helperContainerSmall(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXSmall};\n      right: ${t.tokenInputPaddingXSmall};\n    `;\n  },\n  helperContainerMedium(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXMedium};\n      right: ${t.tokenInputPaddingXMedium};\n    `;\n  },\n  helperContainerLarge(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXLarge};\n      right: ${t.tokenInputPaddingXLarge};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Token","_EMOTION_STRINGIFIED_CSS_ERROR__","globalClasses","exports","prefix","removeIcon","styles","memoizeStyle","token","t","css","tokenBorderRadius","tokenBorderWidth","process","env","NODE_ENV","tokenSmall","tokenSizeMixin","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","tokenColor","tokenBg","tokenBorderColor","tokenHover","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","tokenBorderColorError","tokenOutlineWidth","tokenWarning","tokenBorderColorWarning","tokenDisabled","tokenTextColorDisabled","tokenBorderColorDisabled","text","name","toString","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","helperContainer","helperContainerSmall","tokenInputPaddingXSmall","helperContainerMedium","tokenInputPaddingXMedium","helperContainerLarge","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n  removeIcon: 'remove-icon',\n});\n\nexport const styles = memoizeStyle({\n  token(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      border-radius: ${t.tokenBorderRadius};\n      border: solid ${t.tokenBorderWidth} transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `;\n  },\n\n  tokenSmall(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYSmall,\n        t.tokenPaddingXSmall,\n        t.tokenLineHeightSmall,\n        t.tokenFontSizeSmall,\n        t.tokenMarginYSmall,\n        t.tokenMarginXSmall,\n      )};\n    `;\n  },\n\n  tokenMedium(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYMedium,\n        t.tokenPaddingXMedium,\n        t.tokenLineHeightMedium,\n        t.tokenFontSizeMedium,\n        t.tokenMarginYMedium,\n        t.tokenMarginXMedium,\n      )};\n    `;\n  },\n\n  tokenLarge(t: Theme) {\n    return css`\n      ${tokenSizeMixin(\n        t.tokenPaddingYLarge,\n        t.tokenPaddingXLarge,\n        t.tokenLineHeightLarge,\n        t.tokenFontSizeLarge,\n        t.tokenMarginYLarge,\n        t.tokenMarginXLarge,\n      )};\n    `;\n  },\n\n  tokenIdle(t: Theme) {\n    return css`\n      color: ${t.tokenColor};\n      background: ${t.tokenBg};\n      border-color: ${t.tokenBorderColor};\n      background-clip: border-box;\n    `;\n  },\n\n  tokenHover(t: Theme) {\n    return css`\n      &:hover {\n        color: ${t.tokenColorHover};\n        background: ${t.tokenBgHover};\n        border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n      }\n    `;\n  },\n\n  tokenActive(t: Theme) {\n    return css`\n      color: ${t.tokenColorActive};\n      background: ${t.tokenBgActive};\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n    `;\n  },\n\n  tokenError(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n    `;\n  },\n\n  tokenWarning(t: Theme) {\n    return css`\n      border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n    `;\n  },\n\n  tokenDisabled(t: Theme) {\n    return css`\n      user-select: text;\n      cursor: text;\n      color: ${t.tokenTextColorDisabled};\n      pointer-events: none;\n      border: solid 1px ${t.tokenBorderColorDisabled};\n\n      .${globalClasses.removeIcon} {\n        visibility: hidden;\n      }\n    `;\n  },\n\n  text() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  removeIcon(t: Theme) {\n    return css`\n      height: ${t.tokenRemoveIconSize};\n      width: ${t.tokenRemoveIconSize};\n      flex-shrink: 0;\n      padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n      box-sizing: ${t.tokenRemoveIconBoxSizing};\n      margin-left: ${t.tokenRemoveIconGap};\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    `;\n  },\n\n  helperText() {\n    return css`\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    `;\n  },\n  helperContainer() {\n    return css`\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    `;\n  },\n  helperContainerSmall(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXSmall};\n      right: ${t.tokenInputPaddingXSmall};\n    `;\n  },\n  helperContainerMedium(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXMedium};\n      right: ${t.tokenInputPaddingXMedium};\n    `;\n  },\n  helperContainerLarge(t: Theme) {\n    return css`\n      left: ${t.tokenInputPaddingXLarge};\n      right: ${t.tokenInputPaddingXLarge};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/TokenInput/TokenInput.mixins.js

@@ -1,15 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.labelSizeMixin = exports.inputSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+"use strict";exports.__esModule = true;exports.labelSizeMixin = exports.inputSizeMixin = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 var labelSizeMixin = exports.labelSizeMixin = function labelSizeMixin(tokenInputPaddingY, tokenInputPaddingX) {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n  "])),
-  tokenInputPaddingY, tokenInputPaddingX);
+  return /*#__PURE__*/(0, _Emotion.css)("padding:",
+  tokenInputPaddingY, " ", tokenInputPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelSizeMixin;"));
 
 };
 
 var inputSizeMixin = exports.inputSizeMixin = function inputSizeMixin(fontSize, lineHeight) {
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    height: ", ";\n    line-height: ", ";\n  "])),
-  fontSize,
-  lineHeight,
-  lineHeight);
+  return /*#__PURE__*/(0, _Emotion.css)("font-size:",
+  fontSize, ";height:",
+  lineHeight, ";line-height:",
+  lineHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputSizeMixin;"));
 
 };

package/cjs/components/TokenInput/TokenInput.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","labelSizeMixin","exports","tokenInputPaddingY","tokenInputPaddingX","css","_taggedTemplateLiteralLoose2","default","inputSizeMixin","fontSize","lineHeight"],"sources":["TokenInput.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const labelSizeMixin = (tokenInputPaddingY: string, tokenInputPaddingX: string) => {\n  return css`\n    padding: ${tokenInputPaddingY} ${tokenInputPaddingX};\n  `;\n};\n\nexport const inputSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    height: ${lineHeight};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"qTAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,kBAA0B,EAAEC,kBAA0B,EAAK;EACxF,WAAOC,YAAG,EAAAN,eAAA,KAAAA,eAAA,OAAAO,4BAAA,CAAAC,OAAA;EACGJ,kBAAkB,EAAIC,kBAAkB;;AAEvD,CAAC;;AAEM,IAAMI,cAAc,GAAAN,OAAA,CAAAM,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EACtE,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;EACKE,QAAQ;EACXC,UAAU;EACLA,UAAU;;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","labelSizeMixin","exports","tokenInputPaddingY","tokenInputPaddingX","css","process","env","NODE_ENV","inputSizeMixin","fontSize","lineHeight"],"sources":["TokenInput.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const labelSizeMixin = (tokenInputPaddingY: string, tokenInputPaddingX: string) => {\n  return css`\n    padding: ${tokenInputPaddingY} ${tokenInputPaddingX};\n  `;\n};\n\nexport const inputSizeMixin = (fontSize: string, lineHeight: string) => {\n  return css`\n    font-size: ${fontSize};\n    height: ${lineHeight};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"gGAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,kBAA0B,EAAEC,kBAA0B,EAAK;EACxF,wBAAOC,YAAG;EACGF,kBAAkB,OAAIC,kBAAkB,SAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEvD,CAAC;;AAEM,IAAMC,cAAc,GAAAP,OAAA,CAAAO,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EACtE,wBAAON,YAAG;EACKK,QAAQ;EACXC,UAAU;EACLA,UAAU,SAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAE7B,CAAC","ignoreList":[]}