@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/internal/icons/CrossIcon/CrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CrossIcon.tsx"],"names":["React","CrossIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY;AACvB,iCAAK,IAAI,EAAC,cAAV,EAAyB,QAAQ,EAAC,SAAlC,EAA4C,cAAc,EAAC,OAA3D,EAAmE,QAAQ,EAAC,SAA5E,EAAsF,OAAO,EAAC,WAA9F;AACE,qCAAS,EAAE,EAAC,MAAZ,EAAmB,MAAM,EAAC,qDAA1B,GADF,CADuB,GAAlB","sourcesContent":["import React from 'react';\r\n\r\nexport const CrossIcon = () => (\r\n  <svg fill=\"currentColor\" fillRule=\"evenodd\" strokeLinejoin=\"round\" clipRule=\"evenodd\" viewBox=\"0 0 10 10\">\r\n    <polygon id=\"Path\" points=\"6 5 10 9 9 10 5 6 1 10 0 9 4 5 0 1 1 0 5 4 9 0 10 1\" />\r\n  </svg>\r\n);\r\n"]}
+{"version":3,"sources":["CrossIcon.tsx"],"names":["React","CrossIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY;AACvB;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,IAAI,EAAC,cAFP;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,SAAS,EAAC,OAJZ;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,OAAO,EAAC,WANV;AAOE,qBAAY,MAPd;;AASE,qCAAS,EAAE,EAAC,MAAZ,EAAmB,MAAM,EAAC,qDAA1B,GATF,CADuB,GAAlB","sourcesContent":["import React from 'react';\n\nexport const CrossIcon = () => (\n  <svg\n    clipRule=\"evenodd\"\n    fill=\"currentColor\"\n    fillRule=\"evenodd\"\n    focusable=\"false\"\n    strokeLinejoin=\"round\"\n    viewBox=\"0 0 10 10\"\n    aria-hidden=\"true\"\n  >\n    <polygon id=\"Path\" points=\"6 5 10 9 9 10 5 6 1 10 0 9 4 5 0 1 1 0 5 4 9 0 10 1\" />\n  </svg>\n);\n"]}

package/internal/icons/CrossIcon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CrossIcon: () => JSX.Element;

package/internal/icons/SpinnerIcon/SpinnerIcon.js

@@ -1,6 +1,10 @@
 import React from 'react';
-import cn from 'classnames';
-import { jsStyles } from "../SpinnerIcon.styles";
+import { isIE11 } from "../../../lib/client";
+import { SpinnerFallbackAnimationRunner, createOffsetAnimation, createLengthAnimation, createColorAnimation, createRotationAnimation } from "../../../components/Spinner/SpinnerFallbackAnimation";
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../SpinnerIcon.styles";
 export var sizes = {
   big: {
     size: 96,
@@ -18,22 +22,82 @@ export var sizes = {
     radius: 6
   }
 };
+
+var isSizeAlias = function isSizeAlias(size) {
+  return typeof size === 'string' && size in sizes;
+};
+
 export var SpinnerIcon = function SpinnerIcon(_ref) {
+  var _cx, _cx2;
+
   var size = _ref.size,
-      className = _ref.className;
-  var currentSize = sizes[size];
-  return React.createElement("span", {
-    className: jsStyles.root()
-  }, React.createElement("svg", {
+      className = _ref.className,
+      dimmed = _ref.dimmed,
+      inline = _ref.inline,
+      width = _ref.width,
+      color = _ref.color;
+
+  var _size = isSizeAlias(size) ? sizes[size] : size;
+
+  var currentSize = inline ? sizes.mini : _size;
+  var svgRef = React.useRef(null);
+
+  if (isIE11 && !isTestEnv) {
+    // This condition will not change during app's life time
+    // So its OK to use hooks here
+    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var fallbackAnimationRef = React.useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    var _React$useContext = React.useContext(ThemeContext),
+        red = _React$useContext.red,
+        yellow = _React$useContext.yellow,
+        green = _React$useContext.green,
+        brand = _React$useContext.brand; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+
+    React.useEffect(function () {
+      var svg = svgRef.current;
+
+      var setStyleProperty = function setStyleProperty() {
+        if (svg) {
+          var _svg$style;
+
+          (_svg$style = svg.style).setProperty.apply(_svg$style, arguments);
+        }
+      };
+
+      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner([createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'), createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'), createRotationAnimation(0, 360, 2000, setStyleProperty)].concat(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]), 1000 / 60);
+      return function () {
+        var fallbackAnimation = fallbackAnimationRef.current;
+
+        if (fallbackAnimation) {
+          fallbackAnimation.stop();
+        }
+
+        if (svg) {
+          svg.removeAttribute('style');
+        }
+      };
+    }, [dimmed, red, yellow, green, brand]);
+  }
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: cx(styles.root(), (_cx = {}, _cx[styles.rootInline()] = inline, _cx))
+  }, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 " + currentSize.size + " " + currentSize.size,
-    className: cn(jsStyles.icon(), className),
+    className: cx(styles.icon(), className, (_cx2 = {}, _cx2[styles.iconInline()] = inline, _cx2)),
     width: currentSize.size,
     height: currentSize.size,
     fill: "none",
+    stroke: color,
     strokeDasharray: 10 * currentSize.radius / 6 + ", " + 27 * currentSize.radius / 6,
     strokeDashoffset: "0",
-    strokeWidth: currentSize.width
-  }, React.createElement("circle", {
+    strokeWidth: width || currentSize.width,
+    ref: svgRef,
+    focusable: "false",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: currentSize.size / 2,
     cy: currentSize.size / 2,
     r: currentSize.radius

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

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","cn","jsStyles","sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","currentSize","root","icon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,QAAT,QAAyB,sBAAzB;;;;;;;AAOA,OAAO,IAAMC,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;;;;AAkBP,OAAO,IAAMG,WAAW,GAAG,SAAdA,WAAc,OAA2C,KAAxCL,IAAwC,QAAxCA,IAAwC,CAAlCM,SAAkC,QAAlCA,SAAkC;AACpE,MAAMC,WAAW,GAAGT,KAAK,CAACE,IAAD,CAAzB;AACA;AACE,kCAAM,SAAS,EAAEH,QAAQ,CAACW,IAAT,EAAjB;AACE;AACE,MAAA,OAAO,WAASD,WAAW,CAACP,IAArB,SAA6BO,WAAW,CAACP,IADlD;AAEE,MAAA,SAAS,EAAEJ,EAAE,CAACC,QAAQ,CAACY,IAAT,EAAD,EAAkBH,SAAlB,CAFf;AAGE,MAAA,KAAK,EAAEC,WAAW,CAACP,IAHrB;AAIE,MAAA,MAAM,EAAEO,WAAW,CAACP,IAJtB;AAKE,MAAA,IAAI,EAAC,MALP;AAME,MAAA,eAAe,EAAM,KAAKO,WAAW,CAACL,MAAlB,GAA4B,CAAjC,UAAwC,KAAKK,WAAW,CAACL,MAAlB,GAA4B,CANpF;AAOE,MAAA,gBAAgB,EAAC,GAPnB;AAQE,MAAA,WAAW,EAAEK,WAAW,CAACN,KAR3B;;AAUE,oCAAQ,EAAE,EAAEM,WAAW,CAACP,IAAZ,GAAmB,CAA/B,EAAkC,EAAE,EAAEO,WAAW,CAACP,IAAZ,GAAmB,CAAzD,EAA4D,CAAC,EAAEO,WAAW,CAACL,MAA3E,GAVF,CADF,CADF;;;;AAgBD,CAlBM","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { jsStyles } from './SpinnerIcon.styles';\r\n\r\nexport interface SpinnerIconProps {\r\n  className: string;\r\n  size: 'mini' | 'normal' | 'big';\r\n}\r\n\r\nexport const sizes = {\r\n  big: {\r\n    size: 96,\r\n    width: 4,\r\n    radius: 32,\r\n  },\r\n  normal: {\r\n    size: 48,\r\n    width: 2,\r\n    radius: 16,\r\n  },\r\n  mini: {\r\n    size: 16,\r\n    width: 1.5,\r\n    radius: 6,\r\n  },\r\n};\r\n\r\nexport const SpinnerIcon = ({ size, className }: SpinnerIconProps) => {\r\n  const currentSize = sizes[size];\r\n  return (\r\n    <span className={jsStyles.root()}>\r\n      <svg\r\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\r\n        className={cn(jsStyles.icon(), className)}\r\n        width={currentSize.size}\r\n        height={currentSize.size}\r\n        fill=\"none\"\r\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\r\n        strokeDashoffset=\"0\"\r\n        strokeWidth={currentSize.width}\r\n      >\r\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\r\n      </svg>\r\n    </span>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","className","dimmed","inline","color","_size","currentSize","svgRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","style","setProperty","fallbackAnimation","stop","removeAttribute","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/internal/icons/SpinnerIcon.d.ts

@@ -1,23 +1,33 @@
-/// <reference types="react" />
+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 }: SpinnerIconProps) => JSX.Element;
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => JSX.Element;
+export {};

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

@@ -1,32 +1,19 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
+  },
+  rootInline: function rootInline() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject2());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
+  },
+  iconInline: function iconInline() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","icon","jsStyles"],"mappings":"kgBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;AAKD,GAPY;;AASbI,EAAAA,IATa,kBASN;AACL,WAAOJ,GAAP;;;AAGD,GAbY,EAAf;;;AAgBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-left: -1px;\r\n      margin-right: -1px;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      margin-bottom: -3px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","rootInline","icon","iconInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,UARiC,wBAQpB;AACX,WAAOJ,GAAP;;;;AAID,GAbgC;;AAejCK,EAAAA,IAfiC,kBAe1B;AACL,WAAOL,GAAP;;;;;AAKD,GArBgC;;AAuBjCM,EAAAA,UAvBiC,wBAuBpB;AACX,WAAON,GAAP;;;;;;AAMD,GA9BgC,EAAD,CAA3B","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/internal/icons/SpinnerIcon.styles.d.ts

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

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon16Light = forwardRefAndName('ArrowALeftIcon16Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon16Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon16Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,qBAAqB,GAAGF,iBAAiB;AACpD,uBADoD;AAEpD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,qMAAR,GADF,CADF;;;AAKD,CARmD,CAA/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/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js",
+  "module": "ArrowALeftIcon16Light",
+  "types": "../ArrowALeftIcon16Light.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon20Light = forwardRefAndName('ArrowALeftIcon20Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 20
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon20Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon20Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,qBAAqB,GAAGF,iBAAiB;AACpD,uBADoD;AAEpD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,0MAAR,GADF,CADF;;;AAKD,CARmD,CAA/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/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js",
+  "module": "ArrowALeftIcon20Light",
+  "types": "../ArrowALeftIcon20Light.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon24Regular = forwardRefAndName('ArrowALeftIcon24Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 24
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowALeftIcon24Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon24Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,iBAAiB;AACtD,yBADsD;AAEtD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,oOAAR,GADF,CADF;;;AAKD,CARqD,CAAjD","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/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js",
+  "module": "ArrowALeftIcon24Regular",
+  "types": "../ArrowALeftIcon24Regular.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowARightIcon16Light = forwardRefAndName('ArrowARightIcon16Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon16Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowARightIcon16Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,iBAAiB;AACrD,wBADqD;AAErD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,6MAAR,GADF,CADF;;;AAKD,CARoD,CAAhD","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/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js",
+  "module": "ArrowARightIcon16Light",
+  "types": "../ArrowARightIcon16Light.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowARightIcon20Light = forwardRefAndName('ArrowARightIcon20Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 20
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon20Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowARightIcon20Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,iBAAiB;AACrD,wBADqD;AAErD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,kNAAR,GADF,CADF;;;AAKD,CARoD,CAAhD","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/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js",
+  "module": "ArrowARightIcon20Light",
+  "types": "../ArrowARightIcon20Light.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowARightIcon24Regular = forwardRefAndName('ArrowARightIcon24Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 24
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowARightIcon24Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowARightIcon24Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,wBAAwB,GAAGF,iBAAiB;AACvD,0BADuD;AAEvD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,uOAAR,GADF,CADF;;;AAKD,CARsD,CAAlD","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/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js",
+  "module": "ArrowARightIcon24Regular",
+  "types": "../ArrowARightIcon24Regular.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowAUpIcon16Light = forwardRefAndName('ArrowAUpIcon16Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowAUp16Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowAUpIcon16Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,mBAAmB,GAAGF,iBAAiB,CAA2B,qBAA3B,EAAkD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACpH;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,oMAAR,GADF,CADF;;;AAKD,CANmD,CAA7C","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/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.js",
+  "module": "ArrowAUp16Light",
+  "types": "../ArrowAUp16Light.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowCDownIcon16Regular = forwardRefAndName('ArrowCDownIcon16Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon16Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowCDownIcon16Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,iBAAiB;AACtD,yBADsD;AAEtD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,kLAAR,GADF,CADF;;;AAKD,CARqD,CAAjD","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/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js",
+  "module": "ArrowCDownIcon16Regular",
+  "types": "../ArrowCDownIcon16Regular.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowCDownIcon20Regular = forwardRefAndName('ArrowCDownIcon20Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 20
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon20Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowCDownIcon20Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,iBAAiB;AACtD,yBADsD;AAEtD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,+KAAR,GADF,CADF;;;AAKD,CARqD,CAAjD","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/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js",
+  "module": "ArrowCDownIcon20Regular",
+  "types": "../ArrowCDownIcon20Regular.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowCDownIcon24Regular = forwardRefAndName('ArrowCDownIcon24Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 24
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCDownIcon24Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowCDownIcon24Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,iBAAiB;AACtD,yBADsD;AAEtD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,2LAAR,GADF,CADF;;;AAKD,CARqD,CAAjD","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/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js",
+  "module": "ArrowCDownIcon24Regular",
+  "types": "../ArrowCDownIcon24Regular.d.ts",
+  "sideEffects": false
+}

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

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

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowCRightIcon16Light = forwardRefAndName('ArrowCRightIcon16Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.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"
+  }));
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowCRightIcon16Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowCRightIcon16Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,iBAAiB;AACrD,wBADqD;AAErD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,4KAAR,GADF,CADF;;;AAKD,CARoD,CAAhD","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"]}