oa-componentbook 0.18.1 → 0.18.2

package/build/MockData.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.serviceRequestData = exports.fraudReasons = exports.closingClaimReasons = void 0;
-const serviceRequestData = {
+const serviceRequestData = exports.serviceRequestData = {
   status: 'P',
   createdOn: '09-Oct-2023 22:02:14',
   createdBy: '51834430',
@@ -1282,8 +1282,7 @@ const serviceRequestData = {
     taskDefId: null
   }]
 };
-exports.serviceRequestData = serviceRequestData;
-const fraudReasons = [{
+const fraudReasons = exports.fraudReasons = [{
   status: 'A',
   createdOn: '26-Nov-2019 17:27:47',
   createdBy: 'SCRIPT',
@@ -1398,8 +1397,7 @@ const fraudReasons = [{
   key: 'SECOND_OR_REFURBISHED_DEVICE',
   value: 'Second hand device/Refurbished device'
 }];
-exports.fraudReasons = fraudReasons;
-const closingClaimReasons = [{
+const closingClaimReasons = exports.closingClaimReasons = [{
   status: 'A',
   createdOn: '23-Nov-2018 15:40:44',
   createdBy: 'SCRIPT',
@@ -2349,5 +2347,4 @@ const closingClaimReasons = [{
   keySetDescription: 'CLOSE_CLAIM_REASON_CODE',
   key: 'IMEI_NO_MISMATCH',
   value: 'IMEI No. is mismatch'
-}];
-exports.closingClaimReasons = closingClaimReasons;
+}];

package/build/components/oa-component-accordion/Accordion.js

@@ -42,7 +42,6 @@ function Accordion(_ref2) {
       }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: themeConfig
   }, /*#__PURE__*/_react.default.createElement(_styles.CollapseStyle, null, /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
@@ -69,7 +68,6 @@ Accordion.propTypes = {
   smallText: _propTypes.default.string,
   hasContentPadding: _propTypes.default.bool // New prop for controlling contentPadding
 };
-
 Accordion.defaultProps = {
   body: '',
   'data-test': null,
@@ -77,5 +75,4 @@ Accordion.defaultProps = {
   smallText: '',
   hasContentPadding: true // Default value for contentPadding
 };
-var _default = Accordion;
-exports.default = _default;
+var _default = exports.default = Accordion;

package/build/components/oa-component-accordion/styles.js

@@ -8,9 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const SmallText = _styledComponents.default.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  color: #E21616;\n  margin: 0 0 0 4px;\n"])));
-exports.SmallText = SmallText;
-const CollapseStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.ant-collapse .ant-collapse-item-disabled{\n  background: var(--color-disabled-button);\n}\n  /* .ant-collapse-item-active .ant-collapse-expand-icon{\n    transform: rotate(180deg);\n  } */\n  /* .ant-collapse-expand-icon{\n    padding-inline-start: 0 !important;\n  } */\n  .ant-collapse-header-text{\n    color: var(--color-primary-content);\n  }\n  /* .ant-collapse-arrow{\n    color: var(--color-secondary-content) !important;\n  } */\n  .ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header,.ant-collapse .ant-collapse-item:last-child >.ant-collapse-content {\n    border-radius: 0 0 4px 4px;\n  }\n  .ant-collapse>.ant-collapse-item {\n    border: none;\n  }\n  .ant-collapse{\n    border: 1px solid var(--color-divider);\n    border-radius: 4px;\n  }\n  \n  .ant-collapse>.ant-collapse-item >.ant-collapse-header{\n    padding: 12px 24px;\n  }\n"])));
-exports.CollapseStyle = CollapseStyle;
+var _default = exports.default = {};
+const SmallText = exports.SmallText = _styledComponents.default.small(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 18px;\n  color: #E21616;\n  margin: 0 0 0 4px;\n"])));
+const CollapseStyle = exports.CollapseStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n.ant-collapse .ant-collapse-item-disabled{\n  background: var(--color-disabled-button);\n}\n  /* .ant-collapse-item-active .ant-collapse-expand-icon{\n    transform: rotate(180deg);\n  } */\n  /* .ant-collapse-expand-icon{\n    padding-inline-start: 0 !important;\n  } */\n  .ant-collapse-header-text{\n    color: var(--color-primary-content);\n  }\n  /* .ant-collapse-arrow{\n    color: var(--color-secondary-content) !important;\n  } */\n  .ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header,.ant-collapse .ant-collapse-item:last-child >.ant-collapse-content {\n    border-radius: 0 0 4px 4px;\n  }\n  .ant-collapse>.ant-collapse-item {\n    border: none;\n  }\n  .ant-collapse{\n    border: 1px solid var(--color-divider);\n    border-radius: 4px;\n  }\n  \n  .ant-collapse>.ant-collapse-item >.ant-collapse-header{\n    padding: 12px 24px;\n  }\n"])));

package/build/components/oa-component-auto-complete/CustomAutoComplete.js

@@ -60,7 +60,6 @@ function CustomAutoComplete(_ref) {
           // activeShadow: '0px 0px 4px 0px red', // Box shadow for active select box.
         }
       },
-
       token: {
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
         // Color of placeholder text

package/build/components/oa-component-bar-chart/BarChart.js

@@ -20,8 +20,8 @@ var _utils = require("../../utils");
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const iconHtml = ReactDOMServer.renderToString( /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
   icon: _ExpandLess.default,

package/build/components/oa-component-bread-crumb/CustomBreadCrumb.js

@@ -26,12 +26,10 @@ function CustomBreadCrumb(props) {
           separatorMargin: 4 // Separator margin
         }
       },
-
       theme: {
         colorBgTextHover: _ColorVariablesMap.default['--color-primary-background']
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb, props));
 }
-var _default = CustomBreadCrumb;
-exports.default = _default;
+var _default = exports.default = CustomBreadCrumb;

package/build/components/oa-component-button/CustomButton.js

@@ -81,5 +81,4 @@ CustomButton.defaultProps = {
   size: 'medium',
   type: 'primary'
 };
-var _default = CustomButton;
-exports.default = _default;
+var _default = exports.default = CustomButton;

package/build/components/oa-component-button/styles.js

@@ -11,13 +11,10 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};
 const StyledButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 4px;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .text-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px; \n    text-align: left;\n  }\n"])));
-const EllipsisTypography = (0, _styledComponents.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;  \n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 84px;\n"])));
-exports.EllipsisTypography = EllipsisTypography;
-const ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 2.25rem;\n  min-width: 100px;\n  padding: 0.625rem 1rem;\n\n  &.small {\n    height: 30px;\n    min-width: 80px;\n    padding: 10px 16px;\n  }\n\n  &.medium {\n    height: 36px;\n    min-width: 100px;\n    padding: 10px 16px;\n  }\n\n  &.large {\n    height: 48px;\n    min-width: 136px;\n    padding: 10px 24px;\n  }\n\n  &.medium-text-only,\n  &.small-text-only {\n    min-width: auto;\n    height: auto;\n    padding: 4px 0;\n  }\n\n  &.large-text-only {\n    min-width: auto;\n    height: auto;\n    padding: 8px 0;\n  }\n\n  &.primary {\n    background: var(--color-primary);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary-background);\n  }\n  &.primary:hover {\n    background: var(--color-primary-hover);\n    border: 1px solid var(--color-primary-hover);\n  }\n\n  &.primary-disabled {\n    background: var(--color-disabled-button);\n    cursor: not-allowed;\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-disabled-button);\n  }\n\n  &.secondary {\n    background: transparent;\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n  }\n  &.secondary:hover {\n    background: transparent;\n    border: 1px solid var(--color-primary-hover);\n    color: var(--color-primary-hover);\n  }\n\n  &.secondary-disabled {\n    background: transparent;\n    border: 1px solid var(--color-disabled-button);\n    color: var(--color-disabled-button);\n    cursor: not-allowed;\n  }\n  \n  &.text-only {\n    border: none;\n    background: transparent;\n    color: var(--color-primary);\n  }\n  &.text-only:hover {\n    color: var(--color-primary-hover);\n  }\n\n  &.text-only-disabled {\n    border: none;\n    background: transparent;\n    color: var(--color-disabled-button);\n    cursor: not-allowed;\n  }\n  \n  &.danger-primary {\n    background: var(--color-negative);\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-negative);\n  }\n  &.danger-primary:hover {\n    background: var(--color-hover-negative);\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-hover-negative);\n  }\n\n  &.danger-secondary {\n    background: transparent;\n    border: 1px solid var(--color-negative);\n    color: var(--color-negative);\n  }\n  &.danger-secondary:hover {\n    background: transparent;\n    border: 1px solid var(--color-hover-negative);\n    color: var(--color-hover-negative);\n  }\n\n  &.danger-text-only {\n    border: none;\n    color: var(--color-negative);\n    background: transparent;\n  }\n  &.danger-text-only:hover {\n    border: none;\n    color: var(--color-hover-negative);\n    background: transparent;\n  }\n"])));
-exports.ColoredStyledButton = ColoredStyledButton;
+const EllipsisTypography = exports.EllipsisTypography = (0, _styledComponents.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;  \n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 84px;\n"])));
+const ColoredStyledButton = exports.ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 2.25rem;\n  min-width: 100px;\n  padding: 0.625rem 1rem;\n\n  &.small {\n    height: 30px;\n    min-width: 80px;\n    padding: 10px 16px;\n  }\n\n  &.medium {\n    height: 36px;\n    min-width: 100px;\n    padding: 10px 16px;\n  }\n\n  &.large {\n    height: 48px;\n    min-width: 136px;\n    padding: 10px 24px;\n  }\n\n  &.medium-text-only,\n  &.small-text-only {\n    min-width: auto;\n    height: auto;\n    padding: 4px 0;\n  }\n\n  &.large-text-only {\n    min-width: auto;\n    height: auto;\n    padding: 8px 0;\n  }\n\n  &.primary {\n    background: var(--color-primary);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary-background);\n  }\n  &.primary:hover {\n    background: var(--color-primary-hover);\n    border: 1px solid var(--color-primary-hover);\n  }\n\n  &.primary-disabled {\n    background: var(--color-disabled-button);\n    cursor: not-allowed;\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-disabled-button);\n  }\n\n  &.secondary {\n    background: transparent;\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n  }\n  &.secondary:hover {\n    background: transparent;\n    border: 1px solid var(--color-primary-hover);\n    color: var(--color-primary-hover);\n  }\n\n  &.secondary-disabled {\n    background: transparent;\n    border: 1px solid var(--color-disabled-button);\n    color: var(--color-disabled-button);\n    cursor: not-allowed;\n  }\n  \n  &.text-only {\n    border: none;\n    background: transparent;\n    color: var(--color-primary);\n  }\n  &.text-only:hover {\n    color: var(--color-primary-hover);\n  }\n\n  &.text-only-disabled {\n    border: none;\n    background: transparent;\n    color: var(--color-disabled-button);\n    cursor: not-allowed;\n  }\n  \n  &.danger-primary {\n    background: var(--color-negative);\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-negative);\n  }\n  &.danger-primary:hover {\n    background: var(--color-hover-negative);\n    color: var(--color-primary-background);\n    border: 1px solid var(--color-hover-negative);\n  }\n\n  &.danger-secondary {\n    background: transparent;\n    border: 1px solid var(--color-negative);\n    color: var(--color-negative);\n  }\n  &.danger-secondary:hover {\n    background: transparent;\n    border: 1px solid var(--color-hover-negative);\n    color: var(--color-hover-negative);\n  }\n\n  &.danger-text-only {\n    border: none;\n    color: var(--color-negative);\n    background: transparent;\n  }\n  &.danger-text-only:hover {\n    border: none;\n    color: var(--color-hover-negative);\n    background: transparent;\n  }\n"])));
 function getButtonTypography(size) {
   switch (size) {
     case 'large':

package/build/components/oa-component-checkbox/CustomCheckBox.js

@@ -76,5 +76,4 @@ CustomCheckBox.defaultProps = {
   size: 'small',
   value: ''
 };
-var _default = CustomCheckBox;
-exports.default = _default;
+var _default = exports.default = CustomCheckBox;

package/build/components/oa-component-demo-border-radius/BorderRadiusDemo.js

@@ -21,5 +21,4 @@ function BorderRadiusDemo(_ref) {
 BorderRadiusDemo.propTypes = {
   className: _propTypes.default.oneOf(['border-radius-xlarge', 'border-radius-large', 'border-radius-medium', 'border-radius-small', 'border-radius-xsmall', 'border-radius-none', 'border-radius-full']).isRequired
 };
-var _default = BorderRadiusDemo;
-exports.default = _default;
+var _default = exports.default = BorderRadiusDemo;

package/build/components/oa-component-demo-border-radius/styles.js

@@ -8,7 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const StyledCornerComponent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n  width: 200px;\n  color: white;\n  background-color: #029CFD;\n"])));
-exports.StyledCornerComponent = StyledCornerComponent;
+var _default = exports.default = {};
+const StyledCornerComponent = exports.StyledCornerComponent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n  width: 200px;\n  color: white;\n  background-color: #029CFD;\n"])));

package/build/components/oa-component-demo-color-variables/ColorVariablesDemo.js

@@ -22,5 +22,4 @@ function ColorVariablesDemo(_ref) {
 ColorVariablesDemo.propTypes = {
   color: _propTypes.default.oneOf(_colorOptions.colorOptions).isRequired
 };
-var _default = ColorVariablesDemo;
-exports.default = _default;
+var _default = exports.default = ColorVariablesDemo;

package/build/components/oa-component-demo-color-variables/styles.js

@@ -8,7 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const StyledDemo = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: var(--color-", ");\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100px;\n  width: 450px;\n"])), props => props.color);
-exports.StyledDemo = StyledDemo;
+var _default = exports.default = {};
+const StyledDemo = exports.StyledDemo = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: var(--color-", ");\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100px;\n  width: 450px;\n"])), props => props.color);

package/build/components/oa-component-demo-elevation/ElevationDemo.js

@@ -19,5 +19,4 @@ function ElevationDemo(_ref) {
 ElevationDemo.propTypes = {
   className: _propTypes.default.oneOf(['elevation-white-1', 'elevation-above-white-1', 'elevation-white-2', 'elevation-above-white-2', 'elevation-white-3', 'elevation-dark-1', 'elevation-dark-2', 'elevation-dark-3']).isRequired
 };
-var _default = ElevationDemo;
-exports.default = _default;
+var _default = exports.default = ElevationDemo;

package/build/components/oa-component-demo-elevation/styles.js

@@ -8,7 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 200px;\n  width: 200px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-exports.Container = Container;
+var _default = exports.default = {};
+const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 200px;\n  width: 200px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));

package/build/components/oa-component-demo-spacing/SpacingScales.js

@@ -23,5 +23,4 @@ function SpacingScales(_ref) {
 SpacingScales.propTypes = {
   type: _propTypes.default.oneOf(['spacing-4', 'spacing-8', 'spacing-12', 'spacing-16', 'spacing-24', 'spacing-32', 'spacing-40', 'spacing-48', 'spacing-56', 'spacing-64', 'spacing-72', 'spacing-80', 'spacing-96', 'spacing-108']).isRequired
 };
-var _default = SpacingScales;
-exports.default = _default;
+var _default = exports.default = SpacingScales;

package/build/components/oa-component-demo-spacing/styles.js

@@ -45,5 +45,4 @@ const SpacingScalesContainer = _styledComponents.default.h1(_templateObject || (
       return 'padding: 0; margin: 0;';
   }
 });
-var _default = SpacingScalesContainer;
-exports.default = _default;
+var _default = exports.default = SpacingScalesContainer;

package/build/components/oa-component-drawer/CustomDrawer.js

@@ -142,5 +142,4 @@ CustomDrawer.defaultProps = {
   height: 'auto',
   width: '480'
 };
-var _default = CustomDrawer;
-exports.default = _default;
+var _default = exports.default = CustomDrawer;

package/build/components/oa-component-drawer/styles.js

@@ -9,11 +9,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const DrawerFooter = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n"])));
-exports.DrawerFooter = DrawerFooter;
-const CustomStyledDrawer = (0, _styledComponents.default)(_antd.Drawer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .ant-drawer-header {\n    background: var(--color-secondary-background);\n  }\n  .ant-drawer-footer{\n    background: var(--color-secondary-background);\n  }\n"])));
-exports.CustomStyledDrawer = CustomStyledDrawer;
-const BaseDrawerTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
-exports.BaseDrawerTitle = BaseDrawerTitle;
-const LayeredDrawerTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 12px;\n\n  align-items: center;\n"])));
-exports.LayeredDrawerTitle = LayeredDrawerTitle;
+const DrawerFooter = exports.DrawerFooter = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n"])));
+const CustomStyledDrawer = exports.CustomStyledDrawer = (0, _styledComponents.default)(_antd.Drawer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .ant-drawer-header {\n    background: var(--color-secondary-background);\n  }\n  .ant-drawer-footer{\n    background: var(--color-secondary-background);\n  }\n"])));
+const BaseDrawerTitle = exports.BaseDrawerTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
+const LayeredDrawerTitle = exports.LayeredDrawerTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 12px;\n\n  align-items: center;\n"])));

package/build/components/oa-component-info/styles.js

@@ -8,11 +8,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const RowFlex = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n"])));
-exports.RowFlex = RowFlex;
-const ColFlex = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n"])));
-exports.ColFlex = ColFlex;
-const InfoContainer = (0, _styledComponents.default)(RowFlex).attrs({
+const RowFlex = exports.RowFlex = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n"])));
+const ColFlex = exports.ColFlex = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n"])));
+const InfoContainer = exports.InfoContainer = (0, _styledComponents.default)(RowFlex).attrs({
   as: 'section'
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  align-items: center;\n  border-radius: 8px;\n  background-color: var(--color-", ");\n  \n  button {\n    margin-left: 8px;\n  };\n"])), props => props.$color);
-exports.InfoContainer = InfoContainer;
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  align-items: center;\n  border-radius: 8px;\n  background-color: var(--color-", ");\n  \n  button {\n    margin-left: 8px;\n  };\n"])), props => props.$color);

package/build/components/oa-component-input/CustomInput.js

@@ -68,7 +68,6 @@ function CustomInput(_ref) {
           // }, 0.9)`,
         }
       },
-
       token: {
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
         // Color of placeholder text

package/build/components/oa-component-input-number/CustomInputNumber.js

@@ -67,7 +67,6 @@ function CustomInputNumber(_ref) {
           // }, 0.9)`,
         }
       },
-
       token: {
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
         // Color of placeholder text

package/build/components/oa-component-lable/CustomLable.js

@@ -29,5 +29,4 @@ CustomLabel.propTypes = {
 CustomLabel.defaultProps = {
   showInfoCircle: false
 };
-var _default = CustomLabel;
-exports.default = _default;
+var _default = exports.default = CustomLabel;

package/build/components/oa-component-lable/styles.js

@@ -8,7 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const Stylelabels = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: var(--color-primary-content);\n  margin: 0 0 4px;\n  display: inline-flex;\n  .anticon-info-circle{\n    margin: 0 0 0 8px;\n    color: var(--color-secondary-content);\n    cursor: pointer;\n    .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {\n        left: 3px;\n    }\n\n    .ant-tooltip-inner {\n        background-color: var(--color-primary-content);\n    }\n  }\n"])));
-exports.Stylelabels = Stylelabels;
+var _default = exports.default = {};
+const Stylelabels = exports.Stylelabels = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: var(--color-primary-content);\n  margin: 0 0 4px;\n  display: inline-flex;\n  .anticon-info-circle{\n    margin: 0 0 0 8px;\n    color: var(--color-secondary-content);\n    cursor: pointer;\n    .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {\n        left: 3px;\n    }\n\n    .ant-tooltip-inner {\n        background-color: var(--color-primary-content);\n    }\n  }\n"])));

package/build/components/oa-component-loader/CustomLoader.js

@@ -46,5 +46,4 @@ CustomLoader.propTypes = {
 CustomLoader.defaultProps = {
   size: 'default'
 };
-var _default = CustomLoader;
-exports.default = _default;
+var _default = exports.default = CustomLoader;

package/build/components/oa-component-modal/CustomModal.js

@@ -38,7 +38,6 @@ function CustomModal(_ref) {
     onCancel();
     // console.log('`handleCancel` callback of CustomModal component called.');
   };
-
   return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
     centered: true,
     "data-test": dataTest,
@@ -106,5 +105,4 @@ CustomModal.defaultProps = {
   },
   width: 416
 };
-var _default = CustomModal;
-exports.default = _default;
+var _default = exports.default = CustomModal;

package/build/components/oa-component-modal/styles.js

@@ -8,9 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 20px;\n  justify-content: flex-end;\n"])));
-exports.ButtonContainer = ButtonContainer;
-const DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 12px 0 24px 0;\n"])));
-exports.DescriptionContainer = DescriptionContainer;
-const TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  flex-direction: column;\n\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));
-exports.TitleContainer = TitleContainer;
+const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 20px;\n  justify-content: flex-end;\n"])));
+const DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 12px 0 24px 0;\n"])));
+const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  flex-direction: column;\n\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));

package/build/components/oa-component-notification/CustomNotification.js

@@ -16,12 +16,11 @@ var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/Materi
 var _typographyOptions = require("../../global-css/typography-options");
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Import the styles from the separate file
 
-const notificationOptions = ['positive', 'negative'];
-exports.notificationOptions = notificationOptions;
+const notificationOptions = exports.notificationOptions = ['positive', 'negative'];
 const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     duration,
@@ -68,10 +67,13 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     api.open({
       message: customNotification,
       style: {
-        padding: '8px 16px 0px 16px',
+        padding: '8px 16px 8px 16px',
         borderRadius: '4px',
         borderLeft: "4px solid ".concat(borderColor),
-        boxShadow: '0px 2px 8px 0px rgba(0, 0, 0, 0.12)'
+        boxShadow: '0px 2px 8px 0px rgba(0, 0, 0, 0.12)',
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center'
       },
       closeIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
         color: "primary-content",
@@ -123,5 +125,4 @@ Notification.defaultProps = {
     title: 'type-b2-400'
   }
 };
-var _default = Notification;
-exports.default = _default;
+var _default = exports.default = Notification;

package/build/components/oa-component-notification/styles.js

@@ -8,7 +8,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject; // NotificationStyles.js
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const StyledNotification = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nbackground: red;\n.ant-notification-notice-close{\n  position: inherit !important;\n}\n.ant-notification-notice-message{\n  margin-bottom: 0;\n}\n  display: flex;\n  justify-content: space-between;  \n  align-item: center;\n  small{\n    font-size: inherit;\n    display: block;\n    padding: 4px 0 0;\n  }\n  .anticon-close{\n    color: var(--color-secondary-content);\n    \n  }\n  \n"])));
-exports.StyledNotification = StyledNotification;
+var _default = exports.default = {};
+const StyledNotification = exports.StyledNotification = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-notification-notice-close{\n  position: inherit !important;\n}\n.ant-notification-notice-message{\n  margin-bottom: 0;\n}\n  display: flex;\n  justify-content: space-between;  \n  align-item: center;\n  small{\n    font-size: inherit;\n    display: block;\n    padding: 4px 0 0;\n  }\n  .anticon-close{\n    color: var(--color-secondary-content);\n    \n  }\n  \n"])));

package/build/components/oa-component-radio/CustomRadio.js

@@ -26,7 +26,6 @@ const getRadioTheme = () => ({
     // color-disabled-button
     colorText: _ColorVariablesMap.default['--color-primary-content'] // color-primary-content
   },
-
   components: {
     Radio: {
       wrapperMarginInlineEnd: 12
@@ -88,5 +87,4 @@ CustomRadio.defaultProps = {
   size: 'small',
   value: ''
 };
-var _default = CustomRadio;
-exports.default = _default;
+var _default = exports.default = CustomRadio;

package/build/components/oa-component-radio/styles.js

@@ -9,7 +9,5 @@ var _antd = require("antd");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const RadioContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* .ant-radio-wrapper span.ant-radio+*{\n  padding-inline-start: 12px;\n} */\n"])));
-exports.RadioContainer = RadioContainer;
+var _default = exports.default = {};
+const RadioContainer = exports.RadioContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* .ant-radio-wrapper span.ant-radio+*{\n  padding-inline-start: 12px;\n} */\n"])));

package/build/components/oa-component-select/CustomSelect.js

@@ -26,8 +26,8 @@ const _excluded = ["allText", "children", "defaultValue", "data-test", "mode", "
   _excluded2 = ["label", "disabled", "value"];
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -198,7 +198,6 @@ function CustomSelect(_ref) {
           // activeShadow: '0px 0px 4px 0px red', // Box shadow for active select box.
         }
       },
-
       token: {
         // controlOutline: '4px 4px 4px 4px red', // an attempt at applying box shadow
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],

package/build/components/oa-component-table/CustomTable.js

@@ -119,5 +119,4 @@ CustomTable.defaultProps = {
   style: {},
   tableBorder: true
 };
-var _default = CustomTable;
-exports.default = _default;
+var _default = exports.default = CustomTable;

package/build/components/oa-component-tabs/CustomTabs.js

@@ -75,7 +75,6 @@ CustomTabs.propTypes = {
   type: _propTypes.default.oneOf(['line', 'card'
   // 'editable-card',
   ]),
-
   style: _propTypes.default.objectOf(_propTypes.default.string)
 };
 CustomTabs.defaultProps = {
@@ -87,5 +86,4 @@ CustomTabs.defaultProps = {
   disabled: false,
   style: {}
 };
-var _default = CustomTabs;
-exports.default = _default;
+var _default = exports.default = CustomTabs;

package/build/components/oa-component-tabs/styles.js

@@ -9,7 +9,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const StyledTabs = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-tabs .ant-tabs-tab{\n    color: var(--color-secondary-content);\n    padding: 12px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  .ant-tabs .ant-tabs-tab+.ant-tabs-tab{\n    margin: 0;\n  }\n  .ant-tabs-top >.ant-tabs-nav::before{\n    border-bottom: 1px solid var(--color-divider)\n  }\n  .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n    color: var(--color-primary);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px; \n  }\n  .ant-tabs .ant-tabs-tab:hover{\n    color: var(--color-primary-hover);\n  }\n  .ant-tabs .ant-tabs-ink-bar{\n    background: var(--color-primary);\n  }\n"])));
-exports.StyledTabs = StyledTabs;
+var _default = exports.default = {};
+const StyledTabs = exports.StyledTabs = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-tabs .ant-tabs-tab{\n    color: var(--color-secondary-content);\n    padding: 12px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  .ant-tabs .ant-tabs-tab+.ant-tabs-tab{\n    margin: 0;\n  }\n  .ant-tabs-top >.ant-tabs-nav::before{\n    border-bottom: 1px solid var(--color-divider)\n  }\n  .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n    color: var(--color-primary);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px; \n  }\n  .ant-tabs .ant-tabs-tab:hover{\n    color: var(--color-primary-hover);\n  }\n  .ant-tabs .ant-tabs-ink-bar{\n    background: var(--color-primary);\n  }\n"])));

package/build/components/oa-component-tag/CustomTag.js

@@ -35,5 +35,4 @@ CustomTag.defaultProps = {
   type: '',
   visible: true
 };
-var _default = CustomTag;
-exports.default = _default;
+var _default = exports.default = CustomTag;

package/build/components/oa-component-tag/styles.js

@@ -36,9 +36,6 @@ const getColorStyles = type => {
     textColor: 'var(--color-primary-content)'
   };
 };
-var _default = {};
-exports.default = _default;
-const StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  \n  padding: 4px 12px;\n  \n  color: ", ";\n  \n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n  \n  visibility: ", ";\n"])), props => getColorStyles(props.type).textColor, props => getColorStyles(props.type).backgroundColor, props => getColorStyles(props.type).borderColor, props => props.visible ? 'visible' : 'hidden');
-exports.StyledTag = StyledTag;
-const CenteredTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-exports.CenteredTextContainer = CenteredTextContainer;
+var _default = exports.default = {};
+const StyledTag = exports.StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  \n  padding: 4px 12px;\n  \n  color: ", ";\n  \n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n  \n  visibility: ", ";\n"])), props => getColorStyles(props.type).textColor, props => getColorStyles(props.type).backgroundColor, props => getColorStyles(props.type).borderColor, props => props.visible ? 'visible' : 'hidden');
+const CenteredTextContainer = exports.CenteredTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));

package/build/components/oa-component-textarea/TextArea.js

@@ -40,5 +40,4 @@ TextArea.defaultProps = {
   maxLength: 100,
   className: ''
 };
-var _default = TextArea;
-exports.default = _default;
+var _default = exports.default = TextArea;

package/build/components/oa-component-textarea/styles.js

@@ -13,5 +13,4 @@ const {
   TextArea: AntdTextArea
 } = _antd.Input;
 const StyledTextArea = (0, _styledComponents.default)(AntdTextArea)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.custom-textarea {\n    padding: 16px;\n    resize: none;\n    border-radius: 4px;\n    max-height: 92px;\n    border: 1px solid var(--color-placeholder-text);\n  }\n  &.custom-textarea:hover {\n    border: 1px solid var(--color-primary);\n  }\n  &.custom-textarea:focus-within {\n     box-shadow: 0px 0px 4px 0px rgba(1, 79, 197, 0.90);\n  }\n"])));
-var _default = StyledTextArea;
-exports.default = _default;
+var _default = exports.default = StyledTextArea;

package/build/components/oa-component-timeline/CustomTimeline.js

@@ -43,5 +43,4 @@ CustomTimeline.propTypes = {
   })).isRequired,
   currentStep: _propTypes.default.number.isRequired
 };
-var _default = CustomTimeline;
-exports.default = _default;
+var _default = exports.default = CustomTimeline;

package/build/components/oa-component-timeline/styles.js

@@ -9,10 +9,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var _default = {};
-exports.default = _default;
-const StyleTimeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{\n  color: var(--color-primary-content);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px; \n}\n.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {\n  color: var(--color-disabled-button);\n}\n"])));
-exports.StyleTimeline = StyleTimeline;
-const CustomSteps = (0, _styledComponents.default)(_antd.Steps)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    padding: 20px 0 56px;\n  .ant-steps-item-tail{\n    left: 6px;\n  }\n  .ant-steps-item-content{\n    width: auto !important;\n  }\n  .ant-steps-item:fist-child .ant-steps-item-content{\n\n  }\n    .ant-steps-item-icon {\n      width: 16px !important;\n      height: 16px !important;\n      margin-inline-end: 68px;\n    }\n    \n    .ant-steps-item-tail {\n      top: 6px !important;\n    }\n    \n    .ant-steps-icon-dot {\n      background: #00875A !important;\n    }\n    \n    .ant-steps-item-tail::after {\n      height: 2px !important;\n      width: 100% !important;\n      margin-inline-start: -8px !important;\n    }\n    \n    .ant-steps-item-finish .ant-steps-item-tail::after {\n      background: #00875A !important;\n    }\n    \n    .ant-steps-item-process .ant-steps-item-tail::after {\n      background-color: rgba(5, 5, 5, 0.06) !important;\n    }\n    \n    .ant-steps-item-wait .ant-steps-icon-dot {\n      background-color: rgb(240 240 240)!important;\n    }\n    \n    .ant-steps-item-content {\n      margin-top: 8px !important;\n    }\n    .ant-steps-item-description {\n      display: none;\n    }\n"])));
-exports.CustomSteps = CustomSteps;
+var _default = exports.default = {};
+const StyleTimeline = exports.StyleTimeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{\n  color: var(--color-primary-content);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px; \n}\n.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {\n  color: var(--color-disabled-button);\n}\n"])));
+const CustomSteps = exports.CustomSteps = (0, _styledComponents.default)(_antd.Steps)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    padding: 20px 0 56px;\n  .ant-steps-item-tail{\n    left: 6px;\n  }\n  .ant-steps-item-content{\n    width: auto !important;\n  }\n  .ant-steps-item:fist-child .ant-steps-item-content{\n\n  }\n    .ant-steps-item-icon {\n      width: 16px !important;\n      height: 16px !important;\n      margin-inline-end: 68px;\n    }\n    \n    .ant-steps-item-tail {\n      top: 6px !important;\n    }\n    \n    .ant-steps-icon-dot {\n      background: #00875A !important;\n    }\n    \n    .ant-steps-item-tail::after {\n      height: 2px !important;\n      width: 100% !important;\n      margin-inline-start: -8px !important;\n    }\n    \n    .ant-steps-item-finish .ant-steps-item-tail::after {\n      background: #00875A !important;\n    }\n    \n    .ant-steps-item-process .ant-steps-item-tail::after {\n      background-color: rgba(5, 5, 5, 0.06) !important;\n    }\n    \n    .ant-steps-item-wait .ant-steps-icon-dot {\n      background-color: rgb(240 240 240)!important;\n    }\n    \n    .ant-steps-item-content {\n      margin-top: 8px !important;\n    }\n    .ant-steps-item-description {\n      display: none;\n    }\n"])));
 CustomSteps.Step = _antd.Steps.Step;