@react-magma/charts 12.0.0-next.5 → 12.0.0-next.6
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/charts.js +1 -1
- package/dist/charts.js.map +1 -1
- package/dist/charts.modern.module.js +1 -1
- package/dist/charts.modern.module.js.map +1 -1
- package/dist/charts.umd.js +1 -1
- package/dist/charts.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CarbonChart/CarbonChart.tsx +34 -0
package/package.json
CHANGED
|
@@ -209,6 +209,7 @@ const CarbonChartWrapper = styled.div<{
|
|
|
209
209
|
.cds--cc--grid rect.chart-grid-backdrop {
|
|
210
210
|
fill: transparent;
|
|
211
211
|
}
|
|
212
|
+
.cds--cc--scatter circle.dot,
|
|
212
213
|
.cds--cc--scatter circle.dot.hovered {
|
|
213
214
|
padding: 10px;
|
|
214
215
|
}
|
|
@@ -218,6 +219,36 @@ const CarbonChartWrapper = styled.div<{
|
|
|
218
219
|
stroke-width: 6px;
|
|
219
220
|
transition: 0.1s all linear;
|
|
220
221
|
}
|
|
222
|
+
.cds--cc--scatter circle.dot {
|
|
223
|
+
filter: drop-shadow(
|
|
224
|
+
1px 0px 0px
|
|
225
|
+
${props =>
|
|
226
|
+
props.isInverse
|
|
227
|
+
? props.theme.colors.primary600
|
|
228
|
+
: props.theme.colors.neutral100}
|
|
229
|
+
)
|
|
230
|
+
drop-shadow(
|
|
231
|
+
-1px 0px 0px
|
|
232
|
+
${props =>
|
|
233
|
+
props.isInverse
|
|
234
|
+
? props.theme.colors.primary600
|
|
235
|
+
: props.theme.colors.neutral100}
|
|
236
|
+
)
|
|
237
|
+
drop-shadow(
|
|
238
|
+
0px 1px 0px
|
|
239
|
+
${props =>
|
|
240
|
+
props.isInverse
|
|
241
|
+
? props.theme.colors.primary600
|
|
242
|
+
: props.theme.colors.neutral100}
|
|
243
|
+
)
|
|
244
|
+
drop-shadow(
|
|
245
|
+
0px -1px 0px
|
|
246
|
+
${props =>
|
|
247
|
+
props.isInverse
|
|
248
|
+
? props.theme.colors.primary600
|
|
249
|
+
: props.theme.colors.neutral100}
|
|
250
|
+
);
|
|
251
|
+
}
|
|
221
252
|
.cds--cc--scatter circle.dot.hovered {
|
|
222
253
|
stroke-width: 0.5em;
|
|
223
254
|
transition: 0.1s all linear;
|
|
@@ -250,14 +281,17 @@ const CarbonChartWrapper = styled.div<{
|
|
|
250
281
|
: props.theme.colors.neutral100}
|
|
251
282
|
);
|
|
252
283
|
}
|
|
284
|
+
.cds--cc--lollipop circle.dot,
|
|
253
285
|
.cds--cc--lollipop circle.dot.filled,
|
|
254
286
|
.cds--cc--lollipop circle.dot.hovered {
|
|
255
287
|
stroke-width: 15px;
|
|
256
288
|
}
|
|
289
|
+
.cds--cc--scatter-stacked circle.dot,
|
|
257
290
|
.cds--cc--scatter-stacked circle.dot.hovered,
|
|
258
291
|
.cds--cc--scatter-stacked circle.dot.unfilled,
|
|
259
292
|
.cds--cc--scatter circle.dot.unfilled,
|
|
260
293
|
.cds--cc--lollipop circle.dot.filled,
|
|
294
|
+
.cds--cc--lollipop circle.dot,
|
|
261
295
|
.cds--cc--lollipop circle.dot.hovered {
|
|
262
296
|
transition: 0.1s all linear;
|
|
263
297
|
filter: drop-shadow(
|