carbon-addons-iot-react 2.149.0-next.45 → 2.149.0-next.48
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 +44 -0
- package/css/carbon-addons-iot-react.css +44 -0
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/components/Card/Card.js +58 -11
- package/es/components/Card/CardTypeContent.js +162 -0
- package/es/components/MeterChartCard/MeterChartCard.js +126 -0
- package/es/components/SparklineChartCard/SparklineChartCard.js +120 -0
- package/es/components/StackedAreaChartCard/StackedAreaChartCard.js +125 -0
- package/es/constants/CardPropTypes.js +56 -1
- package/es/constants/ChartPropTypes.js +79 -0
- package/es/constants/LayoutConstants.js +4 -1
- package/es/index.js +4 -0
- package/es/utils/cardTypeUtilityFunctions.js +103 -0
- package/lib/components/Card/Card.js +57 -10
- package/lib/components/Card/CardTypeContent.js +172 -0
- package/lib/components/MeterChartCard/MeterChartCard.js +135 -0
- package/lib/components/SparklineChartCard/SparklineChartCard.js +129 -0
- package/lib/components/StackedAreaChartCard/StackedAreaChartCard.js +134 -0
- package/lib/constants/CardPropTypes.js +58 -0
- package/lib/constants/ChartPropTypes.js +91 -0
- package/lib/constants/LayoutConstants.js +4 -1
- package/lib/css/carbon-addons-iot-react.css +44 -0
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/index.js +25 -0
- package/lib/scss/components/EmptyState/_emptystate.scss +1 -0
- package/lib/scss/components/MeterChartCard/_meter-chart-card.scss +14 -0
- package/lib/scss/components/SparklineChartCard/_sparkline-chart-card.scss +30 -0
- package/lib/scss/components/StackedAreaChartCard/_stacked-area-chart-card.scss +6 -0
- package/lib/scss/styles.scss +3 -0
- package/lib/utils/cardTypeUtilityFunctions.js +112 -0
- package/package.json +2 -2
- package/scss/components/EmptyState/_emptystate.scss +1 -0
- package/scss/components/MeterChartCard/_meter-chart-card.scss +14 -0
- package/scss/components/SparklineChartCard/_sparkline-chart-card.scss +30 -0
- package/scss/components/StackedAreaChartCard/_stacked-area-chart-card.scss +6 -0
- package/scss/styles.scss +3 -0
- package/umd/carbon-addons-iot-react.js +2296 -1566
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,50 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.149.0-next.48](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.47...v2.149.0-next.48) (2022-05-02)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **table:** empty state message with work break ([24d0659](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/24d06597c8eaf9f541003cd347eb158eb5f00640))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [2.149.0-next.47](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.46...v2.149.0-next.47) (2022-04-11)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **cardtype:** fix on color variable name ([7127e70](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/7127e7084d87b182a81b3753ff87756bdfbc08db))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [2.149.0-next.46](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.45...v2.149.0-next.46) (2022-04-05)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Bug Fixes
|
|
32
|
+
|
|
33
|
+
* **cardtype:** fix from feedback ([f0bb972](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f0bb9729a40d0c32c2bf731a42f13ba997037833))
|
|
34
|
+
* **charts:** card and charts fixes from feedback ([e44d199](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/e44d199251d201aeb14878c19b80c8ce7189466b))
|
|
35
|
+
* **meter:** meter rtl fix ([28bce66](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/28bce6679b0e1571064751ecb4878f950cdc420e))
|
|
36
|
+
* **tests:** fixes on tests and code ([6b8fef2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6b8fef27dcf3f3fe4e717ab3e7636cf785d60ea4))
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### Features
|
|
40
|
+
|
|
41
|
+
* **card:** support type prop in card and renders charts ([1e6cef5](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/1e6cef5e41abb88d95fac05f31a6ce005252d0b1))
|
|
42
|
+
* **chartcard:** support to threshold in chart cards ([34905da](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/34905dae3fd2f3df4a3cf4415e3344999daf2667))
|
|
43
|
+
* **charts:** new sparkline and meter chart ([6ffbe12](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/6ffbe12a5c173acd00eb74f713e33ffb8fa6e714))
|
|
44
|
+
* **stackedareachart:** stackedareachartcard new component ([b1220b6](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b1220b68d2cf5a40a46a6d3c807216748d94c8ef))
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
6
50
|
# [2.149.0-next.45](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.44...v2.149.0-next.45) (2022-04-04)
|
|
7
51
|
|
|
8
52
|
|
|
@@ -30869,6 +30869,7 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
|
|
|
30869
30869
|
letter-spacing: 0;
|
|
30870
30870
|
color: #161616;
|
|
30871
30871
|
margin-bottom: 0.5rem;
|
|
30872
|
+
word-break: break-word;
|
|
30872
30873
|
}
|
|
30873
30874
|
.iot--empty-state--text {
|
|
30874
30875
|
color: #161616;
|
|
@@ -38257,4 +38258,47 @@ html[dir=rtl] .iot--wizard-modal .iot--wizard-modal__content {
|
|
|
38257
38258
|
line-height: 1.33333;
|
|
38258
38259
|
letter-spacing: 0.32px;
|
|
38259
38260
|
}
|
|
38261
|
+
|
|
38262
|
+
.iot--sparkline-chart--wrapper {
|
|
38263
|
+
width: 100%;
|
|
38264
|
+
height: calc(100% - (var(--card-list-height)));
|
|
38265
|
+
}
|
|
38266
|
+
.iot--sparkline-chart--wrapper--list {
|
|
38267
|
+
display: flex;
|
|
38268
|
+
margin-bottom: 0.5rem;
|
|
38269
|
+
}
|
|
38270
|
+
.iot--sparkline-chart--wrapper--list > p,
|
|
38271
|
+
.iot--sparkline-chart--wrapper--list span {
|
|
38272
|
+
font-size: 0.75rem;
|
|
38273
|
+
font-weight: 400;
|
|
38274
|
+
line-height: 1.33333;
|
|
38275
|
+
letter-spacing: 0.32px;
|
|
38276
|
+
}
|
|
38277
|
+
.iot--sparkline-chart--wrapper--list > p {
|
|
38278
|
+
color: #525252;
|
|
38279
|
+
padding-right: 1rem;
|
|
38280
|
+
}
|
|
38281
|
+
|
|
38282
|
+
[dir=rtl] .iot--sparkline-chart--wrapper--list > p {
|
|
38283
|
+
color: #525252;
|
|
38284
|
+
padding-left: 1rem;
|
|
38285
|
+
padding-right: 0;
|
|
38286
|
+
}
|
|
38287
|
+
|
|
38288
|
+
.iot--stacked-area-chart--wrapper {
|
|
38289
|
+
width: 100%;
|
|
38290
|
+
height: 100%;
|
|
38291
|
+
}
|
|
38292
|
+
|
|
38293
|
+
.iot--meter-chart--wrapper {
|
|
38294
|
+
height: 100%;
|
|
38295
|
+
width: 100%;
|
|
38296
|
+
}
|
|
38297
|
+
|
|
38298
|
+
[dir=rtl] .iot--meter-chart--wrapper .bx--cc--meter-title .proportional-meter-total {
|
|
38299
|
+
text-anchor: start;
|
|
38300
|
+
}
|
|
38301
|
+
[dir=rtl] .iot--meter-chart--wrapper .bx--cc--meter-title .proportional-meter-title {
|
|
38302
|
+
text-anchor: end;
|
|
38303
|
+
}
|
|
38260
38304
|
/*# sourceMappingURL=carbon-addons-iot-react.css.map */
|