@sheinx/shineout-style 3.1.0-rc.1 → 3.1.0-rc.3

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,CAkJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/alert/alert.js

@@ -103,7 +103,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/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,CAijBlD,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), {}, {
@@ -431,31 +435,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 +474,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'

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/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,CAqGlD,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,

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"}

package/cjs/image/image.js

@@ -237,7 +237,6 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
   close: {
     position: 'absolute',
     top: -15,
-    right: -15,
     zIndex: 1,
     cursor: 'pointer',
     outline: 'none',
@@ -247,6 +246,12 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
     // hover
     '&:hover': {
       color: '#666C7C'
+    },
+    '&[dir=ltr]': {
+      right: -15
+    },
+    '&[dir=rtl]': {
+      left: -15
     }
   },
   // gallery
@@ -287,23 +292,43 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
       left: '50%'
     },
     '&$galleryForward': {
-      animation: '$keyframe-f2c 0.5s ease-in-out'
+      '&[dir=ltr]': {
+        animation: '$keyframe-f2c 0.5s ease-in-out'
+      },
+      '&[dir=rtl]': {
+        animation: '$keyframe-b2c 0.5s ease-in-out'
+      }
     },
     '&$galleryBackward': {
-      animation: '$keyframe-b2c 0.5s ease-in-out'
+      '&[dir=ltr]': {
+        animation: '$keyframe-b2c 0.5s ease-in-out'
+      },
+      '&[dir=rtl]': {
+        animation: '$keyframe-f2c 0.5s ease-in-out'
+      }
     }
   },
   galleryLeft: {
-    marginRight: '-80px',
     opacity: 0.4,
-    transform: 'translateY(-50%)',
     display: 'flex',
     position: 'absolute',
     zIndex: 1100,
-    right: '100%',
+    transform: 'translateY(-50%)',
+    marginRight: '-80px',
     top: '50%',
+    '&[dir=ltr]': {
+      right: '100%'
+    },
+    '&[dir=rtl]': {
+      left: '100%'
+    },
     '&$galleryForward': {
-      animation: '$keyframe-c2b 0.5s ease-in-out'
+      '&[dir=ltr]': {
+        animation: '$keyframe-c2b 0.5s ease-in-out'
+      },
+      '&[dir=rtl]': {
+        animation: '$keyframe-c2f 0.5s ease-in-out'
+      }
     }
   },
   galleryRight: {
@@ -313,10 +338,20 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
     display: 'flex',
     position: 'absolute',
     zIndex: 1100,
-    left: '100%',
     top: '50%',
+    '&[dir=ltr]': {
+      left: '100%'
+    },
+    '&[dir=rtl]': {
+      right: '100%'
+    },
     '&$galleryBackward': {
-      animation: '$keyframe-c2f 0.5s ease-in-out'
+      '&[dir=ltr]': {
+        animation: '$keyframe-c2f 0.5s ease-in-out'
+      },
+      '&[dir=rtl]': {
+        animation: '$keyframe-c2b 0.5s ease-in-out'
+      }
     }
   },
   // group

package/cjs/jss-style/handleStyle.js

@@ -62,14 +62,14 @@ var handleRule = function handleRule(key, rule, target) {
     target["".concat(condition2)] = _objectSpread(_objectSpread({}, target["".concat(condition2)] || {}), {}, _defineProperty({}, key, rule));
     return;
   }
-  if ('text-align'.indexOf(key) > -1 && (rule === 'left' || rule === 'right')) {
+  if ('textAlign'.indexOf(key) > -1 && (rule === 'left' || rule === 'right')) {
     var _condition = "@supports (text-align: start)";
     var _condition2 = "@supports not (text-align: start)";
     target["".concat(_condition)] = _objectSpread(_objectSpread({}, target["".concat(_condition)] || {}), {}, {
-      'text-align': rule === 'left' ? 'start' : 'end'
+      'textAlign': rule === 'left' ? 'start' : 'end'
     });
     target["".concat(_condition2)] = _objectSpread(_objectSpread({}, target["".concat(_condition2)] || {}), {}, {
-      'text-align': rule
+      'textAlign': rule
     });
     return;
   }

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAuJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAgRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAuJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAiRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -161,6 +161,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     top: 0,
     left: 0,
     // overflow: 'auto',
+    wordWrap: 'break-word',
     width: '100%',
     boxSizing: 'border-box',
     height: '100%',

package/cjs/normalize.js

@@ -14,14 +14,14 @@ var token = {
   color: 'var(--common-body-color, #141737)',
   fontSize: 'var(--font-size-base, 14px)',
   lineHeight: 'var(--common-line-heigh, 1.42857143)',
-  linkColor: _theme.Token['Brand-6'],
+  linkColor: _theme.CommonToken['Brand-6'],
   linkHoverDecoration: 'none',
-  linkDisabledColor: _theme.Token['Brand-3'],
+  linkDisabledColor: _theme.CommonToken['Brand-3'],
   headingsColor: 'inherit',
   headingsFontFamily: 'inherit',
   headingsFontWeight: 'bold',
   headingsLineHeight: '1.1',
-  headingsSmallColor: '123'
+  headingsSmallColor: '#adb5bd'
 };
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';

package/cjs/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAmE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA0D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/pagination/pagination.js

@@ -54,24 +54,15 @@ var PaginationStyle = {
   small: {
     '& $icon': {
       width: _theme.default.paginationSmallFontSize
-    },
-    '& $sectionSize': {
-      padding: 0
     }
   },
   large: {
     '& $icon': {
       width: _theme.default.paginationLargeFontSize
-    },
-    '& $sectionSize': {
-      padding: 0
     }
   },
   buttonItem: {
     transition: 'none'
-  },
-  sectionSize: {
-    padding: 0
   }
 };
 var _default = exports.default = PaginationStyle;

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA6J5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA+J5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -17,6 +17,7 @@ var popoverStyle = {
     backgroundColor: _theme.default.popoverBackgroundColor,
     borderRadius: _theme.default.popoverRadius,
     border: "1px solid ".concat(_theme.default.popoverBorderColor),
+    wordWrap: 'break-word',
     '& $arrow': {
       'z-index': 1,
       position: 'absolute',
@@ -27,7 +28,6 @@ var popoverStyle = {
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderLeft: 'none',
       borderBottom: 'none'
     },
     '&[data-soui-position^="bottom"]': {
@@ -69,7 +69,12 @@ var popoverStyle = {
       }
     },
     '&[data-soui-position^="left"]': {
-      marginLeft: (arrowGap - 2) * -1,
+      '&[dir=ltr]': {
+        marginLeft: (arrowGap - 2) * -1
+      },
+      '&[dir=rtl]': {
+        marginRight: (arrowGap - 2) * -1
+      },
       '& $arrow': {
         right: _theme.default.popoverBorderWidth,
         transform: 'translate(50%, 0) rotate(45deg)',
@@ -88,7 +93,12 @@ var popoverStyle = {
       }
     },
     '&[data-soui-position^="right"]': {
-      marginLeft: arrowGap - 2,
+      '&[dir=ltr]': {
+        marginLeft: arrowGap - 2
+      },
+      '&[dir=rtl]': {
+        marginRight: arrowGap - 2
+      },
       '& $arrow': {
         left: '0',
         transform: 'translate(-50%, 0) rotate(-135deg)',

package/cjs/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqO1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwR1C,CAAC;AAEF,eAAe,WAAW,CAAC"}