oa-componentbook 0.18.52 → 0.18.54

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/global-css/SpacingScales.js +1 -1
  2. package/build/widgets/oa-widget-close-claim/CloseClaimWidget.js +11 -5
  3. package/build/widgets/oa-widget-repair-service/styles.js +1 -1
  4. package/package.json +1 -1
package/build/global-css/SpacingScales.js CHANGED
@@ -7,5 +7,5 @@ exports.default = void 0;
7
7
  var _styledComponents = require("styled-components");
8
8
  var _templateObject;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- const SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n padding-top: 4px;\n }\n \n .padding-left-4 {\n padding-left: 4px;\n }\n \n .padding-right-4 {\n padding-right: 4px;\n }\n \n .padding-bottom-4 {\n padding-bottom: 4px;\n }\n \n .padding-top-8 {\n padding-top: 8px;\n }\n \n .padding-left-8 {\n padding-left: 8px;\n }\n \n .padding-right-8 {\n padding-right: 8px;\n }\n \n .padding-bottom-8 {\n padding-bottom: 8px;\n }\n \n .padding-top-12 {\n padding-top: 12px;\n }\n \n .padding-left-12 {\n padding-left: 12px;\n }\n \n .padding-right-12 {\n padding-right: 12px;\n }\n \n .padding-bottom-12 {\n padding-bottom: 12px;\n }\n \n .padding-top-16 {\n padding-top: 16px;\n }\n \n .padding-left-16 {\n padding-left: 16px;\n }\n \n .padding-right-16 {\n padding-right: 16px;\n }\n \n .padding-bottom-16 {\n padding-bottom: 16px;\n }\n \n .padding-top-24 {\n padding-top: 24px;\n }\n \n .padding-left-24 {\n padding-left: 24px;\n }\n \n .padding-right-24 {\n padding-right: 24px;\n }\n \n .padding-bottom-24 {\n padding-bottom: 24px;\n }\n \n .padding-top-32 {\n padding-top: 32px;\n }\n \n .padding-left-32 {\n padding-left: 32px;\n }\n \n .padding-right-32 {\n padding-right: 32px;\n }\n \n .padding-bottom-32 {\n padding-bottom: 32px;\n }\n \n .padding-top-40 {\n padding-top: 40px;\n }\n \n .padding-left-40 {\n padding-left: 40px;\n }\n \n .padding-right-40 {\n padding-right: 40px;\n }\n \n .padding-bottom-40 {\n padding-bottom: 40px;\n }\n \n .padding-top-48 {\n padding-top: 48px;\n }\n \n .padding-left-48 {\n padding-left: 48px;\n }\n \n .padding-right-48 {\n padding-right: 48px;\n }\n \n .padding-bottom-48 {\n padding-bottom: 48px;\n }\n \n .padding-top-56 {\n padding-top: 56px;\n }\n \n .padding-left-56 {\n padding-left: 56px;\n }\n \n .padding-right-56 {\n padding-right: 56px;\n }\n \n .padding-bottom-56 {\n padding-bottom: 56px;\n }\n \n .padding-top-64 {\n padding-top: 64px;\n }\n \n .padding-left-64 {\n padding-left: 64px;\n }\n \n .padding-right-64 {\n padding-right: 64px;\n }\n \n .padding-bottom-64 {\n padding-bottom: 64px;\n }\n \n .padding-top-72 {\n padding-top: 72px;\n }\n \n .padding-left-72 {\n padding-left: 72px;\n }\n \n .padding-right-72 {\n padding-right: 72px;\n }\n \n .padding-bottom-72 {\n padding-bottom: 72px;\n }\n \n .padding-top-80 {\n padding-top: 80px;\n }\n \n .padding-left-80 {\n padding-left: 80px;\n }\n \n .padding-right-80 {\n padding-right: 80px;\n }\n \n .padding-bottom-80 {\n padding-bottom: 80px;\n }\n \n .padding-top-96 {\n padding-top: 96px;\n }\n \n .padding-left-96 {\n padding-left: 96px;\n }\n \n .padding-right-96 {\n padding-right: 96px;\n }\n \n .padding-bottom-96 {\n padding-bottom: 96px;\n }\n \n .padding-top-108 {\n padding-top: 108px;\n }\n \n .padding-left-108 {\n padding-left: 108px;\n }\n \n .padding-right-108 {\n padding-right: 108px;\n }\n \n .padding-bottom-108 {\n padding-bottom: 108px;\n }\n \n .margin-top-4 {\n margin-top: 4px;\n }\n \n .margin-left-4 {\n margin-left: 4px;\n }\n \n .margin-right-4 {\n margin-right: 4px;\n }\n \n .margin-bottom-4 {\n margin-bottom: 4px;\n }\n \n .margin-top-8 {\n margin-top: 8px;\n }\n \n .margin-left-8 {\n margin-left: 8px;\n }\n \n .margin-right-8 {\n margin-right: 8px;\n }\n \n .margin-bottom-8 {\n margin-bottom: 8px;\n }\n \n .margin-top-12 {\n margin-top: 12px;\n }\n \n .margin-left-12 {\n margin-left: 12px;\n }\n \n .margin-right-12 {\n margin-right: 12px;\n }\n \n .margin-bottom-12 {\n margin-bottom: 12px;\n }\n \n .margin-top-16 {\n margin-top: 16px;\n }\n \n .margin-left-16 {\n margin-left: 16px;\n }\n \n .margin-right-16 {\n margin-right: 16px;\n }\n \n .margin-bottom-16 {\n margin-bottom: 16px;\n }\n \n .margin-top-24 {\n margin-top: 24px;\n }\n \n .margin-left-24 {\n margin-left: 24px;\n }\n \n .margin-right-24 {\n margin-right: 24px;\n }\n \n .margin-bottom-24 {\n margin-bottom: 24px;\n }\n \n .margin-top-32 {\n margin-top: 32px;\n }\n \n .margin-left-32 {\n margin-left: 32px;\n }\n \n .margin-right-32 {\n margin-right: 32px;\n }\n \n .margin-bottom-32 {\n margin-bottom: 32px;\n }\n \n .margin-top-40 {\n margin-top: 40px;\n }\n \n .margin-left-40 {\n margin-left: 40px;\n }\n \n .margin-right-40 {\n margin-right: 40px;\n }\n \n .margin-bottom-40 {\n margin-bottom: 40px;\n }\n \n .margin-top-48 {\n margin-top: 48px;\n }\n \n .margin-left-48 {\n margin-left: 48px;\n }\n \n .margin-right-48 {\n margin-right: 48px;\n }\n \n .margin-bottom-48 {\n margin-bottom: 48px;\n }\n \n .margin-top-56 {\n margin-top: 56px;\n }\n \n .margin-left-56 {\n margin-left: 56px;\n }\n \n .margin-right-56 {\n margin-right: 56px;\n }\n \n .margin-bottom-56 {\n margin-bottom: 56px;\n }\n \n .margin-top-64 {\n margin-top: 64px;\n }\n \n .margin-left-64 {\n margin-left: 64px;\n }\n \n .margin-right-64 {\n margin-right: 64px;\n }\n \n .margin-bottom-64 {\n margin-bottom: 64px;\n }\n \n .margin-top-72 {\n margin-top: 72px;\n }\n \n .margin-left-72 {\n margin-left: 72px;\n }\n \n .margin-right-72 {\n margin-right: 72px;\n }\n \n .margin-bottom-72 {\n margin-bottom: 72px;\n }\n \n .margin-top-80 {\n margin-top: 80px;\n }\n \n .margin-left-80 {\n margin-left: 80px;\n }\n \n .margin-right-80 {\n margin-right: 80px;\n }\n \n .margin-bottom-80 {\n margin-bottom: 80px;\n }\n \n .margin-top-96 {\n margin-top: 96px;\n }\n \n .margin-left-96 {\n margin-left: 96px;\n }\n \n .margin-right-96 {\n margin-right: 96px;\n }\n \n .margin-bottom-96 {\n margin-bottom: 96px;\n }\n \n .margin-top-108 {\n margin-top: 108px;\n }\n \n .margin-left-108 {\n margin-left: 108px;\n }\n \n .margin-right-108 {\n margin-right: 108px;\n }\n \n .margin-bottom-108 {\n margin-bottom: 108px;\n } \n.spacing-4 {\n padding: 4px;\n}\n.spacing-8 {\n padding: 8px;\n }\n .spacing-12 {\n padding: 12px;\n }\n .spacing-16 {\n padding: 16px;\n }\n .spacing-24 {\n padding: 24px;\n }\n .spacing-32 {\n padding: 32px;\n }\n \n"])));
10
+ const SpacingScales = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.padding-top-4 {\n padding-top: 4px;\n }\n \n .padding-left-4 {\n padding-left: 4px;\n }\n \n .padding-right-4 {\n padding-right: 4px;\n }\n \n .padding-bottom-4 {\n padding-bottom: 4px;\n }\n \n .padding-top-8 {\n padding-top: 8px;\n }\n \n .padding-left-8 {\n padding-left: 8px;\n }\n \n .padding-right-8 {\n padding-right: 8px;\n }\n \n .padding-bottom-8 {\n padding-bottom: 8px;\n }\n \n .padding-top-12 {\n padding-top: 12px;\n }\n \n .padding-left-12 {\n padding-left: 12px;\n }\n \n .padding-right-12 {\n padding-right: 12px;\n }\n \n .padding-bottom-12 {\n padding-bottom: 12px;\n }\n \n .padding-top-16 {\n padding-top: 16px;\n }\n \n .padding-left-16 {\n padding-left: 16px;\n }\n \n .padding-right-16 {\n padding-right: 16px;\n }\n \n .padding-bottom-16 {\n padding-bottom: 16px;\n }\n \n .padding-top-24 {\n padding-top: 24px;\n }\n \n .padding-left-24 {\n padding-left: 24px;\n }\n \n .padding-right-24 {\n padding-right: 24px;\n }\n \n .padding-bottom-24 {\n padding-bottom: 24px;\n }\n \n .padding-top-32 {\n padding-top: 32px;\n }\n \n .padding-left-32 {\n padding-left: 32px;\n }\n \n .padding-right-32 {\n padding-right: 32px;\n }\n \n .padding-bottom-32 {\n padding-bottom: 32px;\n }\n \n .padding-top-40 {\n padding-top: 40px;\n }\n \n .padding-left-40 {\n padding-left: 40px;\n }\n \n .padding-right-40 {\n padding-right: 40px;\n }\n \n .padding-bottom-40 {\n padding-bottom: 40px;\n }\n \n .padding-top-48 {\n padding-top: 48px;\n }\n \n .padding-left-48 {\n padding-left: 48px;\n }\n \n .padding-right-48 {\n padding-right: 48px;\n }\n \n .padding-bottom-48 {\n padding-bottom: 48px;\n }\n \n .padding-top-56 {\n padding-top: 56px;\n }\n \n .padding-left-56 {\n padding-left: 56px;\n }\n \n .padding-right-56 {\n padding-right: 56px;\n }\n \n .padding-bottom-56 {\n padding-bottom: 56px;\n }\n \n .padding-top-64 {\n padding-top: 64px;\n }\n \n .padding-left-64 {\n padding-left: 64px;\n }\n \n .padding-right-64 {\n padding-right: 64px;\n }\n \n .padding-bottom-64 {\n padding-bottom: 64px;\n }\n \n .padding-top-72 {\n padding-top: 72px;\n }\n \n .padding-left-72 {\n padding-left: 72px;\n }\n \n .padding-right-72 {\n padding-right: 72px;\n }\n \n .padding-bottom-72 {\n padding-bottom: 72px;\n }\n \n .padding-top-80 {\n padding-top: 80px;\n }\n \n .padding-left-80 {\n padding-left: 80px;\n }\n \n .padding-right-80 {\n padding-right: 80px;\n }\n \n .padding-bottom-80 {\n padding-bottom: 80px;\n }\n \n .padding-top-96 {\n padding-top: 96px;\n }\n \n .padding-left-96 {\n padding-left: 96px;\n }\n \n .padding-right-96 {\n padding-right: 96px;\n }\n \n .padding-bottom-96 {\n padding-bottom: 96px;\n }\n \n .padding-top-108 {\n padding-top: 108px;\n }\n \n .padding-left-108 {\n padding-left: 108px;\n }\n \n .padding-right-108 {\n padding-right: 108px;\n }\n \n .padding-bottom-108 {\n padding-bottom: 108px;\n }\n \n .margin-top-4 {\n margin-top: 4px;\n }\n \n .margin-left-4 {\n margin-left: 4px;\n }\n \n .margin-right-4 {\n margin-right: 4px;\n }\n \n .margin-bottom-4 {\n margin-bottom: 4px;\n }\n \n .margin-top-8 {\n margin-top: 8px;\n }\n \n .margin-left-8 {\n margin-left: 8px;\n }\n \n .margin-right-8 {\n margin-right: 8px;\n }\n \n .margin-bottom-8 {\n margin-bottom: 8px;\n }\n \n .margin-top-12 {\n margin-top: 12px;\n }\n \n .margin-left-12 {\n margin-left: 12px;\n }\n \n .margin-right-12 {\n margin-right: 12px;\n }\n \n .margin-bottom-12 {\n margin-bottom: 12px;\n }\n \n .margin-top-16 {\n margin-top: 16px;\n }\n \n .margin-left-16 {\n margin-left: 16px;\n }\n \n .margin-right-16 {\n margin-right: 16px;\n }\n \n .margin-bottom-16 {\n margin-bottom: 16px;\n }\n \n .margin-top-24 {\n margin-top: 24px;\n }\n \n .margin-left-24 {\n margin-left: 24px;\n }\n \n .margin-right-24 {\n margin-right: 24px;\n }\n \n .margin-bottom-24 {\n margin-bottom: 24px;\n }\n \n .margin-top-32 {\n margin-top: 32px;\n }\n \n .margin-left-32 {\n margin-left: 32px;\n }\n \n .margin-right-32 {\n margin-right: 32px;\n }\n \n .margin-bottom-32 {\n margin-bottom: 32px;\n }\n \n .margin-top-40 {\n margin-top: 40px;\n }\n \n .margin-left-40 {\n margin-left: 40px;\n }\n \n .margin-right-40 {\n margin-right: 40px;\n }\n \n .margin-bottom-40 {\n margin-bottom: 40px;\n }\n \n .margin-top-48 {\n margin-top: 48px;\n }\n \n .margin-left-48 {\n margin-left: 48px;\n }\n \n .margin-right-48 {\n margin-right: 48px;\n }\n \n .margin-bottom-48 {\n margin-bottom: 48px;\n }\n \n .margin-top-56 {\n margin-top: 56px;\n }\n \n .margin-left-56 {\n margin-left: 56px;\n }\n \n .margin-right-56 {\n margin-right: 56px;\n }\n \n .margin-bottom-56 {\n margin-bottom: 56px;\n }\n \n .margin-top-64 {\n margin-top: 64px;\n }\n \n .margin-left-64 {\n margin-left: 64px;\n }\n \n .margin-right-64 {\n margin-right: 64px;\n }\n \n .margin-bottom-64 {\n margin-bottom: 64px;\n }\n \n .margin-top-72 {\n margin-top: 72px;\n }\n \n .margin-left-72 {\n margin-left: 72px;\n }\n \n .margin-right-72 {\n margin-right: 72px;\n }\n \n .margin-bottom-72 {\n margin-bottom: 72px;\n }\n \n .margin-top-80 {\n margin-top: 80px;\n }\n \n .margin-left-80 {\n margin-left: 80px;\n }\n \n .margin-right-80 {\n margin-right: 80px;\n }\n \n .margin-bottom-80 {\n margin-bottom: 80px;\n }\n \n .margin-top-96 {\n margin-top: 96px;\n }\n \n .margin-left-96 {\n margin-left: 96px;\n }\n \n .margin-right-96 {\n margin-right: 96px;\n }\n \n .margin-bottom-96 {\n margin-bottom: 96px;\n }\n \n .margin-top-108 {\n margin-top: 108px;\n }\n \n .margin-left-108 {\n margin-left: 108px;\n }\n \n .margin-right-108 {\n margin-right: 108px;\n }\n \n .margin-bottom-108 {\n margin-bottom: 108px;\n } \n.spacing-4 {\n padding: 4px;\n}\n.spacing-8 {\n padding: 8px;\n }\n .spacing-12 {\n padding: 12px;\n }\n .spacing-16 {\n padding: 16px;\n }\n .spacing-24 {\n padding: 24px;\n }\n .spacing-32 {\n padding: 32px;\n }\n @media screen and (max-width: 1024px) {\n .padding-left-96, .padding-right-96, .padding-top-56, .padding-bottom-56{\n padding: 16px;\n }\n}\n"])));
11
11
  var _default = exports.default = SpacingScales;
package/build/widgets/oa-widget-close-claim/CloseClaimWidget.js CHANGED
@@ -112,7 +112,11 @@ function CloseClaimWidget(_ref) {
112
112
  value: row.value,
113
113
  label: row.value
114
114
  }))
115
- })), isFraudRequired && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
115
+ })), isFraudRequired && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
116
+ htmlFor: "labelremarks"
117
+ }, "Is this a fraud case?", /*#__PURE__*/_react.default.createElement(_Typography.default, {
118
+ color: "negative"
119
+ }, "*")), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
116
120
  name: "isCustomerFraudCase",
117
121
  rules: [{
118
122
  required: true,
@@ -121,7 +125,6 @@ function CloseClaimWidget(_ref) {
121
125
  }, "A selection is required.") : 'A selection is required.'
122
126
  }],
123
127
  initialValue: 0,
124
- label: "Is this a fraud case?",
125
128
  labelCol: {
126
129
  span: 24
127
130
  }
@@ -137,7 +140,11 @@ function CloseClaimWidget(_ref) {
137
140
  "data-test": dataTest ? "".concat(dataTest, "--is-fraud-radio-no") : undefined,
138
141
  label: "No",
139
142
  value: 0
140
- })))), isFraud === 1 && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
143
+ })))), isFraud === 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
144
+ htmlFor: "labelremarks"
145
+ }, "Why is this a fraud case?", /*#__PURE__*/_react.default.createElement(_Typography.default, {
146
+ color: "negative"
147
+ }, "*")), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
141
148
  name: "serviceFraudCaseReason",
142
149
  rules: [{
143
150
  required: true,
@@ -147,7 +154,6 @@ function CloseClaimWidget(_ref) {
147
154
  type: 'array'
148
155
  }],
149
156
  id: "serviceFraudCaseReason",
150
- label: "Why is this a fraud case?",
151
157
  labelCol: {
152
158
  span: 24
153
159
  }
@@ -163,7 +169,7 @@ function CloseClaimWidget(_ref) {
163
169
  value: row.key,
164
170
  label: row.value
165
171
  }))]
166
- }))), /*#__PURE__*/_react.default.createElement("label", {
172
+ })))), /*#__PURE__*/_react.default.createElement("label", {
167
173
  htmlFor: "labelremarks"
168
174
  }, "Remarks", /*#__PURE__*/_react.default.createElement(_Typography.default, {
169
175
  color: "negative"
package/build/widgets/oa-widget-repair-service/styles.js CHANGED
@@ -9,4 +9,4 @@ var _templateObject;
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
11
  var _default = exports.default = {};
12
- const RepairService = exports.RepairService = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nul{\n display: flex;\n justify-content: space-between;\n max-width: 400px;\n cursor: pointer;\n border-bottom: 1px solid var(--color-divider);\n padding: 16px 0;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n \n ul:last-child{\n border-bottom: none;\n }\n ul li span{\n display: block;\n }\n ul li:last-child{\n margin: 0 0 0 16px;\n }\n li span:last-child{\n padding: 8px 0 0;\n }\n"])));
12
+ const RepairService = exports.RepairService = _styledComponents.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nul{\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n border-bottom: 1px solid var(--color-divider);\n padding: 16px 0;\n align-items: center;\n margin: 0;\n list-style: none;\n}\n \n ul:last-child{\n border-bottom: none;\n }\n ul li span{\n display: block;\n }\n ul li:last-child{\n margin: 0 0 0 16px;\n }\n li span:last-child{\n padding: 8px 0 0;\n }\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.52",
3
+ "version": "0.18.54",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",