guestbell-forms 2.0.271 → 2.0.272

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.
Files changed (6) hide show
  1. package/build/dist/guestbell-forms.css +42 -35
  2. package/build/dist/guestbell-forms.css.map +1 -1
  3. package/build/dist/guestbell-forms.min.css +1 -1
  4. package/build/dist/report.html +1 -1
  5. package/build/scss/components/button/buttons.scss +7 -5
  6. package/package.json +1 -1
package/build/dist/guestbell-forms.css CHANGED
@@ -1010,17 +1010,18 @@
1010
1010
  background-color: #10bdc7;
1011
1011
  fill: white;
1012
1012
  color: white; }
1013
- .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1013
+ .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1014
1014
  background-color: #0d9ea6; }
1015
1015
  .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1016
1016
  box-shadow: inset 0 0 0 1px #10bdc7 !important;
1017
1017
  color: #10bdc7;
1018
1018
  fill: #10bdc7;
1019
1019
  background-color: transparent; }
1020
- .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1021
- color: white;
1022
- fill: white;
1023
- background-color: #10bdc7; }
1020
+ @media (hover: hover) and (pointer: fine) {
1021
+ .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1022
+ color: white;
1023
+ fill: white;
1024
+ background-color: #10bdc7; } }
1024
1025
  .guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank {
1025
1026
  color: #10bdc7;
1026
1027
  fill: #10bdc7;
@@ -1055,17 +1056,18 @@
1055
1056
  background-color: #5cb85c;
1056
1057
  fill: white;
1057
1058
  color: white; }
1058
- .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1059
+ .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1059
1060
  background-color: #49a749; }
1060
1061
  .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1061
1062
  box-shadow: inset 0 0 0 1px #5cb85c !important;
1062
1063
  color: #5cb85c;
1063
1064
  fill: #5cb85c;
1064
1065
  background-color: transparent; }
1065
- .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1066
- color: white;
1067
- fill: white;
1068
- background-color: #5cb85c; }
1066
+ @media (hover: hover) and (pointer: fine) {
1067
+ .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1068
+ color: white;
1069
+ fill: white;
1070
+ background-color: #5cb85c; } }
1069
1071
  .guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank {
1070
1072
  color: #5cb85c;
1071
1073
  fill: #5cb85c;
@@ -1100,17 +1102,18 @@
1100
1102
  background-color: white;
1101
1103
  fill: #555555;
1102
1104
  color: #555555; }
1103
- .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1105
+ .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1104
1106
  background-color: #ededed; }
1105
1107
  .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1106
1108
  box-shadow: inset 0 0 0 1px white !important;
1107
1109
  color: white;
1108
1110
  fill: white;
1109
1111
  background-color: transparent; }
1110
- .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1111
- color: #555555;
1112
- fill: #555555;
1113
- background-color: white; }
1112
+ @media (hover: hover) and (pointer: fine) {
1113
+ .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1114
+ color: #555555;
1115
+ fill: #555555;
1116
+ background-color: white; } }
1114
1117
  .guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank {
1115
1118
  color: white;
1116
1119
  fill: white;
@@ -1145,17 +1148,18 @@
1145
1148
  background-color: #a8dadc;
1146
1149
  fill: white;
1147
1150
  color: white; }
1148
- .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1151
+ .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1149
1152
  background-color: #8fcfd2; }
1150
1153
  .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1151
1154
  box-shadow: inset 0 0 0 1px #a8dadc !important;
1152
1155
  color: #a8dadc;
1153
1156
  fill: #a8dadc;
1154
1157
  background-color: transparent; }
1155
- .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1156
- color: white;
1157
- fill: white;
1158
- background-color: #a8dadc; }
1158
+ @media (hover: hover) and (pointer: fine) {
1159
+ .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1160
+ color: white;
1161
+ fill: white;
1162
+ background-color: #a8dadc; } }
1159
1163
  .guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank {
1160
1164
  color: #a8dadc;
1161
1165
  fill: #a8dadc;
@@ -1190,17 +1194,18 @@
1190
1194
  background-color: #d9534f;
1191
1195
  fill: white;
1192
1196
  color: white; }
1193
- .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1197
+ .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1194
1198
  background-color: #d33632; }
1195
1199
  .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1196
1200
  box-shadow: inset 0 0 0 1px #d9534f !important;
1197
1201
  color: #d9534f;
1198
1202
  fill: #d9534f;
1199
1203
  background-color: transparent; }
1200
- .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1201
- color: white;
1202
- fill: white;
1203
- background-color: #d9534f; }
1204
+ @media (hover: hover) and (pointer: fine) {
1205
+ .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1206
+ color: white;
1207
+ fill: white;
1208
+ background-color: #d9534f; } }
1204
1209
  .guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank {
1205
1210
  color: #d9534f;
1206
1211
  fill: #d9534f;
@@ -1235,17 +1240,18 @@
1235
1240
  background-color: #f0ad4e;
1236
1241
  fill: white;
1237
1242
  color: white; }
1238
- .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1243
+ .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1239
1244
  background-color: #ed9e2d; }
1240
1245
  .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1241
1246
  box-shadow: inset 0 0 0 1px #f0ad4e !important;
1242
1247
  color: #f0ad4e;
1243
1248
  fill: #f0ad4e;
1244
1249
  background-color: transparent; }
1245
- .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1246
- color: white;
1247
- fill: white;
1248
- background-color: #f0ad4e; }
1250
+ @media (hover: hover) and (pointer: fine) {
1251
+ .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1252
+ color: white;
1253
+ fill: white;
1254
+ background-color: #f0ad4e; } }
1249
1255
  .guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank {
1250
1256
  color: #f0ad4e;
1251
1257
  fill: #f0ad4e;
@@ -1280,17 +1286,18 @@
1280
1286
  background-color: #555555;
1281
1287
  fill: white;
1282
1288
  color: white; }
1283
- .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):hover {
1289
+ .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):hover {
1284
1290
  background-color: #434343; }
1285
1291
  .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined {
1286
1292
  box-shadow: inset 0 0 0 1px #555555 !important;
1287
1293
  color: #555555;
1288
1294
  fill: #555555;
1289
1295
  background-color: transparent; }
1290
- .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1291
- color: white;
1292
- fill: white;
1293
- background-color: #555555; }
1296
+ @media (hover: hover) and (pointer: fine) {
1297
+ .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover {
1298
+ color: white;
1299
+ fill: white;
1300
+ background-color: #555555; } }
1294
1301
  .guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank {
1295
1302
  color: #555555;
1296
1303
  fill: #555555;