@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.cjs
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
|
*
|
|
@@ -3586,24 +3586,6 @@ var pressedButtonVariant = import_styled_components19.css`
|
|
|
3586
3586
|
--button-color-icon: var(--wui-color-icon-selected);
|
|
3587
3587
|
--button-color-border: var(--wui-color-border-selected);
|
|
3588
3588
|
`;
|
|
3589
|
-
var buttonFocusStyles = import_styled_components19.css`
|
|
3590
|
-
&:focus {
|
|
3591
|
-
outline: none;
|
|
3592
|
-
}
|
|
3593
|
-
|
|
3594
|
-
&:focus-visible,
|
|
3595
|
-
&.force-state-focus {
|
|
3596
|
-
--wui-button-focus-color: var(--wui-color-focus-ring);
|
|
3597
|
-
|
|
3598
|
-
box-shadow:
|
|
3599
|
-
inset 0 0 0 2px var(--wui-button-focus-color),
|
|
3600
|
-
inset 0 0 0 3px var(--wui-color-bg-app);
|
|
3601
|
-
|
|
3602
|
-
&[aria-disabled='true'] {
|
|
3603
|
-
--wui-button-focus-color: var(--wui-color-focus-ring-disabled);
|
|
3604
|
-
}
|
|
3605
|
-
}
|
|
3606
|
-
`;
|
|
3607
3589
|
var buttonBaseStyles = import_styled_components19.css`
|
|
3608
3590
|
border-radius: var(--wui-border-radius-rounded);
|
|
3609
3591
|
font-family: var(--button-typography-family);
|
|
@@ -3642,6 +3624,7 @@ var buttonBaseStyles = import_styled_components19.css`
|
|
|
3642
3624
|
&:focus-visible,
|
|
3643
3625
|
&.force-state-focus {
|
|
3644
3626
|
--wui-button-focus-color: var(--wui-color-focus-ring);
|
|
3627
|
+
background: var(--button-color-bg-hover);
|
|
3645
3628
|
|
|
3646
3629
|
box-shadow:
|
|
3647
3630
|
inset 0 0 0 2px var(--wui-button-focus-color),
|
|
@@ -8291,7 +8274,18 @@ var StyledActionButton = (0, import_styled_components24.styled)(Button)`
|
|
|
8291
8274
|
background: var(--wui-color-bg-surface-tertiary);
|
|
8292
8275
|
}
|
|
8293
8276
|
|
|
8294
|
-
|
|
8277
|
+
&:focus-visible,
|
|
8278
|
+
&.force-state-focus {
|
|
8279
|
+
--wui-action-button-focus-color: var(--wui-color-focus-ring);
|
|
8280
|
+
|
|
8281
|
+
box-shadow:
|
|
8282
|
+
inset 0 0 0 2px var(--wui-action-button-focus-color),
|
|
8283
|
+
inset 0 0 0 3px var(--wui-color-bg-app);
|
|
8284
|
+
|
|
8285
|
+
&[aria-disabled='true'] {
|
|
8286
|
+
--wui-action-button-focus-color: var(--wui-color-focus-ring-disabled);
|
|
8287
|
+
}
|
|
8288
|
+
}
|
|
8295
8289
|
|
|
8296
8290
|
&[aria-disabled='true'] {
|
|
8297
8291
|
background: var(--wui-color-bg-surface-disabled);
|