@streamscloud/embeddable 16.0.5 → 16.0.6
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.
|
@@ -93,11 +93,7 @@ const productLinkMounted = (node, productModel) => {
|
|
|
93
93
|
{@render slotContent()}
|
|
94
94
|
</a>
|
|
95
95
|
{:else}
|
|
96
|
-
<button
|
|
97
|
-
type="button"
|
|
98
|
-
class="stream-slot-content-product-link"
|
|
99
|
-
onclick={handleProductClick}
|
|
100
|
-
use:productLinkMounted={productModel}>
|
|
96
|
+
<button type="button" class="stream-slot-content-product-link" onclick={handleProductClick} use:productLinkMounted={productModel}>
|
|
101
97
|
{@render slotContent()}
|
|
102
98
|
</button>
|
|
103
99
|
{/if}
|
|
@@ -81,6 +81,7 @@ const styles = $derived.by(() => {
|
|
|
81
81
|
--sc-mc-color--text-secondary: light-dark(#6b7280, #d1d5db);
|
|
82
82
|
--sc-mc-color--text-white: #ffffff;
|
|
83
83
|
--sc-mc-color--text-white-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
|
|
84
|
+
color: var(--sc-mc-color--text-primary);
|
|
84
85
|
/* Player brand colors — overridable via --sc-player--{light|dark}--{name} custom properties */
|
|
85
86
|
--sc-player--background: light-dark(
|
|
86
87
|
var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%)),
|
|
@@ -128,10 +129,14 @@ const styles = $derived.by(() => {
|
|
|
128
129
|
height: 100%;
|
|
129
130
|
min-height: 100%;
|
|
130
131
|
max-height: 100%;
|
|
132
|
+
box-sizing: border-box;
|
|
131
133
|
container-type: inline-size;
|
|
132
134
|
display: flex;
|
|
133
135
|
flex-direction: column;
|
|
136
|
+
font: 400 16px Inter, sans-serif, arial;
|
|
137
|
+
line-height: 1.15;
|
|
134
138
|
position: relative;
|
|
139
|
+
text-align: initial;
|
|
135
140
|
}
|
|
136
141
|
.shadow-root:before {
|
|
137
142
|
content: "";
|
|
@@ -38,6 +38,8 @@
|
|
|
38
38
|
--sc-mc-color--text-white: #{colors.$color-white};
|
|
39
39
|
--sc-mc-color--text-white-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
|
|
40
40
|
|
|
41
|
+
color: var(--sc-mc-color--text-primary);
|
|
42
|
+
|
|
41
43
|
/* Player brand colors — overridable via --sc-player--{light|dark}--{name} custom properties */
|
|
42
44
|
--sc-player--background: light-dark(
|
|
43
45
|
var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%)),
|
|
@@ -10,11 +10,4 @@ export const createShadowRoot = (host) => {
|
|
|
10
10
|
};
|
|
11
11
|
const prepareShadowRootHost = (host) => {
|
|
12
12
|
host.style.all = 'unset';
|
|
13
|
-
host.style.lineHeight = '1.15';
|
|
14
|
-
host.style.font = '16px Inter, sans-serif, arial';
|
|
15
|
-
host.style.fontWeight = '400';
|
|
16
|
-
host.style.margin = '0';
|
|
17
|
-
host.style.boxSizing = 'border-box';
|
|
18
|
-
host.style.textAlign = 'initial';
|
|
19
|
-
host.style.color = 'var(--sc-mc-color--text-primary)';
|
|
20
13
|
};
|