@atelier-ui/angular 0.2.12 → 0.2.14
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
package/src/styles/tokens.css
CHANGED
|
@@ -38,6 +38,18 @@
|
|
|
38
38
|
--ui-letter-spacing-wide: 0.01em;
|
|
39
39
|
--ui-letter-spacing-uppercase: 0.08em;
|
|
40
40
|
--ui-font-size-3xl: 2.25rem;
|
|
41
|
+
|
|
42
|
+
/* ── Control heights ────────────────────────────────────────
|
|
43
|
+
* The height of an interactive control is the primitive; its block padding
|
|
44
|
+
* is DERIVED from it (ADR-0041):
|
|
45
|
+
* padding-block: calc((height - line-height * font-size) / 2 - border)
|
|
46
|
+
* Stating the height and deriving the padding is what makes an input and a
|
|
47
|
+
* button the same height. Stating the padding and hoping, which is what the
|
|
48
|
+
* library did until 2026-08-26, made them 6px apart.
|
|
49
|
+
*/
|
|
50
|
+
--ui-control-height-sm: 2rem;
|
|
51
|
+
--ui-control-height-md: 2.5rem;
|
|
52
|
+
--ui-control-height-lg: 3rem;
|
|
41
53
|
--ui-font-weight-normal: 400;
|
|
42
54
|
--ui-font-weight-medium: 500;
|
|
43
55
|
--ui-font-weight-semibold: 600;
|
|
@@ -203,9 +215,15 @@
|
|
|
203
215
|
--ui-transition-normal: var(--ui-duration-normal) var(--ui-ease-out);
|
|
204
216
|
--ui-transition-slow: var(--ui-duration-slow) var(--ui-ease-out);
|
|
205
217
|
|
|
206
|
-
/* Focus ring — double-ring for light & dark background compatibility
|
|
218
|
+
/* Focus ring — double-ring for light & dark background compatibility.
|
|
219
|
+
* Declared once: the inner ring tracks the surface and the outer the accent,
|
|
220
|
+
* both of which are mode-dependent, so the ring follows the mode for free.
|
|
221
|
+
* The danger variant exists so an invalid control does not have to restate
|
|
222
|
+
* the formula (it did, in atl-input.css, until 2026-08-26). */
|
|
207
223
|
--ui-focus-ring: 0 0 0 2px var(--ui-color-surface),
|
|
208
224
|
0 0 0 4px var(--ui-color-primary);
|
|
225
|
+
--ui-focus-ring-danger: 0 0 0 2px var(--ui-color-surface),
|
|
226
|
+
0 0 0 4px var(--ui-color-danger);
|
|
209
227
|
|
|
210
228
|
/* Form controls */
|
|
211
229
|
--ui-color-input-bg: var(--ui-color-surface-sunken);
|