oa-componentbook 0.18.48 → 0.18.49

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 (5) hide show
  1. package/build/components/oa-component-datepicker/CustomDatePicker.js +2 -2
  2. package/build/global-css/GlobalCss.js +2 -1
  3. package/build/global-css/SpacingScales.js +11 -0
  4. package/build/index.js +7 -0
  5. package/package.json +1 -1
package/build/components/oa-component-datepicker/CustomDatePicker.js CHANGED
@@ -58,9 +58,9 @@ function CustomDatePicker(_ref) {
58
58
  // Used to control margin of calendar icon
59
59
  // controlPaddingHorizontal: 161,
60
60
  // controlPaddingHorizontalSM: 12,
61
- controlHeight: 32,
61
+ controlHeight: 48,
62
62
  // height of text field (tag height is half of this, i.e. 24px)
63
- controlHeightSM: 24,
63
+ controlHeightSM: 32,
64
64
  // height of small text field
65
65
  // controlHeightLG: 64,
66
66
  borderRadius: 4,
package/build/global-css/GlobalCss.js CHANGED
@@ -10,6 +10,7 @@ var _BorderRadius = _interopRequireDefault(require("./BorderRadius"));
10
10
  var _ColorVariables = _interopRequireDefault(require("./ColorVariables"));
11
11
  var _Elevation = _interopRequireDefault(require("./Elevation"));
12
12
  var _GridLayout = _interopRequireDefault(require("./GridLayout"));
13
+ var _SpacingScales = _interopRequireDefault(require("./SpacingScales"));
13
14
  var _Typographies = _interopRequireDefault(require("./Typographies"));
14
15
  require("antd/dist/reset.css");
15
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,7 +18,7 @@ function GlobalCss(_ref) {
17
18
  let {
18
19
  children
19
20
  } = _ref;
20
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_ColorVariables.default, null), /*#__PURE__*/_react.default.createElement(_Elevation.default, null), /*#__PURE__*/_react.default.createElement(_GridLayout.default, null), /*#__PURE__*/_react.default.createElement(_Typographies.default, null), children);
21
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_SpacingScales.default, null), /*#__PURE__*/_react.default.createElement(_ColorVariables.default, null), /*#__PURE__*/_react.default.createElement(_Elevation.default, null), /*#__PURE__*/_react.default.createElement(_GridLayout.default, null), /*#__PURE__*/_react.default.createElement(_Typographies.default, null), children);
21
22
  }
22
23
  GlobalCss.propTypes = {
23
24
  children: _propTypes.default.node.isRequired
package/build/global-css/SpacingScales.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _styledComponents = require("styled-components");
8
+ var _templateObject;
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"])));
11
+ var _default = exports.default = SpacingScales;
package/build/index.js CHANGED
@@ -299,6 +299,12 @@ Object.defineProperty(exports, "SpacingDemo", {
299
299
  return _SpacingScales.default;
300
300
  }
301
301
  });
302
+ Object.defineProperty(exports, "SpacingScales", {
303
+ enumerable: true,
304
+ get: function get() {
305
+ return _SpacingScales2.default;
306
+ }
307
+ });
302
308
  Object.defineProperty(exports, "SparePartsWidget", {
303
309
  enumerable: true,
304
310
  get: function get() {
@@ -423,6 +429,7 @@ var _ColorVariables = _interopRequireDefault(require("./global-css/ColorVariable
423
429
  var _Elevation = _interopRequireDefault(require("./global-css/Elevation"));
424
430
  var _GlobalCss = _interopRequireDefault(require("./global-css/GlobalCss"));
425
431
  var _GridLayout = _interopRequireDefault(require("./global-css/GridLayout"));
432
+ var _SpacingScales2 = _interopRequireDefault(require("./global-css/SpacingScales"));
426
433
  var _Typographies = _interopRequireDefault(require("./global-css/Typographies"));
427
434
  var _colorOptions = require("./global-css/color-options");
428
435
  var _typographyOptions = require("./global-css/typography-options");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.48",
3
+ "version": "0.18.49",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",