@occmundial/occ-atomic 2.0.0-beta.3 → 2.0.0-beta.5

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [2.0.0-beta.5](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.4...v2.0.0-beta.5) (2024-04-19)
+
+
+### Bug Fixes
+
+* Changed font variable to the old one ([75dc28b](https://github.com/occmundial/occ-atomic/commit/75dc28bc0bd174057449c45d4ebe79366ffc8433))
+
+
+### Features
+
+* Changed some examples with tables ([3efe252](https://github.com/occmundial/occ-atomic/commit/3efe252c3d8651976f28e951081c717861c0ad56))
+* Updated Text component documentation ([73e4b21](https://github.com/occmundial/occ-atomic/commit/73e4b21d488ba012df82d2e4fb85c18689c5d586))
+* Updated text component with new tokens ([b5f75ee](https://github.com/occmundial/occ-atomic/commit/b5f75eec430126b36c06dcd60bb320ccdf7eee0f))
+* Upgrade font tokens ([069bf92](https://github.com/occmundial/occ-atomic/commit/069bf9237f5b52492961f96f0a6f4a79469f4448))
+
+# [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)
 
 

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/Button/__snapshots__/Button.test.js.snap

@@ -4,14 +4,6 @@ exports[`Button matches the snapshot 1`] = `ShallowWrapper {}`;
 
 exports[`Button styles matches the snapshot 1`] = `
 Object {
-  "@keyframes iconRotate": Object {
-    "from": Object {
-      "transform": "rotate(0deg)",
-    },
-    "to": Object {
-      "transform": "rotate(360deg)",
-    },
-  },
   "block": Object {
     "display": "block",
     "width": "100%",
@@ -28,7 +20,7 @@ Object {
     "boxSizing": "border-box",
     "cursor": "pointer",
     "display": "inline-block",
-    "font": "400 14px/1.5 'OCCText'",
+    "font": "400 14px/1.5 'OccText', sans-serif",
     "marginBottom": 0,
     "maxWidth": "100%",
     "padding": Array [
@@ -165,7 +157,7 @@ Object {
         "12px",
       ],
     },
-    "font": "400 18px/1.5 'OCCText'",
+    "font": "400 18px/1.5 'OccText', sans-serif",
     "padding": Array [
       "12px",
       "32px",
@@ -204,7 +196,7 @@ Object {
         "8px",
       ],
     },
-    "font": "400 16px/1.5 'OCCText'",
+    "font": "400 16px/1.5 'OccText', sans-serif",
     "padding": Array [
       "12px",
       "24px",