@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/design/spinner/Spinner.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Spinner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SpinnerWithArms = require("./spinnerWithArms/SpinnerWithArms");
+var _SpinnerArc = require("./spinnerArc/SpinnerArc");
+require("./spinners.css");
+const Spinner = ({
+  spinnerStyle = 'arms',
+  size = 'm',
+  customCssClass = ''
+}) => {
+  const spinnerCssClass = `spinner_${size} ${customCssClass}`;
+  if (spinnerStyle === 'arc') {
+    return /*#__PURE__*/_react.default.createElement(_SpinnerArc.SpinnerArc, {
+      cssClass: spinnerCssClass
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_SpinnerWithArms.SpinnerWithArms, {
+    cssClass: spinnerCssClass
+  });
+};
+exports.Spinner = Spinner;
+var _default = exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/cjs/components/design/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Spinner","_react","_SpinnerWithArms","_SpinnerArc","spinnerStyle","size","customCssClass","spinnerCssClass","createElement","SpinnerArc","cssClass","SpinnerWithArms","_default"],"sources":["../../../../../src/components/design/spinner/Spinner.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { SpinnerWithArms } from './spinnerWithArms/SpinnerWithArms';\nimport { SpinnerArc } from './spinnerArc/SpinnerArc';\nimport { SpinnersInterface } from './spinner.interface';\n\nimport './spinners.scss';\n\nexport const Spinner: React.FC<SpinnersInterface> = (\n  {\n    spinnerStyle = 'arms',\n    size = 'm',\n    customCssClass = ''\n  }\n) => {\n  const spinnerCssClass = `spinner_${ size } ${ customCssClass }`;\n\n  if (spinnerStyle === 'arc') {\n    return <SpinnerArc cssClass={ spinnerCssClass } />;\n  }\n  return <SpinnerWithArms cssClass={ spinnerCssClass } />;\n};\n\nexport default Spinner;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,OAAA;AAEb,IAAAC,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAGAA,OAAA;AAEO,MAAMM,OAAoC,GAAGA,CAClD;EACEI,YAAY,GAAG,MAAM;EACrBC,IAAI,GAAG,GAAG;EACVC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,MAAMC,eAAe,GAAG,WAAYF,IAAI,IAAMC,cAAc,EAAG;EAE/D,IAAIF,YAAY,KAAK,KAAK,EAAE;IAC1B,oBAAOH,MAAA,CAAAF,OAAA,CAAAS,aAAA,CAACL,WAAA,CAAAM,UAAU;MAACC,QAAQ,EAAGH;IAAiB,CAAE,CAAC;EACpD;EACA,oBAAON,MAAA,CAAAF,OAAA,CAAAS,aAAA,CAACN,gBAAA,CAAAS,eAAe;IAACD,QAAQ,EAAGH;EAAiB,CAAE,CAAC;AACzD,CAAC;AAACV,OAAA,CAAAG,OAAA,GAAAA,OAAA;AAAA,IAAAY,QAAA,GAAAf,OAAA,CAAAE,OAAA,GAEaC,OAAO","ignoreList":[]}

package/dist/cjs/components/design/spinner/spinner.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=spinner.interface.js.map

package/dist/cjs/components/design/spinner/spinner.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.interface.js","names":[],"sources":["../../../../../src/components/design/spinner/spinner.interface.ts"],"sourcesContent":["export interface SpinnersInterface {\n  spinnerStyle?: 'arms' | 'arc';\n  size?: 'xs' | 's' | 'm' | 'l' | 'xl';\n  customCssClass?: string;\n}\n\nexport interface SpinnerProps {\n  cssClass: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/design/spinner/spinnerArc/SpinnerArc.js

@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinnerArc = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./spinnerArc.css");
+const SpinnerArc = ({
+  cssClass
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  className: `spinner spinnerArc rotate ${cssClass}`
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  width: "96",
+  height: "96",
+  viewBox: "0 0 96 96",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("mask", {
+  id: "spinnerArcMask",
+  maskUnits: "userSpaceOnUse",
+  x: "-1",
+  y: "0",
+  width: "97",
+  height: "96"
+}, /*#__PURE__*/_react.default.createElement("circle", {
+  cx: "47.9021",
+  cy: "48",
+  r: "48",
+  className: "spinnerArcMask"
+})), /*#__PURE__*/_react.default.createElement("g", {
+  mask: "url(#spinnerArcMask)"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  className: "spinnerArcPath",
+  d: "M40.1757 0.489025C40.8387 0.354254 41.4916 0.206371 42.1577 0.0861769C44.9214 -0.384492 47.2441 1.14701 47.8325 3.8203C48.406 6.42071 47.03 8.73432 44.3005 9.41053C39.6471 10.5537 35.0375 11.8018 30.9284 14.3673C18.2082 22.3108 10.9837 33.6605 10.2128 48.9579C10.1512 50.1316 10.1502 51.3082 10.1188 52.4833C10.0265 55.4999 8.15652 57.451 5.3484 57.4449C2.75098 57.4416 0.814064 55.4446 0.661566 52.5158C0.341757 46.5852 1.0917 40.7484 2.96562 35.1612C9.12014 16.8115 21.6922 5.40701 40.1757 0.489025Z"
+}))));
+exports.SpinnerArc = SpinnerArc;
+//# sourceMappingURL=SpinnerArc.js.map

package/dist/cjs/components/design/spinner/spinnerArc/SpinnerArc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerArc.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","SpinnerArc","_react","cssClass","default","createElement","className","width","height","viewBox","fill","xmlns","id","maskUnits","x","y","cx","cy","r","mask","d"],"sources":["../../../../../../src/components/design/spinner/spinnerArc/SpinnerArc.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { SpinnerProps } from '../spinner.interface';\n\nimport './spinnerArc.scss';\n\nexport const SpinnerArc: React.FC<SpinnerProps> = (\n  {\n    cssClass\n  }\n) => (\n  <span className={ `spinner spinnerArc rotate ${ cssClass }` }>\n    <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <mask id=\"spinnerArcMask\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"0\" width=\"97\" height=\"96\">\n        <circle cx=\"47.9021\" cy=\"48\" r=\"48\" className=\"spinnerArcMask\" />\n      </mask>\n      <g mask=\"url(#spinnerArcMask)\">\n        <path\n          className=\"spinnerArcPath\"\n          d=\"M40.1757 0.489025C40.8387 0.354254 41.4916 0.206371 42.1577 0.0861769C44.9214 -0.384492 47.2441 1.14701 47.8325 3.8203C48.406 6.42071 47.03 8.73432 44.3005 9.41053C39.6471 10.5537 35.0375 11.8018 30.9284 14.3673C18.2082 22.3108 10.9837 33.6605 10.2128 48.9579C10.1512 50.1316 10.1502 51.3082 10.1188 52.4833C10.0265 55.4999 8.15652 57.451 5.3484 57.4449C2.75098 57.4416 0.814064 55.4446 0.661566 52.5158C0.341757 46.5852 1.0917 40.7484 2.96562 35.1612C9.12014 16.8115 21.6922 5.40701 40.1757 0.489025Z\"\n        />\n      </g>\n    </svg>\n  </span>\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,UAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAGAA,OAAA;AAEO,MAAMK,UAAkC,GAAGA,CAChD;EACEE;AACF,CAAC,kBAEDD,MAAA,CAAAE,OAAA,CAAAC,aAAA;EAAMC,SAAS,EAAG,6BAA8BH,QAAQ;AAAK,gBAC3DD,MAAA,CAAAE,OAAA,CAAAC,aAAA;EAAKE,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,gBAC5FT,MAAA,CAAAE,OAAA,CAAAC,aAAA;EAAMO,EAAE,EAAC,gBAAgB;EAACC,SAAS,EAAC,gBAAgB;EAACC,CAAC,EAAC,IAAI;EAACC,CAAC,EAAC,GAAG;EAACR,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC;AAAI,gBACtFN,MAAA,CAAAE,OAAA,CAAAC,aAAA;EAAQW,EAAE,EAAC,SAAS;EAACC,EAAE,EAAC,IAAI;EAACC,CAAC,EAAC,IAAI;EAACZ,SAAS,EAAC;AAAgB,CAAE,CAC5D,CAAC,eACPJ,MAAA,CAAAE,OAAA,CAAAC,aAAA;EAAGc,IAAI,EAAC;AAAsB,gBAC5BjB,MAAA,CAAAE,OAAA,CAAAC,aAAA;EACEC,SAAS,EAAC,gBAAgB;EAC1Bc,CAAC,EAAC;AAAuf,CAC1f,CACA,CACA,CACD,CACP;AAACrB,OAAA,CAAAE,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/components/design/spinner/spinnerArc/spinnerArc.css

@@ -0,0 +1,12 @@
+.spinnerArc {
+  color: #000;
+}
+.spinnerArc svg mask {
+  mask-type: alpha;
+}
+.spinnerArc svg .spinnerArcMask {
+  fill: #fff;
+}
+.spinnerArc svg .spinnerArcPath {
+  fill: currentColor;
+}

package/dist/cjs/components/design/spinner/spinnerWithArms/SpinnerWithArms.js

@@ -0,0 +1,58 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SpinnerWithArms = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./spinnerWithArms.css");
+const SpinnerWithArms = ({
+  cssClass = ''
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  className: `spinner spinnerWithArms rotate-steps-12 ${cssClass}`
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 100 100"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  className: "path1",
+  d: "M48,72c0-1.1,0.9-2,2-2s2,0.9,2,2v26c0,1.1-0.9,2-2,2s-2-0.9-2-2V72z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path2",
+  d: "M59.3,70.1c-0.6-1-0.2-2.2,0.7-2.7s2.2-0.2,2.7,0.7l13,22.5c0.6,1,0.2,2.2-0.7,2.7s-2.2,0.2-2.7-0.7L59.3,70.1z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path3",
+  d: "M68.1,62.7c-1-0.6-1.3-1.8-0.7-2.7s1.8-1.3,2.7-0.7l22.5,13c1,0.6,1.3,1.8,0.7,2.7s-1.8,1.3-2.7,0.7L68.1,62.7z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path4",
+  d: "M72,52c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2H72z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path5",
+  d: "M70.1,40.7c-1,0.6-2.2,0.2-2.7-0.7s-0.2-2.2,0.7-2.7l22.5-13c1-0.6,2.2-0.2,2.7,0.7s0.2,2.2-0.7,2.7L70.1,40.7z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path6",
+  d: "M62.7,31.9c-0.6,1-1.8,1.3-2.7,0.7s-1.3-1.8-0.7-2.7l13-22.5c0.6-1,1.8-1.3,2.7-0.7s1.3,1.8,0.7,2.7L62.7,31.9z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path7",
+  d: "M52,28c0,1.1-0.9,2-2,2s-2-0.9-2-2V2c0-1.1,0.9-2,2-2s2,0.9,2,2V28z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path8",
+  d: "M40.7,29.9c0.6,1,0.2,2.2-0.7,2.7s-2.2,0.2-2.7-0.7l-13-22.5c-0.6-1-0.2-2.2,0.7-2.7s2.2-0.2,2.7,0.7L40.7,29.9z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path9",
+  d: "M31.9,37.3c1,0.6,1.3,1.8,0.7,2.7s-1.8,1.3-2.7,0.7l-22.5-13c-1-0.6-1.3-1.8-0.7-2.7s1.8-1.3,2.7-0.7L31.9,37.3z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path10",
+  d: "M28,48c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2H28z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path11",
+  d: "M29.9,59.3c1-0.6,2.2-0.2,2.7,0.7s0.2,2.2-0.7,2.7l-22.5,13c-1,0.6-2.2,0.2-2.7-0.7s-0.2-2.2,0.7-2.7L29.9,59.3z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  className: "path12",
+  d: "M37.3,68.1c0.6-1,1.8-1.3,2.7-0.7s1.3,1.8,0.7,2.7l-13,22.5c-0.6,1-1.8,1.3-2.7,0.7s-1.3-1.8-0.7-2.7L37.3,68.1z"
+})));
+exports.SpinnerWithArms = SpinnerWithArms;
+var _default = exports.default = SpinnerWithArms;
+//# sourceMappingURL=SpinnerWithArms.js.map

package/dist/cjs/components/design/spinner/spinnerWithArms/SpinnerWithArms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerWithArms.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","SpinnerWithArms","_react","cssClass","createElement","className","version","xmlns","viewBox","d","_default"],"sources":["../../../../../../src/components/design/spinner/spinnerWithArms/SpinnerWithArms.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { SpinnerProps } from '../spinner.interface';\n\nimport './spinnerWithArms.scss';\n\nexport const SpinnerWithArms: React.FC<SpinnerProps> = (\n  {\n    cssClass = ''\n  }\n) => (\n  <span className={ `spinner spinnerWithArms rotate-steps-12 ${ cssClass }` }>\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n      <path\n        className=\"path1\"\n        d=\"M48,72c0-1.1,0.9-2,2-2s2,0.9,2,2v26c0,1.1-0.9,2-2,2s-2-0.9-2-2V72z\"\n      />\n      <path\n        className=\"path2\"\n        d=\"M59.3,70.1c-0.6-1-0.2-2.2,0.7-2.7s2.2-0.2,2.7,0.7l13,22.5c0.6,1,0.2,2.2-0.7,2.7s-2.2,0.2-2.7-0.7L59.3,70.1z\"\n      />\n      <path\n        className=\"path3\"\n        d=\"M68.1,62.7c-1-0.6-1.3-1.8-0.7-2.7s1.8-1.3,2.7-0.7l22.5,13c1,0.6,1.3,1.8,0.7,2.7s-1.8,1.3-2.7,0.7L68.1,62.7z\"\n      />\n      <path\n        className=\"path4\"\n        d=\"M72,52c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2H72z\"\n      />\n      <path\n        className=\"path5\"\n        d=\"M70.1,40.7c-1,0.6-2.2,0.2-2.7-0.7s-0.2-2.2,0.7-2.7l22.5-13c1-0.6,2.2-0.2,2.7,0.7s0.2,2.2-0.7,2.7L70.1,40.7z\"\n      />\n      <path\n        className=\"path6\"\n        d=\"M62.7,31.9c-0.6,1-1.8,1.3-2.7,0.7s-1.3-1.8-0.7-2.7l13-22.5c0.6-1,1.8-1.3,2.7-0.7s1.3,1.8,0.7,2.7L62.7,31.9z\"\n      />\n      <path\n        className=\"path7\"\n        d=\"M52,28c0,1.1-0.9,2-2,2s-2-0.9-2-2V2c0-1.1,0.9-2,2-2s2,0.9,2,2V28z\"\n      />\n      <path\n        className=\"path8\"\n        d=\"M40.7,29.9c0.6,1,0.2,2.2-0.7,2.7s-2.2,0.2-2.7-0.7l-13-22.5c-0.6-1-0.2-2.2,0.7-2.7s2.2-0.2,2.7,0.7L40.7,29.9z\"\n      />\n      <path\n        className=\"path9\"\n        d=\"M31.9,37.3c1,0.6,1.3,1.8,0.7,2.7s-1.8,1.3-2.7,0.7l-22.5-13c-1-0.6-1.3-1.8-0.7-2.7s1.8-1.3,2.7-0.7L31.9,37.3z\"\n      />\n      <path\n        className=\"path10\"\n        d=\"M28,48c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2H28z\"\n      />\n      <path\n        className=\"path11\"\n        d=\"M29.9,59.3c1-0.6,2.2-0.2,2.7,0.7s0.2,2.2-0.7,2.7l-22.5,13c-1,0.6-2.2,0.2-2.7-0.7s-0.2-2.2,0.7-2.7L29.9,59.3z\"\n      />\n      <path\n        className=\"path12\"\n        d=\"M37.3,68.1c0.6-1,1.8-1.3,2.7-0.7s1.3,1.8,0.7,2.7l-13,22.5c-0.6,1-1.8,1.3-2.7,0.7s-1.3-1.8-0.7-2.7L37.3,68.1z\"\n      />\n    </svg>\n  </span>\n);\n\nexport default SpinnerWithArms;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,eAAA;AAEb,IAAAC,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAGAA,OAAA;AAEO,MAAMM,eAAuC,GAAGA,CACrD;EACEE,QAAQ,GAAG;AACb,CAAC,kBAEDD,MAAA,CAAAF,OAAA,CAAAI,aAAA;EAAMC,SAAS,EAAG,2CAA4CF,QAAQ;AAAK,gBACzED,MAAA,CAAAF,OAAA,CAAAI,aAAA;EAAKE,OAAO,EAAC,KAAK;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAa,gBACzEN,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAAoE,CACvE,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA6G,CAChH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA6G,CAChH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAAgF,CACnF,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA6G,CAChH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA6G,CAChH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAAmE,CACtE,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA8G,CACjH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,OAAO;EACjBI,CAAC,EAAC;AAA8G,CACjH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,QAAQ;EAClBI,CAAC,EAAC;AAA+E,CAClF,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,QAAQ;EAClBI,CAAC,EAAC;AAA8G,CACjH,CAAC,eACFP,MAAA,CAAAF,OAAA,CAAAI,aAAA;EACEC,SAAS,EAAC,QAAQ;EAClBI,CAAC,EAAC;AAA8G,CACjH,CACE,CACD,CACP;AAACX,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAAA,IAAAS,QAAA,GAAAZ,OAAA,CAAAE,OAAA,GAEaC,eAAe","ignoreList":[]}

package/dist/cjs/components/design/spinner/spinnerWithArms/spinnerWithArms.css

@@ -0,0 +1,53 @@
+.spinnerWithArms,
+.spinnerWithArms svg {
+  width: 65px;
+  height: 65px;
+}
+
+.spinnerWithArms svg .path1 {
+  opacity: 0.8;
+}
+
+.spinnerWithArms svg .path2 {
+  opacity: 0.17;
+}
+
+.spinnerWithArms svg .path3 {
+  opacity: 0.25;
+}
+
+.spinnerWithArms svg .path4 {
+  opacity: 0.33;
+}
+
+.spinnerWithArms svg .path5 {
+  opacity: 0.42;
+}
+
+.spinnerWithArms svg .path6 {
+  opacity: 0.5;
+}
+
+.spinnerWithArms svg .path7 {
+  opacity: 0.58;
+}
+
+.spinnerWithArms svg .path8 {
+  opacity: 0.67;
+}
+
+.spinnerWithArms svg .path9 {
+  opacity: 0.75;
+}
+
+.spinnerWithArms svg .path10 {
+  opacity: 0.83;
+}
+
+.spinnerWithArms svg .path11 {
+  opacity: 0.92;
+}
+
+.spinnerWithArms svg .path12 {
+  opacity: 1;
+}

package/dist/cjs/components/design/spinner/spinners.css

@@ -0,0 +1,32 @@
+.rotate svg {
+  animation: rotate 1s linear infinite;
+}
+
+.rotate-steps-12 svg {
+  animation: rotate 1s steps(12) infinite;
+}
+
+.spinner {
+  color: currentColor;
+  position: relative;
+}
+.spinner.spinner_xs, .spinner.spinner_xs svg {
+  width: 20px;
+  height: 20px;
+}
+.spinner.spinner_s, .spinner.spinner_s svg {
+  width: 30px;
+  height: 30px;
+}
+.spinner.spinner_m, .spinner.spinner_m svg {
+  width: 45px;
+  height: 45px;
+}
+.spinner.spinner_l, .spinner.spinner_l svg {
+  width: 65px;
+  height: 65px;
+}
+.spinner.spinner_xl, .spinner.spinner_xl svg {
+  width: 100px;
+  height: 100px;
+}

package/dist/cjs/components/design/statusIndicators/statusIconButton/StatusIconButton.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusIconButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SimpleButton = require("../../../form/buttons/SimpleButton");
+var _dateHelpers = require("../../../../helpers/dateHelpers");
+var _StatusIconLabel = require("../statusIconLabel/StatusIconLabel");
+require("./statusIconButton.css");
+const StatusIconButton = ({
+  id,
+  description,
+  status,
+  label,
+  hideLabel,
+  indicator = 'info',
+  dueAt,
+  onClick = () => {},
+  customIcon,
+  customCssClass = '',
+  iconPosition = 'left'
+}) => {
+  const formattedDueDateTime = dueAt ? (0, _dateHelpers.dateToShortReadableDateTime)(dueAt) : 'TBD';
+  const buttonProps = {
+    cssClass: `statusIconButton ${indicator} ${customCssClass}`,
+    title: `${description || status} ${dueAt ? 'Due at ' + formattedDueDateTime : ''}`,
+    label: /*#__PURE__*/_react.default.createElement(_StatusIconLabel.StatusIconLabel, {
+      id: `${id}-label`,
+      description,
+      status,
+      label,
+      hideLabel,
+      indicator,
+      dueAt,
+      customIcon,
+      iconPosition
+    }),
+    id,
+    onClickHandler: () => onClick(id)
+  };
+  return /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, buttonProps);
+};
+exports.StatusIconButton = StatusIconButton;
+//# sourceMappingURL=StatusIconButton.js.map

package/dist/cjs/components/design/statusIndicators/statusIconButton/StatusIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIconButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","StatusIconButton","_react","_SimpleButton","_dateHelpers","_StatusIconLabel","id","description","status","label","hideLabel","indicator","dueAt","onClick","customIcon","customCssClass","iconPosition","formattedDueDateTime","dateToShortReadableDateTime","buttonProps","cssClass","title","default","createElement","StatusIconLabel","onClickHandler","SimpleButton"],"sources":["../../../../../../src/components/design/statusIndicators/statusIconButton/StatusIconButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';\nimport { StatusIconLabel , StatusIconLabelInterface } from '../statusIconLabel/StatusIconLabel';\nimport { ButtonProps } from '../../../form/buttons/button.interface';\nimport { GenericFunction } from '../../../../interfaces';\n\nimport './statusIconButton.scss';\n\ninterface StatusIconButtonInterface extends StatusIconLabelInterface {\n  onClick: GenericFunction\n}\n\nexport const StatusIconButton: React.FC<StatusIconButtonInterface> = (\n  {\n    id,\n    description,\n    status,\n    label,\n    hideLabel,\n    indicator = 'info',\n    dueAt,\n    onClick = () => {},\n    customIcon,\n    customCssClass = '',\n    iconPosition = 'left'\n  }\n) => {\n  const formattedDueDateTime = dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD';\n\n  const buttonProps: ButtonProps = {\n    cssClass: `statusIconButton ${ indicator } ${ customCssClass }`,\n    title: `${ description || status } ${ dueAt ? 'Due at ' + formattedDueDateTime : '' }`,\n    label: (\n      <StatusIconLabel\n        {\n          ...{\n            id: `${ id }-label`,\n            description,\n            status,\n            label,\n            hideLabel,\n            indicator,\n            dueAt,\n            customIcon,\n            iconPosition\n          }\n        }\n      />\n    ),\n    id,\n    onClickHandler: () => onClick(id)\n  };\n\n  return (\n    <SimpleButton { ...buttonProps } />\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,gBAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AAIAA,OAAA;AAMO,MAAMK,gBAAqD,GAAGA,CACnE;EACEK,EAAE;EACFC,WAAW;EACXC,MAAM;EACNC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,MAAM;EAClBC,KAAK;EACLC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,UAAU;EACVC,cAAc,GAAG,EAAE;EACnBC,YAAY,GAAG;AACjB,CAAC,KACE;EACH,MAAMC,oBAAoB,GAAGL,KAAK,GAAG,IAAAM,wCAA2B,EAACN,KAAK,CAAC,GAAG,KAAK;EAE/E,MAAMO,WAAwB,GAAG;IAC/BC,QAAQ,EAAE,oBAAqBT,SAAS,IAAMI,cAAc,EAAG;IAC/DM,KAAK,EAAE,GAAId,WAAW,IAAIC,MAAM,IAAMI,KAAK,GAAG,SAAS,GAAGK,oBAAoB,GAAG,EAAE,EAAG;IACtFR,KAAK,eACHP,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,gBAAA,CAAAmB,eAAe;MAGVlB,EAAE,EAAE,GAAIA,EAAE,QAAS;MACnBC,WAAW;MACXC,MAAM;MACNC,KAAK;MACLC,SAAS;MACTC,SAAS;MACTC,KAAK;MACLE,UAAU;MACVE;IAAY,CAGjB,CACF;IACDV,EAAE;IACFmB,cAAc,EAAEA,CAAA,KAAMZ,OAAO,CAACP,EAAE;EAClC,CAAC;EAED,oBACEJ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAuB,YAAY,EAAMP,WAAe,CAAC;AAEvC,CAAC;AAACpB,OAAA,CAAAE,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/components/design/statusIndicators/statusIconButton/statusIconButton.css

@@ -0,0 +1,4 @@
+.statusIconButton {
+  border: none;
+  background: none;
+}

package/dist/cjs/components/design/statusIndicators/statusIconLabel/StatusIconLabel.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StatusIconLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dateHelpers = require("../../../../helpers/dateHelpers");
+var _Icon = require("../../icons/basicIcon/Icon");
+require("./statusIconLabel.css");
+const StatusIconLabel = ({
+  description,
+  status,
+  label,
+  hideLabel = false,
+  indicator = 'info',
+  dueAt,
+  customIcon,
+  customCssClass = '',
+  iconPosition = 'left'
+}) => {
+  const formattedDueDateTime = dueAt ? (0, _dateHelpers.dateToShortReadableDateTime)(dueAt) : 'TBD';
+  const iconMap = {
+    info: 'info',
+    alert: 'notification',
+    warn: 'warning',
+    defCon3: 'fire',
+    success: 'info'
+  };
+  const StatusIcon = () => {
+    if (customIcon) {
+      return /*#__PURE__*/_react.default.createElement(_Icon.Icon, customIcon);
+    }
+    return /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: iconMap[indicator]
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: `statusIconLabel ${indicator} ${customCssClass}`,
+    title: `${status} ${description ? ': ' + description : ''}${dueAt ? '. Due at ' + formattedDueDateTime : ''}`
+  }, iconPosition === 'left' && /*#__PURE__*/_react.default.createElement(StatusIcon, null), /*#__PURE__*/_react.default.createElement("span", {
+    className: hideLabel ? 'sr-only' : ''
+  }, label), iconPosition !== 'left' && /*#__PURE__*/_react.default.createElement(StatusIcon, null));
+};
+exports.StatusIconLabel = StatusIconLabel;
+var _default = exports.default = StatusIconLabel;
+//# sourceMappingURL=StatusIconLabel.js.map

package/dist/cjs/components/design/statusIndicators/statusIconLabel/StatusIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIconLabel.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","StatusIconLabel","_react","_dateHelpers","_Icon","description","status","label","hideLabel","indicator","dueAt","customIcon","customCssClass","iconPosition","formattedDueDateTime","dateToShortReadableDateTime","iconMap","info","alert","warn","defCon3","success","StatusIcon","createElement","Icon","icon","className","title","_default"],"sources":["../../../../../../src/components/design/statusIndicators/statusIconLabel/StatusIconLabel.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\nimport { StatusInterface } from '../statusIndicators.interface';\nimport { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';\nimport { Icon, IconProps } from '../../icons/basicIcon/Icon';\n\nimport './statusIconLabel.scss';\n\nexport interface StatusIconLabelInterface extends Omit<StatusInterface, 'onClick'> {\n  customIcon?: IconProps;\n  iconPosition?: 'left' | 'right';\n  label: string | ReactNode;\n  hideLabel?: boolean;\n  customCssClass?: string;\n}\n\nexport const StatusIconLabel: React.FC<StatusIconLabelInterface> = (\n  {\n    description,\n    status,\n    label,\n    hideLabel = false,\n    indicator = 'info',\n    dueAt,\n    customIcon,\n    customCssClass = '',\n    iconPosition = 'left'\n  }\n) => {\n  const formattedDueDateTime = dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD';\n\n  const iconMap: { [index: string]: string } = {\n    info: 'info',\n    alert: 'notification',\n    warn: 'warning',\n    defCon3: 'fire',\n    success: 'info'\n  };\n\n  const StatusIcon = () => {\n    if (customIcon) {\n      return <Icon { ...customIcon } />;\n    }\n    return <Icon icon={ iconMap[indicator] } />;\n  };\n\n  return (\n    <span\n      className={ `statusIconLabel ${ indicator } ${ customCssClass }` }\n      title={ `${ status } ${ description ? ': ' + description : '' }${ dueAt ? '. Due at ' + formattedDueDateTime : '' }` }\n    >\n      {\n        iconPosition === 'left' &&\n        <StatusIcon />\n      }\n      <span className={ hideLabel ? 'sr-only' : '' }>{ label }</span>\n      {\n        iconPosition !== 'left' &&\n        <StatusIcon />\n      }\n    </span>\n  );\n};\n\nexport default StatusIconLabel;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,eAAA;AAEb,IAAAC,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AAEAA,OAAA;AAUO,MAAMM,eAAmD,GAAGA,CACjE;EACEI,WAAW;EACXC,MAAM;EACNC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,SAAS,GAAG,MAAM;EAClBC,KAAK;EACLC,UAAU;EACVC,cAAc,GAAG,EAAE;EACnBC,YAAY,GAAG;AACjB,CAAC,KACE;EACH,MAAMC,oBAAoB,GAAGJ,KAAK,GAAG,IAAAK,wCAA2B,EAACL,KAAK,CAAC,GAAG,KAAK;EAE/E,MAAMM,OAAoC,GAAG;IAC3CC,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,cAAc;IACrBC,IAAI,EAAE,SAAS;IACfC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIX,UAAU,EAAE;MACd,oBAAOT,MAAA,CAAAF,OAAA,CAAAuB,aAAA,CAACnB,KAAA,CAAAoB,IAAI,EAAMb,UAAc,CAAC;IACnC;IACA,oBAAOT,MAAA,CAAAF,OAAA,CAAAuB,aAAA,CAACnB,KAAA,CAAAoB,IAAI;MAACC,IAAI,EAAGT,OAAO,CAACP,SAAS;IAAG,CAAE,CAAC;EAC7C,CAAC;EAED,oBACEP,MAAA,CAAAF,OAAA,CAAAuB,aAAA;IACEG,SAAS,EAAG,mBAAoBjB,SAAS,IAAMG,cAAc,EAAK;IAClEe,KAAK,EAAG,GAAIrB,MAAM,IAAMD,WAAW,GAAG,IAAI,GAAGA,WAAW,GAAG,EAAE,GAAKK,KAAK,GAAG,WAAW,GAAGI,oBAAoB,GAAG,EAAE;EAAK,GAGpHD,YAAY,KAAK,MAAM,iBACvBX,MAAA,CAAAF,OAAA,CAAAuB,aAAA,CAACD,UAAU,MAAE,CAAC,eAEhBpB,MAAA,CAAAF,OAAA,CAAAuB,aAAA;IAAMG,SAAS,EAAGlB,SAAS,GAAG,SAAS,GAAG;EAAI,GAAGD,KAAa,CAAC,EAE7DM,YAAY,KAAK,MAAM,iBACvBX,MAAA,CAAAF,OAAA,CAAAuB,aAAA,CAACD,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAACxB,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAAA,IAAA2B,QAAA,GAAA9B,OAAA,CAAAE,OAAA,GAEaC,eAAe","ignoreList":[]}

package/dist/cjs/components/design/statusIndicators/statusIconLabel/statusIconLabel.css

@@ -0,0 +1,40 @@
+/* Popovers */
+@keyframes defCon3Flames {
+  from {
+    box-shadow: 0 0 1px 0 var(--statusDefCon3ShadowColor);
+  }
+  to {
+    box-shadow: 0 0 8px 0 var(--statusDefCon3ShadowColor);
+  }
+}
+.statusIconLabel {
+  border: none;
+  background: none;
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.statusIconLabel .icon {
+  font-size: 24px;
+}
+.statusIconLabel.defCon3 .icon {
+  background: var(--statusDefCon3Bg);
+  color: var(--statusDefCon3Color);
+  opacity: 1;
+  border-radius: 100%;
+  animation: defCon3Flames 1s ease infinite;
+}
+.statusIconLabel.alert .icon {
+  color: var(--statusAlertColor);
+}
+.statusIconLabel.warn .icon {
+  color: var(--statusWarnColor);
+}
+.statusIconLabel.info .icon {
+  color: var(--statusInfoColor);
+}
+.statusIconLabel.success .icon {
+  color: var(--statusSuccessColor);
+}

package/dist/cjs/components/design/statusIndicators/statusIndicators.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=statusIndicators.interface.js.map

package/dist/cjs/components/design/statusIndicators/statusIndicators.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusIndicators.interface.js","names":[],"sources":["../../../../../src/components/design/statusIndicators/statusIndicators.interface.ts"],"sourcesContent":["import { GenericFunction } from '../../../interfaces';\n\nexport interface StatusInterface {\n  id: string;\n  description?: string;\n  status: string;\n  dueAt?: Date | string;\n  onClick?: GenericFunction;\n  indicator: 'defCon3' | 'alert' | 'warn' | 'success' | 'info' | string;\n}\n\nexport interface StatusIndicatorsInterface {\n  statuses: StatusInterface[],\n  size: 's' | 'm' | 'l';\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/design/statusIndicators/statusLight/StatusLight.js

@@ -0,0 +1,46 @@
+"use strict";
+/* eslint-disable no-unused-vars */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusLight = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SimpleButton = require("../../../form/buttons/SimpleButton");
+var _dateHelpers = require("../../../../helpers/dateHelpers");
+require("./statusLight.css");
+const StatusLight = ({
+  size = 'm',
+  id,
+  description,
+  status,
+  indicator,
+  dueAt,
+  includeDueDate = true,
+  onClick
+}) => {
+  const formattedDueDateTime = `Due at ${dueAt ? (0, _dateHelpers.dateToShortReadableDateTime)(dueAt) : 'TBD'}`;
+  const title = `${description || status} ${includeDueDate && dueAt ? formattedDueDateTime : ''}`;
+  if (onClick) {
+    return /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+      cssClass: `statusLight statusLight_${size} ${indicator}`,
+      title: title,
+      hideLabel: true,
+      label: status,
+      id: id,
+      onClickHandler: event => onClick(event, status)
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: `statusLight statusLight_${size} ${indicator}`,
+    title: title,
+    id: id
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sr-only"
+  }, status));
+};
+exports.StatusLight = StatusLight;
+//# sourceMappingURL=StatusLight.js.map

package/dist/cjs/components/design/statusIndicators/statusLight/StatusLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLight.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","StatusLight","_react","_SimpleButton","_dateHelpers","size","id","description","status","indicator","dueAt","includeDueDate","onClick","formattedDueDateTime","dateToShortReadableDateTime","title","default","createElement","SimpleButton","cssClass","hideLabel","label","onClickHandler","event","className"],"sources":["../../../../../../src/components/design/statusIndicators/statusLight/StatusLight.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\n'use client';\n\nimport React, { MouseEvent } from 'react';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { StatusInterface } from '../statusIndicators.interface';\nimport { dateToShortReadableDateTime } from '../../../../helpers/dateHelpers';\n\nimport './statusLight.scss';\n\ninterface StatusLightInterface extends StatusInterface {\n  size?: 's' | 'm' | 'l';\n  includeDueDate?: boolean;\n  onClick?: (event: MouseEvent, status: string) => void;\n}\n\nexport const StatusLight: React.FC<StatusLightInterface> = (\n  {\n    size = 'm',\n    id,\n    description,\n    status,\n    indicator,\n    dueAt,\n    includeDueDate = true,\n    onClick\n  }\n) => {\n  const formattedDueDateTime = `Due at ${ dueAt ? dateToShortReadableDateTime(dueAt) : 'TBD' }`;\n  const title = `${ description || status } ${ includeDueDate && dueAt ? formattedDueDateTime : '' }`;\n\n  if (onClick) {\n    return (\n      <SimpleButton\n        cssClass={ `statusLight statusLight_${ size } ${ indicator }` }\n        title={ title }\n        hideLabel\n        label={ status }\n        id={ id }\n        onClickHandler={ (event) => onClick(event, status) }\n      />\n    );\n  }\n\n  return (\n    <span\n      className={ `statusLight statusLight_${ size } ${ indicator }` }\n      title={ title }\n      id={ id }\n    >\n      <span className=\"sr-only\">{ status }</span>\n    </span>\n  );\n};\n"],"mappings":";AAAA;;AAEA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,WAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAEA,IAAAQ,YAAA,GAAAR,OAAA;AAEAA,OAAA;AAQO,MAAMK,WAA2C,GAAGA,CACzD;EACEI,IAAI,GAAG,GAAG;EACVC,EAAE;EACFC,WAAW;EACXC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,cAAc,GAAG,IAAI;EACrBC;AACF,CAAC,KACE;EACH,MAAMC,oBAAoB,GAAG,UAAWH,KAAK,GAAG,IAAAI,wCAA2B,EAACJ,KAAK,CAAC,GAAG,KAAK,EAAG;EAC7F,MAAMK,KAAK,GAAG,GAAIR,WAAW,IAAIC,MAAM,IAAMG,cAAc,IAAID,KAAK,GAAGG,oBAAoB,GAAG,EAAE,EAAG;EAEnG,IAAID,OAAO,EAAE;IACX,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,YAAY;MACXC,QAAQ,EAAG,2BAA4Bd,IAAI,IAAMI,SAAS,EAAK;MAC/DM,KAAK,EAAGA,KAAO;MACfK,SAAS;MACTC,KAAK,EAAGb,MAAQ;MAChBF,EAAE,EAAGA,EAAI;MACTgB,cAAc,EAAIC,KAAK,IAAKX,OAAO,CAACW,KAAK,EAAEf,MAAM;IAAG,CACrD,CAAC;EAEN;EAEA,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACEO,SAAS,EAAG,2BAA4BnB,IAAI,IAAMI,SAAS,EAAK;IAChEM,KAAK,EAAGA,KAAO;IACfT,EAAE,EAAGA;EAAI,gBAETJ,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAMO,SAAS,EAAC;EAAS,GAAGhB,MAAc,CACtC,CAAC;AAEX,CAAC;AAACT,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/design/statusIndicators/statusLight/statusLight.css

@@ -0,0 +1,49 @@
+span.statusLight {
+  display: inline-block;
+}
+
+.statusLight {
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  padding: 0;
+  border-radius: 100%;
+  border: none;
+  background: var(--statusInfoLightBg);
+}
+.statusLight.defCon3 {
+  background: var(--statusDefCon3LightBg);
+  opacity: 1;
+  animation: defCon3Pulse 1s ease infinite;
+}
+.statusLight.alert {
+  background: var(--statusAlertLightBg);
+}
+.statusLight.warn {
+  background: var(--statusWarnLightBg);
+}
+.statusLight.info {
+  background: var(--statusInfoLightBg);
+}
+.statusLight.success {
+  background: var(--statusSuccessLightBg);
+}
+.statusLight.statusLight_s {
+  width: 10px;
+  min-width: 10px;
+  height: 10px;
+}
+.statusLight.statusLight_l {
+  width: 50px;
+  min-width: 50px;
+  height: 50px;
+}
+
+@keyframes defCon3Pulse {
+  from {
+    box-shadow: 0 0 1px 0 var(--statusDefCon3ShadowColor);
+  }
+  to {
+    box-shadow: 0 0 8px 0 var(--statusDefCon3ShadowColor);
+  }
+}

package/dist/cjs/components/design/statusIndicators/statusLightsBar/StatusLightsBar.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusLightsBar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+require("./statusLightsBar.css");
+var _StatusLight = require("../statusLight/StatusLight");
+const StatusLightsBar = ({
+  statuses = [],
+  size = 'm'
+}) => {
+  if (!statuses.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: "noBullet statusLightsBar"
+  }, statuses.map(statusDefinition => /*#__PURE__*/_react.default.createElement("li", {
+    key: statusDefinition.id
+  }, /*#__PURE__*/_react.default.createElement(_StatusLight.StatusLight, (0, _extends2.default)({}, statusDefinition, {
+    size: size
+  })))));
+};
+exports.StatusLightsBar = StatusLightsBar;
+//# sourceMappingURL=StatusLightsBar.js.map

package/dist/cjs/components/design/statusIndicators/statusLightsBar/StatusLightsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLightsBar.js","names":["_react","_interopRequireDefault","require","_StatusLight","StatusLightsBar","statuses","size","length","default","createElement","className","map","statusDefinition","key","id","StatusLight","_extends2","exports"],"sources":["../../../../../../src/components/design/statusIndicators/statusLightsBar/StatusLightsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusIndicatorsInterface, StatusInterface } from '../statusIndicators.interface';\n\nimport './statusLightsBar.scss';\nimport { StatusLight } from '../statusLight/StatusLight';\n\nexport const StatusLightsBar: React.FC<StatusIndicatorsInterface> = (\n  {\n    statuses = [],\n    size = 'm'\n  }\n) => {\n  if (!statuses.length) {\n    return null;\n  }\n\n  return (\n    <ul className=\"noBullet statusLightsBar\">\n      {\n        statuses.map((statusDefinition: StatusInterface) => (\n          <li key={ statusDefinition.id }>\n            <StatusLight { ...statusDefinition } size={ size } />\n          </li>\n        ))\n      }\n    </ul>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGAA,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,eAAoD,GAAGA,CAClE;EACEC,QAAQ,GAAG,EAAE;EACbC,IAAI,GAAG;AACT,CAAC,KACE;EACH,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAA0B,GAEpCL,QAAQ,CAACM,GAAG,CAAEC,gBAAiC,iBAC7CZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA;IAAII,GAAG,EAAGD,gBAAgB,CAACE;EAAI,gBAC7Bd,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,YAAA,CAAAY,WAAW,MAAAC,SAAA,CAAAR,OAAA,MAAMI,gBAAgB;IAAGN,IAAI,EAAGA;EAAM,EAAE,CAClD,CACL,CAED,CAAC;AAET,CAAC;AAACW,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/design/statusIndicators/statusLightsBar/statusLightsBar.css

@@ -0,0 +1,8 @@
+/* Popovers */
+.statusLightsBar {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}