@conveyorhq/arrow-ds 1.72.2 → 1.74.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.72.2",
+  "version": "1.74.1",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Icon/Icon.d.ts

@@ -27,6 +27,7 @@ export declare enum ICON_TYPE {
     BELL = "bell",
     BOLT = "bolt",
     BUG = "bug",
+    BULLHORN = "bullhorn",
     CALENDAR = "calendar",
     CALCULATOR = "calculator",
     CARET_DOWN = "caret-down",
@@ -80,6 +81,7 @@ export declare enum ICON_TYPE {
     HASHTAG = "hashtag",
     HIGHLIGHTER = "highlighter",
     ID_BADGE = "id-badge",
+    IMAGE = "image",
     INFO_CIRCLE = "info-circle",
     KEY = "key",
     KEYBOARD = "keyboard",

package/public/components/Icon/Icon.js

@@ -51,6 +51,7 @@ const faBed_1 = require("@fortawesome/free-solid-svg-icons/faBed");
 const faBell_1 = require("@fortawesome/free-solid-svg-icons/faBell");
 const faBolt_1 = require("@fortawesome/free-solid-svg-icons/faBolt");
 const faBug_1 = require("@fortawesome/free-solid-svg-icons/faBug");
+const faBullhorn_1 = require("@fortawesome/free-solid-svg-icons/faBullhorn");
 const faCalculator_1 = require("@fortawesome/free-solid-svg-icons/faCalculator");
 const faCalendar_1 = require("@fortawesome/free-solid-svg-icons/faCalendar");
 const faCaretDown_1 = require("@fortawesome/free-solid-svg-icons/faCaretDown");
@@ -103,6 +104,7 @@ const faHandshake_1 = require("@fortawesome/free-solid-svg-icons/faHandshake");
 const faHashtag_1 = require("@fortawesome/free-solid-svg-icons/faHashtag");
 const faHighlighter_1 = require("@fortawesome/free-solid-svg-icons/faHighlighter");
 const faIdBadge_1 = require("@fortawesome/free-solid-svg-icons/faIdBadge");
+const faImage_1 = require("@fortawesome/free-solid-svg-icons/faImage");
 const faInfoCircle_1 = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
 const faKey_1 = require("@fortawesome/free-solid-svg-icons/faKey");
 const faLayerGroup_1 = require("@fortawesome/free-solid-svg-icons/faLayerGroup");
@@ -168,7 +170,7 @@ const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const ShieldCheck_1 = require("./svg/ShieldCheck");
 const cn = utilities_1.bemHOF("Icon");
-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, faCopy_1.faCopy, 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);
+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, faBullhorn_1.faBullhorn, 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, faCopy_1.faCopy, 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, faImage_1.faImage, 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);
 var CUSTOM_ICON_TYPE;
 (function (CUSTOM_ICON_TYPE) {
     CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -209,6 +211,7 @@ var ICON_TYPE;
     ICON_TYPE["BELL"] = "bell";
     ICON_TYPE["BOLT"] = "bolt";
     ICON_TYPE["BUG"] = "bug";
+    ICON_TYPE["BULLHORN"] = "bullhorn";
     ICON_TYPE["CALENDAR"] = "calendar";
     ICON_TYPE["CALCULATOR"] = "calculator";
     ICON_TYPE["CARET_DOWN"] = "caret-down";
@@ -262,6 +265,7 @@ var ICON_TYPE;
     ICON_TYPE["HASHTAG"] = "hashtag";
     ICON_TYPE["HIGHLIGHTER"] = "highlighter";
     ICON_TYPE["ID_BADGE"] = "id-badge";
+    ICON_TYPE["IMAGE"] = "image";
     ICON_TYPE["INFO_CIRCLE"] = "info-circle";
     ICON_TYPE["KEY"] = "key";
     ICON_TYPE["KEYBOARD"] = "keyboard";

package/public/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./Select";
 export * from "./SelectPopover";
 export { components as ReactSelectComponents } from "react-select";
-export type { MenuProps as ReactSelectMenuProps, GroupProps as ReactSelectGroupProps, InputProps as ReactSelectInputProps, OptionProps as ReactSelectOptionProps, ControlProps as ReactSelectControlProps, IndicatorProps as ReactSelectIndicatorProps, MultiValueProps as ReactSelectMultiValueProps, PlaceholderProps as ReactSelectPlaceholderProps, SingleValueProps as ReactSelectSingleValueProps, ValueContainerProps as ReactSelectValueContainerProps, MenuListComponentProps as ReactSelectMenuListComponentProps, } from "react-select";
+export type { MenuProps as ReactSelectMenuProps, GroupProps as ReactSelectGroupProps, InputProps as ReactSelectInputProps, OptionProps as ReactSelectOptionProps, ControlProps as ReactSelectControlProps, IndicatorProps as ReactSelectIndicatorProps, MultiValueProps as ReactSelectMultiValueProps, PlaceholderProps as ReactSelectPlaceholderProps, SingleValueProps as ReactSelectSingleValueProps, ValueContainerProps as ReactSelectValueContainerProps, MenuListComponentProps as ReactSelectMenuListComponentProps, ActionMeta as ReactSelectActionMeta, ActionTypes as ReactSelectActionTypes, } from "react-select";

package/public/css/styles.css

@@ -5608,7 +5608,8 @@ override built-in Image component classes */
   padding-bottom: 0;
 }
 
-.ads-Select .ads-Select__single-value {
+.ads-Select .ads-Select__single-value,
+.ads-Select__menu-portal .ads-Select__single-value {
   margin-left: 0;
   margin-right: 0;
 }
@@ -5639,7 +5640,8 @@ override built-in Image component classes */
   color: rgb(134 163 181 / var(--tw-text-opacity));
 }
 
-.ads-Select .ads-Select__menu {
+.ads-Select .ads-Select__menu, 
+.ads-Select__menu-portal .ads-Select__menu {
   z-index: 600;
   border-radius: 2px;
   --tw-shadow: 0 0 3px rgba(32, 65, 86, 0.1), 0 10px 20px rgba(32, 65, 86, 0.1);
@@ -5686,7 +5688,8 @@ override built-in Image component classes */
 
 /* FOCUS */
 
-.ads-Select .ads-Select__control--is-focused {
+.ads-Select .ads-Select__control--is-focused, 
+.ads-Select__menu-portal .ads-Select__control--is-focused {
   --tw-border-opacity: 1;
   border-color: rgb(134 163 181 / var(--tw-border-opacity));
   --tw-shadow: rgba(7, 114, 239, 0.2) 0 0 1px 3px;
@@ -5714,22 +5717,28 @@ override built-in Image component classes */
   border-color: rgb(228 71 62 / var(--tw-border-opacity));
 }
 
-.ads-Select .ads-Select__control--is-focused .ads-Select__indicators {
+.ads-Select .ads-Select__control--is-focused .ads-Select__indicators, 
+.ads-Select__menu-portal
+  .ads-Select__control--is-focused
+  .ads-Select__indicators {
   --tw-text-opacity: 1;
   color: rgb(71 104 125 / var(--tw-text-opacity));
 }
 
-.ads-Select .ads-Select__option {
+.ads-Select .ads-Select__option, 
+.ads-Select__menu-portal .ads-Select__option {
   cursor: pointer;
 }
 
-.ads-Select .ads-Select__option--is-disabled {
+.ads-Select .ads-Select__option--is-disabled, 
+.ads-Select__menu-portal .ads-Select__option--is-disabled {
   cursor: not-allowed;
   --tw-text-opacity: 1;
   color: rgb(134 163 181 / var(--tw-text-opacity));
 }
 
-.ads-Select .ads-Select__option--is-selected {
+.ads-Select .ads-Select__option--is-selected, 
+.ads-Select__menu-portal .ads-Select__option--is-selected {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(244 247 249 / var(--tw-bg-opacity)) !important;