mac-human-design 0.1.14 → 0.1.15
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 +10 -0
- package/package.json +1 -1
- package/src/styles/macosBaseUi.css +16 -6
package/changelog.md
CHANGED
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
This file tracks changes between published npm versions of `mac-human-design`.
|
|
4
4
|
|
|
5
|
+
## 0.1.15
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Added shared macOS motion timing tokens and applied them to controls and
|
|
10
|
+
floating surfaces for more consistent UI motion.
|
|
11
|
+
- Replaced button active-state vertical translation with non-positional pressed
|
|
12
|
+
feedback, keeping icon-only controls visually anchored while pressed.
|
|
13
|
+
- Bumped the package to `0.1.15`.
|
|
14
|
+
|
|
5
15
|
## 0.1.14
|
|
6
16
|
|
|
7
17
|
### Added
|
package/package.json
CHANGED
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
0 1px 0 rgba(255, 255, 255, 0.86) inset,
|
|
25
25
|
0 1px 1px rgba(15, 23, 42, 0.08);
|
|
26
26
|
--hd-mac-focus-ring: 0 0 0 3px color-mix(in srgb, var(--hd-mac-blue) 28%, transparent);
|
|
27
|
+
--hd-mac-motion-fast: 90ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
28
|
+
--hd-mac-motion-standard: 140ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
29
|
+
--hd-mac-motion-surface: 180ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
@media (prefers-color-scheme: dark) {
|
|
@@ -157,11 +160,11 @@
|
|
|
157
160
|
user-select: none;
|
|
158
161
|
white-space: nowrap;
|
|
159
162
|
transition:
|
|
160
|
-
background-color
|
|
161
|
-
border-color
|
|
162
|
-
box-shadow
|
|
163
|
-
filter
|
|
164
|
-
transform
|
|
163
|
+
background-color var(--hd-mac-motion-standard),
|
|
164
|
+
border-color var(--hd-mac-motion-standard),
|
|
165
|
+
box-shadow var(--hd-mac-motion-standard),
|
|
166
|
+
filter var(--hd-mac-motion-fast),
|
|
167
|
+
transform var(--hd-mac-motion-fast);
|
|
165
168
|
}
|
|
166
169
|
|
|
167
170
|
.hd-mac-button:hover,
|
|
@@ -177,8 +180,10 @@
|
|
|
177
180
|
.hd-mac-toggle:active,
|
|
178
181
|
.hd-mac-toolbar-button:active,
|
|
179
182
|
.hd-mac-stepper-button:active {
|
|
180
|
-
transform: translateY(1px);
|
|
181
183
|
filter: brightness(0.98);
|
|
184
|
+
box-shadow:
|
|
185
|
+
0 1px 0 rgba(0, 0, 0, 0.06) inset,
|
|
186
|
+
0 1px 1px rgba(15, 23, 42, 0.04);
|
|
182
187
|
}
|
|
183
188
|
|
|
184
189
|
.hd-mac-button:focus-visible,
|
|
@@ -515,6 +520,11 @@
|
|
|
515
520
|
box-shadow: var(--hd-mac-shadow);
|
|
516
521
|
backdrop-filter: saturate(180%) blur(28px);
|
|
517
522
|
-webkit-backdrop-filter: saturate(180%) blur(28px);
|
|
523
|
+
transform-origin: center;
|
|
524
|
+
transition:
|
|
525
|
+
opacity var(--hd-mac-motion-surface),
|
|
526
|
+
transform var(--hd-mac-motion-surface),
|
|
527
|
+
box-shadow var(--hd-mac-motion-surface);
|
|
518
528
|
}
|
|
519
529
|
|
|
520
530
|
.hd-mac-popup,
|