forstok-ui-lib 5.4.5 → 5.4.6

package/dist/index.mjs

@@ -2153,7 +2153,7 @@ r.version="2.30.1",i(Jn),r.fn=lo,r.min=$n,r.max=er,r.now=tr,r.utc=g,r.unix=co,r.
 `,Ov=x.div`
   ${Tv}
   ${({$mode:e,$selected:t,$type:n})=>{let r="";return"check"===e||"uncheck"===e?(r+="order"===n||"return"===n?"\n        grid-template-columns: 24px 38px 50% 30%;\n        @media (min-width: 375px) {\n          grid-template-columns: 24px 38px 50% 32%;\n        }\n        @media (min-width: 425px) {\n          grid-template-columns: 24px 38px 50% 34%;\n        }\n        @media (min-width: 768px) {\n          grid-template-columns: 24px 38px 2.5fr 1.5fr;\n        }\n      ":"confirm"===n?"\n        grid-template-columns: 24px 38px 3.5fr 25px 1fr;\n        \n        div:nth-child(3) {\n          grid-row-start: 1;\n        }\n        div:nth-child(4) {\n          grid-row-start: 1;\n          grid-row-end: 3;\n          justify-self: center;\n          padding-top: 8px;\n          padding-left: 4px;\n        }\n      ":"item"===n||"price"===n?"\n        grid-auto-flow: column;\n        grid-template-columns: 24px 38px auto 100px 158px 100px;\n        ._refCheckboxWrapper, figure {\n          grid-row: unset !important;\n        }\n        *:nth-child(3) {\n          padding-right: 1em;\n        }\n      ":"\n        grid-template-columns: 24px 38px 3fr 1fr;\n      ",r+="\n      align-items: center;\n      :hover {\n        background-color: var(--hg-clr-bg);\n      }\n      ._refCheckboxWrapper {\n        grid-row-start: 1;\n        grid-row-end: 4;\n      }\n      figure {\n        grid-row-start: 1;\n        grid-row-end: 4;\n      }\n      &.is-selected {\n        &, &:hover {\n          background-color: var(--hg-clr-bg__fc); \n        }\n      }\n    "):"clear"===e?r+="\n      display: block;\n      padding: 4px 16px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n      font-size: 13px;\n      line-height: 21px\n      text-transform: uppercase;\n      @media (min-width: 425px) {\n        font-size: 13px;\n      }\n    ":"remove"===e&&(r+="\n      grid-template-columns: 40px 3fr 1fr 20px;\n      align-items:start;\n      padding: 14px 16px 13px;\n      @media (min-width: 768px) {\n        grid-template-columns: 40px 3fr 1fr 30px;\n        padding: 12px 16px;\n      }\n      figure {\n        grid-row-start: 1;\n        grid-row-end: 4;\n      }\n      i {\n        display: grid;\n        justify-content: end;\n      }\n      &, &:hover {\n        background-color: var(--hg-clr-bg__fc); \n      }\n    "),"uncheck"===e&&(r+="\n      figure {\n        grid-column-start: 2;\n      }\n      div:nth-child(2) {\n        grid-column-start: 3;\n      }\n      div:nth-child(3) {\n        grid-column-start: 4;\n      }\n      div:nth-child(4) {\n        grid-column-start: 3;\n      }\n      div:nth-child(5) {\n        grid-column-start: 4;\n      }\n    "),"check"===e&&t&&(r+=" \n      &, &:hover {\n        background-color: var(--hg-clr-bg__fc); \n      }\n    "),r+=" cursor: pointer; ",r}}
-`,Pv=({children:e,$mode:t,$selected:n,$type:r,onClick:i,forwardRef:o})=>S.jsx(Ov,{$mode:t,$selected:n,$type:r,onClick:i,ref:o,children:e}),Lv=y`
+`,Pv=e=>{var{children:t,$mode:n,$selected:r,$type:i,onClick:o,forwardRef:a}=e,s=w(e,["children","$mode","$selected","$type","onClick","forwardRef"]);return S.jsx(Ov,Object.assign({$mode:n,$selected:r,$type:i,onClick:o,ref:a},s,{children:t}))},Lv=y`
   display: grid;
   grid-row-gap: 12px;
   grid-column-gap: 16px;