allaw-ui 1.0.63 → 1.0.64

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/caseLinkCard/CaseLinkCard.css +66 -61
  2. package/dist/components/molecules/caseLinkCard/CaseLinkCard.d.ts +1 -1
  3. package/dist/components/molecules/caseLinkCard/CaseLinkCard.js +6 -6
  4. package/package.json +1 -1
package/dist/components/molecules/caseLinkCard/CaseLinkCard.css CHANGED
@@ -1,89 +1,94 @@
1
1
  @import "../../../styles/colors.css";
2
2
 
3
3
  .case-card-link {
4
- display: flex;
4
+ display: flex;
5
5
 
6
- align-items: flex-start;
7
- align-self: stretch;
8
- border-radius: 8px;
9
- background: var(--Primary-Light-grey, #F4F7FB);
10
- display: flex;
11
- padding: 16px;
12
- align-items: center;
13
- gap: 16px;
6
+ align-items: flex-start;
7
+ align-self: stretch;
8
+ border-radius: 16px;
9
+ background: var(--Primary-Light-grey, #f4f7fb);
10
+ display: flex;
11
+ padding: 16px;
12
+ align-items: center;
13
+ gap: 16px;
14
+ transition:
15
+ border-color 0.2s ease,
16
+ border-width 0.2s ease;
14
17
  }
15
18
 
16
19
  .case-card-link-right {
17
- display: flex;
18
- width: 100%;
19
- flex-direction: column;
20
- justify-content: flex-end;
21
- align-items: flex-start;
22
- flex: 1 0 0;
20
+ display: flex;
21
+ width: 100%;
22
+ flex-direction: column;
23
+ justify-content: flex-end;
24
+ align-items: flex-start;
25
+ flex: 1 0 0;
23
26
  }
24
27
 
25
28
  .case-card-no-folder-wrapper {
26
- cursor: pointer;
27
- border-radius: 8px;
28
- border: 1px solid var(--Primary-Gris-de-fond, #E6EDF5);
29
- background: #fff;
30
- display: flex;
31
- flex-direction: row;
32
- justify-content: space-between;
33
- width: 100%;
34
- padding: 16px;
35
- align-items: center;
36
- gap: 56px;
37
- height: 96px;
29
+ cursor: pointer;
30
+ border-radius: 16px;
31
+ border: 1px solid var(--Primary-Gris-de-fond, #e6edf5);
32
+ background: #fff;
33
+ display: flex;
34
+ flex-direction: row;
35
+ justify-content: space-between;
36
+ width: 100%;
37
+ padding: 16px;
38
+ align-items: center;
39
+ gap: 56px;
40
+ height: 96px;
38
41
  }
39
42
 
40
- .case-card-no-folder-right {
41
- display: flex;
42
- flex-direction: column;
43
- gap: 8px;
44
-
43
+ .case-card-no-folder-wrapper:hover {
44
+ border: 1px solid var(--bleu-allaw, #25beeb);
45
45
  }
46
46
 
47
+ .case-card-no-folder-right {
48
+ display: flex;
49
+ flex-direction: column;
50
+ gap: 8px;
51
+ }
47
52
 
48
53
  .case-card-link-folder-icon {
49
- border-radius: 8px;
50
- background: rgba(255, 255, 255, 0.90);
51
- display: flex;
52
- padding: 12px 14px;
53
- flex-direction: column;
54
- justify-content: center;
55
- align-items: center;
56
- align-self: stretch;
54
+ border-radius: 8px;
55
+ background: rgba(255, 255, 255, 0.9);
56
+ display: flex;
57
+ padding: 12px 14px;
58
+ flex-direction: column;
59
+ justify-content: center;
60
+ align-items: center;
61
+ align-self: stretch;
57
62
  }
58
63
 
59
64
  .case-card-link-no-folder-icon {
60
- border-radius: 8px;
61
- background: #F4F7FB;
62
- display: flex;
63
- padding: 12px 14px;
64
- flex-direction: column;
65
- justify-content: center;
66
- align-items: center;
67
- align-self: stretch;
65
+ border-radius: 8px;
66
+ background: #f4f7fb;
67
+ display: flex;
68
+ padding: 12px 14px;
69
+ flex-direction: column;
70
+ justify-content: center;
71
+ align-items: center;
72
+ align-self: stretch;
68
73
  }
69
74
 
70
75
  .case-card-link-info-row {
71
- display: flex;
72
- width: 100%;
73
- flex-direction: row;
74
- justify-content: space-between;
76
+ display: flex;
77
+ width: 100%;
78
+ flex-direction: row;
79
+ justify-content: space-between;
75
80
  }
76
81
 
77
82
  .case-card-link-info-row-bottom {
78
- display: flex;
79
- width: 100%;
80
- flex-direction: row;
81
- justify-content: space-between;
82
- align-items: end;
83
+ display: flex;
84
+ width: 100%;
85
+ flex-direction: row;
86
+ justify-content: space-between;
87
+ align-items: end;
83
88
  }
84
89
 
85
90
  .case-card-link-info-col {
86
- display: flex;
87
- flex-direction:column;
88
- justify-content: space-between;
89
- }
91
+ display: flex;
92
+ flex-direction: column;
93
+ justify-content: space-between;
94
+ }
package/dist/components/molecules/caseLinkCard/CaseLinkCard.d.ts CHANGED
@@ -9,5 +9,5 @@ export type CaseLinkCardProps = {
9
9
  onCaseCardClick?: () => any;
10
10
  onCaseLinkRequest?: () => any;
11
11
  };
12
- declare function CaseLinkCard({ proName, caseName, createdDate, onCaseCardClick, isLoading, canLinkCase, onCaseLinkRequest }: CaseLinkCardProps): React.JSX.Element;
12
+ declare function CaseLinkCard({ proName, caseName, createdDate, onCaseCardClick, isLoading, canLinkCase, onCaseLinkRequest, }: CaseLinkCardProps): React.JSX.Element;
13
13
  export default CaseLinkCard;
package/dist/components/molecules/caseLinkCard/CaseLinkCard.js CHANGED
@@ -14,7 +14,7 @@ function CaseLinkCard(_a) {
14
14
  var formatProName = function (name) {
15
15
  return "Ma\u00EEtre ".concat(name).toUpperCase();
16
16
  };
17
- return !isLoading ? React.createElement(React.Fragment, null, caseName || (!onCaseLinkRequest && !canLinkCase) ? React.createElement(React.Fragment, null,
17
+ return !isLoading ? (React.createElement(React.Fragment, null, caseName || (!onCaseLinkRequest && !canLinkCase) ? (React.createElement(React.Fragment, null,
18
18
  React.createElement("div", { className: "case-card-link", onClick: function () { return onCaseCardClick && onCaseCardClick(); }, style: { cursor: onCaseCardClick ? "pointer" : "default" } },
19
19
  React.createElement("div", { className: "case-card-link-folder-icon" },
20
20
  React.createElement("i", { className: "allaw-icon-folder", style: { fontSize: "20px" } })),
@@ -22,16 +22,16 @@ function CaseLinkCard(_a) {
22
22
  React.createElement("div", { className: "case-card-link-right" },
23
23
  React.createElement("div", { className: "case-card-link-info-row" },
24
24
  React.createElement(SmallTitle, { text: "DOSSIER", variant: "semiBold12", color: "dark-grey" }),
25
- createdDate && React.createElement(SmallTitle, { text: "Cr\u00E9\u00E9 le ".concat(formatDate(createdDate)), variant: "semiBold12", color: "dark-grey" })),
25
+ createdDate && (React.createElement(SmallTitle, { text: "Cr\u00E9\u00E9 le ".concat(formatDate(createdDate)), variant: "semiBold12", color: "dark-grey" }))),
26
26
  React.createElement("div", { className: "case-card-link-info-row-bottom" },
27
27
  React.createElement("div", { className: "case-card-link-info-col" },
28
28
  React.createElement(Paragraph, { variant: "bold", size: "default", text: caseName, maxLines: 1 }),
29
- proName && React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: formatProName(proName) })),
30
- React.createElement("i", { className: "allaw-icon-arrow-right" })))))) : React.createElement("div", { className: "case-card-no-folder-wrapper", onClick: function () { return onCaseLinkRequest && onCaseLinkRequest(); } },
29
+ proName && (React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: formatProName(proName) }))),
30
+ React.createElement("i", { className: "allaw-icon-arrow-right" }))))))) : (React.createElement("div", { className: "case-card-no-folder-wrapper", onClick: function () { return onCaseLinkRequest && onCaseLinkRequest(); } },
31
31
  React.createElement("div", { className: "case-card-no-folder-right" },
32
- React.createElement(SmallTitle, { text: "CE RENDEZ-VOUS N'APPARTIENT A AUNCUN DOSSIER", variant: "semiBold12", color: "dark-grey" }),
32
+ React.createElement(SmallTitle, { text: "AUNCUN DOSSIER LI\u00C9", variant: "semiBold12", color: "dark-grey" }),
33
33
  React.createElement(Paragraph, { variant: "bold", size: "default", text: "Ajouter à un dossier", maxLines: 1 })),
34
34
  React.createElement("div", { className: "case-card-link-no-folder-icon" },
35
- React.createElement("i", { className: "allaw-icon-add", style: { fontSize: "18px" } })))) : React.createElement(LoadingBox, { boxHeight: "100px", boxRadius: "8px", boxWidth: "100%" });
35
+ React.createElement("i", { className: "allaw-icon-add", style: { fontSize: "18px" } })))))) : (React.createElement(LoadingBox, { boxHeight: "100px", boxRadius: "8px", boxWidth: "100%" }));
36
36
  }
37
37
  export default CaseLinkCard;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "allaw-ui",
3
- "version": "1.0.63",
3
+ "version": "1.0.64",
4
4
  "description": "Composants UI pour l'application Allaw",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",