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

package/components/Link/__creevey__/Link.creevey.mts

@@ -0,0 +1,162 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const focusedLinkTest = () => {
+  test('tab press', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPressHovered');
+  });
+};
+const linkTests = () => {
+  test('idle', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'idle');
+  });
+
+  test('hover', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'hover');
+  });
+};
+
+const focusedStyledLinkTest = () => {
+  test('tab press', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'hovered');
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPressHovered');
+  });
+};
+
+kind('Link', () => {
+  story('Simple', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('WithIcon', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+    focusedLinkTest();
+  });
+
+  story('Danger', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Grayed', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Disabled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Loading', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('FocusedStyledLink', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { flacky: { in: /^(?!\b(firefox2022)\b)/ } } });
+
+    focusedStyledLinkTest();
+  });
+});

package/components/Loader/Loader.styles/Loader.styles.js

@@ -1,20 +1,49 @@
-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({
   active: function active(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])), t.loaderBorderRadius, t.loaderBg);
+    return /*#__PURE__*/css("border-radius:", t.loaderBorderRadius, ";position:absolute;bottom:0;left:0;right:0;top:0;background:", t.loaderBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"));
   },
   loader: function loader() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "e7vinw",
+      styles: "box-sizing:border-box;display:inline-block;position:relative;width:100%;z-index:inherit"
+    } : {
+      name: "t82izh-loader",
+      styles: "box-sizing:border-box;display:inline-block;position:relative;width:100%;z-index:inherit;label:loader;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   spinnerContainer: function spinnerContainer() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "og8wv6",
+      styles: "display:block;margin:auto;text-align:center;position:absolute;bottom:0;left:0;right:0;top:0;&::before{content:' ';display:inline-block;height:100%;min-height:100%;vertical-align:middle;}"
+    } : {
+      name: "1guo7d-spinnerContainer",
+      styles: "display:block;margin:auto;text-align:center;position:absolute;bottom:0;left:0;right:0;top:0;&::before{content:' ';display:inline-block;height:100%;min-height:100%;vertical-align:middle;};label:spinnerContainer;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   spinnerContainerSticky: function spinnerContainerSticky() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "duudsh",
+      styles: "position:fixed"
+    } : {
+      name: "1y3to0l-spinnerContainerSticky",
+      styles: "position:fixed;label:spinnerContainerSticky;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   spinnerComponentWrapper: function spinnerComponentWrapper() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1r5gb7q",
+      styles: "display:inline-block"
+    } : {
+      name: "72dasi-spinnerComponentWrapper",
+      styles: "display:inline-block;label:spinnerComponentWrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

package/components/Loader/Loader.styles/Loader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","active","t","_templateObject","_taggedTemplateLiteralLoose","loaderBorderRadius","loaderBg","loader","_templateObject2","spinnerContainer","_templateObject3","spinnerContainerSticky","_templateObject4","spinnerComponentWrapper","_templateObject5"],"sources":["Loader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,MAAM,WAAAA,OAACC,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACSF,CAAC,CAACG,kBAAkB;;;;;;;IAOvBH,CAAC,CAACI,QAAQ;;EAE5B,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;;;EAOZ,CAAC;;EAEDK,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;;;;;;;;;;;;;;EAmBZ,CAAC;;EAEDO,sBAAsB,WAAAA,uBAAA,EAAG;IACvB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;;EAEDS,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,OAAOf,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","active","t","loaderBorderRadius","loaderBg","process","env","NODE_ENV","loader","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,MAAM,WAAAA,OAACC,CAAQ,EAAE;IACf,oBAAOJ,GAAG;IACSI,CAAC,CAACC,kBAAkB;;;;;;;IAOvBD,CAAC,CAACE,QAAQ,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE5B,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,oBAAOV,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAT,MAAA,kGAAAS,IAAA,mBAAAT,MAAA,2GAAAU,QAAA,EAAAC,gCAAA;;;;;;;EAOZ,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,oBAAOd,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAT,MAAA,qMAAAS,IAAA,6BAAAT,MAAA,wNAAAU,QAAA,EAAAC,gCAAA;;;;;;;;;;;;;;;;;;;EAmBZ,CAAC;;EAEDE,sBAAsB,WAAAA,uBAAA,EAAG;IACvB,oBAAOf,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAT,MAAA,yBAAAS,IAAA,oCAAAT,MAAA,kDAAAU,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDG,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,oBAAOhB,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,aAAAT,MAAA,+BAAAS,IAAA,oCAAAT,MAAA,yDAAAU,QAAA,EAAAC,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Loader/__creevey__/Loader.creevey.mts

@@ -0,0 +1,35 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+kind('Loader', () => {
+  story('ActiveLoader', () => {
+    test('covers children', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
+      await context.webdriver.actions({ bridge: true }).click(button).perform();
+      await context.matchImage(await element.takeScreenshot(), 'cover children');
+    });
+  });
+
+  story('InactiveLoader', () => {
+    test("doesn't cover children", async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
+      await context.webdriver.actions({ bridge: true }).click(button).perform();
+      await context.matchImage(await element.takeScreenshot(), "doesn't cover children");
+    });
+  });
+
+  story('FocusInside', () => {
+    test('focus inside', async (context) => {
+      const loader = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const toggle = await context.webdriver.findElement({ css: '[data-tid~="toggle-loader"]' });
+      await context.webdriver.actions().sendKeys(Key.TAB).perform();
+      const enabled = await loader.takeScreenshot();
+      await context.webdriver.actions().click(toggle).move({ x: 0, y: 0 }).click().perform();
+      await context.webdriver.actions().sendKeys(Key.TAB).perform();
+      const disabled = await loader.takeScreenshot();
+      await context.matchImages({ enabled, disabled });
+    });
+  });
+});

package/components/MaskedInput/__creevey__/MaskedInput.creevey.mts

@@ -0,0 +1,216 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const testIdleFocusEditBlur = () => {
+  test('idle, focus, edit, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('input').sendKeys('953').perform();
+    const edited = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, edited, blured });
+  });
+};
+
+const testIdleFocusAppendRemoveBlur = () => {
+  test('idle, focus, edit, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('input').sendKeys('953').perform();
+    const appended = await context.takeScreenshot();
+
+    await click('input').sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).perform();
+    const restored = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, appended, restored, blured });
+  });
+};
+
+const testIdleFocusBlur = () => {
+  test('idle, focus, blur', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }));
+    };
+
+    const idle = await context.takeScreenshot();
+
+    await click('input').pause(500).perform();
+    const focused = await context.takeScreenshot();
+
+    await click('body').perform();
+    const blured = await context.takeScreenshot();
+
+    await context.matchImages({ idle, focused, blured });
+  });
+};
+
+const testRewriteInMiddle = () => {
+  test('idle, shift, rewrite', async (context) => {
+    const click = (css: string) => {
+      return context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css }))
+        .pause(500);
+    };
+
+    const idle = await context.takeScreenshot();
+
+    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('12').perform();
+    const shift = await context.takeScreenshot();
+
+    click('body');
+
+    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('56').perform();
+    const rewrite = await context.takeScreenshot();
+
+    await context.matchImages({ idle, shift, rewrite });
+  });
+};
+
+kind('MaskedInput', () => {
+  story('Default', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('IdleFocusEditBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('IdleFocusBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusBlur();
+  });
+
+  story('IdleFocusAppendRemoveBlurWithPlaceholder', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusAppendRemoveBlur();
+  });
+
+  story('IdleFocusBlurWithPrefix', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusBlur();
+  });
+
+  story('WithCustomUnmaskedValue', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('WithUnmaskedAndFixedValue', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusAppendRemoveBlur();
+  });
+
+  story('IdleFocusBlurAndUncontrolled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testIdleFocusEditBlur();
+  });
+
+  story('RewriteInMiddle', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    testRewriteInMiddle();
+  });
+
+  story('SelectAllByProp', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
+    });
+    test('Plain focused', async (context) => {
+      const idle = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .pause(500)
+        .perform();
+      const select_half = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .sendKeys('1234')
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .pause(500)
+        .perform();
+      const select_all = await context.takeScreenshot();
+      await context.matchImages({ idle, select_half, select_all });
+    });
+  });
+
+  story('SelectAllByButton', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: true, // flaky
+    });
+    test('Plain focused', async (context) => {
+      const plain = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="select-all"]' }))
+        .perform();
+      await delay(500);
+      const select_all = await context.takeScreenshot();
+      await context.matchImages({ plain, select_all });
+    });
+  });
+});

package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js

@@ -1,10 +1,8 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
 import { css } from "../../../lib/theming/Emotion";
 export var menuFooterSizeMixin = function menuFooterSizeMixin(menuFooterPaddingX, menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, menuFooterPaddingBottom) {
   var paddingRight = menuFooterPaddingX;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
+  return /*#__PURE__*/css("font-size:", menuFooterFontSize, ";line-height:", menuFooterLineHeight, ";padding:", menuFooterPaddingTop, " ", paddingRight, " ", menuFooterPaddingBottom, " ", menuFooterPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuFooterSizeMixin;"));
 };
 export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
+  return /*#__PURE__*/css("padding-left:", menuItemPaddingForIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withIconSizeMixin;"));
 };

package/components/MenuFooter/MenuFooter.mixins/MenuFooter.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","menuFooterSizeMixin","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const paddingRight = menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,OAAOF,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKN,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["css","menuFooterSizeMixin","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","process","env","NODE_ENV","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const paddingRight = menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,oBAAOF,GAAG;EACKG,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,OAAIE,YAAY,OAAID,uBAAuB,OAAIJ,kBAAkB,SAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEpG,CAAC;;AAED,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,oBAAOZ,GAAG;EACQY,sBAAsB,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAE1C,CAAC","ignoreList":[]}

package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js

@@ -1,27 +1,25 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { menuFooterSizeMixin, withIconSizeMixin } from "../MenuFooter.mixins";
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.menuFooterColor);
+    return /*#__PURE__*/css("color:", t.menuFooterColor, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall));
+    return /*#__PURE__*/css(menuFooterSizeMixin(t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium));
+    return /*#__PURE__*/css(menuFooterSizeMixin(t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge));
+    return /*#__PURE__*/css(menuFooterSizeMixin(t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
   },
   withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingSmall;"));
   },
   withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingMedium;"));
   },
   withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingLarge;"));
   }
 });

package/components/MenuFooter/MenuFooter.styles/MenuFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuFooterColor","rootSmall","_templateObject2","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","_templateObject3","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","_templateObject4","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","_templateObject5","menuItemPaddingForIconSmall","withLeftPaddingMedium","_templateObject6","menuItemPaddingForIconMedium","withLeftPaddingLarge","_templateObject7","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACCF,CAAC,CAACG,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACM,uBAAuB;MACzBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,yBAAyB;MAC3BR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAON,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAON,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACNN,mBAAmB;MACnBI,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,OAAON,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAAC8B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC/B,CAAQ,EAAE;IAC7B,OAAON,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACNL,iBAAiB,CAACG,CAAC,CAACiC,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","menuFooterSizeMixin","withIconSizeMixin","styles","root","t","menuFooterColor","process","env","NODE_ENV","rootSmall","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;;AAE5E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,oBAAON,GAAG;IACCM,CAAC,CAACC,eAAe,wBAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,oBAAON,GAAG;MACNE,mBAAmB;QACnBI,CAAC,CAACM,uBAAuB;QACzBN,CAAC,CAACO,uBAAuB;QACzBP,CAAC,CAACQ,yBAAyB;QAC3BR,CAAC,CAACS,yBAAyB;QAC3BT,CAAC,CAACU;MACJ,CAAC,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;EACDO,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,oBAAON,GAAG;MACNE,mBAAmB;QACnBI,CAAC,CAACY,wBAAwB;QAC1BZ,CAAC,CAACa,wBAAwB;QAC1Bb,CAAC,CAACc,0BAA0B;QAC5Bd,CAAC,CAACe,0BAA0B;QAC5Bf,CAAC,CAACgB;MACJ,CAAC,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;EACDa,SAAS,WAAAA,UAACjB,CAAQ,EAAE;IAClB,oBAAON,GAAG;MACNE,mBAAmB;QACnBI,CAAC,CAACkB,uBAAuB;QACzBlB,CAAC,CAACmB,uBAAuB;QACzBnB,CAAC,CAACoB,yBAAyB;QAC3BpB,CAAC,CAACqB,yBAAyB;QAC3BrB,CAAC,CAACsB;MACJ,CAAC,SAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEL,CAAC;;EAEDmB,oBAAoB,WAAAA,qBAACvB,CAAQ,EAAE;IAC7B,oBAAON,GAAG;MACNG,iBAAiB,CAACG,CAAC,CAACwB,2BAA2B,CAAC,SAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtD,CAAC;EACDqB,qBAAqB,WAAAA,sBAACzB,CAAQ,EAAE;IAC9B,oBAAON,GAAG;MACNG,iBAAiB,CAACG,CAAC,CAAC0B,4BAA4B,CAAC,SAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEvD,CAAC;EACDuB,oBAAoB,WAAAA,qBAAC3B,CAAQ,EAAE;IAC7B,oBAAON,GAAG;MACNG,iBAAiB,CAACG,CAAC,CAAC4B,2BAA2B,CAAC,SAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js

@@ -1,10 +1,8 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
 import { css } from "../../../lib/theming/Emotion";
 export var menuHeaderSizeMixin = function menuHeaderSizeMixin(menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
   var paddingRight = menuHeaderPaddingX;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])), menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, paddingRight, menuHeaderPaddingBottom, menuHeaderPaddingX);
+  return /*#__PURE__*/css("font-size:", menuHeaderFontSize, ";line-height:", menuHeaderLineHeight, ";padding:", menuHeaderPaddingTop, " ", paddingRight, " ", menuHeaderPaddingBottom, " ", menuHeaderPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuHeaderSizeMixin;"));
 };
 export var withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding-left: ", ";\n  "])), menuItemPaddingForIcon);
+  return /*#__PURE__*/css("padding-left:", menuItemPaddingForIcon, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withIconSizeMixin;"));
 };

package/components/MenuHeader/MenuHeader.mixins/MenuHeader.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","menuHeaderSizeMixin","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","paddingRight","_templateObject","_taggedTemplateLiteralLoose","withIconSizeMixin","menuItemPaddingForIcon","_templateObject2"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const paddingRight = menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,OAAOF,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKN,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAED,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["css","menuHeaderSizeMixin","menuHeaderPaddingX","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","paddingRight","process","env","NODE_ENV","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuHeader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuHeaderSizeMixin = (\n  menuHeaderPaddingX: string,\n  menuHeaderFontSize: string,\n  menuHeaderLineHeight: string,\n  menuHeaderPaddingTop: string,\n  menuHeaderPaddingBottom: string,\n) => {\n  const paddingRight = menuHeaderPaddingX;\n\n  return css`\n    font-size: ${menuHeaderFontSize};\n    line-height: ${menuHeaderLineHeight};\n    padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,oBAAOF,GAAG;EACKG,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,OAAIE,YAAY,OAAID,uBAAuB,OAAIJ,kBAAkB,SAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEpG,CAAC;;AAED,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,oBAAOZ,GAAG;EACQY,sBAAsB,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAE1C,CAAC","ignoreList":[]}

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js

@@ -1,27 +1,25 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { menuHeaderSizeMixin, withIconSizeMixin } from "../MenuHeader.mixins";
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.menuHeaderColor);
+    return /*#__PURE__*/css("color:", t.menuHeaderColor, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
+    return /*#__PURE__*/css(menuHeaderSizeMixin(t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
+    return /*#__PURE__*/css(menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
+    return /*#__PURE__*/css(menuHeaderSizeMixin(t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
   },
   withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingSmall;"));
   },
   withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingMedium;"));
   },
   withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
+    return /*#__PURE__*/css(withIconSizeMixin(t.menuItemPaddingForIconLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withLeftPaddingLarge;"));
   }
 });