@wistia/ui 0.6.3-beta.5b311d65.bf5ea63 → 0.6.3
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 +9 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +9 -8
- 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.6.3
|
|
3
|
+
* @license @wistia/ui v0.6.3
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -9541,9 +9541,8 @@ var SelectedItemIndicatorDiv = styled47.div`
|
|
|
9541
9541
|
left: 0;
|
|
9542
9542
|
position: absolute;
|
|
9543
9543
|
top: 0;
|
|
9544
|
-
box-shadow: var(--wui-elevation-01);
|
|
9545
9544
|
transition:
|
|
9546
|
-
transform var(--wui-motion-duration-
|
|
9545
|
+
transform var(--wui-motion-duration-03) var(--wui-motion-ease-out),
|
|
9547
9546
|
width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
|
|
9548
9547
|
z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
|
|
9549
9548
|
`;
|
|
@@ -9651,16 +9650,13 @@ var segmentedControlItemStyles = css27`
|
|
|
9651
9650
|
color: var(--wui-color-text-secondary);
|
|
9652
9651
|
cursor: pointer;
|
|
9653
9652
|
display: flex;
|
|
9654
|
-
gap: 2px;
|
|
9655
9653
|
flex-grow: 1;
|
|
9656
9654
|
flex-shrink: 1;
|
|
9657
9655
|
font-size: var(--wui-typography-label-3-size);
|
|
9658
9656
|
font-weight: var(--wui-typography-label-3-weight);
|
|
9659
|
-
line-height: var(--wui-typography-label-3-line-height);
|
|
9660
9657
|
justify-content: center;
|
|
9661
|
-
padding: 6px ${({ $hasLabel }) => $hasLabel ? "
|
|
9658
|
+
padding: 6px ${({ $hasLabel }) => $hasLabel ? "8px" : "6px"};
|
|
9662
9659
|
user-select: none;
|
|
9663
|
-
transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
|
|
9664
9660
|
|
|
9665
9661
|
/* Icon component */
|
|
9666
9662
|
svg {
|
|
@@ -9684,8 +9680,13 @@ var segmentedControlItemStyles = css27`
|
|
|
9684
9680
|
&[data-state='active'] {
|
|
9685
9681
|
color: var(--wui-color-text-selected);
|
|
9686
9682
|
cursor: default;
|
|
9683
|
+
}
|
|
9684
|
+
|
|
9685
|
+
&:focus-visible,
|
|
9686
|
+
&[data-state='on'],
|
|
9687
|
+
&[data-state='active'] {
|
|
9687
9688
|
svg path {
|
|
9688
|
-
fill: var(--wui-color-
|
|
9689
|
+
fill: var(--wui-color-focus-ring);
|
|
9689
9690
|
}
|
|
9690
9691
|
}
|
|
9691
9692
|
|