forstok-ui-lib 6.0.0 → 6.0.2

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 (8) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/images/icons/check-blue.svg +1 -0
  7. package/src/assets/images/icons/check.svg +1 -0
  8. package/src/components/icon/styles.ts +16 -0
package/dist/index.mjs CHANGED
@@ -1997,7 +1997,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
1997
1997
  &:before {
1998
1998
  display: grid;
1999
1999
  }
2000
- ${({$mode:e,$name:t,$width:n,onClick:r})=>{let i="";switch(t){case"search":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/search.svg'); \n }\n ";break;case"check":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/checkmark-tick.svg'); \n }\n ";break;case"check-grey":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/checkmark-tick-grey.svg'); \n }\n ";break;case"arrow-left-blue":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left-blue.svg'); \n }\n ";break;case"edit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/edit.svg'); \n }\n ";break;case"arrow":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow.svg'); \n }\n ";break;case"discount":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/discount.svg'); \n }\n ";break;case"cash":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/cash.svg'); \n }\n ";break;case"credit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/credit.svg'); \n }\n ";break;case"debit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/debit.svg'); \n }\n ";break;case"bank":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/bank.svg'); \n }\n ";break;case"qris":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/qris.svg'); \n }\n ";break;case"wallet":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/wallet.svg'); \n }\n ";break;case"delivery":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/delivery.svg'); \n }\n ";break;case"success":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/success.svg'); \n }\n ";break;case"email":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/email.svg'); \n }\n ";break;case"print":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/print.svg'); \n }\n ";break;case"warning":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/warning.svg'); \n }\n ";break;case"alert":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/alert.svg'); \n }\n ";break;case"barcode":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/barcode.svg'); \n }\n ";break;case"arrow-upload":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-upload.svg'); \n }\n ";break;case"trash":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/trash.svg'); \n }\n ";break;case"arrow-left":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left.svg'); \n }\n ";break;case"arrow-left-double":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left-double.svg'); \n }\n ";break;case"arrow-right":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-right.svg'); \n }\n ";break;case"arrow-right-double":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-right-double.svg'); \n }\n ";break;case"calendar":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/calendar.svg'); \n }\n ";break;case"question":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/question.svg'); \n filter: grayscale(100%);\n }\n ";break;case"sortby":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/sortby.svg'); \n }\n ";break;case"NotificationDownload":i+=`\n ${sr}\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/notif-download-white.svg'); \n }`;break;case"NotificationUpload":i+=`\n ${sr}\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/notif-upload-white.svg'); \n }`;break;case"bar":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/humberbars.svg'); \n }";break;case"close":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close.svg'); \n }";break;case"person":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM7.07%2018.28C7.5%2017.38%2010.12%2016.5%2012%2016.5C13.88%2016.5%2016.51%2017.38%2016.93%2018.28C15.57%2019.36%2013.86%2020%2012%2020C10.14%2020%208.43%2019.36%207.07%2018.28ZM12%2014.5C13.46%2014.5%2016.93%2015.09%2018.36%2016.83C19.38%2015.49%2020%2013.82%2020%2012C20%207.59%2016.41%204%2012%204C7.59%204%204%207.59%204%2012C4%2013.82%204.62%2015.49%205.64%2016.83C7.07%2015.09%2010.54%2014.5%2012%2014.5ZM12%206C10.06%206%208.5%207.56%208.5%209.5C8.5%2011.44%2010.06%2013%2012%2013C13.94%2013%2015.5%2011.44%2015.5%209.5C15.5%207.56%2013.94%206%2012%206ZM10.5%209.5C10.5%2010.33%2011.17%2011%2012%2011C12.83%2011%2013.5%2010.33%2013.5%209.5C13.5%208.67%2012.83%208%2012%208C11.17%208%2010.5%208.67%2010.5%209.5Z%22%20fill%3D%22%238c969a%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"person-red":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM7.07%2018.28C7.5%2017.38%2010.12%2016.5%2012%2016.5C13.88%2016.5%2016.51%2017.38%2016.93%2018.28C15.57%2019.36%2013.86%2020%2012%2020C10.14%2020%208.43%2019.36%207.07%2018.28ZM12%2014.5C13.46%2014.5%2016.93%2015.09%2018.36%2016.83C19.38%2015.49%2020%2013.82%2020%2012C20%207.59%2016.41%204%2012%204C7.59%204%204%207.59%204%2012C4%2013.82%204.62%2015.49%205.64%2016.83C7.07%2015.09%2010.54%2014.5%2012%2014.5ZM12%206C10.06%206%208.5%207.56%208.5%209.5C8.5%2011.44%2010.06%2013%2012%2013C13.94%2013%2015.5%2011.44%2015.5%209.5C15.5%207.56%2013.94%206%2012%206ZM10.5%209.5C10.5%2010.33%2011.17%2011%2012%2011C12.83%2011%2013.5%2010.33%2013.5%209.5C13.5%208.67%2012.83%208%2012%208C11.17%208%2010.5%208.67%2010.5%209.5Z%22%20fill%3D%22%23fc5c64%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"cart":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.78571%205H18.2251C19.5903%205%2020.5542%206.33739%2020.1225%207.63246L18.4558%2012.6325C18.1836%2013.4491%2017.4193%2014%2016.5585%2014H6.07142M4.78571%205L4.74531%204.71716C4.60455%203.73186%203.76071%203%202.76541%203H2M4.78571%205L6.07142%2014M6.07142%2014L6.25469%2015.2828C6.39545%2016.2681%207.23929%2017%208.23459%2017H17M17%2017C15.8954%2017%2015%2017.8954%2015%2019C15%2020.1046%2015.8954%2021%2017%2021C18.1046%2021%2019%2020.1046%2019%2019C19%2017.8954%2018.1046%2017%2017%2017ZM11%2019C11%2020.1046%2010.1046%2021%209%2021C7.89543%2021%207%2020.1046%207%2019C7%2017.8954%207.89543%2017%209%2017C10.1046%2017%2011%2017.8954%2011%2019Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"back":i+="\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022.989%2016.009%22%20style%3D%22enable-background%3Anew%200%200%2022.989%2016.009%3B%20fill%3A%20rgb%2872%2C72%2C72%29%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%20%3Cg%3E%20%20%20%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M21.989%2C7.004H3.393l5.309-5.309c0.388-0.388%2C0.388-1.017%2C0-1.404%20%20%20%20%20%20c-0.388-0.388-1.017-0.388-1.404%2C0L0.342%2C7.247C0.321%2C7.264%2C0.295%2C7.271%2C0.275%2C7.291C0.047%2C7.519-0.03%2C7.829%2C0.01%2C8.127%20%20%20%20%20%20c0.005%2C0.049%2C0.014%2C0.091%2C0.027%2C0.139C0.073%2C8.39%2C0.133%2C8.505%2C0.219%2C8.61c0.026%2C0.033%2C0.026%2C0.077%2C0.057%2C0.108%20%20%20%20%20%20c0.019%2C0.019%2C0.044%2C0.025%2C0.064%2C0.041l6.958%2C6.959c0.388%2C0.388%2C1.017%2C0.388%2C1.404%2C0c0.388-0.388%2C0.388-1.017%2C0-1.404L3.393%2C9.004%20%20%20%20%20%20h18.595c0.552%2C0%2C1-0.448%2C1-1C22.989%2C7.452%2C22.541%2C7.004%2C21.989%2C7.004z%22%3E%3C%2Fpath%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"dashboard-left-nav":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20486.196%20486.196%22%20style%3D%22enable-background%3Anew%200%200%20486.196%20486.196%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M481.708%2C220.456l-228.8-204.6c-0.4-0.4-0.8-0.7-1.3-1c-5-4.8-13-5-18.3-0.3l-228.8%2C204.6c-5.6%2C5-6%2C13.5-1.1%2C19.1%20%20c2.7%2C3%2C6.4%2C4.5%2C10.1%2C4.5c3.2%2C0%2C6.4-1.1%2C9-3.4l41.2-36.9v7.2v106.8v124.6c0%2C18.7%2C15.2%2C34%2C34%2C34c0.3%2C0%2C0.5%2C0%2C0.8%2C0s0.5%2C0%2C0.8%2C0h70.6%20%20c17.6%2C0%2C31.9-14.3%2C31.9-31.9v-121.3c0-2.7%2C2.2-4.9%2C4.9-4.9h72.9c2.7%2C0%2C4.9%2C2.2%2C4.9%2C4.9v121.3c0%2C17.6%2C14.3%2C31.9%2C31.9%2C31.9h72.2%20%20c19%2C0%2C34-18.7%2C34-42.6v-111.2v-34v-83.5l41.2%2C36.9c2.6%2C2.3%2C5.8%2C3.4%2C9%2C3.4c3.7%2C0%2C7.4-1.5%2C10.1-4.5%20%20C487.708%2C233.956%2C487.208%2C225.456%2C481.708%2C220.456z%20M395.508%2C287.156v34v111.1c0%2C9.7-4.8%2C15.6-7%2C15.6h-72.2c-2.7%2C0-4.9-2.2-4.9-4.9%20%20v-121.1c0-17.6-14.3-31.9-31.9-31.9h-72.9c-17.6%2C0-31.9%2C14.3-31.9%2C31.9v121.3c0%2C2.7-2.2%2C4.9-4.9%2C4.9h-70.6c-0.3%2C0-0.5%2C0-0.8%2C0%20%20s-0.5%2C0-0.8%2C0c-3.8%2C0-7-3.1-7-7v-124.7v-106.8v-31.3l151.8-135.6l153.1%2C136.9L395.508%2C287.156L395.508%2C287.156z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"product-left-nav":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20230.057%20230.057%22%20style%3D%22enable-background%3Anew%200%200%20230.057%20230.057%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M228.579%2C83.315l-32.147-41.258c-7.817-10.032-19.594-15.785-32.312-15.785h-21.204c-2.939%2C0-5.565%2C1.836-6.574%2C4.597%20%20c-3.257%2C8.909-11.822%2C14.895-21.313%2C14.895s-18.055-5.986-21.313-14.895c-1.009-2.761-3.635-4.597-6.574-4.597H65.937%20%20c-12.717%2C0-24.495%2C5.753-32.312%2C15.786L1.479%2C83.315c-1.397%2C1.793-1.837%2C4.152-1.179%2C6.328c0.658%2C2.176%2C2.331%2C3.897%2C4.488%2C4.615%20%20l44.558%2C14.845v87.682c0%2C3.866%2C3.134%2C7%2C7%2C7h117.366c3.866%2C0%2C7-3.134%2C7-7v-87.682l44.558-14.845c2.157-0.718%2C3.83-2.439%2C4.488-4.615%20%20C230.416%2C87.467%2C229.976%2C85.108%2C228.579%2C83.315z%20M180.712%2C94.347V84.057c0-3.866-3.134-7-7-7s-7%2C3.134-7%2C7v105.728H63.345V84.057%20%20c0-3.866-3.134-7-7-7s-7%2C3.134-7%2C7v10.29l-30.736-10.24l26.059-33.444c5.146-6.604%2C12.897-10.391%2C21.269-10.391h16.681%20%20c6.295%2C11.832%2C18.761%2C19.491%2C32.41%2C19.491c13.649%2C0%2C26.115-7.66%2C32.411-19.491h16.681c8.371%2C0%2C16.123%2C3.787%2C21.269%2C10.39%20%20l26.06%2C33.445L180.712%2C94.347z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"warning-chat":i+="\n &:before { \n content: url(data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20fill%3D%22%23ff0000%22%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22warning%22%20data-name%3D%22Flat%20Color%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20flat-color%22%20stroke%3D%22%23ff0000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ccircle%20id%3D%22primary%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20style%3D%22fill%3A%20%23ff0000%3B%22%2F%3E%3Cpath%20id%3D%22secondary%22%20d%3D%22M11%2C13V7a1%2C1%2C0%2C0%2C1%2C2%2C0v6a1%2C1%2C0%2C0%2C1-2%2C0Zm1%2C2.5A1.5%2C1.5%2C0%2C1%2C0%2C13.5%2C17%2C1.5%2C1.5%2C0%2C0%2C0%2C12%2C15.5Z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n "}return n&&(i+=`\n &:before { \n width: ${n}; \n height: ${n};\n }\n `),r&&(i+="\n cursor: pointer;\n "),"filter"===e?i+="\n position: relative;\n ":"disabled"===e&&(i+="\n &, \n &:before {\n opacity: .7;\n }\n "),i}}
2000
+ ${({$mode:e,$name:t,$width:n,onClick:r})=>{let i="";switch(t){case"search":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/search.svg'); \n }\n ";break;case"check":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/checkmark-tick.svg'); \n }\n ";break;case"check-grey":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/checkmark-tick-grey.svg'); \n }\n ";break;case"arrow-left-blue":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left-blue.svg'); \n }\n ";break;case"edit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/edit.svg'); \n }\n ";break;case"arrow":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow.svg'); \n }\n ";break;case"discount":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/discount.svg'); \n }\n ";break;case"cash":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/cash.svg'); \n }\n ";break;case"credit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/credit.svg'); \n }\n ";break;case"debit":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/debit.svg'); \n }\n ";break;case"bank":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/bank.svg'); \n }\n ";break;case"qris":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/qris.svg'); \n }\n ";break;case"wallet":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/wallet.svg'); \n }\n ";break;case"delivery":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/delivery.svg'); \n }\n ";break;case"success":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/success.svg'); \n }\n ";break;case"email":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/email.svg'); \n }\n ";break;case"print":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/print.svg'); \n }\n ";break;case"warning":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/warning.svg'); \n }\n ";break;case"alert":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/alert.svg'); \n }\n ";break;case"barcode":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/barcode.svg'); \n }\n ";break;case"arrow-upload":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-upload.svg'); \n }\n ";break;case"trash":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/trash.svg'); \n }\n ";break;case"arrow-left":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left.svg'); \n }\n ";break;case"arrow-left-double":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-left-double.svg'); \n }\n ";break;case"arrow-right":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-right.svg'); \n }\n ";break;case"arrow-right-double":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-right-double.svg'); \n }\n ";break;case"calendar":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/calendar.svg'); \n }\n ";break;case"question":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/question.svg'); \n filter: grayscale(100%);\n }\n ";break;case"sortby":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/sortby.svg'); \n }\n ";break;case"NotificationDownload":i+=`\n ${sr}\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/notif-download-white.svg'); \n }`;break;case"NotificationUpload":i+=`\n ${sr}\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/notif-upload-white.svg'); \n }`;break;case"bar":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/humberbars.svg'); \n }";break;case"close":i+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close.svg'); \n }";break;case"person":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM7.07%2018.28C7.5%2017.38%2010.12%2016.5%2012%2016.5C13.88%2016.5%2016.51%2017.38%2016.93%2018.28C15.57%2019.36%2013.86%2020%2012%2020C10.14%2020%208.43%2019.36%207.07%2018.28ZM12%2014.5C13.46%2014.5%2016.93%2015.09%2018.36%2016.83C19.38%2015.49%2020%2013.82%2020%2012C20%207.59%2016.41%204%2012%204C7.59%204%204%207.59%204%2012C4%2013.82%204.62%2015.49%205.64%2016.83C7.07%2015.09%2010.54%2014.5%2012%2014.5ZM12%206C10.06%206%208.5%207.56%208.5%209.5C8.5%2011.44%2010.06%2013%2012%2013C13.94%2013%2015.5%2011.44%2015.5%209.5C15.5%207.56%2013.94%206%2012%206ZM10.5%209.5C10.5%2010.33%2011.17%2011%2012%2011C12.83%2011%2013.5%2010.33%2013.5%209.5C13.5%208.67%2012.83%208%2012%208C11.17%208%2010.5%208.67%2010.5%209.5Z%22%20fill%3D%22%238c969a%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"person-red":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM7.07%2018.28C7.5%2017.38%2010.12%2016.5%2012%2016.5C13.88%2016.5%2016.51%2017.38%2016.93%2018.28C15.57%2019.36%2013.86%2020%2012%2020C10.14%2020%208.43%2019.36%207.07%2018.28ZM12%2014.5C13.46%2014.5%2016.93%2015.09%2018.36%2016.83C19.38%2015.49%2020%2013.82%2020%2012C20%207.59%2016.41%204%2012%204C7.59%204%204%207.59%204%2012C4%2013.82%204.62%2015.49%205.64%2016.83C7.07%2015.09%2010.54%2014.5%2012%2014.5ZM12%206C10.06%206%208.5%207.56%208.5%209.5C8.5%2011.44%2010.06%2013%2012%2013C13.94%2013%2015.5%2011.44%2015.5%209.5C15.5%207.56%2013.94%206%2012%206ZM10.5%209.5C10.5%2010.33%2011.17%2011%2012%2011C12.83%2011%2013.5%2010.33%2013.5%209.5C13.5%208.67%2012.83%208%2012%208C11.17%208%2010.5%208.67%2010.5%209.5Z%22%20fill%3D%22%23fc5c64%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"cart":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.78571%205H18.2251C19.5903%205%2020.5542%206.33739%2020.1225%207.63246L18.4558%2012.6325C18.1836%2013.4491%2017.4193%2014%2016.5585%2014H6.07142M4.78571%205L4.74531%204.71716C4.60455%203.73186%203.76071%203%202.76541%203H2M4.78571%205L6.07142%2014M6.07142%2014L6.25469%2015.2828C6.39545%2016.2681%207.23929%2017%208.23459%2017H17M17%2017C15.8954%2017%2015%2017.8954%2015%2019C15%2020.1046%2015.8954%2021%2017%2021C18.1046%2021%2019%2020.1046%2019%2019C19%2017.8954%2018.1046%2017%2017%2017ZM11%2019C11%2020.1046%2010.1046%2021%209%2021C7.89543%2021%207%2020.1046%207%2019C7%2017.8954%207.89543%2017%209%2017C10.1046%2017%2011%2017.8954%2011%2019Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); \n }";break;case"back":i+="\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022.989%2016.009%22%20style%3D%22enable-background%3Anew%200%200%2022.989%2016.009%3B%20fill%3A%20rgb%2872%2C72%2C72%29%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%20%3Cg%3E%20%20%20%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M21.989%2C7.004H3.393l5.309-5.309c0.388-0.388%2C0.388-1.017%2C0-1.404%20%20%20%20%20%20c-0.388-0.388-1.017-0.388-1.404%2C0L0.342%2C7.247C0.321%2C7.264%2C0.295%2C7.271%2C0.275%2C7.291C0.047%2C7.519-0.03%2C7.829%2C0.01%2C8.127%20%20%20%20%20%20c0.005%2C0.049%2C0.014%2C0.091%2C0.027%2C0.139C0.073%2C8.39%2C0.133%2C8.505%2C0.219%2C8.61c0.026%2C0.033%2C0.026%2C0.077%2C0.057%2C0.108%20%20%20%20%20%20c0.019%2C0.019%2C0.044%2C0.025%2C0.064%2C0.041l6.958%2C6.959c0.388%2C0.388%2C1.017%2C0.388%2C1.404%2C0c0.388-0.388%2C0.388-1.017%2C0-1.404L3.393%2C9.004%20%20%20%20%20%20h18.595c0.552%2C0%2C1-0.448%2C1-1C22.989%2C7.452%2C22.541%2C7.004%2C21.989%2C7.004z%22%3E%3C%2Fpath%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"dashboard-left-nav":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20486.196%20486.196%22%20style%3D%22enable-background%3Anew%200%200%20486.196%20486.196%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M481.708%2C220.456l-228.8-204.6c-0.4-0.4-0.8-0.7-1.3-1c-5-4.8-13-5-18.3-0.3l-228.8%2C204.6c-5.6%2C5-6%2C13.5-1.1%2C19.1%20%20c2.7%2C3%2C6.4%2C4.5%2C10.1%2C4.5c3.2%2C0%2C6.4-1.1%2C9-3.4l41.2-36.9v7.2v106.8v124.6c0%2C18.7%2C15.2%2C34%2C34%2C34c0.3%2C0%2C0.5%2C0%2C0.8%2C0s0.5%2C0%2C0.8%2C0h70.6%20%20c17.6%2C0%2C31.9-14.3%2C31.9-31.9v-121.3c0-2.7%2C2.2-4.9%2C4.9-4.9h72.9c2.7%2C0%2C4.9%2C2.2%2C4.9%2C4.9v121.3c0%2C17.6%2C14.3%2C31.9%2C31.9%2C31.9h72.2%20%20c19%2C0%2C34-18.7%2C34-42.6v-111.2v-34v-83.5l41.2%2C36.9c2.6%2C2.3%2C5.8%2C3.4%2C9%2C3.4c3.7%2C0%2C7.4-1.5%2C10.1-4.5%20%20C487.708%2C233.956%2C487.208%2C225.456%2C481.708%2C220.456z%20M395.508%2C287.156v34v111.1c0%2C9.7-4.8%2C15.6-7%2C15.6h-72.2c-2.7%2C0-4.9-2.2-4.9-4.9%20%20v-121.1c0-17.6-14.3-31.9-31.9-31.9h-72.9c-17.6%2C0-31.9%2C14.3-31.9%2C31.9v121.3c0%2C2.7-2.2%2C4.9-4.9%2C4.9h-70.6c-0.3%2C0-0.5%2C0-0.8%2C0%20%20s-0.5%2C0-0.8%2C0c-3.8%2C0-7-3.1-7-7v-124.7v-106.8v-31.3l151.8-135.6l153.1%2C136.9L395.508%2C287.156L395.508%2C287.156z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"product-left-nav":i+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20230.057%20230.057%22%20style%3D%22enable-background%3Anew%200%200%20230.057%20230.057%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M228.579%2C83.315l-32.147-41.258c-7.817-10.032-19.594-15.785-32.312-15.785h-21.204c-2.939%2C0-5.565%2C1.836-6.574%2C4.597%20%20c-3.257%2C8.909-11.822%2C14.895-21.313%2C14.895s-18.055-5.986-21.313-14.895c-1.009-2.761-3.635-4.597-6.574-4.597H65.937%20%20c-12.717%2C0-24.495%2C5.753-32.312%2C15.786L1.479%2C83.315c-1.397%2C1.793-1.837%2C4.152-1.179%2C6.328c0.658%2C2.176%2C2.331%2C3.897%2C4.488%2C4.615%20%20l44.558%2C14.845v87.682c0%2C3.866%2C3.134%2C7%2C7%2C7h117.366c3.866%2C0%2C7-3.134%2C7-7v-87.682l44.558-14.845c2.157-0.718%2C3.83-2.439%2C4.488-4.615%20%20C230.416%2C87.467%2C229.976%2C85.108%2C228.579%2C83.315z%20M180.712%2C94.347V84.057c0-3.866-3.134-7-7-7s-7%2C3.134-7%2C7v105.728H63.345V84.057%20%20c0-3.866-3.134-7-7-7s-7%2C3.134-7%2C7v10.29l-30.736-10.24l26.059-33.444c5.146-6.604%2C12.897-10.391%2C21.269-10.391h16.681%20%20c6.295%2C11.832%2C18.761%2C19.491%2C32.41%2C19.491c13.649%2C0%2C26.115-7.66%2C32.411-19.491h16.681c8.371%2C0%2C16.123%2C3.787%2C21.269%2C10.39%20%20l26.06%2C33.445L180.712%2C94.347z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"warning-chat":i+="\n &:before { \n content: url(data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20fill%3D%22%23ff0000%22%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22warning%22%20data-name%3D%22Flat%20Color%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%20flat-color%22%20stroke%3D%22%23ff0000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ccircle%20id%3D%22primary%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20style%3D%22fill%3A%20%23ff0000%3B%22%2F%3E%3Cpath%20id%3D%22secondary%22%20d%3D%22M11%2C13V7a1%2C1%2C0%2C0%2C1%2C2%2C0v6a1%2C1%2C0%2C0%2C1-2%2C0Zm1%2C2.5A1.5%2C1.5%2C0%2C1%2C0%2C13.5%2C17%2C1.5%2C1.5%2C0%2C0%2C0%2C12%2C15.5Z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); \n }\n ";break;case"check-chat":i+="\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22auto%22%20height%3D%22auto%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2360646c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M18%206L7%2017l-5-5m20-2l-7.5%207.5L13%2016%22%2F%3E%3C%2Fsvg%3E); \n }\n ";break;case"check-chat-blue":i+="\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22auto%22%20height%3D%22auto%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237eb6ff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M18%206L7%2017l-5-5m20-2l-7.5%207.5L13%2016%22%2F%3E%3C%2Fsvg%3E); \n }\n "}return n&&(i+=`\n &:before { \n width: ${n}; \n height: ${n};\n }\n `),r&&(i+="\n cursor: pointer;\n "),"filter"===e?i+="\n position: relative;\n ":"disabled"===e&&(i+="\n &, \n &:before {\n opacity: .7;\n }\n "),i}}
2001
2001
  `,cr=e=>{var{$width:t,$name:n,$mode:r,onClick:i,$isLoading:a=!1}=e,o=C(e,["$width","$name","$mode","onClick","$isLoading"]);return a?N.jsx(or,{$mode:"small",$position:"center",$shape:"dot",$color:"#fc5c64"}):N.jsx(lr,Object.assign({$mode:r,$name:n,$width:t,onClick:i},o))};var dr,ur={exports:{}};var pr=(dr||(dr=1,window,ur.exports=function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){n.r(t),n.d(t,"useStateWithCallbackInstant",(function(){return a})),n.d(t,"useStateWithCallbackLazy",(function(){return o}));var r=n(0);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,i=!1,a=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var a=function(e,t){var n=i(r.useState(e),2),a=n[0],o=n[1],s=r.useRef(!1);return r.useLayoutEffect((function(){s.current?t(a):s.current=!0}),[a,t]),[a,o]},o=function(e){var t=r.useRef(null),n=i(r.useState(e),2),a=n[0],o=n[1];r.useEffect((function(){t.current&&(t.current(a),t.current=null)}),[a]);var s=r.useCallback((function(e,n){return t.current=n,o(e)}),[]);return[a,s]};t.default=function(e,t){var n=i(r.useState(e),2),a=n[0],o=n[1],s=r.useRef(!1);return r.useEffect((function(){s.current?t(a):s.current=!0}),[a,t]),[a,o]}}])}(t)),ur.exports);const hr=y`
2002
2002
  button {
2003
2003
  position: absolute;