allaw-ui 1.0.71 → 1.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts +1 -0
  2. package/dist/components/molecules/caseCardCompact/CaseCardCompact.js +7 -5
  3. package/dist/components/molecules/caseCardCompact/{caseCardCompact.module.css → caseCardCompact.css} +11 -11
  4. package/package.json +1 -2
package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  import { FolderStatus } from "../../atoms/tags/FolderStatusTag";
3
+ import "./caseCardCompact.css";
3
4
  import "../../../styles/icons.css";
4
5
  export type CaseCardCompactProps = {
5
6
  folderTitle: string;
package/dist/components/molecules/caseCardCompact/CaseCardCompact.js CHANGED
@@ -1,19 +1,21 @@
1
1
  import React from "react";
2
2
  import { Paragraph, SmallTitle } from "../../atoms/typography";
3
3
  import FolderStatusTag from "../../atoms/tags/FolderStatusTag";
4
- import styles from "./caseCardCompact.module.css";
4
+ import "./caseCardCompact.css";
5
5
  import "../../../styles/icons.css";
6
6
  import LoadingBox from "../loadingBox/LoadingBox";
7
7
  function CaseCardCompact(_a) {
8
8
  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;
9
- 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: {
9
+ return !isLoading ? (React.createElement("div", { className: "case-card-compact ".concat(showArrowOnHover ? "case-card-compact--arrow-on-hover" : "", " ").concat(isSelected ? "case-card-compact--selected" : ""), style: {
10
10
  cursor: onClientCardClick || isSelected ? "pointer" : "default",
11
11
  }, onClick: onClientCardClick || (isSelected ? function () { } : undefined) },
12
- React.createElement("div", { className: styles.case_card_compact_left },
13
- React.createElement("span", { className: styles.title_tag },
12
+ React.createElement("div", { className: "case-card-compact-left" },
13
+ React.createElement("span", { className: "title-tag" },
14
14
  React.createElement(Paragraph, { variant: "semiBold", text: folderTitle, size: "default", maxLines: 1, color: "noir" }),
15
15
  React.createElement(FolderStatusTag, { status: folderStatus })),
16
16
  React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: clientName || "" })),
17
- 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%" }));
17
+ React.createElement("div", { className: "case-card-compact-right ".concat(!category ? "case-card-compact-right--centered" : "") },
18
+ category && (React.createElement("span", { className: "case-card-compact-office-tag" }, category)),
19
+ React.createElement("i", { className: "allaw-icon-arrow-right case-card-compact-arrow" })))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
18
20
  }
19
21
  export default CaseCardCompact;
package/dist/components/molecules/caseCardCompact/{caseCardCompact.module.css → caseCardCompact.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  @import "../../../styles/colors.css";
2
2
 
3
- .case_card_compact {
3
+ .case-card-compact {
4
4
  width: 100%;
5
5
  display: flex;
6
6
  padding: 16px;
@@ -14,23 +14,23 @@
14
14
  border-width 0.2s ease;
15
15
  }
16
16
 
17
- .case_card_compact:hover {
17
+ .case-card-compact:hover {
18
18
  border-color: var(--bleu-allaw, #25beeb);
19
19
  }
20
20
 
21
- .case_card_compact__selected {
21
+ .case-card-compact--selected {
22
22
  border-width: 2px;
23
23
  border-color: var(--Primary-Bleu, #25beeb);
24
24
  }
25
25
 
26
- .case_card_compact_left {
26
+ .case-card-compact-left {
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  align-items: start;
30
30
  gap: 8px;
31
31
  }
32
32
 
33
- .case_card_compact_right {
33
+ .case-card-compact-right {
34
34
  position: relative;
35
35
  display: flex;
36
36
  flex-direction: column;
@@ -39,13 +39,13 @@
39
39
  min-height: 45px;
40
40
  }
41
41
 
42
- .case_card_compact_right__centered .case_card_compact_arrow {
42
+ .case-card-compact-right--centered .case-card-compact-arrow {
43
43
  position: absolute;
44
44
  top: 55%;
45
45
  transform: translateY(-50%);
46
46
  }
47
47
 
48
- .case_card_compact_office_tag {
48
+ .case-card-compact-office-tag {
49
49
  font-size: 13px;
50
50
  font-family: "Open Sans", sans-serif;
51
51
  font-weight: 600;
@@ -55,21 +55,21 @@
55
55
  color: var(--Primary-Mid-black, #171e25);
56
56
  }
57
57
 
58
- .case_card_compact__arrow_on_hover .case_card_compact_arrow {
58
+ .case-card-compact--arrow-on-hover .case-card-compact-arrow {
59
59
  opacity: 0;
60
60
  transition: opacity 0.2s ease;
61
61
  }
62
62
 
63
- .case_card_compact__arrow_on_hover:hover .case_card_compact_arrow {
63
+ .case-card-compact--arrow-on-hover:hover .case-card-compact-arrow {
64
64
  opacity: 1;
65
65
  }
66
66
 
67
- .case_card_compact:active {
67
+ .case-card-compact:active {
68
68
  border-width: 2px;
69
69
  border-color: var(--Primary-Bleu, #25beeb);
70
70
  }
71
71
 
72
- .title_tag {
72
+ .title-tag {
73
73
  display: flex;
74
74
  flex-direction: row;
75
75
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "allaw-ui",
3
- "version": "1.0.71",
3
+ "version": "1.0.72",
4
4
  "description": "Composants UI pour l'application Allaw",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -61,7 +61,6 @@
61
61
  "@storybook/nextjs": "^8.2.8",
62
62
  "@storybook/react": "^8.2.8",
63
63
  "@storybook/test": "^8.2.8",
64
- "@types/css-modules": "^1.0.5",
65
64
  "@types/node": "^20",
66
65
  "@types/react": "^18",
67
66
  "@types/react-dom": "^18",