@abstraks-dev/ui-library 2.1.1 → 2.2.1

package/dist/__tests__/Camera.test.js

@@ -24,7 +24,7 @@ describe('Camera Icon', () => {
     const svg = document.querySelector('svg');
     expect(svg).toHaveAttribute('width', '24');
     expect(svg).toHaveAttribute('height', '24');
-    expect(svg).toHaveAttribute('viewBox', '0 0 24 24');
+    expect(svg).toHaveAttribute('viewBox', '0 -960 960 960');
     expect(svg).toHaveAttribute('fill', '#333333');
     expect(svg).toHaveClass('icon');
     expect(svg).toHaveClass('camera-icon');

package/dist/icons/Camera.js

@@ -11,7 +11,7 @@ const CameraIcon = ({
   componentName = 'camera-icon',
   additionalClassName = '',
   dimensions = 24,
-  viewBox = '0 0 24 24',
+  viewBox = '0 -960 960 960',
   fill = '#333333'
 }) => /*#__PURE__*/_react.default.createElement("svg", {
   className: `icon ${componentName} ${additionalClassName}`,

package/dist/icons/Check.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Check = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Check = ({
+  componentName = 'check-close',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"
+}));
+exports.Check = Check;
+Check.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = Check;

package/dist/icons/ChevronDownCircle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronDownCircle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronDownCircle = ({
+  componentName = 'chevron-down-circle',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "m480-340 180-180-57-56-123 123-123-123-57 56 180 180Zm0 260q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
+}));
+exports.ChevronDownCircle = ChevronDownCircle;
+ChevronDownCircle.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = ChevronDownCircle;

package/dist/icons/ChevronLeft.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronLeft = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronLeft = ({
+  componentName = 'chevron-left',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"
+}));
+exports.ChevronLeft = ChevronLeft;
+ChevronLeft.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = ChevronLeft;

package/dist/icons/ChevronRight.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronRight = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronRight = ({
+  componentName = 'chevron-right',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"
+}));
+exports.ChevronRight = ChevronRight;
+ChevronRight.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = ChevronRight;

package/dist/icons/ChevronRightCircle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronRightCircle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronRightCircle = ({
+  componentName = 'chevron-right-circle',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M507-480 384-357l56 57 180-180-180-180-56 57 123 123ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
+}));
+exports.ChevronRightCircle = ChevronRightCircle;
+ChevronRightCircle.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = ChevronRightCircle;

package/dist/icons/ChevronUpCircle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronUpCircle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronUpCircle = ({
+  componentName = 'chevron-up-circle',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 -960 960 960',
+  fill = '#adb5bd'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "m357-384 123-123 123 123 57-56-180-180-180 180 57 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
+}));
+exports.ChevronUpCircle = ChevronUpCircle;
+ChevronUpCircle.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = ChevronUpCircle;

package/dist/icons/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "CaretDown", {
     return _CaretDown.CaretDown;
   }
 });
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () {
+    return _Check.Check;
+  }
+});
 Object.defineProperty(exports, "CheckCircle", {
   enumerable: true,
   get: function () {
@@ -57,6 +63,36 @@ Object.defineProperty(exports, "ChevronDown", {
     return _ChevronDown.ChevronDown;
   }
 });
+Object.defineProperty(exports, "ChevronDownCircle", {
+  enumerable: true,
+  get: function () {
+    return _ChevronDownCircle.ChevronDownCircle;
+  }
+});
+Object.defineProperty(exports, "ChevronLeft", {
+  enumerable: true,
+  get: function () {
+    return _ChevronLeft.ChevronLeft;
+  }
+});
+Object.defineProperty(exports, "ChevronRight", {
+  enumerable: true,
+  get: function () {
+    return _ChevronRight.ChevronRight;
+  }
+});
+Object.defineProperty(exports, "ChevronRightCircle", {
+  enumerable: true,
+  get: function () {
+    return _ChevronRightCircle.ChevronRightCircle;
+  }
+});
+Object.defineProperty(exports, "ChevronUpCircle", {
+  enumerable: true,
+  get: function () {
+    return _ChevronUpCircle.ChevronUpCircle;
+  }
+});
 Object.defineProperty(exports, "Close", {
   enumerable: true,
   get: function () {
@@ -178,8 +214,14 @@ var _ArrowRight = require("./ArrowRight");
 var _BookOpen = require("./BookOpen");
 var _Camera = require("./Camera");
 var _CaretDown = require("./CaretDown");
+var _Check = require("./Check");
 var _CheckCircle = require("./CheckCircle");
 var _ChevronDown = require("./ChevronDown");
+var _ChevronDownCircle = require("./ChevronDownCircle");
+var _ChevronLeft = require("./ChevronLeft");
+var _ChevronRight = require("./ChevronRight");
+var _ChevronRightCircle = require("./ChevronRightCircle");
+var _ChevronUpCircle = require("./ChevronUpCircle");
 var _Close = require("./Close");
 var _Comment = require("./Comment");
 var _EditSquare = require("./EditSquare");

package/dist/index.js

@@ -38,8 +38,14 @@ var _exportNames = {
   ArrowRight: true,
   BookOpen: true,
   CameraIcon: true,
+  Check: true,
   CheckCircle: true,
   ChevronDown: true,
+  even: true,
+  ChevronLeft: true,
+  ChevronRight: true,
+  ChevronRightCircle: true,
+  ChevronUpCircle: true,
   Close: true,
   Comment: true,
   EditSquare: true,
@@ -151,6 +157,12 @@ Object.defineProperty(exports, "CaretDown", {
     return _CaretDown.default;
   }
 });
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () {
+    return _Check.Check;
+  }
+});
 Object.defineProperty(exports, "CheckCircle", {
   enumerable: true,
   get: function () {
@@ -169,6 +181,30 @@ Object.defineProperty(exports, "ChevronDown", {
     return _ChevronDown.ChevronDown;
   }
 });
+Object.defineProperty(exports, "ChevronLeft", {
+  enumerable: true,
+  get: function () {
+    return _ChevronLeft.ChevronLeft;
+  }
+});
+Object.defineProperty(exports, "ChevronRight", {
+  enumerable: true,
+  get: function () {
+    return _ChevronRight.ChevronRight;
+  }
+});
+Object.defineProperty(exports, "ChevronRightCircle", {
+  enumerable: true,
+  get: function () {
+    return _ChevronRightCircle.ChevronRightCircle;
+  }
+});
+Object.defineProperty(exports, "ChevronUpCircle", {
+  enumerable: true,
+  get: function () {
+    return _ChevronUpCircle.ChevronUpCircle;
+  }
+});
 Object.defineProperty(exports, "Close", {
   enumerable: true,
   get: function () {
@@ -397,6 +433,12 @@ Object.defineProperty(exports, "TrashX", {
     return _TrashX.TrashX;
   }
 });
+Object.defineProperty(exports, "even", {
+  enumerable: true,
+  get: function () {
+    return _ChevronDownCircle.even;
+  }
+});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -455,8 +497,14 @@ var _ArrowIcon = require("./icons/ArrowIcon");
 var _ArrowRight = require("./icons/ArrowRight");
 var _BookOpen = require("./icons/BookOpen");
 var _Camera = require("./icons/Camera");
+var _Check = require("./icons/Check");
 var _CheckCircle = require("./icons/CheckCircle");
 var _ChevronDown = require("./icons/ChevronDown");
+var _ChevronDownCircle = require("./icons/ChevronDownCircle");
+var _ChevronLeft = require("./icons/ChevronLeft");
+var _ChevronRight = require("./icons/ChevronRight");
+var _ChevronRightCircle = require("./icons/ChevronRightCircle");
+var _ChevronUpCircle = require("./icons/ChevronUpCircle");
 var _Close = require("./icons/Close");
 var _Comment = require("./icons/Comment");
 var _EditSquare = require("./icons/EditSquare");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abstraks-dev/ui-library",
-  "version": "2.1.1",
+  "version": "2.2.1",
   "description": "User Interface library",
   "main": "dist/index.js",
   "files": [