carbon-addons-iot-react 5.13.1 → 5.15.0
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/css/carbon-addons-iot-react.css +45 -0
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/components/Button/Button.js +4 -1
- package/es/components/Card/Card.js +27 -5
- package/es/constants/CardPropTypes.js +5 -1
- package/lib/components/Button/Button.js +4 -1
- package/lib/components/Card/Card.js +27 -5
- package/lib/constants/CardPropTypes.js +5 -1
- package/lib/css/carbon-addons-iot-react.css +45 -0
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/scss/components/Button/_button.scss +18 -0
- package/lib/scss/components/Card/_card-title.scss +11 -0
- package/lib/scss/components/Card/_card-toolbar.scss +12 -0
- package/package.json +1 -1
- package/scss/components/Button/_button.scss +18 -0
- package/scss/components/Card/_card-title.scss +11 -0
- package/scss/components/Card/_card-toolbar.scss +12 -0
- package/umd/carbon-addons-iot-react.js +36 -7
|
@@ -8247,6 +8247,36 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
8247
8247
|
box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
|
8248
8248
|
}
|
|
8249
8249
|
|
|
8250
|
+
.cds--btn--tertiary--light {
|
|
8251
|
+
border-width: 1px;
|
|
8252
|
+
border-style: solid;
|
|
8253
|
+
border-color: #ffffff;
|
|
8254
|
+
background-color: transparent;
|
|
8255
|
+
color: #ffffff;
|
|
8256
|
+
}
|
|
8257
|
+
.cds--btn--tertiary--light:hover {
|
|
8258
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
|
8259
|
+
}
|
|
8260
|
+
.cds--btn--tertiary--light:focus {
|
|
8261
|
+
border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
|
|
8262
|
+
box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
|
|
8263
|
+
}
|
|
8264
|
+
.cds--btn--tertiary--light:active {
|
|
8265
|
+
background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
|
8266
|
+
}
|
|
8267
|
+
.cds--btn--tertiary--light .cds--btn__icon,
|
|
8268
|
+
.cds--btn--tertiary--light .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
|
|
8269
|
+
fill: #ffffff;
|
|
8270
|
+
}
|
|
8271
|
+
.cds--btn--tertiary--light:focus {
|
|
8272
|
+
border-color: #ffffff;
|
|
8273
|
+
box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
|
8274
|
+
}
|
|
8275
|
+
.cds--btn--tertiary--light:hover, .cds--btn--tertiary--light:active {
|
|
8276
|
+
background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
|
|
8277
|
+
border-color: #ffffff;
|
|
8278
|
+
}
|
|
8279
|
+
|
|
8250
8280
|
.cds--overflow-menu,
|
|
8251
8281
|
.cds--overflow-menu__trigger {
|
|
8252
8282
|
display: inline-block;
|
|
@@ -9224,6 +9254,14 @@ html[dir=rtl] .breadcrumb--container .cds--breadcrumb-item:last-child::after {
|
|
|
9224
9254
|
outline-offset: -2px;
|
|
9225
9255
|
}
|
|
9226
9256
|
|
|
9257
|
+
.iot--card--dark .iot--card--toolbar button.cds--overflow-menu svg {
|
|
9258
|
+
fill: white;
|
|
9259
|
+
}
|
|
9260
|
+
|
|
9261
|
+
.iot--card--dark .iot--card--toolbar button.cds--overflow-menu.cds--overflow-menu--open svg {
|
|
9262
|
+
fill: var(--cds-icon-primary, #161616);
|
|
9263
|
+
}
|
|
9264
|
+
|
|
9227
9265
|
.iot--card--title {
|
|
9228
9266
|
align-items: center;
|
|
9229
9267
|
display: flex;
|
|
@@ -9341,6 +9379,13 @@ html[dir=rtl] .iot--card--subtitle--text--padded {
|
|
|
9341
9379
|
cursor: pointer;
|
|
9342
9380
|
}
|
|
9343
9381
|
|
|
9382
|
+
.iot--card--dark .iot--card--title--text {
|
|
9383
|
+
color: var(--cds-text-on-color, #ffffff);
|
|
9384
|
+
}
|
|
9385
|
+
.iot--card--dark .iot--card--subtitle--text {
|
|
9386
|
+
color: var(--cds-text-on-color, #ffffff);
|
|
9387
|
+
}
|
|
9388
|
+
|
|
9344
9389
|
.iot--data-state-container {
|
|
9345
9390
|
padding: 0 var(--container-padding);
|
|
9346
9391
|
width: inherit;
|