@conveyorhq/arrow-ds 1.68.0 → 1.70.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/package.json +1 -1
  2. package/public/components/Icon/Icon.d.ts +13 -0
  3. package/public/components/Icon/Icon.js +27 -1
  4. package/public/components/Icon/svg/ShieldCheck.d.ts +2 -0
  5. package/public/components/Icon/svg/ShieldCheck.js +13 -0
  6. package/public/components/Popover/Popover.js +1 -1
  7. package/src/components/Icon/Icon.tsx +37 -0
  8. package/src/components/Icon/svg/ShieldCheck.tsx +13 -0
  9. package/src/components/Popover/Popover.tsx +1 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@conveyorhq/arrow-ds",
3
3
  "author": "Conveyor",
4
4
  "license": "MIT",
5
- "version": "1.68.0",
5
+ "version": "1.70.0",
6
6
  "description": "Arrow Design System",
7
7
  "repository": "https://github.com/conveyor/arrow-ds",
8
8
  "publishConfig": {
package/public/components/Icon/Icon.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare enum CUSTOM_ICON_TYPE {
8
8
  DIALOG_CHECK = "dialog-check",
9
9
  FOLDERS = "folders",
10
10
  SCROLL = "scroll",
11
+ SHIELD_CHECK = "shield-check",
11
12
  SPARKLE = "sparkle",
12
13
  TRIANGLE_DOWN = "triangle-down",
13
14
  TRIANGLE_UP = "triangle-up"
@@ -20,6 +21,7 @@ export declare enum ICON_TYPE {
20
21
  ARROW_UP = "arrow-up",
21
22
  BACKWARD = "backward",
22
23
  BAN = "ban",
24
+ BARS = "bars",
23
25
  BATTERY_HALF = "battery-half",
24
26
  BED = "bed",
25
27
  BELL = "bell",
@@ -42,12 +44,14 @@ export declare enum ICON_TYPE {
42
44
  CIRCLE_NOTCH = "circle-notch",
43
45
  CLOCK = "clock",
44
46
  CLIPBOARD = "clipboard",
47
+ CLOUD_DOWNLOAD_ALT = "cloud-download-alt",
45
48
  COG = "cog",
46
49
  COLUMNS = "columns",
47
50
  COMMENT_ALT = "comment-alt",
48
51
  COMPASS = "compass",
49
52
  COMPRESS = "compress",
50
53
  CROWN = "crown",
54
+ DOOR_CLOSED = "door-closed",
51
55
  EDIT = "edit",
52
56
  ELLIPSIS_H = "ellipsis-h",
53
57
  ELLIPSIS_V = "ellipsis-v",
@@ -68,10 +72,13 @@ export declare enum ICON_TYPE {
68
72
  FLAG = "flag",
69
73
  FOLDER = "folder",
70
74
  FORWARD = "forward",
75
+ GLOBE_EUROPE = "globe-europe",
71
76
  GRIP_LINES = "grip-lines",
72
77
  GRIP_LINES_VERTICAL = "grip-lines-vertical",
78
+ HANDSHAKE = "handshake",
73
79
  HASHTAG = "hashtag",
74
80
  HIGHLIGHTER = "highlighter",
81
+ ID_BADGE = "id-badge",
75
82
  INFO_CIRCLE = "info-circle",
76
83
  KEY = "key",
77
84
  KEYBOARD = "keyboard",
@@ -95,11 +102,15 @@ export declare enum ICON_TYPE {
95
102
  POO_STORM = "poo-storm",
96
103
  QUESTION = "question",
97
104
  QUESTION_CIRCLE = "question-circle",
105
+ RANDOM = "random",
98
106
  SCROLL = "scroll",
99
107
  SEARCH = "search",
108
+ SERVER = "server",
100
109
  SHARE_ALT = "share-alt",
101
110
  SHIELD_ALT = "shield-alt",
111
+ SHIELD_CHECK = "shield-check",
102
112
  SIGN_OUT_ALT = "sign-out-alt",
113
+ SIGNAL = "signal",
103
114
  SIGNATURE = "signature",
104
115
  SLIDERS_H = "sliders-h",
105
116
  SORT = "sort",
@@ -121,9 +132,11 @@ export declare enum ICON_TYPE {
121
132
  UNLOCK = "unlock",
122
133
  USER = "user",
123
134
  USER_ASTRONAUT = "user-astronaut",
135
+ USER_LOCK = "user-lock",
124
136
  USER_PLUS = "user-plus",
125
137
  USERS = "users",
126
138
  USER_FRIENDS = "user-friends",
139
+ USER_SECRET = "user-secret",
127
140
  USER_SHIELD = "user-shield",
128
141
  WRENCH = "wrench"
129
142
  }
package/public/components/Icon/Icon.js CHANGED
@@ -45,6 +45,7 @@ const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight")
45
45
  const faArrowUp_1 = require("@fortawesome/free-solid-svg-icons/faArrowUp");
46
46
  const faBackward_1 = require("@fortawesome/free-solid-svg-icons/faBackward");
47
47
  const faBan_1 = require("@fortawesome/free-solid-svg-icons/faBan");
48
+ const faBars_1 = require("@fortawesome/free-solid-svg-icons/faBars");
48
49
  const faBatteryHalf_1 = require("@fortawesome/free-solid-svg-icons/faBatteryHalf");
49
50
  const faBed_1 = require("@fortawesome/free-solid-svg-icons/faBed");
50
51
  const faBell_1 = require("@fortawesome/free-solid-svg-icons/faBell");
@@ -67,12 +68,14 @@ const faCircle_2 = require("@fortawesome/free-solid-svg-icons/faCircle");
67
68
  const faCircleNotch_1 = require("@fortawesome/free-solid-svg-icons/faCircleNotch");
68
69
  const faClipboard_1 = require("@fortawesome/free-solid-svg-icons/faClipboard");
69
70
  const faClock_2 = require("@fortawesome/free-solid-svg-icons/faClock");
71
+ const faCloudDownloadAlt_1 = require("@fortawesome/free-solid-svg-icons/faCloudDownloadAlt");
70
72
  const faCog_1 = require("@fortawesome/free-solid-svg-icons/faCog");
71
73
  const faColumns_1 = require("@fortawesome/free-solid-svg-icons/faColumns");
72
74
  const faCommentAlt_1 = require("@fortawesome/free-solid-svg-icons/faCommentAlt");
73
75
  const faCompass_1 = require("@fortawesome/free-solid-svg-icons/faCompass");
74
76
  const faCompress_1 = require("@fortawesome/free-solid-svg-icons/faCompress");
75
77
  const faCrown_1 = require("@fortawesome/free-solid-svg-icons/faCrown");
78
+ const faDoorClosed_1 = require("@fortawesome/free-solid-svg-icons/faDoorClosed");
76
79
  const faEdit_1 = require("@fortawesome/free-solid-svg-icons/faEdit");
77
80
  const faEllipsisH_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisH");
78
81
  const faEllipsisV_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisV");
@@ -93,10 +96,13 @@ const faFilter_1 = require("@fortawesome/free-solid-svg-icons/faFilter");
93
96
  const faFlag_1 = require("@fortawesome/free-solid-svg-icons/faFlag");
94
97
  const faFolder_1 = require("@fortawesome/free-solid-svg-icons/faFolder");
95
98
  const faForward_1 = require("@fortawesome/free-solid-svg-icons/faForward");
99
+ const faGlobeEurope_1 = require("@fortawesome/free-solid-svg-icons/faGlobeEurope");
96
100
  const faGripLines_1 = require("@fortawesome/free-solid-svg-icons/faGripLines");
97
101
  const faGripLinesVertical_1 = require("@fortawesome/free-solid-svg-icons/faGripLinesVertical");
102
+ const faHandshake_1 = require("@fortawesome/free-solid-svg-icons/faHandshake");
98
103
  const faHashtag_1 = require("@fortawesome/free-solid-svg-icons/faHashtag");
99
104
  const faHighlighter_1 = require("@fortawesome/free-solid-svg-icons/faHighlighter");
105
+ const faIdBadge_1 = require("@fortawesome/free-solid-svg-icons/faIdBadge");
100
106
  const faInfoCircle_1 = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
101
107
  const faKey_1 = require("@fortawesome/free-solid-svg-icons/faKey");
102
108
  const faLayerGroup_1 = require("@fortawesome/free-solid-svg-icons/faLayerGroup");
@@ -119,10 +125,13 @@ const faPlusCircle_1 = require("@fortawesome/free-solid-svg-icons/faPlusCircle")
119
125
  const faPooStorm_1 = require("@fortawesome/free-solid-svg-icons/faPooStorm");
120
126
  const faQuestion_1 = require("@fortawesome/free-solid-svg-icons/faQuestion");
121
127
  const faQuestionCircle_2 = require("@fortawesome/free-solid-svg-icons/faQuestionCircle");
128
+ const faRandom_1 = require("@fortawesome/free-solid-svg-icons/faRandom");
122
129
  const faScroll_1 = require("@fortawesome/free-solid-svg-icons/faScroll");
123
130
  const faSearch_1 = require("@fortawesome/free-solid-svg-icons/faSearch");
131
+ const faServer_1 = require("@fortawesome/free-solid-svg-icons/faServer");
124
132
  const faShareAlt_1 = require("@fortawesome/free-solid-svg-icons/faShareAlt");
125
133
  const faShieldAlt_1 = require("@fortawesome/free-solid-svg-icons/faShieldAlt");
134
+ const faSignal_1 = require("@fortawesome/free-solid-svg-icons/faSignal");
126
135
  const faSignature_1 = require("@fortawesome/free-solid-svg-icons/faSignature");
127
136
  const faSignOutAlt_1 = require("@fortawesome/free-solid-svg-icons/faSignOutAlt");
128
137
  const faSlidersH_1 = require("@fortawesome/free-solid-svg-icons/faSlidersH");
@@ -146,16 +155,19 @@ const faUnlock_1 = require("@fortawesome/free-solid-svg-icons/faUnlock");
146
155
  const faUser_2 = require("@fortawesome/free-solid-svg-icons/faUser");
147
156
  const faUserAstronaut_1 = require("@fortawesome/free-solid-svg-icons/faUserAstronaut");
148
157
  const faUserFriends_1 = require("@fortawesome/free-solid-svg-icons/faUserFriends");
158
+ const faUserLock_1 = require("@fortawesome/free-solid-svg-icons/faUserLock");
149
159
  const faUserPlus_1 = require("@fortawesome/free-solid-svg-icons/faUserPlus");
150
160
  const faUsers_1 = require("@fortawesome/free-solid-svg-icons/faUsers");
161
+ const faUserSecret_1 = require("@fortawesome/free-solid-svg-icons/faUserSecret");
151
162
  const faUserShield_1 = require("@fortawesome/free-solid-svg-icons/faUserShield");
152
163
  const faWrench_1 = require("@fortawesome/free-solid-svg-icons/faWrench");
153
164
  const svg_1 = require("./svg");
154
165
  const status_1 = require("../../contexts/status");
155
166
  const types_1 = require("../../types");
156
167
  const utilities_1 = require("../../utilities");
168
+ const ShieldCheck_1 = require("./svg/ShieldCheck");
157
169
  const cn = utilities_1.bemHOF("Icon");
158
- fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBan_1.faBan, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBolt_1.faBolt, faBug_1.faBug, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCog_1.faCog, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCrown_1.faCrown, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_1.faEnvelope, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHashtag_1.faHashtag, faHighlighter_1.faHighlighter, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLink_1.faLink, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapSigns_1.faMapSigns, faMinus_1.faMinus, faMousePointer_1.faMousePointer, faPaperPlane_1.faPaperPlane, faPaperclip_1.faPaperclip, faPause_1.faPause, faPen_1.faPen, faPlay_1.faPlay, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faScroll_1.faScroll, faSearch_1.faSearch, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStar_1.faStar, faStar_2.faStar, faSync_1.faSync, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserFriends_1.faUserFriends, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserShield_1.faUserShield, faWrench_1.faWrench);
170
+ fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBan_1.faBan, faBars_1.faBars, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBolt_1.faBolt, faBug_1.faBug, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCloudDownloadAlt_1.faCloudDownloadAlt, faCog_1.faCog, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCrown_1.faCrown, faDoorClosed_1.faDoorClosed, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_1.faEnvelope, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGlobeEurope_1.faGlobeEurope, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHandshake_1.faHandshake, faHashtag_1.faHashtag, faHighlighter_1.faHighlighter, faIdBadge_1.faIdBadge, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLink_1.faLink, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapSigns_1.faMapSigns, faMinus_1.faMinus, faMousePointer_1.faMousePointer, faPaperPlane_1.faPaperPlane, faPaperclip_1.faPaperclip, faPause_1.faPause, faPen_1.faPen, faPlay_1.faPlay, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faRandom_1.faRandom, faScroll_1.faScroll, faSearch_1.faSearch, faServer_1.faServer, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignal_1.faSignal, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStar_1.faStar, faStar_2.faStar, faSync_1.faSync, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faWrench_1.faWrench);
159
171
  var CUSTOM_ICON_TYPE;
160
172
  (function (CUSTOM_ICON_TYPE) {
161
173
  CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -164,6 +176,7 @@ var CUSTOM_ICON_TYPE;
164
176
  CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
165
177
  CUSTOM_ICON_TYPE["FOLDERS"] = "folders";
166
178
  CUSTOM_ICON_TYPE["SCROLL"] = "scroll";
179
+ CUSTOM_ICON_TYPE["SHIELD_CHECK"] = "shield-check";
167
180
  CUSTOM_ICON_TYPE["SPARKLE"] = "sparkle";
168
181
  CUSTOM_ICON_TYPE["TRIANGLE_DOWN"] = "triangle-down";
169
182
  CUSTOM_ICON_TYPE["TRIANGLE_UP"] = "triangle-up";
@@ -175,6 +188,7 @@ const CustomIcons = {
175
188
  [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,
176
189
  [CUSTOM_ICON_TYPE.FOLDERS]: svg_1.Folders,
177
190
  [CUSTOM_ICON_TYPE.SCROLL]: svg_1.Scroll,
191
+ [CUSTOM_ICON_TYPE.SHIELD_CHECK]: ShieldCheck_1.SheildCheck,
178
192
  [CUSTOM_ICON_TYPE.SPARKLE]: svg_1.Sparkle,
179
193
  [CUSTOM_ICON_TYPE.TRIANGLE_DOWN]: svg_1.TriangleDown,
180
194
  [CUSTOM_ICON_TYPE.TRIANGLE_UP]: svg_1.TriangleUp,
@@ -188,6 +202,7 @@ var ICON_TYPE;
188
202
  ICON_TYPE["ARROW_UP"] = "arrow-up";
189
203
  ICON_TYPE["BACKWARD"] = "backward";
190
204
  ICON_TYPE["BAN"] = "ban";
205
+ ICON_TYPE["BARS"] = "bars";
191
206
  ICON_TYPE["BATTERY_HALF"] = "battery-half";
192
207
  ICON_TYPE["BED"] = "bed";
193
208
  ICON_TYPE["BELL"] = "bell";
@@ -210,12 +225,14 @@ var ICON_TYPE;
210
225
  ICON_TYPE["CIRCLE_NOTCH"] = "circle-notch";
211
226
  ICON_TYPE["CLOCK"] = "clock";
212
227
  ICON_TYPE["CLIPBOARD"] = "clipboard";
228
+ ICON_TYPE["CLOUD_DOWNLOAD_ALT"] = "cloud-download-alt";
213
229
  ICON_TYPE["COG"] = "cog";
214
230
  ICON_TYPE["COLUMNS"] = "columns";
215
231
  ICON_TYPE["COMMENT_ALT"] = "comment-alt";
216
232
  ICON_TYPE["COMPASS"] = "compass";
217
233
  ICON_TYPE["COMPRESS"] = "compress";
218
234
  ICON_TYPE["CROWN"] = "crown";
235
+ ICON_TYPE["DOOR_CLOSED"] = "door-closed";
219
236
  ICON_TYPE["EDIT"] = "edit";
220
237
  ICON_TYPE["ELLIPSIS_H"] = "ellipsis-h";
221
238
  ICON_TYPE["ELLIPSIS_V"] = "ellipsis-v";
@@ -236,10 +253,13 @@ var ICON_TYPE;
236
253
  ICON_TYPE["FLAG"] = "flag";
237
254
  ICON_TYPE["FOLDER"] = "folder";
238
255
  ICON_TYPE["FORWARD"] = "forward";
256
+ ICON_TYPE["GLOBE_EUROPE"] = "globe-europe";
239
257
  ICON_TYPE["GRIP_LINES"] = "grip-lines";
240
258
  ICON_TYPE["GRIP_LINES_VERTICAL"] = "grip-lines-vertical";
259
+ ICON_TYPE["HANDSHAKE"] = "handshake";
241
260
  ICON_TYPE["HASHTAG"] = "hashtag";
242
261
  ICON_TYPE["HIGHLIGHTER"] = "highlighter";
262
+ ICON_TYPE["ID_BADGE"] = "id-badge";
243
263
  ICON_TYPE["INFO_CIRCLE"] = "info-circle";
244
264
  ICON_TYPE["KEY"] = "key";
245
265
  ICON_TYPE["KEYBOARD"] = "keyboard";
@@ -263,11 +283,15 @@ var ICON_TYPE;
263
283
  ICON_TYPE["POO_STORM"] = "poo-storm";
264
284
  ICON_TYPE["QUESTION"] = "question";
265
285
  ICON_TYPE["QUESTION_CIRCLE"] = "question-circle";
286
+ ICON_TYPE["RANDOM"] = "random";
266
287
  ICON_TYPE["SCROLL"] = "scroll";
267
288
  ICON_TYPE["SEARCH"] = "search";
289
+ ICON_TYPE["SERVER"] = "server";
268
290
  ICON_TYPE["SHARE_ALT"] = "share-alt";
269
291
  ICON_TYPE["SHIELD_ALT"] = "shield-alt";
292
+ ICON_TYPE["SHIELD_CHECK"] = "shield-check";
270
293
  ICON_TYPE["SIGN_OUT_ALT"] = "sign-out-alt";
294
+ ICON_TYPE["SIGNAL"] = "signal";
271
295
  ICON_TYPE["SIGNATURE"] = "signature";
272
296
  ICON_TYPE["SLIDERS_H"] = "sliders-h";
273
297
  ICON_TYPE["SORT"] = "sort";
@@ -289,9 +313,11 @@ var ICON_TYPE;
289
313
  ICON_TYPE["UNLOCK"] = "unlock";
290
314
  ICON_TYPE["USER"] = "user";
291
315
  ICON_TYPE["USER_ASTRONAUT"] = "user-astronaut";
316
+ ICON_TYPE["USER_LOCK"] = "user-lock";
292
317
  ICON_TYPE["USER_PLUS"] = "user-plus";
293
318
  ICON_TYPE["USERS"] = "users";
294
319
  ICON_TYPE["USER_FRIENDS"] = "user-friends";
320
+ ICON_TYPE["USER_SECRET"] = "user-secret";
295
321
  ICON_TYPE["USER_SHIELD"] = "user-shield";
296
322
  ICON_TYPE["WRENCH"] = "wrench";
297
323
  })(ICON_TYPE = exports.ICON_TYPE || (exports.ICON_TYPE = {}));
package/public/components/Icon/svg/ShieldCheck.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { SvgProps } from "../../Svg";
2
+ export declare const SheildCheck: (props: SvgProps) => JSX.Element;
package/public/components/Icon/svg/ShieldCheck.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SheildCheck = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const Svg_1 = require("../../Svg");
9
+ const SheildCheck = (props) => {
10
+ return (react_1.default.createElement(Svg_1.Svg, Object.assign({ width: "30", height: "32", viewBox: "0 0 30 32" }, props),
11
+ react_1.default.createElement("path", { fill: "currentColor", d: "M26.885 4.846l-11.077-4.615c-0.288-0.115-0.75-0.173-1.038-0.173-0.346 0-0.808 0.058-1.096 0.173l-11.077 4.615c-1.038 0.462-1.673 1.442-1.673 2.538 0 11.481 6.577 19.385 12.75 21.981 0.692 0.288 1.442 0.288 2.135 0 4.962-2.077 12.808-9.173 12.808-21.981 0-1.096-0.692-2.077-1.731-2.538zM24.173 11.423l-10.615 10.615c-0.346 0.404-0.981 0.404-1.327 0l-6-6c-0.346-0.346-0.346-0.923 0-1.269l1.327-1.327c0.346-0.346 0.923-0.346 1.269 0l4.096 4.038 8.654-8.654c0.346-0.346 0.923-0.346 1.269 0l1.327 1.327c0.346 0.346 0.346 0.923 0 1.269z" })));
12
+ };
13
+ exports.SheildCheck = SheildCheck;
package/public/components/Popover/Popover.js CHANGED
@@ -52,7 +52,7 @@ const Popover = ({ removePadding = false, ...props }) => {
52
52
  }
53
53
  if (!props.inline) {
54
54
  const { referenceElement, popperModifiers, isVisible, placement, className, style: styleProp, children, inline, showArrow = false, ...rest } = props;
55
- const offset = showArrow ? [0, 18] : [0, 8];
55
+ const offset = [0, 8];
56
56
  const defaultPopperModifiers = [
57
57
  {
58
58
  name: "offset",
package/src/components/Icon/Icon.tsx CHANGED
@@ -24,6 +24,7 @@ import { faArrowRight } from "@fortawesome/free-solid-svg-icons/faArrowRight";
24
24
  import { faArrowUp } from "@fortawesome/free-solid-svg-icons/faArrowUp";
25
25
  import { faBackward } from "@fortawesome/free-solid-svg-icons/faBackward";
26
26
  import { faBan } from "@fortawesome/free-solid-svg-icons/faBan";
27
+ import { faBars } from "@fortawesome/free-solid-svg-icons/faBars";
27
28
  import { faBatteryHalf } from "@fortawesome/free-solid-svg-icons/faBatteryHalf";
28
29
  import { faBed } from "@fortawesome/free-solid-svg-icons/faBed";
29
30
  import { faBell } from "@fortawesome/free-solid-svg-icons/faBell";
@@ -46,12 +47,14 @@ import { faCircle } from "@fortawesome/free-solid-svg-icons/faCircle";
46
47
  import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
47
48
  import { faClipboard } from "@fortawesome/free-solid-svg-icons/faClipboard";
48
49
  import { faClock as faClockSolid } from "@fortawesome/free-solid-svg-icons/faClock";
50
+ import { faCloudDownloadAlt } from "@fortawesome/free-solid-svg-icons/faCloudDownloadAlt";
49
51
  import { faCog } from "@fortawesome/free-solid-svg-icons/faCog";
50
52
  import { faColumns } from "@fortawesome/free-solid-svg-icons/faColumns";
51
53
  import { faCommentAlt } from "@fortawesome/free-solid-svg-icons/faCommentAlt";
52
54
  import { faCompass } from "@fortawesome/free-solid-svg-icons/faCompass";
53
55
  import { faCompress } from "@fortawesome/free-solid-svg-icons/faCompress";
54
56
  import { faCrown } from "@fortawesome/free-solid-svg-icons/faCrown";
57
+ import { faDoorClosed } from "@fortawesome/free-solid-svg-icons/faDoorClosed";
55
58
  import { faEdit } from "@fortawesome/free-solid-svg-icons/faEdit";
56
59
  import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
57
60
  import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
@@ -72,10 +75,13 @@ import { faFilter } from "@fortawesome/free-solid-svg-icons/faFilter";
72
75
  import { faFlag } from "@fortawesome/free-solid-svg-icons/faFlag";
73
76
  import { faFolder } from "@fortawesome/free-solid-svg-icons/faFolder";
74
77
  import { faForward } from "@fortawesome/free-solid-svg-icons/faForward";
78
+ import { faGlobeEurope } from "@fortawesome/free-solid-svg-icons/faGlobeEurope";
75
79
  import { faGripLines } from "@fortawesome/free-solid-svg-icons/faGripLines";
76
80
  import { faGripLinesVertical } from "@fortawesome/free-solid-svg-icons/faGripLinesVertical";
81
+ import { faHandshake } from "@fortawesome/free-solid-svg-icons/faHandshake";
77
82
  import { faHashtag } from "@fortawesome/free-solid-svg-icons/faHashtag";
78
83
  import { faHighlighter } from "@fortawesome/free-solid-svg-icons/faHighlighter";
84
+ import { faIdBadge } from "@fortawesome/free-solid-svg-icons/faIdBadge";
79
85
  import { faInfoCircle } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
80
86
  import { faKey } from "@fortawesome/free-solid-svg-icons/faKey";
81
87
  import { faLayerGroup } from "@fortawesome/free-solid-svg-icons/faLayerGroup";
@@ -98,10 +104,13 @@ import { faPlusCircle } from "@fortawesome/free-solid-svg-icons/faPlusCircle";
98
104
  import { faPooStorm } from "@fortawesome/free-solid-svg-icons/faPooStorm";
99
105
  import { faQuestion } from "@fortawesome/free-solid-svg-icons/faQuestion";
100
106
  import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons/faQuestionCircle";
107
+ import { faRandom } from "@fortawesome/free-solid-svg-icons/faRandom";
101
108
  import { faScroll } from "@fortawesome/free-solid-svg-icons/faScroll";
102
109
  import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
110
+ import { faServer } from "@fortawesome/free-solid-svg-icons/faServer";
103
111
  import { faShareAlt } from "@fortawesome/free-solid-svg-icons/faShareAlt";
104
112
  import { faShieldAlt } from "@fortawesome/free-solid-svg-icons/faShieldAlt";
113
+ import { faSignal } from "@fortawesome/free-solid-svg-icons/faSignal";
105
114
  import { faSignature } from "@fortawesome/free-solid-svg-icons/faSignature";
106
115
  import { faSignOutAlt } from "@fortawesome/free-solid-svg-icons/faSignOutAlt";
107
116
  import { faSlidersH } from "@fortawesome/free-solid-svg-icons/faSlidersH";
@@ -125,8 +134,10 @@ import { faUnlock } from "@fortawesome/free-solid-svg-icons/faUnlock";
125
134
  import { faUser } from "@fortawesome/free-solid-svg-icons/faUser";
126
135
  import { faUserAstronaut } from "@fortawesome/free-solid-svg-icons/faUserAstronaut";
127
136
  import { faUserFriends } from "@fortawesome/free-solid-svg-icons/faUserFriends";
137
+ import { faUserLock } from "@fortawesome/free-solid-svg-icons/faUserLock";
128
138
  import { faUserPlus } from "@fortawesome/free-solid-svg-icons/faUserPlus";
129
139
  import { faUsers } from "@fortawesome/free-solid-svg-icons/faUsers";
140
+ import { faUserSecret } from "@fortawesome/free-solid-svg-icons/faUserSecret";
130
141
  import { faUserShield } from "@fortawesome/free-solid-svg-icons/faUserShield";
131
142
  import { faWrench } from "@fortawesome/free-solid-svg-icons/faWrench";
132
143
 
@@ -147,6 +158,7 @@ import { StatusContext } from "../../contexts/status";
147
158
  import { STATUS_VARIANT } from "../../types";
148
159
  import { bemHOF } from "../../utilities";
149
160
  import { SvgProps } from "../Svg";
161
+ import { SheildCheck } from "./svg/ShieldCheck";
150
162
 
151
163
  const cn = bemHOF("Icon");
152
164
 
@@ -158,6 +170,7 @@ library.add(
158
170
  faArrowUp,
159
171
  faBackward,
160
172
  faBan,
173
+ faBars,
161
174
  faBatteryHalf,
162
175
  faBed,
163
176
  faBell,
@@ -183,12 +196,14 @@ library.add(
183
196
  faClipboard,
184
197
  faClock,
185
198
  faClockSolid,
199
+ faCloudDownloadAlt,
186
200
  faCog,
187
201
  faColumns,
188
202
  faCommentAlt,
189
203
  faCompass,
190
204
  faCompress,
191
205
  faCrown,
206
+ faDoorClosed,
192
207
  faEdit,
193
208
  faEllipsisH,
194
209
  faEllipsisV,
@@ -210,10 +225,13 @@ library.add(
210
225
  faFlag,
211
226
  faFolder,
212
227
  faForward,
228
+ faGlobeEurope,
213
229
  faGripLines,
214
230
  faGripLinesVertical,
231
+ faHandshake,
215
232
  faHashtag,
216
233
  faHighlighter,
234
+ faIdBadge,
217
235
  faInfoCircle,
218
236
  faKey,
219
237
  faKeyboard,
@@ -238,10 +256,13 @@ library.add(
238
256
  faQuestion,
239
257
  faQuestionCircle,
240
258
  faQuestionCircleRegular,
259
+ faRandom,
241
260
  faScroll,
242
261
  faSearch,
262
+ faServer,
243
263
  faShareAlt,
244
264
  faShieldAlt,
265
+ faSignal,
245
266
  faSignature,
246
267
  faSignOutAlt,
247
268
  faSlidersH,
@@ -269,9 +290,11 @@ library.add(
269
290
  faUser,
270
291
  faUserAstronaut,
271
292
  faUserFriends,
293
+ faUserLock,
272
294
  faUserPlus,
273
295
  faUserRegular,
274
296
  faUsers,
297
+ faUserSecret,
275
298
  faUserShield,
276
299
  faWrench,
277
300
  );
@@ -283,6 +306,7 @@ export enum CUSTOM_ICON_TYPE {
283
306
  DIALOG_CHECK = "dialog-check",
284
307
  FOLDERS = "folders",
285
308
  SCROLL = "scroll",
309
+ SHIELD_CHECK = "shield-check",
286
310
  SPARKLE = "sparkle",
287
311
  TRIANGLE_DOWN = "triangle-down",
288
312
  TRIANGLE_UP = "triangle-up",
@@ -299,6 +323,7 @@ const CustomIcons: CustomIconPaths = {
299
323
  [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,
300
324
  [CUSTOM_ICON_TYPE.FOLDERS]: Folders,
301
325
  [CUSTOM_ICON_TYPE.SCROLL]: Scroll,
326
+ [CUSTOM_ICON_TYPE.SHIELD_CHECK]: SheildCheck,
302
327
  [CUSTOM_ICON_TYPE.SPARKLE]: Sparkle,
303
328
  [CUSTOM_ICON_TYPE.TRIANGLE_DOWN]: TriangleDown,
304
329
  [CUSTOM_ICON_TYPE.TRIANGLE_UP]: TriangleUp,
@@ -312,6 +337,7 @@ export enum ICON_TYPE {
312
337
  ARROW_UP = "arrow-up",
313
338
  BACKWARD = "backward",
314
339
  BAN = "ban",
340
+ BARS = "bars",
315
341
  BATTERY_HALF = "battery-half",
316
342
  BED = "bed",
317
343
  BELL = "bell",
@@ -334,12 +360,14 @@ export enum ICON_TYPE {
334
360
  CIRCLE_NOTCH = "circle-notch",
335
361
  CLOCK = "clock",
336
362
  CLIPBOARD = "clipboard",
363
+ CLOUD_DOWNLOAD_ALT = "cloud-download-alt",
337
364
  COG = "cog",
338
365
  COLUMNS = "columns",
339
366
  COMMENT_ALT = "comment-alt",
340
367
  COMPASS = "compass",
341
368
  COMPRESS = "compress",
342
369
  CROWN = "crown",
370
+ DOOR_CLOSED = "door-closed",
343
371
  EDIT = "edit",
344
372
  ELLIPSIS_H = "ellipsis-h",
345
373
  ELLIPSIS_V = "ellipsis-v",
@@ -360,10 +388,13 @@ export enum ICON_TYPE {
360
388
  FLAG = "flag",
361
389
  FOLDER = "folder",
362
390
  FORWARD = "forward",
391
+ GLOBE_EUROPE = "globe-europe",
363
392
  GRIP_LINES = "grip-lines",
364
393
  GRIP_LINES_VERTICAL = "grip-lines-vertical",
394
+ HANDSHAKE = "handshake",
365
395
  HASHTAG = "hashtag",
366
396
  HIGHLIGHTER = "highlighter",
397
+ ID_BADGE = "id-badge",
367
398
  INFO_CIRCLE = "info-circle",
368
399
  KEY = "key",
369
400
  KEYBOARD = "keyboard",
@@ -387,11 +418,15 @@ export enum ICON_TYPE {
387
418
  POO_STORM = "poo-storm", // Use in storybook examples
388
419
  QUESTION = "question",
389
420
  QUESTION_CIRCLE = "question-circle",
421
+ RANDOM = "random",
390
422
  SCROLL = "scroll",
391
423
  SEARCH = "search",
424
+ SERVER = "server",
392
425
  SHARE_ALT = "share-alt",
393
426
  SHIELD_ALT = "shield-alt",
427
+ SHIELD_CHECK = "shield-check",
394
428
  SIGN_OUT_ALT = "sign-out-alt",
429
+ SIGNAL = "signal",
395
430
  SIGNATURE = "signature",
396
431
  SLIDERS_H = "sliders-h",
397
432
  SORT = "sort",
@@ -413,9 +448,11 @@ export enum ICON_TYPE {
413
448
  UNLOCK = "unlock",
414
449
  USER = "user",
415
450
  USER_ASTRONAUT = "user-astronaut",
451
+ USER_LOCK = "user-lock",
416
452
  USER_PLUS = "user-plus",
417
453
  USERS = "users",
418
454
  USER_FRIENDS = "user-friends",
455
+ USER_SECRET = "user-secret",
419
456
  USER_SHIELD = "user-shield",
420
457
  WRENCH = "wrench",
421
458
  }
package/src/components/Icon/svg/ShieldCheck.tsx ADDED
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { Svg, SvgProps } from "../../Svg";
3
+
4
+ export const SheildCheck = (props: SvgProps) => {
5
+ return (
6
+ <Svg width="30" height="32" viewBox="0 0 30 32" {...props}>
7
+ <path
8
+ fill="currentColor"
9
+ d="M26.885 4.846l-11.077-4.615c-0.288-0.115-0.75-0.173-1.038-0.173-0.346 0-0.808 0.058-1.096 0.173l-11.077 4.615c-1.038 0.462-1.673 1.442-1.673 2.538 0 11.481 6.577 19.385 12.75 21.981 0.692 0.288 1.442 0.288 2.135 0 4.962-2.077 12.808-9.173 12.808-21.981 0-1.096-0.692-2.077-1.731-2.538zM24.173 11.423l-10.615 10.615c-0.346 0.404-0.981 0.404-1.327 0l-6-6c-0.346-0.346-0.346-0.923 0-1.269l1.327-1.327c0.346-0.346 0.923-0.346 1.269 0l4.096 4.038 8.654-8.654c0.346-0.346 0.923-0.346 1.269 0l1.327 1.327c0.346 0.346 0.346 0.923 0 1.269z"
10
+ />
11
+ </Svg>
12
+ );
13
+ };
package/src/components/Popover/Popover.tsx CHANGED
@@ -162,7 +162,7 @@ export const Popover = ({ removePadding = false, ...props }: PopoverProps) => {
162
162
  ...rest
163
163
  } = props;
164
164
 
165
- const offset = showArrow ? [0, 18] : [0, 8];
165
+ const offset = [0, 8];
166
166
 
167
167
  const defaultPopperModifiers = [
168
168
  {