@tangle-network/brand 1.25.0 → 1.25.1
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/CHANGELOG.md +6 -0
- package/package.json +1 -1
- package/src/styles/presentation.css +8 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.25.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 19a10d9: Extend PageShell reading slots, Heading and PageHeader opt-in presentation, and Button display size. Publish React-free primitive presentation classes and native-dialog binding for Hono without changing existing control defaults.
|
|
8
|
+
|
|
3
9
|
## 1.25.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -74,15 +74,14 @@
|
|
|
74
74
|
padding: 0 1.5rem;
|
|
75
75
|
border: 1px solid transparent;
|
|
76
76
|
border-radius: var(--display-control-radius);
|
|
77
|
-
background: hsl(var(--primary));
|
|
78
|
-
color: hsl(var(--primary-foreground));
|
|
79
77
|
font: 600 var(--display-control-font-size)/1 var(--font-sans);
|
|
80
78
|
text-decoration: none;
|
|
81
79
|
white-space: nowrap;
|
|
82
80
|
box-shadow: var(--display-control-shadow);
|
|
83
81
|
cursor: pointer;
|
|
84
|
-
transition: transform var(--
|
|
82
|
+
transition: transform var(--motion-control);
|
|
85
83
|
}
|
|
84
|
+
.tangle-control-display:not([data-variant]), .tangle-control-display[data-variant="default"] { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
|
|
86
85
|
.tangle-control-display[data-variant="outline"] {
|
|
87
86
|
background: hsl(var(--card));
|
|
88
87
|
color: hsl(var(--card-foreground));
|
|
@@ -107,10 +106,8 @@
|
|
|
107
106
|
rotate: -14deg;
|
|
108
107
|
}
|
|
109
108
|
.tangle-intro-knot > svg { width: 100%; height: auto; }
|
|
110
|
-
.tangle-intro[data-motion] { animation: tangle-intro-enter var(--
|
|
111
|
-
.tangle-intro[data-motion] .tangle-intro-knot { animation: tangle-intro-drift var(--duration-expressive-ambient) ease-in-out infinite; }
|
|
109
|
+
.tangle-intro[data-motion] { animation: tangle-intro-enter var(--motion-arrive) both; }
|
|
112
110
|
@keyframes tangle-intro-enter { from { opacity: 0; transform: translateY(var(--arrive-distance)); } to { opacity: 1; transform: none; } }
|
|
113
|
-
@keyframes tangle-intro-drift { 50% { transform: translateY(-0.75rem) scale(1.04); } }
|
|
114
111
|
@media (prefers-reduced-motion: reduce) {
|
|
115
112
|
.tangle-intro, .tangle-intro *, .tangle-control-display { animation: none !important; transition: none !important; transform: none !important; }
|
|
116
113
|
}
|
|
@@ -118,3 +115,8 @@
|
|
|
118
115
|
.tangle-display[data-gradient] { background: none; color: CanvasText; }
|
|
119
116
|
.tangle-intro::before, .tangle-intro::after { display: none; }
|
|
120
117
|
}
|
|
118
|
+
|
|
119
|
+
/* Nonvisual presence markers let Radix retain its lifecycle while the shared
|
|
120
|
+
* surface adapter retargets geometry. Distinct names preserve interrupted exit. */
|
|
121
|
+
@keyframes tangle-surface-present { from { --tangle-presence: 0; } to { --tangle-presence: 1; } }
|
|
122
|
+
@keyframes tangle-surface-absent { from { --tangle-presence: 1; } to { --tangle-presence: 0; } }
|