@sheinx/shineout-style 3.4.0-beta.4 → 3.4.0-beta.6

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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAkoBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -350,16 +350,29 @@ var datePickerStyle = _objectSpread(_objectSpread({
     display: 'flex',
     justifyContent: 'space-between'
   },
-  pickerFooterLeft: {
+  pickerFooterTime: {
     padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX)
   },
-  pickerFooterRight: {
+  pickerFooterNow: {
     padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX),
     '&:only-child': {
       width: '100%',
       textAlign: 'center'
     }
   },
+  pickerFooterConfirm: {
+    textAlign: 'right',
+    padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX)
+  },
+  pickerRange: {},
+  pickerRangeBody: {
+    display: 'flex'
+  },
+  pickerRangeFooter: {
+    borderTop: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor),
+    display: 'flex',
+    justifyContent: 'flex-end'
+  },
   pickerRow: {},
   pickerRowWeek: {
     '& $pickerCell:nth-child(2)': {
@@ -685,6 +698,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
       cursor: 'pointer'
     }
   },
+  quickPickerActiveItem: {
+    color: _theme.default.datePickerQuickPanelItemActiveFontColor,
+    background: _theme.default.datePickerQuickPanelItemActiveBackgroundColor
+  },
   pickerFooterBtn: {}
 });
 var _default = exports.default = datePickerStyle;

package/cjs/normalize.js

@@ -25,7 +25,7 @@ var token = {
 };
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';
-var css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(token.color, ";\n  font-family: ").concat(token.fontFamily, ";\n  font-size: ").concat(token.fontSize, ";\n  line-height: ").concat(token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(token.headingsColor, ";\n  font-family: ").concat(token.headingsFontFamily, ";\n  font-weight: ").concat(token.headingsFontWeight, ";\n  line-height: ").concat(token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
+var css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(token.color, ";\n  font-family: ").concat(token.fontFamily, ";\n  font-size: ").concat(token.fontSize, ";\n  line-height: ").concat(token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(token.headingsColor, ";\n  font-family: ").concat(token.headingsFontFamily, ";\n  font-weight: ").concat(token.headingsFontWeight, ";\n  line-height: ").concat(token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
 if (typeof window !== 'undefined') {
   var link = document.createElement('style');
   link.innerHTML = css;

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAogB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAygB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -445,6 +445,11 @@ var selectStyle = _objectSpread(_objectSpread({
     padding: 0,
     width: '100%'
   },
+  dynamicList: {
+    '& $optionInner': {
+      textWrap: 'wrap'
+    }
+  },
   option: {
     listStyle: 'none',
     lineHeight: _theme.default.lineHeightDynamic,

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAscxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -242,6 +242,14 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
       background: "".concat(_theme.default.tableTbodyHoverBackgroundColor)
     }
   },
+  rowHover: {
+    '& td': {
+      transition: 'background-color 0.2s'
+    },
+    '&&:hover td': {
+      background: "".concat(_theme.default.tableTbodyHoverBackgroundColor)
+    }
+  },
   floatLeft: {
     '& $cellFixedLast$cellFixedLeft': {
       '&::after': {

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA8IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -171,9 +171,6 @@ var TagStyle = {
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
     fontWeight: _theme.default.tagSmallFontWeight,
     borderRadius: _theme.default.tagSmallBorderRadius,
-    '& $container': {
-      lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
-    },
     '& $wrapper': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

package/cjs/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAgLhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAoMhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/tooltip/tooltip.js

@@ -89,7 +89,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       backgroundColor: _theme.default.tooltipDangerBackgroundColor,
       color: _theme.default.tooltipDangerColor
     },
-    '&::before': {
+    // '&::before': {
+    '& $arrow': {
       'z-index': 1,
       position: 'absolute',
       content: '" "',
@@ -104,19 +105,13 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,
-      '&::before': {
-        top: '0',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, -50%) rotate(-45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, -50%) rotate(45deg)'
       },
-      '&::after': {
+      '& $arrow::after': {
         top: arrowGap * -1,
         left: '0',
         right: '0',
@@ -128,105 +123,105 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     },
     '&[data-soui-position^="top"]': {
       marginTop: (arrowGap - 2) * -1,
-      '&::before': {
-        bottom: '0',
-        transform: 'translate(0, 50%) rotate(135deg)',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, 50%) rotate(135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, 50%) rotate(-135deg)'
-      },
-      '&::after': {
-        bottom: arrowGap * -1,
-        left: '0',
-        right: '0',
-        content: '" "',
-        display: 'block',
-        height: arrowGap,
-        position: 'absolute'
       }
+      // '&::before': {
+      //   bottom: '0',
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      //   left: '0',
+      //   right: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(0, 50%) rotate(-135deg)',
+      // },
+      // '&::after': {
+      //   bottom: arrowGap * -1,
+      //   left: '0',
+      //   right: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   height: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="left"]': {
       marginLeft: (arrowGap - 2) * -1,
-      '&[dir=ltr]': {
-        marginLeft: (arrowGap - 2) * -1
-      },
-      '&[dir=rtl]': {
-        marginRight: (arrowGap - 2) * -1
-      },
-      '&::before': {
-        right: 0,
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(50%, 0) rotate(45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(50%, 0) rotate(135deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
+
+      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
+      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
+      // '&::before': {
+      //   right: 0,
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(50%, 0) rotate(45deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(50%, 0) rotate(135deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="right"]': {
       marginLeft: arrowGap - 2,
-      '&[dir=ltr]': {
-        marginLeft: arrowGap - 2
-      },
-      '&[dir=rtl]': {
-        marginRight: arrowGap - 2
-      },
-      '&::before': {
-        left: '0',
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(-50%, 0) rotate(-135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(-50%, 0) rotate(-45deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
-    },
-    '&&[data-soui-position$="-left"]::before': {
-      left: arrowMargin,
-      right: 'auto'
-    },
-    '&&[data-soui-position$="-right"]::before': {
-      right: arrowMargin,
-      left: 'auto'
-    },
-    '&&[data-soui-position$="-top"]::before': {
-      top: arrowMargin,
-      bottom: 'auto'
-    },
-    '&&[data-soui-position$="-bottom"]::before': {
-      bottom: arrowMargin,
-      top: 'auto'
+
+      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
+      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
+      // '&::before': {
+      //   left: '0',
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-45deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     }
+    // '&&[data-soui-position$="-left"]::before': { left: arrowMargin, right: 'auto' },
+    // '&&[data-soui-position$="-right"]::before': { right: arrowMargin, left: 'auto' },
+    // '&&[data-soui-position$="-top"]::before': { top: arrowMargin, bottom: 'auto' },
+    // '&&[data-soui-position$="-bottom"]::before': { bottom: arrowMargin, top: 'auto' },
   },
   wrapperOpen: {
     display: 'block',
@@ -246,6 +241,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
   target: {
     display: 'inline-block'
   },
+  arrow: {
+    // before
+    '&::before': {
+      content: "''"
+    }
+  },
   content: {
     padding: "".concat(_theme.default.tooltipPaddingY, " ").concat(_theme.default.tooltipPaddingX),
     fontSize: _theme.default.tooltipFontSize

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.4.0-beta.4";
+declare const _default: "3.4.0-beta.6";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.4.0-beta.4';
+var _default = exports.default = '3.4.0-beta.6';

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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAkoBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -343,16 +343,29 @@ var datePickerStyle = _objectSpread(_objectSpread({
     display: 'flex',
     justifyContent: 'space-between'
   },
-  pickerFooterLeft: {
+  pickerFooterTime: {
     padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX)
   },
-  pickerFooterRight: {
+  pickerFooterNow: {
     padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX),
     '&:only-child': {
       width: '100%',
       textAlign: 'center'
     }
   },
+  pickerFooterConfirm: {
+    textAlign: 'right',
+    padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX)
+  },
+  pickerRange: {},
+  pickerRangeBody: {
+    display: 'flex'
+  },
+  pickerRangeFooter: {
+    borderTop: "1px solid ".concat(token.datePickerPanelHeaderBorderColor),
+    display: 'flex',
+    justifyContent: 'flex-end'
+  },
   pickerRow: {},
   pickerRowWeek: {
     '& $pickerCell:nth-child(2)': {
@@ -678,6 +691,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
       cursor: 'pointer'
     }
   },
+  quickPickerActiveItem: {
+    color: token.datePickerQuickPanelItemActiveFontColor,
+    background: token.datePickerQuickPanelItemActiveBackgroundColor
+  },
   pickerFooterBtn: {}
 });
 export default datePickerStyle;

package/esm/normalize.js

@@ -22,7 +22,7 @@ var token = {
 };
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';
-var css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(token.color, ";\n  font-family: ").concat(token.fontFamily, ";\n  font-size: ").concat(token.fontSize, ";\n  line-height: ").concat(token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(token.headingsColor, ";\n  font-family: ").concat(token.headingsFontFamily, ";\n  font-weight: ").concat(token.headingsFontWeight, ";\n  line-height: ").concat(token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
+var css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(token.color, ";\n  font-family: ").concat(token.fontFamily, ";\n  font-size: ").concat(token.fontSize, ";\n  line-height: ").concat(token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(token.headingsColor, ";\n  font-family: ").concat(token.headingsFontFamily, ";\n  font-weight: ").concat(token.headingsFontWeight, ";\n  line-height: ").concat(token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
 if (typeof window !== 'undefined') {
   var link = document.createElement('style');
   link.innerHTML = css;

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAogB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAygB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -438,6 +438,11 @@ var selectStyle = _objectSpread(_objectSpread({
     padding: 0,
     width: '100%'
   },
+  dynamicList: {
+    '& $optionInner': {
+      textWrap: 'wrap'
+    }
+  },
   option: {
     listStyle: 'none',
     lineHeight: token.lineHeightDynamic,

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAscxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -235,6 +235,14 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
       background: "".concat(token.tableTbodyHoverBackgroundColor)
     }
   },
+  rowHover: {
+    '& td': {
+      transition: 'background-color 0.2s'
+    },
+    '&&:hover td': {
+      background: "".concat(token.tableTbodyHoverBackgroundColor)
+    }
+  },
   floatLeft: {
     '& $cellFixedLast$cellFixedLeft': {
       '&::after': {

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA8IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -164,9 +164,6 @@ var TagStyle = {
     padding: "0 ".concat(Token.tagSmallPaddingX),
     fontWeight: Token.tagSmallFontWeight,
     borderRadius: Token.tagSmallBorderRadius,
-    '& $container': {
-      lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
-    },
     '& $wrapper': {
       lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
     },

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAgLhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAoMhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tooltip/tooltip.js

@@ -82,7 +82,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       backgroundColor: token.tooltipDangerBackgroundColor,
       color: token.tooltipDangerColor
     },
-    '&::before': {
+    // '&::before': {
+    '& $arrow': {
       'z-index': 1,
       position: 'absolute',
       content: '" "',
@@ -97,19 +98,13 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,
-      '&::before': {
-        top: '0',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, -50%) rotate(-45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, -50%) rotate(45deg)'
       },
-      '&::after': {
+      '& $arrow::after': {
         top: arrowGap * -1,
         left: '0',
         right: '0',
@@ -121,105 +116,105 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     },
     '&[data-soui-position^="top"]': {
       marginTop: (arrowGap - 2) * -1,
-      '&::before': {
-        bottom: '0',
-        transform: 'translate(0, 50%) rotate(135deg)',
-        left: '0',
-        right: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(0, 50%) rotate(135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(0, 50%) rotate(-135deg)'
-      },
-      '&::after': {
-        bottom: arrowGap * -1,
-        left: '0',
-        right: '0',
-        content: '" "',
-        display: 'block',
-        height: arrowGap,
-        position: 'absolute'
       }
+      // '&::before': {
+      //   bottom: '0',
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      //   left: '0',
+      //   right: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(0, 50%) rotate(135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(0, 50%) rotate(-135deg)',
+      // },
+      // '&::after': {
+      //   bottom: arrowGap * -1,
+      //   left: '0',
+      //   right: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   height: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="left"]': {
       marginLeft: (arrowGap - 2) * -1,
-      '&[dir=ltr]': {
-        marginLeft: (arrowGap - 2) * -1
-      },
-      '&[dir=rtl]': {
-        marginRight: (arrowGap - 2) * -1
-      },
-      '&::before': {
-        right: 0,
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(50%, 0) rotate(45deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(50%, 0) rotate(135deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
+
+      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
+      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
+      // '&::before': {
+      //   right: 0,
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(50%, 0) rotate(45deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(50%, 0) rotate(135deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     },
     '&[data-soui-position^="right"]': {
       marginLeft: arrowGap - 2,
-      '&[dir=ltr]': {
-        marginLeft: arrowGap - 2
-      },
-      '&[dir=rtl]': {
-        marginRight: arrowGap - 2
-      },
-      '&::before': {
-        left: '0',
-        top: '0',
-        bottom: '0',
-        margin: 'auto'
-      },
-      '&[dir=ltr]::before': {
+      '&[dir=ltr] $arrow': {
         transform: 'translate(-50%, 0) rotate(-135deg)'
       },
-      '&[dir=rtl]::before': {
+      '&[dir=rtl] $arrow': {
         transform: 'translate(-50%, 0) rotate(-45deg)'
-      },
-      '&::after': {
-        left: arrowGap * -1,
-        top: '0',
-        bottom: '0',
-        content: '" "',
-        display: 'block',
-        width: arrowGap,
-        position: 'absolute'
       }
-    },
-    '&&[data-soui-position$="-left"]::before': {
-      left: arrowMargin,
-      right: 'auto'
-    },
-    '&&[data-soui-position$="-right"]::before': {
-      right: arrowMargin,
-      left: 'auto'
-    },
-    '&&[data-soui-position$="-top"]::before': {
-      top: arrowMargin,
-      bottom: 'auto'
-    },
-    '&&[data-soui-position$="-bottom"]::before': {
-      bottom: arrowMargin,
-      top: 'auto'
+
+      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
+      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
+      // '&::before': {
+      //   left: '0',
+      //   top: '0',
+      //   bottom: '0',
+      //   margin: 'auto',
+      // },
+      // '&[dir=ltr]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-135deg)',
+      // },
+      // '&[dir=rtl]::before': {
+      //   transform: 'translate(-50%, 0) rotate(-45deg)',
+      // },
+      // '&::after': {
+      //   left: arrowGap * -1,
+      //   top: '0',
+      //   bottom: '0',
+      //   content: '" "',
+      //   display: 'block',
+      //   width: arrowGap,
+      //   position: 'absolute',
+      // },
     }
+    // '&&[data-soui-position$="-left"]::before': { left: arrowMargin, right: 'auto' },
+    // '&&[data-soui-position$="-right"]::before': { right: arrowMargin, left: 'auto' },
+    // '&&[data-soui-position$="-top"]::before': { top: arrowMargin, bottom: 'auto' },
+    // '&&[data-soui-position$="-bottom"]::before': { bottom: arrowMargin, top: 'auto' },
   },
   wrapperOpen: {
     display: 'block',
@@ -239,6 +234,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
   target: {
     display: 'inline-block'
   },
+  arrow: {
+    // before
+    '&::before': {
+      content: "''"
+    }
+  },
   content: {
     padding: "".concat(token.tooltipPaddingY, " ").concat(token.tooltipPaddingX),
     fontSize: token.tooltipFontSize

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.4.0-beta.4";
+declare const _default: "3.4.0-beta.6";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.js

@@ -1 +1 @@
-export default '3.4.0-beta.4';
+export default '3.4.0-beta.6';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.4.0-beta.4",
+  "version": "3.4.0-beta.6",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.4.0-beta.4",
-    "@sheinx/base": "3.4.0-beta.4"
+    "@sheinx/theme": "3.4.0-beta.6",
+    "@sheinx/base": "3.4.0-beta.6"
   },
   "peerDependencies": {
     "core-js": ">=3"