allaw-ui 0.0.329 → 0.0.330

package/dist/assets/allaw-font.svg

@@ -7,8 +7,8 @@
 {
 	"fontFamily": "allaw-font",
 	"majorVersion": 1,
-	"minorVersion": 2,
-	"version": "Version 1.2",
+	"minorVersion": 3,
+	"version": "Version 1.3",
 	"fontId": "allaw-font",
 	"psName": "allaw-font",
 	"subFamily": "Regular",
@@ -102,4 +102,5 @@
 <glyph unicode="&#xe94c;" d="M231.694 348.844c-10.772 31.748-17.005 65.767-17.005 100.915 0 35.152 6.234 69.167 16.439 100.915l-0.285 6.762-159.474 123.849-5.218-2.482c-34.581-69.167-54.424-146.838-54.424-229.044s19.843-159.873 54.424-229.040l165.544 128.125z" />
 <glyph unicode="&#xe94d;" d="M521.966 762.708c95.81 0 160.44-41.386 197.292-75.971l144.001 140.601c-88.439 82.205-203.53 132.663-341.293 132.663-199.563 0-371.911-114.52-455.817-281.197l164.977-128.129c41.39 123.025 155.91 212.034 290.839 212.034z" />
 <glyph unicode="&#xe94e;" glyph-name="apple" data-tags="apple" d="M798.293 128c-35.413-52.907-72.96-104.533-130.133-105.387-57.173-1.28-75.52 33.707-140.373 33.707-65.28 0-85.333-32.853-139.521-34.987-55.893-2.133-98.133 56.32-133.973 107.947-72.96 105.387-128.853 299.52-53.76 430.080 37.12 64.853 103.68 105.813 175.787 107.093 54.615 0.853 106.668-37.12 140.375-37.12 33.28 0 96.427 45.653 162.56 38.827 27.733-1.28 105.387-11.093 155.307-84.48-3.84-2.56-92.587-54.613-91.733-162.56 1.28-128.853 113.067-171.947 114.347-172.373-1.28-2.987-17.92-61.44-58.88-120.747zM554.667 810.667c31.147 35.413 82.773 62.293 125.44 64 5.547-49.92-14.507-100.267-44.373-136.107-29.44-36.267-78.080-64.427-125.867-60.587-6.4 49.067 17.493 100.267 44.8 132.693z" />
+<glyph unicode="&#xe94f;" glyph-name="linkedin" data-tags="linkedin" d="M1024-64h-204.8v358.349c0 98.304-43.366 153.139-121.139 153.139-84.634 0-134.861-57.139-134.861-153.139v-358.349h-204.8v665.6h204.8v-74.854c0 0 64.256 112.742 209.050 112.742 144.845 0 251.75-88.371 251.75-271.258v-432.23zM125.030 708.045c-69.069 0-125.030 56.422-125.030 126.003 0 69.53 55.962 125.952 125.030 125.952 69.018 0 124.979-56.422 124.979-125.952 0.051-69.581-55.962-126.003-124.979-126.003v0zM0-64h256v665.6h-256v-665.6z" />
 </font></defs></svg>

package/dist/components/atoms/buttons/OAuthProviderButton.css

@@ -42,6 +42,11 @@
   width: 100%;
 }
 
+.oauth-provider-button.linkedin {
+  background: #0a66c2;
+  width: 100%;
+}
+
 .oauth-provider-button.apple .label {
   font-family: "SF Pro Display", sans-serif;
   font-weight: 500;
@@ -53,6 +58,16 @@
   text-overflow: ellipsis;
 }
 
+.oauth-provider-button.linkedin .label {
+  font-family: "Source Sans Pro", sans-serif;
+  font-weight: 500;
+  text-align: left;
+  color: #ffffff;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .allaw-icon-google {
   display: flex;
 }
@@ -63,6 +78,12 @@
   padding-bottom: 2px;
 }
 
+.allaw-icon-linkedin {
+  display: flex;
+  color: #0a66c2;
+  padding-bottom: 0px;
+}
+
 .allaw-icon-google .path1:before {
   content: "\e94a";
   color: rgb(66, 133, 244);
@@ -82,3 +103,13 @@
   margin-left: -1em;
   color: rgb(235, 67, 53);
 }
+
+.linkedin-icon-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+  background: #ffffff;
+}

package/dist/components/atoms/buttons/OAuthProviderButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import "./OAuthProviderButton.css";
 import "../../../styles/global.css";
 export interface OAuthProviderButtonProps {
-    provider: "google" | "apple";
+    provider: "google" | "apple" | "linkedin";
     type: "login" | "signup";
     url: string;
     size: 14 | 16 | 18 | 20 | 22 | 24;

package/dist/components/atoms/buttons/OAuthProviderButton.js

@@ -4,29 +4,54 @@ import "../../../styles/global.css";
 var OAuthProviderButton = function (_a) {
     var provider = _a.provider, type = _a.type, url = _a.url, size = _a.size, onClick = _a.onClick;
     var getLabel = function () {
-        if (provider === "google") {
-            return type === "login"
-                ? "Continuer avec Google"
-                : "S'inscrire avec Google";
-        }
-        else {
-            return type === "login"
-                ? "Continuer avec Apple"
-                : "S'inscrire avec Apple";
-        }
+        var _a;
+        var labels = {
+            google: {
+                login: "Continuer avec Google",
+                signup: "S'inscrire avec Google",
+            },
+            apple: {
+                login: "Continuer avec Apple",
+                signup: "S'inscrire avec Apple",
+            },
+            linkedin: {
+                login: "Continuer avec LinkedIn",
+                signup: "S'inscrire avec LinkedIn",
+            },
+        };
+        return ((_a = labels[provider]) === null || _a === void 0 ? void 0 : _a[type]) || "";
     };
     var renderIcon = function () {
-        var iconSizeGoogle = size * 0.8;
-        var iconSizeApple = size * 1.2;
+        var iconSizes = {
+            google: size * 0.8,
+            apple: size * 1.2,
+            linkedin: size * 0.8,
+        };
+        var iconClasses = {
+            google: "allaw-icon-google",
+            apple: "allaw-icon-apple",
+            linkedin: "allaw-icon-linkedin",
+        };
+        var iconSize = iconSizes[provider];
+        var iconClass = iconClasses[provider];
         if (provider === "google") {
-            return (React.createElement("span", { className: "allaw-icon-google", style: { fontSize: "".concat(iconSizeGoogle, "px") } },
+            return (React.createElement("span", { className: iconClass, style: { fontSize: "".concat(iconSize, "px") } },
                 React.createElement("span", { className: "path1" }),
                 React.createElement("span", { className: "path2" }),
                 React.createElement("span", { className: "path3" }),
                 React.createElement("span", { className: "path4" })));
         }
+        else if (provider === "linkedin") {
+            var containerSize = size * 1.4; // Adjust this multiplier as needed
+            return (React.createElement("div", { className: "linkedin-icon-container", style: {
+                    fontSize: "".concat(iconSize, "px"),
+                    width: "".concat(containerSize, "px"),
+                    height: "".concat(containerSize, "px"),
+                } },
+                React.createElement("i", { className: iconClass })));
+        }
         else {
-            return (React.createElement("i", { className: "allaw-icon-apple", style: { fontSize: "".concat(iconSizeApple, "px") } }));
+            return (React.createElement("i", { className: iconClass, style: { fontSize: "".concat(iconSize, "px") } }));
         }
     };
     var handleClick = function () {

package/dist/styles/global.css

@@ -16,3 +16,10 @@
   font-weight: 500;
   font-style: normal;
 }
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: url("/fonts/source-sans-pro-regular.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}

package/dist/styles/icons.css

@@ -378,3 +378,11 @@ li {
 .allaw-icon-apple:before {
   content: "\e94e";
 }
+
+.allaw-icon-linkedin:before {
+  content: "\e94e";
+}
+
+.allaw-icon-linkedin:before {
+  content: "\e94f";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "0.0.329",
+  "version": "0.0.330",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",