forstok-ui-lib 5.2.39 → 5.2.43

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 (9) hide show
  1. package/dist/index.js +24 -24
  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/calendar.svg +4 -0
  7. package/src/components/button/styles.ts +14 -0
  8. package/src/components/date/daterange.css +229 -0
  9. package/src/components/date/daterange.tsx +1 -1
package/dist/index.mjs CHANGED
@@ -223,7 +223,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
223
223
  padding-right: 30px !important;
224
224
 
225
225
  }
226
- ${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:o,disabled:a,$iconLeft:s,$shadow:c})=>{let l="";return n?(c&&(l+="\n box-shadow: var(--act-shd-bx);\n "),o&&("xsmall"===o?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===o?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===o&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n background-color: var(--act-clr-bg__hvr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?l+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n border: 1px solid var(--sec-clr-ln);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?l+=`\n &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"nude"===e?l+="\n &, &:hover { \n background-color: var(--ter-clr-bg); \n } \n ":"clearL"===e?l+="\n width: auto;\n height: auto;\n color: var(--pri-clr-lnk__hvr);\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, &:hover { \n background-color: transparent; \n }\n &:hover {\n opacity: .9;\n }\n ":"clearB"===e?l+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n &:disabled {\n span {color: var(--mt-clr);}\n }\n `:"clear"===e?(l+="\n box-shadow: none !important;\n &, &:hover { \n background-color: transparent; \n }\n ",i&&(l+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?l+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${ge}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\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%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20rgb%2872%2C72%2C72%29%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 12px;\n ${ge}\n } \n `:"small-white-round-close"===e?l+=`\n background-color: transparent;\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%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${ge}\n } \n `:"page-option"===e&&(l+=`\n border: 1px solid var(--ck-clr-ln);\n background-color: transparent;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--ter-rd);\n padding: 6px 12px;\n height: 28px;\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `),a&&(l+="\n &, &:hover {\n background-color: var(--mt-clr-bg__fc) !important;\n cursor: default;\n color: var(--mt-clr);\n }\n "),s&&(l+=" padding-left: 35px; "),t&&(l+=" \n padding-right: 25px; \n "),r&&(l+=" \n padding-right: 30px !important; \n "),l):"display:none;"}}
226
+ ${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:o,disabled:a,$iconLeft:s,$shadow:c})=>{let l="";return n?(c&&(l+="\n box-shadow: var(--act-shd-bx);\n "),o&&("xsmall"===o?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===o?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===o&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n background-color: var(--act-clr-bg__hvr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?l+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n border: 1px solid var(--sec-clr-ln);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?l+=`\n &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"nude"===e?l+="\n &, &:hover { \n background-color: var(--ter-clr-bg); \n } \n ":"clearL"===e?l+="\n width: auto;\n height: auto;\n color: var(--pri-clr-lnk__hvr);\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, &:hover { \n background-color: transparent; \n }\n &:hover {\n opacity: .9;\n }\n ":"clearB"===e?l+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n &:disabled {\n span {color: var(--mt-clr);}\n }\n `:"clear"===e?(l+="\n box-shadow: none !important;\n &, &:hover { \n background-color: transparent; \n }\n ",i&&(l+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?l+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${ge}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\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%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20rgb%2872%2C72%2C72%29%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 12px;\n ${ge}\n } \n `:"small-white-round-close"===e?l+=`\n background-color: transparent;\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%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${ge}\n } \n `:"page-option"===e&&(l+=`\n border: 1px solid var(--ck-clr-ln);\n background-color: transparent;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--ter-rd);\n padding: 6px 12px;\n height: 28px;\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `),a&&(l+="\n &, &:hover {\n background-color: var(--mt-clr-bg__fc) !important;\n cursor: default;\n color: var(--mt-clr);\n }\n "),s&&(l+=" padding-left: 35px; ","calendar"===s&&(l+="\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%22M3%2010H21M7%203V5M17%203V5M6.2%2021H17.8C18.9201%2021%2019.4802%2021%2019.908%2020.782C20.2843%2020.5903%2020.5903%2020.2843%2020.782%2019.908C21%2019.4802%2021%2018.9201%2021%2017.8V8.2C21%207.07989%2021%206.51984%2020.782%206.09202C20.5903%205.71569%2020.2843%205.40973%2019.908%205.21799C19.4802%205%2018.9201%205%2017.8%205H6.2C5.0799%205%204.51984%205%204.09202%205.21799C3.71569%205.40973%203.40973%205.71569%203.21799%206.09202C3%206.51984%203%207.07989%203%208.2V17.8C3%2018.9201%203%2019.4802%203.21799%2019.908C3.40973%2020.2843%203.71569%2020.5903%204.09202%2020.782C4.51984%2021%205.07989%2021%206.2%2021Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ")),t&&(l+=" \n padding-right: 25px; \n "),r&&(l+=" \n padding-right: 30px !important; \n "),l):"display:none;"}}
227
227
 
228
228
  `,ye=g.svg`
229
229
  display: inline-block;