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

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","styles","token","t","_templateObject","_taggedTemplateLiteralLoose","tokenBorderRadius","tokenBorderWidth","tokenSmall","_templateObject2","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","_templateObject3","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","_templateObject4","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","_templateObject5","tokenColor","tokenBg","tokenBorderColor","tokenHover","_templateObject6","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","_templateObject7","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","_templateObject8","tokenBorderColorError","tokenOutlineWidth","tokenWarning","_templateObject9","tokenBorderColorWarning","tokenDisabled","_templateObject10","tokenTextColorDisabled","tokenBorderColorDisabled","text","_templateObject11","_templateObject12","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","_templateObject13","helperContainer","_templateObject14","helperContainerSmall","_templateObject15","tokenInputPaddingXSmall","helperContainerMedium","_templateObject16","tokenInputPaddingXMedium","helperContainerLarge","_templateObject17","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":["css","memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","styles","token","t","tokenBorderRadius","tokenBorderWidth","process","env","NODE_ENV","tokenSmall","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","_EMOTION_STRINGIFIED_CSS_ERROR__","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":"uRAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,SAASC,cAAc,QAAQ,gBAAgB;;AAE/C,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,OAAO,CAAC,CAAC;EAC3CG,UAAU,EAAE;AACd,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGL,YAAY,CAAC;EACjCM,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,oBAAOR,GAAG;;;IAGSQ,CAAC,CAACC,iBAAiB;IACpBD,CAAC,CAACE,gBAAgB,+FAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;;;;;;EAStC,CAAC;;EAEDC,UAAU,WAAAA,WAACN,CAAQ,EAAE;IACnB,oBAAOR,GAAG;MACNG,cAAc;QACdK,CAAC,CAACO,kBAAkB;QACpBP,CAAC,CAACQ,kBAAkB;QACpBR,CAAC,CAACS,oBAAoB;QACtBT,CAAC,CAACU,kBAAkB;QACpBV,CAAC,CAACW,iBAAiB;QACnBX,CAAC,CAACY;MACJ,CAAC,SAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;;EAEDQ,WAAW,WAAAA,YAACb,CAAQ,EAAE;IACpB,oBAAOR,GAAG;MACNG,cAAc;QACdK,CAAC,CAACc,mBAAmB;QACrBd,CAAC,CAACe,mBAAmB;QACrBf,CAAC,CAACgB,qBAAqB;QACvBhB,CAAC,CAACiB,mBAAmB;QACrBjB,CAAC,CAACkB,kBAAkB;QACpBlB,CAAC,CAACmB;MACJ,CAAC,SAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;;EAEDe,UAAU,WAAAA,WAACpB,CAAQ,EAAE;IACnB,oBAAOR,GAAG;MACNG,cAAc;QACdK,CAAC,CAACqB,kBAAkB;QACpBrB,CAAC,CAACsB,kBAAkB;QACpBtB,CAAC,CAACuB,oBAAoB;QACtBvB,CAAC,CAACwB,kBAAkB;QACpBxB,CAAC,CAACyB,iBAAiB;QACnBzB,CAAC,CAAC0B;MACJ,CAAC,SAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;;EAEDsB,SAAS,WAAAA,UAAC3B,CAAQ,EAAE;IAClB,oBAAOR,GAAG;IACCQ,CAAC,CAAC4B,UAAU;IACP5B,CAAC,CAAC6B,OAAO;IACP7B,CAAC,CAAC8B,gBAAgB,oCAAA3B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGtC,CAAC;;EAED0B,UAAU,WAAAA,WAAC/B,CAAQ,EAAE;IACnB,oBAAOR,GAAG;;IAEGQ,CAAC,CAACgC,eAAe;IACZhC,CAAC,CAACiC,YAAY;IACZjC,CAAC,CAACE,gBAAgB,OAAIF,CAAC,CAACkC,qBAAqB,UAAA/B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGnE,CAAC;;EAED8B,WAAW,WAAAA,YAACnC,CAAQ,EAAE;IACpB,oBAAOR,GAAG;IACCQ,CAAC,CAACoC,gBAAgB;IACbpC,CAAC,CAACqC,aAAa;IACbrC,CAAC,CAACE,gBAAgB,OAAIF,CAAC,CAACsC,sBAAsB,SAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAElE,CAAC;;EAEDkC,UAAU,WAAAA,WAACvC,CAAQ,EAAE;IACnB,oBAAOR,GAAG;IACQQ,CAAC,CAACE,gBAAgB,OAAIF,CAAC,CAACwC,qBAAqB;IACzCxC,CAAC,CAACyC,iBAAiB,OAAIzC,CAAC,CAACwC,qBAAqB,SAAArC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtE,CAAC;;EAEDqC,YAAY,WAAAA,aAAC1C,CAAQ,EAAE;IACrB,oBAAOR,GAAG;IACQQ,CAAC,CAACE,gBAAgB,OAAIF,CAAC,CAAC2C,uBAAuB;IAC3C3C,CAAC,CAACyC,iBAAiB,OAAIzC,CAAC,CAAC2C,uBAAuB,SAAAxC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAExE,CAAC;;EAEDuC,aAAa,WAAAA,cAAC5C,CAAQ,EAAE;IACtB,oBAAOR,GAAG;;;IAGCQ,CAAC,CAAC6C,sBAAsB;;IAEb7C,CAAC,CAAC8C,wBAAwB;;IAE3ClD,aAAa,CAACC,UAAU,4BAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;EAI/B,CAAC;;EAED0C,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOvD,GAAG,CAAAW,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA2C,IAAA,aAAAlD,MAAA,+BAAAkD,IAAA,iBAAAlD,MAAA,sCAAAmD,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDrD,UAAU,WAAAA,WAACG,CAAQ,EAAE;IACnB,oBAAOR,GAAG;IACEQ,CAAC,CAACmD,mBAAmB;IACtBnD,CAAC,CAACmD,mBAAmB;;IAEnBnD,CAAC,CAACoD,uBAAuB,OAAIpD,CAAC,CAACqD,uBAAuB;IACnDrD,CAAC,CAACsD,wBAAwB;IACzBtD,CAAC,CAACuD,kBAAkB,6GAAApD,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;;;;;;;;EAWvC,CAAC;;EAEDmD,UAAU,WAAAA,WAAA,EAAG;IACX,oBAAOhE,GAAG,CAAAW,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA2C,IAAA,aAAAlD,MAAA,mEAAAkD,IAAA,uBAAAlD,MAAA,gFAAAmD,QAAA,EAAAC,gCAAA;;;;;;;;EAQZ,CAAC;EACDO,eAAe,WAAAA,gBAAA,EAAG;IAChB,oBAAOjE,GAAG,CAAAW,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAA2C,IAAA,WAAAlD,MAAA,2DAAAkD,IAAA,6BAAAlD,MAAA,6EAAAmD,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;EACDQ,oBAAoB,WAAAA,qBAAC1D,CAAQ,EAAE;IAC7B,oBAAOR,GAAG;IACAQ,CAAC,CAAC2D,uBAAuB;IACxB3D,CAAC,CAAC2D,uBAAuB,SAAAxD,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtC,CAAC;EACDuD,qBAAqB,WAAAA,sBAAC5D,CAAQ,EAAE;IAC9B,oBAAOR,GAAG;IACAQ,CAAC,CAAC6D,wBAAwB;IACzB7D,CAAC,CAAC6D,wBAAwB,SAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEvC,CAAC;EACDyD,oBAAoB,WAAAA,qBAAC9D,CAAQ,EAAE;IAC7B,oBAAOR,GAAG;IACAQ,CAAC,CAAC+D,uBAAuB;IACxB/D,CAAC,CAAC+D,uBAAuB,SAAA5D,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,9 +1,7 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
 import { css } from "../../../lib/theming/Emotion";
 export var labelSizeMixin = function labelSizeMixin(tokenInputPaddingY, tokenInputPaddingX) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n  "])), tokenInputPaddingY, tokenInputPaddingX);
+  return /*#__PURE__*/css("padding:", tokenInputPaddingY, " ", tokenInputPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelSizeMixin;"));
 };
 export var inputSizeMixin = function inputSizeMixin(fontSize, lineHeight) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    height: ", ";\n    line-height: ", ";\n  "])), fontSize, lineHeight, lineHeight);
+  return /*#__PURE__*/css("font-size:", fontSize, ";height:", lineHeight, ";line-height:", lineHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputSizeMixin;"));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["css","labelSizeMixin","tokenInputPaddingY","tokenInputPaddingX","_templateObject","_taggedTemplateLiteralLoose","inputSizeMixin","fontSize","lineHeight","_templateObject2"],"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":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,kBAA0B,EAAEC,kBAA0B,EAAK;EACxF,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACGH,kBAAkB,EAAIC,kBAAkB;;AAEvD,CAAC;;AAED,OAAO,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EACtE,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;EACKE,QAAQ;EACXC,UAAU;EACLA,UAAU;;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"names":["css","labelSizeMixin","tokenInputPaddingY","tokenInputPaddingX","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":"AAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,kBAA0B,EAAEC,kBAA0B,EAAK;EACxF,oBAAOH,GAAG;EACGE,kBAAkB,OAAIC,kBAAkB,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEvD,CAAC;;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAK;EACtE,oBAAOT,GAAG;EACKQ,QAAQ;EACXC,UAAU;EACLA,UAAU,SAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAE7B,CAAC","ignoreList":[]}

package/components/TokenInput/TokenInput.styles/TokenInput.styles.js

@@ -1,54 +1,62 @@
-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;
+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";
 import { labelSizeMixin, inputSizeMixin } from "../TokenInput.mixins";
 export var styles = memoizeStyle({
   label: function label(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])), t.tokenInputBg, t.tokenInputShadow, t.tokenInputBorderWidth, t.tokenInputBorderColor, t.tokenInputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.tokenInputBorderRadius);
+    return /*#__PURE__*/css("background-color:", t.tokenInputBg, ";box-shadow:", t.tokenInputShadow, ";border:", t.tokenInputBorderWidth, " solid ", t.tokenInputBorderColor, ";border-top-color:", t.tokenInputBorderTopColor, ";transition:border-color ", t.transitionDuration, " ", t.transitionTimingFunction, ";box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;align-items:start;outline:none;position:relative;border-radius:", t.tokenInputBorderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:label;"));
   },
   labelSmall: function labelSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
+    return /*#__PURE__*/css(labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelSmall;"));
   },
   labelMedium: function labelMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
+    return /*#__PURE__*/css(labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelMedium;"));
   },
   labelLarge: function labelLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
+    return /*#__PURE__*/css(labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelLarge;"));
   },
   hovering: function hovering(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.tokenInputBorderColorHover);
+    return /*#__PURE__*/css("&:hover{border-color:", t.tokenInputBorderColorHover, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:hovering;"));
   },
   warning: function warning(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorWarning, t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+    return /*#__PURE__*/css("border:", t.tokenInputBorderWidth, " solid ", t.tokenInputBorderColorWarning, ";box-shadow:0 0 0 ", t.tokenInputOutlineWidth, " ", t.tokenInputBorderColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
   },
   error: function error(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorError, t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+    return /*#__PURE__*/css("border:", t.tokenInputBorderWidth, " solid ", t.tokenInputBorderColorError, ";box-shadow:0 0 0 ", t.tokenInputOutlineWidth, " ", t.tokenInputBorderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
   },
   labelFocused: function labelFocused(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorFocus, t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+    return /*#__PURE__*/css("border:", t.tokenInputBorderWidth, " solid ", t.tokenInputBorderColorFocus, ";box-shadow:0 0 0 ", t.tokenInputOutlineWidth, " ", t.tokenInputBorderColorFocus, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:labelFocused;"));
   },
   labelDisabled: function labelDisabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])), t.tokenInputDisabledBg, t.inputDisabledBackgroundClip, t.tokenInputDisabledBorderColor);
+    return /*#__PURE__*/css("background:", t.tokenInputDisabledBg, ";background-clip:", t.inputDisabledBackgroundClip, ";border-color:", t.tokenInputDisabledBorderColor, ";box-shadow:none;cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:labelDisabled;"));
   },
   input: function input(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])), t.tokenInputTextColor, t.tokenInputPlaceholderColor, t.tokenInputPlaceholderColor, t.tokenInputPlaceholderColorDisabled, t.tokenInputPlaceholderColorDisabled, t.tokenInputPlaceholderColorLight, t.tokenInputPlaceholderColorLight);
+    return /*#__PURE__*/css("background:transparent;border:none;box-shadow:none;outline:none;font-family:inherit;overflow:hidden;resize:none;-webkit-appearance:none;text-overflow:clip;background-clip:padding-box;transition:background-color 0.15s ease-in;color:", t.tokenInputTextColor, ";box-sizing:border-box;word-break:break-all;padding:0;margin:0;flex:1 1 100%;&::-ms-clear{display:none;}&::placeholder{color:", t.tokenInputPlaceholderColor, ";-webkit-text-fill-color:", t.tokenInputPlaceholderColor, ";}&:disabled::placeholder{color:", t.tokenInputPlaceholderColorDisabled, ";-webkit-text-fill-color:", t.tokenInputPlaceholderColorDisabled, ";}&:focus::placeholder{color:", t.tokenInputPlaceholderColorLight, ";-webkit-text-fill-color:", t.tokenInputPlaceholderColorLight, ";}&:-moz-placeholder{opacity:1;}&::-moz-placeholder{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:input;"));
   },
   inputSmall: function inputSmall(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
+    return /*#__PURE__*/css(inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputSmall;"));
   },
   inputMedium: function inputMedium(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
+    return /*#__PURE__*/css(inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputMedium;"));
   },
   inputLarge: function inputLarge(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
+    return /*#__PURE__*/css(inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputLarge;"));
   },
   inputDisabled: function inputDisabled(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])), t.tokenInputTextColorDisabled);
+    return /*#__PURE__*/css("pointer-events:none;-webkit-text-fill-color:currentcolor;color:", t.tokenInputTextColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputDisabled;"));
   },
   inputPlaceholderWrapper: function inputPlaceholderWrapper() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "10h7o7i",
+      styles: "flex:1 1 100%"
+    } : {
+      name: "p0sndj-inputPlaceholderWrapper",
+      styles: "flex:1 1 100%;label:inputPlaceholderWrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   reservedInput: function reservedInput(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])), t.tokenInputTextColorDisabled);
+    return /*#__PURE__*/css("min-width:2px;color:", t.tokenInputTextColorDisabled, ";word-break:break-all;" + (process.env.NODE_ENV === "production" ? "" : ";label:reservedInput;"));
   }
 });

package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","labelSizeMixin","inputSizeMixin","styles","label","t","_templateObject","_taggedTemplateLiteralLoose","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","_templateObject2","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","_templateObject3","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","_templateObject4","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","_templateObject5","tokenInputBorderColorHover","warning","_templateObject6","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","_templateObject7","tokenInputBorderColorError","labelFocused","_templateObject8","tokenInputBorderColorFocus","labelDisabled","_templateObject9","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","_templateObject10","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","_templateObject11","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","_templateObject12","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","_templateObject13","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","_templateObject14","tokenInputTextColorDisabled","inputPlaceholderWrapper","_templateObject15","reservedInput","_templateObject16"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"yYAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,cAAc,EAAEC,cAAc,QAAQ,qBAAqB;;AAEpE,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACYF,CAAC,CAACG,YAAY;IACpBH,CAAC,CAACI,gBAAgB;IACtBJ,CAAC,CAACK,qBAAqB,EAAUL,CAAC,CAACM,qBAAqB;IAC9CN,CAAC,CAACO,wBAAwB;IACnBP,CAAC,CAACQ,kBAAkB,EAAIR,CAAC,CAACS,wBAAwB;;;;;;;;IAQ5DT,CAAC,CAACU,sBAAsB;;EAE7C,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,cAAc,CAACI,CAAC,CAACa,uBAAuB,EAAEb,CAAC,CAACc,uBAAuB,CAAC;;EAE1E,CAAC;EACDC,WAAW,WAAAA,YAACf,CAAQ,EAAE;IACpB,OAAON,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACNN,cAAc,CAACI,CAAC,CAACiB,wBAAwB,EAAEjB,CAAC,CAACkB,wBAAwB,CAAC;;EAE5E,CAAC;EACDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACNN,cAAc,CAACI,CAAC,CAACqB,uBAAuB,EAAErB,CAAC,CAACsB,uBAAuB,CAAC;;EAE1E,CAAC;;EAEDC,QAAQ,WAAAA,SAACvB,CAAQ,EAAE;IACjB,OAAON,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;IAEUF,CAAC,CAACyB,0BAA0B;;;EAGlD,CAAC;;EAEDC,OAAO,WAAAA,QAAC1B,CAAQ,EAAE;IAChB,OAAON,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACEF,CAAC,CAACK,qBAAqB,EAAUL,CAAC,CAAC4B,4BAA4B;IACrD5B,CAAC,CAAC6B,sBAAsB,EAAI7B,CAAC,CAAC4B,4BAA4B;;EAElF,CAAC;;EAEDE,KAAK,WAAAA,MAAC9B,CAAQ,EAAE;IACd,OAAON,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;IACEF,CAAC,CAACK,qBAAqB,EAAUL,CAAC,CAACgC,0BAA0B;IACnDhC,CAAC,CAAC6B,sBAAsB,EAAI7B,CAAC,CAACgC,0BAA0B;;EAEhF,CAAC;;EAEDC,YAAY,WAAAA,aAACjC,CAAQ,EAAE;IACrB,OAAON,GAAG,CAAAwC,gBAAA,KAAAA,gBAAA,GAAAhC,2BAAA;IACEF,CAAC,CAACK,qBAAqB,EAAUL,CAAC,CAACmC,0BAA0B;IACnDnC,CAAC,CAAC6B,sBAAsB,EAAI7B,CAAC,CAACmC,0BAA0B;;EAEhF,CAAC;;EAEDC,aAAa,WAAAA,cAACpC,CAAQ,EAAE;IACtB,OAAON,GAAG,CAAA2C,gBAAA,KAAAA,gBAAA,GAAAnC,2BAAA;IACMF,CAAC,CAACsC,oBAAoB;IACjBtC,CAAC,CAACuC,2BAA2B;IAChCvC,CAAC,CAACwC,6BAA6B;;;;EAInD,CAAC;;EAEDC,KAAK,WAAAA,MAACzC,CAAQ,EAAE;IACd,OAAON,GAAG,CAAAgD,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;;;;;;;;;;;;IAYCF,CAAC,CAAC2C,mBAAmB;;;;;;;;;;;IAWnB3C,CAAC,CAAC4C,0BAA0B;IACV5C,CAAC,CAAC4C,0BAA0B;;;IAG9C5C,CAAC,CAAC6C,kCAAkC;IAClB7C,CAAC,CAAC6C,kCAAkC;;;IAGtD7C,CAAC,CAAC8C,+BAA+B;IACf9C,CAAC,CAAC8C,+BAA+B;;;;;;;;;;EAUlE,CAAC;EACDC,UAAU,WAAAA,WAAC/C,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAsD,iBAAA,KAAAA,iBAAA,GAAA9C,2BAAA;IACNL,cAAc,CAACG,CAAC,CAACiD,kBAAkB,EAAEjD,CAAC,CAACkD,yBAAyB,CAAC;;EAEvE,CAAC;EACDC,WAAW,WAAAA,YAACnD,CAAQ,EAAE;IACpB,OAAON,GAAG,CAAA0D,iBAAA,KAAAA,iBAAA,GAAAlD,2BAAA;IACNL,cAAc,CAACG,CAAC,CAACqD,mBAAmB,EAAErD,CAAC,CAACsD,0BAA0B,CAAC;;EAEzE,CAAC;EACDC,UAAU,WAAAA,WAACvD,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAA8D,iBAAA,KAAAA,iBAAA,GAAAtD,2BAAA;IACNL,cAAc,CAACG,CAAC,CAACyD,kBAAkB,EAAEzD,CAAC,CAAC0D,yBAAyB,CAAC;;EAEvE,CAAC;;EAEDC,aAAa,WAAAA,cAAC3D,CAAQ,EAAE;IACtB,OAAON,GAAG,CAAAkE,iBAAA,KAAAA,iBAAA,GAAA1D,2BAAA;;;;IAICF,CAAC,CAAC6D,2BAA2B;;EAE1C,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,OAAOpE,GAAG,CAAAqE,iBAAA,KAAAA,iBAAA,GAAA7D,2BAAA;;;EAGZ,CAAC;;EAED8D,aAAa,WAAAA,cAAChE,CAAQ,EAAE;IACtB,OAAON,GAAG,CAAAuE,iBAAA,KAAAA,iBAAA,GAAA/D,2BAAA;;IAECF,CAAC,CAAC6D,2BAA2B;;;EAG1C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","labelSizeMixin","inputSizeMixin","styles","label","t","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","process","env","NODE_ENV","labelSmall","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","reservedInput"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/TokenInput/__creevey__/TokenInput.creevey.mts

@@ -0,0 +1,414 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+kind('TokenInput', () => {
+  story('EmptyWithReference', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: '.tokens-test-container',
+      skip: {
+        'do not pass on teamcity': {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
+          tests: ['clicked', 'withMenu'],
+        },
+      },
+    });
+
+    test('idle', async (context) => {
+      await delay(100);
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+
+    test('withMenu', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys('a')
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'withMenu');
+    });
+  });
+
+  story('EmptyCombined', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flaky tests': { in: /firefox/ },
+      },
+    });
+
+    test('selectFirst', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys('a')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('CombinedFilled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'], tests: ['editToken'] },
+        flaky: { in: /firefox/, tests: ['selectAndType', 'editToken'] },
+      },
+    });
+
+    test('selectAndType', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .perform();
+      const selected = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys('a')
+        .perform();
+      const typed = await context.takeScreenshot();
+      await context.matchImages({ selected, typed });
+    });
+
+    test('editToken', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .doubleClick(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .perform();
+      const doubleClickOnToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }))
+        .perform();
+      const clickOnMenuItem = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.ENTER)
+        .perform();
+      const enterOnActiveToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys('EDITED')
+        .perform();
+      const editToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.ENTER)
+        .perform();
+      const enterAfterEdit = await context.takeScreenshot();
+      await context.matchImages({
+        doubleClickOnToken,
+        clickOnMenuItem,
+        enterOnActiveToken,
+        editToken,
+        enterAfterEdit,
+      });
+    });
+  });
+
+  story('CustomAddButton', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
+          tests: ['addButton'],
+        },
+      },
+    });
+
+    test('addButton', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys('zzz')
+        .perform();
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('OnUnexpectedInputValidation', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flacky: {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
+          tests: ['token select', 'token edit'],
+        },
+      },
+    });
+
+    test('token select', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .pause(1000)
+        .sendKeys('aaa')
+        .pause(1000)
+        .move({ x: 0, y: 0 })
+        .click()
+        .pause(1000)
+        .perform();
+      const withNotSelectedToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys('aaaccc')
+        .move({ x: 0, y: 0 })
+        .click()
+        .perform();
+      const withAutoSelectedTokens = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .pause(1000)
+        .sendKeys('clear')
+        .move({ x: 0, y: 0 })
+        .click()
+        .perform();
+      await delay(1000);
+      const clearedOnNullReturn = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .clear();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys('aaa')
+        .sendKeys(Key.ENTER)
+        .pause(1000)
+        .sendKeys('bbb')
+        .sendKeys(Key.ENTER)
+        .move({ x: 0, y: 0 })
+        .click()
+        .perform();
+      const withSelectedTokens = await context.takeScreenshot();
+      await context.matchImages({
+        withNotSelectedToken,
+        withAutoSelectedTokens,
+        clearedOnNullReturn,
+        withSelectedTokens,
+      });
+    });
+
+    test('token edit', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .pause(300)
+        .sendKeys('aaa')
+        .pause(300)
+        .sendKeys(Key.ENTER)
+        .pause(300)
+        .sendKeys('bbb')
+        .pause(300)
+        .sendKeys(Key.ENTER)
+        .pause(300)
+        .perform();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .doubleClick(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .pause(1000)
+        .sendKeys('aaa')
+        .pause(300)
+        .move({ x: 0, y: 0 })
+        .click()
+        .pause(300)
+        .perform();
+      const withSameValue = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .doubleClick(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .pause(1000)
+        .sendKeys('zzz')
+        .pause(300)
+        .move({ x: 0, y: 0 })
+        .click()
+        .pause(300)
+        .perform();
+      const withNotEditedToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .doubleClick(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .pause(1000)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys(Key.BACK_SPACE)
+        .sendKeys('clear')
+        .pause(300)
+        .move({ x: 0, y: 0 })
+        .click()
+        .pause(300)
+        .perform();
+      const withRemovedToken = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .doubleClick(context.webdriver.findElement({ css: '[data-comp-name~="Token"]' }))
+        .pause(1000)
+        .sendKeys('EDITED')
+        .pause(300)
+        .sendKeys(Key.ARROW_DOWN)
+        .sendKeys(Key.ENTER)
+        .pause(300)
+        .move({ x: 0, y: 0 })
+        .click()
+        .pause(300)
+        .perform();
+      const withEditedToken = await context.takeScreenshot();
+      await context.matchImages({ withSameValue, withNotEditedToken, withRemovedToken, withEditedToken });
+    });
+  });
+
+  story('FullWidthMenu', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
+          tests: ['selectFirst'],
+        },
+      },
+    });
+
+    test('selectFirst', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .sendKeys('a')
+        .perform();
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('CustomRenderTotalCount', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': {
+          in: ['firefox', 'firefox8px', 'firefoxFlat8px', 'firefoxDark', 'firefox2022', 'firefox2022Dark'],
+          tests: ['renderTotalCount'],
+        },
+      },
+    });
+
+    test('renderTotalCount', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('WithPlaceholderAndWidth', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /firefox/, tests: ['selected'] },
+      },
+    });
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot());
+    });
+
+    test('selected', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="TokenInput"]' }))
+        .pause(500)
+        .sendKeys('a')
+        .perform();
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot());
+    });
+  });
+
+  story('Size', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: '[data-tid="Gapped__vertical"]',
+    });
+
+    test('MenuItem inherits size', async (context) => {
+      await context.webdriver.actions({ bridge: true }).keyDown(Key.TAB).perform();
+      const tab1 = await context.takeScreenshot();
+
+      await context.webdriver.actions({ bridge: true }).keyDown(Key.TAB).perform();
+      const tab2 = await context.takeScreenshot();
+
+      await context.webdriver.actions({ bridge: true }).keyDown(Key.TAB).perform();
+      const tab3 = await context.takeScreenshot();
+
+      await context.matchImages({ tab1, tab2, tab3 });
+    });
+  });
+});