allaw-ui 1.0.70 → 1.0.72

package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { FolderStatus } from "../../atoms/tags/FolderStatusTag";
+import "./caseCardCompact.css";
 import "../../../styles/icons.css";
 export type CaseCardCompactProps = {
     folderTitle: string;

package/dist/components/molecules/caseCardCompact/CaseCardCompact.js

@@ -1,19 +1,21 @@
 import React from "react";
 import { Paragraph, SmallTitle } from "../../atoms/typography";
 import FolderStatusTag from "../../atoms/tags/FolderStatusTag";
-import styles from "./caseCardCompact.module.css";
+import "./caseCardCompact.css";
 import "../../../styles/icons.css";
 import LoadingBox from "../loadingBox/LoadingBox";
 function CaseCardCompact(_a) {
     var folderTitle = _a.folderTitle, folderStatus = _a.folderStatus, isLoading = _a.isLoading, clientName = _a.clientName, category = _a.category, _b = _a.showArrowOnHover, showArrowOnHover = _b === void 0 ? false : _b, onClientCardClick = _a.onClientCardClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
-    return !isLoading ? (React.createElement("div", { className: "".concat(styles.case_card_compact, " ").concat(showArrowOnHover ? styles.case_card_compact__arrow_on_hover : "", " ").concat(isSelected ? styles.case_card_compact__selected : ""), style: {
+    return !isLoading ? (React.createElement("div", { className: "case-card-compact ".concat(showArrowOnHover ? "case-card-compact--arrow-on-hover" : "", " ").concat(isSelected ? "case-card-compact--selected" : ""), style: {
             cursor: onClientCardClick || isSelected ? "pointer" : "default",
         }, onClick: onClientCardClick || (isSelected ? function () { } : undefined) },
-        React.createElement("div", { className: styles.case_card_compact_left },
-            React.createElement("span", { className: styles.title_tag },
+        React.createElement("div", { className: "case-card-compact-left" },
+            React.createElement("span", { className: "title-tag" },
                 React.createElement(Paragraph, { variant: "semiBold", text: folderTitle, size: "default", maxLines: 1, color: "noir" }),
                 React.createElement(FolderStatusTag, { status: folderStatus })),
             React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: clientName || "" })),
-        React.createElement("div", { className: "".concat(styles.case_card_compact_right, " ").concat(!category ? styles.case_card_compact_right__centered : "") }, category && (React.createElement("span", { className: styles.case_card_compact_office_tag }, category))))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
+        React.createElement("div", { className: "case-card-compact-right ".concat(!category ? "case-card-compact-right--centered" : "") },
+            category && (React.createElement("span", { className: "case-card-compact-office-tag" }, category)),
+            React.createElement("i", { className: "allaw-icon-arrow-right case-card-compact-arrow" })))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
 }
 export default CaseCardCompact;

package/dist/components/molecules/caseCardCompact/{caseCardCompact.module.css → caseCardCompact.css}

@@ -1,6 +1,6 @@
 @import "../../../styles/colors.css";
 
-.case_card_compact {
+.case-card-compact {
   width: 100%;
   display: flex;
   padding: 16px;
@@ -14,23 +14,23 @@
     border-width 0.2s ease;
 }
 
-.case_card_compact:hover {
+.case-card-compact:hover {
   border-color: var(--bleu-allaw, #25beeb);
 }
 
-.case_card_compact__selected {
+.case-card-compact--selected {
   border-width: 2px;
   border-color: var(--Primary-Bleu, #25beeb);
 }
 
-.case_card_compact_left {
+.case-card-compact-left {
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 8px;
 }
 
-.case_card_compact_right {
+.case-card-compact-right {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -39,13 +39,13 @@
   min-height: 45px;
 }
 
-.case_card_compact_right__centered .case_card_compact_arrow {
+.case-card-compact-right--centered .case-card-compact-arrow {
   position: absolute;
   top: 55%;
   transform: translateY(-50%);
 }
 
-.case_card_compact_office_tag {
+.case-card-compact-office-tag {
   font-size: 13px;
   font-family: "Open Sans", sans-serif;
   font-weight: 600;
@@ -55,21 +55,21 @@
   color: var(--Primary-Mid-black, #171e25);
 }
 
-.case_card_compact__arrow_on_hover .case_card_compact_arrow {
+.case-card-compact--arrow-on-hover .case-card-compact-arrow {
   opacity: 0;
   transition: opacity 0.2s ease;
 }
 
-.case_card_compact__arrow_on_hover:hover .case_card_compact_arrow {
+.case-card-compact--arrow-on-hover:hover .case-card-compact-arrow {
   opacity: 1;
 }
 
-.case_card_compact:active {
+.case-card-compact:active {
   border-width: 2px;
   border-color: var(--Primary-Bleu, #25beeb);
 }
 
-.title_tag {
+.title-tag {
   display: flex;
   flex-direction: row;
   align-items: center;

package/dist/styles/colors.css

@@ -1,4 +1,5 @@
-.global-styles {
+:root {
+  /* Primary colors */
   --bleu-allaw: #25beeb;
   --mid-grey: #728ea7;
   --dark-grey: #456073;

package/dist/styles/global.css

@@ -5,6 +5,7 @@
 
 @import "~typeface-open-sans/index.css";
 @import "./colors.css";
+
 @import "./icons.css";
 @import "./ui-variables/border-radius.css";
 @import "./ui-variables/stroke.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -61,7 +61,6 @@
     "@storybook/nextjs": "^8.2.8",
     "@storybook/react": "^8.2.8",
     "@storybook/test": "^8.2.8",
-    "@types/css-modules": "^1.0.5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",