@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/cjs/internal/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","globalObject","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"]}

package/cjs/internal/ZIndex/ZIndexStorage.d.ts

@@ -3,8 +3,6 @@ export declare type LayerComponentName = keyof typeof componentPriorities;
 declare const componentPriorities: {
     MobilePopup: number;
     Toast: number;
-    ModalFixedFooter: number;
-    ModalFixedHeader: number;
     GlobalLoader: number;
     Sidepage: number;
     Modal: number;

package/cjs/internal/ZIndex/ZIndexStorage.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _SSRSafe = require("../../lib/SSRSafe");
+"use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _globalObject = require("@skbkontur/global-object");
 
 
 var calculatePriority = function calculatePriority(priority) {
@@ -14,9 +14,6 @@ var calculatePriority = function calculatePriority(priority) {
 var componentPriorities = {
   MobilePopup: 9000,
   Toast: 10000,
-  // Fixed footer/header should overlap anything that can be contained inside of a modal body
-  ModalFixedFooter: 11,
-  ModalFixedHeader: 11,
   GlobalLoader: 10,
   Sidepage: 9,
   Modal: 9,
@@ -26,7 +23,7 @@ var componentPriorities = {
 
 var priorityStep = 1000;
 
-var getZIndexes = function getZIndexes() {return _SSRSafe.globalThat.__RetailUiZIndexes || (_SSRSafe.globalThat.__RetailUiZIndexes = [0]);};
+var getZIndexes = function getZIndexes() {return _globalObject.globalObject.__RetailUiZIndexes || (_globalObject.globalObject.__RetailUiZIndexes = [0]);};
 var getIndexPriority = function getIndexPriority(zIndex) {return Math.trunc(zIndex / priorityStep);};
 var getMaxAllowedValue = function getMaxAllowedValue(priority) {return (priority + 1) * priorityStep - 1;};
 

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

@@ -1 +1 @@
-{"version":3,"sources":["ZIndexStorage.ts"],"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","ModalFixedFooter","ModalFixedHeader","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","globalThat","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"kJAAA;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1B;AACAC,EAAAA,gBAAgB,EAAE,EAJQ;AAK1BC,EAAAA,gBAAgB,EAAE,EALQ;AAM1BC,EAAAA,YAAY,EAAE,EANY;AAO1BC,EAAAA,QAAQ,EAAE,CAPgB;AAQ1BC,EAAAA,KAAK,EAAE,CARmB;AAS1BC,EAAAA,MAAM,EAAE,CATkB;AAU1BC,EAAAA,iBAAiB,EAAE,CAVO;AAW1BC,EAAAA,KAAK,EAAE,CAXmB,EAA5B;;AAaA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,oBAAWC,kBAAX,KAAkCD,oBAAWC,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACpB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBY,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcvB,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAASwB,eAAT,CAAyBzB,QAAzB,EAA6C0B,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAG5B,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAM4B,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGf,YAH3B;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalThat } from '../../lib/SSRSafe';\n\ntype 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\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  // Fixed footer/header should overlap anything that can be contained inside of a modal body\n  ModalFixedFooter: 11,\n  ModalFixedHeader: 11,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalThat.__RetailUiZIndexes || (globalThat.__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"]}
+{"version":3,"sources":["ZIndexStorage.ts"],"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","globalObject","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"kJAAA;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,2BAAaC,kBAAb,KAAoCD,2BAAaC,kBAAb,GAAkC,CAAC,CAAD,CAAtE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAAClB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcrB,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAASsB,eAAT,CAAyBvB,QAAzB,EAA6CwB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAG1B,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAM0B,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGf,YAH3B;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ntype 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\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalObject.__RetailUiZIndexes || (globalObject.__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"]}

package/cjs/internal/icons/16px/index.d.ts

@@ -4,22 +4,22 @@ export interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: string | number;
     ref?: any;
 }
-export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;

package/cjs/internal/icons/SpinnerIcon.d.ts

@@ -1,27 +1,33 @@
 import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
 export interface SpinnerIconProps {
-    className: string;
-    size: 'mini' | 'normal' | 'big';
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
     dimmed?: boolean;
     inline?: boolean;
     width?: number;
     color?: React.CSSProperties['color'];
 }
 export declare const sizes: {
-    big: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
     };
-    normal: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
     };
-    mini: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
     };
 };
 export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => JSX.Element;
+export {};

package/cjs/internal/icons/SpinnerIcon.js

@@ -23,6 +23,12 @@ var _SpinnerIcon = require("./SpinnerIcon.styles");
 
 
 
+
+
+
+
+
+
 var sizes = {
   big: {
     size: 96,
@@ -41,8 +47,13 @@ var sizes = {
 
 
 
+var isSizeAlias = function isSizeAlias(size) {
+  return typeof size === 'string' && size in sizes;
+};
+
 var SpinnerIcon = function SpinnerIcon(_ref) {var _cx, _cx2;var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,inline = _ref.inline,width = _ref.width,color = _ref.color;
-  var currentSize = inline ? sizes.mini : sizes[size];
+  var _size = isSizeAlias(size) ? sizes[size] : size;
+  var currentSize = inline ? sizes.mini : _size;
   var svgRef = _react.default.useRef(null);
 
   if (_client.isIE11 && !_currentEnvironment.isTestEnv) {

package/cjs/internal/icons/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.tsx"],"names":["sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","inline","color","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","styles","root","rootInline","icon","iconInline"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\nexport interface SpinnerIconProps {\n  className: string;\n  size: 'mini' | 'normal' | 'big';\n  dimmed?: boolean;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n  const currentSize = inline ? sizes.mini : sizes[size];\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const svg = svgRef.current;\n\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["SpinnerIcon.tsx"],"names":["sizes","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","className","dimmed","inline","color","_size","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","styles","root","rootInline","icon","iconInline"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  dimmed?: boolean;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const svg = svgRef.current;\n\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}

package/cjs/internal/icons/SpinnerIcon.styles.js

@@ -16,7 +16,8 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n    "])));
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
+
 
 
 

package/cjs/internal/icons/SpinnerIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["styles","root","css","rootInline","icon","iconInline"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;AAQjCC,EAAAA,UARiC,wBAQpB;AACX,eAAOD,YAAP;;;;AAID,GAbgC;;AAejCE,EAAAA,IAfiC,kBAe1B;AACL,eAAOF,YAAP;;;;AAID,GApBgC;;AAsBjCG,EAAAA,UAtBiC,wBAsBpB;AACX,eAAOH,YAAP;;;;;;AAMD,GA7BgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["styles","root","css","rootInline","icon","iconInline"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;AAQjCC,EAAAA,UARiC,wBAQpB;AACX,eAAOD,YAAP;;;;AAID,GAbgC;;AAejCE,EAAAA,IAfiC,kBAe1B;AACL,eAAOF,YAAP;;;;;AAKD,GArBgC;;AAuBjCG,EAAAA,UAvBiC,wBAuBpB;AACX,eAAOH,YAAP;;;;;;AAMD,GA9BgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"]}

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowALeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowALeftIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowALeftIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowALeftIcon16Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z" })));
+
+
+});exports.ArrowALeftIcon16Light = ArrowALeftIcon16Light;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon16Light.tsx"],"names":["ArrowALeftIcon16Light","props","ref"],"mappings":"qPAAA;;AAEA;AACA;;AAEO,IAAMA,qBAAqB,GAAG;AACnC,uBADmC;AAEnC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,qMAAR,GADF,CADF;;;AAKD,CARkC,CAA9B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowALeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowALeftIcon20Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowALeftIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowALeftIcon20Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 20 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z" })));
+
+
+});exports.ArrowALeftIcon20Light = ArrowALeftIcon20Light;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon20Light.tsx"],"names":["ArrowALeftIcon20Light","props","ref"],"mappings":"qPAAA;;AAEA;AACA;;AAEO,IAAMA,qBAAqB,GAAG;AACnC,uBADmC;AAEnC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,0MAAR,GADF,CADF;;;AAKD,CARkC,CAA9B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowALeftIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowALeftIcon24Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowALeftIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowALeftIcon24Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 24 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z" })));
+
+
+});exports.ArrowALeftIcon24Regular = ArrowALeftIcon24Regular;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon24Regular.tsx"],"names":["ArrowALeftIcon24Regular","props","ref"],"mappings":"uPAAA;;AAEA;AACA;;AAEO,IAAMA,uBAAuB,GAAG;AACrC,yBADqC;AAErC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,oOAAR,GADF,CADF;;;AAKD,CARoC,CAAhC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowARightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowARightIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowARightIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowARightIcon16Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M8.73 2.854a.5.5 0 1 1 .708-.708l4.006 4.006a1.906 1.906 0 0 1 0 2.696l-4.006 4.006a.5.5 0 0 1-.707-.708l4.005-4.005A.914.914 0 0 0 12.852 8H2.5a.5.5 0 0 1 0-1h10.352a.914.914 0 0 0-.116-.14L8.732 2.853Z" })));
+
+
+});exports.ArrowARightIcon16Light = ArrowARightIcon16Light;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon16Light.tsx"],"names":["ArrowARightIcon16Light","props","ref"],"mappings":"sPAAA;;AAEA;AACA;;AAEO,IAAMA,sBAAsB,GAAG;AACpC,wBADoC;AAEpC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,6MAAR,GADF,CADF;;;AAKD,CARmC,CAA/B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowARightIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M8.73 2.854a.5.5 0 1 1 .708-.708l4.006 4.006a1.906 1.906 0 0 1 0 2.696l-4.006 4.006a.5.5 0 0 1-.707-.708l4.005-4.005A.914.914 0 0 0 12.852 8H2.5a.5.5 0 0 1 0-1h10.352a.914.914 0 0 0-.116-.14L8.732 2.853Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowARightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowARightIcon20Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowARightIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowARightIcon20Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 20 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M11.365 3.291a.5.5 0 1 1 .707-.707l5.237 5.237a2.375 2.375 0 0 1 0 3.358l-5.237 5.237a.5.5 0 1 1-.707-.707l5.237-5.237c.139-.139.242-.3.309-.472H2.5a.5.5 0 1 1 0-1h14.41a1.37 1.37 0 0 0-.308-.472L11.365 3.29Z" })));
+
+
+});exports.ArrowARightIcon20Light = ArrowARightIcon20Light;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon20Light.tsx"],"names":["ArrowARightIcon20Light","props","ref"],"mappings":"sPAAA;;AAEA;AACA;;AAEO,IAAMA,sBAAsB,GAAG;AACpC,wBADoC;AAEpC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,kNAAR,GADF,CADF;;;AAKD,CARmC,CAA/B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowARightIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M11.365 3.291a.5.5 0 1 1 .707-.707l5.237 5.237a2.375 2.375 0 0 1 0 3.358l-5.237 5.237a.5.5 0 1 1-.707-.707l5.237-5.237c.139-.139.242-.3.309-.472H2.5a.5.5 0 1 1 0-1h14.41a1.37 1.37 0 0 0-.308-.472L11.365 3.29Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowARightIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowARightIcon24Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowARightIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowARightIcon24Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 24 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M13.444 4.744a.875.875 0 0 1 1.237-1.238l6.284 6.284a3.125 3.125 0 0 1 0 4.42l-6.284 6.284a.875.875 0 1 1-1.237-1.238l6.284-6.284c.031-.031.06-.063.088-.097H3a.875.875 0 0 1 0-1.75h16.816a1.415 1.415 0 0 0-.088-.097l-6.284-6.284Z" })));
+
+
+});exports.ArrowARightIcon24Regular = ArrowARightIcon24Regular;

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon24Regular.tsx"],"names":["ArrowARightIcon24Regular","props","ref"],"mappings":"wPAAA;;AAEA;AACA;;AAEO,IAAMA,wBAAwB,GAAG;AACtC,0BADsC;AAEtC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,uOAAR,GADF,CADF;;;AAKD,CARqC,CAAjC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowARightIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M13.444 4.744a.875.875 0 0 1 1.237-1.238l6.284 6.284a3.125 3.125 0 0 1 0 4.42l-6.284 6.284a.875.875 0 1 1-1.237-1.238l6.284-6.284c.031-.031.06-.063.088-.097H3a.875.875 0 0 1 0-1.75h16.816a1.415 1.415 0 0 0-.088-.097l-6.284-6.284Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowAUpIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js

@@ -0,0 +1,12 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowAUpIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowAUpIcon16Light = (0, _forwardRefAndName.forwardRefAndName)('ArrowAUpIcon16Light', function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M2.854 7.27a.5.5 0 1 1-.708-.708l4.006-4.006a1.906 1.906 0 0 1 2.696 0l4.006 4.006a.5.5 0 0 1-.708.707L8.141 3.263A.91.91 0 0 0 8 3.148V13.5a.5.5 0 0 1-1 0V3.148a.91.91 0 0 0-.14.115L2.853 7.27Z" })));
+
+
+});exports.ArrowAUpIcon16Light = ArrowAUpIcon16Light;

package/cjs/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowAUp16Light.tsx"],"names":["ArrowAUpIcon16Light","props","ref"],"mappings":"mPAAA;;AAEA;AACA;;AAEO,IAAMA,mBAAmB,GAAG,0CAA4C,qBAA5C,EAAmE,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACpH;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,oMAAR,GADF,CADF;;;AAKD,CANkC,CAA5B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowAUpIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>('ArrowAUpIcon16Light', (props, ref) => {\n  return (\n    <BaseIcon ref={ref} {...props}>\n      <path d=\"M2.854 7.27a.5.5 0 1 1-.708-.708l4.006-4.006a1.906 1.906 0 0 1 2.696 0l4.006 4.006a.5.5 0 0 1-.708.707L8.141 3.263A.91.91 0 0 0 8 3.148V13.5a.5.5 0 0 1-1 0V3.148a.91.91 0 0 0-.14.115L2.853 7.27Z\" />\n    </BaseIcon>\n  );\n});\n"]}

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowCDownIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowCDownIcon16Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowCDownIcon16Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowCDownIcon16Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M13.027 5.466a.75.75 0 0 1 .007 1.06L9.24 10.37a1.75 1.75 0 0 1-2.483.008L2.97 6.59a.75.75 0 0 1 1.06-1.06L7.82 9.316a.25.25 0 0 0 .354-.002l3.793-3.842a.75.75 0 0 1 1.06-.007Z" })));
+
+
+});exports.ArrowCDownIcon16Regular = ArrowCDownIcon16Regular;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon16Regular.tsx"],"names":["ArrowCDownIcon16Regular","props","ref"],"mappings":"uPAAA;;AAEA;AACA;;AAEO,IAAMA,uBAAuB,GAAG;AACrC,yBADqC;AAErC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,kLAAR,GADF,CADF;;;AAKD,CARoC,CAAhC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowCDownIcon16Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowCDownIcon16Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M13.027 5.466a.75.75 0 0 1 .007 1.06L9.24 10.37a1.75 1.75 0 0 1-2.483.008L2.97 6.59a.75.75 0 0 1 1.06-1.06L7.82 9.316a.25.25 0 0 0 .354-.002l3.793-3.842a.75.75 0 0 1 1.06-.007Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowCDownIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowCDownIcon20Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowCDownIcon20Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowCDownIcon20Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 20 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M16.78 6.845a.75.75 0 0 1 0 1.06l-4.836 4.836a2.75 2.75 0 0 1-3.889 0L3.22 7.905a.75.75 0 0 1 1.06-1.06l4.837 4.836a1.25 1.25 0 0 0 1.768 0l4.835-4.836a.75.75 0 0 1 1.061 0Z" })));
+
+
+});exports.ArrowCDownIcon20Regular = ArrowCDownIcon20Regular;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon20Regular.tsx"],"names":["ArrowCDownIcon20Regular","props","ref"],"mappings":"uPAAA;;AAEA;AACA;;AAEO,IAAMA,uBAAuB,GAAG;AACrC,yBADqC;AAErC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,+KAAR,GADF,CADF;;;AAKD,CARoC,CAAhC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowCDownIcon20Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowCDownIcon20Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M16.78 6.845a.75.75 0 0 1 0 1.06l-4.836 4.836a2.75 2.75 0 0 1-3.889 0L3.22 7.905a.75.75 0 0 1 1.06-1.06l4.837 4.836a1.25 1.25 0 0 0 1.768 0l4.835-4.836a.75.75 0 0 1 1.061 0Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowCDownIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowCDownIcon24Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowCDownIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowCDownIcon24Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 24 }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M20.617 7.881a.875.875 0 0 1 0 1.238l-6.407 6.407a3.125 3.125 0 0 1-4.42 0L3.384 9.119A.875.875 0 1 1 4.62 7.88l6.407 6.407a1.375 1.375 0 0 0 1.944 0l6.407-6.407a.875.875 0 0 1 1.238 0Z" })));
+
+
+});exports.ArrowCDownIcon24Regular = ArrowCDownIcon24Regular;

package/cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon24Regular.tsx"],"names":["ArrowCDownIcon24Regular","props","ref"],"mappings":"uPAAA;;AAEA;AACA;;AAEO,IAAMA,uBAAuB,GAAG;AACrC,yBADqC;AAErC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,2CAAM,CAAC,EAAC,2LAAR,GADF,CADF;;;AAKD,CARoC,CAAhC,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowCDownIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowCDownIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M20.617 7.881a.875.875 0 0 1 0 1.238l-6.407 6.407a3.125 3.125 0 0 1-4.42 0L3.384 9.119A.875.875 0 1 1 4.62 7.88l6.407 6.407a1.375 1.375 0 0 0 1.944 0l6.407-6.407a.875.875 0 0 1 1.238 0Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowCRightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowCRightIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+var _BaseIcon = require("../BaseIcon");
+
+var ArrowCRightIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowCRightIcon16Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M5.644 3.149a.5.5 0 0 1 .707-.005l3.843 3.793a1.5 1.5 0 0 1 .006 2.128l-3.788 3.789a.5.5 0 0 1-.707-.708l3.788-3.788a.5.5 0 0 0-.002-.71L5.649 3.857a.5.5 0 0 1-.005-.707Z" })));
+
+
+});exports.ArrowCRightIcon16Light = ArrowCRightIcon16Light;

package/cjs/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCRightIcon16Light.tsx"],"names":["ArrowCRightIcon16Light","props","ref"],"mappings":"sPAAA;;AAEA;AACA;;AAEO,IAAMA,sBAAsB,GAAG;AACpC,wBADoC;AAEpC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,4KAAR,GADF,CADF;;;AAKD,CARmC,CAA/B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowCRightIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowCRightIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M5.644 3.149a.5.5 0 0 1 .707-.005l3.843 3.793a1.5 1.5 0 0 1 .006 2.128l-3.788 3.789a.5.5 0 0 1-.707-.708l3.788-3.788a.5.5 0 0 0-.002-.71L5.649 3.857a.5.5 0 0 1-.005-.707Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const ArrowCRightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;