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

package/components/SidePage/__creevey__/SidePage.creevey.mts

@@ -0,0 +1,421 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+import { SidePageFooterDataTids } from '../SidePageFooter';
+
+const simpleTests = () => {
+  test('open side-page', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+      .perform();
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'open side-page');
+  });
+};
+
+kind('SidePage', () => {
+  story('SidePageOverAnotherSidePageStory', () => {
+    test('open internal side-page', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="SidePage.Body"] button' }))
+        .perform();
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'open internal side-page');
+    });
+
+    test('close internal side-page', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="SidePage.Body"] button' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({ css: '.react-ui:last-child [data-comp-name~="SidePage.Footer"] button' }),
+        )
+        .perform();
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'close internal side-page');
+    });
+  });
+
+  story('StickySidePageHeaderWhenAnotherSidePageStory', () => {
+    test('sticky header, open and close internal side-page', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="SidePage.Body"] button' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        const sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]');
+
+        if (sidepageContainer) {
+          sidepageContainer.scrollTop = 3000;
+        }
+      });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(
+          context.webdriver.findElement({ css: '.react-ui:last-child [data-comp-name~="SidePage.Footer"] button' }),
+        )
+        .perform();
+      await context.matchImage(
+        await context.webdriver.takeScreenshot(),
+        'sticky header, open and close internal side-page',
+      );
+    });
+  });
+
+  story('Simple', () => {
+    simpleTests();
+  });
+
+  story('MobileSimple', () => {
+    simpleTests();
+  });
+
+  story('BodyWithoutFooter', () => {
+    test('scroll to bottom', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        const sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        sidepageContainer.scrollTop = 3000;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'scroll to bottom');
+    });
+  });
+
+  story('BodyWithoutHeader', () => {
+    test('open side-page without header', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await delay(100);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'open side-page without header');
+    });
+  });
+
+  story('SidePageWithFocusLockWhenBackgroundBlocked', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'unstable tests in firefox2022': { in: /^(?!\b(chrome2022)\b)/ } } });
+
+    test('open side-page', async (context) => {
+      const pressTab = async () => {
+        await context.webdriver
+          .actions({
+            bridge: true,
+          })
+          .sendKeys(Key.TAB)
+          .perform();
+        await delay(4000);
+      };
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await delay(1000);
+      await pressTab();
+      const firstTimeTabPress = await context.webdriver.takeScreenshot();
+      await pressTab();
+      const secondTimeTabPress = await context.webdriver.takeScreenshot();
+      await pressTab();
+      const thirdTimeTabPress = await context.webdriver.takeScreenshot();
+      await pressTab();
+      const fourthTimeTabPress = await context.webdriver.takeScreenshot();
+      await context.matchImages({
+        firstTimeTabPress,
+        secondTimeTabPress,
+        thirdTimeTabPress,
+        fourthTimeTabPress,
+      });
+    });
+  });
+
+  story('TestUpdateLayoutMethodStory', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'idle');
+    });
+
+    test('Body content has been changed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="toggle-body-content"]' }))
+        .perform();
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Body content has been changed');
+    });
+
+    test('child component content has been changed', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="toggle-child-component-content"]' }))
+        .perform();
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'child component content has been changed');
+    });
+
+    test('update layout', async (context) => {
+      await delay(1000);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="toggle-child-component-content"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid="update"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'update layout');
+    });
+  });
+
+  story('WithLongTitleStory', () => {
+    test('not fixed', async (context) => {
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'not fixed');
+    });
+
+    test('fixed close element', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+        const sidePageHeader = window.document.querySelector('[data-comp-name~="SidePage.Header"]') as HTMLElement;
+        const fixedHeaderHeight = 50;
+
+        sidePageContainer.scrollTop = (sidePageHeader.offsetHeight - fixedHeaderHeight) / 2;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed close element');
+    });
+
+    test('fixed header', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+        const sidePageHeader = window.document.querySelector('[data-comp-name~="SidePage.Header"]') as HTMLElement;
+        const fixedHeaderHeight = 50;
+
+        sidePageContainer.scrollTop = sidePageHeader.offsetHeight - fixedHeaderHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed header');
+    });
+  });
+
+  story('SidePageWithChildrenFromOtherComponent', () => {
+    test('without header, footer', async (context) => {
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'without header, footer');
+    });
+
+    test('scroll to bottom without header, footer', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        sidepageContainer.scrollTop = 3000;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'scroll to bottom without header, footer');
+    });
+
+    test('with header, footer', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__header-toggle"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__footer-toggle"]' }))
+        .pause(1000)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'with header, footer');
+    });
+
+    test('scroll to bottom with header, footer', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__header-toggle"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__footer-toggle"]' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        const sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        sidepageContainer.scrollTop = 3000;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'scroll to bottom with header, footer');
+    });
+
+    test('with panel', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__footer-toggle"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__panel-toggle"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'with panel');
+    });
+
+    test('scroll to bottom with panel', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__footer-toggle"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: '[data-tid="SidePage__panel-toggle"]' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        const sidepageContainer = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        sidepageContainer.scrollTop = 3000;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'scroll to bottom with panel');
+    });
+  });
+
+  story('SidePageWithBlockBackground', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'unstable tests in firefox2022': { in: /^(?!\b(chrome2022)\b)/ } } });
+
+    test('open side-page', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+
+  story('SidePageChangeBlockBgAndIgnoreBgClick', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+      captureElement: 'body',
+    });
+
+    test('change sidepage mode to view to edit to view', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-side-page"]' }))
+        .perform();
+      await delay(100);
+      const viewModeSidePage = await context.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="${SidePageFooterDataTids.root}"] button` }))
+        .perform();
+      await delay(100);
+      const editModeSidePage = await context.webdriver.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="${SidePageFooterDataTids.root}"] button` }))
+        .perform();
+      await delay(100);
+      const againViewModeSidePage = await context.takeScreenshot();
+
+      await delay(100);
+      await context.expect({ viewModeSidePage, editModeSidePage, againViewModeSidePage }).to.matchImages();
+    });
+  });
+
+  story('NestedSidePagesWithChangingVeil', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+      captureElement: 'body',
+    });
+
+    test('idle', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-first-side-page"]' }))
+        .perform();
+      await delay(500);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-second-side-page"]' }))
+        .perform();
+      await delay(500);
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-third-side-page"]' }))
+        .perform();
+      await delay(500);
+      const thirdOpenedNoVeils = await context.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="veil-first-from-third-side-page"]` }))
+        .perform();
+      await delay(500);
+      const thirdOpenedWithFirstVeil = await context.webdriver.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="veil-second-from-third-side-page"] button` }))
+        .perform();
+      await delay(500);
+      const thirdOpenedWithFirstAndSecondVeils = await context.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="veil-second-from-third-side-page"] button` }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="veil-third-from-third-side-page"] button` }))
+        .perform();
+      await delay(500);
+      const thirdOpenedWithFirstAndThirdVeils = await context.takeScreenshot();
+
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid~="close-third-side-page"] button` }))
+        .perform();
+      await delay(500);
+      const secondOpenedWithFirstVeilAndNoSecondVeil = await context.takeScreenshot();
+
+      await context
+        .expect({
+          thirdOpenedNoVeils,
+          thirdOpenedWithFirstVeil,
+          thirdOpenedWithFirstAndSecondVeils,
+          thirdOpenedWithFirstAndThirdVeils,
+          secondOpenedWithFirstVeilAndNoSecondVeil,
+        })
+        .to.matchImages();
+    });
+  });
+});

package/components/Spinner/Spinner.styles/Spinner.styles.js

@@ -1,46 +1,68 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+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 { AnimationKeyframes } from "../../../lib/theming/AnimationKeyframes";
 import { isIE11 } from "../../../lib/client";
 export var styles = memoizeStyle({
   circle: function circle(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n\n      ", "\n    "])), t.spinnerColor, !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " + AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
+    return /*#__PURE__*/css("stroke:", t.spinnerColor, ";", !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " + AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circle;"));
   },
   circleDimmedColor: function circleDimmedColor(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n    "])), t.spinnerDimmedColor);
+    return /*#__PURE__*/css("stroke:", t.spinnerDimmedColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleDimmedColor;"));
   },
   circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
+    return /*#__PURE__*/css(!isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleWithoutColorAnimation;"));
   },
   captionColor: function captionColor(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.spinnerCaptionColor);
+    return /*#__PURE__*/css("color:", t.spinnerCaptionColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionColor;"));
   },
   inline: function inline() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "jvf5yx",
+      styles: "font-size:inherit;line-height:inherit"
+    } : {
+      name: "e77733-inline",
+      styles: "font-size:inherit;line-height:inherit;label:inline;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   mini: function mini(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    return /*#__PURE__*/css("margin-left:", t.spinnerCaptionGapSmall, ";font-size:", t.spinnerFontSizeSmall, ";line-height:", t.spinnerLineHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:mini;"));
   },
   small: function small(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    return /*#__PURE__*/css("margin:", t.spinnerCaptionMarginSmall, ";font-size:", t.spinnerFontSizeSmall, ";line-height:", t.spinnerLineHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:small;"));
   },
   normal: function normal(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
+    return /*#__PURE__*/css("display:block;font-size:", t.spinnerFontSizeMedium, ";line-height:", t.spinnerLineHeightMedium, ";margin-top:", t.spinnerCaptionGapMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:normal;"));
   },
   medium: function medium(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
+    return /*#__PURE__*/css("margin:", t.spinnerCaptionMarginMedium, ";font-size:", t.spinnerFontSizeMedium, ";line-height:", t.spinnerLineHeightMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:medium;"));
   },
   big: function big(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
+    return /*#__PURE__*/css("display:block;font-size:", t.spinnerFontSizeLarge, ";line-height:", t.spinnerLineHeightLarge, ";margin-top:", t.spinnerCaptionGapLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:big;"));
   },
   large: function large(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
+    return /*#__PURE__*/css("font-size:", t.spinnerFontSizeLarge, ";line-height:", t.spinnerLineHeightLarge, ";margin:", t.spinnerCaptionMarginLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:large;"));
   },
   spinner: function spinner() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1i6h8pe",
+      styles: "display:inline-block;text-align:center;line-height:normal"
+    } : {
+      name: "h0x2f0-spinner",
+      styles: "display:inline-block;text-align:center;line-height:normal;label:spinner;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   inner: function inner() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1r5gb7q",
+      styles: "display:inline-block"
+    } : {
+      name: "k506hp-inner",
+      styles: "display:inline-block;label:inner;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

package/components/Spinner/Spinner.styles/Spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","circle","t","_templateObject","_taggedTemplateLiteralLoose","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","_templateObject2","spinnerDimmedColor","circleWithoutColorAnimation","_templateObject3","captionColor","_templateObject4","spinnerCaptionColor","inline","_templateObject5","mini","_templateObject6","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","_templateObject7","spinnerCaptionMarginSmall","normal","_templateObject8","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","_templateObject9","spinnerCaptionMarginMedium","big","_templateObject10","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","_templateObject11","spinnerCaptionMarginLarge","spinner","_templateObject12","inner","_templateObject13"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n        `}\n    `;\n  },\n\n  captionColor(t: Theme) {\n    return css`\n      color: ${t.spinnerCaptionColor};\n    `;\n  },\n\n  inline() {\n    return css`\n      font-size: inherit;\n      line-height: inherit;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerCaptionGapSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n      margin-top: ${t.spinnerCaptionGapMedium};\n    `;\n  },\n\n  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin-top: ${t.spinnerCaptionGapLarge};\n    `;\n  },\n\n  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","circle","t","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","process","env","NODE_ENV","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","spinnerCaptionMarginSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","spinnerCaptionMarginMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","spinnerCaptionMarginLarge","spinner","inner"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n        `}\n    `;\n  },\n\n  captionColor(t: Theme) {\n    return css`\n      color: ${t.spinnerCaptionColor};\n    `;\n  },\n\n  inline() {\n    return css`\n      font-size: inherit;\n      line-height: inherit;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerCaptionGapSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n      margin-top: ${t.spinnerCaptionGapMedium};\n    `;\n  },\n\n  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin-top: ${t.spinnerCaptionGapLarge};\n    `;\n  },\n\n  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Sticky/Sticky.styles/Sticky.styles.js

@@ -1,20 +1,56 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   wrapper: function wrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "zjik7",
+      styles: "display:flex"
+    } : {
+      name: "d9m8pl-wrapper",
+      styles: "display:flex;label:wrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   inner: function inner() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "7whenc",
+      styles: "display:flex;width:100%"
+    } : {
+      name: "17cpytc-inner",
+      styles: "display:flex;width:100%;label:inner;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   fixed: function fixed() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "duudsh",
+      styles: "position:fixed"
+    } : {
+      name: "1h4k18f-fixed",
+      styles: "position:fixed;label:fixed;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   stopped: function stopped() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "bjn8wh",
+      styles: "position:relative"
+    } : {
+      name: "4rqtlr-stopped",
+      styles: "position:relative;label:stopped;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   container: function container() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      flex: auto;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1k9a81k",
+      styles: "flex:auto;width:100%"
+    } : {
+      name: "1wg0y04-container",
+      styles: "flex:auto;width:100%;label:container;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

package/components/Sticky/Sticky.styles/Sticky.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","inner","_templateObject2","fixed","_templateObject3","stopped","_templateObject4","container","_templateObject5"],"sources":["Sticky.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","wrapper","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","inner","fixed","stopped","container"],"sources":["Sticky.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,WAAAL,MAAA,uBAAAK,IAAA,oBAAAL,MAAA,iCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,kCAAAK,IAAA,mBAAAL,MAAA,0CAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,yBAAAK,IAAA,mBAAAL,MAAA,iCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOZ,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,4BAAAK,IAAA,oBAAAL,MAAA,sCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,oBAAOb,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,+BAAAK,IAAA,uBAAAL,MAAA,2CAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}