@gobolt/genesis 0.2.13 → 0.2.15

package/dist/node_modules/antd/es/pagination/style/index.js

@@ -2,7 +2,7 @@ import "../../../../@ant-design/cssinjs/es/extractStyle.js";
 import "../../../../@ant-design/cssinjs/es/hooks/useCacheToken.js";
 import "react";
 import "../../../../@ant-design/cssinjs/es/StyleContext.js";
-import { unit as r } from "../../../../@ant-design/cssinjs/es/util/index.js";
+import { unit } from "../../../../@ant-design/cssinjs/es/util/index.js";
 import "../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.js";
 import "../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.js";
 import "../../../../@ant-design/cssinjs/es/hooks/useHMR.js";
@@ -10,88 +10,88 @@ import "../../../../rc-util/es/warning.js";
 import "../../../../@ant-design/cssinjs/es/theme/createTheme.js";
 import "../../../../@ant-design/cssinjs/es/theme/ThemeCache.js";
 import "../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.js";
-import { genBasicInputStyle as n, genInputSmallStyle as o } from "../../input/style/index.js";
-import { genBaseOutlinedStyle as l, genDisabledStyle as a } from "../../input/style/variants.js";
-import { resetComponent as c, genFocusOutline as t, genFocusStyle as m } from "../../style/index.js";
+import { genBasicInputStyle, genInputSmallStyle } from "../../input/style/index.js";
+import { genBaseOutlinedStyle, genDisabledStyle } from "../../input/style/variants.js";
+import { resetComponent, genFocusOutline, genFocusStyle } from "../../style/index.js";
 import "../../../../rc-util/es/hooks/useLayoutEffect.js";
 import "../../../../rc-util/es/ref.js";
-import { merge as s } from "../../../../@ant-design/cssinjs-utils/es/util/statistic.js";
+import { merge } from "../../../../@ant-design/cssinjs-utils/es/util/statistic.js";
 import "../../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.js";
-import { genStyleHooks as g } from "../../theme/util/genStyleUtils.js";
-import { initInputToken as d, initComponentToken as p } from "../../input/style/token.js";
-const u = (i) => {
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { initInputToken, initComponentToken } from "../../input/style/token.js";
+const genPaginationDisabledStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [`${e}-disabled`]: {
+    [`${componentCls}-disabled`]: {
       "&, &:hover": {
         cursor: "not-allowed",
-        [`${e}-item-link`]: {
-          color: i.colorTextDisabled,
+        [`${componentCls}-item-link`]: {
+          color: token.colorTextDisabled,
           cursor: "not-allowed"
         }
       },
       "&:focus-visible": {
         cursor: "not-allowed",
-        [`${e}-item-link`]: {
-          color: i.colorTextDisabled,
+        [`${componentCls}-item-link`]: {
+          color: token.colorTextDisabled,
           cursor: "not-allowed"
         }
       }
     },
-    [`&${e}-disabled`]: {
+    [`&${componentCls}-disabled`]: {
       cursor: "not-allowed",
-      [`${e}-item`]: {
+      [`${componentCls}-item`]: {
         cursor: "not-allowed",
         "&:hover, &:active": {
           backgroundColor: "transparent"
         },
         a: {
-          color: i.colorTextDisabled,
+          color: token.colorTextDisabled,
           backgroundColor: "transparent",
           border: "none",
           cursor: "not-allowed"
         },
         "&-active": {
-          borderColor: i.colorBorder,
-          backgroundColor: i.itemActiveBgDisabled,
+          borderColor: token.colorBorder,
+          backgroundColor: token.itemActiveBgDisabled,
           "&:hover, &:active": {
-            backgroundColor: i.itemActiveBgDisabled
+            backgroundColor: token.itemActiveBgDisabled
           },
           a: {
-            color: i.itemActiveColorDisabled
+            color: token.itemActiveColorDisabled
           }
         }
       },
-      [`${e}-item-link`]: {
-        color: i.colorTextDisabled,
+      [`${componentCls}-item-link`]: {
+        color: token.colorTextDisabled,
         cursor: "not-allowed",
         "&:hover, &:active": {
           backgroundColor: "transparent"
         },
-        [`${e}-simple&`]: {
+        [`${componentCls}-simple&`]: {
           backgroundColor: "transparent",
           "&:hover, &:active": {
             backgroundColor: "transparent"
           }
         }
       },
-      [`${e}-simple-pager`]: {
-        color: i.colorTextDisabled
+      [`${componentCls}-simple-pager`]: {
+        color: token.colorTextDisabled
       },
-      [`${e}-jump-prev, ${e}-jump-next`]: {
-        [`${e}-item-link-icon`]: {
+      [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
+        [`${componentCls}-item-link-icon`]: {
           opacity: 0
         },
-        [`${e}-item-ellipsis`]: {
+        [`${componentCls}-item-ellipsis`]: {
           opacity: 1
         }
       }
     },
-    [`&${e}-simple`]: {
-      [`${e}-prev, ${e}-next`]: {
-        [`&${e}-disabled ${e}-item-link`]: {
+    [`&${componentCls}-simple`]: {
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        [`&${componentCls}-disabled ${componentCls}-item-link`]: {
           "&:hover, &:active": {
             backgroundColor: "transparent"
           }
@@ -99,154 +99,157 @@ const u = (i) => {
       }
     }
   };
-}, b = (i) => {
+};
+const genPaginationMiniStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [`&${e}-mini ${e}-total-text, &${e}-mini ${e}-simple-pager`]: {
-      height: i.itemSizeSM,
-      lineHeight: r(i.itemSizeSM)
+    [`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {
+      height: token.itemSizeSM,
+      lineHeight: unit(token.itemSizeSM)
     },
-    [`&${e}-mini ${e}-item`]: {
-      minWidth: i.itemSizeSM,
-      height: i.itemSizeSM,
+    [`&${componentCls}-mini ${componentCls}-item`]: {
+      minWidth: token.itemSizeSM,
+      height: token.itemSizeSM,
       margin: 0,
-      lineHeight: r(i.calc(i.itemSizeSM).sub(2).equal())
+      lineHeight: unit(token.calc(token.itemSizeSM).sub(2).equal())
     },
-    [`&${e}-mini:not(${e}-disabled) ${e}-item:not(${e}-item-active)`]: {
+    [`&${componentCls}-mini:not(${componentCls}-disabled) ${componentCls}-item:not(${componentCls}-item-active)`]: {
       backgroundColor: "transparent",
       borderColor: "transparent",
       "&:hover": {
-        backgroundColor: i.colorBgTextHover
+        backgroundColor: token.colorBgTextHover
       },
       "&:active": {
-        backgroundColor: i.colorBgTextActive
+        backgroundColor: token.colorBgTextActive
       }
     },
-    [`&${e}-mini ${e}-prev, &${e}-mini ${e}-next`]: {
-      minWidth: i.itemSizeSM,
-      height: i.itemSizeSM,
+    [`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
+      minWidth: token.itemSizeSM,
+      height: token.itemSizeSM,
       margin: 0,
-      lineHeight: r(i.itemSizeSM)
+      lineHeight: unit(token.itemSizeSM)
     },
-    [`&${e}-mini:not(${e}-disabled)`]: {
-      [`${e}-prev, ${e}-next`]: {
-        [`&:hover ${e}-item-link`]: {
-          backgroundColor: i.colorBgTextHover
+    [`&${componentCls}-mini:not(${componentCls}-disabled)`]: {
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        [`&:hover ${componentCls}-item-link`]: {
+          backgroundColor: token.colorBgTextHover
         },
-        [`&:active ${e}-item-link`]: {
-          backgroundColor: i.colorBgTextActive
+        [`&:active ${componentCls}-item-link`]: {
+          backgroundColor: token.colorBgTextActive
         },
-        [`&${e}-disabled:hover ${e}-item-link`]: {
+        [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: {
           backgroundColor: "transparent"
         }
       }
     },
     [`
-    &${e}-mini ${e}-prev ${e}-item-link,
-    &${e}-mini ${e}-next ${e}-item-link
+    &${componentCls}-mini ${componentCls}-prev ${componentCls}-item-link,
+    &${componentCls}-mini ${componentCls}-next ${componentCls}-item-link
     `]: {
       backgroundColor: "transparent",
       borderColor: "transparent",
       "&::after": {
-        height: i.itemSizeSM,
-        lineHeight: r(i.itemSizeSM)
+        height: token.itemSizeSM,
+        lineHeight: unit(token.itemSizeSM)
       }
     },
-    [`&${e}-mini ${e}-jump-prev, &${e}-mini ${e}-jump-next`]: {
-      height: i.itemSizeSM,
+    [`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {
+      height: token.itemSizeSM,
       marginInlineEnd: 0,
-      lineHeight: r(i.itemSizeSM)
+      lineHeight: unit(token.itemSizeSM)
     },
-    [`&${e}-mini ${e}-options`]: {
-      marginInlineStart: i.paginationMiniOptionsMarginInlineStart,
+    [`&${componentCls}-mini ${componentCls}-options`]: {
+      marginInlineStart: token.paginationMiniOptionsMarginInlineStart,
       "&-size-changer": {
-        top: i.miniOptionsSizeChangerTop
+        top: token.miniOptionsSizeChangerTop
       },
       "&-quick-jumper": {
-        height: i.itemSizeSM,
-        lineHeight: r(i.itemSizeSM),
-        input: Object.assign(Object.assign({}, o(i)), {
-          width: i.paginationMiniQuickJumperInputWidth,
-          height: i.controlHeightSM
+        height: token.itemSizeSM,
+        lineHeight: unit(token.itemSizeSM),
+        input: Object.assign(Object.assign({}, genInputSmallStyle(token)), {
+          width: token.paginationMiniQuickJumperInputWidth,
+          height: token.controlHeightSM
         })
       }
     }
   };
-}, S = (i) => {
+};
+const genPaginationSimpleStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
     [`
-    &${e}-simple ${e}-prev,
-    &${e}-simple ${e}-next
+    &${componentCls}-simple ${componentCls}-prev,
+    &${componentCls}-simple ${componentCls}-next
     `]: {
-      height: i.itemSizeSM,
-      lineHeight: r(i.itemSizeSM),
+      height: token.itemSizeSM,
+      lineHeight: unit(token.itemSizeSM),
       verticalAlign: "top",
-      [`${e}-item-link`]: {
-        height: i.itemSizeSM,
+      [`${componentCls}-item-link`]: {
+        height: token.itemSizeSM,
         backgroundColor: "transparent",
         border: 0,
         "&:hover": {
-          backgroundColor: i.colorBgTextHover
+          backgroundColor: token.colorBgTextHover
         },
         "&:active": {
-          backgroundColor: i.colorBgTextActive
+          backgroundColor: token.colorBgTextActive
         },
         "&::after": {
-          height: i.itemSizeSM,
-          lineHeight: r(i.itemSizeSM)
+          height: token.itemSizeSM,
+          lineHeight: unit(token.itemSizeSM)
         }
       }
     },
-    [`&${e}-simple ${e}-simple-pager`]: {
+    [`&${componentCls}-simple ${componentCls}-simple-pager`]: {
       display: "inline-block",
-      height: i.itemSizeSM,
-      marginInlineEnd: i.marginXS,
+      height: token.itemSizeSM,
+      marginInlineEnd: token.marginXS,
       input: {
         boxSizing: "border-box",
         height: "100%",
-        padding: `0 ${r(i.paginationItemPaddingInline)}`,
+        padding: `0 ${unit(token.paginationItemPaddingInline)}`,
         textAlign: "center",
-        backgroundColor: i.itemInputBg,
-        border: `${r(i.lineWidth)} ${i.lineType} ${i.colorBorder}`,
-        borderRadius: i.borderRadius,
+        backgroundColor: token.itemInputBg,
+        border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
+        borderRadius: token.borderRadius,
         outline: "none",
-        transition: `border-color ${i.motionDurationMid}`,
+        transition: `border-color ${token.motionDurationMid}`,
         color: "inherit",
         "&:hover": {
-          borderColor: i.colorPrimary
+          borderColor: token.colorPrimary
         },
         "&:focus": {
-          borderColor: i.colorPrimaryHover,
-          boxShadow: `${r(i.inputOutlineOffset)} 0 ${r(i.controlOutlineWidth)} ${i.controlOutline}`
+          borderColor: token.colorPrimaryHover,
+          boxShadow: `${unit(token.inputOutlineOffset)} 0 ${unit(token.controlOutlineWidth)} ${token.controlOutline}`
         },
         "&[disabled]": {
-          color: i.colorTextDisabled,
-          backgroundColor: i.colorBgContainerDisabled,
-          borderColor: i.colorBorder,
+          color: token.colorTextDisabled,
+          backgroundColor: token.colorBgContainerDisabled,
+          borderColor: token.colorBorder,
           cursor: "not-allowed"
         }
       }
     }
   };
-}, $ = (i) => {
+};
+const genPaginationJumpStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [`${e}-jump-prev, ${e}-jump-next`]: {
+    [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
       outline: 0,
-      [`${e}-item-container`]: {
+      [`${componentCls}-item-container`]: {
         position: "relative",
-        [`${e}-item-link-icon`]: {
-          color: i.colorPrimary,
-          fontSize: i.fontSizeSM,
+        [`${componentCls}-item-link-icon`]: {
+          color: token.colorPrimary,
+          fontSize: token.fontSizeSM,
           opacity: 0,
-          transition: `all ${i.motionDurationMid}`,
+          transition: `all ${token.motionDurationMid}`,
           "&-svg": {
             top: 0,
             insetInlineEnd: 0,
@@ -255,7 +258,7 @@ const u = (i) => {
             margin: "auto"
           }
         },
-        [`${e}-item-ellipsis`]: {
+        [`${componentCls}-item-ellipsis`]: {
           position: "absolute",
           top: 0,
           insetInlineEnd: 0,
@@ -263,88 +266,88 @@ const u = (i) => {
           insetInlineStart: 0,
           display: "block",
           margin: "auto",
-          color: i.colorTextDisabled,
-          letterSpacing: i.paginationEllipsisLetterSpacing,
+          color: token.colorTextDisabled,
+          letterSpacing: token.paginationEllipsisLetterSpacing,
           textAlign: "center",
-          textIndent: i.paginationEllipsisTextIndent,
+          textIndent: token.paginationEllipsisTextIndent,
           opacity: 1,
-          transition: `all ${i.motionDurationMid}`
+          transition: `all ${token.motionDurationMid}`
         }
       },
       "&:hover": {
-        [`${e}-item-link-icon`]: {
+        [`${componentCls}-item-link-icon`]: {
           opacity: 1
         },
-        [`${e}-item-ellipsis`]: {
+        [`${componentCls}-item-ellipsis`]: {
           opacity: 0
         }
       }
     },
     [`
-    ${e}-prev,
-    ${e}-jump-prev,
-    ${e}-jump-next
+    ${componentCls}-prev,
+    ${componentCls}-jump-prev,
+    ${componentCls}-jump-next
     `]: {
-      marginInlineEnd: i.marginXS
+      marginInlineEnd: token.marginXS
     },
     [`
-    ${e}-prev,
-    ${e}-next,
-    ${e}-jump-prev,
-    ${e}-jump-next
+    ${componentCls}-prev,
+    ${componentCls}-next,
+    ${componentCls}-jump-prev,
+    ${componentCls}-jump-next
     `]: {
       display: "inline-block",
-      minWidth: i.itemSize,
-      height: i.itemSize,
-      color: i.colorText,
-      fontFamily: i.fontFamily,
-      lineHeight: r(i.itemSize),
+      minWidth: token.itemSize,
+      height: token.itemSize,
+      color: token.colorText,
+      fontFamily: token.fontFamily,
+      lineHeight: unit(token.itemSize),
       textAlign: "center",
       verticalAlign: "middle",
       listStyle: "none",
-      borderRadius: i.borderRadius,
+      borderRadius: token.borderRadius,
       cursor: "pointer",
-      transition: `all ${i.motionDurationMid}`
+      transition: `all ${token.motionDurationMid}`
     },
-    [`${e}-prev, ${e}-next`]: {
+    [`${componentCls}-prev, ${componentCls}-next`]: {
       outline: 0,
       button: {
-        color: i.colorText,
+        color: token.colorText,
         cursor: "pointer",
         userSelect: "none"
       },
-      [`${e}-item-link`]: {
+      [`${componentCls}-item-link`]: {
         display: "block",
         width: "100%",
         height: "100%",
         padding: 0,
-        fontSize: i.fontSizeSM,
+        fontSize: token.fontSizeSM,
         textAlign: "center",
         backgroundColor: "transparent",
-        border: `${r(i.lineWidth)} ${i.lineType} transparent`,
-        borderRadius: i.borderRadius,
+        border: `${unit(token.lineWidth)} ${token.lineType} transparent`,
+        borderRadius: token.borderRadius,
         outline: "none",
-        transition: `all ${i.motionDurationMid}`
+        transition: `all ${token.motionDurationMid}`
       },
-      [`&:hover ${e}-item-link`]: {
-        backgroundColor: i.colorBgTextHover
+      [`&:hover ${componentCls}-item-link`]: {
+        backgroundColor: token.colorBgTextHover
       },
-      [`&:active ${e}-item-link`]: {
-        backgroundColor: i.colorBgTextActive
+      [`&:active ${componentCls}-item-link`]: {
+        backgroundColor: token.colorBgTextActive
       },
-      [`&${e}-disabled:hover`]: {
-        [`${e}-item-link`]: {
+      [`&${componentCls}-disabled:hover`]: {
+        [`${componentCls}-item-link`]: {
           backgroundColor: "transparent"
         }
       }
     },
-    [`${e}-slash`]: {
-      marginInlineEnd: i.paginationSlashMarginInlineEnd,
-      marginInlineStart: i.paginationSlashMarginInlineStart
+    [`${componentCls}-slash`]: {
+      marginInlineEnd: token.paginationSlashMarginInlineEnd,
+      marginInlineStart: token.paginationSlashMarginInlineStart
     },
-    [`${e}-options`]: {
+    [`${componentCls}-options`]: {
       display: "inline-block",
-      marginInlineStart: i.margin,
+      marginInlineStart: token.margin,
       verticalAlign: "middle",
       "&-size-changer": {
         display: "inline-block",
@@ -352,87 +355,89 @@ const u = (i) => {
       },
       "&-quick-jumper": {
         display: "inline-block",
-        height: i.controlHeight,
-        marginInlineStart: i.marginXS,
-        lineHeight: r(i.controlHeight),
+        height: token.controlHeight,
+        marginInlineStart: token.marginXS,
+        lineHeight: unit(token.controlHeight),
         verticalAlign: "top",
-        input: Object.assign(Object.assign(Object.assign({}, n(i)), l(i, {
-          borderColor: i.colorBorder,
-          hoverBorderColor: i.colorPrimaryHover,
-          activeBorderColor: i.colorPrimary,
-          activeShadow: i.activeShadow
+        input: Object.assign(Object.assign(Object.assign({}, genBasicInputStyle(token)), genBaseOutlinedStyle(token, {
+          borderColor: token.colorBorder,
+          hoverBorderColor: token.colorPrimaryHover,
+          activeBorderColor: token.colorPrimary,
+          activeShadow: token.activeShadow
         })), {
-          "&[disabled]": Object.assign({}, a(i)),
-          width: i.calc(i.controlHeightLG).mul(1.25).equal(),
-          height: i.controlHeight,
+          "&[disabled]": Object.assign({}, genDisabledStyle(token)),
+          width: token.calc(token.controlHeightLG).mul(1.25).equal(),
+          height: token.controlHeight,
           boxSizing: "border-box",
           margin: 0,
-          marginInlineStart: i.marginXS,
-          marginInlineEnd: i.marginXS
+          marginInlineStart: token.marginXS,
+          marginInlineEnd: token.marginXS
         })
       }
     }
   };
-}, h = (i) => {
+};
+const genPaginationItemStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [`${e}-item`]: {
+    [`${componentCls}-item`]: {
       display: "inline-block",
-      minWidth: i.itemSize,
-      height: i.itemSize,
-      marginInlineEnd: i.marginXS,
-      fontFamily: i.fontFamily,
-      lineHeight: r(i.calc(i.itemSize).sub(2).equal()),
+      minWidth: token.itemSize,
+      height: token.itemSize,
+      marginInlineEnd: token.marginXS,
+      fontFamily: token.fontFamily,
+      lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),
       textAlign: "center",
       verticalAlign: "middle",
       listStyle: "none",
-      backgroundColor: i.itemBg,
-      border: `${r(i.lineWidth)} ${i.lineType} transparent`,
-      borderRadius: i.borderRadius,
+      backgroundColor: token.itemBg,
+      border: `${unit(token.lineWidth)} ${token.lineType} transparent`,
+      borderRadius: token.borderRadius,
       outline: 0,
       cursor: "pointer",
       userSelect: "none",
       a: {
         display: "block",
-        padding: `0 ${r(i.paginationItemPaddingInline)}`,
-        color: i.colorText,
+        padding: `0 ${unit(token.paginationItemPaddingInline)}`,
+        color: token.colorText,
         "&:hover": {
           textDecoration: "none"
         }
       },
-      [`&:not(${e}-item-active)`]: {
+      [`&:not(${componentCls}-item-active)`]: {
         "&:hover": {
-          transition: `all ${i.motionDurationMid}`,
-          backgroundColor: i.colorBgTextHover
+          transition: `all ${token.motionDurationMid}`,
+          backgroundColor: token.colorBgTextHover
         },
         "&:active": {
-          backgroundColor: i.colorBgTextActive
+          backgroundColor: token.colorBgTextActive
         }
       },
       "&-active": {
-        fontWeight: i.fontWeightStrong,
-        backgroundColor: i.itemActiveBg,
-        borderColor: i.colorPrimary,
+        fontWeight: token.fontWeightStrong,
+        backgroundColor: token.itemActiveBg,
+        borderColor: token.colorPrimary,
         a: {
-          color: i.colorPrimary
+          color: token.colorPrimary
         },
         "&:hover": {
-          borderColor: i.colorPrimaryHover
+          borderColor: token.colorPrimaryHover
         },
         "&:hover a": {
-          color: i.colorPrimaryHover
+          color: token.colorPrimaryHover
         }
       }
     }
   };
-}, v = (i) => {
+};
+const genPaginationStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [e]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, c(i)), {
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {
       display: "flex",
       "&-start": {
         justifyContent: "start"
@@ -456,81 +461,85 @@ const u = (i) => {
         visibility: "hidden",
         content: '""'
       },
-      [`${e}-total-text`]: {
+      [`${componentCls}-total-text`]: {
         display: "inline-block",
-        height: i.itemSize,
-        marginInlineEnd: i.marginXS,
-        lineHeight: r(i.calc(i.itemSize).sub(2).equal()),
+        height: token.itemSize,
+        marginInlineEnd: token.marginXS,
+        lineHeight: unit(token.calc(token.itemSize).sub(2).equal()),
         verticalAlign: "middle"
       }
-    }), h(i)), $(i)), S(i)), b(i)), u(i)), {
+    }), genPaginationItemStyle(token)), genPaginationJumpStyle(token)), genPaginationSimpleStyle(token)), genPaginationMiniStyle(token)), genPaginationDisabledStyle(token)), {
       // media query style
-      [`@media only screen and (max-width: ${i.screenLG}px)`]: {
-        [`${e}-item`]: {
+      [`@media only screen and (max-width: ${token.screenLG}px)`]: {
+        [`${componentCls}-item`]: {
           "&-after-jump-prev, &-before-jump-next": {
             display: "none"
           }
         }
       },
-      [`@media only screen and (max-width: ${i.screenSM}px)`]: {
-        [`${e}-options`]: {
+      [`@media only screen and (max-width: ${token.screenSM}px)`]: {
+        [`${componentCls}-options`]: {
           display: "none"
         }
       }
     }),
     // rtl style
-    [`&${i.componentCls}-rtl`]: {
+    [`&${token.componentCls}-rtl`]: {
       direction: "rtl"
     }
   };
-}, C = (i) => {
+};
+const genPaginationFocusStyle = (token) => {
   const {
-    componentCls: e
-  } = i;
+    componentCls
+  } = token;
   return {
-    [`${e}:not(${e}-disabled)`]: {
-      [`${e}-item`]: Object.assign({}, m(i)),
-      [`${e}-jump-prev, ${e}-jump-next`]: {
+    [`${componentCls}:not(${componentCls}-disabled)`]: {
+      [`${componentCls}-item`]: Object.assign({}, genFocusStyle(token)),
+      [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
         "&:focus-visible": Object.assign({
-          [`${e}-item-link-icon`]: {
+          [`${componentCls}-item-link-icon`]: {
             opacity: 1
           },
-          [`${e}-item-ellipsis`]: {
+          [`${componentCls}-item-ellipsis`]: {
             opacity: 0
           }
-        }, t(i))
+        }, genFocusOutline(token))
       },
-      [`${e}-prev, ${e}-next`]: {
-        [`&:focus-visible ${e}-item-link`]: Object.assign({}, t(i))
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        [`&:focus-visible ${componentCls}-item-link`]: Object.assign({}, genFocusOutline(token))
       }
     }
   };
-}, y = (i) => Object.assign({
-  itemBg: i.colorBgContainer,
-  itemSize: i.controlHeight,
-  itemSizeSM: i.controlHeightSM,
-  itemActiveBg: i.colorBgContainer,
-  itemLinkBg: i.colorBgContainer,
-  itemActiveColorDisabled: i.colorTextDisabled,
-  itemActiveBgDisabled: i.controlItemBgActiveDisabled,
-  itemInputBg: i.colorBgContainer,
+};
+const prepareComponentToken = (token) => Object.assign({
+  itemBg: token.colorBgContainer,
+  itemSize: token.controlHeight,
+  itemSizeSM: token.controlHeightSM,
+  itemActiveBg: token.colorBgContainer,
+  itemLinkBg: token.colorBgContainer,
+  itemActiveColorDisabled: token.colorTextDisabled,
+  itemActiveBgDisabled: token.controlItemBgActiveDisabled,
+  itemInputBg: token.colorBgContainer,
   miniOptionsSizeChangerTop: 0
-}, p(i)), x = (i) => s(i, {
+}, initComponentToken(token));
+const prepareToken = (token) => merge(token, {
   inputOutlineOffset: 0,
-  paginationMiniOptionsMarginInlineStart: i.calc(i.marginXXS).div(2).equal(),
-  paginationMiniQuickJumperInputWidth: i.calc(i.controlHeightLG).mul(1.1).equal(),
-  paginationItemPaddingInline: i.calc(i.marginXXS).mul(1.5).equal(),
-  paginationEllipsisLetterSpacing: i.calc(i.marginXXS).div(2).equal(),
-  paginationSlashMarginInlineStart: i.marginSM,
-  paginationSlashMarginInlineEnd: i.marginSM,
+  paginationMiniOptionsMarginInlineStart: token.calc(token.marginXXS).div(2).equal(),
+  paginationMiniQuickJumperInputWidth: token.calc(token.controlHeightLG).mul(1.1).equal(),
+  paginationItemPaddingInline: token.calc(token.marginXXS).mul(1.5).equal(),
+  paginationEllipsisLetterSpacing: token.calc(token.marginXXS).div(2).equal(),
+  paginationSlashMarginInlineStart: token.marginSM,
+  paginationSlashMarginInlineEnd: token.marginSM,
   paginationEllipsisTextIndent: "0.13em"
   // magic for ui experience
-}, d(i)), J = g("Pagination", (i) => {
-  const e = x(i);
-  return [v(e), C(e)];
-}, y);
+}, initInputToken(token));
+var useStyle = genStyleHooks("Pagination", (token) => {
+  const paginationToken = prepareToken(token);
+  return [genPaginationStyle(paginationToken), genPaginationFocusStyle(paginationToken)];
+}, prepareComponentToken);
 export {
-  J as default,
-  y as prepareComponentToken,
-  x as prepareToken
+  useStyle as default,
+  prepareComponentToken,
+  prepareToken
 };