forstok-ui-lib 5.13.15 → 5.13.17
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/README.md +7 -0
- package/dist/index.js +1 -1
- 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/components/button/styles.ts +8 -5
package/README.md
CHANGED
|
@@ -45,3 +45,10 @@ This project is licensed under the [LICENSE NAME] - see the [LICENSE.md](LICENSE
|
|
|
45
45
|
|
|
46
46
|
- Credit any inspirations, code snippets, etc.
|
|
47
47
|
- Hat tip to anyone whose code was used
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
## Save
|
|
51
|
+
|
|
52
|
+
- npm version (patch, major, or minor)
|
|
53
|
+
- npm run build
|
|
54
|
+
- npm publish
|
package/dist/index.js
CHANGED
|
@@ -1893,7 +1893,7 @@
|
|
|
1893
1893
|
top: 50%;
|
|
1894
1894
|
margin-top: -8px;
|
|
1895
1895
|
}
|
|
1896
|
-
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:a,$size:i,disabled:o,$iconLeft:s})=>{let l="";return n?(i&&("xsmall"===i?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===i?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===i&&(l+="\n height: 32px;\n ")),"red"===e?l
|
|
1896
|
+
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:a,$size:i,disabled:o,$iconLeft:s})=>{let l="";return n?(i&&("xsmall"===i?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===i?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===i&&(l+="\n height: 32px;\n ")),"red"===e?l+="\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--act-clr-bg__hvr);\n }\n & svg {\n fill: #ffffff;\n stroke: #ffffff;\n }\n ":"green"===e?l+=`\n color: var(--act-clr);\n background-color: rgb(33, 186, 69);\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--sw-clr-bg__fc);\n }\n & ${hn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?l+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?l+=`\n &, \n &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${hn} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"clearL"===e?l+="\n width: auto;\n height: auto;\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, \n &:hover, \n &:active { \n background-color: transparent; \n color: var(--pri-clr-lnk__hvr);\n box-shadow: none;\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 &:disabled {\n span {\n color: var(--mt-clr);\n }\n }\n & ${hn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n `:"clear"===e?(l+="\n box-shadow: none !important;\n &, \n &:hover { \n background-color: transparent; \n }\n ",a&&(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('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/dotted.svg');\n height: 14px;\n width: 14px;\n ${pn}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\n box-shadow: none;\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close.svg');\n width: 12px;\n ${pn}\n } \n `:"small-white-round-close"===e?l+=`\n &, \n &:hover, \n &:active {\n background-color: transparent;\n box-shadow: none;\n }\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close-white.svg');\n width: 8px;\n ${pn}\n } \n `:"page-option"===e&&(l+=`\n font-weight: 600;\n cursor: pointer;\n padding: 6px 12px;\n height: 28px;\n & ${hn} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `),o&&(l+="\n &, \n &:hover {\n background-color: rgba(0, 0, 0, .17) !important;\n box-shadow: none !important;\n cursor: default;\n color: var(--sec-clr);\n }\n "),s&&(l+=" padding-left: 35px; ","export"===s?l+=`\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-download.svg'); \n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n ${pn}\n }\n `:"import"===s?l+=`\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/arrow-white-upload.svg'); \n position: absolute;\n left: 50%;\n top: 8px;\n width: 1rem;\n margin-left: -8px;\n ${pn}\n }\n `:"filter"===s?l+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/filter.svg'); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ":"calendar"===s?l+="\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/calendar.svg'); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ":"add"===s&&(l+="\n &:before { \n content: '+'; \n color: #118EC5;\n position: absolute;\n left: 12px;\n top: 7px;\n width: 14px;\n height: 16px;\n font-size: 16px;\n }\n ")),t&&(l+=" \n padding-right: 25px; \n "),r&&(l+=" \n padding-right: 30px !important; \n "),l):"display:none;"}}
|
|
1897
1897
|
|
|
1898
1898
|
`,hn=s.default.svg`
|
|
1899
1899
|
display: inline-block;
|