@worldresources/wri-design-systems 1.0.0 → 1.2.0

package/LICENSE.txt

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2023
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -38,7 +38,7 @@ npm i @chakra-ui/react @emotion/react @emotion/styled
 
 With this custom theme you can change the color scheme according to your Project Theme
 
-```js
+```tsx
 import { createSystem, defaultConfig } from '@chakra-ui/react'
 
 export const system = createSystem(defaultConfig, {
@@ -69,7 +69,7 @@ export const system = createSystem(defaultConfig, {
 
 ### Wrap ChakraProvider at the root of your app
 
-```js
+```tsx
 import React from 'react'
 import { ChakraProvider, defaultSystem } from '@chakra-ui/react'
 import { system } from './lib/theme'
@@ -89,45 +89,57 @@ function App() {
 
 ## Components
 
-### General
-
-- [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/InlineMessage)
-- [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/NavigationRail)
-- [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Slider)
-- [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/TabBar)
-- [Tag](https://github.com/wri/wri-design-systems/tree/main/src/components/Tag)
+## Forms
 
 ### Buttons
 
-- [Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/Button)
-- [Close Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/CloseButton)
-- [Icon Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/IconButton)
+- [Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/Button)
+- [Close Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/CloseButton)
+- [Icon Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/IconButton)
+- [Multi Action Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/MultiActionButton)
 
 ### Controls
 
-- [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Checkbox)
-- [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Radio)
-- [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Switch)
+- [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Checkbox)
+- [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
 
-- [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/TextInput)
-- [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Textarea)
+- [Select](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Select)
+- [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)
+
+### Tags
+
+- [Tag](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Tag)
+
+## Geospatial
 
 ### Layers
 
-- [Layer Group](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerGroup)
-- [Layer Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerItem)
-- [Layer Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerPanel)
-- [Layer Sidebar](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerSidebar)
+- [Layer Group](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerGroup)
+- [Layer Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerItem)
+- [Layer Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerPanel)
+- [Layer Sidebar](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerSidebar)
+
+### Legends
+
+- [Layer Parameters](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LayerParameters)
+- [Legend Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LegendItem)
+- [Legend Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LegendPanel)
+- [Qualitative Attribute](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/QualitativeAttribute)
+- [Scale Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/ScaleBar)
+
+## Navigation
+
+- [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)
 
-### Legend
+## Status
 
-- [Layer Parameters](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LayerParameters)
-- [Legend Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LegendItem)
-- [Legend Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LegendPanel)
-- [Qualitative Attributes](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/QualitativeLegend)
-- [Scale Legend](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/ScaleLegend)
+- [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
 
 ## Building the lib