@worldresources/wri-design-systems 2.0.0 → 2.118.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.
Files changed (9) hide show
  1. package/README.md +27 -8
  2. package/dist/index.cjs.js +2208 -0
  3. package/dist/index.d.ts +216 -34
  4. package/dist/index.esm.js +2208 -0
  5. package/package.json +12 -14
  6. package/dist/cjs/index.js +0 -1730
  7. package/dist/cjs/index.js.map +0 -1
  8. package/dist/esm/index.js +0 -1730
  9. 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: `20.16.0`
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 @emotion/styled
26
+ yarn add @chakra-ui/react@ @emotion/react@
27
27
  ```
28
28
 
29
29
  or
30
30
 
31
31
  ```
32
- npm i @chakra-ui/react @emotion/react @emotion/styled
32
+ npm i @chakra-ui/react@ @emotion/react@
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, defaultSystem } from '@chakra-ui/react'
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={defaultSystem}> */}
81
+ {/* <ChakraProvider value={designSystemStyles}> */}
81
82
 
82
83
  {/* if you want to use your custom system Theme colors */}
83
84
  <ChakraProvider value={system}>
@@ -96,12 +97,13 @@ function App() {
96
97
  - [Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/Button)
97
98
  - [Close Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/CloseButton)
98
99
  - [Icon Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/IconButton)
100
+ - [Map Control](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/MapControl)
99
101
  - [Multi Action Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/MultiActionButton)
100
102
 
101
103
  ### Controls
102
104
 
103
105
  - [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Checkbox)
104
- - [OptionCard](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/OptionCard)
106
+ - [Option Card](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/OptionCard)
105
107
  - [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Radio)
106
108
  - [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Slider)
107
109
  - [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Switch)
@@ -109,9 +111,11 @@ function App() {
109
111
  ### Inputs
110
112
 
111
113
  - [Checkbox List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/CheckboxList)
114
+ - [Input With Units](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/InputWithUnits)
115
+ - [Password](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Password)
112
116
  - [Radio List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/RadioList)
113
117
  - [Select](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Select)
114
- - [SliderInput](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/SliderInput)
118
+ - [Slider Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/SliderInput)
115
119
  - [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Textarea)
116
120
  - [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/TextInput)
117
121
 
@@ -121,6 +125,8 @@ function App() {
121
125
 
122
126
  ## Geospatial
123
127
 
128
+ - [Icon Marker](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/IconMarker)
129
+
124
130
  ### Layers
125
131
 
126
132
  - [Layer Group](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerGroup)
@@ -136,16 +142,29 @@ function App() {
136
142
  - [Qualitative Attribute](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/QualitativeAttribute)
137
143
  - [Scale Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/ScaleBar)
138
144
 
145
+ ## Information Display
146
+
147
+ - [Item Count](https://github.com/wri/wri-design-systems/tree/main/src/components/InformationDisplay/ItemCount)
148
+ - [Pagination](https://github.com/wri/wri-design-systems/tree/main/src/components/InformationDisplay/Pagination)
149
+ - [Table](https://github.com/wri/wri-design-systems/tree/main/src/components/InformationDisplay/Table)
150
+
139
151
  ## Navigation
140
152
 
153
+ - [Breadcrumb](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Breadcrumb)
154
+ - [Footer](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Footer)
141
155
  - [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/NavigationRail)
142
156
  - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
143
157
 
144
158
  ## Status
145
159
 
160
+ - [Badge](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Badge)
146
161
  - [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
147
162
  - [Toast](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Toast)
148
163
 
164
+ ## Templates
165
+
166
+ - [Next.js](https://github.com/wri/next-js-design-system-template)
167
+
149
168
  ## Building the lib
150
169
 
151
170
  ```
@@ -153,7 +172,7 @@ yarn lint-fix
153
172
  ```
154
173
 
155
174
  ```
156
- yarn rollup-build
175
+ yarn build
157
176
  ```
158
177
 
159
178
  ## Publish new version