@wistia/ui 0.19.1-beta.b5f9943f.e933a21 → 0.19.1-beta.e1daf5c3.ed1b2c2
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.cjs +14 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +14 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.19.1-beta.
|
|
3
|
+
* @license @wistia/ui v0.19.1-beta.e1daf5c3.ed1b2c2
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -3404,24 +3404,6 @@ var pressedButtonVariant = css17`
|
|
|
3404
3404
|
--button-color-icon: var(--wui-color-icon-selected);
|
|
3405
3405
|
--button-color-border: var(--wui-color-border-selected);
|
|
3406
3406
|
`;
|
|
3407
|
-
var buttonFocusStyles = css17`
|
|
3408
|
-
&:focus {
|
|
3409
|
-
outline: none;
|
|
3410
|
-
}
|
|
3411
|
-
|
|
3412
|
-
&:focus-visible,
|
|
3413
|
-
&.force-state-focus {
|
|
3414
|
-
--wui-button-focus-color: var(--wui-color-focus-ring);
|
|
3415
|
-
|
|
3416
|
-
box-shadow:
|
|
3417
|
-
inset 0 0 0 2px var(--wui-button-focus-color),
|
|
3418
|
-
inset 0 0 0 3px var(--wui-color-bg-app);
|
|
3419
|
-
|
|
3420
|
-
&[aria-disabled='true'] {
|
|
3421
|
-
--wui-button-focus-color: var(--wui-color-focus-ring-disabled);
|
|
3422
|
-
}
|
|
3423
|
-
}
|
|
3424
|
-
`;
|
|
3425
3407
|
var buttonBaseStyles = css17`
|
|
3426
3408
|
border-radius: var(--wui-border-radius-rounded);
|
|
3427
3409
|
font-family: var(--button-typography-family);
|
|
@@ -3460,6 +3442,7 @@ var buttonBaseStyles = css17`
|
|
|
3460
3442
|
&:focus-visible,
|
|
3461
3443
|
&.force-state-focus {
|
|
3462
3444
|
--wui-button-focus-color: var(--wui-color-focus-ring);
|
|
3445
|
+
background: var(--button-color-bg-hover);
|
|
3463
3446
|
|
|
3464
3447
|
box-shadow:
|
|
3465
3448
|
inset 0 0 0 2px var(--wui-button-focus-color),
|
|
@@ -8109,7 +8092,18 @@ var StyledActionButton = styled7(Button)`
|
|
|
8109
8092
|
background: var(--wui-color-bg-surface-tertiary);
|
|
8110
8093
|
}
|
|
8111
8094
|
|
|
8112
|
-
|
|
8095
|
+
&:focus-visible,
|
|
8096
|
+
&.force-state-focus {
|
|
8097
|
+
--wui-action-button-focus-color: var(--wui-color-focus-ring);
|
|
8098
|
+
|
|
8099
|
+
box-shadow:
|
|
8100
|
+
inset 0 0 0 2px var(--wui-action-button-focus-color),
|
|
8101
|
+
inset 0 0 0 3px var(--wui-color-bg-app);
|
|
8102
|
+
|
|
8103
|
+
&[aria-disabled='true'] {
|
|
8104
|
+
--wui-action-button-focus-color: var(--wui-color-focus-ring-disabled);
|
|
8105
|
+
}
|
|
8106
|
+
}
|
|
8113
8107
|
|
|
8114
8108
|
&[aria-disabled='true'] {
|
|
8115
8109
|
background: var(--wui-color-bg-surface-disabled);
|