@conveyorhq/arrow-ds 1.67.0 → 1.69.1

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 +15 -0
  3. package/public/components/Icon/Icon.js +31 -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 +43 -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.67.0",
5
+ "version": "1.69.1",
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"
@@ -24,6 +25,7 @@ export declare enum ICON_TYPE {
24
25
  BED = "bed",
25
26
  BELL = "bell",
26
27
  BOLT = "bolt",
28
+ BUG = "bug",
27
29
  CALENDAR = "calendar",
28
30
  CALCULATOR = "calculator",
29
31
  CARET_DOWN = "caret-down",
@@ -41,12 +43,15 @@ export declare enum ICON_TYPE {
41
43
  CIRCLE_NOTCH = "circle-notch",
42
44
  CLOCK = "clock",
43
45
  CLIPBOARD = "clipboard",
46
+ CLOUD_DOWNLOAD_ALT = "cloud-download-alt",
44
47
  COG = "cog",
45
48
  COLUMNS = "columns",
46
49
  COMMENT_ALT = "comment-alt",
47
50
  COMPASS = "compass",
48
51
  COMPRESS = "compress",
49
52
  CROWN = "crown",
53
+ DOOR_CLOSED = "door-closed",
54
+ EDIT = "edit",
50
55
  ELLIPSIS_H = "ellipsis-h",
51
56
  ELLIPSIS_V = "ellipsis-v",
52
57
  ENVELOPE = "envelope",
@@ -66,15 +71,19 @@ export declare enum ICON_TYPE {
66
71
  FLAG = "flag",
67
72
  FOLDER = "folder",
68
73
  FORWARD = "forward",
74
+ GLOBE_EUROPE = "globe-europe",
69
75
  GRIP_LINES = "grip-lines",
70
76
  GRIP_LINES_VERTICAL = "grip-lines-vertical",
77
+ HANDSHAKE = "handshake",
71
78
  HASHTAG = "hashtag",
72
79
  HIGHLIGHTER = "highlighter",
80
+ ID_BADGE = "id-badge",
73
81
  INFO_CIRCLE = "info-circle",
74
82
  KEY = "key",
75
83
  KEYBOARD = "keyboard",
76
84
  LAYER_GROUP = "layer-group",
77
85
  LEVEL_UP_ALT = "level-up-alt",
86
+ LINK = "link",
78
87
  LIST_UL = "list-ul",
79
88
  LOCK = "lock",
80
89
  LONG_ARROW_ALT_RIGHT = "long-arrow-alt-right",
@@ -92,11 +101,15 @@ export declare enum ICON_TYPE {
92
101
  POO_STORM = "poo-storm",
93
102
  QUESTION = "question",
94
103
  QUESTION_CIRCLE = "question-circle",
104
+ RANDOM = "random",
95
105
  SCROLL = "scroll",
96
106
  SEARCH = "search",
107
+ SERVER = "server",
97
108
  SHARE_ALT = "share-alt",
98
109
  SHIELD_ALT = "shield-alt",
110
+ SHIELD_CHECK = "shield-check",
99
111
  SIGN_OUT_ALT = "sign-out-alt",
112
+ SIGNAL = "signal",
100
113
  SIGNATURE = "signature",
101
114
  SLIDERS_H = "sliders-h",
102
115
  SORT = "sort",
@@ -118,9 +131,11 @@ export declare enum ICON_TYPE {
118
131
  UNLOCK = "unlock",
119
132
  USER = "user",
120
133
  USER_ASTRONAUT = "user-astronaut",
134
+ USER_LOCK = "user-lock",
121
135
  USER_PLUS = "user-plus",
122
136
  USERS = "users",
123
137
  USER_FRIENDS = "user-friends",
138
+ USER_SECRET = "user-secret",
124
139
  USER_SHIELD = "user-shield",
125
140
  WRENCH = "wrench"
126
141
  }
package/public/components/Icon/Icon.js CHANGED
@@ -49,6 +49,7 @@ const faBatteryHalf_1 = require("@fortawesome/free-solid-svg-icons/faBatteryHalf
49
49
  const faBed_1 = require("@fortawesome/free-solid-svg-icons/faBed");
50
50
  const faBell_1 = require("@fortawesome/free-solid-svg-icons/faBell");
51
51
  const faBolt_1 = require("@fortawesome/free-solid-svg-icons/faBolt");
52
+ const faBug_1 = require("@fortawesome/free-solid-svg-icons/faBug");
52
53
  const faCalculator_1 = require("@fortawesome/free-solid-svg-icons/faCalculator");
53
54
  const faCalendar_1 = require("@fortawesome/free-solid-svg-icons/faCalendar");
54
55
  const faCaretDown_1 = require("@fortawesome/free-solid-svg-icons/faCaretDown");
@@ -66,12 +67,15 @@ const faCircle_2 = require("@fortawesome/free-solid-svg-icons/faCircle");
66
67
  const faCircleNotch_1 = require("@fortawesome/free-solid-svg-icons/faCircleNotch");
67
68
  const faClipboard_1 = require("@fortawesome/free-solid-svg-icons/faClipboard");
68
69
  const faClock_2 = require("@fortawesome/free-solid-svg-icons/faClock");
70
+ const faCloudDownloadAlt_1 = require("@fortawesome/free-solid-svg-icons/faCloudDownloadAlt");
69
71
  const faCog_1 = require("@fortawesome/free-solid-svg-icons/faCog");
70
72
  const faColumns_1 = require("@fortawesome/free-solid-svg-icons/faColumns");
71
73
  const faCommentAlt_1 = require("@fortawesome/free-solid-svg-icons/faCommentAlt");
72
74
  const faCompass_1 = require("@fortawesome/free-solid-svg-icons/faCompass");
73
75
  const faCompress_1 = require("@fortawesome/free-solid-svg-icons/faCompress");
74
76
  const faCrown_1 = require("@fortawesome/free-solid-svg-icons/faCrown");
77
+ const faDoorClosed_1 = require("@fortawesome/free-solid-svg-icons/faDoorClosed");
78
+ const faEdit_1 = require("@fortawesome/free-solid-svg-icons/faEdit");
75
79
  const faEllipsisH_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisH");
76
80
  const faEllipsisV_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisV");
77
81
  const faEnvelope_1 = require("@fortawesome/free-solid-svg-icons/faEnvelope");
@@ -91,14 +95,18 @@ const faFilter_1 = require("@fortawesome/free-solid-svg-icons/faFilter");
91
95
  const faFlag_1 = require("@fortawesome/free-solid-svg-icons/faFlag");
92
96
  const faFolder_1 = require("@fortawesome/free-solid-svg-icons/faFolder");
93
97
  const faForward_1 = require("@fortawesome/free-solid-svg-icons/faForward");
98
+ const faGlobeEurope_1 = require("@fortawesome/free-solid-svg-icons/faGlobeEurope");
94
99
  const faGripLines_1 = require("@fortawesome/free-solid-svg-icons/faGripLines");
95
100
  const faGripLinesVertical_1 = require("@fortawesome/free-solid-svg-icons/faGripLinesVertical");
101
+ const faHandshake_1 = require("@fortawesome/free-solid-svg-icons/faHandshake");
96
102
  const faHashtag_1 = require("@fortawesome/free-solid-svg-icons/faHashtag");
97
103
  const faHighlighter_1 = require("@fortawesome/free-solid-svg-icons/faHighlighter");
104
+ const faIdBadge_1 = require("@fortawesome/free-solid-svg-icons/faIdBadge");
98
105
  const faInfoCircle_1 = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
99
106
  const faKey_1 = require("@fortawesome/free-solid-svg-icons/faKey");
100
107
  const faLayerGroup_1 = require("@fortawesome/free-solid-svg-icons/faLayerGroup");
101
108
  const faLevelUpAlt_1 = require("@fortawesome/free-solid-svg-icons/faLevelUpAlt");
109
+ const faLink_1 = require("@fortawesome/free-solid-svg-icons/faLink");
102
110
  const faListUl_1 = require("@fortawesome/free-solid-svg-icons/faListUl");
103
111
  const faLock_1 = require("@fortawesome/free-solid-svg-icons/faLock");
104
112
  const faLongArrowAltRight_1 = require("@fortawesome/free-solid-svg-icons/faLongArrowAltRight");
@@ -116,10 +124,13 @@ const faPlusCircle_1 = require("@fortawesome/free-solid-svg-icons/faPlusCircle")
116
124
  const faPooStorm_1 = require("@fortawesome/free-solid-svg-icons/faPooStorm");
117
125
  const faQuestion_1 = require("@fortawesome/free-solid-svg-icons/faQuestion");
118
126
  const faQuestionCircle_2 = require("@fortawesome/free-solid-svg-icons/faQuestionCircle");
127
+ const faRandom_1 = require("@fortawesome/free-solid-svg-icons/faRandom");
119
128
  const faScroll_1 = require("@fortawesome/free-solid-svg-icons/faScroll");
120
129
  const faSearch_1 = require("@fortawesome/free-solid-svg-icons/faSearch");
130
+ const faServer_1 = require("@fortawesome/free-solid-svg-icons/faServer");
121
131
  const faShareAlt_1 = require("@fortawesome/free-solid-svg-icons/faShareAlt");
122
132
  const faShieldAlt_1 = require("@fortawesome/free-solid-svg-icons/faShieldAlt");
133
+ const faSignal_1 = require("@fortawesome/free-solid-svg-icons/faSignal");
123
134
  const faSignature_1 = require("@fortawesome/free-solid-svg-icons/faSignature");
124
135
  const faSignOutAlt_1 = require("@fortawesome/free-solid-svg-icons/faSignOutAlt");
125
136
  const faSlidersH_1 = require("@fortawesome/free-solid-svg-icons/faSlidersH");
@@ -143,16 +154,19 @@ const faUnlock_1 = require("@fortawesome/free-solid-svg-icons/faUnlock");
143
154
  const faUser_2 = require("@fortawesome/free-solid-svg-icons/faUser");
144
155
  const faUserAstronaut_1 = require("@fortawesome/free-solid-svg-icons/faUserAstronaut");
145
156
  const faUserFriends_1 = require("@fortawesome/free-solid-svg-icons/faUserFriends");
157
+ const faUserLock_1 = require("@fortawesome/free-solid-svg-icons/faUserLock");
146
158
  const faUserPlus_1 = require("@fortawesome/free-solid-svg-icons/faUserPlus");
147
159
  const faUsers_1 = require("@fortawesome/free-solid-svg-icons/faUsers");
160
+ const faUserSecret_1 = require("@fortawesome/free-solid-svg-icons/faUserSecret");
148
161
  const faUserShield_1 = require("@fortawesome/free-solid-svg-icons/faUserShield");
149
162
  const faWrench_1 = require("@fortawesome/free-solid-svg-icons/faWrench");
150
163
  const svg_1 = require("./svg");
151
164
  const status_1 = require("../../contexts/status");
152
165
  const types_1 = require("../../types");
153
166
  const utilities_1 = require("../../utilities");
167
+ const ShieldCheck_1 = require("./svg/ShieldCheck");
154
168
  const cn = utilities_1.bemHOF("Icon");
155
- 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, 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, 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, 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);
169
+ 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, 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);
156
170
  var CUSTOM_ICON_TYPE;
157
171
  (function (CUSTOM_ICON_TYPE) {
158
172
  CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -161,6 +175,7 @@ var CUSTOM_ICON_TYPE;
161
175
  CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
162
176
  CUSTOM_ICON_TYPE["FOLDERS"] = "folders";
163
177
  CUSTOM_ICON_TYPE["SCROLL"] = "scroll";
178
+ CUSTOM_ICON_TYPE["SHIELD_CHECK"] = "shield-check";
164
179
  CUSTOM_ICON_TYPE["SPARKLE"] = "sparkle";
165
180
  CUSTOM_ICON_TYPE["TRIANGLE_DOWN"] = "triangle-down";
166
181
  CUSTOM_ICON_TYPE["TRIANGLE_UP"] = "triangle-up";
@@ -172,6 +187,7 @@ const CustomIcons = {
172
187
  [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,
173
188
  [CUSTOM_ICON_TYPE.FOLDERS]: svg_1.Folders,
174
189
  [CUSTOM_ICON_TYPE.SCROLL]: svg_1.Scroll,
190
+ [CUSTOM_ICON_TYPE.SHIELD_CHECK]: ShieldCheck_1.SheildCheck,
175
191
  [CUSTOM_ICON_TYPE.SPARKLE]: svg_1.Sparkle,
176
192
  [CUSTOM_ICON_TYPE.TRIANGLE_DOWN]: svg_1.TriangleDown,
177
193
  [CUSTOM_ICON_TYPE.TRIANGLE_UP]: svg_1.TriangleUp,
@@ -189,6 +205,7 @@ var ICON_TYPE;
189
205
  ICON_TYPE["BED"] = "bed";
190
206
  ICON_TYPE["BELL"] = "bell";
191
207
  ICON_TYPE["BOLT"] = "bolt";
208
+ ICON_TYPE["BUG"] = "bug";
192
209
  ICON_TYPE["CALENDAR"] = "calendar";
193
210
  ICON_TYPE["CALCULATOR"] = "calculator";
194
211
  ICON_TYPE["CARET_DOWN"] = "caret-down";
@@ -206,12 +223,15 @@ var ICON_TYPE;
206
223
  ICON_TYPE["CIRCLE_NOTCH"] = "circle-notch";
207
224
  ICON_TYPE["CLOCK"] = "clock";
208
225
  ICON_TYPE["CLIPBOARD"] = "clipboard";
226
+ ICON_TYPE["CLOUD_DOWNLOAD_ALT"] = "cloud-download-alt";
209
227
  ICON_TYPE["COG"] = "cog";
210
228
  ICON_TYPE["COLUMNS"] = "columns";
211
229
  ICON_TYPE["COMMENT_ALT"] = "comment-alt";
212
230
  ICON_TYPE["COMPASS"] = "compass";
213
231
  ICON_TYPE["COMPRESS"] = "compress";
214
232
  ICON_TYPE["CROWN"] = "crown";
233
+ ICON_TYPE["DOOR_CLOSED"] = "door-closed";
234
+ ICON_TYPE["EDIT"] = "edit";
215
235
  ICON_TYPE["ELLIPSIS_H"] = "ellipsis-h";
216
236
  ICON_TYPE["ELLIPSIS_V"] = "ellipsis-v";
217
237
  ICON_TYPE["ENVELOPE"] = "envelope";
@@ -231,15 +251,19 @@ var ICON_TYPE;
231
251
  ICON_TYPE["FLAG"] = "flag";
232
252
  ICON_TYPE["FOLDER"] = "folder";
233
253
  ICON_TYPE["FORWARD"] = "forward";
254
+ ICON_TYPE["GLOBE_EUROPE"] = "globe-europe";
234
255
  ICON_TYPE["GRIP_LINES"] = "grip-lines";
235
256
  ICON_TYPE["GRIP_LINES_VERTICAL"] = "grip-lines-vertical";
257
+ ICON_TYPE["HANDSHAKE"] = "handshake";
236
258
  ICON_TYPE["HASHTAG"] = "hashtag";
237
259
  ICON_TYPE["HIGHLIGHTER"] = "highlighter";
260
+ ICON_TYPE["ID_BADGE"] = "id-badge";
238
261
  ICON_TYPE["INFO_CIRCLE"] = "info-circle";
239
262
  ICON_TYPE["KEY"] = "key";
240
263
  ICON_TYPE["KEYBOARD"] = "keyboard";
241
264
  ICON_TYPE["LAYER_GROUP"] = "layer-group";
242
265
  ICON_TYPE["LEVEL_UP_ALT"] = "level-up-alt";
266
+ ICON_TYPE["LINK"] = "link";
243
267
  ICON_TYPE["LIST_UL"] = "list-ul";
244
268
  ICON_TYPE["LOCK"] = "lock";
245
269
  ICON_TYPE["LONG_ARROW_ALT_RIGHT"] = "long-arrow-alt-right";
@@ -257,11 +281,15 @@ var ICON_TYPE;
257
281
  ICON_TYPE["POO_STORM"] = "poo-storm";
258
282
  ICON_TYPE["QUESTION"] = "question";
259
283
  ICON_TYPE["QUESTION_CIRCLE"] = "question-circle";
284
+ ICON_TYPE["RANDOM"] = "random";
260
285
  ICON_TYPE["SCROLL"] = "scroll";
261
286
  ICON_TYPE["SEARCH"] = "search";
287
+ ICON_TYPE["SERVER"] = "server";
262
288
  ICON_TYPE["SHARE_ALT"] = "share-alt";
263
289
  ICON_TYPE["SHIELD_ALT"] = "shield-alt";
290
+ ICON_TYPE["SHIELD_CHECK"] = "shield-check";
264
291
  ICON_TYPE["SIGN_OUT_ALT"] = "sign-out-alt";
292
+ ICON_TYPE["SIGNAL"] = "signal";
265
293
  ICON_TYPE["SIGNATURE"] = "signature";
266
294
  ICON_TYPE["SLIDERS_H"] = "sliders-h";
267
295
  ICON_TYPE["SORT"] = "sort";
@@ -283,9 +311,11 @@ var ICON_TYPE;
283
311
  ICON_TYPE["UNLOCK"] = "unlock";
284
312
  ICON_TYPE["USER"] = "user";
285
313
  ICON_TYPE["USER_ASTRONAUT"] = "user-astronaut";
314
+ ICON_TYPE["USER_LOCK"] = "user-lock";
286
315
  ICON_TYPE["USER_PLUS"] = "user-plus";
287
316
  ICON_TYPE["USERS"] = "users";
288
317
  ICON_TYPE["USER_FRIENDS"] = "user-friends";
318
+ ICON_TYPE["USER_SECRET"] = "user-secret";
289
319
  ICON_TYPE["USER_SHIELD"] = "user-shield";
290
320
  ICON_TYPE["WRENCH"] = "wrench";
291
321
  })(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
@@ -28,6 +28,7 @@ import { faBatteryHalf } from "@fortawesome/free-solid-svg-icons/faBatteryHalf";
28
28
  import { faBed } from "@fortawesome/free-solid-svg-icons/faBed";
29
29
  import { faBell } from "@fortawesome/free-solid-svg-icons/faBell";
30
30
  import { faBolt } from "@fortawesome/free-solid-svg-icons/faBolt";
31
+ import { faBug } from "@fortawesome/free-solid-svg-icons/faBug";
31
32
  import { faCalculator } from "@fortawesome/free-solid-svg-icons/faCalculator";
32
33
  import { faCalendar } from "@fortawesome/free-solid-svg-icons/faCalendar";
33
34
  import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
@@ -45,12 +46,15 @@ import { faCircle } from "@fortawesome/free-solid-svg-icons/faCircle";
45
46
  import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
46
47
  import { faClipboard } from "@fortawesome/free-solid-svg-icons/faClipboard";
47
48
  import { faClock as faClockSolid } from "@fortawesome/free-solid-svg-icons/faClock";
49
+ import { faCloudDownloadAlt } from "@fortawesome/free-solid-svg-icons/faCloudDownloadAlt";
48
50
  import { faCog } from "@fortawesome/free-solid-svg-icons/faCog";
49
51
  import { faColumns } from "@fortawesome/free-solid-svg-icons/faColumns";
50
52
  import { faCommentAlt } from "@fortawesome/free-solid-svg-icons/faCommentAlt";
51
53
  import { faCompass } from "@fortawesome/free-solid-svg-icons/faCompass";
52
54
  import { faCompress } from "@fortawesome/free-solid-svg-icons/faCompress";
53
55
  import { faCrown } from "@fortawesome/free-solid-svg-icons/faCrown";
56
+ import { faDoorClosed } from "@fortawesome/free-solid-svg-icons/faDoorClosed";
57
+ import { faEdit } from "@fortawesome/free-solid-svg-icons/faEdit";
54
58
  import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
55
59
  import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
56
60
  import { faEnvelope } from "@fortawesome/free-solid-svg-icons/faEnvelope";
@@ -70,14 +74,18 @@ import { faFilter } from "@fortawesome/free-solid-svg-icons/faFilter";
70
74
  import { faFlag } from "@fortawesome/free-solid-svg-icons/faFlag";
71
75
  import { faFolder } from "@fortawesome/free-solid-svg-icons/faFolder";
72
76
  import { faForward } from "@fortawesome/free-solid-svg-icons/faForward";
77
+ import { faGlobeEurope } from "@fortawesome/free-solid-svg-icons/faGlobeEurope";
73
78
  import { faGripLines } from "@fortawesome/free-solid-svg-icons/faGripLines";
74
79
  import { faGripLinesVertical } from "@fortawesome/free-solid-svg-icons/faGripLinesVertical";
80
+ import { faHandshake } from "@fortawesome/free-solid-svg-icons/faHandshake";
75
81
  import { faHashtag } from "@fortawesome/free-solid-svg-icons/faHashtag";
76
82
  import { faHighlighter } from "@fortawesome/free-solid-svg-icons/faHighlighter";
83
+ import { faIdBadge } from "@fortawesome/free-solid-svg-icons/faIdBadge";
77
84
  import { faInfoCircle } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
78
85
  import { faKey } from "@fortawesome/free-solid-svg-icons/faKey";
79
86
  import { faLayerGroup } from "@fortawesome/free-solid-svg-icons/faLayerGroup";
80
87
  import { faLevelUpAlt } from "@fortawesome/free-solid-svg-icons/faLevelUpAlt";
88
+ import { faLink } from "@fortawesome/free-solid-svg-icons/faLink";
81
89
  import { faListUl } from "@fortawesome/free-solid-svg-icons/faListUl";
82
90
  import { faLock } from "@fortawesome/free-solid-svg-icons/faLock";
83
91
  import { faLongArrowAltRight } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
@@ -95,10 +103,13 @@ import { faPlusCircle } from "@fortawesome/free-solid-svg-icons/faPlusCircle";
95
103
  import { faPooStorm } from "@fortawesome/free-solid-svg-icons/faPooStorm";
96
104
  import { faQuestion } from "@fortawesome/free-solid-svg-icons/faQuestion";
97
105
  import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons/faQuestionCircle";
106
+ import { faRandom } from "@fortawesome/free-solid-svg-icons/faRandom";
98
107
  import { faScroll } from "@fortawesome/free-solid-svg-icons/faScroll";
99
108
  import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
109
+ import { faServer } from "@fortawesome/free-solid-svg-icons/faServer";
100
110
  import { faShareAlt } from "@fortawesome/free-solid-svg-icons/faShareAlt";
101
111
  import { faShieldAlt } from "@fortawesome/free-solid-svg-icons/faShieldAlt";
112
+ import { faSignal } from "@fortawesome/free-solid-svg-icons/faSignal";
102
113
  import { faSignature } from "@fortawesome/free-solid-svg-icons/faSignature";
103
114
  import { faSignOutAlt } from "@fortawesome/free-solid-svg-icons/faSignOutAlt";
104
115
  import { faSlidersH } from "@fortawesome/free-solid-svg-icons/faSlidersH";
@@ -122,8 +133,10 @@ import { faUnlock } from "@fortawesome/free-solid-svg-icons/faUnlock";
122
133
  import { faUser } from "@fortawesome/free-solid-svg-icons/faUser";
123
134
  import { faUserAstronaut } from "@fortawesome/free-solid-svg-icons/faUserAstronaut";
124
135
  import { faUserFriends } from "@fortawesome/free-solid-svg-icons/faUserFriends";
136
+ import { faUserLock } from "@fortawesome/free-solid-svg-icons/faUserLock";
125
137
  import { faUserPlus } from "@fortawesome/free-solid-svg-icons/faUserPlus";
126
138
  import { faUsers } from "@fortawesome/free-solid-svg-icons/faUsers";
139
+ import { faUserSecret } from "@fortawesome/free-solid-svg-icons/faUserSecret";
127
140
  import { faUserShield } from "@fortawesome/free-solid-svg-icons/faUserShield";
128
141
  import { faWrench } from "@fortawesome/free-solid-svg-icons/faWrench";
129
142
 
@@ -144,6 +157,7 @@ import { StatusContext } from "../../contexts/status";
144
157
  import { STATUS_VARIANT } from "../../types";
145
158
  import { bemHOF } from "../../utilities";
146
159
  import { SvgProps } from "../Svg";
160
+ import { SheildCheck } from "./svg/ShieldCheck";
147
161
 
148
162
  const cn = bemHOF("Icon");
149
163
 
@@ -159,6 +173,7 @@ library.add(
159
173
  faBed,
160
174
  faBell,
161
175
  faBolt,
176
+ faBug,
162
177
  faCalculator,
163
178
  faCalendar,
164
179
  faCaretDown,
@@ -179,12 +194,15 @@ library.add(
179
194
  faClipboard,
180
195
  faClock,
181
196
  faClockSolid,
197
+ faCloudDownloadAlt,
182
198
  faCog,
183
199
  faColumns,
184
200
  faCommentAlt,
185
201
  faCompass,
186
202
  faCompress,
187
203
  faCrown,
204
+ faDoorClosed,
205
+ faEdit,
188
206
  faEllipsisH,
189
207
  faEllipsisV,
190
208
  faEnvelope,
@@ -205,15 +223,19 @@ library.add(
205
223
  faFlag,
206
224
  faFolder,
207
225
  faForward,
226
+ faGlobeEurope,
208
227
  faGripLines,
209
228
  faGripLinesVertical,
229
+ faHandshake,
210
230
  faHashtag,
211
231
  faHighlighter,
232
+ faIdBadge,
212
233
  faInfoCircle,
213
234
  faKey,
214
235
  faKeyboard,
215
236
  faLayerGroup,
216
237
  faLevelUpAlt,
238
+ faLink,
217
239
  faListUl,
218
240
  faLock,
219
241
  faLongArrowAltRight,
@@ -232,10 +254,13 @@ library.add(
232
254
  faQuestion,
233
255
  faQuestionCircle,
234
256
  faQuestionCircleRegular,
257
+ faRandom,
235
258
  faScroll,
236
259
  faSearch,
260
+ faServer,
237
261
  faShareAlt,
238
262
  faShieldAlt,
263
+ faSignal,
239
264
  faSignature,
240
265
  faSignOutAlt,
241
266
  faSlidersH,
@@ -263,9 +288,11 @@ library.add(
263
288
  faUser,
264
289
  faUserAstronaut,
265
290
  faUserFriends,
291
+ faUserLock,
266
292
  faUserPlus,
267
293
  faUserRegular,
268
294
  faUsers,
295
+ faUserSecret,
269
296
  faUserShield,
270
297
  faWrench,
271
298
  );
@@ -277,6 +304,7 @@ export enum CUSTOM_ICON_TYPE {
277
304
  DIALOG_CHECK = "dialog-check",
278
305
  FOLDERS = "folders",
279
306
  SCROLL = "scroll",
307
+ SHIELD_CHECK = "shield-check",
280
308
  SPARKLE = "sparkle",
281
309
  TRIANGLE_DOWN = "triangle-down",
282
310
  TRIANGLE_UP = "triangle-up",
@@ -293,6 +321,7 @@ const CustomIcons: CustomIconPaths = {
293
321
  [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,
294
322
  [CUSTOM_ICON_TYPE.FOLDERS]: Folders,
295
323
  [CUSTOM_ICON_TYPE.SCROLL]: Scroll,
324
+ [CUSTOM_ICON_TYPE.SHIELD_CHECK]: SheildCheck,
296
325
  [CUSTOM_ICON_TYPE.SPARKLE]: Sparkle,
297
326
  [CUSTOM_ICON_TYPE.TRIANGLE_DOWN]: TriangleDown,
298
327
  [CUSTOM_ICON_TYPE.TRIANGLE_UP]: TriangleUp,
@@ -310,6 +339,7 @@ export enum ICON_TYPE {
310
339
  BED = "bed",
311
340
  BELL = "bell",
312
341
  BOLT = "bolt",
342
+ BUG = "bug",
313
343
  CALENDAR = "calendar",
314
344
  CALCULATOR = "calculator",
315
345
  CARET_DOWN = "caret-down",
@@ -327,12 +357,15 @@ export enum ICON_TYPE {
327
357
  CIRCLE_NOTCH = "circle-notch",
328
358
  CLOCK = "clock",
329
359
  CLIPBOARD = "clipboard",
360
+ CLOUD_DOWNLOAD_ALT = "cloud-download-alt",
330
361
  COG = "cog",
331
362
  COLUMNS = "columns",
332
363
  COMMENT_ALT = "comment-alt",
333
364
  COMPASS = "compass",
334
365
  COMPRESS = "compress",
335
366
  CROWN = "crown",
367
+ DOOR_CLOSED = "door-closed",
368
+ EDIT = "edit",
336
369
  ELLIPSIS_H = "ellipsis-h",
337
370
  ELLIPSIS_V = "ellipsis-v",
338
371
  ENVELOPE = "envelope",
@@ -352,15 +385,19 @@ export enum ICON_TYPE {
352
385
  FLAG = "flag",
353
386
  FOLDER = "folder",
354
387
  FORWARD = "forward",
388
+ GLOBE_EUROPE = "globe-europe",
355
389
  GRIP_LINES = "grip-lines",
356
390
  GRIP_LINES_VERTICAL = "grip-lines-vertical",
391
+ HANDSHAKE = "handshake",
357
392
  HASHTAG = "hashtag",
358
393
  HIGHLIGHTER = "highlighter",
394
+ ID_BADGE = "id-badge",
359
395
  INFO_CIRCLE = "info-circle",
360
396
  KEY = "key",
361
397
  KEYBOARD = "keyboard",
362
398
  LAYER_GROUP = "layer-group",
363
399
  LEVEL_UP_ALT = "level-up-alt",
400
+ LINK = "link",
364
401
  LIST_UL = "list-ul",
365
402
  LOCK = "lock",
366
403
  LONG_ARROW_ALT_RIGHT = "long-arrow-alt-right",
@@ -378,11 +415,15 @@ export enum ICON_TYPE {
378
415
  POO_STORM = "poo-storm", // Use in storybook examples
379
416
  QUESTION = "question",
380
417
  QUESTION_CIRCLE = "question-circle",
418
+ RANDOM = "random",
381
419
  SCROLL = "scroll",
382
420
  SEARCH = "search",
421
+ SERVER = "server",
383
422
  SHARE_ALT = "share-alt",
384
423
  SHIELD_ALT = "shield-alt",
424
+ SHIELD_CHECK = "shield-check",
385
425
  SIGN_OUT_ALT = "sign-out-alt",
426
+ SIGNAL = "signal",
386
427
  SIGNATURE = "signature",
387
428
  SLIDERS_H = "sliders-h",
388
429
  SORT = "sort",
@@ -404,9 +445,11 @@ export enum ICON_TYPE {
404
445
  UNLOCK = "unlock",
405
446
  USER = "user",
406
447
  USER_ASTRONAUT = "user-astronaut",
448
+ USER_LOCK = "user-lock",
407
449
  USER_PLUS = "user-plus",
408
450
  USERS = "users",
409
451
  USER_FRIENDS = "user-friends",
452
+ USER_SECRET = "user-secret",
410
453
  USER_SHIELD = "user-shield",
411
454
  WRENCH = "wrench",
412
455
  }
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
  {