@snack-uikit/icons 0.22.1 → 0.22.2-preview-d96c83e8.0

package/dist/cjs/Sprite.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sprite = void 0;
+const react_1 = require("react");
+const utils_1 = require("@snack-uikit/utils");
+function SpriteInner(_ref) {
+  let {
+    content
+  } = _ref;
+  const [div, setDiv] = (0, react_1.useState)();
+  (0, utils_1.useLayoutEffect)(() => {
+    setDiv(document.createElement('div'));
+  }, []);
+  (0, utils_1.useLayoutEffect)(() => {
+    if (div) {
+      div.style.display = 'none';
+      document.body.prepend(div);
+      return () => {
+        document.body.removeChild(div);
+      };
+    }
+  }, [div]);
+  (0, utils_1.useLayoutEffect)(() => {
+    if (div) {
+      div.innerHTML = content;
+    }
+  }, [content, div]);
+  return null;
+}
+exports.Sprite = (0, react_1.memo)(SpriteInner);

package/dist/cjs/components/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./interface-icons"), exports);

package/dist/cjs/components/interface-icons/alarmFilled/AlarmFilledS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgAlarmFilledS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-alarm-filled-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgAlarmFilledS;

package/dist/cjs/components/interface-icons/alarmFilled/AlarmFilledXs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgAlarmFilledXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-alarm-filled-xs';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgAlarmFilledXs;

package/dist/cjs/components/interface-icons/alarmFilled/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AlarmFilledS_1 = __importDefault(require("./AlarmFilledS"));
+const AlarmFilledXs_1 = __importDefault(require("./AlarmFilledXs"));
+const react_1 = require("react");
+const AlarmFilledSVG = (0, react_1.forwardRef)((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(AlarmFilledS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(AlarmFilledXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = AlarmFilledSVG;

package/dist/cjs/components/interface-icons/arrowDown/ArrowDownS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgArrowDownS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-arrow-down-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgArrowDownS;

package/dist/cjs/components/interface-icons/arrowDown/ArrowDownXs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgArrowDownXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-arrow-down-xs';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgArrowDownXs;

package/dist/cjs/components/interface-icons/arrowDown/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowDownS_1 = __importDefault(require("./ArrowDownS"));
+const ArrowDownXs_1 = __importDefault(require("./ArrowDownXs"));
+const react_1 = require("react");
+const ArrowDownSVG = (0, react_1.forwardRef)((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(ArrowDownS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(ArrowDownXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = ArrowDownSVG;

package/dist/cjs/components/interface-icons/arrowLeft/ArrowLeftS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgArrowLeftS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-arrow-left-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgArrowLeftS;

package/dist/cjs/components/interface-icons/arrowLeft/ArrowLeftXs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgArrowLeftXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-arrow-left-xs';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgArrowLeftXs;

package/dist/cjs/components/interface-icons/arrowLeft/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowLeftS_1 = __importDefault(require("./ArrowLeftS"));
+const ArrowLeftXs_1 = __importDefault(require("./ArrowLeftXs"));
+const react_1 = require("react");
+const ArrowLeftSVG = (0, react_1.forwardRef)((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(ArrowLeftS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(ArrowLeftXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = ArrowLeftSVG;