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

package/cjs/internal/ThemeShowcase/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","_LightTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","LIGHT_THEME","DARK_THEME","componentsContext","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","globalObject","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(LIGHT_THEME);\n  baseThemes.push(DARK_THEME);\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","_LightTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","LIGHT_THEME","DARK_THEME","componentsContext","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","globalObject","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(LIGHT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  // @ts-expect-error не очень-то и хотелось\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName: string) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ZIndex/__creevey__/ZIndex.creevey.mts

@@ -0,0 +1,228 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+import { SelectDataTids } from '../../../components/Select/tids';
+
+kind('ZIndex', () => {
+  story('HintAndModalStory', () => {
+    test('Modal covers hint', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="open-modal"]' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.modalBody button' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Modal covers hint');
+    });
+  });
+
+  story('BigModalWithLoaderStory', () => {
+    test('Header covers Loader', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePage = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+
+        if (sidePage) {
+          sidePage.scrollTop = sidePage.offsetHeight / 3;
+        }
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Header covers Loader');
+    });
+  });
+
+  story('TooltipAndSelectStory', () => {
+    test('Menu covers tooltip', async (context) => {
+      const element = await context.webdriver.findElement({ css: '.container' });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: `[data-tid=${SelectDataTids.label}]` }))
+        .sendKeys('q')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'Modal covers hint');
+    });
+  });
+
+  story('LoaderInSidePageBody', () => {
+    test('is covered by Header and Footer', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sidePage = window.document.querySelector('[data-tid="SidePage__container"]') as HTMLElement;
+
+        if (sidePage) {
+          sidePage.scrollTop = sidePage.offsetHeight;
+        }
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'is covered by Header and Footer');
+    });
+  });
+
+  story('SidepageAndSelect', () => {
+    test('SidePage covers Select and Tooltip', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.select-container button' }))
+        .sendKeys('q')
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.open-sidepage-container button' }))
+        .perform();
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '.sidepage-select-continer button' }))
+        .sendKeys('q')
+        .perform();
+      const element = await context.webdriver.findElement({ css: `[data-tid='SidePage__container']` });
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'SidePage covers Select and Tooltip');
+    });
+  });
+
+  story('ElementsInLoaderInModalStory', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flaky test': {
+          in: ['chrome2022Dark'],
+          tests: ['Hide Hint on active Loader'],
+        },
+      },
+    });
+
+    test('Open Dropdown while Loader is inactive', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Select"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Open Dropdown while Loader is inactive');
+    });
+
+    test('Hide Hint on active Loader', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Toggle"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Hide Hint on active Loader');
+    });
+  });
+
+  story('LoaderAndSidePageStory', () => {
+    test('SidePage shadow cover Loader', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Toggle"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'SidePage shadow cover Loader');
+    });
+  });
+
+  story('StickyAndTooltipsStory', () => {
+    test('Sticky covers outside Popup', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Select"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'Sticky covers outside Popup');
+    });
+  });
+
+  story('ModalAndToast', () => {
+    test('toastShown', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Button"] button' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+
+  story('ToastOverEverything', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'flickering screenshot': { in: /^(?!\b(firefox))/, tests: 'staticToast' } } });
+
+    test('staticToast', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="static-toast"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      const shown = await context.webdriver.takeScreenshot(); // Toast rendered by static method doesn't get removed
+      // when story switches, so we have to close it manually
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="ToastView__close"]' }))
+        .pause(500)
+        .perform();
+      await context.matchImage(shown);
+    });
+
+    test('refToast', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="ref-toast"]' }))
+        .pause(1000)
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+
+  story('ModalWithDropdown', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } } });
+
+    test('dropdown overlaps static header', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_top"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown lays under fixed header', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_top"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver.executeScript(function () {
+        const scrollContainer = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+        scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown lays under fixed footer', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_bottom"]' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+
+    test('dropdown overlaps static footer', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid="dropdown_bottom"]' }))
+        .perform();
+      await delay(1000);
+      await context.webdriver.executeScript(function () {
+        const scrollContainer = window.document.querySelector('[data-tid="modal-container"]') as HTMLElement;
+        scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot());
+    });
+  });
+});

package/cjs/internal/icons2022/BaseIcon.styles.js

@@ -1,14 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _chars = require("../../lib/chars");
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _chars = require("../../lib/chars");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   centeredIcon: function centeredIcon() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-flex;align-items:center;&::before{content:'",
 
 
 
 
-    _chars.ZERO_WIDTH_SPACE_CSS);
+    _chars.ZERO_WIDTH_SPACE_CSS, "';}" + (process.env.NODE_ENV === "production" ? "" : ";label:centeredIcon;"));
 
 
   }

package/cjs/internal/icons2022/BaseIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_chars","require","_Emotion","_templateObject","styles","exports","memoizeStyle","centeredIcon","css","_taggedTemplateLiteralLoose2","default","ZERO_WIDTH_SPACE_CSS"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA,8BAA8D,IAAAE,eAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOC,YAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;IAKMC,2BAAoB;;;EAGtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_chars","require","_Emotion","styles","exports","memoizeStyle","centeredIcon","css","ZERO_WIDTH_SPACE_CSS","process","env","NODE_ENV"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,YAAY,WAAAA,aAAA,EAAG;IACb,wBAAOC,YAAG;;;;;IAKMC,2BAAoB,WAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGtC;AACF,CAAC,CAAC","ignoreList":[]}