@sheinx/shineout-style 3.6.3-beta.7 → 3.6.3

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 (11) hide show
  1. package/cjs/tag/tag.d.ts.map +1 -1
  2. package/cjs/tag/tag.js +94 -104
  3. package/cjs/version.d.ts +1 -1
  4. package/cjs/version.d.ts.map +1 -1
  5. package/cjs/version.js +1 -1
  6. package/esm/tag/tag.d.ts.map +1 -1
  7. package/esm/tag/tag.js +94 -104
  8. package/esm/version.d.ts +1 -1
  9. package/esm/version.d.ts.map +1 -1
  10. package/esm/version.js +1 -1
  11. package/package.json +3 -3
package/cjs/tag/tag.d.ts.map CHANGED
@@ -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;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiKxC,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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/tag/tag.js CHANGED
@@ -12,115 +12,105 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
12
12
  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; }
13
13
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
14
14
  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); }
15
- var tag = function tag(type) {
15
+ var brightTag = function brightTag(name, type) {
16
16
  return {
17
- // bright 亮色风格
18
- '&$bright': {
19
- color: _theme.default["tag".concat(type, "FontColor")],
20
- backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")],
21
- border: "1px solid transparent",
22
- '& $closeIconWrapper': {
23
- '&:hover': {
24
- backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
25
- }
26
- },
27
- '& $closeIcon': {
28
- // fill: Token[`tag${type}IconFontColor`],
29
- },
30
- '&[data-soui-type="dark"]': {
31
- '&$disabled': {
32
- backgroundColor: _theme.default.tagDefaultFillBackgroundColor,
33
- borderColor: _theme.default.tagDefaultFillBorderColor
34
- }
35
- },
17
+ color: _theme.default["tag".concat(type, "FontColor")],
18
+ backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")],
19
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "BorderColor")]),
20
+ '& $closeIconWrapper': {
21
+ '&:hover': {
22
+ backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
23
+ }
24
+ },
25
+ '&[data-soui-type="dark"]': {
36
26
  '&$disabled': {
37
- color: _theme.default["tag".concat(type, "DisabledFontColor")],
38
- backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
39
- border: "1px solid ".concat(_theme.default["tag".concat(type, "DisabledBorderColor")]),
40
- '& $closeIconWrapper': {
41
- fill: _theme.default["tag".concat(type, "IconDisabledFontColor")],
42
- '&:hover': {
43
- backgroundColor: 'transparent'
44
- }
45
- }
27
+ backgroundColor: _theme.default.tagDefaultFillBackgroundColor,
28
+ borderColor: _theme.default.tagDefaultFillBorderColor
46
29
  }
47
30
  },
48
- '&$fill': {
49
- color: _theme.default["tag".concat(type, "FillFontColor")],
50
- backgroundColor: _theme.default["tag".concat(type, "FillBackgroundColor")],
51
- border: "1px solid ".concat(_theme.default["tag".concat(type, "FillBorderColor")]),
31
+ '&$disabled': {
32
+ color: _theme.default["tag".concat(type, "DisabledFontColor")],
33
+ backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
34
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "DisabledBorderColor")]),
52
35
  '& $closeIconWrapper': {
53
- fill: _theme.default["tag".concat(type, "FillFontColor")],
36
+ fill: _theme.default["tag".concat(type, "IconDisabledFontColor")],
54
37
  '&:hover': {
55
- fill: _theme.default["tag".concat(type, "FontColor")],
56
- backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
38
+ backgroundColor: 'transparent'
57
39
  }
58
- },
59
- '& $closeIcon': {
60
- fill: _theme.default["tag".concat(type, "FillFontColor")]
61
- },
62
- '&$disabled': {
40
+ }
41
+ }
42
+ };
43
+ };
44
+ var fillTag = function fillTag(name, type) {
45
+ return _defineProperty({}, "&$".concat(name), {
46
+ color: _theme.default["tag".concat(type, "FillFontColor")],
47
+ backgroundColor: _theme.default["tag".concat(type, "FillBackgroundColor")],
48
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "FillBorderColor")]),
49
+ '& $closeIconWrapper': {
50
+ color: _theme.default["tag".concat(type, "FillFontColor")],
51
+ '&:hover': {
52
+ backgroundColor: _theme.default["tag".concat(type, "FillIconHoverBackgroundColor")]
53
+ }
54
+ },
55
+ '&$disabled': {
56
+ color: _theme.default["tag".concat(type, "FillDisabledFontColor")],
57
+ backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
58
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
59
+ '& $closeIconWrapper': {
63
60
  color: _theme.default["tag".concat(type, "FillDisabledFontColor")],
64
- backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
65
- border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
66
- '& $closeIconWrapper': {
67
- fill: _theme.default["tag".concat(type, "FillDisabledFontColor")],
68
- '&:hover': {
69
- fill: _theme.default["tag".concat(type, "FillFontColor")],
70
- backgroundColor: 'transparent'
71
- }
61
+ '&:hover': {
62
+ fill: _theme.default["tag".concat(type, "FillFontColor")],
63
+ backgroundColor: 'transparent'
72
64
  }
73
65
  }
66
+ }
67
+ });
68
+ };
69
+ var outlineTag = function outlineTag(name, type) {
70
+ return _defineProperty({}, "&$".concat(name), {
71
+ background: _theme.default["tag".concat(type, "OutlineBackgroundColor")],
72
+ color: _theme.default["tag".concat(type, "OutlineFontColor")],
73
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
74
+ '& $closeIconWrapper': {
75
+ '&:hover': {
76
+ backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")]
77
+ }
74
78
  },
75
- // outline 边框风格
76
- '&$outline': {
77
- background: _theme.default["tag".concat(type, "OutlineBackgroundColor")],
78
- color: _theme.default["tag".concat(type, "OutlineFontColor")],
79
- border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
79
+ '&$disabled': {
80
+ color: _theme.default["tag".concat(type, "OutlineDisabledFontColor")],
81
+ backgroundColor: _theme.default["tag".concat(type, "OutlineDisabledBackgroundColor")],
82
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineDisabledBorderColor")]),
80
83
  '& $closeIconWrapper': {
81
- // hover
84
+ fill: _theme.default["tag".concat(type, "DisabledFontColor")],
82
85
  '&:hover': {
83
- backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")]
84
- }
85
- },
86
- '&$disabled': {
87
- color: _theme.default["tag".concat(type, "OutlineDisabledFontColor")],
88
- backgroundColor: _theme.default["tag".concat(type, "OutlineDisabledBackgroundColor")],
89
- border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineDisabledBorderColor")]),
90
- '& $closeIconWrapper': {
91
- fill: _theme.default["tag".concat(type, "DisabledFontColor")],
92
- '&:hover': {
93
- backgroundColor: 'transparent'
94
- }
86
+ backgroundColor: 'transparent'
95
87
  }
96
88
  }
89
+ }
90
+ });
91
+ };
92
+ var brightOutlineTag = function brightOutlineTag(name, type) {
93
+ return _defineProperty({}, "&$".concat(name), {
94
+ color: _theme.default["tag".concat(type, "FontColor")],
95
+ backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")],
96
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
97
+ '& $closeIconWrapper': {
98
+ '&:hover': {
99
+ backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
100
+ }
97
101
  },
98
- // brightOutline 亮色边框风格
99
- '&$brightOutline': {
100
- color: _theme.default["tag".concat(type, "FontColor")],
101
- backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")],
102
- border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
102
+ '&$disabled': {
103
+ color: _theme.default["tag".concat(type, "DisabledFontColor")],
104
+ backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
105
+ border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineDisabledBorderColor")]),
103
106
  '& $closeIconWrapper': {
107
+ fill: _theme.default["tag".concat(type, "IconDisabledFontColor")],
104
108
  '&:hover': {
105
- backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
106
- }
107
- },
108
- '&$disabled': {
109
- color: _theme.default["tag".concat(type, "DisabledFontColor")],
110
- backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
111
- border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineDisabledBorderColor")]),
112
- '& $closeIconWrapper': {
113
- fill: _theme.default["tag".concat(type, "IconDisabledFontColor")],
114
- '&:hover': {
115
- backgroundColor: 'transparent'
116
- }
109
+ backgroundColor: 'transparent'
117
110
  }
118
111
  }
119
- },
120
- '& $closeIcon': {
121
- fill: _theme.default["tag".concat(type, "FontColor")]
122
112
  }
123
- };
113
+ });
124
114
  };
125
115
  var TagStyle = {
126
116
  rootClass: {},
@@ -232,23 +222,23 @@ var TagStyle = {
232
222
  height: 12
233
223
  }
234
224
  },
235
- info: _objectSpread({}, tag('Info')),
236
- default: _objectSpread({}, tag('Default')),
237
- success: _objectSpread({}, tag('Success')),
238
- warning: _objectSpread({}, tag('Warning')),
239
- danger: _objectSpread({}, tag('Danger')),
240
- brown: _objectSpread({}, tag('Brown')),
241
- magenta: _objectSpread({}, tag('Magenta')),
242
- purple: _objectSpread({}, tag('Purple')),
243
- indigo: _objectSpread({}, tag('Indigo')),
244
- cyan: _objectSpread({}, tag('Cyan')),
245
- neon: _objectSpread({}, tag('Neon')),
246
- lemon: _objectSpread({}, tag('Lemon')),
247
- tangerine: _objectSpread({}, tag('Tangerine')),
248
- fill: {},
225
+ info: _objectSpread({}, brightTag('info', 'Info')),
226
+ default: _objectSpread({}, brightTag('default', 'Default')),
227
+ success: _objectSpread({}, brightTag('success', 'Success')),
228
+ warning: _objectSpread({}, brightTag('warning', 'Warning')),
229
+ danger: _objectSpread({}, brightTag('danger', 'Danger')),
230
+ brown: _objectSpread({}, brightTag('brown', 'Brown')),
231
+ magenta: _objectSpread({}, brightTag('magenta', 'Magenta')),
232
+ purple: _objectSpread({}, brightTag('purple', 'Purple')),
233
+ indigo: _objectSpread({}, brightTag('indigo', 'Indigo')),
234
+ cyan: _objectSpread({}, brightTag('cyan', 'Cyan')),
235
+ neon: _objectSpread({}, brightTag('neon', 'Neon')),
236
+ lemon: _objectSpread({}, brightTag('lemon', 'Lemon')),
237
+ tangerine: _objectSpread({}, brightTag('tangerine', 'Tangerine')),
238
+ 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')),
249
239
  bright: {},
250
- outline: {},
251
- brightOutline: {},
240
+ 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')),
241
+ 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')),
252
242
  rounded: {
253
243
  borderRadius: _theme.default.buttonRoundBorderRadius
254
244
  }
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.3-beta.7";
1
+ declare const _default: "3.6.3";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.d.ts.map CHANGED
@@ -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,wBAAuB"}
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.6.3-beta.7';
7
+ var _default = exports.default = '3.6.3';
package/esm/tag/tag.d.ts.map CHANGED
@@ -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;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiKxC,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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/tag/tag.js CHANGED
@@ -5,115 +5,105 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
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
7
  import Token from '@sheinx/theme';
8
- var tag = function tag(type) {
8
+ var brightTag = function brightTag(name, type) {
9
9
  return {
10
- // bright 亮色风格
11
- '&$bright': {
12
- color: Token["tag".concat(type, "FontColor")],
13
- backgroundColor: Token["tag".concat(type, "BackgroundColor")],
14
- border: "1px solid transparent",
15
- '& $closeIconWrapper': {
16
- '&:hover': {
17
- backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
18
- }
19
- },
20
- '& $closeIcon': {
21
- // fill: Token[`tag${type}IconFontColor`],
22
- },
23
- '&[data-soui-type="dark"]': {
24
- '&$disabled': {
25
- backgroundColor: Token.tagDefaultFillBackgroundColor,
26
- borderColor: Token.tagDefaultFillBorderColor
27
- }
28
- },
10
+ color: Token["tag".concat(type, "FontColor")],
11
+ backgroundColor: Token["tag".concat(type, "BackgroundColor")],
12
+ border: "1px solid ".concat(Token["tag".concat(type, "BorderColor")]),
13
+ '& $closeIconWrapper': {
14
+ '&:hover': {
15
+ backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
16
+ }
17
+ },
18
+ '&[data-soui-type="dark"]': {
29
19
  '&$disabled': {
30
- color: Token["tag".concat(type, "DisabledFontColor")],
31
- backgroundColor: Token["tag".concat(type, "DisabledBackgroundColor")],
32
- border: "1px solid ".concat(Token["tag".concat(type, "DisabledBorderColor")]),
33
- '& $closeIconWrapper': {
34
- fill: Token["tag".concat(type, "IconDisabledFontColor")],
35
- '&:hover': {
36
- backgroundColor: 'transparent'
37
- }
38
- }
20
+ backgroundColor: Token.tagDefaultFillBackgroundColor,
21
+ borderColor: Token.tagDefaultFillBorderColor
39
22
  }
40
23
  },
41
- '&$fill': {
42
- color: Token["tag".concat(type, "FillFontColor")],
43
- backgroundColor: Token["tag".concat(type, "FillBackgroundColor")],
44
- border: "1px solid ".concat(Token["tag".concat(type, "FillBorderColor")]),
24
+ '&$disabled': {
25
+ color: Token["tag".concat(type, "DisabledFontColor")],
26
+ backgroundColor: Token["tag".concat(type, "DisabledBackgroundColor")],
27
+ border: "1px solid ".concat(Token["tag".concat(type, "DisabledBorderColor")]),
45
28
  '& $closeIconWrapper': {
46
- fill: Token["tag".concat(type, "FillFontColor")],
29
+ fill: Token["tag".concat(type, "IconDisabledFontColor")],
47
30
  '&:hover': {
48
- fill: Token["tag".concat(type, "FontColor")],
49
- backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
31
+ backgroundColor: 'transparent'
50
32
  }
51
- },
52
- '& $closeIcon': {
53
- fill: Token["tag".concat(type, "FillFontColor")]
54
- },
55
- '&$disabled': {
33
+ }
34
+ }
35
+ };
36
+ };
37
+ var fillTag = function fillTag(name, type) {
38
+ return _defineProperty({}, "&$".concat(name), {
39
+ color: Token["tag".concat(type, "FillFontColor")],
40
+ backgroundColor: Token["tag".concat(type, "FillBackgroundColor")],
41
+ border: "1px solid ".concat(Token["tag".concat(type, "FillBorderColor")]),
42
+ '& $closeIconWrapper': {
43
+ color: Token["tag".concat(type, "FillFontColor")],
44
+ '&:hover': {
45
+ backgroundColor: Token["tag".concat(type, "FillIconHoverBackgroundColor")]
46
+ }
47
+ },
48
+ '&$disabled': {
49
+ color: Token["tag".concat(type, "FillDisabledFontColor")],
50
+ backgroundColor: Token["tag".concat(type, "FillDisabledBackgroundColor")],
51
+ border: "1px solid ".concat(Token["tag".concat(type, "FillDisabledBorderColor")]),
52
+ '& $closeIconWrapper': {
56
53
  color: Token["tag".concat(type, "FillDisabledFontColor")],
57
- backgroundColor: Token["tag".concat(type, "FillDisabledBackgroundColor")],
58
- border: "1px solid ".concat(Token["tag".concat(type, "FillDisabledBorderColor")]),
59
- '& $closeIconWrapper': {
60
- fill: Token["tag".concat(type, "FillDisabledFontColor")],
61
- '&:hover': {
62
- fill: Token["tag".concat(type, "FillFontColor")],
63
- backgroundColor: 'transparent'
64
- }
54
+ '&:hover': {
55
+ fill: Token["tag".concat(type, "FillFontColor")],
56
+ backgroundColor: 'transparent'
65
57
  }
66
58
  }
59
+ }
60
+ });
61
+ };
62
+ var outlineTag = function outlineTag(name, type) {
63
+ return _defineProperty({}, "&$".concat(name), {
64
+ background: Token["tag".concat(type, "OutlineBackgroundColor")],
65
+ color: Token["tag".concat(type, "OutlineFontColor")],
66
+ border: "1px solid ".concat(Token["tag".concat(type, "OutlineBorderColor")]),
67
+ '& $closeIconWrapper': {
68
+ '&:hover': {
69
+ backgroundColor: Token["tag".concat(type, "BackgroundColor")]
70
+ }
67
71
  },
68
- // outline 边框风格
69
- '&$outline': {
70
- background: Token["tag".concat(type, "OutlineBackgroundColor")],
71
- color: Token["tag".concat(type, "OutlineFontColor")],
72
- border: "1px solid ".concat(Token["tag".concat(type, "OutlineBorderColor")]),
72
+ '&$disabled': {
73
+ color: Token["tag".concat(type, "OutlineDisabledFontColor")],
74
+ backgroundColor: Token["tag".concat(type, "OutlineDisabledBackgroundColor")],
75
+ border: "1px solid ".concat(Token["tag".concat(type, "OutlineDisabledBorderColor")]),
73
76
  '& $closeIconWrapper': {
74
- // hover
77
+ fill: Token["tag".concat(type, "DisabledFontColor")],
75
78
  '&:hover': {
76
- backgroundColor: Token["tag".concat(type, "BackgroundColor")]
77
- }
78
- },
79
- '&$disabled': {
80
- color: Token["tag".concat(type, "OutlineDisabledFontColor")],
81
- backgroundColor: Token["tag".concat(type, "OutlineDisabledBackgroundColor")],
82
- border: "1px solid ".concat(Token["tag".concat(type, "OutlineDisabledBorderColor")]),
83
- '& $closeIconWrapper': {
84
- fill: Token["tag".concat(type, "DisabledFontColor")],
85
- '&:hover': {
86
- backgroundColor: 'transparent'
87
- }
79
+ backgroundColor: 'transparent'
88
80
  }
89
81
  }
82
+ }
83
+ });
84
+ };
85
+ var brightOutlineTag = function brightOutlineTag(name, type) {
86
+ return _defineProperty({}, "&$".concat(name), {
87
+ color: Token["tag".concat(type, "FontColor")],
88
+ backgroundColor: Token["tag".concat(type, "BackgroundColor")],
89
+ border: "1px solid ".concat(Token["tag".concat(type, "OutlineBorderColor")]),
90
+ '& $closeIconWrapper': {
91
+ '&:hover': {
92
+ backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
93
+ }
90
94
  },
91
- // brightOutline 亮色边框风格
92
- '&$brightOutline': {
93
- color: Token["tag".concat(type, "FontColor")],
94
- backgroundColor: Token["tag".concat(type, "BackgroundColor")],
95
- border: "1px solid ".concat(Token["tag".concat(type, "OutlineBorderColor")]),
95
+ '&$disabled': {
96
+ color: Token["tag".concat(type, "DisabledFontColor")],
97
+ backgroundColor: Token["tag".concat(type, "DisabledBackgroundColor")],
98
+ border: "1px solid ".concat(Token["tag".concat(type, "OutlineDisabledBorderColor")]),
96
99
  '& $closeIconWrapper': {
100
+ fill: Token["tag".concat(type, "IconDisabledFontColor")],
97
101
  '&:hover': {
98
- backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
99
- }
100
- },
101
- '&$disabled': {
102
- color: Token["tag".concat(type, "DisabledFontColor")],
103
- backgroundColor: Token["tag".concat(type, "DisabledBackgroundColor")],
104
- border: "1px solid ".concat(Token["tag".concat(type, "OutlineDisabledBorderColor")]),
105
- '& $closeIconWrapper': {
106
- fill: Token["tag".concat(type, "IconDisabledFontColor")],
107
- '&:hover': {
108
- backgroundColor: 'transparent'
109
- }
102
+ backgroundColor: 'transparent'
110
103
  }
111
104
  }
112
- },
113
- '& $closeIcon': {
114
- fill: Token["tag".concat(type, "FontColor")]
115
105
  }
116
- };
106
+ });
117
107
  };
118
108
  var TagStyle = {
119
109
  rootClass: {},
@@ -225,23 +215,23 @@ var TagStyle = {
225
215
  height: 12
226
216
  }
227
217
  },
228
- info: _objectSpread({}, tag('Info')),
229
- default: _objectSpread({}, tag('Default')),
230
- success: _objectSpread({}, tag('Success')),
231
- warning: _objectSpread({}, tag('Warning')),
232
- danger: _objectSpread({}, tag('Danger')),
233
- brown: _objectSpread({}, tag('Brown')),
234
- magenta: _objectSpread({}, tag('Magenta')),
235
- purple: _objectSpread({}, tag('Purple')),
236
- indigo: _objectSpread({}, tag('Indigo')),
237
- cyan: _objectSpread({}, tag('Cyan')),
238
- neon: _objectSpread({}, tag('Neon')),
239
- lemon: _objectSpread({}, tag('Lemon')),
240
- tangerine: _objectSpread({}, tag('Tangerine')),
241
- fill: {},
218
+ info: _objectSpread({}, brightTag('info', 'Info')),
219
+ default: _objectSpread({}, brightTag('default', 'Default')),
220
+ success: _objectSpread({}, brightTag('success', 'Success')),
221
+ warning: _objectSpread({}, brightTag('warning', 'Warning')),
222
+ danger: _objectSpread({}, brightTag('danger', 'Danger')),
223
+ brown: _objectSpread({}, brightTag('brown', 'Brown')),
224
+ magenta: _objectSpread({}, brightTag('magenta', 'Magenta')),
225
+ purple: _objectSpread({}, brightTag('purple', 'Purple')),
226
+ indigo: _objectSpread({}, brightTag('indigo', 'Indigo')),
227
+ cyan: _objectSpread({}, brightTag('cyan', 'Cyan')),
228
+ neon: _objectSpread({}, brightTag('neon', 'Neon')),
229
+ lemon: _objectSpread({}, brightTag('lemon', 'Lemon')),
230
+ tangerine: _objectSpread({}, brightTag('tangerine', 'Tangerine')),
231
+ 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')),
242
232
  bright: {},
243
- outline: {},
244
- brightOutline: {},
233
+ 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')),
234
+ 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')),
245
235
  rounded: {
246
236
  borderRadius: Token.buttonRoundBorderRadius
247
237
  }
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.6.3-beta.7";
1
+ declare const _default: "3.6.3";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.d.ts.map CHANGED
@@ -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,wBAAuB"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.6.3-beta.7';
1
+ export default '3.6.3';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.6.3-beta.7",
3
+ "version": "3.6.3",
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.6.3-beta.7",
21
- "@sheinx/base": "3.6.3-beta.7"
20
+ "@sheinx/theme": "3.6.3",
21
+ "@sheinx/base": "3.6.3"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"