@skbkontur/react-ui 6.4.2 → 6.4.3-6344a.0

package/components/ScrollContainer/ScrollContainer.styles.js

@@ -1,52 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
-export var globalClasses = prefix('scroll-container')({
-    scrollbarX: 'scrollbar-x',
-    scrollbarY: 'scrollbar-y',
-    scrollbarContainerX: 'scrollbar-container-x',
-    scrollbarContainerY: 'scrollbar-container-y',
-    inner: 'inner',
-});
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "], ["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
-        },
-        inner: function () {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "], ["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
-        },
-        scrollBar: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
-        },
-        visibleScrollBar: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "], ["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
-        },
-        scrollBarInvert: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: #ccc;\n      background: ", ";\n    "], ["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
-        },
-        scrollBarContainerY: function () {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "], ["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
-        },
-        scrollBarY: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      right: 0;\n      width: ", ";\n    "], ["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
-        },
-        scrollBarYHover: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-        },
-        scrollBarContainerX: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "], ["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
-        },
-        scrollBarX: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      bottom: 0;\n      height: ", ";\n    "], ["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
-        },
-        scrollBarXHover: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      height: ", ";\n    "], ["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
-//# sourceMappingURL=ScrollContainer.styles.js.map

package/components/ScrollContainer/ScrollContainer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollContainer.styles.js","sourceRoot":"","sources":["ScrollContainer.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACtD,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;IACzB,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,uBAAuB;IAC5C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,oJAAA,iFAIT,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,+WAAA,4SAaT,KAAC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,gSAAA,iGAIM,EAA+B,0HAM9C,KANe,CAAC,CAAC,6BAA6B,EAM7C;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,4LAAA,yHAMT,KAAC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,6HAAA,+CAEM,EAAqC,SACpD,KADe,CAAC,CAAC,mCAAmC,EACnD;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,+KAAA,4GAMT,KAAC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,gHAAA,kCAEC,EAA8B,SACxC,KADU,CAAC,CAAC,4BAA4B,EACvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,+FAAA,iBACC,EAAmC,SAC7C,KADU,CAAC,CAAC,iCAAiC,EAC5C;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,ibAAA,mHAOL,EAAiC,qCACb,EAAmC,6CAGnD,EAAmB,6HAKP,EAAmC,oCAGvD,KAZI,aAAa,CAAC,mBAAmB,EACb,CAAC,CAAC,iCAAiC,EAGnD,aAAa,CAAC,KAAK,EAKP,CAAC,CAAC,iCAAiC,EAGtD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,oCAEE,EAA8B,SACzC,KADW,CAAC,CAAC,4BAA4B,EACxC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,kGAAA,kBACE,EAAmC,SAC9C,KADW,CAAC,CAAC,iCAAiC,EAC7C;QACJ,CAAC;KACF,CAAC;AAnH8D,CAmH9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n}));\n"]}

package/components/Select/Select.styles.js

@@ -1,57 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "], ["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
-        },
-        rootMobile: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", ";\n      max-width: ", ";\n    "], ["\n      width: ", ";\n      max-width: ", ";\n    "])), t.selectRootWidthMobile, t.mobileSelectMaxWidth);
-        },
-        placeholder: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n      text-overflow: ellipsis;\n    "], ["\n      color: ", ";\n      text-overflow: ellipsis;\n    "])), t.selectPlaceholderColor);
-        },
-        placeholderDisabled: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.selectPlaceholderColorDisabled);
-        },
-        customUsePlaceholder: function () {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: inherit;\n      opacity: 0.7;\n    "], ["\n      color: inherit;\n      opacity: 0.7;\n    "])));
-        },
-        arrowWrap: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      color: ", ";\n      flex-shrink: 0;\n    "], ["\n      color: ", ";\n      flex-shrink: 0;\n    "])), t.selectMenuArrowColor);
-        },
-        arrowDisabled: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.selectMenuArrowColorDisabled);
-        },
-        customUseArrow: function () {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      color: inherit;\n      opacity: 0.7;\n    "], ["\n      color: inherit;\n      opacity: 0.7;\n    "])));
-        },
-        label: function () {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    "], ["\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    "])));
-        },
-        search: function () {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      margin: 1px 4px 4px;\n    "], ["\n      margin: 1px 4px 4px;\n    "])));
-        },
-        leftIconSmall: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      margin-right: ", ";\n      width: ", ";\n    "], ["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapSmall, t.btnIconSizeSmall);
-        },
-        leftIconMedium: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      margin-right: ", ";\n      width: ", ";\n    "], ["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapMedium, t.btnIconSizeMedium);
-        },
-        leftIconLarge: function (t) {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      margin-right: ", ";\n      width: ", ";\n    "], ["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapLarge, t.btnIconSizeLarge);
-        },
-        leftIconLink: function (t) {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      margin-right: ", ";\n    "], ["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
-        },
-        selectButtonContainer: function () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    "], ["\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
-//# sourceMappingURL=Select.styles.js.map

package/components/Select/Select.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.styles.js","sourceRoot":"","sources":["Select.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,gKAAA,6FAIT,KAAC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,uHAAA,iBACC,EAAuB,sBACnB,EAAsB,SACpC,KAFU,CAAC,CAAC,qBAAqB,EACnB,CAAC,CAAC,oBAAoB,EACnC;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,+HAAA,iBACC,EAAwB,yCAElC,KAFU,CAAC,CAAC,sBAAsB,EAEjC;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,+FAAA,iBACC,EAAgC,SAC1C,KADU,CAAC,CAAC,8BAA8B,EACzC;QACJ,CAAC;QAED,oBAAoB;YAClB,OAAO,GAAG,uHAAA,oDAGT,KAAC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,sHAAA,iBACC,EAAsB,gCAEhC,KAFU,CAAC,CAAC,oBAAoB,EAE/B;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,+FAAA,iBACC,EAA8B,SACxC,KADU,CAAC,CAAC,4BAA4B,EACvC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,uHAAA,oDAGT,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,uLAAA,oHAKT,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,yGAAA,oCAET,KAAC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,4HAAA,wBACQ,EAAoB,kBAC3B,EAAkB,SAC5B,KAFiB,CAAC,CAAC,kBAAkB,EAC3B,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,4HAAA,wBACQ,EAAqB,kBAC5B,EAAmB,SAC7B,KAFiB,CAAC,CAAC,mBAAmB,EAC5B,CAAC,CAAC,iBAAiB,EAC5B;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,4HAAA,wBACQ,EAAoB,kBAC3B,EAAkB,SAC5B,KAFiB,CAAC,CAAC,kBAAkB,EAC3B,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wGAAA,wBACQ,EAAwB,SACzC,KADiB,CAAC,CAAC,sBAAsB,EACxC;QACJ,CAAC;QAED,qBAAqB;YACnB,OAAO,GAAG,qKAAA,gGAIT,KAAC;QACJ,CAAC;KACF,CAAC;AAzG8D,CAyG9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      width: ${t.selectRootWidthMobile};\n      max-width: ${t.mobileSelectMaxWidth};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColorDisabled};\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrowWrap(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColor};\n      flex-shrink: 0;\n    `;\n  },\n\n  arrowDisabled(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColorDisabled};\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  leftIconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  selectButtonContainer() {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    `;\n  },\n}));\n"]}

package/components/SidePage/SidePage.styles.js

@@ -1,158 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { resetButton } from '../../lib/styles/Mixins.js';
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      position: fixed;\n      top: 0;\n    "], ["\n      height: 100%;\n      position: fixed;\n      top: 0;\n    "])));
-        },
-        overlay: function () {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    "], ["\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    "])));
-        },
-        body: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ", ";\n    "], ["\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ", ";\n    "])), t.modalBodyTextColor);
-        },
-        mobileBody: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: 16px;\n      line-height: 22px;\n    "], ["\n      font-size: 16px;\n      line-height: 22px;\n    "])));
-        },
-        container: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.sidePagePaddingLeft, t.sidePagePaddingRight);
-        },
-        mobileContainer: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n    "])), t.mobileSidePagePaddingLeft, t.mobileSidePagePaddingRight, t.mobileSidePagePaddingBottom);
-        },
-        containerWithoutHeader: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.sidePagePaddingTop);
-        },
-        mobileContainerWithoutHeader: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.mobileSidePagePaddingTop);
-        },
-        containerWithoutFooter: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.sidePagePaddingBottom);
-        },
-        containerWithPanel: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.sidePagePaddingBottom);
-        },
-        focusLock: function () {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      height: 100%;\n    "], ["\n      height: 100%;\n    "])));
-        },
-        wrapper: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      background: ", ";\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    "], ["\n      background: ", ";\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    "])), t.sidePageBgDefault);
-        },
-        wrapperLeft: function () {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      float: left;\n    "], ["\n      float: left;\n    "])));
-        },
-        wrapperMarginLeft: function () {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      margin-left: 20px;\n    "], ["\n      margin-left: 20px;\n    "])));
-        },
-        wrapperMarginRight: function () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      margin-right: 20px;\n    "], ["\n      margin-right: 20px;\n    "])));
-        },
-        headerWrapper: function () {
-            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      flex: 0 0 auto;\n    "], ["\n      flex: 0 0 auto;\n    "])));
-        },
-        header: function (t) {
-            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      width: 100%;\n      position: relative;\n      color: ", ";\n      font-weight: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      width: 100%;\n      position: relative;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.sidePageHeaderFontSize, t.sidePageHeaderLineHeight, t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom, t.sidePageHeaderTextColor, t.sidePageHeaderFontWeight);
-        },
-        mobileHeader: function (t) {
-            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n    "])), t.mobileSidePageHeaderFontSize, t.mobileSidePageHeaderLineHeight, t.mobileSidePageHeaderPaddingTop, t.mobileSidePageHeaderPaddingBottom);
-        },
-        headerFixed: function (t) {
-            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      background: ", ";\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      background: ", ";\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.sidePageBgDefault, t.sidePageFixedHeaderShadow);
-        },
-        headerNativeStuck: function (t) {
-            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      position: sticky;\n      top: 0;\n      z-index: 16000;\n      background: linear-gradient(to top, transparent ", ", ", " 0px);\n    "], ["\n      position: sticky;\n      top: 0;\n      z-index: 16000;\n      background: linear-gradient(to top, transparent ", ", ", " 0px);\n    "])), t.sidePageHeaderPaddingBottom, t.sidePageBgDefault);
-        },
-        title: function (t) {
-            var paddingRight = parseInt(t.sidePageCloseButtonClickAreaLeft) +
-                parseInt(t.sidePageCloseIconSize) +
-                parseInt(t.sidePageCloseButtonClickAreaRight);
-            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "], ["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])), t.sidePagePaddingLeft, paddingRight);
-        },
-        mobileTitle: function (t) {
-            var paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);
-            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "], ["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])), t.mobileSidePagePaddingLeft, paddingRight);
-        },
-        titleCut: function () {
-            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "], ["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
-        },
-        background: function () {
-            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    "], ["\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    "])));
-        },
-        backgroundGray: function (t) {
-            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      background: ", ";\n      opacity: ", ";\n    "], ["\n      background: ", ";\n      opacity: ", ";\n    "])), t.sidePageBackingBg, t.sidePageBackingBgOpacity);
-        },
-        shadow: function (t) {
-            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      box-shadow: ", ";\n    "], ["\n      box-shadow: ", ";\n    "])), t.sidePageContainerShadow);
-        },
-        close: function (t) {
-            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      ", ";\n      cursor: pointer;\n      color: ", ";\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "], ["\n      ", ";\n      cursor: pointer;\n      color: ", ";\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), t.sidePageCloseButtonColor, t.sidePageCloseButtonClickAreaTop, t.sidePageCloseButtonClickAreaTop, t.sidePageCloseButtonClickAreaRight, t.sidePageCloseButtonClickAreaRight, t.sidePageCloseButtonClickAreaBottom, t.sidePageCloseButtonClickAreaBottom, t.sidePageCloseButtonClickAreaLeft, t.sidePageCloseButtonClickAreaLeft, t.sidePageCloseButtonHoverColor, t.sidePageCloseIconSize, t.sidePageCloseIconSize);
-        },
-        closeSticky: function (t) {
-            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n    "], ["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n    "])), t.sidePageCloseButtonFixedClickAreaTop, t.sidePageCloseButtonFixedClickAreaTop, t.sidePageCloseButtonFixedClickAreaBottom, t.sidePageCloseButtonFixedClickAreaBottom);
-        },
-        closeMobile: function (t) {
-            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n    "], ["\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n    "])), t.mobileSidePageCloseButtonClickArea, t.mobileSidePageCloseButtonClickArea);
-        },
-        closeFocus: function (t) {
-            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n      box-shadow: inset 0 0 0 2px ", ";\n      border-radius: 4px;\n    "], ["\n      box-shadow: inset 0 0 0 2px ", ";\n      border-radius: 4px;\n    "])), t.borderColorFocus);
-        },
-        wrapperClose: function (t) {
-            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      position: absolute;\n      right: ", ";\n      top: ", ";\n    "], ["\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      position: absolute;\n      right: ", ";\n      top: ", ";\n    "])), t.sidePageHeaderLineHeight, t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom, t.sidePageCloseButtonClickAreaRight, t.sidePageCloseButtonWrapperOffsetTop);
-        },
-        wrapperClose6_4: function () {
-            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n      height: auto;\n      padding-bottom: 0;\n    "], ["\n      height: auto;\n      padding-bottom: 0;\n    "])));
-        },
-        mobileWrapperClose: function (t) {
-            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      right: ", ";\n    "], ["\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      right: ", ";\n    "])), t.mobileSidePageHeaderLineHeight, t.mobileSidePageHeaderPaddingTop, t.mobileSidePageHeaderPaddingBottom, t.mobileSidePageCloseButtonPadding);
-        },
-        panel: function (t) {
-            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n      background: ", ";\n      padding: ", " ", " ", "\n        ", ";\n    "], ["\n      background: ", ";\n      padding: ", " ", " ", "\n        ", ";\n    "])), t.sidePageFooterPanelBg, t.sidePageFooterPanelPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPanelPaddingBottom, t.sidePagePaddingLeft);
-        },
-        wrapperCloseFixed: function (t) {
-            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n      top: ", ";\n    "], ["\n      top: ", ";\n    "])), t.sidePageCloseButtonWrapperFixedOffsetTop);
-        },
-        footerWrapper: function () {
-            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n      flex: 0 0 auto;\n    "], ["\n      flex: 0 0 auto;\n    "])));
-        },
-        footer: function (t) {
-            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ", ";\n    "], ["\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ", ";\n    "])), t.sidePageFooterTextColor);
-        },
-        positionStatic: function () {
-            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n      position: static;\n    "], ["\n      position: static;\n    "])));
-        },
-        footerContent: function (t) {
-            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n      padding: ", " ", " ", "\n        ", ";\n    "], ["\n      padding: ", " ", " ", "\n        ", ";\n    "])), t.sidePageFooterPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPaddingBottom, t.sidePagePaddingLeft);
-        },
-        mobileFooterContent: function (t) {
-            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ", ";\n    "], ["\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ", ";\n    "])), t.mobileSidePageFooterPadding);
-        },
-        footerFixed: function (t) {
-            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n      background: ", ";\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      background: ", ";\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.sidePageBgDefault, t.sidePageFixedFooterShadow);
-        },
-        panelFixed: function (t) {
-            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "], ["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.sidePageFixedPanelShadow);
-        },
-        transitionLeft: function () {
-            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n      transform: translateX(100px);\n    "], ["\n      transform: translateX(100px);\n    "])));
-        },
-        transitionRight: function () {
-            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n      transform: translateX(-100px);\n    "], ["\n      transform: translateX(-100px);\n    "])));
-        },
-        transitionActive: function () {
-            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    "], ["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    "])));
-        },
-        transitionLeave: function () {
-            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n      opacity: 1;\n    "], ["\n      opacity: 1;\n    "])));
-        },
-        transitionLeaveActive: function () {
-            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "], ["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47;
-//# sourceMappingURL=SidePage.styles.js.map

package/components/SidePage/SidePage.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidePage.styles.js","sourceRoot":"","sources":["SidePage.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      height: 100%;\n      position: fixed;\n      top: 0;\n    `;\n  },\n\n  overlay() {\n    return css`\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody() {\n    return css`\n      font-size: 16px;\n      line-height: 22px;\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${t.sidePagePaddingRight};\n    `;\n  },\n\n  mobileContainer(t: Theme) {\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${t.mobileSidePagePaddingRight};\n      padding-bottom: ${t.mobileSidePagePaddingBottom};\n    `;\n  },\n\n  containerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.sidePagePaddingTop};\n    `;\n  },\n\n  mobileContainerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileSidePagePaddingTop};\n    `;\n  },\n\n  containerWithoutFooter(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  containerWithPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  focusLock() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  wrapperLeft() {\n    return css`\n      float: left;\n    `;\n  },\n\n  wrapperMarginLeft() {\n    return css`\n      margin-left: 20px;\n    `;\n  },\n\n  wrapperMarginRight() {\n    return css`\n      margin-right: 20px;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.sidePageHeaderFontSize};\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      width: 100%;\n      position: relative;\n      color: ${t.sidePageHeaderTextColor};\n      font-weight: ${t.sidePageHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      font-size: ${t.mobileSidePageHeaderFontSize};\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n    `;\n  },\n\n  headerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedHeaderShadow};\n      }\n    `;\n  },\n\n  headerNativeStuck(t: Theme) {\n    return css`\n      position: sticky;\n      top: 0;\n      z-index: 16000;\n      background: linear-gradient(to top, transparent ${t.sidePageHeaderPaddingBottom}, ${t.sidePageBgDefault} 0px);\n    `;\n  },\n\n  title(t: Theme) {\n    const paddingRight =\n      parseInt(t.sidePageCloseButtonClickAreaLeft) +\n      parseInt(t.sidePageCloseIconSize) +\n      parseInt(t.sidePageCloseButtonClickAreaRight);\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  mobileTitle(t: Theme) {\n    const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  titleCut() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  background() {\n    return css`\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  backgroundGray(t: Theme) {\n    return css`\n      background: ${t.sidePageBackingBg};\n      opacity: ${t.sidePageBackingBgOpacity};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.sidePageContainerShadow};\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      cursor: pointer;\n      color: ${t.sidePageCloseButtonColor};\n      padding-top: ${t.sidePageCloseButtonClickAreaTop};\n      margin-top: -${t.sidePageCloseButtonClickAreaTop};\n      padding-right: ${t.sidePageCloseButtonClickAreaRight};\n      margin-right: -${t.sidePageCloseButtonClickAreaRight};\n      padding-bottom: ${t.sidePageCloseButtonClickAreaBottom};\n      margin-bottom: -${t.sidePageCloseButtonClickAreaBottom};\n      padding-left: ${t.sidePageCloseButtonClickAreaLeft};\n      margin-left: -${t.sidePageCloseButtonClickAreaLeft};\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ${t.sidePageCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.sidePageCloseIconSize};\n        height: ${t.sidePageCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  closeSticky(t: Theme) {\n    return css`\n      padding-top: ${t.sidePageCloseButtonFixedClickAreaTop};\n      margin-top: -${t.sidePageCloseButtonFixedClickAreaTop};\n      padding-bottom: ${t.sidePageCloseButtonFixedClickAreaBottom};\n      margin-bottom: -${t.sidePageCloseButtonFixedClickAreaBottom};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileSidePageCloseButtonClickArea};\n      margin: -${t.mobileSidePageCloseButtonClickArea};\n      font-size: 0;\n    `;\n  },\n\n  closeFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n      border-radius: 4px;\n    `;\n  },\n\n  wrapperClose(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      position: absolute;\n      right: ${t.sidePageCloseButtonClickAreaRight};\n      top: ${t.sidePageCloseButtonWrapperOffsetTop};\n    `;\n  },\n\n  wrapperClose6_4() {\n    return css`\n      height: auto;\n      padding-bottom: 0;\n    `;\n  },\n\n  mobileWrapperClose(t: Theme) {\n    return css`\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n      right: ${t.mobileSidePageCloseButtonPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      background: ${t.sidePageFooterPanelBg};\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  wrapperCloseFixed(t: Theme) {\n    return css`\n      top: ${t.sidePageCloseButtonWrapperFixedOffsetTop};\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ${t.sidePageFooterTextColor};\n    `;\n  },\n\n  positionStatic() {\n    return css`\n      position: static;\n    `;\n  },\n\n  footerContent(t: Theme) {\n    return css`\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  mobileFooterContent(t: Theme) {\n    return css`\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ${t.mobileSidePageFooterPadding};\n    `;\n  },\n\n  footerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedFooterShadow};\n      }\n    `;\n  },\n\n  panelFixed(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.sidePageFixedPanelShadow};\n      }\n    `;\n  },\n\n  transitionLeft() {\n    return css`\n      transform: translateX(100px);\n    `;\n  },\n\n  transitionRight() {\n    return css`\n      transform: translateX(-100px);\n    `;\n  },\n\n  transitionActive() {\n    return css`\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    `;\n  },\n\n  transitionLeave() {\n    return css`\n      opacity: 1;\n    `;\n  },\n\n  transitionLeaveActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n}));\n"]}

package/components/Spinner/Spinner.styles.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (emotion) {
-    var AnimationKeyframes = getAnimationKeyframes(emotion);
-    return {
-        circle: function (t) {
-            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        stroke: ", ";\n\n      animation:\n        ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite,\n        ", " 6s ease-in-out infinite;\n    "], ["\n        stroke: ", ";\n\n      animation:\n        ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite,\n        ", " 6s ease-in-out infinite;\n    "])), t.spinnerColor, AnimationKeyframes.spinnerCircleOffset(), AnimationKeyframes.spinnerCircleLength(), AnimationKeyframes.spinnerCircleRotate(), AnimationKeyframes.spinnerColor(t));
-        },
-        circleDimmedColor: function (t) {
-            return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        stroke: ", ";\n      "], ["\n        stroke: ", ";\n      "])), t.spinnerDimmedColor);
-        },
-        circleWithoutColorAnimation: function () {
-            return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        animation:\n          ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ", " 2s linear infinite;\n      "], ["\n        animation:\n          ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ", " 2s linear infinite;\n      "])), AnimationKeyframes.spinnerCircleOffset(), AnimationKeyframes.spinnerCircleLength(), AnimationKeyframes.spinnerCircleRotate());
-        },
-        captionColor: function (t) {
-            return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.spinnerCaptionColor);
-        },
-        inline: function () {
-            return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        font-size: inherit;\n        line-height: inherit;\n      "], ["\n        font-size: inherit;\n        line-height: inherit;\n      "])));
-        },
-        small: function (t) {
-            return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        margin-left: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        margin-left: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
-        },
-        medium: function (t) {
-            return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "], ["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
-        },
-        large: function (t) {
-            return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "], ["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
-        },
-        spinner: function () {
-            return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      "], ["\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      "])));
-        },
-        inner: function () {
-            return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        display: inline-block;\n      "], ["\n        display: inline-block;\n      "])));
-        },
-    };
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
-//# sourceMappingURL=Spinner.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["Spinner.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IACzD,IAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAC1D,OAAO;QACL,MAAM,YAAC,CAAQ;YACb,OAAO,OAAO,CAAC,GAAG,2TAAA,oBACN,EAAc,iCAGtB,EAAwC,0DACxC,EAAwC,8DACxC,EAAwC,gCACxC,EAAkC,iCACvC,KAPa,CAAC,CAAC,YAAY,EAGtB,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,EACtC;QACF,CAAC;QACD,iBAAiB,YAAC,CAAQ;YACxB,OAAO,OAAO,CAAC,GAAG,oGAAA,oBACN,EAAoB,WAC/B,KADW,CAAC,CAAC,kBAAkB,EAC9B;QACJ,CAAC;QACD,2BAA2B;YACzB,OAAO,OAAO,CAAC,GAAG,qQAAA,kCAEZ,EAAwC,4DACxC,EAAwC,gEACxC,EAAwC,8BAC7C,KAHK,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EAC5C;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAqB,WAC/B,KADU,CAAC,CAAC,mBAAmB,EAC9B;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,OAAO,CAAC,GAAG,yIAAA,sEAGjB,KAAC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,OAAO,CAAC,GAAG,+JAAA,yBACD,EAAwB,wBAC1B,EAAsB,0BACpB,EAAwB,WACxC,KAHgB,CAAC,CAAC,sBAAsB,EAC1B,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,OAAO,CAAC,GAAG,uLAAA,gDAEH,EAAuB,0BACrB,EAAyB,yBAC1B,EAAyB,WACxC,KAHc,CAAC,CAAC,qBAAqB,EACrB,CAAC,CAAC,uBAAuB,EAC1B,CAAC,CAAC,uBAAuB,EACvC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,OAAO,CAAC,GAAG,uLAAA,gDAEH,EAAsB,0BACpB,EAAwB,yBACzB,EAAwB,WACvC,KAHc,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACzB,CAAC,CAAC,sBAAsB,EACtC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,OAAO,CAAC,GAAG,wKAAA,qGAIjB,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,OAAO,CAAC,GAAG,+GAAA,0CAEjB,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  const AnimationKeyframes = getAnimationKeyframes(emotion);\n  return {\n    circle(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerColor};\n\n      animation:\n        ${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    circleDimmedColor(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerDimmedColor};\n      `;\n    },\n    circleWithoutColorAnimation() {\n      return emotion.css`\n        animation:\n          ${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    captionColor(t: Theme) {\n      return emotion.css`\n        color: ${t.spinnerCaptionColor};\n      `;\n    },\n\n    inline() {\n      return emotion.css`\n        font-size: inherit;\n        line-height: inherit;\n      `;\n    },\n\n    small(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.spinnerCaptionGapSmall};\n        font-size: ${t.spinnerFontSizeSmall};\n        line-height: ${t.spinnerLineHeightSmall};\n      `;\n    },\n\n    medium(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeMedium};\n        line-height: ${t.spinnerLineHeightMedium};\n        margin-top: ${t.spinnerCaptionGapMedium};\n      `;\n    },\n\n    large(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeLarge};\n        line-height: ${t.spinnerLineHeightLarge};\n        margin-top: ${t.spinnerCaptionGapLarge};\n      `;\n    },\n\n    spinner() {\n      return emotion.css`\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      `;\n    },\n\n    inner() {\n      return emotion.css`\n        display: inline-block;\n      `;\n    },\n  };\n});\n"]}

package/components/Sticky/Sticky.styles.js

@@ -1,27 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        wrapper: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n    "], ["\n      display: flex;\n    "])));
-        },
-        inner: function () {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: flex;\n      width: 100%;\n    "], ["\n      display: flex;\n      width: 100%;\n    "])));
-        },
-        fixed: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: fixed;\n    "], ["\n      position: fixed;\n    "])));
-        },
-        stopped: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      position: relative;\n    "], ["\n      position: relative;\n    "])));
-        },
-        container: function () {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      flex: auto;\n      width: 100%;\n    "], ["\n      flex: auto;\n      width: 100%;\n    "])));
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=Sticky.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sticky.styles.js","sourceRoot":"","sources":["Sticky.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,OAAO;YACL,OAAO,GAAG,iGAAA,8BAET,KAAC;QACJ,CAAC;QACD,KAAK;YACH,OAAO,GAAG,qHAAA,kDAGT,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,kHAAA,+CAGT,KAAC;QACJ,CAAC;KACF,CAAC;AA/B8D,CA+B9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"]}

package/components/Switcher/Switcher.styles.js

@@ -1,39 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "], ["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "])));
-        },
-        wrap: function () {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: inline-block;\n      vertical-align: middle;\n    "], ["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
-        },
-        wrapCustomWidth: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-grow: 1;\n    "], ["\n      flex-grow: 1;\n    "])));
-        },
-        input: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "], ["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
-        },
-        caption: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "], ["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])), t.switcherTextColor);
-        },
-        captionSmall: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapSmall, t.switcherCaptionFontSizeSmall, t.switcherCaptionLineHeightSmall);
-        },
-        captionMedium: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapMedium, t.switcherCaptionFontSizeMedium, t.switcherCaptionLineHeightMedium);
-        },
-        captionLarge: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapLarge, t.switcherCaptionFontSizeLarge, t.switcherCaptionLineHeightLarge);
-        },
-        error: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "], ["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.switcherBorderRadius, t.switcherOutlineWidth, t.borderColorError);
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-//# sourceMappingURL=Switcher.styles.js.map

package/components/Switcher/Switcher.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switcher.styles.js","sourceRoot":"","sources":["Switcher.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,yJAAA,sFAIT,KAAC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,wIAAA,qEAGT,KAAC;QACJ,CAAC;QAED,eAAe;YACb,OAAO,GAAG,gGAAA,6BAET,KAAC;QACJ,CAAC;QAED,KAAK;YACH,OAAO,GAAG,4JAAA,yFAKT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,4JAAA,iBACC,EAAmB,sEAG7B,KAHU,CAAC,CAAC,iBAAiB,EAG5B;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wJAAA,wBACQ,EAAyB,sBAC5B,EAA8B,wBAC5B,EAAgC,SAChD,KAHiB,CAAC,CAAC,uBAAuB,EAC5B,CAAC,CAAC,4BAA4B,EAC5B,CAAC,CAAC,8BAA8B,EAC/C;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wJAAA,wBACQ,EAA0B,sBAC7B,EAA+B,wBAC7B,EAAiC,SACjD,KAHiB,CAAC,CAAC,wBAAwB,EAC7B,CAAC,CAAC,6BAA6B,EAC7B,CAAC,CAAC,+BAA+B,EAChD;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wJAAA,wBACQ,EAAyB,sBAC5B,EAA8B,wBAC5B,EAAgC,SAChD,KAHiB,CAAC,CAAC,uBAAuB,EAC5B,CAAC,CAAC,4BAA4B,EAC5B,CAAC,CAAC,8BAA8B,EAC/C;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,gYAAA,mQAYW,EAAsB,+BACnB,EAAsB,GAAI,EAAkB,kBAEnE,KAHoB,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EAAI,CAAC,CAAC,gBAAgB,EAElE;QACJ,CAAC;KACF,CAAC;AAjF8D,CAiF9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  wrapCustomWidth() {\n    return css`\n      flex-grow: 1;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n}));\n"]}

package/components/Tabs/Indicator.styles.js

@@ -1,27 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function (t) {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "], ["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "])), t.tabColorFocus, t.tabBorderWidth, t.tabIndicatorBorderRadius);
-        },
-        primary: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.tabColorPrimary);
-        },
-        success: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.tabColorSuccess);
-        },
-        warning: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.tabColorWarning);
-        },
-        error: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.tabColorError);
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=Indicator.styles.js.map

package/components/Tabs/Indicator.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.styles.js","sourceRoot":"","sources":["Indicator.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,sBACM,EAAe,mBACnB,EAAgB,2FAGT,EAA0B,SAC5C,KALe,CAAC,CAAC,aAAa,EACnB,CAAC,CAAC,cAAc,EAGT,CAAC,CAAC,wBAAwB,EAC3C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,oGAAA,sBACM,EAAiB,SAChC,KADe,CAAC,CAAC,eAAe,EAC/B;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,oGAAA,sBACM,EAAiB,SAChC,KADe,CAAC,CAAC,eAAe,EAC/B;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,oGAAA,sBACM,EAAiB,SAChC,KADe,CAAC,CAAC,eAAe,EAC/B;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,oGAAA,sBACM,EAAe,SAC9B,KADe,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;KACF,CAAC;AAlC8D,CAkC9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n}));\n"]}