@gobolt/genesis 0.2.14 → 0.2.15

package/dist/node_modules/antd/es/input/style/index.cjs

@@ -1,16 +1,698 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),require("../../../../@ant-design/cssinjs/es/extractStyle.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useCacheToken.cjs"),require("react"),require("../../../../@ant-design/cssinjs/es/StyleContext.cjs");const n=require("../../../../@ant-design/cssinjs/es/util/index.cjs");require("../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.cjs"),require("../../../../@ant-design/cssinjs/es/hooks/useHMR.cjs"),require("../../../../rc-util/es/warning.cjs"),require("../../../../@ant-design/cssinjs/es/theme/createTheme.cjs"),require("../../../../@ant-design/cssinjs/es/theme/ThemeCache.cjs"),require("../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.cjs");const s=require("../../style/index.cjs"),y=require("../../style/compact-item.cjs");require("../../../../rc-util/es/hooks/useLayoutEffect.cjs"),require("../../../../rc-util/es/ref.cjs");const g=require("../../../../@ant-design/cssinjs-utils/es/util/statistic.cjs");require("../../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.cjs");const $=require("../../theme/util/genStyleUtils.cjs"),l=require("./token.cjs"),d=require("./variants.cjs"),b=t=>({"&::-moz-placeholder":{opacity:1},"&::placeholder":{color:t,userSelect:"none"},"&:placeholder-shown":{textOverflow:"ellipsis"}}),h=t=>{const{paddingBlockLG:e,lineHeightLG:r,borderRadiusLG:i,paddingInlineLG:o}=t;return{padding:`${n.unit(e)} ${n.unit(o)}`,fontSize:t.inputFontSizeLG,lineHeight:r,borderRadius:i}},c=t=>({padding:`${n.unit(t.paddingBlockSM)} ${n.unit(t.paddingInlineSM)}`,fontSize:t.inputFontSizeSM,borderRadius:t.borderRadiusSM}),u=t=>Object.assign(Object.assign({position:"relative",display:"inline-block",width:"100%",minWidth:0,padding:`${n.unit(t.paddingBlock)} ${n.unit(t.paddingInline)}`,color:t.colorText,fontSize:t.inputFontSize,lineHeight:t.lineHeight,borderRadius:t.borderRadius,transition:`all ${t.motionDurationMid}`},b(t.colorTextPlaceholder)),{"textarea&":{maxWidth:"100%",height:"auto",minHeight:t.controlHeight,lineHeight:t.lineHeight,verticalAlign:"bottom",transition:`all ${t.motionDurationSlow}, height 0s`,resize:"vertical"},"&-lg":Object.assign({},h(t)),"&-sm":Object.assign({},c(t)),"&-rtl, &-textarea-rtl":{direction:"rtl"}}),S=t=>{const{componentCls:e,antCls:r}=t;return{position:"relative",display:"table",width:"100%",borderCollapse:"separate",borderSpacing:0,"&[class*='col-']":{paddingInlineEnd:t.paddingXS,"&:last-child":{paddingInlineEnd:0}},[`&-lg ${e}, &-lg > ${e}-group-addon`]:Object.assign({},h(t)),[`&-sm ${e}, &-sm > ${e}-group-addon`]:Object.assign({},c(t)),[`&-lg ${r}-select-single ${r}-select-selector`]:{height:t.controlHeightLG},[`&-sm ${r}-select-single ${r}-select-selector`]:{height:t.controlHeightSM},[`> ${e}`]:{display:"table-cell","&:not(:first-child):not(:last-child)":{borderRadius:0}},[`${e}-group`]:{"&-addon, &-wrap":{display:"table-cell",width:1,whiteSpace:"nowrap",verticalAlign:"middle","&:not(:first-child):not(:last-child)":{borderRadius:0}},"&-wrap > *":{display:"block !important"},"&-addon":{position:"relative",padding:`0 ${n.unit(t.paddingInline)}`,color:t.colorText,fontWeight:"normal",fontSize:t.inputFontSize,textAlign:"center",borderRadius:t.borderRadius,transition:`all ${t.motionDurationSlow}`,lineHeight:1,[`${r}-select`]:{margin:`${n.unit(t.calc(t.paddingBlock).add(1).mul(-1).equal())} ${n.unit(t.calc(t.paddingInline).mul(-1).equal())}`,[`&${r}-select-single:not(${r}-select-customize-input):not(${r}-pagination-size-changer)`]:{[`${r}-select-selector`]:{backgroundColor:"inherit",border:`${n.unit(t.lineWidth)} ${t.lineType} transparent`,boxShadow:"none"}}},[`${r}-cascader-picker`]:{margin:`-9px ${n.unit(t.calc(t.paddingInline).mul(-1).equal())}`,backgroundColor:"transparent",[`${r}-cascader-input`]:{textAlign:"start",border:0,boxShadow:"none"}}}},[e]:{width:"100%",marginBottom:0,textAlign:"inherit","&:focus":{zIndex:1,borderInlineEndWidth:1},"&:hover":{zIndex:1,borderInlineEndWidth:1,[`${e}-search-with-button &`]:{zIndex:0}}},[`> ${e}:first-child, ${e}-group-addon:first-child`]:{borderStartEndRadius:0,borderEndEndRadius:0,[`${r}-select ${r}-select-selector`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${e}-affix-wrapper`]:{[`&:not(:first-child) ${e}`]:{borderStartStartRadius:0,borderEndStartRadius:0},[`&:not(:last-child) ${e}`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${e}:last-child, ${e}-group-addon:last-child`]:{borderStartStartRadius:0,borderEndStartRadius:0,[`${r}-select ${r}-select-selector`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`${e}-affix-wrapper`]:{"&:not(:last-child)":{borderStartEndRadius:0,borderEndEndRadius:0,[`${e}-search &`]:{borderStartStartRadius:t.borderRadius,borderEndStartRadius:t.borderRadius}},[`&:not(:first-child), ${e}-search &:not(:first-child)`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`&${e}-group-compact`]:Object.assign(Object.assign({display:"block"},s.clearFix()),{[`${e}-group-addon, ${e}-group-wrap, > ${e}`]:{"&:not(:first-child):not(:last-child)":{borderInlineEndWidth:t.lineWidth,"&:hover, &:focus":{zIndex:1}}},"& > *":{display:"inline-flex",float:"none",verticalAlign:"top",borderRadius:0},[`
-        & > ${e}-affix-wrapper,
-        & > ${e}-number-affix-wrapper,
-        & > ${r}-picker-range
-      `]:{display:"inline-flex"},"& > *:not(:last-child)":{marginInlineEnd:t.calc(t.lineWidth).mul(-1).equal(),borderInlineEndWidth:t.lineWidth},[e]:{float:"none"},[`& > ${r}-select > ${r}-select-selector,
-      & > ${r}-select-auto-complete ${e},
-      & > ${r}-cascader-picker ${e},
-      & > ${e}-group-wrapper ${e}`]:{borderInlineEndWidth:t.lineWidth,borderRadius:0,"&:hover, &:focus":{zIndex:1}},[`& > ${r}-select-focused`]:{zIndex:1},[`& > ${r}-select > ${r}-select-arrow`]:{zIndex:1},[`& > *:first-child,
-      & > ${r}-select:first-child > ${r}-select-selector,
-      & > ${r}-select-auto-complete:first-child ${e},
-      & > ${r}-cascader-picker:first-child ${e}`]:{borderStartStartRadius:t.borderRadius,borderEndStartRadius:t.borderRadius},[`& > *:last-child,
-      & > ${r}-select:last-child > ${r}-select-selector,
-      & > ${r}-cascader-picker:last-child ${e},
-      & > ${r}-cascader-picker-focused:last-child ${e}`]:{borderInlineEndWidth:t.lineWidth,borderStartEndRadius:t.borderRadius,borderEndEndRadius:t.borderRadius},[`& > ${r}-select-auto-complete ${e}`]:{verticalAlign:"top"},[`${e}-group-wrapper + ${e}-group-wrapper`]:{marginInlineStart:t.calc(t.lineWidth).mul(-1).equal(),[`${e}-affix-wrapper`]:{borderRadius:0}},[`${e}-group-wrapper:not(:last-child)`]:{[`&${e}-search > ${e}-group`]:{[`& > ${e}-group-addon > ${e}-search-button`]:{borderRadius:0},[`& > ${e}`]:{borderStartStartRadius:t.borderRadius,borderStartEndRadius:0,borderEndEndRadius:0,borderEndStartRadius:t.borderRadius}}}})}},m=t=>{const{componentCls:e,controlHeightSM:r,lineWidth:i,calc:o}=t,a=o(r).sub(o(i).mul(2)).sub(16).div(2).equal();return{[e]:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.resetComponent(t)),u(t)),d.genOutlinedStyle(t)),d.genFilledStyle(t)),d.genBorderlessStyle(t)),d.genUnderlinedStyle(t)),{'&[type="color"]':{height:t.controlHeight,[`&${e}-lg`]:{height:t.controlHeightLG},[`&${e}-sm`]:{height:r,paddingTop:a,paddingBottom:a}},'&[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-decoration':{"-webkit-appearance":"none"}})}},w=t=>{const{componentCls:e}=t;return{[`${e}-clear-icon`]:{margin:0,padding:0,lineHeight:0,color:t.colorTextQuaternary,fontSize:t.fontSizeIcon,verticalAlign:-1,cursor:"pointer",transition:`color ${t.motionDurationSlow}`,border:"none",outline:"none",backgroundColor:"transparent","&:hover":{color:t.colorTextTertiary},"&:active":{color:t.colorText},"&-hidden":{visibility:"hidden"},"&-has-suffix":{margin:`0 ${n.unit(t.inputAffixPadding)}`}}}},f=t=>{const{componentCls:e,inputAffixPadding:r,colorTextDescription:i,motionDurationSlow:o,colorIcon:a,colorIconHover:x,iconCls:p}=t,R=`${e}-affix-wrapper`,I=`${e}-affix-wrapper-disabled`;return{[R]:Object.assign(Object.assign(Object.assign(Object.assign({},u(t)),{display:"inline-flex",[`&:not(${e}-disabled):hover`]:{zIndex:1,[`${e}-search-with-button &`]:{zIndex:0}},"&-focused, &:focus":{zIndex:1},[`> input${e}`]:{padding:0},[`> input${e}, > textarea${e}`]:{fontSize:"inherit",border:"none",borderRadius:0,outline:"none",background:"transparent",color:"inherit","&::-ms-reveal":{display:"none"},"&:focus":{boxShadow:"none !important"}},"&::before":{display:"inline-block",width:0,visibility:"hidden",content:'"\\a0"'},[e]:{"&-prefix, &-suffix":{display:"flex",flex:"none",alignItems:"center","> *:not(:last-child)":{marginInlineEnd:t.paddingXS}},"&-show-count-suffix":{color:i},"&-show-count-has-suffix":{marginInlineEnd:t.paddingXXS},"&-prefix":{marginInlineEnd:r},"&-suffix":{marginInlineStart:r}}}),w(t)),{[`${p}${e}-password-icon`]:{color:a,cursor:"pointer",transition:`all ${o}`,"&:hover":{color:x}}}),[`${e}-underlined`]:{borderRadius:0},[I]:{[`${p}${e}-password-icon`]:{color:a,cursor:"not-allowed","&:hover":{color:a}}}}},E=t=>{const{componentCls:e,borderRadiusLG:r,borderRadiusSM:i}=t;return{[`${e}-group`]:Object.assign(Object.assign(Object.assign({},s.resetComponent(t)),S(t)),{"&-rtl":{direction:"rtl"},"&-wrapper":Object.assign(Object.assign(Object.assign({display:"inline-block",width:"100%",textAlign:"start",verticalAlign:"top","&-rtl":{direction:"rtl"},"&-lg":{[`${e}-group-addon`]:{borderRadius:r,fontSize:t.inputFontSizeLG}},"&-sm":{[`${e}-group-addon`]:{borderRadius:i}}},d.genOutlinedGroupStyle(t)),d.genFilledGroupStyle(t)),{[`&:not(${e}-compact-first-item):not(${e}-compact-last-item)${e}-compact-item`]:{[`${e}, ${e}-group-addon`]:{borderRadius:0}},[`&:not(${e}-compact-last-item)${e}-compact-first-item`]:{[`${e}, ${e}-group-addon`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&:not(${e}-compact-first-item)${e}-compact-last-item`]:{[`${e}, ${e}-group-addon`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`&:not(${e}-compact-last-item)${e}-compact-item`]:{[`${e}-affix-wrapper`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&:not(${e}-compact-first-item)${e}-compact-item`]:{[`${e}-affix-wrapper`]:{borderStartStartRadius:0,borderEndStartRadius:0}}})})}},v=t=>{const{componentCls:e,antCls:r}=t,i=`${e}-search`;return{[i]:{[e]:{"&:hover, &:focus":{[`+ ${e}-group-addon ${i}-button:not(${r}-btn-primary)`]:{borderInlineStartColor:t.colorPrimaryHover}}},[`${e}-affix-wrapper`]:{height:t.controlHeight,borderRadius:0},[`${e}-lg`]:{lineHeight:t.calc(t.lineHeightLG).sub(2e-4).equal()},[`> ${e}-group`]:{[`> ${e}-group-addon:last-child`]:{insetInlineStart:-1,padding:0,border:0,[`${i}-button`]:{marginInlineEnd:-1,borderStartStartRadius:0,borderEndStartRadius:0,boxShadow:"none"},[`${i}-button:not(${r}-btn-primary)`]:{color:t.colorTextDescription,"&:hover":{color:t.colorPrimaryHover},"&:active":{color:t.colorPrimaryActive},[`&${r}-btn-loading::before`]:{insetInlineStart:0,insetInlineEnd:0,insetBlockStart:0,insetBlockEnd:0}}}},[`${i}-button`]:{height:t.controlHeight,"&:hover, &:focus":{zIndex:1}},"&-large":{[`${e}-affix-wrapper, ${i}-button`]:{height:t.controlHeightLG}},"&-small":{[`${e}-affix-wrapper, ${i}-button`]:{height:t.controlHeightSM}},"&-rtl":{direction:"rtl"},[`&${e}-compact-item`]:{[`&:not(${e}-compact-last-item)`]:{[`${e}-group-addon`]:{[`${e}-search-button`]:{marginInlineEnd:t.calc(t.lineWidth).mul(-1).equal(),borderRadius:0}}},[`&:not(${e}-compact-first-item)`]:{[`${e},${e}-affix-wrapper`]:{borderRadius:0}},[`> ${e}-group-addon ${e}-search-button,
-        > ${e},
-        ${e}-affix-wrapper`]:{"&:hover, &:focus, &:active":{zIndex:2}},[`> ${e}-affix-wrapper-focused`]:{zIndex:2}}}}},k=t=>{const{componentCls:e}=t;return{[`${e}-out-of-range`]:{[`&, & input, & textarea, ${e}-show-count-suffix, ${e}-data-count`]:{color:t.colorError}}}},z=$.genStyleHooks(["Input","Shared"],t=>{const e=g.merge(t,l.initInputToken(t));return[m(e),f(e)]},l.initComponentToken,{resetFont:!1}),q=$.genStyleHooks(["Input","Component"],t=>{const e=g.merge(t,l.initInputToken(t));return[E(e),v(e),k(e),y.genCompactItemStyle(e)]},l.initComponentToken,{resetFont:!1});exports.initComponentToken=l.initComponentToken,exports.initInputToken=l.initInputToken,exports.default=q,exports.genAffixStyle=f,exports.genBasicInputStyle=u,exports.genInputGroupStyle=S,exports.genInputSmallStyle=c,exports.genInputStyle=m,exports.genPlaceholderStyle=b,exports.useSharedStyle=z;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../@ant-design/cssinjs/es/extractStyle.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useCacheToken.cjs");
+require("react");
+require("../../../../@ant-design/cssinjs/es/StyleContext.cjs");
+var index$1 = require("../../../../@ant-design/cssinjs/es/util/index.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.cjs");
+require("../../../../@ant-design/cssinjs/es/hooks/useHMR.cjs");
+require("../../../../rc-util/es/warning.cjs");
+require("../../../../@ant-design/cssinjs/es/theme/createTheme.cjs");
+require("../../../../@ant-design/cssinjs/es/theme/ThemeCache.cjs");
+require("../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.cjs");
+var index = require("../../style/index.cjs");
+var compactItem = require("../../style/compact-item.cjs");
+require("../../../../rc-util/es/hooks/useLayoutEffect.cjs");
+require("../../../../rc-util/es/ref.cjs");
+var statistic = require("../../../../@ant-design/cssinjs-utils/es/util/statistic.cjs");
+require("../../../../@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.cjs");
+var genStyleUtils = require("../../theme/util/genStyleUtils.cjs");
+var token = require("./token.cjs");
+var variants = require("./variants.cjs");
+const genPlaceholderStyle = (color) => ({
+  // Firefox
+  "&::-moz-placeholder": {
+    opacity: 1
+  },
+  "&::placeholder": {
+    color,
+    userSelect: "none"
+    // https://github.com/ant-design/ant-design/pull/32639
+  },
+  "&:placeholder-shown": {
+    textOverflow: "ellipsis"
+  }
+});
+const genInputLargeStyle = (token2) => {
+  const {
+    paddingBlockLG,
+    lineHeightLG,
+    borderRadiusLG,
+    paddingInlineLG
+  } = token2;
+  return {
+    padding: `${index$1.unit(paddingBlockLG)} ${index$1.unit(paddingInlineLG)}`,
+    fontSize: token2.inputFontSizeLG,
+    lineHeight: lineHeightLG,
+    borderRadius: borderRadiusLG
+  };
+};
+const genInputSmallStyle = (token2) => ({
+  padding: `${index$1.unit(token2.paddingBlockSM)} ${index$1.unit(token2.paddingInlineSM)}`,
+  fontSize: token2.inputFontSizeSM,
+  borderRadius: token2.borderRadiusSM
+});
+const genBasicInputStyle = (token2) => Object.assign(Object.assign({
+  position: "relative",
+  display: "inline-block",
+  width: "100%",
+  minWidth: 0,
+  padding: `${index$1.unit(token2.paddingBlock)} ${index$1.unit(token2.paddingInline)}`,
+  color: token2.colorText,
+  fontSize: token2.inputFontSize,
+  lineHeight: token2.lineHeight,
+  borderRadius: token2.borderRadius,
+  transition: `all ${token2.motionDurationMid}`
+}, genPlaceholderStyle(token2.colorTextPlaceholder)), {
+  // Reset height for `textarea`s
+  "textarea&": {
+    maxWidth: "100%",
+    // prevent textarea resize from coming out of its container
+    height: "auto",
+    minHeight: token2.controlHeight,
+    lineHeight: token2.lineHeight,
+    verticalAlign: "bottom",
+    transition: `all ${token2.motionDurationSlow}, height 0s`,
+    resize: "vertical"
+  },
+  // Size
+  "&-lg": Object.assign({}, genInputLargeStyle(token2)),
+  "&-sm": Object.assign({}, genInputSmallStyle(token2)),
+  // RTL
+  "&-rtl, &-textarea-rtl": {
+    direction: "rtl"
+  }
+});
+const genInputGroupStyle = (token2) => {
+  const {
+    componentCls,
+    antCls
+  } = token2;
+  return {
+    position: "relative",
+    display: "table",
+    width: "100%",
+    borderCollapse: "separate",
+    borderSpacing: 0,
+    // Undo padding and float of grid classes
+    "&[class*='col-']": {
+      paddingInlineEnd: token2.paddingXS,
+      "&:last-child": {
+        paddingInlineEnd: 0
+      }
+    },
+    // Sizing options
+    [`&-lg ${componentCls}, &-lg > ${componentCls}-group-addon`]: Object.assign({}, genInputLargeStyle(token2)),
+    [`&-sm ${componentCls}, &-sm > ${componentCls}-group-addon`]: Object.assign({}, genInputSmallStyle(token2)),
+    // Fix https://github.com/ant-design/ant-design/issues/5754
+    [`&-lg ${antCls}-select-single ${antCls}-select-selector`]: {
+      height: token2.controlHeightLG
+    },
+    [`&-sm ${antCls}-select-single ${antCls}-select-selector`]: {
+      height: token2.controlHeightSM
+    },
+    [`> ${componentCls}`]: {
+      display: "table-cell",
+      "&:not(:first-child):not(:last-child)": {
+        borderRadius: 0
+      }
+    },
+    [`${componentCls}-group`]: {
+      "&-addon, &-wrap": {
+        display: "table-cell",
+        width: 1,
+        whiteSpace: "nowrap",
+        verticalAlign: "middle",
+        "&:not(:first-child):not(:last-child)": {
+          borderRadius: 0
+        }
+      },
+      "&-wrap > *": {
+        display: "block !important"
+      },
+      "&-addon": {
+        position: "relative",
+        padding: `0 ${index$1.unit(token2.paddingInline)}`,
+        color: token2.colorText,
+        fontWeight: "normal",
+        fontSize: token2.inputFontSize,
+        textAlign: "center",
+        borderRadius: token2.borderRadius,
+        transition: `all ${token2.motionDurationSlow}`,
+        lineHeight: 1,
+        // Reset Select's style in addon
+        [`${antCls}-select`]: {
+          margin: `${index$1.unit(token2.calc(token2.paddingBlock).add(1).mul(-1).equal())} ${index$1.unit(token2.calc(token2.paddingInline).mul(-1).equal())}`,
+          [`&${antCls}-select-single:not(${antCls}-select-customize-input):not(${antCls}-pagination-size-changer)`]: {
+            [`${antCls}-select-selector`]: {
+              backgroundColor: "inherit",
+              border: `${index$1.unit(token2.lineWidth)} ${token2.lineType} transparent`,
+              boxShadow: "none"
+            }
+          }
+        },
+        // https://github.com/ant-design/ant-design/issues/31333
+        [`${antCls}-cascader-picker`]: {
+          margin: `-9px ${index$1.unit(token2.calc(token2.paddingInline).mul(-1).equal())}`,
+          backgroundColor: "transparent",
+          [`${antCls}-cascader-input`]: {
+            textAlign: "start",
+            border: 0,
+            boxShadow: "none"
+          }
+        }
+      }
+    },
+    [componentCls]: {
+      width: "100%",
+      marginBottom: 0,
+      textAlign: "inherit",
+      "&:focus": {
+        zIndex: 1,
+        // Fix https://gw.alipayobjects.com/zos/rmsportal/DHNpoqfMXSfrSnlZvhsJ.png
+        borderInlineEndWidth: 1
+      },
+      "&:hover": {
+        zIndex: 1,
+        borderInlineEndWidth: 1,
+        [`${componentCls}-search-with-button &`]: {
+          zIndex: 0
+        }
+      }
+    },
+    // Reset rounded corners
+    [`> ${componentCls}:first-child, ${componentCls}-group-addon:first-child`]: {
+      borderStartEndRadius: 0,
+      borderEndEndRadius: 0,
+      // Reset Select's style in addon
+      [`${antCls}-select ${antCls}-select-selector`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`> ${componentCls}-affix-wrapper`]: {
+      [`&:not(:first-child) ${componentCls}`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      },
+      [`&:not(:last-child) ${componentCls}`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`> ${componentCls}:last-child, ${componentCls}-group-addon:last-child`]: {
+      borderStartStartRadius: 0,
+      borderEndStartRadius: 0,
+      // Reset Select's style in addon
+      [`${antCls}-select ${antCls}-select-selector`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`${componentCls}-affix-wrapper`]: {
+      "&:not(:last-child)": {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0,
+        [`${componentCls}-search &`]: {
+          borderStartStartRadius: token2.borderRadius,
+          borderEndStartRadius: token2.borderRadius
+        }
+      },
+      [`&:not(:first-child), ${componentCls}-search &:not(:first-child)`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`&${componentCls}-group-compact`]: Object.assign(Object.assign({
+      display: "block"
+    }, index.clearFix()), {
+      [`${componentCls}-group-addon, ${componentCls}-group-wrap, > ${componentCls}`]: {
+        "&:not(:first-child):not(:last-child)": {
+          borderInlineEndWidth: token2.lineWidth,
+          "&:hover, &:focus": {
+            zIndex: 1
+          }
+        }
+      },
+      "& > *": {
+        display: "inline-flex",
+        float: "none",
+        verticalAlign: "top",
+        // https://github.com/ant-design/ant-design-pro/issues/139
+        borderRadius: 0
+      },
+      [`
+        & > ${componentCls}-affix-wrapper,
+        & > ${componentCls}-number-affix-wrapper,
+        & > ${antCls}-picker-range
+      `]: {
+        display: "inline-flex"
+      },
+      "& > *:not(:last-child)": {
+        marginInlineEnd: token2.calc(token2.lineWidth).mul(-1).equal(),
+        borderInlineEndWidth: token2.lineWidth
+      },
+      // Undo float for .ant-input-group .ant-input
+      [componentCls]: {
+        float: "none"
+      },
+      // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input
+      [`& > ${antCls}-select > ${antCls}-select-selector,
+      & > ${antCls}-select-auto-complete ${componentCls},
+      & > ${antCls}-cascader-picker ${componentCls},
+      & > ${componentCls}-group-wrapper ${componentCls}`]: {
+        borderInlineEndWidth: token2.lineWidth,
+        borderRadius: 0,
+        "&:hover, &:focus": {
+          zIndex: 1
+        }
+      },
+      [`& > ${antCls}-select-focused`]: {
+        zIndex: 1
+      },
+      // update z-index for arrow icon
+      [`& > ${antCls}-select > ${antCls}-select-arrow`]: {
+        zIndex: 1
+        // https://github.com/ant-design/ant-design/issues/20371
+      },
+      [`& > *:first-child,
+      & > ${antCls}-select:first-child > ${antCls}-select-selector,
+      & > ${antCls}-select-auto-complete:first-child ${componentCls},
+      & > ${antCls}-cascader-picker:first-child ${componentCls}`]: {
+        borderStartStartRadius: token2.borderRadius,
+        borderEndStartRadius: token2.borderRadius
+      },
+      [`& > *:last-child,
+      & > ${antCls}-select:last-child > ${antCls}-select-selector,
+      & > ${antCls}-cascader-picker:last-child ${componentCls},
+      & > ${antCls}-cascader-picker-focused:last-child ${componentCls}`]: {
+        borderInlineEndWidth: token2.lineWidth,
+        borderStartEndRadius: token2.borderRadius,
+        borderEndEndRadius: token2.borderRadius
+      },
+      // https://github.com/ant-design/ant-design/issues/12493
+      [`& > ${antCls}-select-auto-complete ${componentCls}`]: {
+        verticalAlign: "top"
+      },
+      [`${componentCls}-group-wrapper + ${componentCls}-group-wrapper`]: {
+        marginInlineStart: token2.calc(token2.lineWidth).mul(-1).equal(),
+        [`${componentCls}-affix-wrapper`]: {
+          borderRadius: 0
+        }
+      },
+      [`${componentCls}-group-wrapper:not(:last-child)`]: {
+        [`&${componentCls}-search > ${componentCls}-group`]: {
+          [`& > ${componentCls}-group-addon > ${componentCls}-search-button`]: {
+            borderRadius: 0
+          },
+          [`& > ${componentCls}`]: {
+            borderStartStartRadius: token2.borderRadius,
+            borderStartEndRadius: 0,
+            borderEndEndRadius: 0,
+            borderEndStartRadius: token2.borderRadius
+          }
+        }
+      }
+    })
+  };
+};
+const genInputStyle = (token2) => {
+  const {
+    componentCls,
+    controlHeightSM,
+    lineWidth,
+    calc
+  } = token2;
+  const FIXED_CHROME_COLOR_HEIGHT = 16;
+  const colorSmallPadding = calc(controlHeightSM).sub(calc(lineWidth).mul(2)).sub(FIXED_CHROME_COLOR_HEIGHT).div(2).equal();
+  return {
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, index.resetComponent(token2)), genBasicInputStyle(token2)), variants.genOutlinedStyle(token2)), variants.genFilledStyle(token2)), variants.genBorderlessStyle(token2)), variants.genUnderlinedStyle(token2)), {
+      '&[type="color"]': {
+        height: token2.controlHeight,
+        [`&${componentCls}-lg`]: {
+          height: token2.controlHeightLG
+        },
+        [`&${componentCls}-sm`]: {
+          height: controlHeightSM,
+          paddingTop: colorSmallPadding,
+          paddingBottom: colorSmallPadding
+        }
+      },
+      '&[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-decoration': {
+        "-webkit-appearance": "none"
+      }
+    })
+  };
+};
+const genAllowClearStyle = (token2) => {
+  const {
+    componentCls
+  } = token2;
+  return {
+    // ========================= Input =========================
+    [`${componentCls}-clear-icon`]: {
+      margin: 0,
+      padding: 0,
+      lineHeight: 0,
+      color: token2.colorTextQuaternary,
+      fontSize: token2.fontSizeIcon,
+      verticalAlign: -1,
+      // https://github.com/ant-design/ant-design/pull/18151
+      // https://codesandbox.io/s/wizardly-sun-u10br
+      cursor: "pointer",
+      transition: `color ${token2.motionDurationSlow}`,
+      border: "none",
+      outline: "none",
+      backgroundColor: "transparent",
+      "&:hover": {
+        color: token2.colorTextTertiary
+      },
+      "&:active": {
+        color: token2.colorText
+      },
+      "&-hidden": {
+        visibility: "hidden"
+      },
+      "&-has-suffix": {
+        margin: `0 ${index$1.unit(token2.inputAffixPadding)}`
+      }
+    }
+  };
+};
+const genAffixStyle = (token2) => {
+  const {
+    componentCls,
+    inputAffixPadding,
+    colorTextDescription,
+    motionDurationSlow,
+    colorIcon,
+    colorIconHover,
+    iconCls
+  } = token2;
+  const affixCls = `${componentCls}-affix-wrapper`;
+  const affixClsDisabled = `${componentCls}-affix-wrapper-disabled`;
+  return {
+    [affixCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, genBasicInputStyle(token2)), {
+      display: "inline-flex",
+      [`&:not(${componentCls}-disabled):hover`]: {
+        zIndex: 1,
+        [`${componentCls}-search-with-button &`]: {
+          zIndex: 0
+        }
+      },
+      "&-focused, &:focus": {
+        zIndex: 1
+      },
+      [`> input${componentCls}`]: {
+        padding: 0
+      },
+      [`> input${componentCls}, > textarea${componentCls}`]: {
+        fontSize: "inherit",
+        border: "none",
+        borderRadius: 0,
+        outline: "none",
+        background: "transparent",
+        color: "inherit",
+        "&::-ms-reveal": {
+          display: "none"
+        },
+        "&:focus": {
+          boxShadow: "none !important"
+        }
+      },
+      "&::before": {
+        display: "inline-block",
+        width: 0,
+        visibility: "hidden",
+        content: '"\\a0"'
+      },
+      [componentCls]: {
+        "&-prefix, &-suffix": {
+          display: "flex",
+          flex: "none",
+          alignItems: "center",
+          "> *:not(:last-child)": {
+            marginInlineEnd: token2.paddingXS
+          }
+        },
+        "&-show-count-suffix": {
+          color: colorTextDescription
+        },
+        "&-show-count-has-suffix": {
+          marginInlineEnd: token2.paddingXXS
+        },
+        "&-prefix": {
+          marginInlineEnd: inputAffixPadding
+        },
+        "&-suffix": {
+          marginInlineStart: inputAffixPadding
+        }
+      }
+    }), genAllowClearStyle(token2)), {
+      // password
+      [`${iconCls}${componentCls}-password-icon`]: {
+        color: colorIcon,
+        cursor: "pointer",
+        transition: `all ${motionDurationSlow}`,
+        "&:hover": {
+          color: colorIconHover
+        }
+      }
+    }),
+    // 覆盖 affix-wrapper borderRadius！
+    [`${componentCls}-underlined`]: {
+      borderRadius: 0
+    },
+    [affixClsDisabled]: {
+      // password disabled
+      [`${iconCls}${componentCls}-password-icon`]: {
+        color: colorIcon,
+        cursor: "not-allowed",
+        "&:hover": {
+          color: colorIcon
+        }
+      }
+    }
+  };
+};
+const genGroupStyle = (token2) => {
+  const {
+    componentCls,
+    borderRadiusLG,
+    borderRadiusSM
+  } = token2;
+  return {
+    [`${componentCls}-group`]: Object.assign(Object.assign(Object.assign({}, index.resetComponent(token2)), genInputGroupStyle(token2)), {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      "&-wrapper": Object.assign(Object.assign(Object.assign({
+        display: "inline-block",
+        width: "100%",
+        textAlign: "start",
+        verticalAlign: "top",
+        "&-rtl": {
+          direction: "rtl"
+        },
+        // Size
+        "&-lg": {
+          [`${componentCls}-group-addon`]: {
+            borderRadius: borderRadiusLG,
+            fontSize: token2.inputFontSizeLG
+          }
+        },
+        "&-sm": {
+          [`${componentCls}-group-addon`]: {
+            borderRadius: borderRadiusSM
+          }
+        }
+      }, variants.genOutlinedGroupStyle(token2)), variants.genFilledGroupStyle(token2)), {
+        // '&-disabled': {
+        //   [`${componentCls}-group-addon`]: {
+        //     ...genDisabledStyle(token),
+        //   },
+        // },
+        // Fix the issue of using icons in Space Compact mode
+        // https://github.com/ant-design/ant-design/issues/42122
+        [`&:not(${componentCls}-compact-first-item):not(${componentCls}-compact-last-item)${componentCls}-compact-item`]: {
+          [`${componentCls}, ${componentCls}-group-addon`]: {
+            borderRadius: 0
+          }
+        },
+        [`&:not(${componentCls}-compact-last-item)${componentCls}-compact-first-item`]: {
+          [`${componentCls}, ${componentCls}-group-addon`]: {
+            borderStartEndRadius: 0,
+            borderEndEndRadius: 0
+          }
+        },
+        [`&:not(${componentCls}-compact-first-item)${componentCls}-compact-last-item`]: {
+          [`${componentCls}, ${componentCls}-group-addon`]: {
+            borderStartStartRadius: 0,
+            borderEndStartRadius: 0
+          }
+        },
+        // Fix the issue of input use show-count param in space compact mode
+        // https://github.com/ant-design/ant-design/issues/46872
+        [`&:not(${componentCls}-compact-last-item)${componentCls}-compact-item`]: {
+          [`${componentCls}-affix-wrapper`]: {
+            borderStartEndRadius: 0,
+            borderEndEndRadius: 0
+          }
+        },
+        // Fix the issue of input use `addonAfter` param in space compact mode
+        // https://github.com/ant-design/ant-design/issues/52483
+        [`&:not(${componentCls}-compact-first-item)${componentCls}-compact-item`]: {
+          [`${componentCls}-affix-wrapper`]: {
+            borderStartStartRadius: 0,
+            borderEndStartRadius: 0
+          }
+        }
+      })
+    })
+  };
+};
+const genSearchInputStyle = (token2) => {
+  const {
+    componentCls,
+    antCls
+  } = token2;
+  const searchPrefixCls = `${componentCls}-search`;
+  return {
+    [searchPrefixCls]: {
+      [componentCls]: {
+        "&:hover, &:focus": {
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+            borderInlineStartColor: token2.colorPrimaryHover
+          }
+        }
+      },
+      [`${componentCls}-affix-wrapper`]: {
+        height: token2.controlHeight,
+        borderRadius: 0
+      },
+      // fix slight height diff in Firefox:
+      // https://ant.design/components/auto-complete-cn/#auto-complete-demo-certain-category
+      [`${componentCls}-lg`]: {
+        lineHeight: token2.calc(token2.lineHeightLG).sub(2e-4).equal()
+      },
+      [`> ${componentCls}-group`]: {
+        [`> ${componentCls}-group-addon:last-child`]: {
+          insetInlineStart: -1,
+          padding: 0,
+          border: 0,
+          [`${searchPrefixCls}-button`]: {
+            // Fix https://github.com/ant-design/ant-design/issues/47150
+            marginInlineEnd: -1,
+            borderStartStartRadius: 0,
+            borderEndStartRadius: 0,
+            boxShadow: "none"
+          },
+          [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+            color: token2.colorTextDescription,
+            "&:hover": {
+              color: token2.colorPrimaryHover
+            },
+            "&:active": {
+              color: token2.colorPrimaryActive
+            },
+            [`&${antCls}-btn-loading::before`]: {
+              insetInlineStart: 0,
+              insetInlineEnd: 0,
+              insetBlockStart: 0,
+              insetBlockEnd: 0
+            }
+          }
+        }
+      },
+      [`${searchPrefixCls}-button`]: {
+        height: token2.controlHeight,
+        "&:hover, &:focus": {
+          zIndex: 1
+        }
+      },
+      "&-large": {
+        [`${componentCls}-affix-wrapper, ${searchPrefixCls}-button`]: {
+          height: token2.controlHeightLG
+        }
+      },
+      "&-small": {
+        [`${componentCls}-affix-wrapper, ${searchPrefixCls}-button`]: {
+          height: token2.controlHeightSM
+        }
+      },
+      "&-rtl": {
+        direction: "rtl"
+      },
+      // ===================== Compact Item Customized Styles =====================
+      [`&${componentCls}-compact-item`]: {
+        [`&:not(${componentCls}-compact-last-item)`]: {
+          [`${componentCls}-group-addon`]: {
+            [`${componentCls}-search-button`]: {
+              marginInlineEnd: token2.calc(token2.lineWidth).mul(-1).equal(),
+              borderRadius: 0
+            }
+          }
+        },
+        [`&:not(${componentCls}-compact-first-item)`]: {
+          [`${componentCls},${componentCls}-affix-wrapper`]: {
+            borderRadius: 0
+          }
+        },
+        [`> ${componentCls}-group-addon ${componentCls}-search-button,
+        > ${componentCls},
+        ${componentCls}-affix-wrapper`]: {
+          "&:hover, &:focus, &:active": {
+            zIndex: 2
+          }
+        },
+        [`> ${componentCls}-affix-wrapper-focused`]: {
+          zIndex: 2
+        }
+      }
+    }
+  };
+};
+const genRangeStyle = (token2) => {
+  const {
+    componentCls
+  } = token2;
+  return {
+    [`${componentCls}-out-of-range`]: {
+      [`&, & input, & textarea, ${componentCls}-show-count-suffix, ${componentCls}-data-count`]: {
+        color: token2.colorError
+      }
+    }
+  };
+};
+const useSharedStyle = genStyleUtils.genStyleHooks(["Input", "Shared"], (token$1) => {
+  const inputToken = statistic.merge(token$1, token.initInputToken(token$1));
+  return [genInputStyle(inputToken), genAffixStyle(inputToken)];
+}, token.initComponentToken, {
+  resetFont: false
+});
+var useStyle = genStyleUtils.genStyleHooks(["Input", "Component"], (token$1) => {
+  const inputToken = statistic.merge(token$1, token.initInputToken(token$1));
+  return [
+    genGroupStyle(inputToken),
+    genSearchInputStyle(inputToken),
+    genRangeStyle(inputToken),
+    // =====================================================
+    // ==             Space Compact                       ==
+    // =====================================================
+    compactItem.genCompactItemStyle(inputToken)
+  ];
+}, token.initComponentToken, {
+  resetFont: false
+});
+exports.initComponentToken = token.initComponentToken;
+exports.initInputToken = token.initInputToken;
+exports.default = useStyle;
+exports.genAffixStyle = genAffixStyle;
+exports.genBasicInputStyle = genBasicInputStyle;
+exports.genInputGroupStyle = genInputGroupStyle;
+exports.genInputSmallStyle = genInputSmallStyle;
+exports.genInputStyle = genInputStyle;
+exports.genPlaceholderStyle = genPlaceholderStyle;
+exports.useSharedStyle = useSharedStyle;