oa-componentbook 0.18.86 → 0.18.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/build/components/oa-component-icons/CustomIcon.js +1 -2
  2. package/build/widgets/oa-widget-card/MembershipCard.js +13 -7
  3. package/build/widgets/oa-widget-card/styles.js +2 -2
  4. package/package.json +1 -1
package/build/components/oa-component-icons/CustomIcon.js CHANGED
@@ -37,7 +37,6 @@ function CustomIcon(_ref) {
37
37
  props = _objectWithoutProperties(_ref, _excluded);
38
38
  return /*#__PURE__*/_react.default.createElement(_icons.default, _extends({
39
39
  style: _objectSpread({
40
- height: "".concat(size, "px"),
41
40
  width: "".concat(size, "px")
42
41
  }, style),
43
42
  component:
@@ -63,7 +62,7 @@ CustomIcon.defaultProps = {
63
62
  alt: '',
64
63
  color: null,
65
64
  hoverColor: null,
66
- size: '20',
65
+ size: '40',
67
66
  style: {}
68
67
  };
69
68
  function DeleteIcon(_ref2) {
package/build/widgets/oa-widget-card/MembershipCard.js CHANGED
@@ -62,7 +62,10 @@ function MembershipCard(_ref) {
62
62
  color: "secondary-content"
63
63
  }, titleInfo)), primaryInfo && /*#__PURE__*/_react.default.createElement("div", {
64
64
  className: "primary-info padding-top-8"
65
- }, /*#__PURE__*/_react.default.createElement("label", null, primaryInfo.label))), /*#__PURE__*/_react.default.createElement("div", {
65
+ }, /*#__PURE__*/_react.default.createElement("label", null, ' ', /*#__PURE__*/_react.default.createElement(_Typography.default, {
66
+ color: primaryInfo.type === 'success' ? 'positive' : 'negative',
67
+ className: "type-t2-700"
68
+ }, primaryInfo.label)))), /*#__PURE__*/_react.default.createElement("div", {
66
69
  className: "imgBg"
67
70
  }, /*#__PURE__*/_react.default.createElement(_CustomIcon.default, {
68
71
  alt: "phone img",
@@ -76,11 +79,12 @@ function MembershipCard(_ref) {
76
79
  role: "button",
77
80
  tabIndex: 0,
78
81
  style: {
79
- cursor: 'pointer'
82
+ cursor: 'pointer',
83
+ color: 'var(--color-primary)'
80
84
  }
81
85
  }, "...+".concat(remainingItems.length, " more")))), tag && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomTag.default, {
82
86
  label: tag.text,
83
- type: "success"
87
+ type: tag.type
84
88
  })), primaryPanel && /*#__PURE__*/_react.default.createElement("div", {
85
89
  className: "primaryInfo"
86
90
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -101,11 +105,13 @@ function MembershipCard(_ref) {
101
105
  }))), alert.length && alert.map((item, i) => {
102
106
  var _item$description, _item$description2;
103
107
  return ((item === null || item === void 0 ? void 0 : item.subHeading) !== '' || (item === null || item === void 0 ? void 0 : item.heading) !== '' || (item === null || item === void 0 || (_item$description = item.description) === null || _item$description === void 0 ? void 0 : _item$description.text) !== undefined) && /*#__PURE__*/_react.default.createElement("div", {
104
- className: "toolTipInfo"
108
+ className: "toolTipInfo ".concat(item.type)
109
+ }, /*#__PURE__*/_react.default.createElement("div", {
110
+ className: "toolTip"
105
111
  }, item.tooltip && /*#__PURE__*/_react.default.createElement(_CustomTooltip.default, {
106
112
  isDisplayed: true
107
113
  }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
108
- color: "warning",
114
+ color: item.type,
109
115
  icon: _InfoOutlined.default
110
116
  })), /*#__PURE__*/_react.default.createElement("div", null, (item === null || item === void 0 ? void 0 : item.subHeading) && /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
111
117
  color: "secondary-content",
@@ -114,9 +120,9 @@ function MembershipCard(_ref) {
114
120
  color: "primary-content",
115
121
  className: "type-t2-700"
116
122
  }, item === null || item === void 0 ? void 0 : item.heading)), (item === null || item === void 0 ? void 0 : item.description) && (item === null || item === void 0 || (_item$description2 = item.description) === null || _item$description2 === void 0 ? void 0 : _item$description2.text) && /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
117
- color: "secondary-content",
123
+ color: "primary-content",
118
124
  className: "type-b2-400"
119
- }, item.description.text))), item.actions && /*#__PURE__*/_react.default.createElement("div", null, item.actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
125
+ }, item.description.text)))), item.actions && /*#__PURE__*/_react.default.createElement("div", null, item.actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
120
126
  key: action.label,
121
127
  label: action.label,
122
128
  type: action.type,
package/build/widgets/oa-widget-card/styles.js CHANGED
@@ -8,6 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
8
8
  var _templateObject, _templateObject2, _templateObject3;
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
- const MembershipCardStyle = exports.MembershipCardStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 24px;\n background: var(--color-primary-background);\n border-radius: 12px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n position: relative;\n .primaryInfo{\n display: flex;\n padding: 12px 8px;\n justify-content: space-between;\n background: var(--color-primary);\n border-radius: 8px;\n }\n .paraWithIcon{\n display: flex;\n gap: 8px;\n align-items: center;\n }\n .toolTipInfo{\n display: flex;\n gap: 8px;\n background: var(--color-background-positive);\n padding: 12px;\n border-radius: 8px;\n }\n .cardHead{\n display: flex;\n justify-content: space-between;\n gap: 24px;\n }\n .imgBg{\n border-radius: 8px;\n background: #DEF1FB;\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .ant-modal-footer{\n display: none;\n }\n"])));
12
- const CardBody = exports.CardBody = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: column;\ngap: 24px;\n"])));
11
+ const MembershipCardStyle = exports.MembershipCardStyle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\np,h2{\n margin: 0;\n}\n padding: 24px;\n background: var(--color-primary-background);\n border-radius: 12px;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n position: relative;\n margin: 0 0 24px;\n \n .primaryInfo{\n display: flex;\n padding: 12px 8px;\n justify-content: space-between;\n background: var(--color-primary);\n border-radius: 8px;\n }\n .paraWithIcon{\n display: flex;\n gap: 8px;\n align-items: center;\n }\n .toolTipInfo{\n display: flex;\n gap: 8px;\n background: var(--color-background-positive);\n padding: 12px;\n border-radius: 8px;\n justify-content: space-between;\n }\n .error{\n background: var(--color-background-negative);\n }\n .error svg{\n color: var(--color-negative);\n }\n .warning{\n background: var(--color-background-warning);\n }\n .warning svg{\n color: var(--color-warning);\n }\n .success{\n background: var(--color-background-positive);\n }\n .success svg{\n color: var(--color-positive);\n }\n .toolTip{\n display: flex;\n gap: 8px;\n }\n .cardHead{\n display: flex;\n justify-content: space-between;\n gap: 24px;\n }\n .imgBg{\n border-radius: 8px;\n background: #DEF1FB;\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .ant-modal-footer{\n display: none;\n }\n .toolTip svg{\n margin: 4px 0 0;\n }\n @media only screen and (max-width: 600px) {\n .toolTipInfo {\n flex-direction: column;\n align-items: end;\n }\n }\n"])));
12
+ const CardBody = exports.CardBody = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: column;\ngap: 24px;\n\n"])));
13
13
  const CardFooter = exports.CardFooter = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\ndisplay: flex;\npadding: 16px 24px;\nalign-items: flex-end;\njustify-content: flex-end;\ngap: 24px;\nborder-top: 1px solid var(--color-divider);\nwidth: calc(100% + 48px);\nmargin: 0 0 0 -24px;\nposition: relative;\ntop: 24px;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.86",
3
+ "version": "0.18.87",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",