@betorigami/games 2.3.1 → 2.3.2
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/dist/index.mjs +16 -14
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -2062,9 +2062,9 @@ var V8=Object.create;var{getPrototypeOf:W8,defineProperty:$4,getOwnPropertyNames
|
|
|
2062
2062
|
background-color: var(--background-base, #1A1A1A);
|
|
2063
2063
|
border-radius: var(--border-radius, 10px);
|
|
2064
2064
|
height: 40px;
|
|
2065
|
-
outline:
|
|
2066
|
-
outline-offset: -
|
|
2067
|
-
transition:
|
|
2065
|
+
outline: 1px solid transparent;
|
|
2066
|
+
outline-offset: -1px;
|
|
2067
|
+
transition: opacity var(--anim-duration-fast) var(--ease-out-cubic);
|
|
2068
2068
|
}
|
|
2069
2069
|
|
|
2070
2070
|
.input-wrapper:has(.input-addon-buttons) {
|
|
@@ -2917,6 +2917,7 @@ var V8=Object.create;var{getPrototypeOf:W8,defineProperty:$4,getOwnPropertyNames
|
|
|
2917
2917
|
border-right: 1px solid var(--background-quaternary, #373737);
|
|
2918
2918
|
padding-right: 12px;
|
|
2919
2919
|
margin-right: 12px;
|
|
2920
|
+
--button-border-radius: 1000px;
|
|
2920
2921
|
}
|
|
2921
2922
|
|
|
2922
2923
|
.icon-active path { fill: var(--primary-color, #DAFF01); }
|
|
@@ -9418,16 +9419,18 @@ var V8=Object.create;var{getPrototypeOf:W8,defineProperty:$4,getOwnPropertyNames
|
|
|
9418
9419
|
min-width: inherit;
|
|
9419
9420
|
color: var(--primary-text-color, #FFFFFF);
|
|
9420
9421
|
background-color: var(--background-base, #1A1A1A);
|
|
9421
|
-
border:
|
|
9422
|
+
border: none;
|
|
9422
9423
|
border-radius: var(--border-radius, 10px);
|
|
9423
|
-
outline:
|
|
9424
|
+
outline: 2px solid transparent;
|
|
9425
|
+
outline-offset: -2px;
|
|
9424
9426
|
margin: 0;
|
|
9425
9427
|
cursor: pointer;
|
|
9426
9428
|
appearance: none;
|
|
9427
9429
|
font-size: 14px;
|
|
9430
|
+
line-height: 40px;
|
|
9428
9431
|
white-space: nowrap;
|
|
9429
9432
|
text-overflow: ellipsis;
|
|
9430
|
-
transition:
|
|
9433
|
+
transition: outline-color var(--hover-duration) var(--ease-default), opacity var(--anim-duration-fast) var(--ease-out-cubic);
|
|
9431
9434
|
-webkit-user-select: none;
|
|
9432
9435
|
user-select: none;
|
|
9433
9436
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -9441,37 +9444,36 @@ var V8=Object.create;var{getPrototypeOf:W8,defineProperty:$4,getOwnPropertyNames
|
|
|
9441
9444
|
|
|
9442
9445
|
@media (hover: hover) {
|
|
9443
9446
|
.select-input:not(:disabled):hover {
|
|
9444
|
-
|
|
9447
|
+
outline-color: var(--primary-color, #DAFF01);
|
|
9445
9448
|
}
|
|
9446
9449
|
}
|
|
9447
9450
|
|
|
9448
9451
|
.select-input:not(:disabled):active,
|
|
9449
9452
|
.select-input:not(:disabled):focus:active {
|
|
9450
|
-
|
|
9453
|
+
outline-color: var(--primary-color, #DAFF01);
|
|
9451
9454
|
}
|
|
9452
9455
|
|
|
9453
9456
|
.select-input:focus {
|
|
9454
|
-
outline:
|
|
9455
|
-
border-color: var(--primary-color, #DAFF01);
|
|
9457
|
+
outline-color: var(--primary-color, #DAFF01);
|
|
9456
9458
|
}
|
|
9457
9459
|
|
|
9458
9460
|
.select-input.error {
|
|
9459
|
-
|
|
9461
|
+
outline-color: var(--danger-color, #E83A3A);
|
|
9460
9462
|
}
|
|
9461
9463
|
|
|
9462
9464
|
@media (hover: hover) {
|
|
9463
9465
|
.select-input.error:not(:disabled):hover {
|
|
9464
|
-
|
|
9466
|
+
outline-color: rgba(233, 17, 60, 0.9);
|
|
9465
9467
|
}
|
|
9466
9468
|
}
|
|
9467
9469
|
|
|
9468
9470
|
.select-input.error:not(:disabled):active,
|
|
9469
9471
|
.select-input.error:not(:disabled):focus:active {
|
|
9470
|
-
|
|
9472
|
+
outline-color: rgba(233, 17, 60, 0.8);
|
|
9471
9473
|
}
|
|
9472
9474
|
|
|
9473
9475
|
.select-input.error:focus {
|
|
9474
|
-
|
|
9476
|
+
outline-color: var(--danger-color, #E83A3A);
|
|
9475
9477
|
}
|
|
9476
9478
|
|
|
9477
9479
|
.select-input.disabled,
|