@atelier-ui/react 0.2.12 → 0.2.13
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 +11 -0
- package/package.json +1 -1
- package/src/lib/button/atl-button.css +1 -1
- package/src/lib/input/atl-input.css +1 -1
- package/styles/tokens.css +7 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
## 0.2.13 (2026-08-26)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **tokens:** letter-spacing and danger focus-ring tokens; consolidate design findings ([0bdaddd](https://github.com/DominikPieper/atelier-ui/commit/0bdaddd))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Claude Opus 5
|
|
10
|
+
- Dominik Pieper @DominikPieper
|
|
11
|
+
|
|
1
12
|
## 0.2.12 (2026-08-26)
|
|
2
13
|
|
|
3
14
|
### 🚀 Features
|
package/package.json
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
font-size: var(--ui-font-size-md);
|
|
10
10
|
font-weight: var(--ui-font-weight-semibold);
|
|
11
11
|
line-height: var(--ui-line-height-tight);
|
|
12
|
-
letter-spacing: -
|
|
12
|
+
letter-spacing: var(--ui-letter-spacing-tight);
|
|
13
13
|
cursor: pointer;
|
|
14
14
|
transition: background-color var(--ui-transition-fast),
|
|
15
15
|
border-color var(--ui-transition-fast),
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
|
|
50
50
|
.atl-input.is-invalid input:focus {
|
|
51
51
|
border-color: var(--ui-color-input-border-invalid);
|
|
52
|
-
box-shadow:
|
|
52
|
+
box-shadow: var(--ui-focus-ring-danger);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
/* Non-color invalid indicator (WCAG 1.4.1) */
|
package/styles/tokens.css
CHANGED
|
@@ -203,9 +203,15 @@
|
|
|
203
203
|
--ui-transition-normal: var(--ui-duration-normal) var(--ui-ease-out);
|
|
204
204
|
--ui-transition-slow: var(--ui-duration-slow) var(--ui-ease-out);
|
|
205
205
|
|
|
206
|
-
/* Focus ring — double-ring for light & dark background compatibility
|
|
206
|
+
/* Focus ring — double-ring for light & dark background compatibility.
|
|
207
|
+
* Declared once: the inner ring tracks the surface and the outer the accent,
|
|
208
|
+
* both of which are mode-dependent, so the ring follows the mode for free.
|
|
209
|
+
* The danger variant exists so an invalid control does not have to restate
|
|
210
|
+
* the formula (it did, in atl-input.css, until 2026-08-26). */
|
|
207
211
|
--ui-focus-ring: 0 0 0 2px var(--ui-color-surface),
|
|
208
212
|
0 0 0 4px var(--ui-color-primary);
|
|
213
|
+
--ui-focus-ring-danger: 0 0 0 2px var(--ui-color-surface),
|
|
214
|
+
0 0 0 4px var(--ui-color-danger);
|
|
209
215
|
|
|
210
216
|
/* Form controls */
|
|
211
217
|
--ui-color-input-bg: var(--ui-color-surface-sunken);
|