@wistia/ui 0.18.0-beta.1338688d.84af1a8 → 0.18.0-beta.3b5be3b3.9e2fe2f
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 +6 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +6 -9
- 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.18.0-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.0-beta.3b5be3b3.9e2fe2f
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -47,7 +47,6 @@ var globalStyleAdjustmentsCss = css`
|
|
|
47
47
|
* 1. Without this fonts are too heavy weight in OS X Firefox
|
|
48
48
|
* 2. Design decision
|
|
49
49
|
3. See: https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
|
|
50
|
-
4. Default font settings that all elements should get unless overridden
|
|
51
50
|
*/
|
|
52
51
|
body {
|
|
53
52
|
-moz-osx-font-smoothing: grayscale; /* 1 */
|
|
@@ -55,13 +54,6 @@ var globalStyleAdjustmentsCss = css`
|
|
|
55
54
|
line-height: 1.5; /* 2 */
|
|
56
55
|
min-height: 100vh; /* 3 */
|
|
57
56
|
min-height: -webkit-fill-available; /* 3 */
|
|
58
|
-
color: var(--wui-color-text-high-contrast); /* 4 */
|
|
59
|
-
font-family: var(--wui-typography-body-2-family); /* 4 */
|
|
60
|
-
font-size: var(--wui-typography-body-2-size); /* 4 */
|
|
61
|
-
font-weight: var(--wui-typography-body-2-weight); /* 4 */
|
|
62
|
-
|
|
63
|
-
/* line-height: var(--wui-typography-body-2-line-height); */
|
|
64
|
-
margin: 0; /* 2 */
|
|
65
57
|
}
|
|
66
58
|
|
|
67
59
|
/* Remove default margin in favour of better control in authored CSS */
|
|
@@ -7732,6 +7724,7 @@ var StyledButton = styled5.button`
|
|
|
7732
7724
|
${({ $variant }) => buttonVariantsStyles[$variant]}
|
|
7733
7725
|
${({ $unstyled }) => !$unstyled && buttonBaseStyles}
|
|
7734
7726
|
${({ $fullWidth }) => $fullWidth && "width: 100%;"}
|
|
7727
|
+
align-self: flex-start;
|
|
7735
7728
|
text-align: center;
|
|
7736
7729
|
`;
|
|
7737
7730
|
var StyledButtonContent = styled5.div`
|
|
@@ -8947,6 +8940,10 @@ var ButtonGroupComponent = styled14.div`
|
|
|
8947
8940
|
justify-content: ${({ $align }) => getAlignment($align)};
|
|
8948
8941
|
width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
|
|
8949
8942
|
|
|
8943
|
+
${StyledButton} {
|
|
8944
|
+
align-self: unset;
|
|
8945
|
+
}
|
|
8946
|
+
|
|
8950
8947
|
${mq.smAndUp} {
|
|
8951
8948
|
flex-direction: row;
|
|
8952
8949
|
}
|