forstok-ui-lib 5.11.2 → 5.11.4
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.
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/icons/person-red.svg +4 -0
- package/src/assets/stylesheets/shares.styles.ts +1 -1
- package/src/components/dropdown/styles.ts +1 -1
- package/src/components/icon/styles.ts +7 -0
- package/src/components/popup/styles.ts +1 -1
package/dist/index.mjs
CHANGED
|
@@ -327,7 +327,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
327
327
|
&:before {
|
|
328
328
|
display: grid;
|
|
329
329
|
}
|
|
330
|
-
${({$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 ${st}\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 ${st}\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"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 }"}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}}
|
|
330
|
+
${({$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 ${st}\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 ${st}\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 }"}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}}
|
|
331
331
|
`,ct=e=>{var{$width:t,$name:n,$mode:r,onClick:i,$isLoading:o=!1}=e,a=k(e,["$width","$name","$mode","onClick","$isLoading"]);return o?N.jsx(at,{$mode:"small",$position:"center",$shape:"dot",$color:"#fc5c64"}):N.jsx(lt,Object.assign({$mode:r,$name:n,$width:t,onClick:i},a))};function dt({children:e,wrapperId:t="popup-portal"}){const[r,i]=n();return a((()=>{let e=document.getElementById(t),n=!1;return e||(n=!0,e=function(e){const t=document.createElement("div");return t.setAttribute("id",e),document.body.appendChild(t),t}(t)),i(e),()=>{n&&e&&e.parentNode&&e.parentNode.removeChild(e)}}),[t]),void 0===r?N.jsx(N.Fragment,{}):w(e,r)}const ut=x.section`
|
|
332
332
|
${Y}
|
|
333
333
|
position: fixed;
|
|
@@ -376,7 +376,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
376
376
|
top: 0;
|
|
377
377
|
left: 0;
|
|
378
378
|
z-index: 100;
|
|
379
|
-
background-color: rgba(0, 0, 0, .
|
|
379
|
+
background-color: rgba(0, 0, 0, .5);
|
|
380
380
|
display: none;
|
|
381
381
|
@media only screen and (min-width: 768px) {
|
|
382
382
|
display: none !important;
|
|
@@ -608,7 +608,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
608
608
|
padding: 20px 10px;
|
|
609
609
|
grid-gap: 1em;
|
|
610
610
|
min-height: 5vh;
|
|
611
|
-
max-height: calc(100vh -
|
|
611
|
+
max-height: calc(100vh - 250px);
|
|
612
612
|
height: auto;
|
|
613
613
|
overflow: auto;
|
|
614
614
|
overflow-x: hidden;
|
|
@@ -1141,7 +1141,7 @@ r.version="2.30.1",i(qn),r.fn=lo,r.min=Kn,r.max=er,r.now=tr,r.utc=g,r.unix=co,r.
|
|
|
1141
1141
|
}
|
|
1142
1142
|
}
|
|
1143
1143
|
}
|
|
1144
|
-
${({$isOpen:e})=>{let t="";return e&&(t+="\n transition: bottom .2s;\n bottom: 0;\n @media (max-width: 767.9px) {\n @keyframes droptoup {\n 50% { \n bottom: -100px; \n }\n 50% { \n bottom: -50px; \n }\n 100% { \n bottom: 0px; \n }\n }\n &._refMasterTableBulkWrapper {\n display: grid;\n left: 0;\n animation: droptoup .075s linear;\n bottom: 0;\n overflow-x: hidden;\n & + ._refDropdownOverlay {\n display: block;\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 100;\n background-color: rgba(0, 0, 0, .
|
|
1144
|
+
${({$isOpen:e})=>{let t="";return e&&(t+="\n transition: bottom .2s;\n bottom: 0;\n @media (max-width: 767.9px) {\n @keyframes droptoup {\n 50% { \n bottom: -100px; \n }\n 50% { \n bottom: -50px; \n }\n 100% { \n bottom: 0px; \n }\n }\n &._refMasterTableBulkWrapper {\n display: grid;\n left: 0;\n animation: droptoup .075s linear;\n bottom: 0;\n overflow-x: hidden;\n & + ._refDropdownOverlay {\n display: block;\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 100;\n background-color: rgba(0, 0, 0, .5);\n }\n }\n }\n "),t}}
|
|
1145
1145
|
`,By=x.span`
|
|
1146
1146
|
${wy}
|
|
1147
1147
|
align-items: center;
|