@abstraks-dev/ui-library 1.0.1

package/dist/icons/ChevronDown.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronDown = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChevronDown = ({
+  className = '',
+  size = 24,
+  color = 'currentColor'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M6 9L12 15L18 9",
+  stroke: color,
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
+exports.ChevronDown = ChevronDown;
+var _default = exports.default = ChevronDown;

package/dist/icons/Close.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Close = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Close = ({
+  componentName = '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: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
+}));
+exports.Close = Close;
+Close.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = Close;

package/dist/icons/EditSquare.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EditSquare = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const EditSquare = ({
+  componentName = 'edit-square',
+  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: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h357l-80 80H200v560h560v-278l80-80v358q0 33-23.5 56.5T760-120H200Zm280-360ZM360-360v-170l367-367q12-12 27-18t30-6q16 0 30.5 6t26.5 18l56 57q11 12 17 26.5t6 29.5q0 15-5.5 29.5T897-728L530-360H360Zm481-424-56-56 56 56ZM440-440h56l232-232-28-28-29-28-231 231v57Zm260-260-29-28 29 28 28 28-28-28Z"
+}));
+exports.EditSquare = EditSquare;
+EditSquare.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = EditSquare;

package/dist/icons/Ellipses.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Ellipses = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Ellipses = ({
+  componentName = 'ellipses',
+  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: "M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z"
+}));
+exports.Ellipses = Ellipses;
+Ellipses.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string,
+  handleEvent: _propTypes.func
+};
+var _default = exports.default = Ellipses;

package/dist/icons/Hamburger.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hamburger = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Hamburger = ({
+  componentName = 'hamburger',
+  additionalClassName = '',
+  fill = '#333',
+  dimensions = '24',
+  viewBox = '0 -960 960 960'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon icon-${componentName} ${additionalClassName}`,
+  fill: fill,
+  height: dimensions,
+  width: dimensions,
+  viewBox: viewBox
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"
+}));
+exports.Hamburger = Hamburger;
+Hamburger.propTypes = {
+  /**
+   * Optional additional className
+   */
+  additionalClassName: _propTypes.string,
+  /**
+   * Define icon height and width
+   */
+  dimensions: _propTypes.string,
+  /**
+   * Define icon viewBox
+   */
+  viewBox: _propTypes.string
+};

package/dist/icons/LoadingSpinner.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingSpinner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LoadingSpinner = ({
+  componentName = 'loading-spinner',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 0 24 24',
+  fill = 'currentColor'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: "none",
+  "aria-hidden": "true"
+}, /*#__PURE__*/_react.default.createElement("circle", {
+  className: `${componentName}__circle`,
+  cx: "12",
+  cy: "12",
+  r: "10",
+  stroke: "currentColor",
+  strokeWidth: "2"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: `${componentName}__path`,
+  fill: "currentColor",
+  d: "m15.84 10.2c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8.8-1.8 1.8-1.8 1.8.8 1.8 1.8z"
+}));
+exports.LoadingSpinner = LoadingSpinner;
+LoadingSpinner.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};

package/dist/icons/PlusCircle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PlusCircle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PlusCircle = ({
+  componentName = 'plus-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: "M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Zm40 200q-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.PlusCircle = PlusCircle;
+PlusCircle.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = PlusCircle;

package/dist/icons/SaveIcon.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SaveIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SaveIcon = ({
+  componentName = 'save-icon',
+  additionalClassName = '',
+  dimensions = 24,
+  viewBox = '0 0 24 24',
+  fill = 'currentColor'
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  className: `icon ${componentName} ${additionalClassName}`,
+  width: dimensions,
+  height: dimensions,
+  viewBox: viewBox,
+  fill: fill
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"
+}));
+exports.SaveIcon = SaveIcon;
+SaveIcon.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};

package/dist/icons/TrashX.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TrashX = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TrashX = ({
+  componentName = 'trash-x',
+  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: "m376-300 104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 180q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520Zm-400 0v520-520Z"
+}));
+exports.TrashX = TrashX;
+TrashX.propTypes = {
+  componentName: _propTypes.string,
+  additionalClassName: _propTypes.string,
+  dimensions: _propTypes.number,
+  viewBox: _propTypes.string,
+  fill: _propTypes.string
+};
+var _default = exports.default = TrashX;

package/dist/icons/__tests__/CheckCircle.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _CheckCircle = _interopRequireDefault(require("../CheckCircle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders CheckCircle icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CheckCircle.default, null));
+});

package/dist/icons/__tests__/ChevronDown.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _ChevronDown = _interopRequireDefault(require("../ChevronDown"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders ChevronDown icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ChevronDown.default, null));
+});

package/dist/icons/__tests__/Close.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Close = _interopRequireDefault(require("../Close"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders Close icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Close.default, null));
+});

package/dist/icons/__tests__/EditSquare.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _EditSquare = _interopRequireDefault(require("../EditSquare"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders EditSquare icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_EditSquare.default, null));
+});

package/dist/icons/__tests__/PlusCircle.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _PlusCircle = _interopRequireDefault(require("../PlusCircle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders PlusCircle icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_PlusCircle.default, null));
+});

package/dist/icons/__tests__/TrashX.test.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _TrashX = _interopRequireDefault(require("../TrashX"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+test('renders TrashX icon', () => {
+  (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_TrashX.default, null));
+});

package/dist/icons/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArrowIcon", {
+  enumerable: true,
+  get: function () {
+    return _ArrowIcon.ArrowIcon;
+  }
+});
+Object.defineProperty(exports, "ArrowRight", {
+  enumerable: true,
+  get: function () {
+    return _ArrowRight.ArrowRight;
+  }
+});
+Object.defineProperty(exports, "CheckCircle", {
+  enumerable: true,
+  get: function () {
+    return _CheckCircle.CheckCircle;
+  }
+});
+Object.defineProperty(exports, "ChevronDown", {
+  enumerable: true,
+  get: function () {
+    return _ChevronDown.ChevronDown;
+  }
+});
+Object.defineProperty(exports, "Close", {
+  enumerable: true,
+  get: function () {
+    return _Close.Close;
+  }
+});
+Object.defineProperty(exports, "EditSquare", {
+  enumerable: true,
+  get: function () {
+    return _EditSquare.EditSquare;
+  }
+});
+Object.defineProperty(exports, "Ellipses", {
+  enumerable: true,
+  get: function () {
+    return _Ellipses.Ellipses;
+  }
+});
+Object.defineProperty(exports, "Hamburger", {
+  enumerable: true,
+  get: function () {
+    return _Hamburger.Hamburger;
+  }
+});
+Object.defineProperty(exports, "LoadingSpinner", {
+  enumerable: true,
+  get: function () {
+    return _LoadingSpinner.LoadingSpinner;
+  }
+});
+Object.defineProperty(exports, "PlusCircle", {
+  enumerable: true,
+  get: function () {
+    return _PlusCircle.PlusCircle;
+  }
+});
+Object.defineProperty(exports, "SaveIcon", {
+  enumerable: true,
+  get: function () {
+    return _SaveIcon.SaveIcon;
+  }
+});
+Object.defineProperty(exports, "TrashX", {
+  enumerable: true,
+  get: function () {
+    return _TrashX.TrashX;
+  }
+});
+var _ArrowIcon = require("./ArrowIcon");
+var _ArrowRight = require("./ArrowRight");
+var _CheckCircle = require("./CheckCircle");
+var _ChevronDown = require("./ChevronDown");
+var _Close = require("./Close");
+var _EditSquare = require("./EditSquare");
+var _Ellipses = require("./Ellipses");
+var _Hamburger = require("./Hamburger");
+var _LoadingSpinner = require("./LoadingSpinner");
+var _PlusCircle = require("./PlusCircle");
+var _SaveIcon = require("./SaveIcon");
+var _TrashX = require("./TrashX");