forstok-ui-lib 5.2.39 → 5.2.41
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 +24 -24
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/images/icons/calendar.svg +26 -0
- package/src/components/button/styles.ts +14 -0
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%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20512.000000%20512.000000%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20transform%3D%22translate%280.000000%2C512.000000%29%20scale%280.100000%2C-0.100000%29%22fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M1178%205110%20c-41%20-12%20-86%20-48%20-106%20-83%20-12%20-24%20-18%20-65%20-22%20-157%20l-5-125%20-190%20-6%20c-218%20-6%20-276%20-18%20-400%20-82%20-57%20-30%20-101%20-63%20-155%20-117%20-84%20-85-129%20-154%20-168%20-262%20l-27%20-73%200%20-1835%200%20-1835%2027%20-73%20c39%20-108%2084%20-178%20168-262%2084%20-83%20168%20-134%20290%20-172%20l75%20-23%201895%200%201895%200%2075%2023%20c222%2070%20385%20225457%20436%20l28%2081%200%201830%200%201830%20-27%2073%20c-39%20108%20-84%20177%20-168%20262%20-54%2054%20-98%2087-155%20117%20-124%2064%20-182%2076%20-400%2082%20l-190%206%20-5%20125%20c-6%20142%20-18%20175%20-78%20214%20-9865%20-225%2028%20-273%20-79%20-14%20-31%20-19%20-65%20-19%20-152%20l0%20-113%20-1140%200%20-1140%200%200%20113c0%2087%20-5%20121%20-19%20152%20-39%2086%20-135%20132%20-223%20105z%20m-128%20-871%20c0%20-107%203%20-126%2022-161%2042%20-73%20128%20-107%20213%20-83%20101%2029%20135%2093%20135%20255%20l0%20110%201140%200%201140%200%200-110%20c0%20-77%205%20-122%2016%20-148%2059%20-142%20257%20-156%20332%20-24%2019%2035%2022%2054%2022%20161%20l0121%20173%200%20174%200%2061%20-31%20c66%20-33%20119%20-88%20149%20-155%2016%20-34%2018%20-78%2021%20-351%20l3-313%20-2091%200%20-2091%200%203%20313%20c3%20273%205%20317%2021%20351%2030%2067%2083%20122%20149%20155%20l61%2031174%200%20173%200%200%20-121z%20m3598%20-2371%20l-3%20-1263%20-22%20-45%20c-34%20-68%20-75%20-112%20-134-145%20l-54%20-30%20-1875%200%20-1875%200%20-54%2030%20c-59%2033%20-100%2077%20-134%20145%20l-22%2045%20-31263%20-2%201262%202090%200%202090%200%20-2%20-1262z%22%2F%3E%3C%2Fg%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;
|