oa-componentbook 0.17.100 → 0.18.1

package/build/MockData.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.serviceRequestData = exports.fraudReasons = exports.closingClaimReasons = void 0;
-const serviceRequestData = exports.serviceRequestData = {
+const serviceRequestData = {
   status: 'P',
   createdOn: '09-Oct-2023 22:02:14',
   createdBy: '51834430',
@@ -1282,7 +1282,8 @@ const serviceRequestData = exports.serviceRequestData = {
     taskDefId: null
   }]
 };
-const fraudReasons = exports.fraudReasons = [{
+exports.serviceRequestData = serviceRequestData;
+const fraudReasons = [{
   status: 'A',
   createdOn: '26-Nov-2019 17:27:47',
   createdBy: 'SCRIPT',
@@ -1397,7 +1398,8 @@ const fraudReasons = exports.fraudReasons = [{
   key: 'SECOND_OR_REFURBISHED_DEVICE',
   value: 'Second hand device/Refurbished device'
 }];
-const closingClaimReasons = exports.closingClaimReasons = [{
+exports.fraudReasons = fraudReasons;
+const closingClaimReasons = [{
   status: 'A',
   createdOn: '23-Nov-2018 15:40:44',
   createdBy: 'SCRIPT',
@@ -2347,4 +2349,5 @@ const closingClaimReasons = exports.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,6 +42,7 @@ 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, {
@@ -68,6 +69,7 @@ Accordion.propTypes = {
   smallText: _propTypes.default.string,
   hasContentPadding: _propTypes.default.bool // New prop for controlling contentPadding
 };
+
 Accordion.defaultProps = {
   body: '',
   'data-test': null,
@@ -75,4 +77,5 @@ Accordion.defaultProps = {
   smallText: '',
   hasContentPadding: true // Default value for contentPadding
 };
-var _default = exports.default = Accordion;
+var _default = Accordion;
+exports.default = _default;

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

@@ -8,6 +8,9 @@ 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 = {};
-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"])));
+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;

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

@@ -60,6 +60,7 @@ 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

@@ -1,11 +1,11 @@
 "use strict";
 
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BarChart;
-require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.reduce.js");
 var _react = _interopRequireWildcard(require("react"));
 var ReactDOMServer = _interopRequireWildcard(require("react-dom/server"));
@@ -20,12 +20,14 @@ 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(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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-// const iconHtml = ReactDOMServer.renderToString(<MaterialIcon icon={ExpandLessIcon} size={20} />);
-
-const FullSizeContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  display: inline-block;\n  position: relative;\n  width: 100%;\n  padding-bottom: 100%;\n  vertical-align: top;\n  overflow: hidden;\n\n  .bar-chart-svg {\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  /* Styling for the dashed lines */\n  .tick line{\n    stroke: var(--color-placeholder-text);\n    stroke-dasharray: 3,6;\n  }\n\n  .black {\n    color: var(--color-primary-content);\n  }\n"])));
+const iconHtml = ReactDOMServer.renderToString( /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+  icon: _ExpandLess.default,
+  size: 20
+}));
+const FullSizeContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n\n  .black {\n    color: var(--color-primary-content);\n  }\n"])));
 function BarChart(_ref) {
   var _barsConfig$length, _barsConfig$length2;
   let {
@@ -36,8 +38,8 @@ function BarChart(_ref) {
     yLabel,
     xLabel
   } = _ref;
-  const [height, setHeight] = (0, _react.useState)(400);
-  const [width, setWidth] = (0, _react.useState)(600);
+  const height = 420;
+  const width = 600;
   const barSpacing = 32;
   const marginBottom = 32;
   const marginTop = 32;
@@ -71,20 +73,21 @@ function BarChart(_ref) {
   */
   const xScale = d3.scaleBand().domain(barsConfig.map(barConfig => barConfig.label)).range([0, availableWidth]).padding(barSpacingInPercentage); // Inner and outer paddings are equal for symmmetry
 
-  const updateChartDimensions = barChartSvg => {
-    console.log('updateChartDimensions');
-    console.log('updateChartDimensions');
+  (0, _react.useEffect)(() => {
     // Adding the svg element on first render.
-    barChartSvg.attr('viewBox', "0 0 ".concat(width, " ").concat(height)).attr('preserveAspectRatio', 'xMidYMid meet');
-  };
-  const addAxesLabel = barChartSvg => {
-    const yAxisLabel = barChartSvg.append('text').attr('id', 'y-axis-label').classed('type-b2-400', true).style('fill', _ColorVariablesMap.default['--color-primary-content']);
-  };
-  const updateAxesPosition = barChartSvg => {
-    const xAxis = barChartSvg.select('#x-axis').attr('transform', "translate(".concat(marginLeft, ", ").concat(height - marginBottom, ")"));
-    const yAxis = barChartSvg.select('#y-axis').attr('transform', "translate(".concat(marginLeft, ", ").concat(marginTop, ")"));
-    const yAxisLabel = barChartSvg.select('#y-axis-label').attr('transform', "translate(".concat(marginLeft, ", ").concat(marginTop - _TypographiesMap.default['type-b2-400']['line-height'], ")")).text(yLabel);
-  };
+    const barChartSvg = d3.select(barChartRef.current).append('svg') // If we chain methods after this one, we will be executing commands on the 'svg' element.
+    .attr('width', width) // Make these dimensions responsive
+    .attr('height', height);
+
+    // Adding the X axis.
+    const xAxis = barChartSvg.append('g').attr('id', 'x-axis').attr('transform', "translate(".concat(marginLeft, ", ").concat(height - marginBottom, ")"));
+    const yAxis = barChartSvg.append('g').attr('id', 'y-axis').attr('transform', "translate(".concat(marginLeft, ", ").concat(marginTop, ")"));
+    const yAxisLabel = barChartSvg.append('text').classed('type-b2-400', true).style('fill', _ColorVariablesMap.default['--color-primary-content']).attr('transform', "translate(".concat(marginLeft, ", ").concat(marginTop - _TypographiesMap.default['type-b2-400']['line-height'], ")")).text(yLabel);
+    // Removing the svg element, as a cleanup operation, before dismount.
+    return () => {
+      barChartSvg.remove();
+    };
+  });
   const updateBars = barChartSvg => {
     barChartSvg.selectAll('rect').data(barsConfig) // Performing a data join for an array of objects.
     .join('rect').attr('x', (d, i) => marginRight + xScale(d.label)).attr('y', (d, i) => marginBottom + yScale(d.value)).attr('height', d => availableHeight - yScale(d.value)).attr('width', widthOfEachBar).style('fill', d => {
@@ -92,7 +95,7 @@ function BarChart(_ref) {
       return _ColorVariablesMap.default["--color-".concat((_d$color = d === null || d === void 0 ? void 0 : d.color) !== null && _d$color !== void 0 ? _d$color : 'warning')];
     });
   };
-  const updateAxesConfiguration = () => {
+  const updateAxes = () => {
     const xAxisRef = d3.select('#x-axis');
     const yAxisRef = d3.select('#y-axis');
 
@@ -102,10 +105,9 @@ function BarChart(_ref) {
     tickSize sets both at once
     */
 
-    const yAxisConfiguration = d3.axisLeft(yScale).tickSizeInner(-(width - marginRight)).tickSizeOuter(0).tickPadding(16).tickFormat(_utils.rupeeShorthandFormatter);
+    const yAxisConfiguration = d3.axisLeft(yScale).tickSize(0).tickPadding(16).tickFormat(_utils.rupeeShorthandFormatter);
     const yAxis = yAxisRef.call(yAxisConfiguration);
-
-    // const yAxisSymbol = yAxisRef.append('g').html(iconHtml);
+    const yAxisSymbol = yAxisRef.append('g').html(iconHtml);
     // .attr("y", 0 – margin.left)
     // .attr("x",0 - (height / 2))
     // .attr("dy", "1em")
@@ -116,25 +118,15 @@ function BarChart(_ref) {
     const xAxis = xAxisRef.call(xAxisConfiguration);
   };
   (0, _react.useEffect)(() => {
-    const barChartSvgReference = d3.select(barChartRef.current).select('svg');
-    addAxesLabel(barChartSvgReference);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const barChartSvgReference = d3.select(barChartRef.current).select('svg');
-    updateChartDimensions(barChartSvgReference);
-    updateAxesPosition(barChartSvgReference);
-    updateAxesConfiguration();
-    updateBars(barChartSvgReference);
-  });
+    // D3 code to create the graph
+    const barChartSvg = d3.select(barChartRef.current).select('svg');
+    updateBars(barChartSvg);
+    updateAxes();
+  }, [barsConfig]); // Empty dependency array so that this code is called on every re-render
+
   return /*#__PURE__*/_react.default.createElement(FullSizeContainer, {
     ref: barChartRef
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    className: "bar-chart-svg"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    id: "x-axis"
-  }), /*#__PURE__*/_react.default.createElement("g", {
-    id: "y-axis"
-  })));
+  });
 }
 BarChart.propTypes = {
   barsConfig: _propTypes.default.arrayOf(_propTypes.default.shape({

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

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

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

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

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

@@ -11,10 +11,13 @@ 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 = {};
+var _default = {};
+exports.default = _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 = exports.EllipsisTypography = (0, _styledComponents.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;\n  \n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 102px;\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"])));
+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;
 function getButtonTypography(size) {
   switch (size) {
     case 'large':

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

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

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

@@ -21,4 +21,5 @@ 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 = exports.default = BorderRadiusDemo;
+var _default = BorderRadiusDemo;
+exports.default = _default;

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

@@ -8,5 +8,7 @@ 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 = {};
-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"])));
+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;

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

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

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

@@ -8,5 +8,7 @@ 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 = {};
-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);
+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;

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

@@ -19,4 +19,5 @@ 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 = exports.default = ElevationDemo;
+var _default = ElevationDemo;
+exports.default = _default;

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

@@ -8,5 +8,7 @@ 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 = {};
-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"])));
+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;

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

@@ -23,4 +23,5 @@ 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 = exports.default = SpacingScales;
+var _default = SpacingScales;
+exports.default = _default;

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

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

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

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

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

@@ -9,7 +9,11 @@ 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 = 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"])));
+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;

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

@@ -8,8 +8,11 @@ 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 = 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({
+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({
   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);
+})(_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;

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

@@ -68,6 +68,7 @@ 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,6 +67,7 @@ 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,4 +29,5 @@ CustomLabel.propTypes = {
 CustomLabel.defaultProps = {
   showInfoCircle: false
 };
-var _default = exports.default = CustomLabel;
+var _default = CustomLabel;
+exports.default = _default;

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

@@ -8,5 +8,7 @@ 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 = {};
-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"])));
+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;

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

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

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

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

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

@@ -8,6 +8,9 @@ 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 = 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"])));
+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;

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

@@ -16,11 +16,12 @@ 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(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 _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; }
 // Import the styles from the separate file
 
-const notificationOptions = exports.notificationOptions = ['positive', 'negative'];
+const notificationOptions = ['positive', 'negative'];
+exports.notificationOptions = notificationOptions;
 const Notification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     duration,
@@ -122,4 +123,5 @@ Notification.defaultProps = {
     title: 'type-b2-400'
   }
 };
-var _default = exports.default = Notification;
+var _default = Notification;
+exports.default = _default;

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

@@ -8,5 +8,7 @@ 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 = {};
-const StyledNotification = exports.StyledNotification = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
+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;

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

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

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

@@ -9,5 +9,7 @@ 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 = {};
-const RadioContainer = exports.RadioContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* .ant-radio-wrapper span.ant-radio+*{\n  padding-inline-start: 12px;\n} */\n"])));
+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;

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(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 _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 _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,6 +198,7 @@ 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,4 +119,5 @@ CustomTable.defaultProps = {
   style: {},
   tableBorder: true
 };
-var _default = exports.default = CustomTable;
+var _default = CustomTable;
+exports.default = _default;