@sheinx/shineout-style 3.9.0-beta.3 → 3.9.0-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/cjs/alert/alert.js +1 -1
  2. package/cjs/date-picker/date-picker.js +3 -3
  3. package/cjs/descriptions/descriptions.d.ts.map +1 -1
  4. package/cjs/descriptions/descriptions.js +3 -0
  5. package/cjs/input/input-border.d.ts.map +1 -1
  6. package/cjs/input/input-border.js +28 -15
  7. package/cjs/jss-style/index.d.ts.map +1 -1
  8. package/cjs/jss-style/index.js +5 -1
  9. package/cjs/normalize.d.ts +3 -0
  10. package/cjs/normalize.d.ts.map +1 -1
  11. package/cjs/normalize.js +4 -4
  12. package/cjs/select/select.js +1 -1
  13. package/cjs/spin/spin.d.ts.map +1 -1
  14. package/cjs/spin/spin.js +2 -1
  15. package/cjs/table/table.d.ts.map +1 -1
  16. package/cjs/table/table.js +1 -3
  17. package/cjs/tabs/tabs.d.ts.map +1 -1
  18. package/cjs/tabs/tabs.js +7 -4
  19. package/cjs/tag/tag.d.ts.map +1 -1
  20. package/cjs/tag/tag.js +14 -7
  21. package/cjs/version.d.ts +1 -1
  22. package/cjs/version.d.ts.map +1 -1
  23. package/cjs/version.js +1 -1
  24. package/esm/alert/alert.js +1 -1
  25. package/esm/date-picker/date-picker.js +3 -3
  26. package/esm/descriptions/descriptions.d.ts.map +1 -1
  27. package/esm/descriptions/descriptions.js +3 -0
  28. package/esm/input/input-border.d.ts.map +1 -1
  29. package/esm/input/input-border.js +28 -15
  30. package/esm/jss-style/index.d.ts.map +1 -1
  31. package/esm/jss-style/index.js +5 -1
  32. package/esm/normalize.d.ts +3 -0
  33. package/esm/normalize.d.ts.map +1 -1
  34. package/esm/normalize.js +3 -3
  35. package/esm/select/select.js +1 -1
  36. package/esm/spin/spin.d.ts.map +1 -1
  37. package/esm/spin/spin.js +2 -1
  38. package/esm/table/table.d.ts.map +1 -1
  39. package/esm/table/table.js +1 -3
  40. package/esm/tabs/tabs.d.ts.map +1 -1
  41. package/esm/tabs/tabs.js +7 -4
  42. package/esm/tag/tag.d.ts.map +1 -1
  43. package/esm/tag/tag.js +14 -7
  44. package/esm/version.d.ts +1 -1
  45. package/esm/version.d.ts.map +1 -1
  46. package/esm/version.js +1 -1
  47. package/package.json +3 -3
@@ -154,7 +154,7 @@ var alertStyle = {
154
154
  color: _theme.default.alertWarningFontColor
155
155
  },
156
156
  confirmwarningIcon: {
157
- color: _theme.default.alertDangerFontColor
157
+ color: _theme.default.alertWarningFontColor
158
158
  },
159
159
  dangerIcon: {
160
160
  color: _theme.default.alertDangerFontColor
@@ -448,13 +448,13 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
448
448
  color: _theme.default.datePickerCellOtherColor
449
449
  },
450
450
  '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
451
- '& span': {
451
+ '& $pickerCellContent > span': {
452
452
  backgroundColor: _theme.default.datePickerCellHoverBackgroundColor,
453
453
  color: _theme.default.datePickerCellHoverColor
454
454
  }
455
455
  },
456
456
  '&$pickerCellInRange:not($pickerCellActive):not($pickerCellDisabled):hover': {
457
- '& span': {
457
+ '& $pickerCellContent > span': {
458
458
  backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
459
459
  }
460
460
  },
@@ -468,7 +468,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
468
468
  position: 'relative',
469
469
  height: _theme.default.datePickerCellHeight,
470
470
  lineHeight: _theme.default.datePickerCellHeight,
471
- '& span': {
471
+ '& > span': {
472
472
  display: 'inline-block',
473
473
  minWidth: _theme.default.datePickerCellHotHeight,
474
474
  height: _theme.default.datePickerCellHotHeight,
@@ -1 +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,CA0KtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
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,CA6KtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -103,6 +103,9 @@ var descriptionsStyle = {
103
103
  horizontal: {
104
104
  '& $label': {
105
105
  width: '1px'
106
+ },
107
+ '& $value:empty': {
108
+ width: '1px'
106
109
  }
107
110
  },
108
111
  vertical: {
@@ -1 +1 @@
1
- {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA+LE"}
1
+ {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAwME"}
@@ -5,13 +5,21 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
10
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
11
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
10
12
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
13
+ var supportsHas = function supportsHas() {
14
+ if (typeof CSS === 'undefined' || typeof CSS.supports === 'undefined') {
15
+ return false;
16
+ }
17
+ return CSS.supports('selector(:has(*))');
18
+ };
11
19
  var _default = exports.default = function _default(name) {
12
- var _ref;
20
+ var _ref2;
13
21
  var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
14
- return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, name, {
22
+ return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, name, _objectSpread({
15
23
  boxSizing: 'border-box',
16
24
  borderRadius: token.borderRadius,
17
25
  background: token.backgroundColor,
@@ -36,7 +44,7 @@ var _default = exports.default = function _default(name) {
36
44
  flex: 1,
37
45
  minWidth: 0
38
46
  },
39
- '[data-soui-role="input-group"] [data-soui-input-border] + &&&': {
47
+ '[data-soui-role="input-group"]:not([data-soui-border="false"]) [data-soui-input-border] + &&&': {
40
48
  borderLeftWidth: '1px'
41
49
  },
42
50
  '[data-soui-role="input-group-separate"] &&&, [data-soui-role="input-group-separate"] &&&:hover': {
@@ -65,7 +73,11 @@ var _default = exports.default = function _default(name) {
65
73
  borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
66
74
  }
67
75
  }
68
- }), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
76
+ }, supportsHas() ? _defineProperty({}, "[data-soui-role=\"input-group\"]:has(&$".concat(name, "Error)"), {
77
+ borderColor: token.errorBorderColor,
78
+ background: token.errorBackgroundColor,
79
+ boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
80
+ }) : {})), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
69
81
  borderRadius: token.borderRadius
70
82
  }, "$".concat(name, ":not($").concat(name, "InnerTitle) &"), {
71
83
  padding: "".concat(token.paddingY, " ").concat(token.paddingX)
@@ -114,8 +126,11 @@ var _default = exports.default = function _default(name) {
114
126
  '&:hover': {
115
127
  borderColor: token.focusBorderColor
116
128
  }
117
- }), "".concat(name, "Error"), _defineProperty(_defineProperty({}, "&:not($".concat(name, "Disabled)"), {
118
- borderColor: token.errorBorderColor,
129
+ }), "".concat(name, "Error"), _defineProperty(_defineProperty({
130
+ '&&': {
131
+ borderColor: token.errorBorderColor
132
+ }
133
+ }, "&:not($".concat(name, "Disabled)"), {
119
134
  background: token.errorBackgroundColor,
120
135
  '&:hover': {
121
136
  borderColor: token.errorHoverBorderColor,
@@ -128,19 +143,17 @@ var _default = exports.default = function _default(name) {
128
143
  // '[data-soui-role="input-group-separate"]&': {
129
144
  // boxShadow: 'none',
130
145
  // }
131
- })), "".concat(name, "Disabled"), {
146
+ })), "".concat(name, "Disabled"), _defineProperty(_defineProperty({
132
147
  color: token.disabledFontColor,
133
148
  backgroundColor: token.disabledBackgroundColor,
134
149
  borderColor: token.disabledBorderColor,
135
150
  boxShadow: 'none',
136
- cursor: 'not-allowed',
137
- '&:hover': {
138
- borderColor: token.disabledBorderColor
139
- },
140
- '& *': {
141
- cursor: 'not-allowed'
142
- }
143
- }), _defineProperty(_defineProperty(_ref, "".concat(name, "Underline"), {
151
+ cursor: 'not-allowed'
152
+ }, "&:not($".concat(name, "Error):hover"), {
153
+ borderColor: token.disabledBorderColor
154
+ }), '& *', {
155
+ cursor: 'not-allowed'
156
+ })), _defineProperty(_defineProperty(_ref2, "".concat(name, "Underline"), {
144
157
  '&&': {
145
158
  borderLeftColor: 'transparent',
146
159
  borderRightColor: 'transparent',
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAO5C,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAqBtE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAO5C,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAyBtE,CAAC"}
@@ -70,9 +70,13 @@ var styled = exports.styled = function styled(style, ns) {
70
70
  name: ns,
71
71
  generateId: createClassname
72
72
  });
73
+ var styledCacheMap = {};
73
74
  var getClassName = function getClassName() {
74
75
  var classes = hoc();
75
- return Object.keys(classes).reduce(function (acc, key) {
76
+ if (styledCacheMap[ns]) {
77
+ return styledCacheMap[ns];
78
+ }
79
+ return styledCacheMap[ns] = Object.keys(classes).reduce(function (acc, key) {
76
80
  var k = key;
77
81
  var value = '';
78
82
  // 给每个组件的root类名添加命名空间
@@ -1,2 +1,5 @@
1
+ export declare const normalizeStyle: string;
2
+ export declare const normalizeStyleId: string;
3
+ export declare const jssInsertionPointId: string;
1
4
  export declare const scopeNormalizeStyle: (csScopePrefix?: string) => void;
2
5
  //# sourceMappingURL=normalize.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AAgZA,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}
1
+ {"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc,QA0VzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAAwC,CAAC;AACtE,eAAO,MAAM,mBAAmB,QAAkD,CAAC;AAsBnF,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}
package/cjs/normalize.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.scopeNormalizeStyle = void 0;
6
+ exports.scopeNormalizeStyle = exports.normalizeStyleId = exports.normalizeStyle = exports.jssInsertionPointId = void 0;
7
7
  var _theme = require("@sheinx/theme");
8
8
  var _jssStyle = require("./jss-style");
9
9
  var _version = _interopRequireDefault(require("./version"));
@@ -32,9 +32,9 @@ var token = {
32
32
  };
33
33
  var lineHeightComputed = '20px';
34
34
  var lineHeightComputed2 = '10px';
35
- var normalizeStyle = "*,\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}");
36
- var normalizeStyleId = 'shineout-next-normalize__' + _version.default;
37
- var jssInsertionPointId = 'shineout-next-jss-insertion-point__' + _version.default;
35
+ var normalizeStyle = exports.normalizeStyle = "*,\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}");
36
+ var normalizeStyleId = exports.normalizeStyleId = 'shineout-next-normalize__' + _version.default;
37
+ var jssInsertionPointId = exports.jssInsertionPointId = 'shineout-next-jss-insertion-point__' + _version.default;
38
38
  function appendNormalizeStyle(styleString, id) {
39
39
  var style = document.createElement('style');
40
40
  style.setAttribute('name', id);
@@ -407,7 +407,7 @@ var selectStyle = _objectSpread(_objectSpread({
407
407
  hideTag: {},
408
408
  list: {},
409
409
  tree: {
410
- padding: 4,
410
+ padding: '0 4px',
411
411
  overflow: 'auto'
412
412
  },
413
413
  treeOption: {
@@ -1 +1 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA+E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/spin/spin.js CHANGED
@@ -97,7 +97,8 @@ var spinStyle = _objectSpread(_objectSpread({
97
97
  }
98
98
  },
99
99
  tip: {
100
- color: _theme.default.spinTipFontColor
100
+ color: _theme.default.spinTipFontColor,
101
+ fontSize: _theme.default.spinTipFontSize
101
102
  },
102
103
  vertical: {},
103
104
  horizontal: {}
@@ -1 +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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAyoBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -319,10 +319,8 @@ var tableStyle = _objectSpread(_objectSpread({
319
319
  }
320
320
  },
321
321
  rowHover: {
322
- '& td': {
323
- transition: 'background-color 0.2s'
324
- },
325
322
  '&&:hover td': {
323
+ transition: 'background-color 0.2s',
326
324
  background: "".concat(_theme.default.tableTbodyHoverBackgroundColor)
327
325
  }
328
326
  },
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAmf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAsf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tabs/tabs.js CHANGED
@@ -378,7 +378,6 @@ var tabsStyle = {
378
378
  },
379
379
  headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
380
380
  display: 'flex',
381
- overflow: 'hidden',
382
381
  position: 'relative',
383
382
  '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
384
383
  alignItems: 'center',
@@ -433,10 +432,12 @@ var tabsStyle = {
433
432
  '& $tab': {
434
433
  display: 'block'
435
434
  },
436
- '& $tab + $tab': {
435
+ '&& $tab + $tab': {
437
436
  marginTop: _theme.default.tabsNearlyMargin
438
437
  },
439
438
  '& $next,& $prev': {
439
+ // 考虑垂直方向可滚动功能时一并修复zIndex
440
+ // zIndex: 1,
440
441
  padding: "".concat(_theme.default.tabsActionVerticalPaddingY, " ").concat(_theme.default.tabsActionVerticalPaddingX),
441
442
  '&:after': {
442
443
  display: 'none'
@@ -577,7 +578,9 @@ var tabsStyle = {
577
578
  whiteSpace: 'nowrap',
578
579
  overflow: 'hidden',
579
580
  '$headerWrapper[data-soui-shape="card"] &': {
581
+ marginTop: "calc(-1 * ".concat(_theme.default.tabsBadgeMargin, ")"),
580
582
  '& $tab': {
583
+ marginTop: _theme.default.tabsBadgeMargin,
581
584
  position: 'relative',
582
585
  border: "1px solid ".concat(_theme.default.tabsCardBorderColor),
583
586
  padding: "".concat(_theme.default.tabsCardPaddingY, " ").concat(_theme.default.tabsCardPaddingX),
@@ -606,7 +609,7 @@ var tabsStyle = {
606
609
  '$headerWrapper[data-soui-shape="line"] &': {
607
610
  '& $tab': {
608
611
  position: 'relative',
609
- padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
612
+ padding: "".concat(_theme.default.tabsLinePaddingTop, " ").concat(_theme.default.tabsLinePaddingX, " ").concat(_theme.default.tabsLinePaddingBottom),
610
613
  color: _theme.default.tabsLineFontColor,
611
614
  fontSize: _theme.default.tabsLineFontSize,
612
615
  fontWeight: _theme.default.tabsLineFontWeight,
@@ -656,7 +659,7 @@ var tabsStyle = {
656
659
  },
657
660
  '$headerWrapper[data-soui-shape="dash"] &': {
658
661
  '& $tab': {
659
- padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
662
+ padding: "".concat(_theme.default.tabsLinePaddingTop, " ").concat(_theme.default.tabsLinePaddingX, " ").concat(_theme.default.tabsLinePaddingBottom),
660
663
  color: _theme.default.tabsLineFontColor,
661
664
  fontSize: _theme.default.tabsLineFontSize,
662
665
  fontWeight: _theme.default.tabsLineFontWeight,
@@ -1 +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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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;AAoJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/tag/tag.js CHANGED
@@ -153,7 +153,7 @@ var TagStyle = {
153
153
  wrapper: {
154
154
  flex: 1,
155
155
  minWidth: 0,
156
- lineHeight: _theme.default.lineHeightDynamic
156
+ lineHeight: _theme.default.tagDefaultLineHeight
157
157
  },
158
158
  inline: {
159
159
  display: 'inline-block',
@@ -173,6 +173,12 @@ var TagStyle = {
173
173
  width: 14,
174
174
  height: 14
175
175
  }
176
+ },
177
+ '& $wrapper': {
178
+ lineHeight: _theme.default.tagLargeLineHeight
179
+ },
180
+ '& $closeIcon': {
181
+ height: _theme.default.tagLargeLineHeight
176
182
  }
177
183
  },
178
184
  small: {
@@ -182,10 +188,10 @@ var TagStyle = {
182
188
  fontWeight: _theme.default.tagSmallFontWeight,
183
189
  borderRadius: _theme.default.tagSmallBorderRadius,
184
190
  '& $wrapper': {
185
- lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
191
+ lineHeight: "var(".concat(_theme.default.tagSmallLineHeight, ", calc(").concat(_theme.default.tagSmallFontSize, " + 6px))")
186
192
  },
187
193
  '& $closeIcon': {
188
- height: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
194
+ height: "var(".concat(_theme.default.tagSmallLineHeight, ", calc(").concat(_theme.default.tagSmallFontSize, " + 6px))")
189
195
  },
190
196
  '& $closeIconWrapper': {
191
197
  width: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
@@ -208,7 +214,7 @@ var TagStyle = {
208
214
  alignItems: 'center',
209
215
  display: 'inline-flex',
210
216
  cursor: 'pointer',
211
- height: _theme.default.lineHeightDynamic,
217
+ height: _theme.default.tagDefaultLineHeight,
212
218
  maxHeight: '100%'
213
219
  },
214
220
  closeIconWrapper: {
@@ -235,11 +241,12 @@ var TagStyle = {
235
241
  cyan: _objectSpread({}, brightTag('cyan', 'Cyan')),
236
242
  neon: _objectSpread({}, brightTag('neon', 'Neon')),
237
243
  lemon: _objectSpread({}, brightTag('lemon', 'Lemon')),
244
+ orange: _objectSpread({}, brightTag('orange', 'Orange')),
238
245
  tangerine: _objectSpread({}, brightTag('tangerine', 'Tangerine')),
239
- fill: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')),
246
+ fill: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')), fillTag('orange', 'Orange')),
240
247
  bright: {},
241
- outline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')),
242
- brightOutline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')),
248
+ outline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')), outlineTag('orange', 'Orange')),
249
+ brightOutline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')), brightOutlineTag('orange', 'Orange')),
243
250
  rounded: {
244
251
  borderRadius: _theme.default.buttonRoundBorderRadius
245
252
  }
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.0-beta.3";
1
+ declare const _default: "3.9.0-beta.30";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.9.0-beta.3';
7
+ var _default = exports.default = '3.9.0-beta.30';
@@ -147,7 +147,7 @@ var alertStyle = {
147
147
  color: Token.alertWarningFontColor
148
148
  },
149
149
  confirmwarningIcon: {
150
- color: Token.alertDangerFontColor
150
+ color: Token.alertWarningFontColor
151
151
  },
152
152
  dangerIcon: {
153
153
  color: Token.alertDangerFontColor
@@ -441,13 +441,13 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
441
441
  color: token.datePickerCellOtherColor
442
442
  },
443
443
  '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
444
- '& span': {
444
+ '& $pickerCellContent > span': {
445
445
  backgroundColor: token.datePickerCellHoverBackgroundColor,
446
446
  color: token.datePickerCellHoverColor
447
447
  }
448
448
  },
449
449
  '&$pickerCellInRange:not($pickerCellActive):not($pickerCellDisabled):hover': {
450
- '& span': {
450
+ '& $pickerCellContent > span': {
451
451
  backgroundColor: token.datePickerCellActiveHoverBackgroundColor
452
452
  }
453
453
  },
@@ -461,7 +461,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
461
461
  position: 'relative',
462
462
  height: token.datePickerCellHeight,
463
463
  lineHeight: token.datePickerCellHeight,
464
- '& span': {
464
+ '& > span': {
465
465
  display: 'inline-block',
466
466
  minWidth: token.datePickerCellHotHeight,
467
467
  height: token.datePickerCellHotHeight,
@@ -1 +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,CA0KtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
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,CA6KtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -96,6 +96,9 @@ var descriptionsStyle = {
96
96
  horizontal: {
97
97
  '& $label': {
98
98
  width: '1px'
99
+ },
100
+ '& $value:empty': {
101
+ width: '1px'
99
102
  }
100
103
  },
101
104
  vertical: {
@@ -1 +1 @@
1
- {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA+LE"}
1
+ {"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAwME"}
@@ -1,11 +1,19 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2
4
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ var supportsHas = function supportsHas() {
8
+ if (typeof CSS === 'undefined' || typeof CSS.supports === 'undefined') {
9
+ return false;
10
+ }
11
+ return CSS.supports('selector(:has(*))');
12
+ };
5
13
  export default (function (name) {
6
- var _ref;
14
+ var _ref2;
7
15
  var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
8
- return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, name, {
16
+ return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, name, _objectSpread({
9
17
  boxSizing: 'border-box',
10
18
  borderRadius: token.borderRadius,
11
19
  background: token.backgroundColor,
@@ -30,7 +38,7 @@ export default (function (name) {
30
38
  flex: 1,
31
39
  minWidth: 0
32
40
  },
33
- '[data-soui-role="input-group"] [data-soui-input-border] + &&&': {
41
+ '[data-soui-role="input-group"]:not([data-soui-border="false"]) [data-soui-input-border] + &&&': {
34
42
  borderLeftWidth: '1px'
35
43
  },
36
44
  '[data-soui-role="input-group-separate"] &&&, [data-soui-role="input-group-separate"] &&&:hover': {
@@ -59,7 +67,11 @@ export default (function (name) {
59
67
  borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
60
68
  }
61
69
  }
62
- }), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
70
+ }, supportsHas() ? _defineProperty({}, "[data-soui-role=\"input-group\"]:has(&$".concat(name, "Error)"), {
71
+ borderColor: token.errorBorderColor,
72
+ background: token.errorBackgroundColor,
73
+ boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
74
+ }) : {})), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
63
75
  borderRadius: token.borderRadius
64
76
  }, "$".concat(name, ":not($").concat(name, "InnerTitle) &"), {
65
77
  padding: "".concat(token.paddingY, " ").concat(token.paddingX)
@@ -108,8 +120,11 @@ export default (function (name) {
108
120
  '&:hover': {
109
121
  borderColor: token.focusBorderColor
110
122
  }
111
- }), "".concat(name, "Error"), _defineProperty(_defineProperty({}, "&:not($".concat(name, "Disabled)"), {
112
- borderColor: token.errorBorderColor,
123
+ }), "".concat(name, "Error"), _defineProperty(_defineProperty({
124
+ '&&': {
125
+ borderColor: token.errorBorderColor
126
+ }
127
+ }, "&:not($".concat(name, "Disabled)"), {
113
128
  background: token.errorBackgroundColor,
114
129
  '&:hover': {
115
130
  borderColor: token.errorHoverBorderColor,
@@ -122,19 +137,17 @@ export default (function (name) {
122
137
  // '[data-soui-role="input-group-separate"]&': {
123
138
  // boxShadow: 'none',
124
139
  // }
125
- })), "".concat(name, "Disabled"), {
140
+ })), "".concat(name, "Disabled"), _defineProperty(_defineProperty({
126
141
  color: token.disabledFontColor,
127
142
  backgroundColor: token.disabledBackgroundColor,
128
143
  borderColor: token.disabledBorderColor,
129
144
  boxShadow: 'none',
130
- cursor: 'not-allowed',
131
- '&:hover': {
132
- borderColor: token.disabledBorderColor
133
- },
134
- '& *': {
135
- cursor: 'not-allowed'
136
- }
137
- }), _defineProperty(_defineProperty(_ref, "".concat(name, "Underline"), {
145
+ cursor: 'not-allowed'
146
+ }, "&:not($".concat(name, "Error):hover"), {
147
+ borderColor: token.disabledBorderColor
148
+ }), '& *', {
149
+ cursor: 'not-allowed'
150
+ })), _defineProperty(_defineProperty(_ref2, "".concat(name, "Underline"), {
138
151
  '&&': {
139
152
  borderLeftColor: 'transparent',
140
153
  borderRightColor: 'transparent',
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAO5C,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAqBtE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAO5C,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAyBtE,CAAC"}
@@ -45,9 +45,13 @@ export var styled = function styled(style, ns) {
45
45
  name: ns,
46
46
  generateId: createClassname
47
47
  });
48
+ var styledCacheMap = {};
48
49
  var getClassName = function getClassName() {
49
50
  var classes = hoc();
50
- return Object.keys(classes).reduce(function (acc, key) {
51
+ if (styledCacheMap[ns]) {
52
+ return styledCacheMap[ns];
53
+ }
54
+ return styledCacheMap[ns] = Object.keys(classes).reduce(function (acc, key) {
51
55
  var k = key;
52
56
  var value = '';
53
57
  // 给每个组件的root类名添加命名空间
@@ -1,2 +1,5 @@
1
+ export declare const normalizeStyle: string;
2
+ export declare const normalizeStyleId: string;
3
+ export declare const jssInsertionPointId: string;
1
4
  export declare const scopeNormalizeStyle: (csScopePrefix?: string) => void;
2
5
  //# sourceMappingURL=normalize.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AAgZA,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}
1
+ {"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc,QA0VzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAAwC,CAAC;AACtE,eAAO,MAAM,mBAAmB,QAAkD,CAAC;AAsBnF,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}
package/esm/normalize.js CHANGED
@@ -24,9 +24,9 @@ var token = {
24
24
  };
25
25
  var lineHeightComputed = '20px';
26
26
  var lineHeightComputed2 = '10px';
27
- var normalizeStyle = "*,\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}");
28
- var normalizeStyleId = 'shineout-next-normalize__' + version;
29
- var jssInsertionPointId = 'shineout-next-jss-insertion-point__' + version;
27
+ export var normalizeStyle = "*,\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}");
28
+ export var normalizeStyleId = 'shineout-next-normalize__' + version;
29
+ export var jssInsertionPointId = 'shineout-next-jss-insertion-point__' + version;
30
30
  function appendNormalizeStyle(styleString, id) {
31
31
  var style = document.createElement('style');
32
32
  style.setAttribute('name', id);
@@ -400,7 +400,7 @@ var selectStyle = _objectSpread(_objectSpread({
400
400
  hideTag: {},
401
401
  list: {},
402
402
  tree: {
403
- padding: 4,
403
+ padding: '0 4px',
404
404
  overflow: 'auto'
405
405
  },
406
406
  treeOption: {
@@ -1 +1 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA+E1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/spin/spin.js CHANGED
@@ -90,7 +90,8 @@ var spinStyle = _objectSpread(_objectSpread({
90
90
  }
91
91
  },
92
92
  tip: {
93
- color: Token.spinTipFontColor
93
+ color: Token.spinTipFontColor,
94
+ fontSize: Token.spinTipFontSize
94
95
  },
95
96
  vertical: {},
96
97
  horizontal: {}
@@ -1 +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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAyoBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -312,10 +312,8 @@ var tableStyle = _objectSpread(_objectSpread({
312
312
  }
313
313
  },
314
314
  rowHover: {
315
- '& td': {
316
- transition: 'background-color 0.2s'
317
- },
318
315
  '&&:hover td': {
316
+ transition: 'background-color 0.2s',
319
317
  background: "".concat(token.tableTbodyHoverBackgroundColor)
320
318
  }
321
319
  },
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAmf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAsf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tabs/tabs.js CHANGED
@@ -371,7 +371,6 @@ var tabsStyle = {
371
371
  },
372
372
  headerWrapper: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
373
373
  display: 'flex',
374
- overflow: 'hidden',
375
374
  position: 'relative',
376
375
  '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
377
376
  alignItems: 'center',
@@ -426,10 +425,12 @@ var tabsStyle = {
426
425
  '& $tab': {
427
426
  display: 'block'
428
427
  },
429
- '& $tab + $tab': {
428
+ '&& $tab + $tab': {
430
429
  marginTop: Token.tabsNearlyMargin
431
430
  },
432
431
  '& $next,& $prev': {
432
+ // 考虑垂直方向可滚动功能时一并修复zIndex
433
+ // zIndex: 1,
433
434
  padding: "".concat(Token.tabsActionVerticalPaddingY, " ").concat(Token.tabsActionVerticalPaddingX),
434
435
  '&:after': {
435
436
  display: 'none'
@@ -570,7 +571,9 @@ var tabsStyle = {
570
571
  whiteSpace: 'nowrap',
571
572
  overflow: 'hidden',
572
573
  '$headerWrapper[data-soui-shape="card"] &': {
574
+ marginTop: "calc(-1 * ".concat(Token.tabsBadgeMargin, ")"),
573
575
  '& $tab': {
576
+ marginTop: Token.tabsBadgeMargin,
574
577
  position: 'relative',
575
578
  border: "1px solid ".concat(Token.tabsCardBorderColor),
576
579
  padding: "".concat(Token.tabsCardPaddingY, " ").concat(Token.tabsCardPaddingX),
@@ -599,7 +602,7 @@ var tabsStyle = {
599
602
  '$headerWrapper[data-soui-shape="line"] &': {
600
603
  '& $tab': {
601
604
  position: 'relative',
602
- padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
605
+ padding: "".concat(Token.tabsLinePaddingTop, " ").concat(Token.tabsLinePaddingX, " ").concat(Token.tabsLinePaddingBottom),
603
606
  color: Token.tabsLineFontColor,
604
607
  fontSize: Token.tabsLineFontSize,
605
608
  fontWeight: Token.tabsLineFontWeight,
@@ -649,7 +652,7 @@ var tabsStyle = {
649
652
  },
650
653
  '$headerWrapper[data-soui-shape="dash"] &': {
651
654
  '& $tab': {
652
- padding: "".concat(Token.tabsLinePaddingY, " ").concat(Token.tabsLinePaddingX),
655
+ padding: "".concat(Token.tabsLinePaddingTop, " ").concat(Token.tabsLinePaddingX, " ").concat(Token.tabsLinePaddingBottom),
653
656
  color: Token.tabsLineFontColor,
654
657
  fontSize: Token.tabsLineFontSize,
655
658
  fontWeight: Token.tabsLineFontWeight,
@@ -1 +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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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;AAoJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/tag/tag.js CHANGED
@@ -146,7 +146,7 @@ var TagStyle = {
146
146
  wrapper: {
147
147
  flex: 1,
148
148
  minWidth: 0,
149
- lineHeight: Token.lineHeightDynamic
149
+ lineHeight: Token.tagDefaultLineHeight
150
150
  },
151
151
  inline: {
152
152
  display: 'inline-block',
@@ -166,6 +166,12 @@ var TagStyle = {
166
166
  width: 14,
167
167
  height: 14
168
168
  }
169
+ },
170
+ '& $wrapper': {
171
+ lineHeight: Token.tagLargeLineHeight
172
+ },
173
+ '& $closeIcon': {
174
+ height: Token.tagLargeLineHeight
169
175
  }
170
176
  },
171
177
  small: {
@@ -175,10 +181,10 @@ var TagStyle = {
175
181
  fontWeight: Token.tagSmallFontWeight,
176
182
  borderRadius: Token.tagSmallBorderRadius,
177
183
  '& $wrapper': {
178
- lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
184
+ lineHeight: "var(".concat(Token.tagSmallLineHeight, ", calc(").concat(Token.tagSmallFontSize, " + 6px))")
179
185
  },
180
186
  '& $closeIcon': {
181
- height: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
187
+ height: "var(".concat(Token.tagSmallLineHeight, ", calc(").concat(Token.tagSmallFontSize, " + 6px))")
182
188
  },
183
189
  '& $closeIconWrapper': {
184
190
  width: "calc(".concat(Token.tagSmallFontSize, " + 6px)"),
@@ -201,7 +207,7 @@ var TagStyle = {
201
207
  alignItems: 'center',
202
208
  display: 'inline-flex',
203
209
  cursor: 'pointer',
204
- height: Token.lineHeightDynamic,
210
+ height: Token.tagDefaultLineHeight,
205
211
  maxHeight: '100%'
206
212
  },
207
213
  closeIconWrapper: {
@@ -228,11 +234,12 @@ var TagStyle = {
228
234
  cyan: _objectSpread({}, brightTag('cyan', 'Cyan')),
229
235
  neon: _objectSpread({}, brightTag('neon', 'Neon')),
230
236
  lemon: _objectSpread({}, brightTag('lemon', 'Lemon')),
237
+ orange: _objectSpread({}, brightTag('orange', 'Orange')),
231
238
  tangerine: _objectSpread({}, brightTag('tangerine', 'Tangerine')),
232
- fill: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')),
239
+ fill: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')), fillTag('orange', 'Orange')),
233
240
  bright: {},
234
- outline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')),
235
- brightOutline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')),
241
+ outline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')), outlineTag('orange', 'Orange')),
242
+ brightOutline: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')), brightOutlineTag('orange', 'Orange')),
236
243
  rounded: {
237
244
  borderRadius: Token.buttonRoundBorderRadius
238
245
  }
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.0-beta.3";
1
+ declare const _default: "3.9.0-beta.30";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.0-beta.3';
1
+ export default '3.9.0-beta.30';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.0-beta.3",
3
+ "version": "3.9.0-beta.30",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.9.0-beta.3",
21
- "@sheinx/base": "3.9.0-beta.3"
20
+ "@sheinx/theme": "3.9.0-beta.30",
21
+ "@sheinx/base": "3.9.0-beta.30"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"