@rebasepro/ui 0.12.1-canary.g4e7bcbf → 0.12.1-canary.g52d71ee

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.
@@ -30,6 +30,16 @@
30
30
  --tracking-title: -0.018em; /* 20-24px — section titles */
31
31
  --tracking-heading: -0.01em; /* <= 18px — labels; still a heading, not a headline */
32
32
 
33
+ /* Sub-`xs` type. MARKETING ONLY — product UI must not go below `text-xs`
34
+ (12px). These exist because the marketing site had ~450 hand-written
35
+ `text-[10px]` / `text-[11px]` classes: the tier was real, it just wasn't
36
+ in the system, so every page improvised it. Naming it stops the drift
37
+ without pretending 10px is acceptable for an admin panel. */
38
+ --text-2xs: 11px;
39
+ --text-2xs--line-height: 1.45;
40
+ --text-3xs: 10px;
41
+ --text-3xs--line-height: 1.4;
42
+
33
43
  /* Control heights — the one scale every inline control resolves to, so a
34
44
  Button, TextField and Select at the same size share a baseline. Mirrors
35
45
  CONTROL_HEIGHT in styles.ts; that is the source for React components,
package/dist/theme.css CHANGED
@@ -30,6 +30,16 @@
30
30
  --tracking-title: -0.018em; /* 20-24px — section titles */
31
31
  --tracking-heading: -0.01em; /* <= 18px — labels; still a heading, not a headline */
32
32
 
33
+ /* Sub-`xs` type. MARKETING ONLY — product UI must not go below `text-xs`
34
+ (12px). These exist because the marketing site had ~450 hand-written
35
+ `text-[10px]` / `text-[11px]` classes: the tier was real, it just wasn't
36
+ in the system, so every page improvised it. Naming it stops the drift
37
+ without pretending 10px is acceptable for an admin panel. */
38
+ --text-2xs: 11px;
39
+ --text-2xs--line-height: 1.45;
40
+ --text-3xs: 10px;
41
+ --text-3xs--line-height: 1.4;
42
+
33
43
  /* Control heights — the one scale every inline control resolves to, so a
34
44
  Button, TextField and Select at the same size share a baseline. Mirrors
35
45
  CONTROL_HEIGHT in styles.ts; that is the source for React components,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rebasepro/ui",
3
3
  "type": "module",
4
- "version": "0.12.1-canary.g4e7bcbf",
4
+ "version": "0.12.1-canary.g52d71ee",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/rebaseco"
package/src/theme.css CHANGED
@@ -30,6 +30,16 @@
30
30
  --tracking-title: -0.018em; /* 20-24px — section titles */
31
31
  --tracking-heading: -0.01em; /* <= 18px — labels; still a heading, not a headline */
32
32
 
33
+ /* Sub-`xs` type. MARKETING ONLY — product UI must not go below `text-xs`
34
+ (12px). These exist because the marketing site had ~450 hand-written
35
+ `text-[10px]` / `text-[11px]` classes: the tier was real, it just wasn't
36
+ in the system, so every page improvised it. Naming it stops the drift
37
+ without pretending 10px is acceptable for an admin panel. */
38
+ --text-2xs: 11px;
39
+ --text-2xs--line-height: 1.45;
40
+ --text-3xs: 10px;
41
+ --text-3xs--line-height: 1.4;
42
+
33
43
  /* Control heights — the one scale every inline control resolves to, so a
34
44
  Button, TextField and Select at the same size share a baseline. Mirrors
35
45
  CONTROL_HEIGHT in styles.ts; that is the source for React components,