@sheinx/shineout-style 3.1.0-rc.2 → 3.1.0

package/esm/button/button.js

@@ -42,10 +42,15 @@ var beforeLine = function beforeLine() {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: Token.buttonSplitlineFullBackgroundColor
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not($disabled):hover': {
       '&::before': {
         background: 'transparent'
@@ -65,10 +70,15 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: Token["button".concat(type).concat(styles, "BorderColor")]
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not(:disabled):hover': {
       // before
       '&::before': {
@@ -139,10 +149,15 @@ var textBeforeLine = function textBeforeLine() {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: Token.buttonSplitlineOutlineBackgroundColor
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not($disabled):hover': {
       '&::before': {
         background: 'transparent'
@@ -300,15 +315,29 @@ var ButtonStyle = {
     },
     // 第一个元素下的所有 button 标签的元素
     '& > :first-child:not(:last-child)$button,& > :first-child:not(:last-child) $button': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      borderRight: 'none'
+      '&[dir=ltr]': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        borderRight: 'none'
+      },
+      '&[dir=rtl]': {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderRight: 'none'
+      }
     },
     // 最后一个元素下的所有 button 标签的元素
     '& > :last-child:not(:first-child)$button,& > :last-child:not(:first-child) $button': {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0,
-      borderLeft: 'none'
+      '&[dir=ltr]': {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderLeft: 'none'
+      },
+      '&[dir=rtl]': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        borderLeft: 'none'
+      }
     },
     '& > :not(:first-child):not(:last-child)$button,& > :not(:first-child):not(:last-child) $button': {
       borderRadius: 0,
@@ -328,10 +357,15 @@ var ButtonStyle = {
           content: '" "',
           height: 'calc(50% - 2px)',
           top: 'calc(25% + 1px)',
-          left: -1,
           width: 1,
           background: Token.buttonSplitlineOutlineBackgroundColor
         },
+        '&[dir=ltr]::before': {
+          left: -1
+        },
+        '&[dir=rtl]::before': {
+          right: -1
+        },
         '& + :not(&),& + * $button:not(&)': {
           '&::before': {
             background: 'transparent'
@@ -372,9 +406,14 @@ var ButtonStyle = {
           content: '" "',
           height: 'calc(50% - 2px)',
           top: 'calc(25% + 1px)',
-          left: -1,
           width: 1,
           background: Token.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
+        },
+        '&[dir=ltr]::before': {
+          left: -1
+        },
+        '&[dir=rtl]::before': {
+          right: -1
         }
       }),
       '&$primary': _objectSpread({}, outlineBeforeLine('Primary', 'Outline')),

package/esm/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/card/card.js

@@ -80,7 +80,12 @@ var cardStyle = {
     transition: 'transform 240ms linear',
     transform: 'rotate(90deg)',
     '$wrapperCollapsed &': {
-      transform: 'rotate(0deg)'
+      '&[dir=ltr]': {
+        transform: 'rotate(0deg)'
+      },
+      '&[dir=rtl]': {
+        transform: 'rotate(180deg)'
+      }
     }
   },
   body: {

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAgc9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAic9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -375,7 +375,8 @@ var cascaderStyle = _objectSpread(_objectSpread({
   list: {
     paddingTop: 3,
     paddingBottom: 3,
-    display: 'inline-block'
+    display: 'inline-block',
+    overflow: 'auto'
   },
   tag: {
     '&$tag + &$tag': {

package/esm/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA0IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA2IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/checkbox/checkbox.js

@@ -111,6 +111,7 @@ var checkboxStyle = {
     boxSizing: 'border-box',
     marginLeft: token.checkboxIconGap,
     fontSize: token.checkboxLabelFontSize,
+    fontWeight: token.checkboxFontWeight,
     '$wrapperSmall &': {
       fontSize: token.checkboxSmallLabelFontSize
     },

package/esm/collapse/collapse-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CA6HtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAmItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/collapse/collapse-item.js

@@ -42,7 +42,11 @@ var collapseItemStyle = {
       }
     }
   },
-  activeTransform: {},
+  activeTransform: {
+    '&[dir=rtl] svg': {
+      transform: 'rotate(180deg)'
+    }
+  },
   activeTransformRight: {},
   noIcon: {
     '& > $icon': {

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAoiBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/date-picker/date-picker.js

@@ -46,9 +46,11 @@ var datePickerStyle = _objectSpread(_objectSpread({
   wrapper: _objectSpread({
     display: 'inline-block',
     position: 'relative',
-    width: token.datePickerDateWidth,
+    // width: token.datePickerDateWidth,
+    width: 240,
     '&[data-soui-type="datetime"]': {
-      width: token.datePickerDatetimeWidth
+      // width: token.datePickerDatetimeWidth,
+      width: 240
     }
   }, wrapper),
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -57,9 +59,11 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   }),
   wrapperRange: {
-    width: token.datePickerDateRangeWidth,
+    // width: token.datePickerDateRangeWidth,
+    width: 280,
     '&[data-soui-type="datetime"]': {
-      width: token.datePickerDatetimeRangeWidth
+      // width: token.datePickerDatetimeRangeWidth,
+      width: 420
     }
   }
 }, resetWrapper), {}, {
@@ -109,6 +113,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
   resultText: {
     lineHeight: token.lineHeightDynamic,
     position: 'relative',
+    zIndex: 0,
     flex: '1',
     minWidth: 0,
     '&::before': {
@@ -117,7 +122,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextPadding: {
+    position: 'relative',
+    zIndex: 2,
+    '& > input': {
+      color: 'inherit',
+      padding: '0',
+      border: '0',
+      outline: '0',
+      fontSize: 'inherit',
+      lineHeight: token.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      width: '100%',
+      '&::placeholder': {
+        color: token.datePickerPlaceholderColor
+      }
+    }
+  },
+  resultTextBg: {
     position: 'absolute',
+    zIndex: 1,
     padding: "0 ".concat(token.datePickerResultTextPaddingX),
     left: "calc(-1 * ".concat(token.datePickerResultTextPaddingX, ")"),
     right: "calc(-1 * ".concat(token.datePickerResultTextPaddingX, ")"),
@@ -139,7 +162,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextActive: {
-    '& $resultTextPadding': {
+    '& $resultTextBg': {
       backgroundColor: token.datePickerResultTextActiveBackgroundColor
     }
   },
@@ -196,9 +219,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
           display: 'block',
           position: 'absolute',
           bottom: '-1px',
-          left: '0',
-          transform: 'translateX(-100%)',
           borderBottom: "1px solid ".concat(token.datePickerPanelHeaderBorderColor)
+        },
+        '&[dir=ltr]::before': {
+          left: '0',
+          transform: 'translateX(-100%)'
+        },
+        '&[dir=rtl]::before': {
+          right: '0',
+          transform: 'translateX(100%)'
         }
       },
       '& $pickerFooter': {
@@ -209,9 +238,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
           display: 'block',
           position: 'absolute',
           top: '-1px',
-          left: '0',
-          transform: 'translateX(-100%)',
           borderBottom: "1px solid ".concat(token.datePickerPanelHeaderBorderColor)
+        },
+        '&[dir=ltr]::before': {
+          left: '0',
+          transform: 'translateX(-100%)'
+        },
+        '&[dir=rtl]::before': {
+          right: '0',
+          transform: 'translateX(100%)'
         }
       }
     }
@@ -244,6 +279,9 @@ var datePickerStyle = _objectSpread(_objectSpread({
     width: token.datePickerPanelHeaderIconHotWidth,
     height: token.datePickerPanelHeaderIconHotWidth,
     borderRadius: '50%',
+    '&[dir=rtl]': {
+      transform: 'rotate(180deg)'
+    },
     '& svg': {
       width: token.datePickerPanelHeaderIconWidth,
       height: token.datePickerPanelHeaderIconWidth
@@ -314,18 +352,30 @@ var datePickerStyle = _objectSpread(_objectSpread({
         paddingRight: token.datePickerCellMarginY
       }
     },
-    '& $pickerCell:not(:nth-child(2))': {
+    '& $pickerCell[dir=ltr]:not(:nth-child(2))': {
       '& $pickerCellContent >span': {
         borderTopLeftRadius: '0',
         borderBottomLeftRadius: '0'
       }
     },
-    '& $pickerCell:not(:nth-child(8))': {
+    '& $pickerCell[dir=rtl]:not(:nth-child(2))': {
       '& $pickerCellContent >span': {
         borderTopRightRadius: '0',
         borderBottomRightRadius: '0'
       }
     },
+    '& $pickerCell[dir=ltr]:not(:nth-child(8))': {
+      '& $pickerCellContent >span': {
+        borderTopRightRadius: '0',
+        borderBottomRightRadius: '0'
+      }
+    },
+    '& $pickerCell[dir=rtl]:not(:nth-child(8))': {
+      '& $pickerCellContent >span': {
+        borderTopLeftRadius: '0',
+        borderBottomLeftRadius: '0'
+      }
+    },
     '& $pickerCellContent > span': {
       width: '100%'
     },
@@ -404,15 +454,23 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   pickerCellInRangeStart: {
-    '& > $pickerCellContent': {
+    '&[dir=ltr] > $pickerCellContent': {
       borderTopLeftRadius: token.datePickerCellHeight,
       borderBottomLeftRadius: token.datePickerCellHeight
+    },
+    '&[dir=rtl] > $pickerCellContent': {
+      borderTopRightRadius: token.datePickerCellHeight,
+      borderBottomRightRadius: token.datePickerCellHeight
     }
   },
   pickerCellInRangeEnd: {
-    '& > $pickerCellContent': {
+    '&[dir=ltr] > $pickerCellContent': {
       borderTopRightRadius: token.datePickerCellHeight,
       borderBottomRightRadius: token.datePickerCellHeight
+    },
+    '&[dir=rtl] > $pickerCellContent': {
+      borderTopLeftRadius: token.datePickerCellHeight,
+      borderBottomLeftRadius: token.datePickerCellHeight
     }
   },
   pickerCellDisabled: {
@@ -424,31 +482,38 @@ var datePickerStyle = _objectSpread(_objectSpread({
   },
   dayPicker: {
     '& table': {
-      width: token.datePickerDayPanelWidth
+      // width: token.datePickerDayPanelWidth,
+      width: 248
     }
   },
   yearPicker: {
     '& table': {
-      width: token.datePickerYearPanelWidth
+      // width: token.datePickerYearPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: token.datePickerYearCellHotWidth
+      // minWidth: token.datePickerYearCellHotWidth,
+      minWidth: 64
     }
   },
   monthPicker: {
     '& table': {
-      width: token.datePickerMonthPanelWidth
+      // width: token.datePickerMonthPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: token.datePickerMonthCellHotWidth
+      // minWidth: token.datePickerMonthCellHotWidth,
+      minWidth: 64
     }
   },
   quarterPicker: {
     '& table': {
-      width: token.datePickerQuarterPanelWidth
+      // width: token.datePickerQuarterPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: token.datePickerQuarterCellHotWidth
+      // minWidth: token.datePickerQuarterCellHotWidth,
+      minWidth: 56
     },
     '& $pickerCellContent': {
       marginTop: 0
@@ -456,13 +521,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
   },
   weekPicker: {
     '& table': {
-      width: token.datePickerWeekPanelWidth
+      // width: token.datePickerWeekPanelWidth,
+      width: 284
     }
   },
   timePicker: {
     '& $pickerBody': {
       display: 'flex',
-      width: token.datePickerTimePanelWidth,
+      // width: token.datePickerTimePanelWidth,
+      width: 230,
       padding: "".concat(token.datePickerTimePanelPaddingY, " ").concat(token.datePickerTimePanelPaddingX, " "),
       boxSizing: 'border-box',
       position: 'relative'
@@ -554,7 +621,12 @@ var datePickerStyle = _objectSpread(_objectSpread({
     '& $timePicker': {
       position: 'absolute',
       top: 0,
-      left: 0,
+      '&[dir=ltr]': {
+        left: 0
+      },
+      '&[dir=rtl]': {
+        right: 0
+      },
       transform: 'translateY(-100%)',
       backgroundColor: token.datePickerPanelBackgroundColor,
       boxShadow: token.datePickerPanelShadow,

package/esm/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAgJtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAkJtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/descriptions/descriptions.js

@@ -23,7 +23,7 @@ var descriptionsStyle = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    padding: "0 0 ".concat(token.descriptionsTitlePaddingBottom, " 0"),
+    paddingBottom: token.descriptionsTitlePaddingBottom,
     fontSize: token.descriptionsTitleDefaultSize
   },
   title: {
@@ -47,19 +47,21 @@ var descriptionsStyle = {
   },
   row: {},
   label: {
-    padding: "0 ".concat(token.descriptionsLabelPaddingRight, " ").concat(token.descriptionsLabelPaddingBottom, " 0"),
+    paddingRight: token.descriptionsLabelPaddingRight,
+    paddingBottom: token.descriptionsLabelPaddingBottom,
     textAlign: 'left',
     boxSizing: 'border-box',
     color: token.descriptionsLabelColor,
     whiteSpace: 'nowrap'
   },
   value: {
-    padding: "0 ".concat(token.descriptionsLabelPaddingRight, " ").concat(token.descriptionsLabelPaddingBottom, " 0"),
+    paddingRight: token.descriptionsLabelPaddingRight,
+    paddingBottom: token.descriptionsLabelPaddingBottom,
     textAlign: 'left',
     boxSizing: 'border-box',
     color: token.descriptionsValueColor,
     '&:last-child': {
-      padding: "0 0 ".concat(token.descriptionsLabelPaddingBottom, " 0")
+      paddingRight: 0
     }
   },
   inlineTable: {
@@ -71,14 +73,14 @@ var descriptionsStyle = {
     paddingBottom: token.descriptionsLabelPaddingBottom
   },
   labelInline: {
-    padding: "0 ".concat(token.descriptionsLabelPaddingRight, " 0 0"),
+    paddingRight: token.descriptionsLabelPaddingRight,
     textAlign: 'left',
     boxSizing: 'border-box',
     color: token.descriptionsLabelColor,
     whiteSpace: 'nowrap'
   },
   valueInline: {
-    padding: "0 ".concat(token.descriptionsLabelPaddingRight, " 0 0"),
+    paddingRight: token.descriptionsLabelPaddingRight,
     textAlign: 'left',
     boxSizing: 'border-box',
     color: token.descriptionsValueColor
@@ -125,7 +127,7 @@ var descriptionsStyle = {
       borderRight: "".concat(token.descriptionsBorderRightSize, " solid ").concat(token.descriptionsBorderColor)
     },
     '& $labelInline': {
-      padding: "0 ".concat(token.descriptionsLabelPaddingRight, " 0 0")
+      paddingRight: token.descriptionsLabelPaddingRight
     },
     '& $valueInline': {
       padding: 0

package/esm/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAyJ7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdown.js

@@ -44,11 +44,33 @@ var dropdown = {
   listHasChildren: {
     '$wrapper[data-position^="left"] > &': {
       '& > $itemWrapper > $item': {
-        '&::before': {
+        '&[dir=ltr]::before': {
           content: '""',
           width: '1em',
           marginLeft: token.dropdownCaretMarginLeft,
           display: 'inline-block'
+        },
+        '&[dir=rtl]::after': {
+          content: '""',
+          width: '1em',
+          marginRight: token.dropdownCaretMarginLeft,
+          display: 'inline-block'
+        }
+      }
+    },
+    '$wrapper[data-position^="right"] > &': {
+      '& > $itemWrapper > $item': {
+        '&[dir=rtl]::before': {
+          content: '""',
+          width: '1em',
+          marginLeft: token.dropdownCaretMarginLeft,
+          display: 'inline-block'
+        },
+        '&[dir=ltr]::after': {
+          content: '""',
+          width: '1em',
+          marginRight: token.dropdownCaretMarginLeft,
+          display: 'inline-block'
         }
       }
     }
@@ -69,13 +91,20 @@ var dropdown = {
       transform: 'rotate(-90deg)'
     },
     '$wrapper[data-position^="left"] > $button &': {
-      marginLeft: '0',
-      marginRight: token.dropdownCaretMarginLeft,
-      textAlign: 'right',
       '& > svg': {
         transform: 'rotate(90deg)'
       }
     },
+    '$wrapper[data-position^="left"] > $button &[dir=ltr]': {
+      marginLeft: '0',
+      marginRight: token.dropdownCaretMarginLeft,
+      textAlign: 'right'
+    },
+    '$wrapper[data-position^="right"] > $button &[dir=rtl]': {
+      marginLeft: '0',
+      marginRight: token.dropdownCaretMarginLeft,
+      textAlign: 'right'
+    },
     '$wrapper[data-position^="left"] > $button & > svg': {},
     '$wrapper[data-position^="top"] > $button & > svg': {
       transform: 'rotate(180deg)'

package/esm/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAoGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/form/form-item.js

@@ -13,6 +13,7 @@ var formItemStyle = {
   },
   wrapperTip: {},
   label: {
+    wordWrap: 'break-word',
     width: token.formItemLabelWidth,
     padding: "".concat(token.formItemLabelPaddingY, " 0"),
     lineHeight: token.lineHeightDynamic,
@@ -73,12 +74,8 @@ var formItemStyle = {
   },
   control: {
     fontSize: token.formItemFontSize,
-    // minHeight: `calc(${token.lineHeightDynamic} + ${token.formItemLabelPaddingY} * 2)`,
-    // minWidth: '0',
-    // display: 'flex',
-    // flexFlow: 'row wrap',
-    // alignItems: 'center',
     flex: '1',
+    minWidth: 0,
     lineHeight: token.lineHeightDynamic,
     '$wrapperInline &': {
       padding: 0

package/esm/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAgXpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAmZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}