@ecohouse/ui 0.1.1 → 0.1.2

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/README.md CHANGED
@@ -97,9 +97,10 @@ module.exports = {
97
97
  };
98
98
  ```
99
99
 
100
- Optional web typography helpers:
100
+ Optional web typography helpers (import fonts first):
101
101
 
102
102
  ```ts
103
+ import "@ecohouse/ui/web/fonts.css";
103
104
  import "@ecohouse/ui/web/typography.css";
104
105
  ```
105
106
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ecohouse/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "description": "Cross-platform presentation-only UI components for EcoHouse (React Native + React Native Web)",
@@ -25,6 +25,7 @@
25
25
  "require": "./dist/index.cjs",
26
26
  "default": "./src/index.ts"
27
27
  },
28
+ "./web/fonts.css": "./src/web/styles/fonts.css",
28
29
  "./web/typography.css": "./src/web/styles/typography.css"
29
30
  },
30
31
  "files": [
@@ -0,0 +1 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;500;600;700&display=swap");
@@ -1,6 +1,10 @@
1
+ :root {
2
+ --font-sans: "Noto Sans Armenian", ui-sans-serif, system-ui, sans-serif;
3
+ }
4
+
1
5
  @layer components {
2
6
  .typography-button-lg {
3
- font-family: var(--font-sans, "Noto Sans Armenian", ui-sans-serif, system-ui, sans-serif);
7
+ font-family: var(--font-sans);
4
8
  font-size: 14px;
5
9
  font-weight: 600;
6
10
  line-height: 100%;
@@ -8,7 +12,7 @@
8
12
  }
9
13
 
10
14
  .typography-button-sm {
11
- font-family: var(--font-sans, "Noto Sans Armenian", ui-sans-serif, system-ui, sans-serif);
15
+ font-family: var(--font-sans);
12
16
  font-size: 12px;
13
17
  font-weight: 600;
14
18
  line-height: 100%;