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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-Present SHEIN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/cjs/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAiJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAgJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/alert/alert.js

@@ -46,12 +46,10 @@ var alertStyle = {
           '&:after': {
             content: '""',
             position: 'absolute',
-            top: -2,
-            right: 0,
-            bottom: 0,
-            left: -5,
-            width: 24,
-            height: 24,
+            top: -4,
+            right: -4,
+            bottom: -4,
+            left: -4,
             borderRadius: '50%',
             background: _theme.default.alertMessageHoverColor
           }
@@ -103,7 +101,8 @@ var alertStyle = {
     }
   },
   content: {
-    flex: '1 1 0'
+    flex: '1 1 0',
+    wordBreak: 'break-all'
   },
   pending: {
     opacity: 0,

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA+U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAuW9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/button/button.js

@@ -49,10 +49,15 @@ var beforeLine = function beforeLine() {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: _theme.default.buttonSplitlineFullBackgroundColor
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not($disabled):hover': {
       '&::before': {
         background: 'transparent'
@@ -72,10 +77,15 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not(:disabled):hover': {
       // before
       '&::before': {
@@ -146,10 +156,15 @@ var textBeforeLine = function textBeforeLine() {
       content: '" "',
       height: 'calc(50% - 2px)',
       top: 'calc(25% + 1px)',
-      left: -1,
       width: 1,
       background: _theme.default.buttonSplitlineOutlineBackgroundColor
     },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
     '&:not($disabled):hover': {
       '&::before': {
         background: 'transparent'
@@ -307,15 +322,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,
@@ -335,10 +364,15 @@ var ButtonStyle = {
           content: '" "',
           height: 'calc(50% - 2px)',
           top: 'calc(25% + 1px)',
-          left: -1,
           width: 1,
           background: _theme.default.buttonSplitlineOutlineBackgroundColor
         },
+        '&[dir=ltr]::before': {
+          left: -1
+        },
+        '&[dir=rtl]::before': {
+          right: -1
+        },
         '& + :not(&),& + * $button:not(&)': {
           '&::before': {
             background: 'transparent'
@@ -379,9 +413,14 @@ var ButtonStyle = {
           content: '" "',
           height: 'calc(50% - 2px)',
           top: 'calc(25% + 1px)',
-          left: -1,
           width: 1,
           background: _theme.default.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
+        },
+        '&[dir=ltr]::before': {
+          left: -1
+        },
+        '&[dir=rtl]::before': {
+          right: -1
         }
       }),
       '&$primary': _objectSpread({}, outlineBeforeLine('Primary', 'Outline')),

package/cjs/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/cjs/card/card.js

@@ -87,7 +87,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/cjs/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/cjs/cascader/cascader.js

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

package/cjs/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/cjs/checkbox/checkbox.js

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

package/cjs/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/cjs/collapse/collapse-item.js

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

package/cjs/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/cjs/date-picker/date-picker.js

@@ -53,9 +53,11 @@ var datePickerStyle = _objectSpread(_objectSpread({
   wrapper: _objectSpread({
     display: 'inline-block',
     position: 'relative',
-    width: _theme.default.datePickerDateWidth,
+    // width: token.datePickerDateWidth,
+    width: 240,
     '&[data-soui-type="datetime"]': {
-      width: _theme.default.datePickerDatetimeWidth
+      // width: token.datePickerDatetimeWidth,
+      width: 240
     }
   }, wrapper),
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -64,9 +66,11 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   }),
   wrapperRange: {
-    width: _theme.default.datePickerDateRangeWidth,
+    // width: token.datePickerDateRangeWidth,
+    width: 280,
     '&[data-soui-type="datetime"]': {
-      width: _theme.default.datePickerDatetimeRangeWidth
+      // width: token.datePickerDatetimeRangeWidth,
+      width: 420
     }
   }
 }, resetWrapper), {}, {
@@ -116,6 +120,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
   resultText: {
     lineHeight: _theme.default.lineHeightDynamic,
     position: 'relative',
+    zIndex: 0,
     flex: '1',
     minWidth: 0,
     '&::before': {
@@ -124,7 +129,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextPadding: {
+    position: 'relative',
+    zIndex: 2,
+    '& > input': {
+      color: 'inherit',
+      padding: '0',
+      border: '0',
+      outline: '0',
+      fontSize: 'inherit',
+      lineHeight: _theme.default.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      width: '100%',
+      '&::placeholder': {
+        color: _theme.default.datePickerPlaceholderColor
+      }
+    }
+  },
+  resultTextBg: {
     position: 'absolute',
+    zIndex: 1,
     padding: "0 ".concat(_theme.default.datePickerResultTextPaddingX),
     left: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
     right: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
@@ -146,7 +169,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextActive: {
-    '& $resultTextPadding': {
+    '& $resultTextBg': {
       backgroundColor: _theme.default.datePickerResultTextActiveBackgroundColor
     }
   },
@@ -203,9 +226,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
           display: 'block',
           position: 'absolute',
           bottom: '-1px',
-          left: '0',
-          transform: 'translateX(-100%)',
           borderBottom: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor)
+        },
+        '&[dir=ltr]::before': {
+          left: '0',
+          transform: 'translateX(-100%)'
+        },
+        '&[dir=rtl]::before': {
+          right: '0',
+          transform: 'translateX(100%)'
         }
       },
       '& $pickerFooter': {
@@ -216,9 +245,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
           display: 'block',
           position: 'absolute',
           top: '-1px',
-          left: '0',
-          transform: 'translateX(-100%)',
           borderBottom: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor)
+        },
+        '&[dir=ltr]::before': {
+          left: '0',
+          transform: 'translateX(-100%)'
+        },
+        '&[dir=rtl]::before': {
+          right: '0',
+          transform: 'translateX(100%)'
         }
       }
     }
@@ -251,6 +286,9 @@ var datePickerStyle = _objectSpread(_objectSpread({
     width: _theme.default.datePickerPanelHeaderIconHotWidth,
     height: _theme.default.datePickerPanelHeaderIconHotWidth,
     borderRadius: '50%',
+    '&[dir=rtl]': {
+      transform: 'rotate(180deg)'
+    },
     '& svg': {
       width: _theme.default.datePickerPanelHeaderIconWidth,
       height: _theme.default.datePickerPanelHeaderIconWidth
@@ -321,18 +359,30 @@ var datePickerStyle = _objectSpread(_objectSpread({
         paddingRight: _theme.default.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%'
     },
@@ -411,15 +461,23 @@ var datePickerStyle = _objectSpread(_objectSpread({
     }
   },
   pickerCellInRangeStart: {
-    '& > $pickerCellContent': {
+    '&[dir=ltr] > $pickerCellContent': {
       borderTopLeftRadius: _theme.default.datePickerCellHeight,
       borderBottomLeftRadius: _theme.default.datePickerCellHeight
+    },
+    '&[dir=rtl] > $pickerCellContent': {
+      borderTopRightRadius: _theme.default.datePickerCellHeight,
+      borderBottomRightRadius: _theme.default.datePickerCellHeight
     }
   },
   pickerCellInRangeEnd: {
-    '& > $pickerCellContent': {
+    '&[dir=ltr] > $pickerCellContent': {
       borderTopRightRadius: _theme.default.datePickerCellHeight,
       borderBottomRightRadius: _theme.default.datePickerCellHeight
+    },
+    '&[dir=rtl] > $pickerCellContent': {
+      borderTopLeftRadius: _theme.default.datePickerCellHeight,
+      borderBottomLeftRadius: _theme.default.datePickerCellHeight
     }
   },
   pickerCellDisabled: {
@@ -431,31 +489,38 @@ var datePickerStyle = _objectSpread(_objectSpread({
   },
   dayPicker: {
     '& table': {
-      width: _theme.default.datePickerDayPanelWidth
+      // width: token.datePickerDayPanelWidth,
+      width: 248
     }
   },
   yearPicker: {
     '& table': {
-      width: _theme.default.datePickerYearPanelWidth
+      // width: token.datePickerYearPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: _theme.default.datePickerYearCellHotWidth
+      // minWidth: token.datePickerYearCellHotWidth,
+      minWidth: 64
     }
   },
   monthPicker: {
     '& table': {
-      width: _theme.default.datePickerMonthPanelWidth
+      // width: token.datePickerMonthPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: _theme.default.datePickerMonthCellHotWidth
+      // minWidth: token.datePickerMonthCellHotWidth,
+      minWidth: 64
     }
   },
   quarterPicker: {
     '& table': {
-      width: _theme.default.datePickerQuarterPanelWidth
+      // width: token.datePickerQuarterPanelWidth,
+      width: 248
     },
     '& $pickerCellContent span': {
-      minWidth: _theme.default.datePickerQuarterCellHotWidth
+      // minWidth: token.datePickerQuarterCellHotWidth,
+      minWidth: 56
     },
     '& $pickerCellContent': {
       marginTop: 0
@@ -463,13 +528,15 @@ var datePickerStyle = _objectSpread(_objectSpread({
   },
   weekPicker: {
     '& table': {
-      width: _theme.default.datePickerWeekPanelWidth
+      // width: token.datePickerWeekPanelWidth,
+      width: 284
     }
   },
   timePicker: {
     '& $pickerBody': {
       display: 'flex',
-      width: _theme.default.datePickerTimePanelWidth,
+      // width: token.datePickerTimePanelWidth,
+      width: 230,
       padding: "".concat(_theme.default.datePickerTimePanelPaddingY, " ").concat(_theme.default.datePickerTimePanelPaddingX, " "),
       boxSizing: 'border-box',
       position: 'relative'
@@ -561,7 +628,12 @@ var datePickerStyle = _objectSpread(_objectSpread({
     '& $timePicker': {
       position: 'absolute',
       top: 0,
-      left: 0,
+      '&[dir=ltr]': {
+        left: 0
+      },
+      '&[dir=rtl]': {
+        right: 0
+      },
       transform: 'translateY(-100%)',
       backgroundColor: _theme.default.datePickerPanelBackgroundColor,
       boxShadow: _theme.default.datePickerPanelShadow,

package/cjs/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/cjs/descriptions/descriptions.js

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

package/cjs/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/cjs/dropdown/dropdown.js

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

package/cjs/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/cjs/form/form-item.js

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

package/cjs/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"}