@thalassic/themes 22.19.2 → 22.19.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/package.json
CHANGED
|
@@ -11,6 +11,13 @@
|
|
|
11
11
|
.tls-tabs {
|
|
12
12
|
--tls-tabs-gap: var(--spacing-4);
|
|
13
13
|
--tls-tabs-content-padding: 0;
|
|
14
|
+
// Name the content panel carries into a view transition. Left unnamed the
|
|
15
|
+
// panel is captured as part of whichever group encloses it and travels with
|
|
16
|
+
// it; naming it makes the panel a group of its own, so a transition can move
|
|
17
|
+
// the panel while the header strip holds still. Declared on the container
|
|
18
|
+
// rather than left to inherit, since a view-transition name has to be unique
|
|
19
|
+
// across the document and so belongs to one strip at a time.
|
|
20
|
+
--tls-tabs-content-transition-name: none;
|
|
14
21
|
|
|
15
22
|
display: flex;
|
|
16
23
|
flex-direction: column;
|
|
@@ -19,6 +26,8 @@
|
|
|
19
26
|
.tls-tabs-content {
|
|
20
27
|
padding: var(--tls-tabs-content-padding);
|
|
21
28
|
|
|
29
|
+
view-transition-name: var(--tls-tabs-content-transition-name);
|
|
30
|
+
|
|
22
31
|
// Tab panel — the tabs primitive marks hidden panels `inert`
|
|
23
32
|
.tls-tab {
|
|
24
33
|
&[inert] {
|