@spaced-out/ui-design-system 0.0.7 → 0.0.9
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/CHANGELOG.md +97 -93
- package/design-tokens/color/app-color.json +15 -0
- package/design-tokens/size/base-size.json +3 -0
- package/lib/components/Avatar/Avatar.js +7 -5
- package/lib/components/Avatar/Avatar.js.flow +17 -5
- package/lib/components/Button/Button.module.css +2 -0
- package/lib/components/Icon/Icon.js +6 -1
- package/lib/components/Icon/Icon.js.flow +6 -1
- package/lib/components/InContextAlert/InContextAlert.module.css +16 -0
- package/lib/components/Menu/Menu.js +4 -0
- package/lib/components/Menu/Menu.js.flow +47 -28
- package/lib/components/Tab/Tab.js +90 -0
- package/lib/components/Tab/Tab.js.flow +130 -0
- package/lib/components/Tab/Tab.module.css +66 -0
- package/lib/components/Tab/index.js +18 -0
- package/lib/components/Tab/index.js.flow +4 -0
- package/lib/components/TabList/TabDropdown.js +80 -0
- package/lib/components/TabList/TabDropdown.js.flow +110 -0
- package/lib/components/TabList/TabDropdown.module.css +20 -0
- package/lib/components/TabList/TabList.js +128 -0
- package/lib/components/TabList/TabList.js.flow +147 -0
- package/lib/components/TabList/TabList.module.css +11 -0
- package/lib/components/TabList/index.js +16 -0
- package/lib/components/TabList/index.js.flow +4 -0
- package/lib/components/Text/Text.js +26 -14
- package/lib/components/Text/Text.js.flow +14 -0
- package/lib/components/Text/index.js +6 -0
- package/lib/components/Text/index.js.flow +1 -0
- package/lib/styles/typography.module.css +6 -0
- package/lib/styles/variables/_color.css +10 -0
- package/lib/styles/variables/_color.js +11 -1
- package/lib/styles/variables/_color.js.flow +10 -0
- package/lib/styles/variables/_size.css +2 -0
- package/lib/styles/variables/_size.js +3 -1
- package/lib/styles/variables/_size.js.flow +2 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,108 +2,115 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
-
### [0.0.
|
|
5
|
+
### [0.0.9](https://github.com/spaced-out/ui-design-system/compare/v0.0.8...v0.0.9) (2022-12-14)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* border changes for in-context alerts ([af20d4b](https://github.com/spaced-out/ui-design-system/commit/af20d4b4ef46d2b6c10dea72fcd5a9942ceb7ef0))
|
|
11
|
+
* button and text enhancements ([38968b2](https://github.com/spaced-out/ui-design-system/commit/38968b202c6a84e3fe9ed362b62e925436d8a5e8))
|
|
12
|
+
* tab dropdown fix ([204bf48](https://github.com/spaced-out/ui-design-system/commit/204bf4832d404982a937c22d9d148f5ff7dfec42))
|
|
13
|
+
|
|
14
|
+
### [0.0.8](https://github.com/spaced-out/ui-design-system/compare/v0.0.7...v0.0.8) (2022-12-12)
|
|
6
15
|
|
|
7
16
|
|
|
8
17
|
### Features
|
|
9
18
|
|
|
10
|
-
* **
|
|
19
|
+
* **tabs:** [GDS-121] tab and tablist ([#41](https://github.com/spaced-out/ui-design-system/issues/41)) ([af1d639](https://github.com/spaced-out/ui-design-system/commit/af1d6392d3a8a553906879d85e7d08cb356ba2dd))
|
|
11
20
|
|
|
12
|
-
### [0.0.6](https://github.com/spaced-out/ui-design-system/compare/v0.0.6-beta.2...v0.0.6) (2022-11-29)
|
|
13
21
|
|
|
22
|
+
### Bug Fixes
|
|
23
|
+
|
|
24
|
+
* avatar text and icon fix ([49a4c78](https://github.com/spaced-out/ui-design-system/commit/49a4c7802f5e14ea662494e3791792663f571513))
|
|
25
|
+
* updated changelog ([5400aa5](https://github.com/spaced-out/ui-design-system/commit/5400aa53cfb8d1a4838d1e4f7e74492fbfbe8add))
|
|
26
|
+
|
|
27
|
+
### [0.0.7](https://github.com/spaced-out/ui-design-system/compare/v0.0.6...v0.0.7) (2022-11-30)
|
|
14
28
|
|
|
15
29
|
### Features
|
|
16
30
|
|
|
17
|
-
|
|
31
|
+
- **docs:** documentation upodate ([#40](https://github.com/spaced-out/ui-design-system/issues/40)) ([1207236](https://github.com/spaced-out/ui-design-system/commit/120723696a4669db12d700c46e59fc73d867c962))
|
|
32
|
+
|
|
33
|
+
### [0.0.6](https://github.com/spaced-out/ui-design-system/compare/v0.0.6-beta.2...v0.0.6) (2022-11-29)
|
|
34
|
+
|
|
35
|
+
### Features
|
|
18
36
|
|
|
37
|
+
- fetch complete history of repo in publish action ([09ea18b](https://github.com/spaced-out/ui-design-system/commit/09ea18b9df507e1e51a6161e2300c5e09c62bdb4))
|
|
19
38
|
|
|
20
39
|
### Bug Fixes
|
|
21
40
|
|
|
22
|
-
|
|
41
|
+
- added comment to fetch complete history of repo in publish action ([94e5ae1](https://github.com/spaced-out/ui-design-system/commit/94e5ae146742e6e70c88a8cf428a974e7e8faaf3))
|
|
23
42
|
|
|
24
43
|
### 0.0.6-beta.2 (2022-11-29)
|
|
25
44
|
|
|
26
|
-
|
|
27
45
|
### Features
|
|
28
46
|
|
|
29
|
-
|
|
47
|
+
- git fix ([16e034a](https://github.com/spaced-out/ui-design-system/commit/16e034a9ea9fb7b4a0e0d3938e17d4a3cdaa86ff))
|
|
30
48
|
|
|
31
49
|
### 0.0.6-beta.1 (2022-11-29)
|
|
32
50
|
|
|
33
51
|
### 0.0.6-beta.0 (2022-11-29)
|
|
34
52
|
|
|
35
|
-
|
|
36
53
|
### Features
|
|
37
54
|
|
|
38
|
-
|
|
55
|
+
- script change to fetch all commits ([53a08cd](https://github.com/spaced-out/ui-design-system/commit/53a08cdbab66c32784bf672934ac6faa712d3996))
|
|
39
56
|
|
|
40
57
|
### 0.0.5 (2022-11-29)
|
|
41
58
|
|
|
42
|
-
|
|
43
59
|
### Features
|
|
44
60
|
|
|
45
|
-
|
|
61
|
+
- **avatar:** [GDS-116] avatar and avatar group ([#36](https://github.com/spaced-out/ui-design-system/issues/36)) ([d326415](https://github.com/spaced-out/ui-design-system/commit/d326415371d96ff6a3dcaf9cd068b1a3468d87ed))
|
|
46
62
|
|
|
47
63
|
### 0.0.4 (2022-11-24)
|
|
48
64
|
|
|
49
|
-
|
|
50
65
|
### Features
|
|
51
66
|
|
|
52
|
-
|
|
67
|
+
- pr template ([#35](https://github.com/Spaced-Out/ui-design-system/issues/35)) ([c18e112](https://github.com/Spaced-Out/ui-design-system/commit/c18e1123730acaad77e1334a949573ac0cfd3708))
|
|
53
68
|
|
|
54
69
|
### 0.0.3 (2022-11-22)
|
|
55
70
|
|
|
56
|
-
|
|
57
71
|
### Bug Fixes
|
|
58
72
|
|
|
59
|
-
|
|
73
|
+
- added new storybook pages ([2844a5e](https://github.com/Spaced-Out/ui-design-system/commit/2844a5e90cfa479268374bc8bfd4f46bc8458149))
|
|
60
74
|
|
|
61
75
|
### 0.0.3-beta.1 (2022-11-21)
|
|
62
76
|
|
|
63
|
-
|
|
64
77
|
### Bug Fixes
|
|
65
78
|
|
|
66
|
-
|
|
79
|
+
- rename showBackdrop in modal to hideBackdrop and releated changes ([303c4d8](https://github.com/Spaced-Out/ui-design-system/commit/303c4d8c95aa75219cf5eca682ebdecf53c27e7c))
|
|
67
80
|
|
|
68
81
|
### 0.0.3-beta.0 (2022-11-21)
|
|
69
82
|
|
|
70
|
-
|
|
71
83
|
### Bug Fixes
|
|
72
84
|
|
|
73
|
-
|
|
85
|
+
- documentation fixes and modal semantics ([45770ab](https://github.com/Spaced-Out/ui-design-system/commit/45770ab7e7a04ffa78c962fdef7bfc8971b54b3e))
|
|
74
86
|
|
|
75
87
|
### 0.0.2 (2022-11-16)
|
|
76
88
|
|
|
77
|
-
|
|
78
89
|
### Features
|
|
79
90
|
|
|
80
|
-
|
|
91
|
+
- documentation changes, storybook sidepanel redesign ([eb93ac3](https://github.com/Spaced-Out/ui-design-system/commit/eb93ac3ff1ffce7ab163f382633997a5c9999f6d))
|
|
81
92
|
|
|
82
93
|
### 0.0.2-beta.2 (2022-11-16)
|
|
83
94
|
|
|
84
|
-
|
|
85
95
|
### Bug Fixes
|
|
86
96
|
|
|
87
|
-
|
|
97
|
+
- textarea scrollbar fix ([53fc94c](https://github.com/Spaced-Out/ui-design-system/commit/53fc94cc58cfe6767f90b255584ad24e28044194))
|
|
88
98
|
|
|
89
99
|
### 0.0.2-beta.1 (2022-11-16)
|
|
90
100
|
|
|
91
|
-
|
|
92
101
|
### Bug Fixes
|
|
93
102
|
|
|
94
|
-
|
|
103
|
+
- added todo block ([f0c3e44](https://github.com/Spaced-Out/ui-design-system/commit/f0c3e440ca349539d5a7bdce9d28a1c1b0be7cdb))
|
|
95
104
|
|
|
96
105
|
### [0.0.2-beta.0](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.1-beta.3...v0.0.2-beta.0) (2022-11-16)
|
|
97
106
|
|
|
98
|
-
|
|
99
107
|
### Features
|
|
100
108
|
|
|
101
|
-
|
|
102
|
-
|
|
109
|
+
- automated npm relases through github actions ([dd14a5d](https://github.com/Spaced-Out/ui-design-system/commit/dd14a5d43a56a2b4a91993dff49706182ff2d373))
|
|
103
110
|
|
|
104
111
|
### Bug Fixes
|
|
105
112
|
|
|
106
|
-
|
|
113
|
+
- fixed build script ([26e7765](https://github.com/Spaced-Out/ui-design-system/commit/26e77655f9409006a4195ddae695d0ba3746e8c1))
|
|
107
114
|
|
|
108
115
|
### 0.0.1 (2022-11-16)
|
|
109
116
|
|
|
@@ -117,77 +124,74 @@ All notable changes to this project will be documented in this file. See [standa
|
|
|
117
124
|
|
|
118
125
|
### [0.0.1-alpha.1](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.1-alpha.0...v0.0.1-alpha.1) (2022-11-16)
|
|
119
126
|
|
|
120
|
-
|
|
121
127
|
### Bug Fixes
|
|
122
128
|
|
|
123
|
-
|
|
129
|
+
- revert babel change ([7ef81e9](https://github.com/Spaced-Out/ui-design-system/commit/7ef81e92a65a296f7eedebed0f3234038d63118c))
|
|
124
130
|
|
|
125
131
|
### [0.0.1-alpha.0](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.0...v0.0.1-alpha.0) (2022-11-16)
|
|
126
132
|
|
|
127
|
-
|
|
128
133
|
### Features
|
|
129
134
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
135
|
+
- action and enter press ([359e652](https://github.com/Spaced-Out/ui-design-system/commit/359e65243e68885c43bb8fe9cf58ba34c8ab2998))
|
|
136
|
+
- added Commitlint ([017a1ad](https://github.com/Spaced-Out/ui-design-system/commit/017a1adfd4a78ff1d41f55b697f73d68395f8954))
|
|
137
|
+
- added font-awesome css ([8adad02](https://github.com/Spaced-Out/ui-design-system/commit/8adad023b27394196c9db1b43963eb9e6a26ce16))
|
|
138
|
+
- Added standard version ([29ee01c](https://github.com/Spaced-Out/ui-design-system/commit/29ee01c795d84ba86f50b63d1927f00d91585735))
|
|
139
|
+
- added tokens and used css vars ([12f5767](https://github.com/Spaced-Out/ui-design-system/commit/12f5767a4d1088dab09981da04e174a900ceacc1))
|
|
140
|
+
- **checkbox:** [GDS-34] Checkbox and checkbox group ([#12](https://github.com/Spaced-Out/ui-design-system/issues/12)) ([5c4604a](https://github.com/Spaced-Out/ui-design-system/commit/5c4604a5585ee31ce5200fef8cac0ea4548c4848))
|
|
141
|
+
- **docs:** [GDS-113] docs for form components and grid ([#32](https://github.com/Spaced-Out/ui-design-system/issues/32)) ([2337fd1](https://github.com/Spaced-Out/ui-design-system/commit/2337fd13a08f1a6754a25c382eab89bfe55768b7))
|
|
142
|
+
- **docs:** tokens doc ([#33](https://github.com/Spaced-Out/ui-design-system/issues/33)) ([7df345c](https://github.com/Spaced-Out/ui-design-system/commit/7df345c64690940730d36d15c92a880c61508a30))
|
|
143
|
+
- dropdown component ([#19](https://github.com/Spaced-Out/ui-design-system/issues/19)) ([8c8cf59](https://github.com/Spaced-Out/ui-design-system/commit/8c8cf59363034a568d45e7b98eaf8962462f82e0))
|
|
144
|
+
- error case for radio and group ([88afa2b](https://github.com/Spaced-Out/ui-design-system/commit/88afa2b4750a62521ef6319ee3bf8d5711354663))
|
|
145
|
+
- **grid:** [GDS-26] grid row and col + Import order lint rule ([#26](https://github.com/Spaced-Out/ui-design-system/issues/26)) ([02b988e](https://github.com/Spaced-Out/ui-design-system/commit/02b988e0f85de6a42022729c65cda09ade02cedb))
|
|
146
|
+
- icon Menu ([#9](https://github.com/Spaced-Out/ui-design-system/issues/9)) ([6819536](https://github.com/Spaced-Out/ui-design-system/commit/68195362130e7cb587a7316611575baed2244dd2))
|
|
147
|
+
- **icon:** added default values ([#5](https://github.com/Spaced-Out/ui-design-system/issues/5)) ([b4a4401](https://github.com/Spaced-Out/ui-design-system/commit/b4a440122b7f975cde3ed24ca984204832dac71a))
|
|
148
|
+
- **icon:** iconName prop changed to name ([#10](https://github.com/Spaced-Out/ui-design-system/issues/10)) ([42dc229](https://github.com/Spaced-Out/ui-design-system/commit/42dc22940b7a585a1245a9d75fde54c51a3cd329))
|
|
149
|
+
- **InContextAlert:** [GDS-58] In-Context Alert and Truncate component ([#27](https://github.com/Spaced-Out/ui-design-system/issues/27)) ([bd9827c](https://github.com/Spaced-Out/ui-design-system/commit/bd9827c093dc39ae76f2dd5d59a11feda5ea9d20))
|
|
150
|
+
- input component ([#15](https://github.com/Spaced-Out/ui-design-system/issues/15)) ([c78842e](https://github.com/Spaced-Out/ui-design-system/commit/c78842e5ce73613fac4eb3cc9f290537c5573e90))
|
|
151
|
+
- **loader:** [GDS-78] linear loader and circular loader ([#21](https://github.com/Spaced-Out/ui-design-system/issues/21)) ([44fe9dc](https://github.com/Spaced-Out/ui-design-system/commit/44fe9dc76920b7c6eadf70ee320fa2a08121e8c1))
|
|
152
|
+
- master merged ([6927f37](https://github.com/Spaced-Out/ui-design-system/commit/6927f372106250474fe3b660783dfd633767fc8d))
|
|
153
|
+
- notification and semantic color changes ([#30](https://github.com/Spaced-Out/ui-design-system/issues/30)) ([1dd6814](https://github.com/Spaced-Out/ui-design-system/commit/1dd68143deccbc401caad44e989de8981bef6686))
|
|
154
|
+
- radio group ([adae899](https://github.com/Spaced-Out/ui-design-system/commit/adae899d567463bacd7ad1857b0e25b596acec16))
|
|
155
|
+
- **RadioButton:** radio button component and story done ([cb0f64e](https://github.com/Spaced-Out/ui-design-system/commit/cb0f64e95c35ec22d8f7e438a788aa228d31c253))
|
|
156
|
+
- search component ([#20](https://github.com/Spaced-Out/ui-design-system/issues/20)) ([39c6560](https://github.com/Spaced-Out/ui-design-system/commit/39c65606508682a5aa448915295d7b7b99ace8c4))
|
|
157
|
+
- storybook test ([#14](https://github.com/Spaced-Out/ui-design-system/issues/14)) ([08feede](https://github.com/Spaced-Out/ui-design-system/commit/08feede4f43b9cac046e49a5fff6f6929aab03c9))
|
|
158
|
+
- **storybook:** [GDS-54] build and publish storybook to Github Pages ([#13](https://github.com/Spaced-Out/ui-design-system/issues/13)) ([93a4072](https://github.com/Spaced-Out/ui-design-system/commit/93a4072255f08ffd164b6076dd7f9edccf1a73ea))
|
|
159
|
+
- textarea component ([#16](https://github.com/Spaced-Out/ui-design-system/issues/16)) ([d4f2d43](https://github.com/Spaced-Out/ui-design-system/commit/d4f2d434f54983adaad3686da869357f9a45c69a))
|
|
160
|
+
- **toast:** [GDS-37] Toast and toast portal ([#29](https://github.com/Spaced-Out/ui-design-system/issues/29)) ([91e938b](https://github.com/Spaced-Out/ui-design-system/commit/91e938b9aa68845f5e806852dafd3d23260ddb8d))
|
|
161
|
+
- **toggle:** [GDS-35] toggle component ([#18](https://github.com/Spaced-Out/ui-design-system/issues/18)) ([8434d96](https://github.com/Spaced-Out/ui-design-system/commit/8434d96142f8f1cad1d04d2b8b82784c5c5c4522))
|
|
162
|
+
- tooltip and token stories ([#25](https://github.com/Spaced-Out/ui-design-system/issues/25)) ([8152db7](https://github.com/Spaced-Out/ui-design-system/commit/8152db76f6f284b0e8ad6acf70fea4f68993af07))
|
|
163
|
+
- truncate type export ([#28](https://github.com/Spaced-Out/ui-design-system/issues/28)) ([9b6ff39](https://github.com/Spaced-Out/ui-design-system/commit/9b6ff39b7c648f083c2e0c4a9c50cc76928a4ebe))
|
|
164
|
+
- typeahead component ([#23](https://github.com/Spaced-Out/ui-design-system/issues/23)) ([d7693bb](https://github.com/Spaced-Out/ui-design-system/commit/d7693bb832cb24e6eb01dbc109d4d2afb1b3d2e9))
|
|
161
165
|
|
|
162
166
|
### Bug Fixes
|
|
163
167
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
168
|
+
- added changelog in cspell ignore paths ([723f0d4](https://github.com/Spaced-Out/ui-design-system/commit/723f0d4c874c6558f96a5d78e464d3099e90c30d))
|
|
169
|
+
- added chromatic ([1685380](https://github.com/Spaced-Out/ui-design-system/commit/16853800d7e7ce8610f94b937a4e61bc26537018))
|
|
170
|
+
- added dislog ([e2967c1](https://github.com/Spaced-Out/ui-design-system/commit/e2967c1cf58778e1d6b492f5db9c4be9aaa0d0fc))
|
|
171
|
+
- added Elevation stories ([f0d5a0d](https://github.com/Spaced-Out/ui-design-system/commit/f0d5a0d2723ab60abaeb9a7dc33b7fe4d1f9695e))
|
|
172
|
+
- Added introduction page ([36eb7fd](https://github.com/Spaced-Out/ui-design-system/commit/36eb7fd4006c1a4ed7e0a440b9b1ef6216e09a7c))
|
|
173
|
+
- added more stories ([234b4c9](https://github.com/Spaced-Out/ui-design-system/commit/234b4c95df349db07864a20c10e632c4388cba48))
|
|
174
|
+
- added more text colors ([3ff7117](https://github.com/Spaced-Out/ui-design-system/commit/3ff7117bc0d9f1948765b1af1022a355a3cdbf7f))
|
|
175
|
+
- added spell check ([1fa6f08](https://github.com/Spaced-Out/ui-design-system/commit/1fa6f0890f17ff288d66abcf63e7480ac5fd1730))
|
|
176
|
+
- added spellcheck for storybook ([0c29edd](https://github.com/Spaced-Out/ui-design-system/commit/0c29edd6ca0f54e23bcafb79556b1af0bb486896))
|
|
177
|
+
- added standard version ([5146c63](https://github.com/Spaced-Out/ui-design-system/commit/5146c632fcc7cb499697b0968d4b8a0e51594fec))
|
|
178
|
+
- added test suite ([7676ca7](https://github.com/Spaced-Out/ui-design-system/commit/7676ca7c81efc942b8cbab4bead1fcf0bbdd715c))
|
|
179
|
+
- added text counter for input ([#17](https://github.com/Spaced-Out/ui-design-system/issues/17)) ([09544d2](https://github.com/Spaced-Out/ui-design-system/commit/09544d212547c6574a39b762345fc2eb0eaddf11))
|
|
180
|
+
- added yarn lock ([4052517](https://github.com/Spaced-Out/ui-design-system/commit/405251755d70d140c28fffbd138b2744f7ccb0cd))
|
|
181
|
+
- backdrop fix ([e680a6a](https://github.com/Spaced-Out/ui-design-system/commit/e680a6ae18e598196fd3e5518294ea1e2fba2ccc))
|
|
182
|
+
- color fix for panel ([5b9a9be](https://github.com/Spaced-Out/ui-design-system/commit/5b9a9be55d416129262f3f71a8fb805cbcfb288d))
|
|
183
|
+
- Deleted publish script ([a11cb77](https://github.com/Spaced-Out/ui-design-system/commit/a11cb77cf9b93e248187ca9e6b2eccd73de1aecd))
|
|
184
|
+
- design comments ([9718754](https://github.com/Spaced-Out/ui-design-system/commit/9718754b9a9293d5523f70bdc700e50503589866))
|
|
185
|
+
- design qa fixes ([052058b](https://github.com/Spaced-Out/ui-design-system/commit/052058baf72206f2c04e551f8d1e538c74bb571e))
|
|
186
|
+
- docs fix ([b001ed9](https://github.com/Spaced-Out/ui-design-system/commit/b001ed9613a2e5cd93dde72e81f4112114e30eff))
|
|
187
|
+
- Fixed indentation for Design Tokens ([417934b](https://github.com/Spaced-Out/ui-design-system/commit/417934b5105a4377449870d95152392068fa49d8))
|
|
188
|
+
- **icon:** icon center align ([#6](https://github.com/Spaced-Out/ui-design-system/issues/6)) ([f22ce7d](https://github.com/Spaced-Out/ui-design-system/commit/f22ce7d9eda9dfeaad7b15afd19c19f5e52a4d7e))
|
|
189
|
+
- linear loader fluid width ([#24](https://github.com/Spaced-Out/ui-design-system/issues/24)) ([e943d5f](https://github.com/Spaced-Out/ui-design-system/commit/e943d5fcd56a3bf9a4edaf29ed624c8bce931fb1))
|
|
190
|
+
- modal arch init ([71d8ce1](https://github.com/Spaced-Out/ui-design-system/commit/71d8ce1c42697cf3a3ba039d826db6fb672b5074))
|
|
191
|
+
- panel footer fixes ([11be4d9](https://github.com/Spaced-Out/ui-design-system/commit/11be4d99f11fec1acb67fffebcb59ea128593530))
|
|
192
|
+
- panel init ([5438d93](https://github.com/Spaced-Out/ui-design-system/commit/5438d9340f5796d5cc64902321ef9ee020738400))
|
|
193
|
+
- renamed folder ([931f139](https://github.com/Spaced-Out/ui-design-system/commit/931f13928337cda26db94d21bb5c15c0e57669a6))
|
|
194
|
+
- Selected option fix ([fac75f7](https://github.com/Spaced-Out/ui-design-system/commit/fac75f75588919903d85cfbe4f8df63f8826cb95))
|
|
195
|
+
- spell checks everywhere ([f81b8d4](https://github.com/Spaced-Out/ui-design-system/commit/f81b8d4cdbe7eccdb8b9a626edf057f66cdfe3b4))
|
|
196
|
+
- storybook upgrade ([78f0d84](https://github.com/Spaced-Out/ui-design-system/commit/78f0d84fd3ed73c0424f86c10c6b9100fbe7e18b))
|
|
197
|
+
- tooltip fixes ([b8b0bd0](https://github.com/Spaced-Out/ui-design-system/commit/b8b0bd0514af32c4f31dab1dbea99e70d221d5b5))
|
|
@@ -153,6 +153,9 @@
|
|
|
153
153
|
"neutral": {
|
|
154
154
|
"value": "{baseColor.indigo.500.value}"
|
|
155
155
|
},
|
|
156
|
+
"neutral.lighter": {
|
|
157
|
+
"value": "{baseColor.indigo.100.value}"
|
|
158
|
+
},
|
|
156
159
|
"neutral.lightest": {
|
|
157
160
|
"value": "{baseColor.indigo.50.value}"
|
|
158
161
|
},
|
|
@@ -168,6 +171,9 @@
|
|
|
168
171
|
"success": {
|
|
169
172
|
"value": "{baseColor.green.500.value}"
|
|
170
173
|
},
|
|
174
|
+
"success.lighter": {
|
|
175
|
+
"value": "{baseColor.green.100.value}"
|
|
176
|
+
},
|
|
171
177
|
"success.lightest": {
|
|
172
178
|
"value": "{baseColor.green.50.value}"
|
|
173
179
|
},
|
|
@@ -183,6 +189,9 @@
|
|
|
183
189
|
"information": {
|
|
184
190
|
"value": "{baseColor.blue.500.value}"
|
|
185
191
|
},
|
|
192
|
+
"information.lighter": {
|
|
193
|
+
"value": "{baseColor.blue.100.value}"
|
|
194
|
+
},
|
|
186
195
|
"information.lightest": {
|
|
187
196
|
"value": "{baseColor.blue.50.value}"
|
|
188
197
|
},
|
|
@@ -198,6 +207,9 @@
|
|
|
198
207
|
"warning": {
|
|
199
208
|
"value": "{baseColor.orange.500.value}"
|
|
200
209
|
},
|
|
210
|
+
"warning.lighter": {
|
|
211
|
+
"value": "{baseColor.orange.100.value}"
|
|
212
|
+
},
|
|
201
213
|
"warning.lightest": {
|
|
202
214
|
"value": "{baseColor.orange.50.value}"
|
|
203
215
|
},
|
|
@@ -213,6 +225,9 @@
|
|
|
213
225
|
"danger": {
|
|
214
226
|
"value": "{baseColor.red.500.value}"
|
|
215
227
|
},
|
|
228
|
+
"danger.lighter": {
|
|
229
|
+
"value": "{baseColor.red.100.value}"
|
|
230
|
+
},
|
|
216
231
|
"danger.lightest": {
|
|
217
232
|
"value": "{baseColor.red.50.value}"
|
|
218
233
|
},
|
|
@@ -64,7 +64,7 @@ const AvatarConditionalContent = _ref2 => {
|
|
|
64
64
|
imageSrc,
|
|
65
65
|
text,
|
|
66
66
|
iconName,
|
|
67
|
-
size
|
|
67
|
+
size,
|
|
68
68
|
iconType,
|
|
69
69
|
color = 'blue'
|
|
70
70
|
} = _ref2;
|
|
@@ -89,7 +89,7 @@ const AvatarConditionalContent = _ref2 => {
|
|
|
89
89
|
const Avatar = _ref3 => {
|
|
90
90
|
let {
|
|
91
91
|
classNames,
|
|
92
|
-
size =
|
|
92
|
+
size = AVATAR_SIZE.medium,
|
|
93
93
|
imageSrc,
|
|
94
94
|
text,
|
|
95
95
|
style,
|
|
@@ -114,20 +114,22 @@ const Avatar = _ref3 => {
|
|
|
114
114
|
text: text,
|
|
115
115
|
iconName: iconName,
|
|
116
116
|
iconType: iconType,
|
|
117
|
-
color: color
|
|
117
|
+
color: color,
|
|
118
|
+
size: size
|
|
118
119
|
}))) : /*#__PURE__*/React.createElement(AvatarConditionalContent, {
|
|
119
120
|
imageSrc: imageSrc,
|
|
120
121
|
text: text,
|
|
121
122
|
iconName: iconName,
|
|
122
123
|
iconType: iconType,
|
|
123
|
-
color: color
|
|
124
|
+
color: color,
|
|
125
|
+
size: size
|
|
124
126
|
}));
|
|
125
127
|
};
|
|
126
128
|
exports.Avatar = Avatar;
|
|
127
129
|
const BaseAvatar = _ref4 => {
|
|
128
130
|
let {
|
|
129
131
|
classNames,
|
|
130
|
-
size =
|
|
132
|
+
size = AVATAR_SIZE.medium,
|
|
131
133
|
text = '',
|
|
132
134
|
style,
|
|
133
135
|
color = 'blue'
|
|
@@ -31,7 +31,7 @@ export const AVATAR_SIZE = Object.freeze({
|
|
|
31
31
|
});
|
|
32
32
|
export const avatarSizeOptions: Array<mixed> = [...Object.keys(AVATAR_SIZE)];
|
|
33
33
|
|
|
34
|
-
export type AvatarSize = $
|
|
34
|
+
export type AvatarSize = $Values<typeof AVATAR_SIZE>;
|
|
35
35
|
export const AVATAR_COLOR = Object.freeze({
|
|
36
36
|
red: colorDangerLightest,
|
|
37
37
|
orange: colorWarningLightest,
|
|
@@ -88,14 +88,24 @@ const iconSize = Object.freeze({
|
|
|
88
88
|
large: 'medium',
|
|
89
89
|
});
|
|
90
90
|
|
|
91
|
+
export type AvatarContentProps = {
|
|
92
|
+
imageSrc?: string,
|
|
93
|
+
text?: string,
|
|
94
|
+
iconName?: string,
|
|
95
|
+
iconType?: IconType,
|
|
96
|
+
size: AvatarSize,
|
|
97
|
+
color?: AvatarColorType,
|
|
98
|
+
ring?: boolean,
|
|
99
|
+
};
|
|
100
|
+
|
|
91
101
|
const AvatarConditionalContent = ({
|
|
92
102
|
imageSrc,
|
|
93
103
|
text,
|
|
94
104
|
iconName,
|
|
95
|
-
size
|
|
105
|
+
size,
|
|
96
106
|
iconType,
|
|
97
107
|
color = 'blue',
|
|
98
|
-
}) => (
|
|
108
|
+
}: AvatarContentProps) => (
|
|
99
109
|
<div className={css.innerContainer} style={{background: AVATAR_COLOR[color]}}>
|
|
100
110
|
{imageSrc ? (
|
|
101
111
|
<img src={imageSrc} alt="Avatar" className={css.avatar}></img>
|
|
@@ -109,7 +119,7 @@ const AvatarConditionalContent = ({
|
|
|
109
119
|
|
|
110
120
|
export const Avatar = ({
|
|
111
121
|
classNames,
|
|
112
|
-
size =
|
|
122
|
+
size = AVATAR_SIZE.medium,
|
|
113
123
|
imageSrc,
|
|
114
124
|
text,
|
|
115
125
|
style,
|
|
@@ -139,6 +149,7 @@ export const Avatar = ({
|
|
|
139
149
|
iconName={iconName}
|
|
140
150
|
iconType={iconType}
|
|
141
151
|
color={color}
|
|
152
|
+
size={size}
|
|
142
153
|
/>
|
|
143
154
|
</div>
|
|
144
155
|
</div>
|
|
@@ -149,6 +160,7 @@ export const Avatar = ({
|
|
|
149
160
|
iconName={iconName}
|
|
150
161
|
iconType={iconType}
|
|
151
162
|
color={color}
|
|
163
|
+
size={size}
|
|
152
164
|
/>
|
|
153
165
|
)}
|
|
154
166
|
</div>
|
|
@@ -156,7 +168,7 @@ export const Avatar = ({
|
|
|
156
168
|
|
|
157
169
|
export const BaseAvatar = ({
|
|
158
170
|
classNames,
|
|
159
|
-
size =
|
|
171
|
+
size = AVATAR_SIZE.medium,
|
|
160
172
|
text = '',
|
|
161
173
|
style,
|
|
162
174
|
color = 'blue',
|
|
@@ -146,6 +146,7 @@ button {
|
|
|
146
146
|
|
|
147
147
|
.secondary {
|
|
148
148
|
color: colorTextPrimary;
|
|
149
|
+
border: borderWidthPrimary solid colorButtonFillPrimaryEnabled;
|
|
149
150
|
background-color: colorButtonFillSecondaryEnabled;
|
|
150
151
|
}
|
|
151
152
|
|
|
@@ -223,4 +224,5 @@ button {
|
|
|
223
224
|
pointer-events: none;
|
|
224
225
|
color: colorTextDisabled;
|
|
225
226
|
background-color: colorFillDisabled;
|
|
227
|
+
border: initial;
|
|
226
228
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Icon = void 0;
|
|
6
|
+
exports.Icon = exports.ICON_SIZE = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
require("./FontAwesomeLibrary");
|
|
9
9
|
var _typography = require("../../types/typography");
|
|
@@ -15,6 +15,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
15
|
|
|
16
16
|
// get our fontawesome imports
|
|
17
17
|
|
|
18
|
+
const ICON_SIZE = Object.freeze({
|
|
19
|
+
small: 'small',
|
|
20
|
+
medium: 'medium'
|
|
21
|
+
});
|
|
22
|
+
exports.ICON_SIZE = ICON_SIZE;
|
|
18
23
|
const Icon = _ref => {
|
|
19
24
|
let {
|
|
20
25
|
type = 'regular',
|
|
@@ -14,7 +14,12 @@ import typographyStyle from '../../styles/typography.module.css';
|
|
|
14
14
|
|
|
15
15
|
export type IconType = 'regular' | 'solid';
|
|
16
16
|
|
|
17
|
-
export
|
|
17
|
+
export const ICON_SIZE = Object.freeze({
|
|
18
|
+
small: 'small',
|
|
19
|
+
medium: 'medium',
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export type IconSize = $Keys<typeof ICON_SIZE>;
|
|
18
23
|
|
|
19
24
|
export type IconProps = {
|
|
20
25
|
type?: IconType,
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
@value (borderRadiusXSmall) from '../../styles/variables/_border.css';
|
|
2
2
|
@value (colorFillPrimary,
|
|
3
3
|
colorTextPrimary,
|
|
4
|
+
colorNeutralLighter,
|
|
4
5
|
colorNeutralLightest,
|
|
6
|
+
colorSuccessLighter,
|
|
5
7
|
colorSuccessLightest,
|
|
8
|
+
colorInformationLighter,
|
|
6
9
|
colorInformationLightest,
|
|
10
|
+
colorWarningLighter,
|
|
7
11
|
colorWarningLightest,
|
|
12
|
+
colorDangerLighter,
|
|
8
13
|
colorDangerLightest
|
|
9
14
|
) from '../../styles/variables/_color.css';
|
|
10
15
|
|
|
@@ -16,6 +21,10 @@
|
|
|
16
21
|
sizeFluid
|
|
17
22
|
) from '../../styles/variables/_size.css';
|
|
18
23
|
|
|
24
|
+
@value (
|
|
25
|
+
borderWidthPrimary
|
|
26
|
+
) from '../../styles/variables/_border.css';
|
|
27
|
+
|
|
19
28
|
.alertContainer {
|
|
20
29
|
display: flex;
|
|
21
30
|
flex-direction: row;
|
|
@@ -26,26 +35,33 @@
|
|
|
26
35
|
width: sizeFluid;
|
|
27
36
|
word-break: normal;
|
|
28
37
|
overflow-wrap: anywhere;
|
|
38
|
+
border-width: borderWidthPrimary;
|
|
39
|
+
border-style: solid;
|
|
29
40
|
}
|
|
30
41
|
|
|
31
42
|
.neutral {
|
|
32
43
|
background-color: colorNeutralLightest;
|
|
44
|
+
border-color: colorNeutralLighter;
|
|
33
45
|
}
|
|
34
46
|
|
|
35
47
|
.success {
|
|
36
48
|
background-color: colorSuccessLightest;
|
|
49
|
+
border-color: colorSuccessLighter;
|
|
37
50
|
}
|
|
38
51
|
|
|
39
52
|
.information {
|
|
40
53
|
background-color: colorInformationLightest;
|
|
54
|
+
border-color: colorInformationLighter;
|
|
41
55
|
}
|
|
42
56
|
|
|
43
57
|
.warning {
|
|
44
58
|
background-color: colorWarningLightest;
|
|
59
|
+
border-color: colorWarningLighter;
|
|
45
60
|
}
|
|
46
61
|
|
|
47
62
|
.danger {
|
|
48
63
|
background-color: colorDangerLightest;
|
|
64
|
+
border-color: colorDangerLighter;
|
|
49
65
|
}
|
|
50
66
|
|
|
51
67
|
.closeIcon {
|
|
@@ -38,7 +38,9 @@ const Menu = props => {
|
|
|
38
38
|
key,
|
|
39
39
|
label,
|
|
40
40
|
iconLeft,
|
|
41
|
+
iconLeftType,
|
|
41
42
|
iconRight,
|
|
43
|
+
iconRightType,
|
|
42
44
|
disabled
|
|
43
45
|
} = _ref;
|
|
44
46
|
return /*#__PURE__*/React.createElement(_Button.UnstyledButton, {
|
|
@@ -59,12 +61,14 @@ const Menu = props => {
|
|
|
59
61
|
autoFocus: selectedOption?.key === key
|
|
60
62
|
}, !!iconLeft && /*#__PURE__*/React.createElement(_Icon.Icon, {
|
|
61
63
|
name: iconLeft,
|
|
64
|
+
type: iconLeftType,
|
|
62
65
|
size: "small",
|
|
63
66
|
className: _MenuModule.default.icon
|
|
64
67
|
}), /*#__PURE__*/React.createElement("span", {
|
|
65
68
|
className: _MenuModule.default.optionText
|
|
66
69
|
}, label), !!iconRight && /*#__PURE__*/React.createElement(_Icon.Icon, {
|
|
67
70
|
name: iconRight,
|
|
71
|
+
type: iconRightType,
|
|
68
72
|
size: "small",
|
|
69
73
|
className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon)
|
|
70
74
|
}));
|