intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -1,28 +1,4 @@
 .td-user-box {
-  --userbox-avatar-width: 24px;
-  --userbox-avatar-height: 24px;
-  --userbox-avatar-font-size: 16px;
-  --userbox-avatar-font-weight: 400;
-  --userbox-avatar-color: #fff;
-  --userbox-avatar-border-radius: 30px;
-
-  --userbox-user-data-padding-left: 8px;
-  --userbox-user-data-font-family: sarabun;
-  --userbox-user-data-font-size: 12px;
-  --userbox-user-data-font-weight: 400;
-  --userbox-user-data-line-height: 18px;
-  --userbox-user-data-letter-spacing: 0.2px;
-
-  --userbox-button-link-height: unset;
-  --userbox-button-link-padding-left: 8px;
-  --userbox-button-link-font-size: 14px;
-  --userbox-button-link-font-weight: 400;
-
-  --userbox-label-margin-bottom: 0;
-  --userbox-label-margin-left: 8px;
-  --userbox-label-font-size: 14px;
-  --userbox-label-font-weight: 400;
-  --userbox-label-color: #171d33;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -32,15 +8,15 @@
     justify-content: center;
     align-items: center;
 
-    width: var(--userbox-avatar-width);
-    height: var(--userbox-avatar-height);
+    width: 24px;
+    height: 24px;
 
-    font-size: var(--userbox-avatar-font-size);
-    font-weight: var(--userbox-avatar-font-weight);
+    font-size: 16px;
+    font-weight: 400;
     user-select: none;
 
-    color: var(--userbox-avatar-color);
-    border-radius: var(--userbox-avatar-border-radius);
+    color: #fff;
+    border-radius: 30px;
   }
 
   &__user-data {
@@ -48,32 +24,32 @@
     flex-direction: column;
 
     span {
-      padding-left: var(--userbox-user-data-padding-left);
+      padding-left: 8px;
 
-      font-family: var(--userbox-user-data-font-family);
-      font-size: var(--userbox-user-data-font-size);
-      font-weight: var(--userbox-user-data-font-weight);
+      font-family: Sarabun;
+      font-size: 12px;
+      font-weight: 400;
       font-style: normal;
-      line-height: var(--userbox-user-data-line-height);
-      letter-spacing: var(--userbox-user-data-letter-spacing);
+      line-height: 18px; /* 150% */
+      letter-spacing: 0.2px;
     }
   }
 
   .button_link {
-    height: var(--userbox-button-link-height);
-    padding-left: var(--userbox-button-link-padding-left);
+    height: unset;
+    padding-left: 8px;
 
-    font-size: var(--userbox-button-link-font-size);
-    font-weight: var(--userbox-button-link-font-weight);
+    font-size: 14px;
+    font-weight: 400;
   }
 
   .label {
-    margin-bottom: var(--userbox-label-margin-bottom);
-    margin-left: var(--userbox-label-margin-left);
+    margin-bottom: 0;
+    margin-left: 8px;
 
-    font-size: var(--userbox-label-font-size);
-    font-weight: var(--userbox-label-font-weight);
+    font-size: 14px;
+    font-weight: 400;
 
-    color: var(--userbox-label-color);
+    color: #171d33;
   }
 }

package/dist/Atomic/UI/WizardStepper/constructor.js

@@ -1,132 +1,94 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    WIZARD_STEP_VARIANTS: function() {
-        return WIZARD_STEP_VARIANTS;
-    },
-    mockData: function() {
-        return mockData;
-    }
+exports.mockData = exports.WIZARD_STEP_VARIANTS = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Status = _interopRequireDefault(require("../Status/Status"));
+const WIZARD_STEP_VARIANTS = exports.WIZARD_STEP_VARIANTS = Object.freeze({
+  DEFAULT: 'default',
+  DONE: 'done',
+  ACTIVE: 'active'
 });
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const WIZARD_STEP_VARIANTS = Object.freeze({
-    DEFAULT: 'default',
-    DONE: 'done',
-    ACTIVE: 'active'
-});
-const JSXMockComponent = ()=>{
-    const arr = [
-        {
-            title: 'Requested Amont',
-            value: '$15,000'
-        },
-        {
-            title: 'Repayment Amount',
-            value: '$15,001'
-        },
-        {
-            title: 'Repayment Date',
-            value: '12/12/2021'
-        }
-    ];
-    const textStyles = {
-        fontSize: '14px',
-        fontWeight: 400,
-        lineHeight: '20px',
-        letterSpacing: '0.2px'
-    };
-    return arr.map((row)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                maxWidth: '250px'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    style: textStyles,
-                    children: row.title
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    style: textStyles,
-                    children: row.value
-                })
-            ]
-        });
-    });
+const JSXMockComponent = () => {
+  const arr = [{
+    title: 'Requested Amont',
+    value: '$15,000'
+  }, {
+    title: 'Repayment Amount',
+    value: '$15,001'
+  }, {
+    title: 'Repayment Date',
+    value: '12/12/2021'
+  }];
+  const textStyles = {
+    fontSize: '14px',
+    fontWeight: 400,
+    lineHeight: '20px',
+    letterSpacing: '0.2px'
+  };
+  return arr.map(row => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        maxWidth: '250px'
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: textStyles
+    }, row.title), /*#__PURE__*/_react.default.createElement("span", {
+      style: textStyles
+    }, row.value));
+  });
 };
-const mockData = [
-    {
-        key: 'businessInfo',
-        label: 'Provide Business Info',
-        description: 'This information will help us to evaluate your application',
-        isFinished: true
-    },
-    {
-        key: 'principal',
-        label: 'Add Principal Information',
-        description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
-        isFinished: true,
-        isOptional: true
-    },
-    {
-        key: 'coOwners',
-        label: 'Add Co-Owners',
-        description: '{merchantName} will receive that amount from {lenderNmae}',
-        isActive: true,
-        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            className: "custom-title-slot",
-            children: "$15,001"
-        }),
-        contentSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(JSXMockComponent, {})
-    },
-    {
-        key: 'bankAccount',
-        label: 'Add a Bank Account',
-        description: 'Your bank account information will be used to securely and automatically transfer the funds',
-        titleSlot: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
-            label: "Some JSX",
-            status: "draft"
-        })
-    },
-    {
-        key: 'documents',
-        label: 'Upload Documents',
-        description: 'Please upload the required documents'
-    },
-    {
-        key: 'review',
-        label: 'Review & Submit',
-        description: 'Please review the information and submit your application'
-    },
-    {
-        key: 'success',
-        label: 'Success',
-        description: 'Your application has been submitted successfully'
-    },
-    {
-        key: 'failure',
-        label: 'Failure',
-        description: 'Your application has been failed'
-    },
-    {
-        key: 'pending',
-        label: 'Pending',
-        description: 'Your application is under review'
-    }
-];
+const mockData = exports.mockData = [{
+  key: 'businessInfo',
+  label: 'Provide Business Info',
+  description: 'This information will help us to evaluate your application',
+  isFinished: true
+}, {
+  key: 'principal',
+  label: 'Add Principal Information',
+  description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
+  isFinished: true,
+  isOptional: true
+}, {
+  key: 'coOwners',
+  label: 'Add Co-Owners',
+  description: '{merchantName} will receive that amount from {lenderNmae}',
+  isActive: true,
+  titleSlot: /*#__PURE__*/_react.default.createElement("span", {
+    className: "custom-title-slot"
+  }, "$15,001"),
+  contentSlot: /*#__PURE__*/_react.default.createElement(JSXMockComponent, null)
+}, {
+  key: 'bankAccount',
+  label: 'Add a Bank Account',
+  description: 'Your bank account information will be used to securely and automatically transfer the funds',
+  titleSlot: /*#__PURE__*/_react.default.createElement(_Status.default, {
+    label: "Some JSX",
+    status: "draft"
+  })
+}, {
+  key: 'documents',
+  label: 'Upload Documents',
+  description: 'Please upload the required documents'
+}, {
+  key: 'review',
+  label: 'Review & Submit',
+  description: 'Please review the information and submit your application'
+}, {
+  key: 'success',
+  label: 'Success',
+  description: 'Your application has been submitted successfully'
+}, {
+  key: 'failure',
+  label: 'Failure',
+  description: 'Your application has been failed'
+}, {
+  key: 'pending',
+  label: 'Pending',
+  description: 'Your application is under review'
+}];

package/dist/Atomic/UI/WizardStepper/index.js

@@ -1,17 +1,9 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _ui = /*#__PURE__*/ _interop_require_default(require("./ui"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = _ui.default;
+exports.default = void 0;
+var _ui = _interopRequireDefault(require("./ui"));
+var _default = exports.default = _ui.default;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js

@@ -1,61 +1,59 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "StateIcon", {
-    enumerable: true,
-    get: function() {
-        return StateIcon;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+exports.StateIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("./StateIcon.scss");
-const _constructor = require("../../constructor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DefaultPoint = ()=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
-            cx: "8",
-            cy: "8",
-            r: "4"
-        })
-    });
+var _constructor = require("../../constructor");
+const DefaultPoint = () => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "8",
+    cy: "8",
+    r: "4"
+  }));
 };
-const DonePoint = ()=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
-            d: "M12.5 5L7 10.5L4 7.5",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-        })
-    });
+const DonePoint = () => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12.5 5L7 10.5L4 7.5",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
 };
 const RC = 'state-icon';
-const { ACTIVE, DEFAULT, DONE } = _constructor.WIZARD_STEP_VARIANTS;
-const StateIcon = ({ variant = DEFAULT, className })=>{
-    const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
-    const Inner = {
-        [DEFAULT]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
-        [ACTIVE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DefaultPoint, {}),
-        [DONE]: /*#__PURE__*/ (0, _jsxruntime.jsx)(DonePoint, {})
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className),
-        children: Inner[computedState]
-    });
+const {
+  ACTIVE,
+  DEFAULT,
+  DONE
+} = _constructor.WIZARD_STEP_VARIANTS;
+const StateIcon = _ref => {
+  let {
+    variant = DEFAULT,
+    className
+  } = _ref;
+  const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
+  const Inner = {
+    [DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
+    [ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
+    // with styles bg
+    [DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, `${RC}--${computedState}`, className)
+  }, Inner[computedState]);
 };
+exports.StateIcon = StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss

@@ -1,37 +1,33 @@
 .state-icon {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
 
   width: 20px;
   height: 20px;
-
   border-radius: 16px;
 
   svg {
-    stroke: #656e7a;
-
-    fill: #656e7a;
+    stroke: #656E7A;
+    fill:  #656E7A;
   }
 
   &--done,
   &--active {
-    background-color: #eaf2ff;
+    background-color: #EAF2FF;
   }
 
   &--done {
     svg {
-      stroke: #1f7499;
-
-      fill: none;
+      stroke: #1F7499;
+      fill:  none;
     }
   }
 
   &--active {
     svg {
       stroke: #000;
-
-      fill: #000;
+      fill:  #000;
     }
   }
 }

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js

@@ -1,12 +1,8 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _StateIcon = require("./StateIcon");
-const _default = _StateIcon.StateIcon;
+exports.default = void 0;
+var _StateIcon = require("./StateIcon");
+var _default = exports.default = _StateIcon.StateIcon;