@sellout/ui 0.0.40 → 0.0.42

package/build/components/Icon.d.ts

@@ -58,6 +58,7 @@ export declare const Icons: {
     KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -72,7 +73,7 @@ export declare const Icons: {
     Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -138,5 +139,6 @@ export declare type IconProps = {
     zIndex?: number | void;
     margin?: string | number | undefined;
     tip?: string;
+    transitionDuration?: string;
 };
-export default function Icon({ icon, color, hoverColor, onClick, size, top, left, right, position, zIndex, margin, tip, }: IconProps): JSX.Element;
+export default function Icon({ icon, color, hoverColor, onClick, size, top, left, right, position, zIndex, margin, tip, transitionDuration, }: IconProps): JSX.Element;

package/build/components/Icons.d.ts

@@ -56,6 +56,7 @@ export declare const IconEnum: {
     KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -70,7 +71,7 @@ export declare const IconEnum: {
     Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/index.d.ts

@@ -64,6 +64,7 @@ declare const Icons: {
     KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -78,7 +79,7 @@ declare const Icons: {
     Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/index.es.js

@@ -4,7 +4,7 @@ import { lighten, darken } from 'polished';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalendarDay, faCalendarAlt, faCalendarStar, faCheck, faEnvelope, faEnvelopeOpenText, faFileExport, faFilter, faQuestionCircle, faHome, faLock, faMapMarkerAlt, faMicrophoneAlt, faMinusCircle, faMobileAlt, faPlusCircle, faReceipt, faSearch, faSortAlt, faUnlock, faUpload, faUser, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
 import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare, faKey, faLongArrowRight, faFileChartLine, faSortAlt as faSortAlt$1, faArrowAltSquareUp } from '@fortawesome/pro-solid-svg-icons';
-import { faUserFriends, faBold, faCalculator, faCheck as faCheck$1, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faGlobeAmericas, faChartLine, faItalic, faKey as faKey$1, faChevronLeft, faLink, faPrint, faFileChartLine as faFileChartLine$1, faSearch as faSearch$1, faCog, faSignOut, faSync, faTicketAlt, faListUl, faUnderline, faUnlock as faUnlock$1, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUsers as faUsers$1, faListOl } from '@fortawesome/pro-regular-svg-icons';
+import { faUserFriends, faBold, faCalculator, faCheck as faCheck$1, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faGlobeAmericas, faChartLine, faItalic, faKey as faKey$1, faChevronLeft, faLink, faListOl, faPrint, faFileChartLine as faFileChartLine$1, faSearch as faSearch$1, faCog, faSignOut, faSync, faTicketAlt, faListUl, faUnderline, faUnlock as faUnlock$1, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUsers as faUsers$1, faGift } from '@fortawesome/pro-regular-svg-icons';
 import { faUserFriends as faUserFriends$1, faArrowLeft, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$1, faCalendarDay as faCalendarDay$1, faTimes, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faCopy, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope as faEnvelope$1, faEye, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faInfoCircle, faChevronLeft as faChevronLeft$1, faBars, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt as faMobileAlt$1, faPlus, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronCircleRight, faChevronRight, faSearch as faSearch$2, faSort, faThumbsDown, faThumbsUp, faTicketAlt as faTicketAlt$1, faUserCircle, faUser as faUser$1, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { faCalendarAlt as faCalendarAlt$1, faClock, faCopy as faCopy$1, faEdit, faEye as faEye$1, faEyeSlash, faLifeRing, faSadTear, faUser as faUser$2 } from '@fortawesome/free-regular-svg-icons';
 import AnimateHeight from 'react-animate-height';
@@ -142,6 +142,7 @@ var IconEnum = {
     KeyRegular: faKey$1,
     LeftChevronRegular: faChevronLeft,
     LinkRegular: faLink,
+    OListRegular: faListOl,
     PrintRegular: faPrint,
     ReportRegular: faFileChartLine$1,
     SearchRegular: faSearch$1,
@@ -156,7 +157,7 @@ var IconEnum = {
     Update: faMegaphone,
     UpgradeRegular: faArrowAltSquareUp$1,
     UsersRegular: faUsers$1,
-    OListRegular: faListOl,
+    GiftRegular: faGift,
     AudienceSolid: faUserFriends$1,
     BackArrow: faArrowLeft,
     BoxOfficeSolid: faCashRegister$1,
@@ -218,7 +219,7 @@ var Container = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTem
 });
 var Icons = IconEnum;
 function Icon(_a) {
-    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, _d = _a.hoverColor, hoverColor = _d === void 0 ? null : _d, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 20 : _e, top = _a.top, left = _a.left, right = _a.right, _f = _a.position, position = _f === void 0 ? "relative" : _f, zIndex = _a.zIndex, margin = _a.margin, tip = _a.tip;
+    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, _d = _a.hoverColor, hoverColor = _d === void 0 ? null : _d, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 20 : _e, top = _a.top, left = _a.left, right = _a.right, _f = _a.position, position = _f === void 0 ? "relative" : _f, zIndex = _a.zIndex, margin = _a.margin, tip = _a.tip, transitionDuration = _a.transitionDuration;
     var cursor = onClick ? "pointer" : "";
     return (React.createElement(Container, { color: color, hoverColor: hoverColor, "data-tip": tip },
         React.createElement(FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
@@ -228,7 +229,7 @@ function Icon(_a) {
                 position: position,
                 zIndex: zIndex,
                 fontSize: size,
-                transition: "all 0.2s",
+                transition: "all " + (transitionDuration || '0.2s'),
                 margin: margin,
                 cursor: cursor,
             } })));

package/build/index.js

@@ -147,6 +147,7 @@ var IconEnum = {
     KeyRegular: proRegularSvgIcons.faKey,
     LeftChevronRegular: proRegularSvgIcons.faChevronLeft,
     LinkRegular: proRegularSvgIcons.faLink,
+    OListRegular: proRegularSvgIcons.faListOl,
     PrintRegular: proRegularSvgIcons.faPrint,
     ReportRegular: proRegularSvgIcons.faFileChartLine,
     SearchRegular: proRegularSvgIcons.faSearch,
@@ -161,7 +162,7 @@ var IconEnum = {
     Update: proRegularSvgIcons.faMegaphone,
     UpgradeRegular: proRegularSvgIcons.faArrowAltSquareUp,
     UsersRegular: proRegularSvgIcons.faUsers,
-    OListRegular: proRegularSvgIcons.faListOl,
+    GiftRegular: proRegularSvgIcons.faGift,
     AudienceSolid: freeSolidSvgIcons.faUserFriends,
     BackArrow: freeSolidSvgIcons.faArrowLeft,
     BoxOfficeSolid: freeSolidSvgIcons.faCashRegister,
@@ -223,7 +224,7 @@ var Container = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTem
 });
 var Icons = IconEnum;
 function Icon(_a) {
-    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? exports.Colors.Orange : _c, _d = _a.hoverColor, hoverColor = _d === void 0 ? null : _d, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 20 : _e, top = _a.top, left = _a.left, right = _a.right, _f = _a.position, position = _f === void 0 ? "relative" : _f, zIndex = _a.zIndex, margin = _a.margin, tip = _a.tip;
+    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? exports.Colors.Orange : _c, _d = _a.hoverColor, hoverColor = _d === void 0 ? null : _d, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 20 : _e, top = _a.top, left = _a.left, right = _a.right, _f = _a.position, position = _f === void 0 ? "relative" : _f, zIndex = _a.zIndex, margin = _a.margin, tip = _a.tip, transitionDuration = _a.transitionDuration;
     var cursor = onClick ? "pointer" : "";
     return (React__default.createElement(Container, { color: color, hoverColor: hoverColor, "data-tip": tip },
         React__default.createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
@@ -233,7 +234,7 @@ function Icon(_a) {
                 position: position,
                 zIndex: zIndex,
                 fontSize: size,
-                transition: "all 0.2s",
+                transition: "all " + (transitionDuration || '0.2s'),
                 margin: margin,
                 cursor: cursor,
             } })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "jsnext:main": "build/index.es.js",
@@ -46,13 +46,13 @@
     "@fortawesome/pro-regular-svg-icons": "^5.12.1",
     "@fortawesome/pro-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.9",
-    "@sellout/utils": "^0.0.40",
+    "@sellout/utils": "^0.0.42",
     "@types/escape-html": "^1.0.0",
     "csvtojson": "^2.0.10",
     "polished": "^3.4.4",
     "react-animate-height": "^2.0.20"
   },
-  "gitHead": "fb71c973bfad4145071fd1f8d59300ed267bb316",
+  "gitHead": "33b42f0b55ded8e3af0cafba345bc0f1e8c5fa36",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

package/src/components/Icon.tsx

@@ -30,6 +30,7 @@ export type IconProps = {
   zIndex?: number | void;
   margin?: string | number | undefined;
   tip?: string;
+  transitionDuration?: string;
 };
 
 export default function Icon({
@@ -45,6 +46,7 @@ export default function Icon({
   zIndex,
   margin,
   tip,
+  transitionDuration,
 }: IconProps) {
   const cursor: string = onClick ? "pointer" : "";
 
@@ -60,7 +62,7 @@ export default function Icon({
           position: position as any,
           zIndex: zIndex as any,
           fontSize: size,
-          transition: "all 0.2s",
+          transition: `all ${transitionDuration || '0.2s'}`,
           margin,
           cursor,
         }}

package/src/components/Icons.ts

@@ -55,6 +55,7 @@ import { faItalic as ItalicRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faKey as KeyRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faChevronLeft as LeftChevronRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faLink as LinkRegular} from '@fortawesome/pro-regular-svg-icons';
+import { faListOl as OListRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons';
@@ -69,7 +70,7 @@ import { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons';
 import { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons';
 import { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons';
-import { faListOl as OListRegular} from '@fortawesome/pro-regular-svg-icons';
+import { faGift as GiftRegular} from '@fortawesome/pro-regular-svg-icons';
 import { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons';
 import { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons';
 import { faCashRegister as BoxOfficeSolid} from '@fortawesome/free-solid-svg-icons';
@@ -180,6 +181,7 @@ export const IconEnum = {
   KeyRegular,
   LeftChevronRegular,
   LinkRegular,
+  OListRegular,
   PrintRegular,
   ReportRegular,
   SearchRegular,
@@ -194,7 +196,7 @@ export const IconEnum = {
   Update,
   UpgradeRegular,
   UsersRegular,
-  OListRegular,
+  GiftRegular,
   AudienceSolid,
   BackArrow,
   BoxOfficeSolid,

package/utils/icon-library.csv

@@ -80,6 +80,7 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/microphone-alt-solid.sv
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/minus-circle-light.svg,MinusCircleLight,Pro,Light,faMinusCircle
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/mobile-alt-light.svg,MobileLight,Pro,Light,faMobileAlt
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/mobile-alt-solid.svg,MobileSolid,Free,Solid,faMobileAlt
+FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/list-ol-regular.svg,OListRegular,Pro,Regular,faListOl
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-solid.svg,Plus,Free,Solid,faPlus
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-circle-solid.svg,PlusCircle,Free,Solid,faPlusCircle
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-circle-light.svg,PlusCircleLight,Pro,Light,faPlusCircle
@@ -125,4 +126,4 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/landmark-light.svg,Venu
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/landmark-solid.svg,VenueSolid,Free,Solid,faLandmark
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cc-visa-brands.svg,Visa,Brands,,faCcVisa
 FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/exclamation-triangle-solid.svg,Warning,Free,Solid,faExclamationTriangle
-FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/list-ol-regular.svg,OListRegular,Pro,Regular,faListOl
+FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/gift-regular.svg,GiftRegular,Pro,Regular,faGift