forstok-ui-lib 5.0.1 → 5.0.2
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 +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/button/index.tsx +1 -0
- package/src/components/popup/styles.ts +2 -2
package/dist/index.mjs
CHANGED
|
@@ -224,7 +224,7 @@ import e,{useState as t,useEffect as n,useRef as r,useLayoutEffect as i,isValidE
|
|
|
224
224
|
height: 14px;
|
|
225
225
|
margin-top: -7px;
|
|
226
226
|
${({color:e})=>{let t="";return e&&"initial"!==e&&(t+=`\n fill: ${e};\n stroke: ${e};\n `),t}}
|
|
227
|
-
`,K=e=>{var{children:t,$mode:n,$isIndicatorArrow:r=!1,isIndicatorArrowColor:i="initial",$isShown:a=!0,$shadow:o=!1,$isLoading:s=!1,refContainer:l,$activated:c=!1,$size:h,$iconLeft:u}=e,p=d(e,["children","$mode","$isIndicatorArrow","isIndicatorArrowColor","$isShown","$shadow","$isLoading","refContainer","$activated","$size","$iconLeft"]);const{disabled:f}=p,m=r?F.jsx(J,{color:i,height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:F.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})}):null;return F.jsxs(R,Object.assign({$mode:n,$isIndicatorArrow:!!r,$isShown:!!a,$shadow:!!o,disabled:f||s||!1,$isLoading:!!s,ref:l,$activated:!!c,$size:h,$iconLeft:u},p,{children:[t,m]}))},Z=l`
|
|
227
|
+
`,K=e=>{var{children:t,$mode:n,$isIndicatorArrow:r=!1,isIndicatorArrowColor:i="initial",$isShown:a=!0,$shadow:o=!1,$isLoading:s=!1,refContainer:l,$activated:c=!1,$size:h,$iconLeft:u}=e,p=d(e,["children","$mode","$isIndicatorArrow","isIndicatorArrowColor","$isShown","$shadow","$isLoading","refContainer","$activated","$size","$iconLeft"]);const{disabled:f}=p,m=r?F.jsx(J,{color:i,height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:F.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})}):null;return F.jsxs(R,Object.assign({},n&&{name:n},{$mode:n,$isIndicatorArrow:!!r,$isShown:!!a,$shadow:!!o,disabled:f||s||!1,$isLoading:!!s,ref:l,$activated:!!c,$size:h,$iconLeft:u},p,{children:[t,m]}))},Z=l`
|
|
228
228
|
display: block;
|
|
229
229
|
margin: 8px 0;
|
|
230
230
|
`,$=l`
|
|
@@ -562,7 +562,7 @@ import e,{useState as t,useEffect as n,useRef as r,useLayoutEffect as i,isValidE
|
|
|
562
562
|
border-radius: 0 0px 10px 10px;
|
|
563
563
|
${({$isOpen:e,$withHeader:t,$width:n})=>{let r="";return e&&(r+="\n top: 0;\n transition: top .5s;\n "),t&&(r+="\n padding-top: 52px;\n "),"1200px"===n?r+=`\n width: 100%;\n @media only screen and (min-width: 1024px) {\n max-width: 1200px;\n width: 100%;\n }\n @media only screen and (min-width: 1366px) {\n width: ${n};\n }\n `:n&&(r+=`\n width: 100%;\n @media only screen and (min-width: 1024px) {\n width: ${n};\n }\n `),r}}
|
|
564
564
|
`,Yi=s.div`
|
|
565
|
-
${({$width:e,$mode:t,$isOpen:n})=>{let r="";return"question"===t?r+=`\n ${Wi} {\n font-size: 15px;\n line-height: 18px;\n padding: 0;\n margin-bottom: 8px;\n letter-spacing: normal;\n }\n ${Ui} {\n padding: 12px 0 8px;\n grid-template-columns: none;\n aside {\n &:last-child {\n justify-content: start;\n }\n a { height: 28px; }\n }\n }\n > aside {\n font-size: 14px;\n color: var(--hd-clr);\n line-height: 1.4;\n }\n `:(r+=Pi+"\n position: fixed;\n z-index: 10;\n border-bottom: 1px solid var(--sec-clr-ln);\n button[
|
|
565
|
+
${({$width:e,$mode:t,$isOpen:n})=>{let r="";return"question"===t?r+=`\n ${Wi} {\n font-size: 15px;\n line-height: 18px;\n padding: 0;\n margin-bottom: 8px;\n letter-spacing: normal;\n }\n ${Ui} {\n padding: 12px 0 8px;\n grid-template-columns: none;\n aside {\n &:last-child {\n justify-content: start;\n }\n a { height: 28px; }\n }\n }\n > aside {\n font-size: 14px;\n color: var(--hd-clr);\n line-height: 1.4;\n }\n `:(r+=Pi+"\n position: fixed;\n z-index: 10;\n border-bottom: 1px solid var(--sec-clr-ln);\n button[name=round-close] {\n position: absolute; \n top: 12px;\n right: 0px;\n }\n @media only screen and (min-width: 768px) {\n button[name=round-close] {\n top: 16px;\n right: 20px;\n }\n }\n ",n&&(r+="\n top: 0;\n transition: top .5s;\n ")),"1200px"===e?r+=`\n width: 100%;\n @media only screen and (min-width: 1024px) {\n max-width: 1200px;\n width: 100%;\n }\n @media only screen and (min-width: 1366px) {\n width: ${e};\n }\n `:e&&(r+=`\n width: 100%;\n @media only screen and (min-width: 1024px) {\n width: ${e};\n }\n `),r}}
|
|
566
566
|
`,Wi=s.h3`
|
|
567
567
|
font-size: 16px;
|
|
568
568
|
padding: 11px 10px;
|