@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js

@@ -1,4 +1,3 @@
-import { globalObject } from '@skbkontur/global-object';
 var calculatePriority = function calculatePriority(priority) {
   if (typeof priority === 'string') {
     return componentPriorities[priority];
@@ -16,8 +15,8 @@ export var componentPriorities = {
   Popup: 3
 };
 var priorityStep = 1000;
-var globalWithRetailUiZIndexes = globalObject;
-var getZIndexes = function getZIndexes() {
+var getZIndexes = function getZIndexes(globalObject) {
+  var globalWithRetailUiZIndexes = globalObject;
   return globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);
 };
 var getIndexPriority = function getIndexPriority(zIndex) {
@@ -27,10 +26,10 @@ var getMaxAllowedValue = function getMaxAllowedValue(priority) {
   return (priority + 1) * priorityStep - 1;
 };
 export var upperBorder = getMaxAllowedValue(Math.max.apply(Math, Object.values(componentPriorities)));
-export function incrementZIndex(priority, delta) {
+export function incrementZIndex(priority, delta, globalObject) {
   var calculatedPriority = calculatePriority(priority);
   var maxAllowedValue = getMaxAllowedValue(calculatedPriority);
-  var zIndexes = getZIndexes();
+  var zIndexes = getZIndexes(globalObject);
   var prevIndexId = zIndexes.length - 1;
   while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {
     prevIndexId--;
@@ -42,8 +41,8 @@ export function incrementZIndex(priority, delta) {
   });
   return zIndex;
 }
-export function removeZIndex(zIndex) {
-  var zIndexes = getZIndexes();
+export function removeZIndex(zIndex, globalObject) {
+  var zIndexes = getZIndexes(globalObject);
   var i = zIndexes.indexOf(zIndex);
   if (i !== -1) {
     zIndexes.splice(i, 1);

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalObject","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","PopupMenu","Popup","priorityStep","globalWithRetailUiZIndexes","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nexport type Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\n\nexport const componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  PopupMenu: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\nconst globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\nconst getZIndexes = (): number[] =>\n  globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;;;AAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,SAAS,EAAE,CAAC;EACZC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,0BAA0B,GAAGb,YAA0C;AAC7E,IAAMc,WAAW,GAAG,SAAdA,WAAWA,CAAA;IACfD,0BAA0B,CAACE,kBAAkB,KAAKF,0BAA0B,CAACE,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AACxG,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGL,YAAY,CAAC;AAC9E,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIlB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIU,YAAY,GAAG,CAAC;;AAE1F,OAAO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAG,CAAAC,KAAA,CAARL,IAAI,EAAQM,MAAM,CAACC,MAAM,CAACtB,mBAAmB,CAAC,CAAC,CAAC;;AAE9F,OAAO,SAASuB,eAAeA,CAACxB,QAAkB,EAAEyB,KAAa,EAAU;EACzE,IAAMC,kBAAkB,GAAG3B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM2B,eAAe,GAAGT,kBAAkB,CAACQ,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGhB,WAAW,CAAC,CAAC;;EAE9B,IAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMd,MAAM;EACVD,gBAAgB,CAACc,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DV,IAAI,CAACe,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGhB,YAAY;;EAEvCkB,QAAQ,CAACI,IAAI,CAACjB,MAAM,CAAC;EACrBa,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOpB,MAAM;AACf;;AAEA,OAAO,SAASqB,YAAYA,CAACrB,MAAc,EAAQ;EACjD,IAAMa,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAC9B,IAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACvB,MAAM,CAAC;;EAElC,IAAIsB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}
+{"version":3,"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","PopupMenu","Popup","priorityStep","getZIndexes","globalObject","globalWithRetailUiZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"sourcesContent":["import type { GlobalObject } from '../../lib/globalObject';\n\nexport type Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\n\nexport const componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  PopupMenu: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\nconst getZIndexes = (globalObject: GlobalObject): number[] => {\n  const globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\n  return globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);\n};\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number, globalObject: GlobalObject): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes(globalObject);\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number, globalObject: GlobalObject): void {\n  const zIndexes = getZIndexes(globalObject);\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"],"mappings":";;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,SAAS,EAAE,CAAC;EACZC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,YAA0B,EAAe;EAC5D,IAAMC,0BAA0B,GAAGD,YAA0C;EAC7E,OAAOC,0BAA0B,CAACC,kBAAkB,KAAKD,0BAA0B,CAACC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/G,CAAC;AACD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGN,YAAY,CAAC;AAC9E,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAInB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIU,YAAY,GAAG,CAAC;;AAE1F,OAAO,IAAMU,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAG,CAAAC,KAAA,CAARL,IAAI,EAAQM,MAAM,CAACC,MAAM,CAACvB,mBAAmB,CAAC,CAAC,CAAC;;AAE9F,OAAO,SAASwB,eAAeA,CAACzB,QAAkB,EAAE0B,KAAa,EAAEd,YAA0B,EAAU;EACrG,IAAMe,kBAAkB,GAAG5B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM4B,eAAe,GAAGT,kBAAkB,CAACQ,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGlB,WAAW,CAACC,YAAY,CAAC;;EAE1C,IAAIkB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMd,MAAM;EACVD,gBAAgB,CAACc,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DV,IAAI,CAACe,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGjB,YAAY;;EAEvCmB,QAAQ,CAACI,IAAI,CAACjB,MAAM,CAAC;EACrBa,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOpB,MAAM;AACf;;AAEA,OAAO,SAASqB,YAAYA,CAACrB,MAAc,EAAEJ,YAA0B,EAAQ;EAC7E,IAAMiB,QAAQ,GAAGlB,WAAW,CAACC,YAAY,CAAC;EAC1C,IAAM0B,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACvB,MAAM,CAAC;;EAElC,IAAIsB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}

package/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,3 +1,4 @@
+import type { GlobalObject } from '../../lib/globalObject';
 export type Priority = number | LayerComponentName;
 export type LayerComponentName = keyof typeof componentPriorities;
 export interface GlobalWithRetailUiZIndexes {
@@ -14,5 +15,5 @@ export declare const componentPriorities: {
     Popup: number;
 };
 export declare const upperBorder: number;
-export declare function incrementZIndex(priority: Priority, delta: number): number;
-export declare function removeZIndex(zIndex: number): void;
+export declare function incrementZIndex(priority: Priority, delta: number, globalObject: GlobalObject): number;
+export declare function removeZIndex(zIndex: number, globalObject: GlobalObject): void;

package/internal/icons2022/BaseIcon/BaseIcon.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["color", "size", "style", "aria-hidden", "viewBoxSize", "align", "children"];
 import React from 'react';
+import { useStyles } from "../../../lib/renderEnvironment";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { styles } from "../BaseIcon.styles";
+import { getStyles } from "../BaseIcon.styles";
 export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
   var color = _ref.color,
     size = _ref.size,
@@ -16,6 +17,7 @@ export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
     align = _ref$align === void 0 ? 'center' : _ref$align,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var styles = useStyles(getStyles);
   var icon = /*#__PURE__*/
   React.createElement("svg", _extends({
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","styles","BaseIcon","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose","_excluded","icon","createElement","_extends","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","className","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"4PAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;AAmB1C,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;EACvC,UAAU;EACV,UAAAG,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;IAG7G,IAAMC,IAAI;IACRnB,KAAA,CAAAoB,aAAA,QAAAC,QAAA;MACEhB,GAAG,EAAEA,GAAI;MACTiB,KAAK,EAAEf,IAAI,IAAIK,WAAY;MAC3BW,MAAM,EAAEhB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,EAAAa,QAAA;QACHG,IAAI,EAAElB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BmB,YAAY,EAAEX,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEY,UAAU,EAAE,CAAC;MACVlB,KAAK,CACR;;MACFmB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAAShB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,oBAAOd,KAAA,CAAAoB,aAAA,WAAMS,SAAS,EAAE3B,MAAM,CAAC4B,YAAY,CAAC,CAAE,IAAEX,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useStyles","forwardRefAndName","getStyles","BaseIcon","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose","_excluded","styles","icon","createElement","_extends","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","className","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\nimport type { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const styles = useStyles(getStyles);\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"4PAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,6BAA6B;;AAEvD,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,SAAS,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;AAmB7C,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;EACvC,UAAU;EACV,UAAAG,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;IAG7G,IAAMC,MAAM,GAAGnB,SAAS,CAACE,SAAS,CAAC;IACnC,IAAMkB,IAAI;IACRrB,KAAA,CAAAsB,aAAA,QAAAC,QAAA;MACEjB,GAAG,EAAEA,GAAI;MACTkB,KAAK,EAAEhB,IAAI,IAAIK,WAAY;MAC3BY,MAAM,EAAEjB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,EAAAc,QAAA;QACHG,IAAI,EAAEnB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BoB,YAAY,EAAEZ,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEa,UAAU,EAAE,CAAC;MACVnB,KAAK,CACR;;MACFoB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAASjB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,oBAAOf,KAAA,CAAAsB,aAAA,WAAMS,SAAS,EAAEX,MAAM,CAACY,YAAY,CAAC,CAAE,IAAEX,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}

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

@@ -1,9 +1,12 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  centeredIcon: function centeredIcon() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    centeredIcon: function centeredIcon() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","centeredIcon","_templateObject","_taggedTemplateLiteralLoose"],"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":"oHAAA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKMN,oBAAoB;;;EAGtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","memoizeGetStyles","getStyles","_ref","css","centeredIcon","_templateObject","_taggedTemplateLiteralLoose"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;MAKMP,oBAAoB;;;IAGtC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/icons2022/BaseIcon.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     centeredIcon(): string;
-};
+}>;

package/internal/icons2022/LoadingIcon/LoadingIcon.js

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../../../components/Spinner/Spinner.styles";
-import { cx } from "../../../lib/theming/Emotion";
+import { getStyles } from "../../../components/Spinner/Spinner.styles";
 import { SpinnerIcon } from "../../SpinnerIcon/SpinnerIcon";
 import { iconSizer } from "../iconSizer";
 var Icon = function Icon(props) {
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var theme = React.useContext(ThemeContext);
   return /*#__PURE__*/(
     React.createElement(SpinnerIcon, _extends({
-      dimmed: true,
       className: cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())
     }, props))
   );

package/internal/icons2022/LoadingIcon/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","styles","cx","SpinnerIcon","iconSizer","Icon","props","theme","useContext","createElement","_extends","dimmed","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      dimmed\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACR,YAAY,CAAC;EAC5C;IACED,KAAA,CAAAU,aAAA,CAACN,WAAW,EAAAO,QAAA;MACVC,MAAM;MACNC,SAAS,EAAEV,EAAE,CAACD,MAAM,CAACY,MAAM,CAACN,KAAK,CAAC,EAAEN,MAAM,CAACa,iBAAiB,CAACP,KAAK,CAAC,EAAEN,MAAM,CAACc,2BAA2B,CAAC,CAAC,CAAE;IACvGT,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMU,WAAW,GAAGZ,SAAS;EAClC;IACEa,KAAK,EAAE,SAAAA,MAAA,uBAAMlB,KAAA,CAAAU,aAAA,CAACJ,IAAI,IAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNpB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLvB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEmotion","useStyles","ThemeContext","getStyles","SpinnerIcon","iconSizer","Icon","props","_useEmotion","cx","styles","theme","useContext","createElement","_extends","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { getStyles } from '../../components/Spinner/Spinner.styles';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,SAAS,QAAQ,yCAAyC;;AAEnE,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAAC,WAAA,GAAeR,UAAU,CAAC,CAAC,CAAnBS,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGT,SAAS,CAACE,SAAS,CAAC;EACnC,IAAMQ,KAAK,GAAGZ,KAAK,CAACa,UAAU,CAACV,YAAY,CAAC;EAC5C;IACEH,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,QAAA;MACVC,SAAS,EAAEN,EAAE,CAACC,MAAM,CAACM,MAAM,CAACL,KAAK,CAAC,EAAED,MAAM,CAACO,iBAAiB,CAACN,KAAK,CAAC,EAAED,MAAM,CAACQ,2BAA2B,CAAC,CAAC,CAAE;IACvGX,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMY,WAAW,GAAGd,SAAS;EAClC;IACEe,KAAK,EAAE,SAAAA,MAAA,uBAAMrB,KAAA,CAAAc,aAAA,CAACP,IAAI,IAACe,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNvB,KAAA,CAAAc,aAAA,CAACP,IAAI;UACHe,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACL1B,KAAA,CAAAc,aAAA,CAACP,IAAI;UACHe,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/icons2022/LoadingIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';
 export declare const LoadingIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("./BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+    size?: import("./BaseIcon").IconProps["size"] | import("./iconConstants").IconSizeAliases;
 } & Omit<SpinnerIconProps, "size">>;

package/internal/icons2022/iconSizer.d.ts

@@ -6,6 +6,6 @@ type IconSizingProps = Omit<BaseIconProps, 'size'> & {
     size?: BaseIconProps['size'] | IconSizeAliases;
 };
 export declare const iconSizer: <T extends IconSizingProps>(sizes: Sizes, iconName: string) => import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<BaseIconProps, "size"> & {
-    size?: BaseIconProps['size'] | IconSizeAliases;
+    size?: BaseIconProps["size"] | IconSizeAliases;
 } & T>;
 export {};