@worldresources/wri-design-systems 2.0.0 → 2.117.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/README.md +14 -8
- package/dist/index.cjs.js +2025 -0
- package/dist/index.d.ts +114 -31
- package/dist/index.esm.js +2025 -0
- package/package.json +10 -12
- package/dist/cjs/index.js +0 -1730
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/index.js +0 -1730
- package/dist/esm/index.js.map +0 -1
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ WRI UI Library
|
|
|
4
4
|
|
|
5
5
|
## Requirements
|
|
6
6
|
|
|
7
|
-
Node: `
|
|
7
|
+
Node: `22.14.0`
|
|
8
8
|
|
|
9
9
|
React: `18.3.1`
|
|
10
10
|
|
|
@@ -23,13 +23,13 @@ npm i @worldresources/wri-design-systems
|
|
|
23
23
|
## Other dependecies
|
|
24
24
|
|
|
25
25
|
```
|
|
26
|
-
yarn add @chakra-ui/react @emotion/react
|
|
26
|
+
yarn add @chakra-ui/react@^3.1.2 @emotion/react@^11.13.3
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
or
|
|
30
30
|
|
|
31
31
|
```
|
|
32
|
-
npm i @chakra-ui/react @emotion/react
|
|
32
|
+
npm i @chakra-ui/react@^3.1.2 @emotion/react@^11.13.3
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
## Usage
|
|
@@ -71,13 +71,14 @@ export const system = createSystem(defaultConfig, {
|
|
|
71
71
|
|
|
72
72
|
```tsx
|
|
73
73
|
import React from 'react'
|
|
74
|
-
import { ChakraProvider
|
|
74
|
+
import { ChakraProvider } from '@chakra-ui/react'
|
|
75
|
+
import { designSystemStyles } from "@worldresources/wri-design-systems";
|
|
75
76
|
import { system } from './lib/theme'
|
|
76
77
|
|
|
77
78
|
function App() {
|
|
78
79
|
return (
|
|
79
80
|
{/* if you want to use the default WRI Theme colors */}
|
|
80
|
-
{/* <ChakraProvider value={
|
|
81
|
+
{/* <ChakraProvider value={designSystemStyles}> */}
|
|
81
82
|
|
|
82
83
|
{/* if you want to use your custom system Theme colors */}
|
|
83
84
|
<ChakraProvider value={system}>
|
|
@@ -101,7 +102,7 @@ function App() {
|
|
|
101
102
|
### Controls
|
|
102
103
|
|
|
103
104
|
- [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Checkbox)
|
|
104
|
-
- [
|
|
105
|
+
- [Option Card](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/OptionCard)
|
|
105
106
|
- [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Radio)
|
|
106
107
|
- [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Slider)
|
|
107
108
|
- [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Switch)
|
|
@@ -109,9 +110,11 @@ function App() {
|
|
|
109
110
|
### Inputs
|
|
110
111
|
|
|
111
112
|
- [Checkbox List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/CheckboxList)
|
|
113
|
+
- [Input With Units](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/InputWithUnits)
|
|
114
|
+
- [Password](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Password)
|
|
112
115
|
- [Radio List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/RadioList)
|
|
113
116
|
- [Select](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Select)
|
|
114
|
-
- [
|
|
117
|
+
- [Slider Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/SliderInput)
|
|
115
118
|
- [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Textarea)
|
|
116
119
|
- [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/TextInput)
|
|
117
120
|
|
|
@@ -138,11 +141,14 @@ function App() {
|
|
|
138
141
|
|
|
139
142
|
## Navigation
|
|
140
143
|
|
|
144
|
+
- [Breadcrumb](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Breadcrumb)
|
|
145
|
+
- [Footer](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Footer)
|
|
141
146
|
- [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/NavigationRail)
|
|
142
147
|
- [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
|
|
143
148
|
|
|
144
149
|
## Status
|
|
145
150
|
|
|
151
|
+
- [Badge](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Badge)
|
|
146
152
|
- [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
|
|
147
153
|
- [Toast](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Toast)
|
|
148
154
|
|
|
@@ -153,7 +159,7 @@ yarn lint-fix
|
|
|
153
159
|
```
|
|
154
160
|
|
|
155
161
|
```
|
|
156
|
-
yarn
|
|
162
|
+
yarn build
|
|
157
163
|
```
|
|
158
164
|
|
|
159
165
|
## Publish new version
|