@apliteni/apliteni-ui 0.9.0 → 0.9.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apliteni/apliteni-ui",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "workspaces": [
5
5
  "react"
6
6
  ],
@@ -23,8 +23,8 @@ import { esc, button } from './index.js';
23
23
  // the tick that strokes on via dash-offset, and a burst ring that expands and
24
24
  // fades. viewBox 0 0 52 52; the tick path length is ~34 (dasharray tuned to it).
25
25
  export function successCheck() {
26
- // width/height attributes keep the base svg:not([width]) fallback from
27
- // sizing us; the real size is set per-layout in success.css.
26
+ // width/height attributes keep the base svg:where(:not([width]):not([height]))
27
+ // fallback from sizing us; the real size is set per-layout in success.css.
28
28
  return `<svg class="ui-sx__check" width="52" height="52" viewBox="0 0 52 52" aria-hidden="true" focusable="false">
29
29
  <circle class="ui-sx__ring" cx="26" cy="26" r="24"/>
30
30
  <circle class="ui-sx__disc" cx="26" cy="26" r="24"/>
@@ -108,9 +108,17 @@ a {
108
108
  `.ui-btn svg`-shaped rule in the kit no matter what order the files load in.
109
109
  It did, for every one of them bar three, and for `.ui-fbck` besides — that
110
110
  one is a class on the svg itself, so it is easy to miss when you go looking.
111
- The count is deliberately not written here: it moved once already, and the
112
- rules outside this package (site/, the Iconography story) are not in it.
113
- src/styles/icon-size.test.js keeps the ones in src/styles honest. */
111
+ The count is deliberately not written here: it moved once already. Two gates
112
+ keep the rules that compete with this one honest, each over the ground it
113
+ actually sweeps: src/styles/icon-size.test.js reads the stylesheets
114
+ src/index.css imports, and scripts/icon-size-surfaces.test.js reads the
115
+ surfaces the kit renders — the landing site's pages and the Storybook stories.
116
+ Neither claims more, and the second one's header lists what it declines to
117
+ claim; read it before trusting a green run. Two gaps are worth knowing here: a
118
+ reset scoped to an ancestor that a subject's own selector does not name is out
119
+ of reach of both, and .storybook/preview.js imports src/index.css into every
120
+ story iframe, which makes .storybook/ a third rendering surface neither gate
121
+ sweeps. Nothing in there sizes an icon today. */
114
122
  svg:where(:not([width]):not([height])) {
115
123
  width: 1.1em;
116
124
  height: 1.1em;