@worldresources/wri-design-systems 1.0.1 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
package/LICENSE.txt ADDED
@@ -0,0 +1,20 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2023
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy of
6
+ this software and associated documentation files (the "Software"), to deal in
7
+ the Software without restriction, including without limitation the rights to
8
+ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9
+ the Software, and to permit persons to whom the Software is furnished to do so,
10
+ subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17
+ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18
+ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19
+ IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
+ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/README.md CHANGED
@@ -38,7 +38,7 @@ npm i @chakra-ui/react @emotion/react @emotion/styled
38
38
 
39
39
  With this custom theme you can change the color scheme according to your Project Theme
40
40
 
41
- ```js
41
+ ```tsx
42
42
  import { createSystem, defaultConfig } from '@chakra-ui/react'
43
43
 
44
44
  export const system = createSystem(defaultConfig, {
@@ -69,7 +69,7 @@ export const system = createSystem(defaultConfig, {
69
69
 
70
70
  ### Wrap ChakraProvider at the root of your app
71
71
 
72
- ```js
72
+ ```tsx
73
73
  import React from 'react'
74
74
  import { ChakraProvider, defaultSystem } from '@chakra-ui/react'
75
75
  import { system } from './lib/theme'
@@ -89,45 +89,57 @@ function App() {
89
89
 
90
90
  ## Components
91
91
 
92
- ### General
93
-
94
- - [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/InlineMessage)
95
- - [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/NavigationRail)
96
- - [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Slider)
97
- - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/TabBar)
98
- - [Tag](https://github.com/wri/wri-design-systems/tree/main/src/components/Tag)
92
+ ## Forms
99
93
 
100
94
  ### Buttons
101
95
 
102
- - [Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/Button)
103
- - [Close Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/CloseButton)
104
- - [Icon Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Buttons/IconButton)
96
+ - [Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/Button)
97
+ - [Close Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/CloseButton)
98
+ - [Icon Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/IconButton)
99
+ - [Multi Action Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Buttons/MultiActionButton)
105
100
 
106
101
  ### Controls
107
102
 
108
- - [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Checkbox)
109
- - [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Radio)
110
- - [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Switch)
103
+ - [Checkbox](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Checkbox)
104
+ - [Radio Button](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Radio)
105
+ - [Slider](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Slider)
106
+ - [Switch](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Controls/Switch)
111
107
 
112
108
  ### Inputs
113
109
 
114
- - [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/TextInput)
115
- - [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Textarea)
110
+ - [Select](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Select)
111
+ - [Text Area](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/Textarea)
112
+ - [Text Input](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Inputs/TextInput)
113
+
114
+ ### Tags
115
+
116
+ - [Tag](https://github.com/wri/wri-design-systems/tree/main/src/components/Forms/Tag)
117
+
118
+ ## Geospatial
116
119
 
117
120
  ### Layers
118
121
 
119
- - [Layer Group](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerGroup)
120
- - [Layer Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerItem)
121
- - [Layer Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerPanel)
122
- - [Layer Sidebar](https://github.com/wri/wri-design-systems/tree/main/src/components/Layer/LayerSidebar)
122
+ - [Layer Group](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerGroup)
123
+ - [Layer Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerItem)
124
+ - [Layer Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerPanel)
125
+ - [Layer Sidebar](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Layers/LayerSidebar)
126
+
127
+ ### Legends
128
+
129
+ - [Layer Parameters](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LayerParameters)
130
+ - [Legend Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LegendItem)
131
+ - [Legend Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/LegendPanel)
132
+ - [Qualitative Attribute](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/QualitativeAttribute)
133
+ - [Scale Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Geospatial/Legends/ScaleBar)
134
+
135
+ ## Navigation
136
+
137
+ - [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/NavigationRail)
138
+ - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
123
139
 
124
- ### Legend
140
+ ## Status
125
141
 
126
- - [Layer Parameters](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LayerParameters)
127
- - [Legend Item](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LegendItem)
128
- - [Legend Panel](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/LegendPanel)
129
- - [Qualitative Attributes](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/QualitativeLegend)
130
- - [Scale Legend](https://github.com/wri/wri-design-systems/tree/main/src/components/Legend/ScaleLegend)
142
+ - [Inline Message](https://github.com/wri/wri-design-systems/tree/main/src/components/Status/InlineMessage)
131
143
 
132
144
  ## Building the lib
133
145