@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.cjs
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
|
*
|
|
@@ -9624,9 +9624,8 @@ var SelectedItemIndicatorDiv = import_styled_components62.default.div`
|
|
|
9624
9624
|
left: 0;
|
|
9625
9625
|
position: absolute;
|
|
9626
9626
|
top: 0;
|
|
9627
|
-
box-shadow: var(--wui-elevation-01);
|
|
9628
9627
|
transition:
|
|
9629
|
-
transform var(--wui-motion-duration-
|
|
9628
|
+
transform var(--wui-motion-duration-03) var(--wui-motion-ease-out),
|
|
9630
9629
|
width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
|
|
9631
9630
|
z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
|
|
9632
9631
|
`;
|
|
@@ -9734,16 +9733,13 @@ var segmentedControlItemStyles = import_styled_components64.css`
|
|
|
9734
9733
|
color: var(--wui-color-text-secondary);
|
|
9735
9734
|
cursor: pointer;
|
|
9736
9735
|
display: flex;
|
|
9737
|
-
gap: 2px;
|
|
9738
9736
|
flex-grow: 1;
|
|
9739
9737
|
flex-shrink: 1;
|
|
9740
9738
|
font-size: var(--wui-typography-label-3-size);
|
|
9741
9739
|
font-weight: var(--wui-typography-label-3-weight);
|
|
9742
|
-
line-height: var(--wui-typography-label-3-line-height);
|
|
9743
9740
|
justify-content: center;
|
|
9744
|
-
padding: 6px ${({ $hasLabel }) => $hasLabel ? "
|
|
9741
|
+
padding: 6px ${({ $hasLabel }) => $hasLabel ? "8px" : "6px"};
|
|
9745
9742
|
user-select: none;
|
|
9746
|
-
transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
|
|
9747
9743
|
|
|
9748
9744
|
/* Icon component */
|
|
9749
9745
|
svg {
|
|
@@ -9767,8 +9763,13 @@ var segmentedControlItemStyles = import_styled_components64.css`
|
|
|
9767
9763
|
&[data-state='active'] {
|
|
9768
9764
|
color: var(--wui-color-text-selected);
|
|
9769
9765
|
cursor: default;
|
|
9766
|
+
}
|
|
9767
|
+
|
|
9768
|
+
&:focus-visible,
|
|
9769
|
+
&[data-state='on'],
|
|
9770
|
+
&[data-state='active'] {
|
|
9770
9771
|
svg path {
|
|
9771
|
-
fill: var(--wui-color-
|
|
9772
|
+
fill: var(--wui-color-focus-ring);
|
|
9772
9773
|
}
|
|
9773
9774
|
}
|
|
9774
9775
|
|