sprint-asia-custom-component 0.1.54 → 0.1.56

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 (5) hide show
  1. package/dist/index.js +39 -28
  2. package/package.json +1 -1
  3. package/src/components/chip/index.js +1 -1
  4. package/src/components/dropdown/dropdownText/index.js +107 -106
  5. package/src/components/dropzone/uploadphoto/index.js +25 -10
package/dist/index.js CHANGED
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  // THIS FILE IS AUTO GENERATED
102
- function PiBellDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"}}]})(props);}function PiCalendarDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"}}]})(props);}function PiDoorOpenDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M200,40V224H168V40a8,8,0,0,0-8-8h32A8,8,0,0,1,200,40Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M232,216H208V40a16,16,0,0,0-16-16H64A16,16,0,0,0,48,40V216H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16ZM192,40V216H176V40ZM64,40h96V216H64Zm80,92a12,12,0,1,1-12-12A12,12,0,0,1,144,132Z"}}]})(props);}function PiDownloadSimpleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M168,112l-40,40L88,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M224,152v56a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V152a8,8,0,0,1,16,0v56H208V152a8,8,0,0,1,16,0ZM82.34,117.66A8,8,0,0,1,88,104h32V40a8,8,0,0,1,16,0v64h32a8,8,0,0,1,5.66,13.66l-40,40a8,8,0,0,1-11.32,0Zm25,2.34L128,140.69,148.69,120Z"}}]})(props);}function PiFileArrowUpDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-77.66a8,8,0,0,1-11.32,11.32L136,139.31V184a8,8,0,0,1-16,0V139.31l-10.34,10.35a8,8,0,0,1-11.32-11.32l24-24a8,8,0,0,1,11.32,0Z"}}]})(props);}function PiFileDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"}}]})(props);}function PiFunnelDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M221.9,61.38l-67.74,72.31a8,8,0,0,0-2.16,5.47v55.49a8,8,0,0,1-3.56,6.66l-32,21.33A8,8,0,0,1,104,216V139.16a8,8,0,0,0-2.16-5.47L34.1,61.38A8,8,0,0,1,40,48H216A8,8,0,0,1,221.9,61.38Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfoDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"}}]})(props);}function PiMagnifyingGlassDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiUserCircleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}}]})(props);}function PiWalletDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,88V200a8,8,0,0,1-8,8H56a16,16,0,0,1-16-16V64A16,16,0,0,0,56,80H216A8,8,0,0,1,224,88Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm0,128H56a8,8,0,0,1-8-8V86.63A23.84,23.84,0,0,0,56,88H216Zm-48-60a12,12,0,1,1,12,12A12,12,0,0,1,168,140Z"}}]})(props);}function PiCheckCircleFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiFileTextFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z"}}]})(props);}function PiInfoFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"}}]})(props);}function PiReceiptFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V208a8,8,0,0,0,11.58,7.15L64,200.94l28.42,14.21a8,8,0,0,0,7.16,0L128,200.94l28.42,14.21a8,8,0,0,0,7.16,0L192,200.94l28.42,14.21A8,8,0,0,0,232,208V56A16,16,0,0,0,216,40ZM176,144H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Zm0-32H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Z"}}]})(props);}function PiShoppingBagFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-88,96A48.05,48.05,0,0,1,80,88a8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0A48.05,48.05,0,0,1,128,136Z"}}]})(props);}function PiWalletFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm-36,80a12,12,0,1,1,12-12A12,12,0,0,1,180,152Z"}}]})(props);}function PiEyeClosedLight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.21,165a6,6,0,0,1-10.42,6l-20-35.08a122,122,0,0,1-39,18.09l6.17,37a6,6,0,0,1-4.93,6.91,6.85,6.85,0,0,1-1,.08,6,6,0,0,1-5.91-5L148,156.44a128.86,128.86,0,0,1-40,0L101.92,193A6,6,0,0,1,96,198a6.85,6.85,0,0,1-1-.08A6,6,0,0,1,90.08,191l6.17-37a122,122,0,0,1-39-18.09L37.21,171a6,6,0,1,1-10.42-6l20.85-36.48a152,152,0,0,1-20.31-20.77,6,6,0,0,1,9.34-7.54C53.54,121.11,83.07,146,128,146s74.46-24.89,91.33-45.77a6,6,0,0,1,9.34,7.54,152,152,0,0,1-20.31,20.77Z"}}]})(props);}function PiArchive(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"}}]})(props);}function PiCaretDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiCaretLeft(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"}}]})(props);}function PiCaretRight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"}}]})(props);}function PiCaretUp(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"}}]})(props);}function PiClock(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"}}]})(props);}function PiEye(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"}}]})(props);}function PiFileArrowDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-61.66a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35A8,8,0,0,1,157.66,154.34Z"}}]})(props);}function PiFunnel(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiImage(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"}}]})(props);}function PiInfo(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"}}]})(props);}function PiMagnifyingGlass(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiNotePencil(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,120v88a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h88a8,8,0,0,1,0,16H48V208H208V120a8,8,0,0,1,16,0Z"}}]})(props);}function PiPlus(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"}}]})(props);}function PiTrash(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"}}]})(props);}function PiUser(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"}}]})(props);}function PiX(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}}]})(props);}
102
+ function PiBellDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"}}]})(props);}function PiCalendarDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"}}]})(props);}function PiDoorOpenDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M200,40V224H168V40a8,8,0,0,0-8-8h32A8,8,0,0,1,200,40Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M232,216H208V40a16,16,0,0,0-16-16H64A16,16,0,0,0,48,40V216H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16ZM192,40V216H176V40ZM64,40h96V216H64Zm80,92a12,12,0,1,1-12-12A12,12,0,0,1,144,132Z"}}]})(props);}function PiDownloadSimpleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M168,112l-40,40L88,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M224,152v56a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V152a8,8,0,0,1,16,0v56H208V152a8,8,0,0,1,16,0ZM82.34,117.66A8,8,0,0,1,88,104h32V40a8,8,0,0,1,16,0v64h32a8,8,0,0,1,5.66,13.66l-40,40a8,8,0,0,1-11.32,0Zm25,2.34L128,140.69,148.69,120Z"}}]})(props);}function PiFileArrowUpDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-77.66a8,8,0,0,1-11.32,11.32L136,139.31V184a8,8,0,0,1-16,0V139.31l-10.34,10.35a8,8,0,0,1-11.32-11.32l24-24a8,8,0,0,1,11.32,0Z"}}]})(props);}function PiFileDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M208,88H152V32Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"}}]})(props);}function PiFunnelDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M221.9,61.38l-67.74,72.31a8,8,0,0,0-2.16,5.47v55.49a8,8,0,0,1-3.56,6.66l-32,21.33A8,8,0,0,1,104,216V139.16a8,8,0,0,0-2.16-5.47L34.1,61.38A8,8,0,0,1,40,48H216A8,8,0,0,1,221.9,61.38Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfoDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"}}]})(props);}function PiMagnifyingGlassDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiUserCircleDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"}}]})(props);}function PiWalletDuotone(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,88V200a8,8,0,0,1-8,8H56a16,16,0,0,1-16-16V64A16,16,0,0,0,56,80H216A8,8,0,0,1,224,88Z","opacity":"0.2"}},{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm0,128H56a8,8,0,0,1-8-8V86.63A23.84,23.84,0,0,0,56,88H216Zm-48-60a12,12,0,1,1,12,12A12,12,0,0,1,168,140Z"}}]})(props);}function PiCheckCircleFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiFileTextFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,176H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm-8-56V44l44,44Z"}}]})(props);}function PiInfoFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"}}]})(props);}function PiReceiptFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V208a8,8,0,0,0,11.58,7.15L64,200.94l28.42,14.21a8,8,0,0,0,7.16,0L128,200.94l28.42,14.21a8,8,0,0,0,7.16,0L192,200.94l28.42,14.21A8,8,0,0,0,232,208V56A16,16,0,0,0,216,40ZM176,144H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Zm0-32H80a8,8,0,0,1,0-16h96a8,8,0,0,1,0,16Z"}}]})(props);}function PiShoppingBagFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-88,96A48.05,48.05,0,0,1,80,88a8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0A48.05,48.05,0,0,1,128,136Z"}}]})(props);}function PiWalletFill(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,72H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,64V192a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72Zm-36,80a12,12,0,1,1,12-12A12,12,0,0,1,180,152Z"}}]})(props);}function PiEyeClosedLight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.21,165a6,6,0,0,1-10.42,6l-20-35.08a122,122,0,0,1-39,18.09l6.17,37a6,6,0,0,1-4.93,6.91,6.85,6.85,0,0,1-1,.08,6,6,0,0,1-5.91-5L148,156.44a128.86,128.86,0,0,1-40,0L101.92,193A6,6,0,0,1,96,198a6.85,6.85,0,0,1-1-.08A6,6,0,0,1,90.08,191l6.17-37a122,122,0,0,1-39-18.09L37.21,171a6,6,0,1,1-10.42-6l20.85-36.48a152,152,0,0,1-20.31-20.77,6,6,0,0,1,9.34-7.54C53.54,121.11,83.07,146,128,146s74.46-24.89,91.33-45.77a6,6,0,0,1,9.34,7.54,152,152,0,0,1-20.31,20.77Z"}}]})(props);}function PiArchive(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"}}]})(props);}function PiCaretDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"}}]})(props);}function PiCaretLeft(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"}}]})(props);}function PiCaretRight(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"}}]})(props);}function PiCaretUp(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"}}]})(props);}function PiClock(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"}}]})(props);}function PiEye(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"}}]})(props);}function PiFileArrowDown(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-42.34-61.66a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69V120a8,8,0,0,1,16,0v44.69l10.34-10.35A8,8,0,0,1,157.66,154.34Z"}}]})(props);}function PiFunnel(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm108.34,72.28A15.92,15.92,0,0,0,144,139.17v55.49L112,216V139.17a15.92,15.92,0,0,0-4.32-10.94L40,56H216Z"}}]})(props);}function PiInfo(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"}}]})(props);}function PiMagnifyingGlass(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"}}]})(props);}function PiNotePencil(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,120v88a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h88a8,8,0,0,1,0,16H48V208H208V120a8,8,0,0,1,16,0Z"}}]})(props);}function PiPlus(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"}}]})(props);}function PiTrash(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"}}]})(props);}function PiUser(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"}}]})(props);}function PiX(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 256 256","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"}}]})(props);}
103
103
 
104
104
  const OutlineButton = ({
105
105
  title = "Button",
@@ -336,7 +336,7 @@
336
336
  }, /*#__PURE__*/React__default["default"].createElement("div", {
337
337
  className: "flex items-center"
338
338
  }, /*#__PURE__*/React__default["default"].createElement("p", {
339
- className: "py-1"
339
+ className: "py-1 text-center"
340
340
  }, title), type == "dropdown" && /*#__PURE__*/React__default["default"].createElement("p", {
341
341
  className: "text-md pl-2 cursor-pointer",
342
342
  onClick: onClick
@@ -24034,10 +24034,7 @@
24034
24034
  };
24035
24035
 
24036
24036
  const DropdownText = ({
24037
- options = [{
24038
- option: "Name 1",
24039
- value: "Value 1"
24040
- }],
24037
+ options = [],
24041
24038
  onSelect,
24042
24039
  title = "Title Dropdown",
24043
24040
  placeholder = "Placeholder",
@@ -24045,13 +24042,9 @@
24045
24042
  isEdited = true,
24046
24043
  mode = "default",
24047
24044
  footer = null,
24048
- currentOption = {
24049
- option: "Name 1",
24050
- value: "Value 1"
24051
- }
24045
+ currentOption = ""
24052
24046
  }) => {
24053
24047
  const [isOpen, setIsOpen] = React.useState(false);
24054
- const [selectedOption, setSelectedOption] = React.useState(null);
24055
24048
  const dropdownRef = React.useRef(null);
24056
24049
  React.useEffect(() => {
24057
24050
  const handleOutsideClick = event => {
@@ -24060,17 +24053,16 @@
24060
24053
  }
24061
24054
  };
24062
24055
  if (isOpen) {
24063
- document.addEventListener('mousedown', handleOutsideClick);
24056
+ document.addEventListener("mousedown", handleOutsideClick);
24064
24057
  }
24065
24058
  return () => {
24066
- document.removeEventListener('mousedown', handleOutsideClick);
24059
+ document.removeEventListener("mousedown", handleOutsideClick);
24067
24060
  };
24068
24061
  }, [isOpen]);
24069
24062
  const handleToggleDropdownText = () => {
24070
24063
  setIsOpen(!isOpen);
24071
24064
  };
24072
24065
  const handleOptionClick = (option, value) => {
24073
- setSelectedOption(option);
24074
24066
  setIsOpen(false);
24075
24067
  if (onSelect) {
24076
24068
  onSelect({
@@ -24079,6 +24071,9 @@
24079
24071
  });
24080
24072
  }
24081
24073
  };
24074
+ const selectedValue = options.filter(val => {
24075
+ return val.value === currentOption;
24076
+ });
24082
24077
  return /*#__PURE__*/React__default["default"].createElement("div", {
24083
24078
  className: "relative inline-block text-left w-full",
24084
24079
  ref: dropdownRef
@@ -24093,14 +24088,14 @@
24093
24088
  }, /*#__PURE__*/React__default["default"].createElement("button", {
24094
24089
  type: "button",
24095
24090
  className: `
24096
- ${isEdited == false && "bg-neutral30 cursor-not-allowed"}
24097
- ${mode == "default" && "border-neutral50 bg-neutral20 cursor-pointer"}
24098
- ${mode == "danger" && "border-danger500 bg-danger50 cursor-pointer"}
24091
+ ${!isEdited && "bg-neutral30 cursor-not-allowed"}
24092
+ ${mode === "default" && "border-neutral50 bg-neutral20 cursor-pointer"}
24093
+ ${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
24099
24094
  flex items-center w-full py-2.5 text-left px-4 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`,
24100
24095
  onClick: () => isEdited && handleToggleDropdownText()
24101
24096
  }, /*#__PURE__*/React__default["default"].createElement("span", {
24102
24097
  className: "flex-grow overflow-hidden"
24103
- }, selectedOption ? selectedOption : currentOption.option ? currentOption.option : placeholder), /*#__PURE__*/React__default["default"].createElement("span", {
24098
+ }, selectedValue?.length ? selectedValue[0]?.option : placeholder), /*#__PURE__*/React__default["default"].createElement("span", {
24104
24099
  className: "ml-2"
24105
24100
  }, isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, {
24106
24101
  size: 16,
@@ -25998,10 +25993,19 @@
25998
25993
 
25999
25994
  const DropzoneUploadPhoto = ({
26000
25995
  onFileChange,
26001
- currentImage
25996
+ currentImage,
25997
+ subtitle = "Format File PNG, JPEG, or JPG, Maximal File 5 MB",
25998
+ error = ""
26002
25999
  }) => {
26003
26000
  const [selectedImage, setSelectedImage] = React.useState(null);
26004
26001
  const [isHovered, setIsHovered] = React.useState(false);
26002
+ const [errorMessage, setErrorMessage] = React.useState("");
26003
+ const onDropRejected = rejectedFiles => {
26004
+ const file = rejectedFiles[0];
26005
+ if (file.errors[0]?.code === "file-too-large") {
26006
+ setErrorMessage("Your file is too large, Max file size is 5 MB");
26007
+ }
26008
+ };
26005
26009
  const {
26006
26010
  getRootProps,
26007
26011
  getInputProps
@@ -26017,7 +26021,8 @@
26017
26021
  onFileChange(acceptedFiles[0]);
26018
26022
  setSelectedImage(URL.createObjectURL(acceptedFiles[0]));
26019
26023
  }
26020
- }
26024
+ },
26025
+ onDropRejected
26021
26026
  });
26022
26027
  return /*#__PURE__*/React__default["default"].createElement("div", {
26023
26028
  className: "w-52 h-52"
@@ -26026,34 +26031,40 @@
26026
26031
  }, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
26027
26032
  className: 'dropzone'
26028
26033
  }), {
26029
- className: "bg-neutral20 h-52 w-52 rounded-full border-2 border-neutral50 border-dashed",
26034
+ className: "bg-neutral20 h-52 w-52 border-2 border-neutral50 border-dashed",
26030
26035
  onMouseEnter: () => setIsHovered(true),
26031
26036
  onMouseLeave: () => setIsHovered(false)
26032
26037
  }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
26033
26038
  src: currentImage,
26034
- className: "w-full h-full rounded-full object-cover"
26039
+ className: "w-full h-full object-cover"
26035
26040
  }) : !currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("div", {
26036
26041
  className: "flex w-full h-full justify-center items-center text-center"
26037
26042
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
26038
26043
  className: "flex justify-center"
26039
- }, /*#__PURE__*/React__default["default"].createElement(PiImage, {
26044
+ }, /*#__PURE__*/React__default["default"].createElement(PiPlus, {
26040
26045
  size: 18,
26041
26046
  className: "text-neutral300"
26042
26047
  })), /*#__PURE__*/React__default["default"].createElement("p", {
26043
26048
  className: "text-xs text-neutral300 mt-2"
26044
- }, "Upload Photo"))) : /*#__PURE__*/React__default["default"].createElement("img", {
26049
+ }, "Upload Image"), errorMessage && /*#__PURE__*/React__default["default"].createElement("p", {
26050
+ className: "text-xs text-danger500"
26051
+ }, errorMessage))) : /*#__PURE__*/React__default["default"].createElement("img", {
26045
26052
  src: selectedImage,
26046
- className: "w-full h-full rounded-full object-cover"
26053
+ className: "w-full h-full object-cover"
26047
26054
  }), (selectedImage || currentImage) && isHovered && /*#__PURE__*/React__default["default"].createElement("div", {
26048
- className: "absolute inset-0 bg-black bg-opacity-40 rounded-full items-center flex justify-center"
26055
+ className: "absolute inset-0 bg-black bg-opacity-40 items-center flex justify-center"
26049
26056
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
26050
26057
  className: "flex justify-center"
26051
- }, /*#__PURE__*/React__default["default"].createElement(PiImage, {
26058
+ }, /*#__PURE__*/React__default["default"].createElement(PiPlus, {
26052
26059
  size: 18,
26053
26060
  className: "text-white"
26054
26061
  })), /*#__PURE__*/React__default["default"].createElement("p", {
26055
26062
  className: "text-xs text-white mt-2"
26056
- }, "Upload Photo"))))));
26063
+ }, "Upload Image")))), error && /*#__PURE__*/React__default["default"].createElement("p", {
26064
+ className: "text-danger500 text-xs mt-1"
26065
+ }, error), /*#__PURE__*/React__default["default"].createElement("p", {
26066
+ className: "text-xs text-neutral300 mt-1"
26067
+ }, subtitle)));
26057
26068
  };
26058
26069
 
26059
26070
  var img$4 = "data:image/png;base64,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";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.54",
4
+ "version": "0.1.56",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/chip/index.js CHANGED
@@ -17,7 +17,7 @@ const Chip = ({
17
17
  ' rounded-full text-xs border-2 flex items-center px-3.5`}>
18
18
 
19
19
  <div className='flex items-center'>
20
- <p className='py-1'>{title}</p>
20
+ <p className='py-1 text-center'>{title}</p>
21
21
  {
22
22
  type == "dropdown" && <p className='text-md pl-2 cursor-pointer' onClick={onClick}>x</p>
23
23
  }
package/src/components/dropdown/dropdownText/index.js CHANGED
@@ -1,124 +1,125 @@
1
- import React, { useState, useEffect, useRef } from 'react';
2
- import { PiCaretDown, PiCaretUp, PiInfo } from 'react-icons/pi';
1
+ import React, { useState, useEffect, useRef } from "react";
2
+ import { PiCaretDown, PiCaretUp, PiInfo } from "react-icons/pi";
3
3
 
4
- const DropdownText = ({
5
- options = [
6
- {
7
- option: "Name 1",
8
- value: "Value 1"
9
- }
10
- ],
11
- onSelect,
12
- title = "Title Dropdown",
13
- placeholder = "Placeholder",
14
- isRequired = true,
15
- isEdited = true,
16
- mode = "default",
17
- footer = null,
18
- currentOption = {option : "Name 1", value:"Value 1"},
4
+ const DropdownText = ({
5
+ options = [],
6
+ onSelect,
7
+ title = "Title Dropdown",
8
+ placeholder = "Placeholder",
9
+ isRequired = true,
10
+ isEdited = true,
11
+ mode = "default",
12
+ footer = null,
13
+ currentOption = "",
19
14
  }) => {
20
- const [isOpen, setIsOpen] = useState(false);
21
- const [selectedOption, setSelectedOption] = useState(null);
22
- const dropdownRef = useRef(null);
15
+ const [isOpen, setIsOpen] = useState(false);
16
+ const dropdownRef = useRef(null);
23
17
 
24
- useEffect(() => {
25
- const handleOutsideClick = (event) => {
26
- if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
27
- setIsOpen(false);
28
- }
29
- };
30
-
31
- if (isOpen) {
32
- document.addEventListener('mousedown', handleOutsideClick);
33
- }
18
+ useEffect(() => {
19
+ const handleOutsideClick = (event) => {
20
+ if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
21
+ setIsOpen(false);
22
+ }
23
+ };
34
24
 
35
- return () => {
36
- document.removeEventListener('mousedown', handleOutsideClick);
37
- };
38
- }, [isOpen]);
25
+ if (isOpen) {
26
+ document.addEventListener("mousedown", handleOutsideClick);
27
+ }
39
28
 
40
- const handleToggleDropdownText = () => {
41
- setIsOpen(!isOpen);
29
+ return () => {
30
+ document.removeEventListener("mousedown", handleOutsideClick);
42
31
  };
32
+ }, [isOpen]);
43
33
 
44
- const handleOptionClick = (option, value) => {
45
- setSelectedOption(option);
46
- setIsOpen(false);
47
- if (onSelect) {
48
- onSelect({option: option, value: value});
49
- }
50
- };
34
+ const handleToggleDropdownText = () => {
35
+ setIsOpen(!isOpen);
36
+ };
37
+
38
+ const handleOptionClick = (option, value) => {
39
+ setIsOpen(false);
40
+ if (onSelect) {
41
+ onSelect({ option: option, value: value });
42
+ }
43
+ };
44
+
45
+ const selectedValue = options.filter((val) => {
46
+ return val.value === currentOption;
47
+ });
51
48
 
52
49
  return (
53
- <div className='relative inline-block text-left w-full' ref={dropdownRef}>
54
- {title &&
55
- <div className='flex'>
56
- <p className="text-sm font-normal text-black mb-1">{title}</p>
57
- {
58
- isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>
59
- }
60
- </div>
61
- }
62
- <div>
63
- <span className='rounded-md shadow-sm'>
64
- <button
65
- type='button'
66
- className={`
67
- ${isEdited == false && "bg-neutral30 cursor-not-allowed"}
68
- ${mode == "default" && "border-neutral50 bg-neutral20 cursor-pointer"}
69
- ${mode == "danger" && "border-danger500 bg-danger50 cursor-pointer"}
50
+ <div className="relative inline-block text-left w-full" ref={dropdownRef}>
51
+ {title && (
52
+ <div className="flex">
53
+ <p className="text-sm font-normal text-black mb-1">{title}</p>
54
+ {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
55
+ </div>
56
+ )}
57
+ <div>
58
+ <span className="rounded-md shadow-sm">
59
+ <button
60
+ type="button"
61
+ className={`
62
+ ${!isEdited && "bg-neutral30 cursor-not-allowed"}
63
+ ${mode === "default" && "border-neutral50 bg-neutral20 cursor-pointer"}
64
+ ${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
70
65
  flex items-center w-full py-2.5 text-left px-4 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`}
71
- onClick={() => isEdited && handleToggleDropdownText()}
72
- >
73
- <span className='flex-grow overflow-hidden'>{selectedOption ? selectedOption : currentOption.option ? currentOption.option : placeholder}</span>
74
- <span className='ml-2'>
75
- {isOpen ? <PiCaretUp size={16} className='text-neutral300' /> : <PiCaretDown size={16} className='text-neutral300' />}
76
- </span>
77
- </button>
66
+ onClick={() => isEdited && handleToggleDropdownText()}
67
+ >
68
+ <span className="flex-grow overflow-hidden">
69
+ {selectedValue?.length ? selectedValue[0]?.option : placeholder}
78
70
  </span>
79
- </div>
71
+ <span className="ml-2">
72
+ {isOpen ? (
73
+ <PiCaretUp size={16} className="text-neutral300" />
74
+ ) : (
75
+ <PiCaretDown size={16} className="text-neutral300" />
76
+ )}
77
+ </span>
78
+ </button>
79
+ </span>
80
+ </div>
80
81
 
81
- {isOpen && isEdited && (
82
- <div
83
- className='z-10 origin-top-right absolute left-0 mt-2 w-full rounded-md shadow-md bg-white ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden'
84
- role='menu'
85
- aria-orientation='vertical'
86
- aria-labelledby='options-menu'
87
- >
88
- <div className='px-1 py-2 max-h-40 overflow-y-auto'>
89
- {options.map((option, index) => (
90
- <div
91
- key={index}
92
- className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md'
93
- onClick={() => {
94
- if (option.option !== "Loading...") {
95
- handleOptionClick(option.option, option.value)
96
- }
97
- }}
98
- >
99
- <p className='text-sm text-black'>{option.option}</p>
100
- </div>
101
- ))}
102
- </div>
103
- </div>
104
- )}
82
+ {isOpen && isEdited && (
83
+ <div
84
+ className="z-10 origin-top-right absolute left-0 mt-2 w-full rounded-md shadow-md bg-white ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden"
85
+ role="menu"
86
+ aria-orientation="vertical"
87
+ aria-labelledby="options-menu"
88
+ >
89
+ <div className="px-1 py-2 max-h-40 overflow-y-auto">
90
+ {options.map((option, index) => (
91
+ <div
92
+ key={index}
93
+ className="hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md"
94
+ onClick={() => {
95
+ if (option.option !== "Loading...") {
96
+ handleOptionClick(option.option, option.value);
97
+ }
98
+ }}
99
+ >
100
+ <p className="text-sm text-black">{option.option}</p>
101
+ </div>
102
+ ))}
103
+ </div>
104
+ </div>
105
+ )}
105
106
 
106
- {footer && (
107
- <div className='mt-1'>
108
- {mode === "danger" ? (
109
- <div className='flex'>
110
- <div>
111
- <PiInfo size={16} className='text-danger500' />
112
- </div>
113
- <p className="text-danger500 text-xs ml-1">{footer}</p>
114
- </div>
115
- ) : (
116
- <p className="text-black text-xs">{footer}</p>
117
- )}
107
+ {footer && (
108
+ <div className="mt-1">
109
+ {mode === "danger" ? (
110
+ <div className="flex">
111
+ <div>
112
+ <PiInfo size={16} className="text-danger500" />
113
+ </div>
114
+ <p className="text-danger500 text-xs ml-1">{footer}</p>
118
115
  </div>
119
- )}
116
+ ) : (
117
+ <p className="text-black text-xs">{footer}</p>
118
+ )}
119
+ </div>
120
+ )}
120
121
  </div>
121
122
  );
122
123
  };
123
124
 
124
- export default DropdownText;
125
+ export default DropdownText;
package/src/components/dropzone/uploadphoto/index.js CHANGED
@@ -1,14 +1,25 @@
1
1
  import React, { useState } from 'react';
2
2
  import { useDropzone } from 'react-dropzone';
3
- import { PiImage } from 'react-icons/pi';
3
+ import { PiPlus } from 'react-icons/pi';
4
4
 
5
5
  const DropzoneUploadPhoto = ({
6
6
  onFileChange,
7
- currentImage
7
+ currentImage,
8
+ subtitle = "Format File PNG, JPEG, or JPG, Maximal File 5 MB",
9
+ error = "",
8
10
  }) => {
9
11
  const [selectedImage, setSelectedImage] = useState(null);
10
12
  const [isHovered, setIsHovered] = useState(false);
11
13
 
14
+ const [errorMessage, setErrorMessage] = useState("");
15
+
16
+ const onDropRejected = (rejectedFiles) => {
17
+ const file = rejectedFiles[0];
18
+ if (file.errors[0]?.code === "file-too-large") {
19
+ setErrorMessage("Your file is too large, Max file size is 5 MB");
20
+ }
21
+ };
22
+
12
23
  const { getRootProps, getInputProps } = useDropzone({
13
24
  accept: {
14
25
  'image/jpeg': [],
@@ -22,6 +33,7 @@ const DropzoneUploadPhoto = ({
22
33
  setSelectedImage(URL.createObjectURL(acceptedFiles[0]));
23
34
  }
24
35
  },
36
+ onDropRejected,
25
37
  });
26
38
 
27
39
  return (
@@ -31,7 +43,7 @@ const DropzoneUploadPhoto = ({
31
43
  >
32
44
  <div
33
45
  {...getRootProps({ className: 'dropzone' })}
34
- className="bg-neutral20 h-52 w-52 rounded-full border-2 border-neutral50 border-dashed"
46
+ className="bg-neutral20 h-52 w-52 border-2 border-neutral50 border-dashed"
35
47
  onMouseEnter={() => setIsHovered(true)}
36
48
  onMouseLeave={() => setIsHovered(false)}
37
49
  >
@@ -40,35 +52,38 @@ const DropzoneUploadPhoto = ({
40
52
  currentImage && !selectedImage ?
41
53
  <img
42
54
  src={currentImage}
43
- className="w-full h-full rounded-full object-cover"
55
+ className="w-full h-full object-cover"
44
56
  />
45
57
  :
46
58
  !currentImage && !selectedImage ?
47
59
  <div className="flex w-full h-full justify-center items-center text-center">
48
60
  <div>
49
61
  <div className='flex justify-center'>
50
- <PiImage size={18} className='text-neutral300'/>
62
+ <PiPlus size={18} className='text-neutral300'/>
51
63
  </div>
52
- <p className="text-xs text-neutral300 mt-2">Upload Photo</p>
64
+ <p className="text-xs text-neutral300 mt-2">Upload Image</p>
65
+ {errorMessage && <p className="text-xs text-danger500">{errorMessage}</p>}
53
66
  </div>
54
67
  </div>
55
68
  :
56
69
  <img
57
70
  src={selectedImage}
58
- className="w-full h-full rounded-full object-cover"
71
+ className="w-full h-full object-cover"
59
72
  />
60
73
  }
61
74
  {(selectedImage || currentImage) && isHovered && (
62
- <div className="absolute inset-0 bg-black bg-opacity-40 rounded-full items-center flex justify-center">
75
+ <div className="absolute inset-0 bg-black bg-opacity-40 items-center flex justify-center">
63
76
  <div>
64
77
  <div className='flex justify-center'>
65
- <PiImage size={18} className='text-white'/>
78
+ <PiPlus size={18} className='text-white'/>
66
79
  </div>
67
- <p className="text-xs text-white mt-2">Upload Photo</p>
80
+ <p className="text-xs text-white mt-2">Upload Image</p>
68
81
  </div>
69
82
  </div>
70
83
  )}
71
84
  </div>
85
+ {error && <p className="text-danger500 text-xs mt-1">{error}</p>}
86
+ <p className="text-xs text-neutral300 mt-1">{subtitle}</p>
72
87
  </div>
73
88
  </div>
74
89
  );