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
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@use '@carbon/react/scss/components/button' as *;
|
|
6
6
|
@use '@carbon/react/scss/utilities/convert';
|
|
7
7
|
@use '../../globals/vars' as *;
|
|
8
|
+
@use '@carbon/styles/scss/components/button/mixins' as *;
|
|
8
9
|
|
|
9
10
|
.#{$iot-prefix}--btn {
|
|
10
11
|
.#{$prefix}--loading {
|
|
@@ -95,3 +96,20 @@
|
|
|
95
96
|
box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;
|
|
96
97
|
}
|
|
97
98
|
}
|
|
99
|
+
|
|
100
|
+
// light colored button, to be used on dark backgrounds
|
|
101
|
+
.cds--btn--tertiary--light {
|
|
102
|
+
@include button-theme(transparent, $white, $white, $background-hover, $white, $background-active);
|
|
103
|
+
|
|
104
|
+
&:focus {
|
|
105
|
+
border-color: $white;
|
|
106
|
+
box-shadow: inset 0 0 0 $button-outline-width $white,
|
|
107
|
+
inset 0 0 0 $button-border-width $background-active;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&:hover,
|
|
111
|
+
&:active {
|
|
112
|
+
background-color: $background-active;
|
|
113
|
+
border-color: $white;
|
|
114
|
+
}
|
|
115
|
+
}
|
package/package.json
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@use '@carbon/react/scss/components/button' as *;
|
|
6
6
|
@use '@carbon/react/scss/utilities/convert';
|
|
7
7
|
@use '../../globals/vars' as *;
|
|
8
|
+
@use '@carbon/styles/scss/components/button/mixins' as *;
|
|
8
9
|
|
|
9
10
|
.#{$iot-prefix}--btn {
|
|
10
11
|
.#{$prefix}--loading {
|
|
@@ -95,3 +96,20 @@
|
|
|
95
96
|
box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;
|
|
96
97
|
}
|
|
97
98
|
}
|
|
99
|
+
|
|
100
|
+
// light colored button, to be used on dark backgrounds
|
|
101
|
+
.cds--btn--tertiary--light {
|
|
102
|
+
@include button-theme(transparent, $white, $white, $background-hover, $white, $background-active);
|
|
103
|
+
|
|
104
|
+
&:focus {
|
|
105
|
+
border-color: $white;
|
|
106
|
+
box-shadow: inset 0 0 0 $button-outline-width $white,
|
|
107
|
+
inset 0 0 0 $button-border-width $background-active;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&:hover,
|
|
111
|
+
&:active {
|
|
112
|
+
background-color: $background-active;
|
|
113
|
+
border-color: $white;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
@@ -2139,7 +2139,7 @@
|
|
|
2139
2139
|
}
|
|
2140
2140
|
|
|
2141
2141
|
var _excluded$15 = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
|
|
2142
|
-
var ButtonKinds$1 = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
2142
|
+
var ButtonKinds$1 = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
|
|
2143
2143
|
var iotPrefix$2t = settings.iotPrefix;
|
|
2144
2144
|
var propTypes$2q = {
|
|
2145
2145
|
/** Show loading spinner, only new prop */
|
|
@@ -2264,6 +2264,9 @@
|
|
|
2264
2264
|
}, {
|
|
2265
2265
|
"value": "'tertiary'",
|
|
2266
2266
|
"computed": false
|
|
2267
|
+
}, {
|
|
2268
|
+
"value": "'tertiary--light'",
|
|
2269
|
+
"computed": false
|
|
2267
2270
|
}, {
|
|
2268
2271
|
"value": "'ghost'",
|
|
2269
2272
|
"computed": false
|