@wistia/ui 0.6.6-beta.13b01e29.43fc613 → 0.6.6-beta.8a5013fa.ed1975e
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 +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +8 -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.6-beta.
|
|
3
|
+
* @license @wistia/ui v0.6.6-beta.8a5013fa.ed1975e
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -9639,8 +9639,9 @@ var SelectedItemIndicatorDiv = import_styled_components62.default.div`
|
|
|
9639
9639
|
left: 0;
|
|
9640
9640
|
position: absolute;
|
|
9641
9641
|
top: 0;
|
|
9642
|
+
box-shadow: var(--wui-elevation-01);
|
|
9642
9643
|
transition:
|
|
9643
|
-
transform var(--wui-motion-duration-
|
|
9644
|
+
transform var(--wui-motion-duration-02) var(--wui-motion-ease-out),
|
|
9644
9645
|
width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
|
|
9645
9646
|
z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
|
|
9646
9647
|
`;
|
|
@@ -9748,13 +9749,16 @@ var segmentedControlItemStyles = import_styled_components64.css`
|
|
|
9748
9749
|
color: var(--wui-color-text-secondary);
|
|
9749
9750
|
cursor: pointer;
|
|
9750
9751
|
display: flex;
|
|
9752
|
+
gap: 2px;
|
|
9751
9753
|
flex-grow: 1;
|
|
9752
9754
|
flex-shrink: 1;
|
|
9753
9755
|
font-size: var(--wui-typography-label-3-size);
|
|
9754
9756
|
font-weight: var(--wui-typography-label-3-weight);
|
|
9757
|
+
line-height: var(--wui-typography-label-3-line-height);
|
|
9755
9758
|
justify-content: center;
|
|
9756
|
-
padding: 6px ${({ $hasLabel }) => $hasLabel ? "
|
|
9759
|
+
padding: 6px ${({ $hasLabel }) => $hasLabel ? "12px" : "6px"};
|
|
9757
9760
|
user-select: none;
|
|
9761
|
+
transition: background-color var(--wui-motion-duration-01) var(--wui-motion-ease);
|
|
9758
9762
|
|
|
9759
9763
|
/* Icon component */
|
|
9760
9764
|
svg {
|
|
@@ -9778,13 +9782,9 @@ var segmentedControlItemStyles = import_styled_components64.css`
|
|
|
9778
9782
|
&[data-state='active'] {
|
|
9779
9783
|
color: var(--wui-color-text-selected);
|
|
9780
9784
|
cursor: default;
|
|
9781
|
-
}
|
|
9782
9785
|
|
|
9783
|
-
&:focus-visible,
|
|
9784
|
-
&[data-state='on'],
|
|
9785
|
-
&[data-state='active'] {
|
|
9786
9786
|
svg path {
|
|
9787
|
-
fill: var(--wui-color-
|
|
9787
|
+
fill: var(--wui-color-icon-selected);
|
|
9788
9788
|
}
|
|
9789
9789
|
}
|
|
9790
9790
|
|