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

package/cjs/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/cjs/components/Spinner/Spinner.styles.js

@@ -1,103 +1,103 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");
-var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _client = require("../../lib/client");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   circle: function circle(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
-    t.spinnerColor,
+    return /*#__PURE__*/(0, _Emotion.css)("stroke:",
+    t.spinnerColor, ";",
 
     !_client.isIE11 && "\n          animation: " +
 
     _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " +
     _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " +
     _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
+    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circle;"));
 
 
   },
   circleDimmedColor: function circleDimmedColor(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n    "])),
-    t.spinnerDimmedColor);
+    return /*#__PURE__*/(0, _Emotion.css)("stroke:",
+    t.spinnerDimmedColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleDimmedColor;"));
 
   },
   circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    !_client.isIE11 && "\n          animation: " +
+    return /*#__PURE__*/(0, _Emotion.css)(
+      !_client.isIE11 && "\n          animation: " +
 
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
+      _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
+      _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
+      _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleWithoutColorAnimation;"));
 
 
   },
 
   captionColor: function captionColor(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.spinnerCaptionColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.spinnerCaptionColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionColor;"));
 
   },
 
   inline: function inline() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionGapSmall,
-    t.spinnerFontSizeSmall,
-    t.spinnerLineHeightSmall);
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionMarginSmall,
-    t.spinnerFontSizeSmall,
-    t.spinnerLineHeightSmall);
+    return /*#__PURE__*/(0, _Emotion.css)("margin:",
+    t.spinnerCaptionMarginSmall, ";font-size:",
+    t.spinnerFontSizeSmall, ";line-height:",
+    t.spinnerLineHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:small;"));
 
   },
 
   normal: function normal(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:block;font-size:",
 
-    t.spinnerFontSizeMedium,
-    t.spinnerLineHeightMedium,
-    t.spinnerCaptionGapMedium);
+    t.spinnerFontSizeMedium, ";line-height:",
+    t.spinnerLineHeightMedium, ";margin-top:",
+    t.spinnerCaptionGapMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:normal;"));
 
   },
 
   medium: function medium(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionMarginMedium,
-    t.spinnerFontSizeMedium,
-    t.spinnerLineHeightMedium);
+    return /*#__PURE__*/(0, _Emotion.css)("margin:",
+    t.spinnerCaptionMarginMedium, ";font-size:",
+    t.spinnerFontSizeMedium, ";line-height:",
+    t.spinnerLineHeightMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:medium;"));
 
   },
 
   big: function big(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:block;font-size:",
 
-    t.spinnerFontSizeLarge,
-    t.spinnerLineHeightLarge,
-    t.spinnerCaptionGapLarge);
+    t.spinnerFontSizeLarge, ";line-height:",
+    t.spinnerLineHeightLarge, ";margin-top:",
+    t.spinnerCaptionGapLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:big;"));
 
   },
 
   large: function large(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])),
-    t.spinnerFontSizeLarge,
-    t.spinnerLineHeightLarge,
-    t.spinnerCaptionMarginLarge);
+    return /*#__PURE__*/(0, _Emotion.css)("font-size:",
+    t.spinnerFontSizeLarge, ";line-height:",
+    t.spinnerLineHeightLarge, ";margin:",
+    t.spinnerCaptionMarginLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:large;"));
 
   },
 
   spinner: function spinner() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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__ });
 
 
 
@@ -105,7 +105,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   inner: function inner() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1r5gb7q", styles: "display:inline-block" } : { name: "k506hp-inner", styles: "display:inline-block;label:inner;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_client","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","circle","t","css","_taggedTemplateLiteralLoose2","default","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","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":[]}
+{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_client","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","process","env","NODE_ENV","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","name","toString","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/cjs/components/Sticky/Sticky.styles.js

@@ -1,32 +1,32 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: auto;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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__ });