@axinom/mosaic-ui 0.67.0-rc.6 → 0.67.0
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.
- package/dist/components/Explorer/Explorer.d.ts.map +1 -1
- package/dist/components/FormElements/DateTimeField/DateTimeText.d.ts.map +1 -1
- package/dist/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Explorer/Explorer.tsx +3 -1
- package/src/components/Filters/Filter/Filter.scss +9 -1
- package/src/components/Filters/SelectionTypes/DateTimeFilter/DateTimeFilter.scss +18 -4
- package/src/components/FormElements/CustomTags/CustomTags.scss +10 -4
- package/src/components/FormElements/CustomTags/CustomTags.tsx +1 -1
- package/src/components/FormElements/DateTimeField/DateTimeText.tsx +0 -6
- package/src/components/FormElements/Tags/Tags.scss +6 -2
- package/src/components/FormElements/Tags/Tags.tsx +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axinom/mosaic-ui",
|
|
3
|
-
"version": "0.67.0
|
|
3
|
+
"version": "0.67.0",
|
|
4
4
|
"description": "UI components for building Axinom Mosaic applications",
|
|
5
5
|
"author": "Axinom",
|
|
6
6
|
"license": "PROPRIETARY",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"publishConfig": {
|
|
113
113
|
"access": "public"
|
|
114
114
|
},
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "b48ca504a563d87a93d0b577c20e52175a90179f"
|
|
116
116
|
}
|
|
@@ -476,7 +476,9 @@ export const Explorer = React.forwardRef(function Explorer<T extends Data>(
|
|
|
476
476
|
textWrap={textWrap}
|
|
477
477
|
keyProperty={keyProperty}
|
|
478
478
|
showActionButton={
|
|
479
|
-
Boolean(generateItemLink) ||
|
|
479
|
+
Boolean(generateItemLink) ||
|
|
480
|
+
Boolean(onItemClicked) ||
|
|
481
|
+
listSelectionMode !== ListSelectMode.None
|
|
480
482
|
} // or hard code to `true`?
|
|
481
483
|
selectionMode={listSelectionMode}
|
|
482
484
|
enableSelectAll={enableSelectAll}
|
|
@@ -94,6 +94,7 @@ $input-inactive: 1px solid var(--input-border-color, $input-border-color);
|
|
|
94
94
|
.button {
|
|
95
95
|
height: 40px;
|
|
96
96
|
width: 40px;
|
|
97
|
+
transition: background-color 120ms linear, color 120ms linear;
|
|
97
98
|
|
|
98
99
|
svg * {
|
|
99
100
|
stroke: var(
|
|
@@ -101,8 +102,15 @@ $input-inactive: 1px solid var(--input-border-color, $input-border-color);
|
|
|
101
102
|
$filter-context-button-color
|
|
102
103
|
);
|
|
103
104
|
}
|
|
104
|
-
}
|
|
105
105
|
|
|
106
|
+
&:hover {
|
|
107
|
+
background-color: var(--input-hover-color, $input-hover-color);
|
|
108
|
+
|
|
109
|
+
svg * {
|
|
110
|
+
stroke: white; /* white foreground */
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
106
114
|
span {
|
|
107
115
|
padding-left: 30px;
|
|
108
116
|
}
|
|
@@ -43,17 +43,31 @@
|
|
|
43
43
|
height: 60%;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
+
/* default icon colors */
|
|
46
47
|
svg * {
|
|
47
48
|
stroke: var(
|
|
48
49
|
--filter-context-button-color,
|
|
49
50
|
$filter-context-button-color
|
|
50
51
|
);
|
|
51
52
|
}
|
|
52
|
-
}
|
|
53
53
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
&:hover,
|
|
55
|
+
&:focus,
|
|
56
|
+
&:focus-visible {
|
|
57
|
+
background-color: var(
|
|
58
|
+
--filter-context-button-color,
|
|
59
|
+
$filter-context-button-color
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
svg * {
|
|
63
|
+
stroke: #ffffff;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&.hasError {
|
|
68
|
+
border: 3px solid
|
|
69
|
+
var(--input-invalid-border-color, $input-invalid-border-color);
|
|
70
|
+
}
|
|
57
71
|
}
|
|
58
72
|
}
|
|
59
73
|
|
|
@@ -9,17 +9,20 @@
|
|
|
9
9
|
.selectedItem {
|
|
10
10
|
width: max-content;
|
|
11
11
|
display: grid;
|
|
12
|
+
align-items: center;
|
|
12
13
|
grid-template-columns: auto 50px;
|
|
13
14
|
background-color: var(--tag-background-color, $tag-background-color);
|
|
14
15
|
|
|
15
16
|
span {
|
|
16
17
|
border: none;
|
|
17
|
-
border-right: none;
|
|
18
|
-
display: grid;
|
|
19
|
-
align-items: center;
|
|
20
18
|
padding: 10px 5px 10px 15px;
|
|
21
19
|
font-size: var(--label-font-size, $label-font-size);
|
|
22
20
|
color: $tag-font-color;
|
|
21
|
+
|
|
22
|
+
max-width: 300px;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
text-overflow: ellipsis;
|
|
25
|
+
white-space: nowrap;
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
&.disabled span {
|
|
@@ -145,7 +148,10 @@
|
|
|
145
148
|
&.hasError {
|
|
146
149
|
background-color: white;
|
|
147
150
|
svg * {
|
|
148
|
-
stroke: var(
|
|
151
|
+
stroke: var(
|
|
152
|
+
--custom-tags-disabled-button-stroke-color,
|
|
153
|
+
$custom-tags-disabled-button-stroke-color
|
|
154
|
+
);
|
|
149
155
|
}
|
|
150
156
|
}
|
|
151
157
|
|
|
@@ -31,14 +31,18 @@
|
|
|
31
31
|
display: grid;
|
|
32
32
|
grid-template-columns: auto 50px;
|
|
33
33
|
background-color: var(--tag-background-color, $tag-background-color);
|
|
34
|
+
align-items: center;
|
|
34
35
|
|
|
35
36
|
span {
|
|
36
37
|
border-right: none;
|
|
37
|
-
display: grid;
|
|
38
|
-
align-items: center;
|
|
39
38
|
padding: 10px 5px 10px 15px;
|
|
40
39
|
font-size: var(--label-font-size, $label-font-size);
|
|
41
40
|
color: $tag-font-color;
|
|
41
|
+
|
|
42
|
+
max-width: 300px;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
text-overflow: ellipsis;
|
|
45
|
+
white-space: nowrap;
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
&.disabled span {
|