@ratio-ui/core 0.1.1 → 0.3.0

package/README.md

@@ -32,6 +32,7 @@ export function Heading() {
 - `@ratio-ui/core/base.css` is optional: Tailwind's preflight, then the typeface, text colour and white background of the page. Import it next to `styles.css` in an app that wants Ratio's look on the whole page.
 - Each component has an entry of its own (`@ratio-ui/core/icon`, `/inline`, `/stack` and `/text`) as well as the main one.
 - `@ratio-ui/core/catalogue.json` lists every component with its props, when to use it and an example.
+- Money, counts, dates and times in your own markup, such as a DataTable cell, go through `formatMoney`, `formatCount`, `formatDate` and `formatTime` from the package root (with `FORMAT` and the `DateInput` type), so they read the way Ratio's components write them and follow design question 6 when it is answered.
 
 ## Components take no className
 
@@ -50,6 +51,7 @@ The stylesheet is built to sit inside an app without either side changing the ot
 - Every class carries an `rt:` prefix and every custom property an `--rt-` prefix, so an app's own Tailwind classes, its own copy of shadcn and its own `--primary` or `--radius` cannot collide with Ratio's.
 - Every size is in px, so an app that sets `html { font-size: 62.5% }` does not resize Ratio.
 - The stylesheet ships unlayered, and its reset applies only to elements that carry an `rt:` class, at the specificity of one class. That beats an app's bare element rules (`button { padding: 10px }`) and Tailwind's preflight. It is not `!important`, because Base UI places popups with inline styles that an `!important` rule would override. Utilities come after the reset and win over it.
+- The reset also removes what a browser draws on a bare button, link, list or field (a grey fill, 13.33px type, a blue underline, bullets, native chrome), so Ratio looks the same whether or not the app loads a preflight. An antd app, which cannot load Tailwind's preflight, gets the same side navigation, tabs and table as a Tailwind app.
 
 A browser test holds the guarantee: it loads Tailwind's preflight and a host sheet (element rules, a 62.5% root size and its own variables) before Ratio's stylesheet, and compares the computed styles of Ratio's elements with those on a clean page (`test/browser/isolation.browser.test.tsx`).