carbon-addons-iot-react 5.13.1 → 5.14.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 +30 -0
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/components/Button/Button.js +4 -1
- package/lib/components/Button/Button.js +4 -1
- package/lib/css/carbon-addons-iot-react.css +30 -0
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/scss/components/Button/_button.scss +18 -0
- package/package.json +1 -1
- package/scss/components/Button/_button.scss +18 -0
- package/umd/carbon-addons-iot-react.js +4 -1
|
@@ -10,7 +10,7 @@ import { settings } from '../../constants/Settings.js';
|
|
|
10
10
|
import deprecate from '../../internal/deprecate.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
|
|
13
|
-
var ButtonKinds = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
13
|
+
var ButtonKinds = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
14
14
|
var iotPrefix = settings.iotPrefix;
|
|
15
15
|
var propTypes = {
|
|
16
16
|
/** Show loading spinner, only new prop */
|
|
@@ -135,6 +135,9 @@ Button.__docgenInfo = {
|
|
|
135
135
|
}, {
|
|
136
136
|
"value": "'tertiary'",
|
|
137
137
|
"computed": false
|
|
138
|
+
}, {
|
|
139
|
+
"value": "'tertiary--light'",
|
|
140
|
+
"computed": false
|
|
138
141
|
}, {
|
|
139
142
|
"value": "'ghost'",
|
|
140
143
|
"computed": false
|
|
@@ -21,7 +21,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
|
21
21
|
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
22
22
|
|
|
23
23
|
var _excluded = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
|
|
24
|
-
var ButtonKinds = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
24
|
+
var ButtonKinds = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
25
25
|
var iotPrefix = Settings.settings.iotPrefix;
|
|
26
26
|
var propTypes = {
|
|
27
27
|
/** Show loading spinner, only new prop */
|
|
@@ -146,6 +146,9 @@ Button.__docgenInfo = {
|
|
|
146
146
|
}, {
|
|
147
147
|
"value": "'tertiary'",
|
|
148
148
|
"computed": false
|
|
149
|
+
}, {
|
|
150
|
+
"value": "'tertiary--light'",
|
|
151
|
+
"computed": false
|
|
149
152
|
}, {
|
|
150
153
|
"value": "'ghost'",
|
|
151
154
|
"computed": false
|
|
@@ -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;
|