@rahmatsaputra-my-id/react-js-library 0.0.95 → 0.0.98

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 (3) hide show
  1. package/dist/index.es.js +2 -2
  2. package/dist/index.js +2 -2
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1043,7 +1043,7 @@ function styleInject(css, ref) {
1043
1043
  }
1044
1044
  }
1045
1045
 
1046
- var css_248z$1 = "@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.loading-spinner {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 4px solid #ffffff;\n /* Black */\n border-top: 4px solid #000000;\n border-radius: 50%;\n animation: spinner 1s linear infinite;\n}\n\n.loading-spinner-section {\n width: 120px;\n height: 120px;\n /* Light grey */\n border: 15px solid rgb(220, 220, 226);\n /* Black */\n border-top: 15px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-s {\n width: 60px;\n height: 60px;\n /* Light grey */\n border: 10px solid rgb(220, 220, 226);\n /* Black */\n border-top: 10px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-xs {\n width: 30px;\n height: 30px;\n /* Light grey */\n border: 5px solid rgb(220, 220, 226);\n /* Black */\n border-top: 5px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-pages {\n width: 130px;\n height: 130px;\n border: 20px solid rgb(220, 220, 226);\n border-top: 20px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n";
1046
+ var css_248z$1 = "@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.loading-spinner {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 4px solid #ffffff;\n /* Black */\n border-top: 4px solid #000000;\n border-radius: 50%;\n animation: spinner 1s linear infinite;\n}\n\n.loading-spinner-section {\n width: 120px;\n height: 120px;\n /* Light grey */\n border: 15px solid rgb(220, 220, 226);\n /* Black */\n border-top: 15px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-s {\n width: 60px;\n height: 60px;\n /* Light grey */\n border: 10px solid rgb(220, 220, 226);\n /* Black */\n border-top: 10px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-xs {\n width: 30px;\n height: 30px;\n /* Light grey */\n border: 5px solid rgb(220, 220, 226);\n /* Black */\n border-top: 5px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-button {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 3px solid rgb(220, 220, 226);\n /* Black */\n border-top: 3px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-pages {\n width: 130px;\n height: 130px;\n border: 20px solid rgb(220, 220, 226);\n border-top: 20px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n";
1047
1047
  styleInject(css_248z$1);
1048
1048
 
1049
1049
  var LoadingSpinner = function (_a) {
@@ -1061,7 +1061,7 @@ var LoadingSpinner = function (_a) {
1061
1061
  case 'section-xs':
1062
1062
  return renderSection('loading-spinner-section-xs');
1063
1063
  case 'button':
1064
- return renderButton('loading-spinner-section-xs');
1064
+ return renderButton('loading-spinner-button');
1065
1065
  default:
1066
1066
  return jsx("div", { className: "loading-spinner" });
1067
1067
  }
package/dist/index.js CHANGED
@@ -1052,7 +1052,7 @@ function styleInject(css, ref) {
1052
1052
  }
1053
1053
  }
1054
1054
 
1055
- var css_248z$1 = "@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.loading-spinner {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 4px solid #ffffff;\n /* Black */\n border-top: 4px solid #000000;\n border-radius: 50%;\n animation: spinner 1s linear infinite;\n}\n\n.loading-spinner-section {\n width: 120px;\n height: 120px;\n /* Light grey */\n border: 15px solid rgb(220, 220, 226);\n /* Black */\n border-top: 15px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-s {\n width: 60px;\n height: 60px;\n /* Light grey */\n border: 10px solid rgb(220, 220, 226);\n /* Black */\n border-top: 10px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-xs {\n width: 30px;\n height: 30px;\n /* Light grey */\n border: 5px solid rgb(220, 220, 226);\n /* Black */\n border-top: 5px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-pages {\n width: 130px;\n height: 130px;\n border: 20px solid rgb(220, 220, 226);\n border-top: 20px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n";
1055
+ var css_248z$1 = "@keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.loading-spinner {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 4px solid #ffffff;\n /* Black */\n border-top: 4px solid #000000;\n border-radius: 50%;\n animation: spinner 1s linear infinite;\n}\n\n.loading-spinner-section {\n width: 120px;\n height: 120px;\n /* Light grey */\n border: 15px solid rgb(220, 220, 226);\n /* Black */\n border-top: 15px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-s {\n width: 60px;\n height: 60px;\n /* Light grey */\n border: 10px solid rgb(220, 220, 226);\n /* Black */\n border-top: 10px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-section-xs {\n width: 30px;\n height: 30px;\n /* Light grey */\n border: 5px solid rgb(220, 220, 226);\n /* Black */\n border-top: 5px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-button {\n width: 15px;\n height: 15px;\n /* Light grey */\n border: 3px solid rgb(220, 220, 226);\n /* Black */\n border-top: 3px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n\n.loading-spinner-pages {\n width: 130px;\n height: 130px;\n border: 20px solid rgb(220, 220, 226);\n border-top: 20px solid #000000;\n border-radius: 50%;\n animation: spinner 1.5s linear infinite;\n}\n";
1056
1056
  styleInject(css_248z$1);
1057
1057
 
1058
1058
  var LoadingSpinner = function (_a) {
@@ -1070,7 +1070,7 @@ var LoadingSpinner = function (_a) {
1070
1070
  case 'section-xs':
1071
1071
  return renderSection('loading-spinner-section-xs');
1072
1072
  case 'button':
1073
- return renderButton('loading-spinner-section-xs');
1073
+ return renderButton('loading-spinner-button');
1074
1074
  default:
1075
1075
  return jsxRuntime.jsx("div", { className: "loading-spinner" });
1076
1076
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rahmatsaputra-my-id/react-js-library",
3
- "version": "0.0.95",
3
+ "version": "0.0.98",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",