@carbon/charts 1.23.10 → 1.23.12

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": "@carbon/charts",
3
- "version": "1.23.10",
3
+ "version": "1.23.12",
4
4
  "description": "Carbon Charts component library",
5
5
  "type": "module",
6
6
  "module": "./dist/index.mjs",
@@ -157,5 +157,5 @@
157
157
  "url": "https://github.com/theiliad"
158
158
  }
159
159
  ],
160
- "gitHead": "a341b2def3af2a7a391e2ac6f1e00cd45c50ccc0"
160
+ "gitHead": "91799a0cfcae916d345fe7295982b1ff5829379c"
161
161
  }
@@ -10,8 +10,12 @@ div.#{globals.$prefix}--#{globals.$charts-prefix}--legend {
10
10
  flex-wrap: wrap;
11
11
 
12
12
  &[data-name='legend-items'] {
13
- width: 100%;
14
13
  margin: -5px;
14
+
15
+ // Only setting 100% width for horizontal legends (top/bottom position)
16
+ &.horizontal {
17
+ width: 100%;
18
+ }
15
19
  }
16
20
 
17
21
  div.legend-item {
@@ -82,6 +86,7 @@ div.#{globals.$prefix}--#{globals.$charts-prefix}--legend {
82
86
  div.legend-item {
83
87
  margin-right: 0;
84
88
  margin-bottom: 10px;
89
+ white-space: nowrap;
85
90
  }
86
91
  }
87
92
 
package/styles.css CHANGED
@@ -4041,9 +4041,11 @@ div.cds--cc--legend {
4041
4041
  flex-wrap: wrap;
4042
4042
  }
4043
4043
  div.cds--cc--legend[data-name=legend-items] {
4044
- width: 100%;
4045
4044
  margin: -5px;
4046
4045
  }
4046
+ div.cds--cc--legend[data-name=legend-items].horizontal {
4047
+ width: 100%;
4048
+ }
4047
4049
  div.cds--cc--legend div.legend-item {
4048
4050
  display: flex;
4049
4051
  align-items: center;
@@ -4096,6 +4098,7 @@ div.cds--cc--legend.vertical {
4096
4098
  div.cds--cc--legend.vertical div.legend-item {
4097
4099
  margin-right: 0;
4098
4100
  margin-bottom: 10px;
4101
+ white-space: nowrap;
4099
4102
  }
4100
4103
  div.cds--cc--legend.clickable div.legend-item:not(.additional):hover {
4101
4104
  cursor: pointer;