allaw-ui 1.0.28 → 1.0.30
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.
|
@@ -33,6 +33,11 @@
|
|
|
33
33
|
color: var(--Tags-Mid-grey, var(--light-grey, #728ea7));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.tab-navigation.normal .tab-item.inactive:hover {
|
|
37
|
+
border-bottom: 3px solid var(--venom-grey-dark, #d1dce8);
|
|
38
|
+
color: var(--Tags-Mid-grey, var(--dark-grey, #456073));
|
|
39
|
+
}
|
|
40
|
+
|
|
36
41
|
/* Style round */
|
|
37
42
|
.tab-navigation.tab-navigation--round {
|
|
38
43
|
padding: 4px;
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
border: none;
|
|
9
9
|
background: none;
|
|
10
10
|
cursor: pointer;
|
|
11
|
-
transition:
|
|
11
|
+
/* transition:
|
|
12
12
|
color 0.15s,
|
|
13
|
-
border-bottom 0.15s;
|
|
13
|
+
border-bottom 0.15s; */
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.tertiary-button-default {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
.tertiary-button-default:hover {
|
|
22
22
|
color: var(--primary-black, #171e25);
|
|
23
|
-
border-bottom: none;
|
|
23
|
+
border-bottom: none;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.tertiary-button-variant {
|
|
@@ -30,7 +30,12 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.tertiary-button-variant:hover {
|
|
33
|
-
color: var(--Primary-Dark-grey, var(--
|
|
33
|
+
color: var(--Primary-Dark-grey, var(--noir, #171e25));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tertiary-button-variant:hover .tertiary-button-icon,
|
|
37
|
+
.tertiary-button-variant:hover .tertiary-button-label {
|
|
38
|
+
color: var(--Primary-Dark-grey, var(--noir, #171e25));
|
|
34
39
|
}
|
|
35
40
|
|
|
36
41
|
.tertiary-button-icon {
|
|
@@ -40,6 +45,8 @@
|
|
|
40
45
|
width: 16px;
|
|
41
46
|
height: 16px;
|
|
42
47
|
padding: 3.333px;
|
|
48
|
+
color: inherit;
|
|
49
|
+
/* transition: color 0.15s; */
|
|
43
50
|
}
|
|
44
51
|
|
|
45
52
|
.tertiary-button-label {
|
|
@@ -48,16 +55,18 @@
|
|
|
48
55
|
font-style: normal;
|
|
49
56
|
line-height: normal;
|
|
50
57
|
letter-spacing: 0em;
|
|
58
|
+
color: inherit;
|
|
59
|
+
/* transition: color 0.15s; */
|
|
51
60
|
}
|
|
52
61
|
|
|
53
62
|
/* Styles spécifiques pour variant=false */
|
|
54
63
|
.tertiary-button-default .tertiary-button-label {
|
|
55
|
-
font-weight: 700;
|
|
64
|
+
font-weight: 700;
|
|
56
65
|
color: var(--Primary-Mid-black, var(--primary-black, #171e25));
|
|
57
66
|
}
|
|
58
67
|
|
|
59
68
|
/* Styles spécifiques pour variant=true */
|
|
60
69
|
.tertiary-button-variant .tertiary-button-label {
|
|
61
|
-
font-weight: 400;
|
|
70
|
+
font-weight: 400;
|
|
62
71
|
color: var(--Primary-Dark-grey, var(--dark-grey, #456073));
|
|
63
72
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./CaseLinkCard.css";
|
|
3
3
|
export type CaseLinkCardProps = {
|
|
4
|
-
proName
|
|
5
|
-
caseName
|
|
6
|
-
createdDate
|
|
4
|
+
proName?: string;
|
|
5
|
+
caseName?: string;
|
|
6
|
+
createdDate?: Date;
|
|
7
7
|
isLoading?: boolean;
|
|
8
|
-
canLinkCase
|
|
8
|
+
canLinkCase?: boolean;
|
|
9
9
|
onCaseCardClick?: () => any;
|
|
10
10
|
onCaseLinkRequest?: () => any;
|
|
11
11
|
};
|
|
@@ -22,11 +22,11 @@ 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
|
-
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
|
-
React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: formatProName(proName) })),
|
|
29
|
+
proName && React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: formatProName(proName) })),
|
|
30
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
32
|
React.createElement(SmallTitle, { text: "CE RENDEZ-VOUS N'APPARTIENT A AUNCUN DOSSIER", variant: "semiBold12", color: "dark-grey" }),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "allaw-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.30",
|
|
4
4
|
"description": "Composants UI pour l'application Allaw",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -75,4 +75,4 @@
|
|
|
75
75
|
"react": "^17.0.0 || ^18.0.0",
|
|
76
76
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
77
77
|
}
|
|
78
|
-
}
|
|
78
|
+
}
|