oa-componentbook 0.17.89 → 0.17.91

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-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

@@ -75,5 +75,4 @@ CustomButton.defaultProps = {
   type: 'primary',
   htmlType: 'button'
 };
-var _default = CustomButton;
-exports.default = _default;
+var _default = exports.default = CustomButton;

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

@@ -10,11 +10,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 = _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 ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject2 || (_templateObject2 = _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 ColoredStyledButton = exports.ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject2 || (_templateObject2 = _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

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.colorOptions = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("./styles");
+var _colorOptions = require("../../global-css/color-options");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Import the styles from the separate file
 
-const colorOptions = ['primary', 'background-dark', 'background-info', 'primary-hover', 'positive', 'background-positive', 'warning', 'background-warning', 'negative', 'hover-negative', 'background-negative', 'primary-content', 'secondary-content', 'placeholder-text', 'disabled-button', 'divider', 'secondary-background', 'primary-background', 'background-overlay', 'tags'];
-exports.colorOptions = colorOptions;
 function ColorVariablesDemo(_ref) {
   let {
     color
@@ -21,7 +20,6 @@ function ColorVariablesDemo(_ref) {
   }, "--color-".concat(color));
 }
 ColorVariablesDemo.propTypes = {
-  color: _propTypes.default.oneOf(colorOptions).isRequired
+  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

@@ -134,5 +134,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-icons/MaterialIcon.js

@@ -9,6 +9,7 @@ exports.default = MaterialIcon;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
+var _colorOptions = require("../../global-css/color-options");
 const _excluded = ["icon", "size", "color", "rotate", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -39,7 +40,7 @@ function MaterialIcon(_ref) {
   }, props));
 }
 MaterialIcon.propTypes = {
-  color: _propTypes.default.oneOf(['primary', 'background-dark', 'background-info', 'primary-hover', 'positive', 'background-positive', 'warning', 'background-warning', 'negative', 'hover-negative', 'background-negative', 'primary-content', 'secondary-content', 'placeholder-text', 'disabled-button', 'divider', 'secondary-background', 'primary-background', 'background-overlay', 'tags']),
+  color: _propTypes.default.oneOf(_colorOptions.colorOptions),
   icon: _propTypes.default.element.isRequired,
   rotate: _propTypes.default.number,
   size: _propTypes.default.number,

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

@@ -10,6 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("./styles");
 var _CustomButton = _interopRequireDefault(require("../oa-component-button/CustomButton"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+var _colorOptions = require("../../global-css/color-options");
 require("antd/dist/reset.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function CustomInfo(_ref) {
@@ -48,7 +49,7 @@ CustomInfo.propTypes = {
     onClick: _propTypes.default.func,
     type: _propTypes.default.oneOf(['primary', 'secondary', 'text-only', 'danger-primary', 'danger-secondary', 'danger-text-only'])
   }),
-  color: _propTypes.default.oneOf(['primary', 'background-dark', 'background-info', 'primary-hover', 'positive', 'background-positive', 'warning', 'background-warning', 'negative', 'background-negative', 'primary-content', 'secondary-content', 'placeholder-text', 'disabled-button', 'divider', 'secondary-background', 'primary-background', 'background-overlay', 'tags']),
+  color: _propTypes.default.oneOf(_colorOptions.colorOptions),
   description: _propTypes.default.string,
   iconConfig: _propTypes.default.shape({
     icon: _propTypes.default.node,

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

@@ -67,7 +67,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

@@ -66,7 +66,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

@@ -1,7 +1,5 @@
 "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
 });
@@ -11,11 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _CustomButton = _interopRequireDefault(require("../oa-component-button/CustomButton"));
-var _Typography = _interopRequireWildcard(require("../oa-component-typography/Typography"));
+var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+var _typographyOptions = require("../../global-css/typography-options");
 var _utils = require("../../utils");
 var _styles = require("./styles");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 CustomModal(_ref) {
@@ -41,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,
@@ -88,8 +84,8 @@ CustomModal.propTypes = {
   'data-test': _propTypes.default.string,
   title: _propTypes.default.string,
   typographies: _propTypes.default.shape({
-    title: _propTypes.default.oneOf(_Typography.typographyOptions),
-    children: _propTypes.default.oneOf(_Typography.typographyOptions)
+    title: _propTypes.default.oneOf(_typographyOptions.typographyOptions),
+    children: _propTypes.default.oneOf(_typographyOptions.typographyOptions)
   }),
   imgSrc: _propTypes.default.string,
   onCancel: _propTypes.default.func.isRequired,
@@ -109,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

@@ -11,15 +11,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
-var _Typography = _interopRequireWildcard(require("../oa-component-typography/Typography"));
+var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
+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,
@@ -104,9 +104,9 @@ Notification.propTypes = {
     type: _propTypes.default.oneOf(['success', 'failure'])
   }),
   typographies: _propTypes.default.shape({
-    button: _propTypes.default.oneOf(_Typography.typographyOptions),
-    description: _propTypes.default.oneOf(_Typography.typographyOptions),
-    title: _propTypes.default.oneOf(_Typography.typographyOptions)
+    button: _propTypes.default.oneOf(_typographyOptions.typographyOptions),
+    description: _propTypes.default.oneOf(_typographyOptions.typographyOptions),
+    title: _propTypes.default.oneOf(_typographyOptions.typographyOptions)
   })
 };
 Notification.defaultProps = {
@@ -121,5 +121,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(["\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"])));
-exports.StyledNotification = StyledNotification;
+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"])));

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

@@ -71,7 +71,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

@@ -118,5 +118,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;