@lidofinance/lido-ui 4.0.0-alpha.21 → 4.0.0-alpha.22
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
|
@@ -32,12 +32,24 @@ function App({ Component }) {
|
|
|
32
32
|
}
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
3.
|
|
35
|
+
3. Use Lido UI fonts with Next.js:
|
|
36
|
+
|
|
37
|
+
```js
|
|
38
|
+
import localFont from "next/font/local";
|
|
39
|
+
|
|
40
|
+
// Available fonts: Manrope, IBM Plex Serif, Fira Code
|
|
41
|
+
export const manrope = localFont({
|
|
42
|
+
src: "@lidofinance/lido-ui/fonts/Manrope-VariableFont_wght.woff2",
|
|
43
|
+
display: "swap",
|
|
44
|
+
});
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
4. Import styles into your `_app.js` file:
|
|
36
48
|
```tsx
|
|
37
49
|
import '@lidofinance/lido-ui/index.css';
|
|
38
50
|
```
|
|
39
51
|
|
|
40
|
-
|
|
52
|
+
5. To use typography classes across your application, you need to import the provided CSS styles for typography.
|
|
41
53
|
Сss variables are initially embedded in the `index.css` file. If you want to use ready-made classes with styles, you need to import an additional css file.
|
|
42
54
|
Insert the following line at the top of `_app.js` file to import the typography styles
|
|
43
55
|
```tsx
|
|
@@ -80,8 +92,7 @@ yarn build
|
|
|
80
92
|
|
|
81
93
|
4. Run the storybook:
|
|
82
94
|
|
|
83
|
-
```
|
|
84
|
-
yarn dev
|
|
95
|
+
```yarn dev
|
|
85
96
|
```
|
|
86
97
|
|
|
87
98
|
## Publishing
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lidofinance/lido-ui",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.22",
|
|
4
4
|
"homepage": "https://github.com/lidofinance/ui",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -26,7 +26,8 @@
|
|
|
26
26
|
"./styles/typography.css": {
|
|
27
27
|
"import": "./dist/esm/styles/typography.css",
|
|
28
28
|
"require": "./dist/cjs/styles/typography.css"
|
|
29
|
-
}
|
|
29
|
+
},
|
|
30
|
+
"./fonts/*": "./dist/fonts/*"
|
|
30
31
|
},
|
|
31
32
|
"types": "dist/types/index.d.ts",
|
|
32
33
|
"files": [
|