oolib 2.2.2 → 2.2.3

package/dist/components/Buttons/index.js

@@ -42,11 +42,11 @@ var DisplayIcon = function (_a) {
 };
 var ButtonStyledWrapper = function (_a) {
     var props = _a.props, variant = _a.variant;
-    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, onClick = props.onClick, active = props.active, S = props.S, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className;
+    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, S = props.S, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className;
     var displayText = (link === null || link === void 0 ? void 0 : link.displayText) || children || value;
     var size = (S && "S") || 'M';
     var composition = icon && displayText ? 'icon+text' : !displayText && 'iconOnly';
-    return (react_1.default.createElement(index_styled_1.ButtonStyled, { id: id, style: style, className: className, variant: variant, size: size, active: active, invert: invert, disabled: disabled, theme: theme, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, type: submit ? 'submit' : 'button', onClick: onClick, composition: composition, width: width, color: color },
+    return (react_1.default.createElement(index_styled_1.ButtonStyled, { id: id, style: style, className: className, variant: variant, size: size, active: active, invert: invert, disabled: disabled, theme: theme, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, type: submit ? 'submit' : 'button', onClick: onClick, onMouseDown: onMouseDown, composition: composition, width: width, color: color },
         icon && react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20 }),
         displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText)));
 };
@@ -80,7 +80,7 @@ var UploadButton = function (props) {
 exports.UploadButton = UploadButton;
 var GoogleLogin = function (props) {
     var theme = props.theme, S = props.S, disabled = props.disabled, width = props.width, className = props.className, style = props.style, value = props.value, children = props.children;
-    var displayText = value || children || "Sign up with Google";
+    var displayText = value || children || 'Sign up with Google';
     var size = (S && "S") || 'M';
     return (react_1.default.createElement(index_styled_1.ButtonStyled, { size: size, disabled: disabled, width: width, onClick: function () { return window.open('/api/OAuth/google', '_self'); }, variant: "googleAuth", theme: theme, style: style, className: className },
         react_1.default.createElement(DisplayIcon, { icon: 'OkeGoogleIcon', size: 24 }),

package/dist/themes/colors.d.ts

@@ -35,6 +35,8 @@ export namespace colors {
     export { primaryColor100 };
     export { primaryColor40 };
     export { primaryColorText };
+    export { cyan };
+    export { lightPink };
 }
 declare const none: "rgba(0,0,0,0)";
 declare const white: "#fff";
@@ -72,4 +74,6 @@ declare const primaryColor10: "#ebf6ff";
 declare const primaryColor100: "#33A4FF";
 declare const primaryColor40: "#addbff";
 declare const primaryColorText: "#0071CC";
+declare const cyan: "#B5F2FA";
+declare const lightPink: "#FFE5F2";
 export {};

package/dist/themes/colors.js

@@ -17,6 +17,8 @@ var lightYellow = '#FFFAE6';
 var green = '#08A84B';
 var lightGreen = '#E6F6ED';
 var invertGreen = '#8AE5B0';
+var cyan = '#B5F2FA';
+var lightPink = '#FFE5F2';
 var blue = '#33A4FF';
 var lightBlue = '#EBF6FF';
 var black = '#000';
@@ -74,4 +76,6 @@ exports.colors = {
     primaryColor100: primaryColor100,
     primaryColor40: primaryColor40,
     primaryColorText: primaryColorText,
+    cyan: cyan,
+    lightPink: lightPink
 };

package/package.json

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