@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 +1 -1
- package/src/components/success.js +2 -2
- package/src/styles/base.css +11 -3
package/package.json
CHANGED
|
@@ -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])
|
|
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"/>
|
package/src/styles/base.css
CHANGED
|
@@ -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
|
|
112
|
-
rules
|
|
113
|
-
src/styles/icon-size.test.js
|
|
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;
|