ionbase-ui 0.46.0 → 0.47.0
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/dist/figma-descriptions.json +39 -39
- package/dist/figma-map.json +1 -1
- package/dist/meta/components.json +1 -1
- package/dist/meta/contrast.json +432 -2060
- package/dist/meta/index.json +1 -1
- package/dist/meta/patterns/index.json +1 -1
- package/dist/styles/avatar-gradient.css +30 -24
- package/llms.txt +1 -1
- package/package.json +1 -1
package/dist/meta/index.json
CHANGED
|
@@ -67,26 +67,30 @@
|
|
|
67
67
|
* a userSpaceOnUse radial scaled per size, and the ratios come out the same
|
|
68
68
|
* to three decimals, so the geometry is written once as percentages.
|
|
69
69
|
*
|
|
70
|
-
* THE ALPHA IS A TOKEN NOW
|
|
71
|
-
*
|
|
72
|
-
*
|
|
73
|
-
*
|
|
74
|
-
*
|
|
75
|
-
* back to 4.94. 10% would land exactly on 4.50, which is not a margin.
|
|
70
|
+
* THE ALPHA IS A TOKEN NOW. It was a raw `18%` in both themes, hardcoded
|
|
71
|
+
* twice, which is a place dark mode has to be fixed by hand — the same reason
|
|
72
|
+
* the bevel below is a local. `surface/sheen` is 20% in Light and 5% in Dark,
|
|
73
|
+
* following `surface/scrim` and `surface/hover`: a translucent wash whose
|
|
74
|
+
* alpha themes.
|
|
76
75
|
*
|
|
77
|
-
* THE
|
|
78
|
-
*
|
|
79
|
-
*
|
|
80
|
-
*
|
|
81
|
-
*
|
|
82
|
-
*
|
|
83
|
-
*
|
|
84
|
-
*
|
|
76
|
+
* THE ACCESSIBILITY ARGUMENT THAT PUT IT AT 5% WAS WRONG, AND THIS COMMENT
|
|
77
|
+
* USED TO MAKE IT. It claimed the gloss dropped five of seven hues under AA in
|
|
78
|
+
* Dark — green 3.76, red 3.92, pink 4.08, orange 4.15, blue 4.23. Those
|
|
79
|
+
* numbers came from compositing the sheen at FULL STRENGTH over the `from`
|
|
80
|
+
* stop, and that pixel does not exist. `from` is the top of the disc; the
|
|
81
|
+
* radial is centred at 70.513% of the height with a vertical radius of
|
|
82
|
+
* 64.103%, so at y=0 it is 1.10 radii out — past its own transparent stop,
|
|
83
|
+
* contributing nothing. The gloss and the darkest stop never meet.
|
|
85
84
|
*
|
|
86
|
-
* The
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
*
|
|
85
|
+
* The gate evaluates the gradient geometrically as of 5 Sep 2026, and at the
|
|
86
|
+
* authored 18% the worst REAL point in Dark is 5.07 (green, at 50%,69%, where
|
|
87
|
+
* the gloss actually peaks and the disc beneath it is already near `to`).
|
|
88
|
+
* Nothing was ever failing. 5% is an aesthetic choice, not a fix, and it is
|
|
89
|
+
* only still here because it was reviewed in Figma and preferred.
|
|
90
|
+
*
|
|
91
|
+
* The worst point on this component is the bare top of the disc — 5.29 in
|
|
92
|
+
* Light (pink) and 5.31 in Dark (red), the same two numbers the stop comment
|
|
93
|
+
* below records, because the sheen never touches it.
|
|
90
94
|
*/
|
|
91
95
|
|
|
92
96
|
/*
|
|
@@ -134,12 +138,14 @@
|
|
|
134
138
|
* in the component that was not mirrored, which is precisely why Light failed
|
|
135
139
|
* and Dark did not.
|
|
136
140
|
*
|
|
137
|
-
* THE GATE
|
|
138
|
-
* `background-color`, which is what let this hide;
|
|
139
|
-
*
|
|
140
|
-
*
|
|
141
|
-
*
|
|
142
|
-
*
|
|
141
|
+
* THE GATE DOES NOT READ STOPS ANY MORE, IT EVALUATES THE GRADIENT. It began
|
|
142
|
+
* by reading only a flat `background-color`, which is what let this hide; then
|
|
143
|
+
* every stop; and as of 5 Sep 2026 it samples the disc, composites the layers
|
|
144
|
+
* at each point and reports the worst pixel the element actually paints —
|
|
145
|
+
* 5.29 in Light (pink) and 5.31 in Dark (red), both at 50%,0%, the bare top.
|
|
146
|
+
* Colours BETWEEN two stops are real pixels and none of them were measured
|
|
147
|
+
* before. Negative-tested by putting the initials back on `/600`: pink fails
|
|
148
|
+
* at 3.27 where the old gate passed it.
|
|
143
149
|
*/
|
|
144
150
|
background-color: var(--ion-avatar-gradient-to);
|
|
145
151
|
background-image:
|
package/llms.txt
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
> IonBase is a React design system for enterprise SaaS, built to be consumed by an agent rather than read by a developer. Every component ships a machine-readable contract carrying the judgement a type signature cannot: when to use it, what to use instead, the anti-patterns, and what it guarantees for accessibility versus what it requires of you.
|
|
4
4
|
|
|
5
|
-
Version 0.
|
|
5
|
+
Version 0.47.0. 46 components.
|
|
6
6
|
|
|
7
7
|
## Read these, in this order
|
|
8
8
|
|