allaw-ui 1.0.176 → 1.0.177

package/dist/components/molecules/caseLinkCard/CaseLinkCard.css

@@ -12,9 +12,7 @@
   align-items: center;
   gap: 16px;
 
-  transition:
-    border-color 0.2s ease,
-    border-width 0.2s ease;
+  transition: border-color 0.2s ease, border-width 0.2s ease;
 }
 
 .case-card-link:hover {
@@ -90,7 +88,7 @@
   width: 100%;
   flex-direction: row;
   justify-content: space-between;
-  align-items: end;
+  align-items: flex-end;
 }
 
 .case-card-link-info-col {

package/dist/components/molecules/documentCard/DocumentCard.css

@@ -9,7 +9,6 @@
   border-radius: 8px;
   border: 1px solid var(--venom-grey, #e6edf5);
   background: var(--Primary-Blanc, #fff);
-  box-shadow: 0px 1px 9px 0px rgba(15, 133, 168, 0.08);
 }
 
 .document-card-left {
@@ -132,3 +131,7 @@
   font-weight: 600;
   line-height: normal;
 }
+
+.document-card.with-shadow {
+  box-shadow: 0px 1px 9px 0px rgba(15, 133, 168, 0.08);
+}

package/dist/components/molecules/documentCard/DocumentCard.d.ts

@@ -10,6 +10,7 @@ export interface DocumentCardProps {
     };
     onCardClick?: () => any;
     documentCount?: string;
+    shadow?: boolean;
 }
 declare const DocumentCard: React.FC<DocumentCardProps>;
 export default DocumentCard;

package/dist/components/molecules/documentCard/DocumentCard.js

@@ -4,7 +4,7 @@ import IconButton from "../../atoms/buttons/IconButton";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
 import { Paragraph } from "../../atoms/typography";
 var DocumentCard = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? "document" : _b, title = _a.title, _c = _a.date, date = _c === void 0 ? new Date() : _c, onCardClick = _a.onCardClick, status = _a.status, _d = _a.documents, documents = _d === void 0 ? {} : _d, _e = _a.documentCount, documentCount = _e === void 0 ? "" : _e;
+    var _b = _a.type, type = _b === void 0 ? "document" : _b, title = _a.title, _c = _a.date, date = _c === void 0 ? new Date() : _c, onCardClick = _a.onCardClick, status = _a.status, _d = _a.documents, documents = _d === void 0 ? {} : _d, _e = _a.documentCount, documentCount = _e === void 0 ? "" : _e, _f = _a.shadow, shadow = _f === void 0 ? true : _f;
     var getIconName = function () {
         switch (type) {
             case "document":
@@ -103,7 +103,7 @@ var DocumentCard = function (_a) {
                 React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document" }),
                 React.createElement("span", { className: "document-count" }, documentCount))));
     }
-    return (React.createElement("div", { className: "document-card", onClick: function () { return onCardClick && onCardClick(); }, style: { cursor: onCardClick ? "pointer" : "default" } },
+    return (React.createElement("div", { className: "document-card".concat(shadow ? " with-shadow" : ""), onClick: function () { return onCardClick && onCardClick(); }, style: { cursor: onCardClick ? "pointer" : "default" } },
         React.createElement("div", { className: "document-card-left" },
             React.createElement(IconButton, { style: "largeFilled", iconName: getIconName(), color: type == "payment" ? "#25BEEB" : "inherit" }),
             React.createElement("div", { className: "document-card-info" },

package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts

@@ -36,11 +36,17 @@ declare namespace _default {
             let control_5: string;
             export { control_5 as control };
         }
+        export namespace shadow {
+            let control_6: string;
+            export { control_6 as control };
+        }
     }
     export namespace args {
         export { defaultDocuments as documents };
         let documentCount_1: string;
         export { documentCount_1 as documentCount };
+        let shadow_1: boolean;
+        export { shadow_1 as shadow };
     }
     export namespace parameters {
         namespace backgrounds {

package/dist/components/molecules/documentCard/DocumentCard.stories.js

@@ -50,10 +50,12 @@ export default {
             control: "object",
         },
         documentCount: { control: "text" },
+        shadow: { control: "boolean" },
     },
     args: {
         documents: defaultDocuments,
         documentCount: "1/3",
+        shadow: true,
     },
     parameters: {
         backgrounds: {

package/dist/components/molecules/stepper/Stepper.css

@@ -69,9 +69,7 @@
   align-items: center;
   opacity: 0;
   visibility: hidden;
-  transition:
-    opacity 0.3s ease,
-    visibility 0.3s ease;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
 }
 
 .stepper-overlay.visible {
@@ -86,7 +84,7 @@
   overflow-y: auto;
   display: flex;
   justify-content: center;
-  align-items: start;
+  align-items: flex-start;
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 400;
@@ -94,9 +92,8 @@
   letter-spacing: 0em;
 }
 
-
 @media (max-width: 800px) {
-  .stepper-container  {
+  .stepper-container {
     height: 99dvh;
     position: fixed;
     bottom: 0;
@@ -105,4 +102,4 @@
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }
-}
+}

package/dist/stories/Header.stories.d.ts

@@ -7,9 +7,9 @@ declare const meta: {
         layout: string;
     };
     args: {
-        onLogin: import("@vitest/spy").Mock<[], void>;
-        onLogout: import("@vitest/spy").Mock<[], void>;
-        onCreateAccount: import("@vitest/spy").Mock<[], void>;
+        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/package.json

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