@carbon/charts 1.0.2 → 1.0.3
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/CHANGELOG.md +11 -0
- package/demo/styles.css +15 -15
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/package.json +1 -1
- package/styles/components/_edge.scss +7 -7
- package/styles/components/diagrams/_card-node.scss +7 -7
- package/styles/components/diagrams/_edge.scss +7 -7
- package/styles/components/diagrams/_shape-node.scss +1 -1
- package/styles/components/diagrams/index.scss +4 -4
- package/styles.css +15 -15
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/styles/components/_card.scss +0 -98
- package/styles/components/_circle.scss +0 -47
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
@import
|
|
1
|
+
@import "@carbon/themes/scss/tokens";
|
|
2
|
+
@import "@carbon/layout/scss/spacing";
|
|
3
|
+
@import "@carbon/import-once/scss/index";
|
|
4
4
|
|
|
5
|
-
@include exports(
|
|
5
|
+
@include exports("cc-edge") {
|
|
6
6
|
.#{$prefix}--#{$charts-prefix}--edge {
|
|
7
7
|
fill: transparent;
|
|
8
8
|
}
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.#{$prefix}--#{$charts-prefix}--edge__inner {
|
|
17
|
-
stroke-width:
|
|
17
|
+
stroke-width: 0.0625rem;
|
|
18
18
|
stroke: $border-inverse;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.#{$prefix}--#{$charts-prefix}--edge__outer {
|
|
22
|
-
stroke-width:
|
|
22
|
+
stroke-width: 0.15625rem;
|
|
23
23
|
stroke: transparent;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.#{$prefix}--#{$charts-prefix}--edge:hover {
|
|
27
27
|
.#{$prefix}--#{$charts-prefix}--edge__inner {
|
|
28
|
-
stroke-width:
|
|
28
|
+
stroke-width: 0.15625rem;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
width: 100%;
|
|
10
10
|
position: absolute;
|
|
11
11
|
z-index: 0;
|
|
12
|
-
border-top:
|
|
13
|
-
border-right:
|
|
12
|
+
border-top: 0.125rem solid $layer-accent-01;
|
|
13
|
+
border-right: 0.125rem solid $layer-accent-01;
|
|
14
14
|
pointer-events: none;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
width: 100%;
|
|
26
26
|
height: 100%;
|
|
27
27
|
padding: $spacing-05 $spacing-03;
|
|
28
|
-
border-left:
|
|
28
|
+
border-left: 0.25rem solid $border-inverse;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.#{$prefix}--#{$charts-prefix}--card-node--a,
|
|
@@ -59,14 +59,14 @@
|
|
|
59
59
|
.#{$prefix}--#{$charts-prefix}--card-node--stacked {
|
|
60
60
|
&::before {
|
|
61
61
|
@include stacked-card-node();
|
|
62
|
-
left:
|
|
63
|
-
bottom:
|
|
62
|
+
left: 0.3125rem;
|
|
63
|
+
bottom: 0.3125rem;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
&::after {
|
|
67
67
|
@include stacked-card-node();
|
|
68
|
-
left:
|
|
69
|
-
bottom:
|
|
68
|
+
left: 0.6875rem;
|
|
69
|
+
bottom: 0.6875rem;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@use "@carbon/styles/scss/utilities/focus-outline" as *;
|
|
2
2
|
@use "@carbon/styles/scss/spacing" as *;
|
|
3
3
|
@use "@carbon/styles/scss/type" as *;
|
|
4
|
-
@use
|
|
4
|
+
@use "@carbon/styles/scss/theme" as *;
|
|
5
5
|
|
|
6
|
-
@include exports(
|
|
6
|
+
@include exports("cc-edge") {
|
|
7
7
|
.#{$prefix}--#{$charts-prefix}--edge {
|
|
8
8
|
fill: transparent;
|
|
9
9
|
}
|
|
@@ -15,18 +15,18 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.#{$prefix}--#{$charts-prefix}--edge__inner {
|
|
18
|
-
stroke-width:
|
|
18
|
+
stroke-width: 0.0625rem;
|
|
19
19
|
stroke: $border-strong-01;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.#{$prefix}--#{$charts-prefix}--edge__outer {
|
|
23
|
-
stroke-width:
|
|
23
|
+
stroke-width: 0.15625rem;
|
|
24
24
|
stroke: transparent;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.#{$prefix}--#{$charts-prefix}--edge:hover {
|
|
28
28
|
.#{$prefix}--#{$charts-prefix}--edge__inner {
|
|
29
|
-
stroke-width:
|
|
29
|
+
stroke-width: 0.15625rem;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
.#{$prefix}--#{$charts-prefix}--edge--tunnel {
|
|
50
50
|
.#{$prefix}--#{$charts-prefix}--edge__outer {
|
|
51
51
|
stroke: $layer-accent-01;
|
|
52
|
-
stroke-width:
|
|
52
|
+
stroke-width: 0.375rem;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
.#{$prefix}--#{$charts-prefix}--edge__outer {
|
|
62
62
|
stroke: $border-inverse;
|
|
63
|
-
stroke-width:
|
|
63
|
+
stroke-width: 0.28125rem;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
@import
|
|
4
|
-
@import
|
|
1
|
+
@import "./card-node";
|
|
2
|
+
@import "./shape-node";
|
|
3
|
+
@import "./edge";
|
|
4
|
+
@import "./marker";
|
package/styles.css
CHANGED
|
@@ -4218,7 +4218,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4218
4218
|
width: 100%;
|
|
4219
4219
|
height: 100%;
|
|
4220
4220
|
padding: 1rem 0.5rem;
|
|
4221
|
-
border-left:
|
|
4221
|
+
border-left: 0.25rem solid var(--cds-border-inverse, #161616);
|
|
4222
4222
|
}
|
|
4223
4223
|
|
|
4224
4224
|
.cds--cc--card-node--a,
|
|
@@ -4262,11 +4262,11 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4262
4262
|
width: 100%;
|
|
4263
4263
|
position: absolute;
|
|
4264
4264
|
z-index: 0;
|
|
4265
|
-
border-top:
|
|
4266
|
-
border-right:
|
|
4265
|
+
border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
|
|
4266
|
+
border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
|
|
4267
4267
|
pointer-events: none;
|
|
4268
|
-
left:
|
|
4269
|
-
bottom:
|
|
4268
|
+
left: 0.3125rem;
|
|
4269
|
+
bottom: 0.3125rem;
|
|
4270
4270
|
}
|
|
4271
4271
|
.cds--cc--card-node--stacked::after {
|
|
4272
4272
|
content: "";
|
|
@@ -4274,11 +4274,11 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4274
4274
|
width: 100%;
|
|
4275
4275
|
position: absolute;
|
|
4276
4276
|
z-index: 0;
|
|
4277
|
-
border-top:
|
|
4278
|
-
border-right:
|
|
4277
|
+
border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
|
|
4278
|
+
border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
|
|
4279
4279
|
pointer-events: none;
|
|
4280
|
-
left:
|
|
4281
|
-
bottom:
|
|
4280
|
+
left: 0.6875rem;
|
|
4281
|
+
bottom: 0.6875rem;
|
|
4282
4282
|
}
|
|
4283
4283
|
|
|
4284
4284
|
.cds--cc--card-node__column {
|
|
@@ -4336,7 +4336,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4336
4336
|
}
|
|
4337
4337
|
|
|
4338
4338
|
.cds--cc--shape-node--rounded-square {
|
|
4339
|
-
border-radius:
|
|
4339
|
+
border-radius: 0.5rem;
|
|
4340
4340
|
}
|
|
4341
4341
|
|
|
4342
4342
|
.cds--cc--shape-node--a,
|
|
@@ -4416,17 +4416,17 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4416
4416
|
}
|
|
4417
4417
|
|
|
4418
4418
|
.cds--cc--edge__inner {
|
|
4419
|
-
stroke-width:
|
|
4419
|
+
stroke-width: 0.0625rem;
|
|
4420
4420
|
stroke: var(--cds-border-strong-01, #8d8d8d);
|
|
4421
4421
|
}
|
|
4422
4422
|
|
|
4423
4423
|
.cds--cc--edge__outer {
|
|
4424
|
-
stroke-width:
|
|
4424
|
+
stroke-width: 0.15625rem;
|
|
4425
4425
|
stroke: transparent;
|
|
4426
4426
|
}
|
|
4427
4427
|
|
|
4428
4428
|
.cds--cc--edge:hover .cds--cc--edge__inner {
|
|
4429
|
-
stroke-width:
|
|
4429
|
+
stroke-width: 0.15625rem;
|
|
4430
4430
|
}
|
|
4431
4431
|
|
|
4432
4432
|
.cds--cc--edge--dash-sm {
|
|
@@ -4447,7 +4447,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4447
4447
|
|
|
4448
4448
|
.cds--cc--edge--tunnel .cds--cc--edge__outer {
|
|
4449
4449
|
stroke: var(--cds-layer-accent-01, #e0e0e0);
|
|
4450
|
-
stroke-width:
|
|
4450
|
+
stroke-width: 0.375rem;
|
|
4451
4451
|
}
|
|
4452
4452
|
|
|
4453
4453
|
.cds--cc--edge--double .cds--cc--edge__inner {
|
|
@@ -4455,7 +4455,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
|
|
|
4455
4455
|
}
|
|
4456
4456
|
.cds--cc--edge--double .cds--cc--edge__outer {
|
|
4457
4457
|
stroke: var(--cds-border-inverse, #161616);
|
|
4458
|
-
stroke-width:
|
|
4458
|
+
stroke-width: 0.28125rem;
|
|
4459
4459
|
}
|
|
4460
4460
|
|
|
4461
4461
|
.cds--cc--marker {
|