@wistia/vhs 2.47.0 → 2.47.1-beta.b025ec8f.2ad296e

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.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license VHS v2.47.0
3
+ * @license VHS v2.47.1-beta.b025ec8f.2ad296e
4
4
  *
5
5
  * Copyright (c) 2021-2024, Wistia, Inc. and its affiliates.
6
6
  *
@@ -803,6 +803,24 @@
803
803
  overflow: hidden;
804
804
  text-overflow: ellipsis;
805
805
  white-space: nowrap;
806
+
807
+ /*
808
+ Using feature detection (i.e., -webkit-named-image) we only target Safari browsers
809
+ with this additional styling to prevent a bug that's exclusive to Safari.
810
+
811
+ Note that Safari does not properly hide the truncated text for non-inline/inline-block
812
+ elements so we need to apply display: inline to all the paragraphs in the description.
813
+ see https://stackoverflow.com/a/70683084
814
+ */
815
+ @supports (background: - webkit-named-image(i)) {
816
+ & > div > div:has(p) {
817
+ margin-top: 16px;
818
+ }
819
+
820
+ & > div > div > p {
821
+ display: inline;
822
+ }
823
+ }
806
824
  `,m8=li.css`
807
825
  min-width: 0;
808
826
  `,JI=li.default.div`
@@ -1178,7 +1196,7 @@
1178
1196
  display: inline-flex;
1179
1197
  font-size: 12px;
1180
1198
  font-weight: 600;
1181
- gap: ${({theme:e})=>e.spacing.space01};
1199
+ gap: ${({theme:e})=>e.spacing.space01}; /* space between icon and label */
1182
1200
  padding-left: ${({hasIcon:e})=>e?"4px":"6px"};
1183
1201
  padding-right: 6px;
1184
1202
  width: fit-content;