@axinom/mosaic-ui 0.67.0-rc.14 → 0.67.0-rc.15

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axinom/mosaic-ui",
3
- "version": "0.67.0-rc.14",
3
+ "version": "0.67.0-rc.15",
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": "95881ae17ba8009db5643bbaf613623ad40f6472"
115
+ "gitHead": "a90554bb2bfdc4a112fc24983d57e01933121d71"
116
116
  }
@@ -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(--custom-tags-disabled-button-stroke-color, $custom-tags-disabled-button-stroke-color);
151
+ stroke: var(
152
+ --custom-tags-disabled-button-stroke-color,
153
+ $custom-tags-disabled-button-stroke-color
154
+ );
149
155
  }
150
156
  }
151
157
 
@@ -371,7 +371,7 @@ export const CustomTags: React.FC<CustomTagsProps> = ({
371
371
  })}
372
372
  data-test-id="tag"
373
373
  >
374
- <span>{tag}</span>
374
+ <span title={tag}>{tag}</span>
375
375
  <Button
376
376
  type="button"
377
377
  icon={IconName.X}
@@ -74,12 +74,6 @@ export const DateTimeText: React.FC<DateTimeTextProps> = ({
74
74
  padding: 8,
75
75
  },
76
76
  },
77
- {
78
- name: 'offset',
79
- options: {
80
- offset: [0, 4],
81
- },
82
- },
83
77
  ],
84
78
  });
85
79
 
@@ -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 {
@@ -188,7 +188,7 @@ export const Tags = <T,>({
188
188
  })}
189
189
  data-test-id="tag"
190
190
  >
191
- <span>{getDisplayValue(tag)}</span>
191
+ <span title={getDisplayValue(tag)}>{getDisplayValue(tag)}</span>
192
192
  <Button
193
193
  type="button"
194
194
  icon={IconName.X}