@blaze-cms/react-page-builder 0.146.0-alpha.44 → 0.146.0-alpha.49

package/lib-es/variants/LiveBlogList/LiveBlogList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveBlogList.js","names":["React","useRef","useState","useEffect","dayjs","relativeTime","Button","FaPlus","FaMinus","BsPinAngleFill","extend","LiveBlogList","props","children","date","published","featured","isExpanded","setIsExpanded","shouldShowButton","setShouldShowButton","displayedDate","displayedTime","setDisplayedDate","displayTime","usedDate","contentRef","timeout","setTimeout","current","contentHeight","scrollHeight","clearTimeout","newDate","diffInDays","diff","fromNow","format","toggleExpanded","isCollapsed","baseClass","modifier","className","createElement","ref","onClick","type","Fragment"],"sources":["../../../src/variants/LiveBlogList/LiveBlogList.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport Button from '@blaze-react/button';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { BsPinAngleFill } from 'react-icons/bs';\n\ndayjs.extend(relativeTime);\n\nconst LiveBlogList = props => {\n  const { children, date, published, featured } = props;\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [shouldShowButton, setShouldShowButton] = useState(false);\n  const [{ displayedDate, displayedTime }, setDisplayedDate] = useState({\n    displayedDate: '&nbsp;',\n    displayTime: ''\n  });\n  const usedDate = date || published;\n\n  const contentRef = useRef(null);\n\n  useEffect(\n    () => {\n      const timeout = setTimeout(() => {\n        if (contentRef.current) {\n          const contentHeight = contentRef.current.scrollHeight;\n          if (contentHeight > 380) {\n            setShouldShowButton(true);\n          }\n        }\n      }, 500); // delay to wait for content load\n      // todo: change to use mutation observer\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    },\n    [children]\n  );\n\n  useEffect(\n    () => {\n      // delay setting time so no SSR issues based on timezone\n      let newDate = '';\n      if (usedDate) {\n        const diffInDays = dayjs().diff(dayjs(usedDate), 'day');\n        if (diffInDays < 1) {\n          newDate = dayjs(usedDate).fromNow();\n        } else if (diffInDays < 365) {\n          newDate = dayjs(usedDate).format('DD MMM');\n        } else {\n          newDate = dayjs(usedDate).format('DD MMM YYYY');\n        }\n        setDisplayedDate({\n          displayedDate: newDate,\n          displayedTime: dayjs(usedDate).format('HH:mm')\n        });\n      }\n    },\n    [date, published, usedDate]\n  );\n\n  const toggleExpanded = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const isCollapsed = !isExpanded;\n  const baseClass = 'live-blog-container';\n  const modifier = featured ? ` ${baseClass}--featured` : '';\n  const className = `${baseClass}${modifier}`;\n\n  return (\n    <div className={className}>\n      {usedDate && (\n        <div className=\"live-blog-date\">\n          {featured && <BsPinAngleFill />}\n          <span className=\"live-blog-date--date\">{displayedDate}</span>\n          <span className=\"live-blog-date--time\">{displayedTime}</span>\n        </div>\n      )}\n\n      <div\n        ref={contentRef}\n        className={`live-blog-content ${\n          isCollapsed ? 'live-blog-content--collapsed' : 'live-blog-content--opened'\n        }`}>\n        {children}\n      </div>\n\n      {shouldShowButton && (\n        <div className=\"live-blog-button-wrapper\">\n          <Button className=\"live-blog-toggle\" onClick={toggleExpanded} type=\"button\">\n            {isExpanded ? (\n              <>\n                <FaMinus className=\"toggle-icon\" /> Show Less\n              </>\n            ) : (\n              <>\n                <FaPlus className=\"toggle-icon\" /> Show More\n              </>\n            )}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LiveBlogList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LiveBlogList.js","names":["React","useRef","useState","useEffect","dayjs","relativeTime","Button","FaPlus","FaMinus","BsPinAngleFill","extend","LiveBlogList","props","children","date","published","featured","isExpanded","setIsExpanded","shouldShowButton","setShouldShowButton","displayedDate","displayedTime","setDisplayedDate","displayTime","usedDate","contentRef","timeout","setTimeout","current","contentHeight","scrollHeight","clearTimeout","newDate","diffInDays","diff","fromNow","format","toggleExpanded","isCollapsed","baseClass","modifier","className","createElement","ref","onClick","type","Fragment"],"sources":["../../../src/variants/LiveBlogList/LiveBlogList.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport Button from '@blaze-react/button';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { BsPinAngleFill } from 'react-icons/bs';\n\ndayjs.extend(relativeTime);\n\nconst LiveBlogList = props => {\n  const { children, date, published, featured } = props;\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [shouldShowButton, setShouldShowButton] = useState(false);\n  const [{ displayedDate, displayedTime }, setDisplayedDate] = useState({\n    displayedDate: '&nbsp;',\n    displayTime: ''\n  });\n  const usedDate = date || published;\n\n  const contentRef = useRef(null);\n\n  useEffect(\n    () => {\n      const timeout = setTimeout(() => {\n        if (contentRef.current) {\n          const contentHeight = contentRef.current.scrollHeight;\n          if (contentHeight > 380) {\n            setShouldShowButton(true);\n          }\n        }\n      }, 500); // delay to wait for content load\n      // todo: change to use mutation observer\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    },\n    [children]\n  );\n\n  useEffect(\n    () => {\n      // delay setting time so no SSR issues based on timezone\n      let newDate = '';\n      if (usedDate) {\n        const diffInDays = dayjs().diff(dayjs(usedDate), 'day');\n        if (diffInDays < 1) {\n          newDate = dayjs(usedDate).fromNow();\n        } else if (diffInDays < 365) {\n          newDate = dayjs(usedDate).format('DD MMM');\n        } else {\n          newDate = dayjs(usedDate).format('DD MMM YYYY');\n        }\n        setDisplayedDate({\n          displayedDate: newDate,\n          displayedTime: dayjs(usedDate).format('HH:mm')\n        });\n      }\n    },\n    [date, published, usedDate]\n  );\n\n  const toggleExpanded = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const isCollapsed = !isExpanded;\n  const baseClass = 'live-blog-container';\n  const modifier = featured ? ` ${baseClass}--featured` : '';\n  const className = `${baseClass}${modifier}`;\n\n  return (\n    <div className={className}>\n      {usedDate && (\n        <div className=\"live-blog-date\">\n          {featured && <BsPinAngleFill />}\n          <span className=\"live-blog-date--date\">{displayedDate}</span>\n          <span className=\"live-blog-date--time\">{displayedTime}</span>\n        </div>\n      )}\n\n      <div\n        ref={contentRef}\n        className={`live-blog-content ${\n          isCollapsed ? 'live-blog-content--collapsed' : 'live-blog-content--opened'\n        }`}>\n        {children}\n      </div>\n\n      {shouldShowButton && (\n        <div className=\"live-blog-button-wrapper\">\n          <Button className=\"live-blog-toggle\" onClick={toggleExpanded} type=\"button\">\n            {isExpanded ? (\n              <>\n                <FaMinus className=\"toggle-icon\" /> Show Less\n              </>\n            ) : (\n              <>\n                <FaPlus className=\"toggle-icon\" /> Show More\n              </>\n            )}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LiveBlogList;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/variants/LiveBlogList/index.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import dynamic from 'next/dynamic';
 const liveBlogList = {
-  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbliveBlogList" */'./LiveBlogList')),
+  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbliveBlogList" */'./LiveBlogList')),
   getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
     modifier: 'liveBlogList'
   })

package/lib-es/variants/LiveBlogList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","liveBlogList","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LiveBlogList/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst liveBlogList = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbliveBlogList\" */ './LiveBlogList')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'liveBlogList'\n  })\n};\n\nexport default liveBlogList;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,CAAC,6CAA8C,gBAAgB,CACvE,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAc;AAE5B,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","liveBlogList","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LiveBlogList/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst liveBlogList = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbliveBlogList\" */ './LiveBlogList')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'liveBlogList'\n  })\n};\n\nexport default liveBlogList;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,EAAC,6CAA8C,gBAAgB,CACvE,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAc;AAE5B,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}

package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","sizeKey","createElement","ref","role","onClick","_extends","src","alt","propTypes","string","isRequired","number","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IAUvB;EAAA,IAVwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGjB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMgB,YAAY,GAAGT,QAAQ,IAAIO,cAAc;EAC/C,MAAMG,aAAa,GAAGV,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAC5C,MAAMqB,OAAO,GAAG,qBAAqBT,cAAc,EAAE;EAErD,oBACEd,KAAA,CAAAwB,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACP,SAAS,EAAE,GAAGA,SAAS;EAAG,gBAC5Cb,KAAA,CAAAwB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDc,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAACP,EAAE;EAAE,GACrCa,YAAY,iBACXrB,KAAA,CAAAwB,aAAA,CAACpB,eAAe,EAAAwB,QAAA;IACdL,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAC,QAAQ;IACbG,GAAG,EAAEpB,GAAI;IACTqB,GAAG,EAAEnB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBU,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRV,KAAA,CAAAwB,aAAA;IACEX,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAwB,aAAA;IAAKX,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,EAAE,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAC/BxB,GAAG,EAAER,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAET,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCnB,cAAc,EAAEb,SAAS,CAACiC,MAAM,CAACD,UAAU;EAC3CtB,OAAO,EAAEV,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCrB,QAAQ,EAAEX,SAAS,CAACkC,IAAI,CAACF,UAAU;EACnCpB,SAAS,EAAEZ,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEd,SAAS,CAACmC,IAAI,CAACH;AACrC,CAAC;AAED,eAAe3B,oBAAoB","ignoreList":[]}
+{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","sizeKey","createElement","ref","role","onClick","_extends","src","alt","propTypes","string","isRequired","number","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IAUvB;EAAA,IAVwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGjB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMgB,YAAY,GAAGT,QAAQ,IAAIO,cAAc;EAC/C,MAAMG,aAAa,GAAGV,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAC5C,MAAMqB,OAAO,GAAI,qBAAoBT,cAAe,EAAC;EAErD,oBACEd,KAAA,CAAAwB,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACP,SAAS,EAAG,GAAEA,SAAU;EAAE,gBAC5Cb,KAAA,CAAAwB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDc,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAACP,EAAE;EAAE,GACrCa,YAAY,iBACXrB,KAAA,CAAAwB,aAAA,CAACpB,eAAe,EAAAwB,QAAA;IACdL,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAC,QAAQ;IACbG,GAAG,EAAEpB,GAAI;IACTqB,GAAG,EAAEnB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBU,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRV,KAAA,CAAAwB,aAAA;IACEX,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAwB,aAAA;IAAKX,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,EAAE,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAC/BxB,GAAG,EAAER,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAET,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCnB,cAAc,EAAEb,SAAS,CAACiC,MAAM,CAACD,UAAU;EAC3CtB,OAAO,EAAEV,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCrB,QAAQ,EAAEX,SAAS,CAACkC,IAAI,CAACF,UAAU;EACnCpB,SAAS,EAAEZ,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEd,SAAS,CAACmC,IAAI,CAACH;AACrC,CAAC;AAED,eAAe3B,oBAAoB","ignoreList":[]}

package/lib-es/variants/LongformGallery/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}

package/lib-es/variants/LongformGallery/index.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import dynamic from 'next/dynamic';
 const LongformGallery = {
-  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
+  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
   getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
     modifier: 'longformGallery'
   })

package/lib-es/variants/LongformGallery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,CAAC,uDAAwD,mBAAmB,CACpF,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,EAAC,uDAAwD,mBAAmB,CACpF,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}

package/lib-es/variants/SlideSummary/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const SlideSummary = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
+  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
 };
 export default SlideSummary;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/SlideSummary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,CAAC,oDAAqD,gBAAgB,CAC9E;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,oDAAqD,gBAAgB,CAC9E;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}

package/lib-es/variants/ThumbnailCarousel/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const ThumbnailCarousel = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
+  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
 };
 export default ThumbnailCarousel;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/ThumbnailCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,CAAC,yDAA0D,qBAAqB,CACxF;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,yDAA0D,qBAAqB,CACxF;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-alpha.44",
+  "version": "0.146.0-alpha.49",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,7 +27,7 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-alpha.42",
+    "@blaze-cms/core-auth-ui": "0.146.0-alpha.49",
     "@blaze-cms/core-errors": "0.146.0-alpha.42",
     "@blaze-cms/core-errors-ui": "^0.140.3",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
@@ -90,5 +90,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "d7a9f006e49aaf43793135c0b02333da0cab428c"
+  "gitHead": "31e622e9811563552419f1167435935afd544585"
 }

package/src/components/ItemList/ItemListButton/ItemListButton.js

@@ -1,13 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery, useMutation } from '@apollo/client';
-import {
-  AddedBookmark,
-  BaseBookmark,
-  FocusedBookmark,
-  HoverBookmark,
-  RemoveBookmark
-} from '../icons';
+import { AddedBookmark, BaseBookmark, HoverBookmark, RemoveBookmark } from '../icons';
 import { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';
 import { getItemListData, setItemListId } from '../helpers';
 import { useItemListId } from '../hooks';
@@ -15,7 +9,6 @@ import { useItemListId } from '../hooks';
 const ItemListButton = ({ listName, parent, modifier }) => {
   const { itemId, itemEntity } = parent;
   const [isHover, setIsHover] = useState(false);
-  const [isFocused, setIsFocused] = useState(false);
   const { listId } = useItemListId({ listName });
 
   const { data, error, loading } = useQuery(getItemList, {
@@ -39,7 +32,6 @@ const ItemListButton = ({ listName, parent, modifier }) => {
 
   const clickHandler = () => {
     setIsHover(false);
-    setIsFocused(false);
     isInList
       ? removeListItem({
           variables: { listId, listItems: [{ itemId, itemEntity }] },
@@ -61,9 +53,6 @@ const ItemListButton = ({ listName, parent, modifier }) => {
   );
 
   const getIcon = () => {
-    if (isFocused && !isHover) {
-      return FocusedBookmark;
-    }
     if (isInList) {
       return isHover ? RemoveBookmark : AddedBookmark;
     }
@@ -81,9 +70,7 @@ const ItemListButton = ({ listName, parent, modifier }) => {
       tabIndex="0"
       onClick={clickHandler}
       onMouseEnter={() => setIsHover(true)}
-      onMouseLeave={() => setIsHover(false)}
-      onFocus={() => setIsFocused(true)}
-      onBlur={() => setIsFocused(false)}>
+      onMouseLeave={() => setIsHover(false)}>
       <i>
         <Icon />
       </i>

package/src/components/ItemList/ItemListCounter/ItemListCounter.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import { useQuery } from '@apollo/client';
-import { AddedBookmark, BaseBookmark } from '../icons';
+import { HoverBookmark, BaseBookmark } from '../icons';
 import { getItemList } from '../../../application/query';
 import { useItemListId } from '../hooks';
 import { getItemListData } from '../helpers';
@@ -21,7 +21,7 @@ const ItemListCounter = ({ listName, modifier, url }) => {
 
   const listItems = getItemListData(data);
   const listLength = listItems.length;
-  const CounterIcon = listLength ? AddedBookmark : BaseBookmark;
+  const CounterIcon = listLength ? HoverBookmark : BaseBookmark;
 
   const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);
 

package/src/components/ItemList/icons/AddedBookmark.js

@@ -1,25 +1,25 @@
 import React from 'react';
 
-function AddedBookmark({ width = '24px', height = '33px' }) {
+function AddedBookmark() {
   return (
     <svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 33"
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 29"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg">
       <title>wishlist-button/added</title>
       <g id="Wishlist" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
         <g id="components" transform="translate(-417, -433)">
-          <g id="Group" transform="translate(417, 433.0588)">
+          <g id="wishlist-button/added" transform="translate(417, 433.0588)">
             <path
-              d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+              d="M1.33333333,5.68434189e-14 L22.6666667,5.68434189e-14 C23.4030667,5.68434189e-14 24,0.59696 24,1.33333333 L24,27.0350667 C24,27.4033333 23.7014667,27.7019336 23.3333333,27.7019336 C23.2397333,27.7019336 23.1472,27.682 23.0617333,27.6438667 L12,22.7084 L0.938306667,27.6438667 C0.602066667,27.794 0.20788,27.6429333 0.0578533333,27.3068 C0.0197066667,27.2212 0,27.1286667 0,27.0350667 L0,1.33333333 C0,0.59696 0.59696,5.68434189e-14 1.33333333,5.68434189e-14 Z"
               id="Shape"
-              fill="#C31629"
+              fill="currentColor"
               fillRule="nonzero"
             />
             <path
-              d="M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z"
+              d="M18.6268424,8.17492183 C19.1243859,7.67737836 19.1243859,6.87070105 18.6268424,6.3731576 C18.129299,5.87561415 17.3226216,5.87561413 16.8250782,6.37315756 L10.0913659,13.1094147 L7.1749509,10.1904547 C6.85309671,9.86860055 6.38398401,9.74290217 5.94432301,9.86070898 C5.50466201,9.97851579 5.16124768,10.3219301 5.04344087,10.7615911 C4.92563406,11.2012521 5.05133243,11.6703648 5.37318663,11.992219 L9.19048381,15.8095162 C9.42920298,16.0488396 9.75333852,16.183341 10.0913659,16.183341 C10.4293934,16.183341 10.7535289,16.0488396 10.9922481,15.8095162 L18.6268424,8.17492183 Z"
               id="Path"
               fill="#FFFFFF"
             />

package/src/components/ItemList/icons/BaseBookmark.js

@@ -1,33 +1,27 @@
 import React from 'react';
 
-function BaseBookmark({ width = '24px', height = '32px' }) {
+function BaseBookmark() {
   return (
     <svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 32"
+      width="1em"
+      height="1em"
+      viewBox="0 0 26 30"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg">
       <title>wishlist-button/base</title>
       <g id="Wishlist" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-        <g id="components" transform="translate(-417, -237)">
-          <g id="Group" transform="translate(417, 237)">
+        <g id="components" transform="translate(-416, -236)" fillRule="nonzero">
+          <g id="wishlist-button/base" transform="translate(417, 237)">
+            <g id="Group" fill="#FFFFFF" stroke="currentColor" strokeWidth="2">
+              <path
+                d="M1.33333333,0 L22.6666667,0 C23.4030667,0 24,0.59696 24,1.33333333 L24,27.0350667 C24,27.4033333 23.7014667,27.7019336 23.3333333,27.7019336 C23.2397333,27.7019336 23.1472,27.682 23.0617333,27.6438667 L12,22.7084 L0.938306667,27.6438667 C0.602066667,27.794 0.20788,27.6429333 0.0578533333,27.3068 C0.0197066667,27.2212 0,27.1286667 0,27.0350667 L0,1.33333333 C0,0.59696 0.59696,0 1.33333333,0 Z"
+                id="Shape"
+              />
+            </g>
             <path
-              d="M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z"
+              d="M18.5475051,9.70770608 L14.3505774,9.09775478 L12.4744399,5.29423737 C12.4231974,5.19009934 12.3388952,5.10579713 12.2347571,5.05455461 C11.9735856,4.92562182 11.6562126,5.03306581 11.5256268,5.29423737 L9.64948934,9.09775478 L5.4525616,9.70770608 C5.33685268,9.72423592 5.23106167,9.77878441 5.15006543,9.86143364 C4.94616811,10.0710041 4.95060698,10.406139 5.15998334,10.6102356 L8.19651593,13.5707309 L7.47912064,17.7511288 C7.44480011,17.9495157 7.52626118,18.150158 7.68916287,18.2684724 C7.85206456,18.3867868 8.06806465,18.4021884 8.24610546,18.3081846 L12.0000333,16.3345211 L15.7539612,18.3081846 C15.8564463,18.3627331 15.9754612,18.3809159 16.0895171,18.3610801 C16.3771364,18.3114906 16.5705356,18.0387481 16.5209461,17.7511288 L15.8035508,13.5707309 L18.8400834,10.6102356 C18.9227326,10.5292394 18.9772811,10.4234484 18.9938109,10.3077395 C19.0384415,10.0184672 18.8367774,9.75068367 18.5475051,9.70770608 Z"
               id="Path"
-              fill="#FFFFFF"
-            />
-            <path
-              d="M11.4884365,6.3199776 C11.5838756,6.12420508 11.7826038,6 12.0004007,6 C12.2181976,6 12.4169257,6.12420508 12.5123648,6.3199776 L14.5410228,10.4316897 C14.623468,10.6005456 14.7838925,10.717871 14.9697928,10.7452678 L19.5134747,11.4044216 C19.9774422,11.4716169 20.166229,12.0443768 19.8270528,12.3739538 L16.5440826,15.5769295 C16.4096115,15.7082089 16.3485531,15.8973704 16.380894,16.0824941 L17.1552398,20.6069774 C17.1907134,20.8200705 17.1025787,21.0348915 16.927666,21.1616693 C16.7527533,21.2884471 16.5211722,21.3053581 16.3296976,21.2053355 L12.2659821,19.0678851 C12.1006216,18.9813923 11.9033796,18.9813923 11.7380191,19.0678851 L7.67430355,21.2053355 C7.48306696,21.3035559 7.2528198,21.2857277 7.07898266,21.1592392 C6.90514552,21.0327507 6.81734235,20.8191571 6.85196113,20.6069774 L7.62630692,16.0824941 C7.6594628,15.8979103 7.5996286,15.7088342 7.46631812,15.5769295 L4.17054885,12.3739538 C4.01657399,12.222779 3.96125182,11.9975718 4.027656,11.7922609 C4.09406017,11.58695 4.2707867,11.4367948 4.48412689,11.4044216 L9.0278088,10.7452678 C9.21370906,10.717871 9.3741336,10.6005456 9.45657878,10.4316897 L11.4884365,6.3199776 Z"
-              id="Path"
-              fill="#C31629"
-              fillRule="nonzero"
-            />
-            <path
-              d="M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z M4.00006438,2.00003219 C2.8954771,2.00003219 2.00003219,2.8954771 2.00003219,4.00006438 L2.00003219,29.1324689 L11.4461842,24.168389 C11.7817677,23.9450743 12.2186186,23.9450743 12.5542021,24.168389 L22.0003541,29.1324689 L22.0003541,4.00006438 C22.0003541,2.8954771 21.1049092,2.00003219 20.0003219,2.00003219 L4.00006438,2.00003219 Z"
-              id="Shape"
-              fill="#C31629"
-              fillRule="nonzero"
+              fill="currentColor"
             />
           </g>
         </g>

package/src/components/ItemList/icons/HoverBookmark.js

@@ -1,25 +1,25 @@
 import React from 'react';
 
-function HoverBookmark({ width = '24px', height = '33px' }) {
+function HoverBookmark() {
   return (
     <svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 33"
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 29"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg">
       <title>wishlist-button/hover</title>
       <g id="Wishlist" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-        <g id="components" transform="translate(-566, -237)">
-          <g id="Group" transform="translate(566, 237.3529)">
+        <g id="components" transform="translate(-566, -237)" fillRule="nonzero">
+          <g id="wishlist-button/hover" transform="translate(566, 237.3529)">
+            <g id="Group" fill="currentColor">
+              <path
+                d="M1.33333333,0 L22.6666667,0 C23.4030667,0 24,0.59696 24,1.33333333 L24,27.0350667 C24,27.4033333 23.7014667,27.7019336 23.3333333,27.7019336 C23.2397333,27.7019336 23.1472,27.682 23.0617333,27.6438667 L12,22.7084 L0.938306667,27.6438667 C0.602066667,27.794 0.20788,27.6429333 0.0578533333,27.3068 C0.0197066667,27.2212 0,27.1286667 0,27.0350667 L0,1.33333333 C0,0.59696 0.59696,0 1.33333333,0 Z"
+                id="Shape"
+              />
+            </g>
             <path
-              d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
-              id="Shape"
-              fill="#C31629"
-              fillRule="nonzero"
-            />
-            <path
-              d="M12.5121433,6.32008959 C12.4166708,6.12424855 12.2178732,6 12,6 C11.7821268,6 11.5833292,6.12424855 11.4878567,6.32008959 L9.45848863,10.4332409 C9.37601459,10.6021558 9.2155339,10.7195223 9.02956857,10.7469287 L4.48429634,11.4063132 C4.27088147,11.4386977 4.09409309,11.5889055 4.02766568,11.7942882 C3.96123826,11.999671 4.01657979,12.224957 4.17060854,12.3761847 L7.45472777,15.5802815 C7.5891654,15.7115183 7.64998242,15.9003711 7.61797346,16.0860231 L6.84655754,20.6120899 C6.81107151,20.8252577 6.89923709,21.0401538 7.07421101,21.166976 C7.24918493,21.2937982 7.48084704,21.3107151 7.6723887,21.2106575 L11.7375265,19.072459 C11.9029449,18.9859359 12.100256,18.9859359 12.2656744,19.072459 L16.3308122,21.2106575 C16.5221157,21.3089123 16.7524435,21.2910778 16.9263415,21.164545 C17.1002394,21.0380122 17.1880734,20.8243439 17.1534425,20.6120899 L16.3788256,16.0828222 C16.3456582,15.8981737 16.4055133,15.7090315 16.5388704,15.5770806 L19.8293915,12.3729838 C19.9834202,12.2217561 20.0387617,11.9964701 19.9723343,11.7910873 C19.9059069,11.5857046 19.7291185,11.4354969 19.5157037,11.4031123 L14.9704314,10.7437278 C14.7844661,10.7163214 14.6239854,10.5989549 14.5415114,10.43004 L12.5121433,6.32008959 Z"
+              d="M18.5475051,9.70770608 L14.3505774,9.09775478 L12.4744399,5.29423737 C12.4231974,5.19009934 12.3388952,5.10579713 12.2347571,5.05455461 C11.9735856,4.92562182 11.6562126,5.03306581 11.5256268,5.29423737 L9.64948934,9.09775478 L5.4525616,9.70770608 C5.33685268,9.72423592 5.23106167,9.77878441 5.15006543,9.86143364 C4.94616811,10.0710041 4.95060698,10.406139 5.15998334,10.6102356 L8.19651593,13.5707309 L7.47912064,17.7511288 C7.44480011,17.9495157 7.52626118,18.150158 7.68916287,18.2684724 C7.85206456,18.3867868 8.06806465,18.4021884 8.24610546,18.3081846 L12.0000333,16.3345211 L15.7539612,18.3081846 C15.8564463,18.3627331 15.9754612,18.3809159 16.0895171,18.3610801 C16.3771364,18.3114906 16.5705356,18.0387481 16.5209461,17.7511288 L15.8035508,13.5707309 L18.8400834,10.6102356 C18.9227326,10.5292394 18.9772811,10.4234484 18.9938109,10.3077395 C19.0384415,10.0184672 18.8367774,9.75068367 18.5475051,9.70770608 Z"
               id="Path"
               fill="#FFFFFF"
             />

package/src/components/ItemList/icons/RemoveBookmark.js

@@ -1,11 +1,11 @@
 import React from 'react';
 
-function RemoveBookmark({ width = '24px', height = '33px' }) {
+function RemoveBookmark() {
   return (
     <svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 33"
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 29"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg">
       <title>wishlist-button/remove</title>
@@ -13,13 +13,13 @@ function RemoveBookmark({ width = '24px', height = '33px' }) {
         <g id="components" transform="translate(-566, -433)">
           <g id="Group" transform="translate(566, 433.4118)">
             <path
-              d="M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z"
+              d="M1.33333333,0 L22.6666667,0 C23.4030667,0 24,0.59696 24,1.33333333 L24,27.0350667 C24,27.4033333 23.7014667,27.7019336 23.3333333,27.7019336 C23.2397333,27.7019336 23.1472,27.682 23.0617333,27.6438667 L12,22.7084 L0.938306667,27.6438667 C0.602066667,27.794 0.20788,27.6429333 0.0578533333,27.3068 C0.0197066667,27.2212 0,27.1286667 0,27.0350667 L0,1.33333333 C0,0.59696 0.59696,0 1.33333333,0 Z"
               id="Shape"
-              fill="#C31629"
+              fill="currentColor"
               fillRule="nonzero"
             />
             <path
-              d="M7.99029767,7.51308704 C7.54778661,7.07057597 6.90281268,6.89775572 6.29833133,7.059726 C5.69384998,7.22169629 5.22169629,7.69384998 5.059726,8.29833133 C4.89775572,8.90281268 5.07057597,9.54778661 5.51308704,9.99029767 L9.52630821,14.00002 L5.51308704,18.0097422 C5.07057597,18.4522533 4.89775572,19.0972272 5.059726,19.7017086 C5.22169629,20.3061899 5.69384998,20.7783436 6.29833133,20.9403139 C6.90281268,21.1022842 7.54778661,20.9294639 7.99029767,20.4869529 L12.00002,16.4737317 L16.0097422,20.4869529 C16.6938051,21.1710157 17.8028901,21.1710157 18.4869529,20.4869529 C19.1710157,19.8028901 19.1710157,18.6938051 18.4869529,18.0097422 L14.4737317,14.00002 L18.4869529,9.99029767 C19.1710157,9.30623484 19.1710157,8.19714986 18.4869529,7.51308704 C17.8028901,6.82902421 16.6938051,6.82902421 16.0097422,7.51308704 L12.00002,11.5263082 L7.99029767,7.51308704 Z"
+              d="M8.56311228,6.43978889 C8.18381709,6.06049368 7.6309823,5.91236204 7.11285543,6.05119372 C6.59472855,6.19002539 6.19002539,6.59472855 6.05119372,7.11285543 C5.91236204,7.6309823 6.06049368,8.18381709 6.43978889,8.56311228 L9.87969275,12.0000171 L6.43978889,15.4369219 C6.06049368,15.8162171 5.91236204,16.3690519 6.05119372,16.8871788 C6.19002539,17.4053057 6.59472855,17.8100088 7.11285543,17.9488405 C7.6309823,18.0876722 8.18381709,17.9395405 8.56311228,17.5602453 L12.0000171,14.1203415 L15.4369219,17.5602453 C16.0232615,18.1465849 16.9739058,18.1465849 17.5602453,17.5602453 C18.1465849,16.9739058 18.1465849,16.0232615 17.5602453,15.4369219 L14.1203415,12.0000171 L17.5602453,8.56311228 C18.1465849,7.97677272 18.1465849,7.02612845 17.5602453,6.43978889 C16.9739058,5.85344932 16.0232615,5.85344932 15.4369219,6.43978889 L12.0000171,9.87969275 L8.56311228,6.43978889 Z"
               id="Path"
               fill="#FFFFFF"
             />

package/src/components/ItemList/icons/index.js

@@ -1,5 +1,4 @@
 export { default as AddedBookmark } from './AddedBookmark';
 export { default as BaseBookmark } from './BaseBookmark';
-export { default as FocusedBookmark } from './FocusedBookmark';
 export { default as HoverBookmark } from './HoverBookmark';
 export { default as RemoveBookmark } from './RemoveBookmark';