@mailstep/design-system 0.4.21 → 0.5.0-beta.10

package/ui/index.umd.js

@@ -1905,7 +1905,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   align-items: center;
 
   & > *:not(:last-child) {
-    margin-right: 4px;
+    margin-right: 1px;
+    @media (min-width: 1024px) {
+      margin-right: 4px;
+    }
   }
 `,tf=D.button`
   background-color: transparent;
@@ -1918,14 +1921,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   width: 16px;
   display: flex;
   align-items: center;
-  color: gray1;
+  color: blue2;
 
   &:hover {
     color: blue2;
   }
 `,rf=D(JR)`
   margin: 0 8px;
-  font-size: 11px;
+  font-size: 12px;
   & > svg {
     width: 10px;
   }
@@ -1942,14 +1945,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   margin: 0 4px;
   color: ${({isCurrent:e})=>e?L.color("red1"):L.color("gray1")};
   font-size: 14px;
-  font-weight: ${({isCurrent:e})=>e?L.fontWeight("semiBold"):L.fontWeight("medium")};
+  font-weight: ${({isCurrent:e})=>e?L.fontWeight("semiBold"):L.fontWeight("normal")};
   font-family: ${L("fonts.primary")};
   line-height: 1em;
 
   &:hover {
     color: blue2;
   }
-`,GR=({onPageChange:e,itemPerPage:t,itemCount:r,page:n})=>{const i=M.useCallback(l=>()=>{e&&e(l)},[e]),a=n??1,o=Math.max(Math.ceil((r??0)/(t??3)),1),s=M.useMemo(()=>{const l=Array.from({length:o},(d,c)=>c+1);return o<6?l.slice(1,o-1):a<5?l.slice(1,5):a>o-4?l.slice(o-5,o-1):l.slice(a-3,a+2)},[o,a]);return f.jsxs(WR,{children:[f.jsx(tf,{disabled:a<=1,onClick:i(a-1),children:f.jsx(rf,{icon:"goLeft",isActive:a>1})}),f.jsx(Qo,{isCurrent:a===1,onClick:i(1),children:1}),a>=5&&o>6&&f.jsx(nf,{children:"..."}),s==null?void 0:s.map(l=>f.jsx(Qo,{isCurrent:a===l,onClick:i(l??1),children:l},l)),a<o-3&&o>6&&f.jsx(nf,{children:"..."}),o!==1&&f.jsx(Qo,{isCurrent:a===o,onClick:i(o),children:o}),f.jsx(tf,{disabled:a>=o,onClick:i(a+1),children:f.jsx(rf,{icon:"goRight",isActive:a<o})})]})},ZR=()=>f.jsx("p",{children:"paragraph"}),QR=D.div`
+`,GR=({onPageChange:e,itemPerPage:t,itemCount:r,page:n})=>{const i=M.useCallback(l=>()=>{e&&e(l,t)},[t,e]),a=n??1,o=Math.max(Math.ceil((r??0)/(t??3)),1),s=M.useMemo(()=>{const l=Array.from({length:o},(d,c)=>c+1);return o<6?l.slice(1,o-1):a<5?l.slice(1,5):a>o-4?l.slice(o-5,o-1):window.innerWidth<768?l.slice(a-2,a+1):l.slice(a-3,a+2)},[o,a]);return f.jsxs(WR,{children:[f.jsx(tf,{disabled:a<=1,onClick:i(a-1),children:f.jsx(rf,{icon:"goLeft",isActive:a>1})}),f.jsx(Qo,{isCurrent:a===1,onClick:i(1),children:1}),a>=5&&o>6&&f.jsx(nf,{children:"..."}),s==null?void 0:s.map(l=>f.jsx(Qo,{isCurrent:a===l,onClick:i(l??1),children:l},l)),a<o-3&&o>6&&f.jsx(nf,{children:"..."}),o!==1&&f.jsx(Qo,{isCurrent:a===o,onClick:i(o),children:o}),f.jsx(tf,{disabled:a>=o,onClick:i(a+1),children:f.jsx(rf,{icon:"goRight",isActive:a<o})})]})},ZR=()=>f.jsx("p",{children:"paragraph"}),QR=D.div`
   position: relative;
   display: flex;
   width: 100%;