@skbkontur/react-ui 4.8.0 → 4.9.0-theme2022.1

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

@@ -1,27 +1,42 @@
-import React from 'react';
-export interface SpinnerIconProps {
-    className: string;
-    size: 'mini' | 'normal' | 'big';
-    dimmed?: boolean;
-    inline?: boolean;
-    width?: number;
-    color?: React.CSSProperties['color'];
-}
-export declare const sizes: {
-    big: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-    normal: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-    mini: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => JSX.Element;
+import React from 'react';
+export interface SpinnerIconProps {
+    className?: string;
+    size: 'mini' | 'normal' | 'big' | 'small' | 'medium' | 'large';
+    dimmed?: boolean;
+    inline?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    big: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    normal: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    mini: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    small: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    medium: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    large: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => JSX.Element;

package/cjs/internal/icons/SpinnerIcon.js

@@ -37,7 +37,22 @@ var sizes = {
   mini: {
     size: 16,
     width: 1.5,
-    radius: 6 } };exports.sizes = sizes;
+    radius: 6 },
+
+  small: {
+    size: 16,
+    width: 1,
+    radius: 6 },
+
+  medium: {
+    size: 20,
+    width: 1,
+    radius: 6 },
+
+  large: {
+    size: 24,
+    width: 1.5,
+    radius: 8 } };exports.sizes = sizes;
 
 
 

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":"yKAAA;;AAEA;AACA;;;;;;;AAOA;AACA;AACA;;AAEA;;;;;;;;;;;AAWO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE,CAFJ;AAGHC,IAAAA,MAAM,EAAE,EAHL,EADc;;AAMnBC,EAAAA,MAAM,EAAE;AACNH,IAAAA,IAAI,EAAE,EADA;AAENC,IAAAA,KAAK,EAAE,CAFD;AAGNC,IAAAA,MAAM,EAAE,EAHF,EANW;;AAWnBE,EAAAA,IAAI,EAAE;AACJJ,IAAAA,IAAI,EAAE,EADF;AAEJC,IAAAA,KAAK,EAAE,GAFH;AAGJC,IAAAA,MAAM,EAAE,CAHJ,EAXa,EAAd,C;;;;AAkBA,IAAMG,WAAW,GAAG,SAAdA,WAAc,OAAyE,mBAAtEL,IAAsE,QAAtEA,IAAsE,CAAhEM,SAAgE,QAAhEA,SAAgE,CAArDC,MAAqD,QAArDA,MAAqD,CAA7CC,MAA6C,QAA7CA,MAA6C,CAArCP,KAAqC,QAArCA,KAAqC,CAA9BQ,KAA8B,QAA9BA,KAA8B;AAClG,MAAMC,WAAW,GAAGF,MAAM,GAAGV,KAAK,CAACM,IAAT,GAAgBN,KAAK,CAACE,IAAD,CAA/C;AACA,MAAMW,MAAM,GAAGC,eAAMC,MAAN,CAA4B,IAA5B,CAAf;;AAEA,MAAIC,kBAAU,CAACC,6BAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMC,oBAAoB,GAAGJ,eAAMC,MAAN,CAAoD,IAApD,CAA7B;AACA;AACA,4BAAsCD,eAAMK,UAAN,CAAiBC,0BAAjB,CAAtC,CAAQC,GAAR,qBAAQA,GAAR,CAAaC,MAAb,qBAAaA,MAAb,CAAqBC,KAArB,qBAAqBA,KAArB,CAA4BC,KAA5B,qBAA4BA,KAA5B;AACA;AACAV,mBAAMW,SAAN,CAAgB,YAAM;AACpB,UAAMC,GAAG,GAAGb,MAAM,CAACc,OAAnB;;AAEA,UAAMC,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,YAAIF,GAAJ,EAAS;AACP,wBAAAA,GAAG,CAACG,KAAJ,EAAUC,WAAV;AACD;AACF,OAJD;;AAMAZ,MAAAA,oBAAoB,CAACS,OAArB,GAA+B,IAAII,wDAAJ;;AAE3B,2DAAsB,CAAtB,EAAyB,CAAC,GAA1B,EAA+B,IAA/B,EAAqCH,gBAArC,EAAuD,GAAvD,CAF2B;AAG3B,2DAAsB,CAAC,EAAD,EAAK,GAAL,CAAtB,EAAiC,CAAC,GAAD,EAAM,EAAN,CAAjC,EAA4C,IAA5C,EAAkDA,gBAAlD,EAAoE,GAApE,CAH2B;AAI3B,6DAAwB,CAAxB,EAA2B,GAA3B,EAAgC,IAAhC,EAAsCA,gBAAtC,CAJ2B;AAKvBnB,MAAAA,MAAM,GAAG,EAAH,GAAQ,CAAC,oDAAqB,CAACY,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAArB,EAAkD,IAAlD,EAAwDI,gBAAxD,CAAD,CALS;;AAO7B,aAAO,EAPsB,CAA/B;;;AAUA,aAAO,YAAM;AACX,YAAMI,iBAAiB,GAAGd,oBAAoB,CAACS,OAA/C;AACA,YAAIK,iBAAJ,EAAuB;AACrBA,UAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,YAAIP,GAAJ,EAAS;AACPA,UAAAA,GAAG,CAACQ,eAAJ,CAAoB,OAApB;AACD;AACF,OARD;AASD,KA5BD,EA4BG,CAACzB,MAAD,EAASY,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA5BH;AA6BD;;AAED;AACE,2CAAM,SAAS,EAAE,iBAAGW,oBAAOC,IAAP,EAAH,iBAAqBD,oBAAOE,UAAP,EAArB,IAA2C3B,MAA3C,OAAjB;AACE;AACE,MAAA,OAAO,WAASE,WAAW,CAACV,IAArB,SAA6BU,WAAW,CAACV,IADlD;AAEE,MAAA,SAAS,EAAE,iBAAGiC,oBAAOG,IAAP,EAAH,EAAkB9B,SAAlB;AACR2B,0BAAOI,UAAP,EADQ,IACc7B,MADd,QAFb;;AAKE,MAAA,KAAK,EAAEE,WAAW,CAACV,IALrB;AAME,MAAA,MAAM,EAAEU,WAAW,CAACV,IANtB;AAOE,MAAA,IAAI,EAAC,MAPP;AAQE,MAAA,MAAM,EAAES,KARV;AASE,MAAA,eAAe,EAAM,KAAKC,WAAW,CAACR,MAAlB,GAA4B,CAAjC,UAAwC,KAAKQ,WAAW,CAACR,MAAlB,GAA4B,CATpF;AAUE,MAAA,gBAAgB,EAAC,GAVnB;AAWE,MAAA,WAAW,EAAED,KAAK,IAAIS,WAAW,CAACT,KAXpC;AAYE,MAAA,GAAG,EAAEU,MAZP;;AAcE,6CAAQ,EAAE,EAAED,WAAW,CAACV,IAAZ,GAAmB,CAA/B,EAAkC,EAAE,EAAEU,WAAW,CAACV,IAAZ,GAAmB,CAAzD,EAA4D,CAAC,EAAEU,WAAW,CAACR,MAA3E,GAdF,CADF,CADF;;;;AAoBD,CAjEM,C","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      >\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","small","medium","large","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' | 'small' | 'medium' | 'large';\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  small: {\n    size: 16,\n    width: 1,\n    radius: 6,\n  },\n  medium: {\n    size: 20,\n    width: 1,\n    radius: 6,\n  },\n  large: {\n    size: 24,\n    width: 1.5,\n    radius: 8,\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      >\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.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    rootInline(): string;
-    icon(): string;
-    iconInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootInline(): string;
+    icon(): string;
+    iconInline(): string;
+};

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

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

package/cjs/internal/icons2022/ArrowALeftIcon16Light.js

@@ -0,0 +1,15 @@
+"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/ArrowALeftIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon16Light.tsx"],"names":["ArrowALeftIcon16Light","props","ref"],"mappings":"qPAAA;;AAEA;;AAEA;;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';\n\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/ArrowALeftIcon20Light.d.ts

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

package/cjs/internal/icons2022/ArrowALeftIcon20Light.js

@@ -0,0 +1,15 @@
+"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/ArrowALeftIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon20Light.tsx"],"names":["ArrowALeftIcon20Light","props","ref"],"mappings":"qPAAA;;AAEA;;AAEA;;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';\n\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/ArrowALeftIcon24Regular.d.ts

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

package/cjs/internal/icons2022/ArrowALeftIcon24Regular.js

@@ -0,0 +1,15 @@
+"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/ArrowALeftIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon24Regular.tsx"],"names":["ArrowALeftIcon24Regular","props","ref"],"mappings":"uPAAA;;AAEA;;AAEA;;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';\n\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/ArrowARightIcon16Light.d.ts

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

package/cjs/internal/icons2022/ArrowARightIcon16Light.js

@@ -0,0 +1,15 @@
+"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/ArrowARightIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon16Light.tsx"],"names":["ArrowARightIcon16Light","props","ref"],"mappings":"sPAAA;;AAEA;;AAEA;;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';\n\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/ArrowARightIcon20Light.d.ts

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

package/cjs/internal/icons2022/ArrowARightIcon20Light.js

@@ -0,0 +1,15 @@
+"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/ArrowARightIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon20Light.tsx"],"names":["ArrowARightIcon20Light","props","ref"],"mappings":"sPAAA;;AAEA;;AAEA;;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';\n\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/ArrowARightIcon24Regular.d.ts

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

package/cjs/internal/icons2022/ArrowARightIcon24Regular.js

@@ -0,0 +1,15 @@
+"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/ArrowARightIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon24Regular.tsx"],"names":["ArrowARightIcon24Regular","props","ref"],"mappings":"wPAAA;;AAEA;;AAEA;;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';\n\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/ArrowShapeDRadiusUpLeftIcon16Light.d.ts

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

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon16Light.js

@@ -0,0 +1,19 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowShapeDRadiusUpLeftIcon16Light = 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 ArrowShapeDRadiusUpLeftIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowShapeDRadiusUpLeftIcon16Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8.002 2.557c0-.836-1.01-1.254-1.6-.663L1.178 7.116a1.25 1.25 0 0 0 0 1.768l5.222 5.223c.59.59 1.6.172 1.6-.663v-2.441c1.028.012 1.86.078 2.695.383.957.35 1.963 1.034 3.24 2.425a.6.6 0 0 0 1.043-.373c.165-3.018-.654-5.153-2.094-6.529-1.31-1.25-3.068-1.812-4.883-1.897V2.557Zm-1 .15V5.5a.5.5 0 0 0 .5.5c1.822 0 3.506.499 4.692 1.632 1.039.992 1.756 2.527 1.803 4.805-1.057-1.029-1.999-1.64-2.958-1.99C9.89 10.027 8.762 10 7.502 10a.5.5 0 0 0-.5.5v2.793L1.886 8.177a.25.25 0 0 1 0-.353l5.116-5.117Z" })));
+
+
+
+});exports.ArrowShapeDRadiusUpLeftIcon16Light = ArrowShapeDRadiusUpLeftIcon16Light;

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowShapeDRadiusUpLeftIcon16Light.tsx"],"names":["ArrowShapeDRadiusUpLeftIcon16Light","props","ref"],"mappings":"kQAAA;;AAEA;;AAEA;;AAEO,IAAMA,kCAAkC,GAAG;AAChD,oCADgD;AAEhD,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,kfAHJ,GADF,CADF;;;;AASD,CAZ+C,CAA3C,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const ArrowShapeDRadiusUpLeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowShapeDRadiusUpLeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8.002 2.557c0-.836-1.01-1.254-1.6-.663L1.178 7.116a1.25 1.25 0 0 0 0 1.768l5.222 5.223c.59.59 1.6.172 1.6-.663v-2.441c1.028.012 1.86.078 2.695.383.957.35 1.963 1.034 3.24 2.425a.6.6 0 0 0 1.043-.373c.165-3.018-.654-5.153-2.094-6.529-1.31-1.25-3.068-1.812-4.883-1.897V2.557Zm-1 .15V5.5a.5.5 0 0 0 .5.5c1.822 0 3.506.499 4.692 1.632 1.039.992 1.756 2.527 1.803 4.805-1.057-1.029-1.999-1.64-2.958-1.99C9.89 10.027 8.762 10 7.502 10a.5.5 0 0 0-.5.5v2.793L1.886 8.177a.25.25 0 0 1 0-.353l5.116-5.117Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon20Light.d.ts

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

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon20Light.js

@@ -0,0 +1,19 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowShapeDRadiusUpLeftIcon20Light = 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 ArrowShapeDRadiusUpLeftIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowShapeDRadiusUpLeftIcon20Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 20 }, props), /*#__PURE__*/
+    _react.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10 2.884c0-.933-1.128-1.4-1.787-.74L1.372 8.985a1.438 1.438 0 0 0 0 2.033l6.84 6.84c.66.66 1.788.193 1.788-.74V14c1.56 0 2.714.095 3.853.541 1.14.447 2.311 1.265 3.858 2.794.445.44 1.248.176 1.276-.496.151-3.658-.82-6.38-2.502-8.19C14.805 6.84 12.467 6 10 6V2.884Zm-1 0V6.5a.5.5 0 0 0 .5.5h.5c2.24 0 4.294.76 5.753 2.33 1.377 1.481 2.273 3.736 2.249 6.894-1.407-1.334-2.581-2.142-3.784-2.614C12.9 13.093 11.591 13 10 13h-.5a.5.5 0 0 0-.5.5v3.618c0 .043-.05.064-.08.034L2.079 10.31a.438.438 0 0 1 0-.619l6.84-6.841c.03-.03.08-.01.08.033Z" })));
+
+
+
+});exports.ArrowShapeDRadiusUpLeftIcon20Light = ArrowShapeDRadiusUpLeftIcon20Light;

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon20Light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowShapeDRadiusUpLeftIcon20Light.tsx"],"names":["ArrowShapeDRadiusUpLeftIcon20Light","props","ref"],"mappings":"kQAAA;;AAEA;;AAEA;;AAEO,IAAMA,kCAAkC,GAAG;AAChD,oCADgD;AAEhD,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,2hBAHJ,GADF,CADF;;;;AASD,CAZ+C,CAA3C,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const ArrowShapeDRadiusUpLeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowShapeDRadiusUpLeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 2.884c0-.933-1.128-1.4-1.787-.74L1.372 8.985a1.438 1.438 0 0 0 0 2.033l6.84 6.84c.66.66 1.788.193 1.788-.74V14c1.56 0 2.714.095 3.853.541 1.14.447 2.311 1.265 3.858 2.794.445.44 1.248.176 1.276-.496.151-3.658-.82-6.38-2.502-8.19C14.805 6.84 12.467 6 10 6V2.884Zm-1 0V6.5a.5.5 0 0 0 .5.5h.5c2.24 0 4.294.76 5.753 2.33 1.377 1.481 2.273 3.736 2.249 6.894-1.407-1.334-2.581-2.142-3.784-2.614C12.9 13.093 11.591 13 10 13h-.5a.5.5 0 0 0-.5.5v3.618c0 .043-.05.064-.08.034L2.079 10.31a.438.438 0 0 1 0-.619l6.84-6.841c.03-.03.08-.01.08.033Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon24Regular.d.ts

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

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon24Regular.js

@@ -0,0 +1,19 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowShapeDRadiusUpLeftIcon24Regular = 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 ArrowShapeDRadiusUpLeftIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'ArrowShapeDRadiusUpLeftIcon24Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref, viewBoxSize: 24 }, props), /*#__PURE__*/
+    _react.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11.999 3.448c0-1.202-1.454-1.805-2.305-.954l-8.178 8.18a1.875 1.875 0 0 0 0 2.65l8.178 8.18c.85.85 2.305.248 2.305-.955V17c1.8 0 3.18.008 4.564.454 1.37.441 2.807 1.336 4.608 3.24.604.638 1.777.306 1.814-.673.168-4.415-1.09-7.691-3.219-9.865-2.064-2.108-4.872-3.1-7.767-3.153V3.448Zm-1.5.363V7.75c0 .414.336.75.75.75h.505c2.657 0 5.151.878 6.94 2.704 1.623 1.657 2.733 4.162 2.803 7.686-1.599-1.535-3.023-2.398-4.474-2.865-1.637-.527-3.247-.526-4.998-.525h-.776a.75.75 0 0 0-.75.75v3.937l-7.922-7.923a.375.375 0 0 1 0-.53l7.922-7.923Z" })));
+
+
+
+});exports.ArrowShapeDRadiusUpLeftIcon24Regular = ArrowShapeDRadiusUpLeftIcon24Regular;

package/cjs/internal/icons2022/ArrowShapeDRadiusUpLeftIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowShapeDRadiusUpLeftIcon24Regular.tsx"],"names":["ArrowShapeDRadiusUpLeftIcon24Regular","props","ref"],"mappings":"oQAAA;;AAEA;;AAEA;;AAEO,IAAMA,oCAAoC,GAAG;AAClD,sCADkD;AAElD,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,yhBAHJ,GADF,CADF;;;;AASD,CAZiD,CAA7C,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const ArrowShapeDRadiusUpLeftIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowShapeDRadiusUpLeftIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M11.999 3.448c0-1.202-1.454-1.805-2.305-.954l-8.178 8.18a1.875 1.875 0 0 0 0 2.65l8.178 8.18c.85.85 2.305.248 2.305-.955V17c1.8 0 3.18.008 4.564.454 1.37.441 2.807 1.336 4.608 3.24.604.638 1.777.306 1.814-.673.168-4.415-1.09-7.691-3.219-9.865-2.064-2.108-4.872-3.1-7.767-3.153V3.448Zm-1.5.363V7.75c0 .414.336.75.75.75h.505c2.657 0 5.151.878 6.94 2.704 1.623 1.657 2.733 4.162 2.803 7.686-1.599-1.535-3.023-2.398-4.474-2.865-1.637-.527-3.247-.526-4.998-.525h-.776a.75.75 0 0 0-.75.75v3.937l-7.922-7.923a.375.375 0 0 1 0-.53l7.922-7.923Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';
+import { SvgIconProps } from '../icons/16px';
+export declare type IconProps = {
+    ref?: React.ForwardedRef<SVGSVGElement>;
+    size?: number;
+    viewBoxSize?: number;
+    color?: string;
+    disableCompensation?: boolean;
+} & React.SVGAttributes<SVGElement>;
+export declare type BothIconType = ReactUIComponentWithRef<HTMLElement, SvgIconProps> | ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const BaseIcon: ({ ref, color, size, viewBoxSize, style, disableCompensation, children, ...rest }: IconProps) => JSX.Element;

package/cjs/internal/icons2022/BaseIcon.js

@@ -0,0 +1,42 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.BaseIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));var _excluded = ["ref", "color", "size", "viewBoxSize", "style", "disableCompensation", "children"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var BaseIcon = function BaseIcon(_ref)
+
+
+
+
+
+
+
+
+{var ref = _ref.ref,color = _ref.color,size = _ref.size,_ref$viewBoxSize = _ref.viewBoxSize,viewBoxSize = _ref$viewBoxSize === void 0 ? 16 : _ref$viewBoxSize,style = _ref.style,_ref$disableCompensat = _ref.disableCompensation,disableCompensation = _ref$disableCompensat === void 0 ? true : _ref$disableCompensat,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  return /*#__PURE__*/(
+    _react.default.createElement("svg", (0, _extends2.default)({
+      ref: ref,
+      width: size || viewBoxSize,
+      height: size || viewBoxSize,
+      style: (0, _extends2.default)({ fill: color != null ? color : 'currentColor', color: color, marginBottom: disableCompensation ? 0 : '-0.1875em' }, style),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize,
+      "aria-hidden": true },
+    rest),
+
+    children));
+
+
+};exports.BaseIcon = BaseIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BaseIcon.tsx"],"names":["BaseIcon","ref","color","size","viewBoxSize","style","disableCompensation","children","rest","fill","marginBottom"],"mappings":"oWAAA,sD;;;;;;;;;;;;;;;;;AAiBO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;;;;;;;;;AASP,KARfC,GAQe,QARfA,GAQe,CAPfC,KAOe,QAPfA,KAOe,CANfC,IAMe,QANfA,IAMe,yBALfC,WAKe,CALfA,WAKe,iCALD,EAKC,oBAJfC,KAIe,QAJfA,KAIe,8BAHfC,mBAGe,CAHfA,mBAGe,sCAHO,IAGP,yBAFfC,QAEe,QAFfA,QAEe,CADZC,IACY;AACf;AACE;AACE,MAAA,GAAG,EAAEP,GADP;AAEE,MAAA,KAAK,EAAEE,IAAI,IAAIC,WAFjB;AAGE,MAAA,MAAM,EAAED,IAAI,IAAIC,WAHlB;AAIE,MAAA,KAAK,2BAAIK,IAAI,EAAEP,KAAF,WAAEA,KAAF,GAAW,cAAnB,EAAmCA,KAAK,EAALA,KAAnC,EAA0CQ,YAAY,EAAEJ,mBAAmB,GAAG,CAAH,GAAO,WAAlF,IAAkGD,KAAlG,CAJP;AAKE,MAAA,KAAK,EAAC,4BALR;AAME,MAAA,OAAO,WAASD,WAAT,SAAwBA,WANjC;AAOE,yBAPF;AAQMI,IAAAA,IARN;;AAUGD,IAAAA,QAVH,CADF;;;AAcD,CAxBM,C","sourcesContent":["import React from 'react';\n\nimport { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { SvgIconProps } from '../icons/16px';\n\nexport type IconProps = {\n  ref?: React.ForwardedRef<SVGSVGElement>;\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  disableCompensation?: boolean;\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = ({\n  ref,\n  color,\n  size,\n  viewBoxSize = 16,\n  style,\n  disableCompensation = true,\n  children,\n  ...rest\n}: IconProps) => {\n  return (\n    <svg\n      ref={ref}\n      width={size || viewBoxSize}\n      height={size || viewBoxSize}\n      style={{ fill: color ?? 'currentColor', color, marginBottom: disableCompensation ? 0 : '-0.1875em', ...style }}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n      aria-hidden\n      {...rest}\n    >\n      {children}\n    </svg>\n  );\n};\n"]}

package/cjs/internal/icons2022/CheckAIcon16Regular.d.ts

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

package/cjs/internal/icons2022/CheckAIcon16Regular.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckAIcon16Regular = 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 CheckAIcon16Regular = (0, _forwardRefAndName.forwardRefAndName)('CheckAIcon16Regular', function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M14.895 3.595a.75.75 0 0 1 0 1.06l-6.833 6.833a2.337 2.337 0 0 1-3.306 0L2.22 8.95a.75.75 0 0 1 1.06-1.06l2.537 2.536a.838.838 0 0 0 1.185 0l6.832-6.832a.75.75 0 0 1 1.06 0Z" })));
+
+
+});exports.CheckAIcon16Regular = CheckAIcon16Regular;

package/cjs/internal/icons2022/CheckAIcon16Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckAIcon16Regular.tsx"],"names":["CheckAIcon16Regular","props","ref"],"mappings":"mPAAA;;AAEA;;AAEA;;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,+KAAR,GADF,CADF;;;AAKD,CANkC,CAA5B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const CheckAIcon16Regular = forwardRefAndName<SVGSVGElement, IconProps>('CheckAIcon16Regular', (props, ref) => {\n  return (\n    <BaseIcon ref={ref} {...props}>\n      <path d=\"M14.895 3.595a.75.75 0 0 1 0 1.06l-6.833 6.833a2.337 2.337 0 0 1-3.306 0L2.22 8.95a.75.75 0 0 1 1.06-1.06l2.537 2.536a.838.838 0 0 0 1.185 0l6.832-6.832a.75.75 0 0 1 1.06 0Z\" />\n    </BaseIcon>\n  );\n});\n"]}

package/cjs/internal/icons2022/CheckAIcon16Solid.d.ts

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

package/cjs/internal/icons2022/CheckAIcon16Solid.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckAIcon16Solid = 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 CheckAIcon16Solid = (0, _forwardRefAndName.forwardRefAndName)('CheckAIcon16Solid', function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M15.028 3.241a1.25 1.25 0 0 1 0 1.768L8.197 11.84a2.838 2.838 0 0 1-4.013 0L1.646 9.305a1.25 1.25 0 1 1 1.768-1.768l2.537 2.537a.338.338 0 0 0 .477 0l6.833-6.833a1.25 1.25 0 0 1 1.768 0Z" })));
+
+
+});exports.CheckAIcon16Solid = CheckAIcon16Solid;

package/cjs/internal/icons2022/CheckAIcon16Solid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckAIcon16Solid.tsx"],"names":["CheckAIcon16Solid","props","ref"],"mappings":"iPAAA;;AAEA;;AAEA;;AAEO,IAAMA,iBAAiB,GAAG,0CAA4C,mBAA5C,EAAiE,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAChH;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,2CAAM,CAAC,EAAC,4LAAR,GADF,CADF;;;AAKD,CANgC,CAA1B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const CheckAIcon16Solid = forwardRefAndName<SVGSVGElement, IconProps>('CheckAIcon16Solid', (props, ref) => {\n  return (\n    <BaseIcon ref={ref} {...props}>\n      <path d=\"M15.028 3.241a1.25 1.25 0 0 1 0 1.768L8.197 11.84a2.838 2.838 0 0 1-4.013 0L1.646 9.305a1.25 1.25 0 1 1 1.768-1.768l2.537 2.537a.338.338 0 0 0 .477 0l6.833-6.833a1.25 1.25 0 0 1 1.768 0Z\" />\n    </BaseIcon>\n  );\n});\n"]}

package/cjs/internal/icons2022/EyeClosedIcon16Regular.d.ts

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

package/cjs/internal/icons2022/EyeClosedIcon16Regular.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.EyeClosedIcon16Regular = 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 EyeClosedIcon16Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'EyeClosedIcon16Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M15.7 6.387a.75.75 0 1 0-1.401-.535A6.745 6.745 0 0 1 8 10.197a6.745 6.745 0 0 1-6.299-4.345.75.75 0 1 0-1.401.535c.31.812.743 1.562 1.278 2.228L.454 9.809a.75.75 0 1 0 1.092 1.029l1.075-1.142a8.235 8.235 0 0 0 2.451 1.465l-.566 1.385a.75.75 0 1 0 1.388.568l.634-1.548a8.278 8.278 0 0 0 2.944 0l.634 1.548a.75.75 0 0 0 1.388-.568l-.566-1.385a8.234 8.234 0 0 0 2.451-1.466l1.074 1.142a.75.75 0 0 0 1.093-1.027l-1.124-1.195A8.257 8.257 0 0 0 15.7 6.387Z" })));
+
+
+});exports.EyeClosedIcon16Regular = EyeClosedIcon16Regular;

package/cjs/internal/icons2022/EyeClosedIcon16Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EyeClosedIcon16Regular.tsx"],"names":["EyeClosedIcon16Regular","props","ref"],"mappings":"sPAAA;;AAEA;;AAEA;;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,qcAAR,GADF,CADF;;;AAKD,CARmC,CAA/B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const EyeClosedIcon16Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'EyeClosedIcon16Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M15.7 6.387a.75.75 0 1 0-1.401-.535A6.745 6.745 0 0 1 8 10.197a6.745 6.745 0 0 1-6.299-4.345.75.75 0 1 0-1.401.535c.31.812.743 1.562 1.278 2.228L.454 9.809a.75.75 0 1 0 1.092 1.029l1.075-1.142a8.235 8.235 0 0 0 2.451 1.465l-.566 1.385a.75.75 0 1 0 1.388.568l.634-1.548a8.278 8.278 0 0 0 2.944 0l.634 1.548a.75.75 0 0 0 1.388-.568l-.566-1.385a8.234 8.234 0 0 0 2.451-1.466l1.074 1.142a.75.75 0 0 0 1.093-1.027l-1.124-1.195A8.257 8.257 0 0 0 15.7 6.387Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/EyeOpenIcon16Regular.d.ts

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

package/cjs/internal/icons2022/EyeOpenIcon16Regular.js

@@ -0,0 +1,24 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.EyeOpenIcon16Regular = 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 EyeOpenIcon16Regular = (0, _forwardRefAndName.forwardRefAndName)(
+'EyeOpenIcon16Regular',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 4.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5ZM6.25 8a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0Z" }), /*#__PURE__*/
+
+    _react.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 2.25c-3.631 0-6.728 2.279-7.95 5.483a.75.75 0 0 0 0 .534C1.272 11.471 4.369 13.75 8 13.75c3.631 0 6.728-2.279 7.95-5.483a.75.75 0 0 0 0-.534C14.729 4.529 11.631 2.25 8 2.25Zm0 10A7.011 7.011 0 0 1 1.56 8 7.011 7.011 0 0 1 8 3.75 7.01 7.01 0 0 1 14.44 8 7.01 7.01 0 0 1 8 12.25Z" })));
+
+
+
+});exports.EyeOpenIcon16Regular = EyeOpenIcon16Regular;

package/cjs/internal/icons2022/EyeOpenIcon16Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EyeOpenIcon16Regular.tsx"],"names":["EyeOpenIcon16Regular","props","ref"],"mappings":"oPAAA;;AAEA;;AAEA;;AAEO,IAAMA,oBAAoB,GAAG;AAClC,sBADkC;AAElC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,iCAAC,kBAAD,2BAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,0GAHJ,GADF;;AAME;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,0RAHJ,GANF,CADF;;;;AAcD,CAjBiC,CAA7B,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { BaseIcon, IconProps } from './BaseIcon';\n\nexport const EyeOpenIcon16Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'EyeOpenIcon16Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8 4.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5ZM6.25 8a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0Z\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8 2.25c-3.631 0-6.728 2.279-7.95 5.483a.75.75 0 0 0 0 .534C1.272 11.471 4.369 13.75 8 13.75c3.631 0 6.728-2.279 7.95-5.483a.75.75 0 0 0 0-.534C14.729 4.529 11.631 2.25 8 2.25Zm0 10A7.011 7.011 0 0 1 1.56 8 7.011 7.011 0 0 1 8 3.75 7.01 7.01 0 0 1 14.44 8 7.01 7.01 0 0 1 8 12.25Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/cjs/internal/icons2022/MathFunctionIcon16Light.d.ts

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

package/cjs/internal/icons2022/MathFunctionIcon16Light.js

@@ -0,0 +1,16 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MathFunctionIcon16Light = 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 MathFunctionIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(
+'MathFunctionIcon16Light',
+function (props, ref) {
+  return /*#__PURE__*/(
+    _react.default.createElement(_BaseIcon.BaseIcon, (0, _extends2.default)({ ref: ref }, props), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M8.643 3A2.643 2.643 0 0 0 6 5.643V6h2.5a.5.5 0 0 1 0 1H6v3.357A3.643 3.643 0 0 1 2.357 14H2a.5.5 0 0 1 0-1h.357A2.643 2.643 0 0 0 5 10.357V7H3a.5.5 0 0 1 0-1h2v-.357A3.643 3.643 0 0 1 8.643 2H9.5a.5.5 0 0 1 0 1h-.857Z" }), /*#__PURE__*/
+    _react.default.createElement("path", { d: "M8.604 8.677a.5.5 0 0 0-.707.707l1.88 1.881-1.88 1.881a.5.5 0 0 0 .707.707l1.88-1.88 1.882 1.88a.5.5 0 0 0 .707-.707l-1.881-1.88 1.88-1.881a.5.5 0 1 0-.706-.708l-1.881 1.881-1.881-1.88Z" })));
+
+
+});exports.MathFunctionIcon16Light = MathFunctionIcon16Light;