forstok-ui-lib 5.13.11 → 5.13.13
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.mjs
CHANGED
|
@@ -1204,7 +1204,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1204
1204
|
${an} {
|
|
1205
1205
|
width: calc(100% - 19px);
|
|
1206
1206
|
min-width: 975px;
|
|
1207
|
-
border-
|
|
1207
|
+
border-bottom: 1px solid var(--ter-clr-ln);
|
|
1208
1208
|
margin: 9px 9px 9px 10px;
|
|
1209
1209
|
padding: 16px 12px 16px 19px;
|
|
1210
1210
|
display: inline-grid;
|
|
@@ -1224,25 +1224,24 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1224
1224
|
}
|
|
1225
1225
|
&[role=rowheader] {
|
|
1226
1226
|
padding: 18px 12px 18px 19px;
|
|
1227
|
-
border-bottom:
|
|
1227
|
+
border-bottom: 1px solid #e8e8ec;
|
|
1228
1228
|
color: var(--mt-clr);
|
|
1229
1229
|
position: relative;
|
|
1230
1230
|
cursor: pointer;
|
|
1231
1231
|
line-height: 1;
|
|
1232
|
+
font-weight: 600;
|
|
1233
|
+
font-size: .875rem;
|
|
1232
1234
|
}
|
|
1233
1235
|
&[role=row] {
|
|
1234
1236
|
margin-top: 0;
|
|
1235
1237
|
margin-bottom: 0;
|
|
1236
1238
|
}
|
|
1237
|
-
&:last-child {
|
|
1238
|
-
margin-bottom: 9px;
|
|
1239
|
-
}
|
|
1240
1239
|
&[role=row] > div[role=cellgroup] > div[role=rowgroup],
|
|
1241
1240
|
._refCollapse > div,
|
|
1242
1241
|
._refCollapseContainer > div {
|
|
1243
1242
|
padding-bottom: 1em;
|
|
1244
1243
|
&:nth-child(n+2) {
|
|
1245
|
-
border-top: 1px solid
|
|
1244
|
+
border-top: 1px solid rgba(227, 227, 227, .7);
|
|
1246
1245
|
padding-top: 16px;
|
|
1247
1246
|
}
|
|
1248
1247
|
&:last-child {
|
|
@@ -1894,7 +1893,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
1894
1893
|
top: 50%;
|
|
1895
1894
|
margin-top: -8px;
|
|
1896
1895
|
}
|
|
1897
|
-
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:a,disabled:o,$iconLeft:s})=>{let l="";return n?(a&&("xsmall"===a?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===a?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===a&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n box-shadow: none;\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--act-clr-bg__hvr);\n }\n & ${Jn} {\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 background-color: #06402B);\n }\n & ${Jn} {\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 &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${Jn} {\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 {color: var(--mt-clr);}\n }\n & ${Jn} {\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 &, &: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('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/dotted.svg');\n height: 14px;\n width: 14px;\n ${qn}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\n &:before { \n content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close.svg');\n width: 12px;\n ${qn}\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 ${qn}\n } \n `:"page-option"===e&&(l+=`\n font-weight: 600;\n cursor: pointer;\n padding: 6px 12px;\n height: 28px;\n & ${Jn} {\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 ${qn}\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 ${qn}\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;"}}
|
|
1896
|
+
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:a,disabled:o,$iconLeft:s})=>{let l="";return n?(a&&("xsmall"===a?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===a?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===a&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n box-shadow: none;\n &:hover {\n color: var(--act-clr_hvr);\n background-color: var(--act-clr-bg__hvr);\n }\n & ${Jn} {\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 background-color: #06402B);\n }\n & ${Jn} {\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 &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${Jn} {\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 {color: var(--mt-clr);}\n }\n & ${Jn} {\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 &, &: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('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/dotted.svg');\n height: 14px;\n width: 14px;\n ${qn}\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 ${qn}\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 ${qn}\n } \n `:"page-option"===e&&(l+=`\n font-weight: 600;\n cursor: pointer;\n padding: 6px 12px;\n height: 28px;\n & ${Jn} {\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 ${qn}\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 ${qn}\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;"}}
|
|
1898
1897
|
|
|
1899
1898
|
`,Jn=y.svg`
|
|
1900
1899
|
display: inline-block;
|