oolib 2.13.3 → 2.14.0

package/dist/components/PercentCompletedPi/index.d.ts

@@ -1,4 +1,5 @@
-export function PercentCompletedPi({ percent, size }: {
+export function PercentCompletedPi({ percent, size, label }: {
     percent: any;
     size?: string;
+    label: any;
 }): JSX.Element;

package/dist/components/PercentCompletedPi/index.js

@@ -5,17 +5,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PercentCompletedPi = void 0;
 var react_1 = __importDefault(require("react"));
+var Typo_1 = require("../Typo");
 var styled_1 = require("./styled");
 function PercentCompletedPi(_a) {
-    var percent = _a.percent, _b = _a.size, size = _b === void 0 ? "2.4rem" : _b;
+    var percent = _a.percent, _b = _a.size, size = _b === void 0 ? "2.4rem" : _b, label = _a.label;
     var perUnit = 1.8;
     var transform = "rotate(".concat(parseInt(percent) * perUnit, "deg)");
-    return (react_1.default.createElement(styled_1.StyledWrapper, { size: size },
-        react_1.default.createElement(styled_1.StyledCircle, { size: size },
-            react_1.default.createElement(styled_1.StyledMask, { size: size, transform: transform },
-                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" })),
-            react_1.default.createElement(styled_1.StyledMask, { size: size, className: "mask half" },
-                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" }),
-                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill fix" })))));
+    return (react_1.default.createElement(styled_1.StyledContainer, null,
+        react_1.default.createElement(styled_1.StyledWrapper, { size: size },
+            react_1.default.createElement(styled_1.StyledCircle, { size: size },
+                react_1.default.createElement(styled_1.StyledMask, { size: size, transform: transform },
+                    react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" })),
+                react_1.default.createElement(styled_1.StyledMask, { size: size, className: "mask half" },
+                    react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" }),
+                    react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill fix" })))),
+        (label === null || label === void 0 ? void 0 : label.show) && react_1.default.createElement(Typo_1.LABEL, null, "".concat(percent).concat(label.suffix || ''))));
 }
 exports.PercentCompletedPi = PercentCompletedPi;

package/dist/components/PercentCompletedPi/styled.d.ts

@@ -1,3 +1,4 @@
+export const StyledContainer: any;
 export const StyledWrapper: any;
 export const StyledCircle: any;
 export const StyledMask: any;

package/dist/components/PercentCompletedPi/styled.js

@@ -7,26 +7,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledFill = exports.StyledMask = exports.StyledCircle = exports.StyledWrapper = void 0;
+exports.StyledFill = exports.StyledMask = exports.StyledCircle = exports.StyledWrapper = exports.StyledContainer = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var utilsOolib_1 = require("../../utilsOolib");
-exports.StyledWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"], ["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"])), function (_a) {
+exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n"], ["\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n"])));
+exports.StyledWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"], ["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"])), function (_a) {
     var size = _a.size;
     return "\n    width: ".concat(size, ";\n    height: ").concat(size, ";  \n  ");
 }, function (_a) {
     var theme = _a.theme;
     return (0, utilsOolib_1.getPrimaryColor40)(theme.colors);
 });
-exports.StyledCircle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.StyledMask = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"], ["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"])), function (_a) {
+exports.StyledCircle = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.StyledMask = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"], ["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"])), function (_a) {
     var size = _a.size, transform = _a.transform;
     return "\n    ".concat(transform ? "transform: ".concat(transform) : '', ";\n    width: ").concat(size, ";\n    height: ").concat(size, ";  \n    clip: rect(0px, ").concat(size, ", ").concat(size, ", ").concat((parseFloat(size.replace('rem', '').trim()) / 2) + 'rem', ");\n  ");
 });
-exports.StyledFill = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"], ["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"])), function (_a) {
+exports.StyledFill = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"], ["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"])), function (_a) {
     var size = _a.size, transform = _a.transform;
     return "\n    transform: ".concat(transform, ";\n    width: ").concat(size, ";\n    height: ").concat(size, ";  \n    clip: rect(0px, ").concat((parseFloat(size.replace('rem', '').trim()) / 2) + 'rem', ", ").concat(size, ", 0px);\n  ");
 }, function (_a) {
     var theme = _a.theme;
     return (0, utilsOolib_1.getPrimaryColor100)(theme.colors);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/icons/index.d.ts

@@ -79,6 +79,8 @@ export namespace icons {
     export { Code };
     export { SortDescending };
     export { SortAscending };
+    export { Crosshair };
+    export { MicrophoneStage };
 }
 import { PencilSimple } from "phosphor-react";
 import { PencilLine } from "phosphor-react";
@@ -160,3 +162,5 @@ import { Faders } from "phosphor-react";
 import { Code } from "phosphor-react";
 import { SortDescending } from "phosphor-react";
 import { SortAscending } from "phosphor-react";
+import { Crosshair } from "phosphor-react";
+import { MicrophoneStage } from "phosphor-react";

package/dist/icons/index.js

@@ -83,5 +83,7 @@ exports.icons = {
     Faders: phosphor_react_1.Faders,
     Code: phosphor_react_1.Code,
     SortDescending: phosphor_react_1.SortDescending,
-    SortAscending: phosphor_react_1.SortAscending
+    SortAscending: phosphor_react_1.SortAscending,
+    Crosshair: phosphor_react_1.Crosshair,
+    MicrophoneStage: phosphor_react_1.MicrophoneStage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.13.3",
+  "version": "2.14.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",