@worldresources/wri-design-systems 1.2.0 → 2.117.0

package/README.md

@@ -4,7 +4,7 @@ WRI UI Library
 
 ## Requirements
 
-Node: `20.16.0`
+Node: `22.14.0`
 
 React: `18.3.1`
 
@@ -23,13 +23,13 @@ npm i @worldresources/wri-design-systems
 ## Other dependecies
 
 ```
-yarn add @chakra-ui/react @emotion/react @emotion/styled
+yarn add @chakra-ui/react@^3.1.2 @emotion/react@^11.13.3
 ```
 
 or
 
 ```
-npm i @chakra-ui/react @emotion/react @emotion/styled
+npm i @chakra-ui/react@^3.1.2 @emotion/react@^11.13.3
 ```
 
 ## Usage
@@ -71,13 +71,14 @@ export const system = createSystem(defaultConfig, {
 
 ```tsx
 import React from 'react'
-import { ChakraProvider, defaultSystem } from '@chakra-ui/react'
+import { ChakraProvider } from '@chakra-ui/react'
+import { designSystemStyles } from "@worldresources/wri-design-systems";
 import { system } from './lib/theme'
 
 function App() {
   return (
     {/* if you want to use the default WRI Theme colors */}
-    {/* <ChakraProvider value={defaultSystem}> */}
+    {/* <ChakraProvider value={designSystemStyles}> */}
 
     {/* if you want to use your custom system Theme colors */}
     <ChakraProvider value={system}>
@@ -101,13 +102,19 @@ function App() {
 ### Controls
 
 - [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Checkbox)
+- [Option Card](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/OptionCard)
 - [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Radio)
 - [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Slider)
 - [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Switch)
 
 ### Inputs
 
+- [Checkbox List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/CheckboxList)
+- [Input With Units](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/InputWithUnits)
+- [Password](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Password)
+- [Radio List](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/RadioList)
 - [Select](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Select)
+- [Slider Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/SliderInput)
 - [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Textarea)
 - [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/TextInput)
 
@@ -134,12 +141,16 @@ function App() {
 
 ## Navigation
 
+- [Breadcrumb](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Breadcrumb)
+- [Footer](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Footer)
 - [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/NavigationRail)
 - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
 
 ## Status
 
+- [Badge](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Badge)
 - [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
+- [Toast](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/Toast)
 
 ## Building the lib
 
@@ -148,7 +159,7 @@ yarn lint-fix
 ```
 
 ```
-yarn rollup-build
+yarn build
 ```
 
 ## Publish new version