oa-componentbook 0.18.85 → 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 +14 -9
  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,12 +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
- isDisplayed: true,
107
- title: item.tooltip
112
+ isDisplayed: true
108
113
  }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
109
- color: "warning",
114
+ color: item.type,
110
115
  icon: _InfoOutlined.default
111
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, {
112
117
  color: "secondary-content",
@@ -115,9 +120,9 @@ function MembershipCard(_ref) {
115
120
  color: "primary-content",
116
121
  className: "type-t2-700"
117
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, {
118
- color: "secondary-content",
123
+ color: "primary-content",
119
124
  className: "type-b2-400"
120
- }, 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, {
121
126
  key: action.label,
122
127
  label: action.label,
123
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.85",
3
+ "version": "0.18.87",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",