@occmundial/occ-atomic 2.0.0-beta.2 → 2.0.0-beta.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.0.0-beta.4](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.3...v2.0.0-beta.4) (2024-04-19)
+
+
+### Bug Fixes
+
+* Fix loading icon size ([2cf2248](https://github.com/occmundial/occ-atomic/commit/2cf22486a65eb78ce9e7fb18da00a7e237fbcb55))
+
+# [2.0.0-beta.3](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.2...v2.0.0-beta.3) (2024-04-17)
+
+
+### Bug Fixes
+
+* Update design tokens ([6c96339](https://github.com/occmundial/occ-atomic/commit/6c963392e0b3af43978a5189bdbe0304e046f47c))
+
 # [2.0.0-beta.2](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2024-04-17)
 
 

package/build/Button/Button.js

@@ -95,10 +95,13 @@ var Button = /*#__PURE__*/function (_React$Component) {
         className: classes.iconRight
       }) : '');
 
+      var iconSize = size === 'sm' ? 16 : 24;
       var loadingLayer = loading ? /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.loadCont
       }, /*#__PURE__*/_react["default"].createElement(_Loading["default"], {
-        className: classes.loadIcon
+        className: classes.loadIcon,
+        width: iconSize,
+        height: iconSize
       })) : null;
 
       if (href) {

package/build/Button/Loading.js

@@ -9,10 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _colors = _interopRequireDefault(require("../tokens/colors.json"));
-
-var _spacing = _interopRequireDefault(require("../tokens/spacing.json"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -20,10 +16,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function Loading(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    fill: props.fill || _colors["default"]['blue-corp'][1000],
-    width: props.width || _spacing["default"]['size-5'],
-    height: props.height || _spacing["default"]['size-5'],
-    viewBox: "0 0 ".concat(_spacing["default"]['size-5'], " ").concat(_spacing["default"]['size-5'])
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/_react["default"].createElement("circle", {
     cx: "4",
     cy: "13",

package/build/tokens/fonts.json

@@ -108,14 +108,14 @@
     "fontWeight": 400,
     "lineHeight": 1.1,
     "fontSize": "72px",
-    "letterSpacing": "-2%"
+    "letterSpacing": "-0.02em"
   },
   "heading-h1": {
     "fontFamily": "'OCC Text'",
     "fontWeight": 400,
     "lineHeight": 1.1,
     "fontSize": "48px",
-    "letterSpacing": "-2%"
+    "letterSpacing": "-0.02em"
   },
   "heading-h2": {
     "fontFamily": "'OCC Text'",
@@ -128,7 +128,7 @@
     "fontWeight": 400,
     "lineHeight": 1.1,
     "fontSize": "28px",
-    "letterSpacing": "-2%"
+    "letterSpacing": "-0.02em"
   },
   "heading-h4": {
     "fontFamily": "'OCC Text'",
@@ -201,14 +201,14 @@
     "fontWeight": 400,
     "lineHeight": 1.1,
     "fontSize": "48px",
-    "letterSpacing": "-2%"
+    "letterSpacing": "-0.02em"
   },
   "mobile-h1-m": {
     "fontFamily": "'OCC Text'",
     "fontWeight": 400,
     "lineHeight": 1.1,
     "fontSize": "32px",
-    "letterSpacing": "-2%"
+    "letterSpacing": "-0.02em"
   },
   "mobile-h2-m": {
     "fontFamily": "'OCC Text'",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",