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

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 (33) hide show
  1. package/cjs/badge/badge.d.ts +27 -0
  2. package/cjs/badge/badge.d.ts.map +1 -0
  3. package/cjs/badge/badge.js +140 -0
  4. package/cjs/badge/index.d.ts +5 -0
  5. package/cjs/badge/index.d.ts.map +1 -0
  6. package/cjs/badge/index.js +18 -0
  7. package/cjs/index.d.ts +1 -0
  8. package/cjs/index.d.ts.map +1 -1
  9. package/cjs/index.js +12 -0
  10. package/cjs/table/table.d.ts.map +1 -1
  11. package/cjs/table/table.js +1 -1
  12. package/cjs/tabs/tabs.js +1 -1
  13. package/cjs/tree/tree.d.ts.map +1 -1
  14. package/cjs/tree/tree.js +2 -17
  15. package/cjs/version.d.ts +1 -1
  16. package/cjs/version.js +1 -1
  17. package/esm/badge/badge.d.ts +27 -0
  18. package/esm/badge/badge.d.ts.map +1 -0
  19. package/esm/badge/badge.js +133 -0
  20. package/esm/badge/index.d.ts +5 -0
  21. package/esm/badge/index.d.ts.map +1 -0
  22. package/esm/badge/index.js +6 -0
  23. package/esm/index.d.ts +1 -0
  24. package/esm/index.d.ts.map +1 -1
  25. package/esm/index.js +1 -0
  26. package/esm/table/table.d.ts.map +1 -1
  27. package/esm/table/table.js +1 -1
  28. package/esm/tabs/tabs.js +1 -1
  29. package/esm/tree/tree.d.ts.map +1 -1
  30. package/esm/tree/tree.js +2 -17
  31. package/esm/version.d.ts +1 -1
  32. package/esm/version.js +1 -1
  33. package/package.json +3 -3
package/cjs/badge/badge.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { JsStyles } from '../jss-style';
2
+ export type BadgeClasses = {
3
+ badge: string;
4
+ count: string;
5
+ dot: string;
6
+ textDot: string;
7
+ custom: string;
8
+ number: string;
9
+ singleWord: string;
10
+ multipleWords: string;
11
+ zoom: string;
12
+ status: string;
13
+ textBadge: string;
14
+ text: string;
15
+ warning: string;
16
+ success: string;
17
+ error: string;
18
+ default: string;
19
+ processing: string;
20
+ small: string;
21
+ '@keyframes animationZoom': string;
22
+ '@keyframes animationProgressing': string;
23
+ };
24
+ export type BadgeClassType = keyof BadgeClasses;
25
+ declare const badgeStyle: JsStyles<BadgeClassType>;
26
+ export default badgeStyle;
27
+ //# sourceMappingURL=badge.d.ts.map
package/cjs/badge/badge.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/badge/badge.js ADDED
@@ -0,0 +1,140 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ var badgeStyle = {
10
+ badge: {
11
+ boxSizing: 'border-box',
12
+ width: 'fit-content',
13
+ margin: 0,
14
+ padding: 0,
15
+ lineHeight: 1,
16
+ listStyle: 'none',
17
+ position: 'relative',
18
+ display: 'inline-block',
19
+ '& $count,$custom,$dot': {
20
+ position: 'absolute',
21
+ top: 0,
22
+ insetInlineEnd: 0,
23
+ transform: 'translate(50%, -50%)',
24
+ transformOrigin: '100% 0',
25
+ boxShadow: "0 0 0 1px #fff"
26
+ }
27
+ },
28
+ textBadge: {
29
+ display: 'block',
30
+ lineHeight: 'inherit',
31
+ verticalAlign: 'baseline'
32
+ },
33
+ count: {
34
+ textAlign: 'center',
35
+ display: 'inline-flex',
36
+ justifyContent: 'center',
37
+ minWidth: _theme.default.badgeCountHeight,
38
+ height: _theme.default.badgeCountHeight,
39
+ verticalAlign: 'super',
40
+ lineHeight: _theme.default.lineHeightDynamic,
41
+ background: _theme.default.badgeBadgeBackgroundColor,
42
+ borderRadius: _theme.default.badgeBadgeBorderRadius,
43
+ fontSize: _theme.default.badgeBadgeFontSize,
44
+ color: _theme.default.badgeBadgeFontColor
45
+ },
46
+ small: {
47
+ lineHeight: 'initial',
48
+ height: _theme.default.badgeSmallCountHeight,
49
+ minWidth: _theme.default.badgeSmallCountHeight
50
+ },
51
+ dot: {
52
+ borderRadius: '50%',
53
+ width: _theme.default.badgeDotWidth,
54
+ height: _theme.default.badgeDotWidth,
55
+ background: _theme.default.badgeBadgeBackgroundColor
56
+ },
57
+ textDot: {
58
+ position: 'relative',
59
+ top: -1,
60
+ display: 'inline-block',
61
+ borderRadius: '50%',
62
+ lineHeight: 'inherit',
63
+ verticalAlign: 'middle',
64
+ width: _theme.default.badgeDotWidth,
65
+ height: _theme.default.badgeDotWidth,
66
+ background: _theme.default.badgeBadgeBackgroundColor
67
+ },
68
+ number: {},
69
+ singleWord: {},
70
+ multipleWords: {
71
+ padding: "0 ".concat(_theme.default.badgeCountPaddingX)
72
+ },
73
+ custom: {},
74
+ zoom: {
75
+ animationName: '$animationZoom',
76
+ animationDirection: '0.3',
77
+ animationFillMode: 'both',
78
+ animationTimingFunction: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)'
79
+ },
80
+ status: {},
81
+ text: {
82
+ lineHeight: 'inherit',
83
+ color: _theme.default.badgeTextFontColor,
84
+ marginLeft: _theme.default.badgeTextMarginLeft
85
+ },
86
+ default: {
87
+ background: _theme.default.badgeDefaultBackgroundColor
88
+ },
89
+ warning: {
90
+ background: _theme.default.badgeWarningBackgroundColor
91
+ },
92
+ success: {
93
+ background: _theme.default.badgeSuccessBackgroundColor
94
+ },
95
+ error: {
96
+ background: _theme.default.badgeErrorBackgroundColor
97
+ },
98
+ processing: {
99
+ borderColor: 'currentcolor',
100
+ color: _theme.default.badgeProcessingBackgroundColor,
101
+ background: _theme.default.badgeProcessingBackgroundColor,
102
+ '&::after': {
103
+ position: 'absolute',
104
+ content: '""',
105
+ top: 0,
106
+ insetInlineStart: 0,
107
+ width: '100%',
108
+ height: '100%',
109
+ borderWidth: 1,
110
+ borderStyle: 'solid',
111
+ borderColor: 'inherit',
112
+ borderRadius: '50%',
113
+ animationName: '$animationProgressing',
114
+ animationDuration: '1.2s',
115
+ animationIterationCount: 'infinite',
116
+ animationTimingFunction: 'ease-in-out'
117
+ }
118
+ },
119
+ '@keyframes animationProgressing': {
120
+ '0%': {
121
+ transform: 'scale(0.8)',
122
+ opacity: 0.5
123
+ },
124
+ '100%': {
125
+ transform: 'scale(2.4)',
126
+ opacity: 0
127
+ }
128
+ },
129
+ '@keyframes animationZoom': {
130
+ '0%': {
131
+ transform: 'scale(0) translate(50%, -50%)',
132
+ opacity: 0
133
+ },
134
+ '100%': {
135
+ transform: 'scale(1) translate(50%, -50%)',
136
+ opacity: 1
137
+ }
138
+ }
139
+ };
140
+ var _default = exports.default = badgeStyle;
package/cjs/badge/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import badgeStyle from './badge';
2
+ declare const useBadgeStyle: () => import("jss").Classes<keyof import("./badge").BadgeClasses>;
3
+ export { badgeStyle, useBadgeStyle };
4
+ export default useBadgeStyle;
5
+ //# sourceMappingURL=index.d.ts.map
package/cjs/badge/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,aAAa,mEAA8B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACrC,eAAe,aAAa,CAAC"}
package/cjs/badge/index.js ADDED
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ "use client";
3
+
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "badgeStyle", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _badge.default;
11
+ }
12
+ });
13
+ exports.useBadgeStyle = exports.default = void 0;
14
+ var _jssStyle = require("../jss-style");
15
+ var _badge = _interopRequireDefault(require("./badge"));
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ var useBadgeStyle = exports.useBadgeStyle = (0, _jssStyle.styled)(_badge.default, 'badge');
18
+ var _default = exports.default = useBadgeStyle;
package/cjs/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './alert';
2
+ export * from './badge';
2
3
  export * from './breadcrumb';
3
4
  export * from './button';
4
5
  export * from './card';
package/cjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
package/cjs/index.js CHANGED
@@ -21,6 +21,18 @@ Object.keys(_alert).forEach(function (key) {
21
21
  }
22
22
  });
23
23
  });
24
+ var _badge = require("./badge");
25
+ Object.keys(_badge).forEach(function (key) {
26
+ if (key === "default" || key === "__esModule") return;
27
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
28
+ if (key in exports && exports[key] === _badge[key]) return;
29
+ Object.defineProperty(exports, key, {
30
+ enumerable: true,
31
+ get: function get() {
32
+ return _badge[key];
33
+ }
34
+ });
35
+ });
24
36
  var _breadcrumb = require("./breadcrumb");
25
37
  Object.keys(_breadcrumb).forEach(function (key) {
26
38
  if (key === "default" || key === "__esModule") return;
package/cjs/table/table.d.ts.map CHANGED
@@ -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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/table/table.js CHANGED
@@ -248,7 +248,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
248
248
  content: '""',
249
249
  position: 'absolute',
250
250
  top: 0,
251
- bottom: 0,
251
+ bottom: -1,
252
252
  width: '5px'
253
253
  },
254
254
  '&[dir=ltr]::after': {
package/cjs/tabs/tabs.js CHANGED
@@ -652,7 +652,7 @@ var tabsStyle = {
652
652
  }
653
653
  }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
654
654
  headerScroll: {
655
- transition: 'all .15s ease-out'
655
+ transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
656
656
  },
657
657
  header: {
658
658
  flex: 1,
package/cjs/tree/tree.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAqOtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tree/tree.js CHANGED
@@ -132,22 +132,6 @@ var treeStyle = {
132
132
  cursor: 'pointer',
133
133
  padding: "0 ".concat(_theme.default.treePaddingX),
134
134
  borderRadius: _theme.default.treeContentBorderRadius,
135
- position: 'relative',
136
- '&[data-expanded="true"]::before': {
137
- content: '""',
138
- position: 'absolute',
139
- top: 24,
140
- bottom: 0,
141
- left: -12,
142
- width: 1,
143
- background: '#ebebeb'
144
- },
145
- '&[dir=ltr][data-expanded="true"]::before': {
146
- left: -12
147
- },
148
- '&[dir=rtl][data-expanded="true"]::before': {
149
- right: -12
150
- },
151
135
  '$contentDisabled &': {
152
136
  '& $text': {
153
137
  color: _theme.default.treeContentDisabledFontColor
@@ -178,7 +162,8 @@ var treeStyle = {
178
162
  color: _theme.default.treeFontColor,
179
163
  fontWeight: _theme.default.treeFontWeight,
180
164
  paddingTop: _theme.default.treeTextPaddingY,
181
- paddingBottom: _theme.default.treeTextPaddingY
165
+ paddingBottom: _theme.default.treeTextPaddingY,
166
+ whiteSpace: 'nowrap'
182
167
  },
183
168
  // textDisabled: {
184
169
  // color: Token.treeItemDisabledFontColor,
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0-beta.2";
1
+ declare const _default: "3.4.0-beta.4";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
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.4.0-beta.2';
7
+ var _default = exports.default = '3.4.0-beta.4';
package/esm/badge/badge.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { JsStyles } from '../jss-style';
2
+ export type BadgeClasses = {
3
+ badge: string;
4
+ count: string;
5
+ dot: string;
6
+ textDot: string;
7
+ custom: string;
8
+ number: string;
9
+ singleWord: string;
10
+ multipleWords: string;
11
+ zoom: string;
12
+ status: string;
13
+ textBadge: string;
14
+ text: string;
15
+ warning: string;
16
+ success: string;
17
+ error: string;
18
+ default: string;
19
+ processing: string;
20
+ small: string;
21
+ '@keyframes animationZoom': string;
22
+ '@keyframes animationProgressing': string;
23
+ };
24
+ export type BadgeClassType = keyof BadgeClasses;
25
+ declare const badgeStyle: JsStyles<BadgeClassType>;
26
+ export default badgeStyle;
27
+ //# sourceMappingURL=badge.d.ts.map
package/esm/badge/badge.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/badge/badge.js ADDED
@@ -0,0 +1,133 @@
1
+ import token from '@sheinx/theme';
2
+ var badgeStyle = {
3
+ badge: {
4
+ boxSizing: 'border-box',
5
+ width: 'fit-content',
6
+ margin: 0,
7
+ padding: 0,
8
+ lineHeight: 1,
9
+ listStyle: 'none',
10
+ position: 'relative',
11
+ display: 'inline-block',
12
+ '& $count,$custom,$dot': {
13
+ position: 'absolute',
14
+ top: 0,
15
+ insetInlineEnd: 0,
16
+ transform: 'translate(50%, -50%)',
17
+ transformOrigin: '100% 0',
18
+ boxShadow: "0 0 0 1px #fff"
19
+ }
20
+ },
21
+ textBadge: {
22
+ display: 'block',
23
+ lineHeight: 'inherit',
24
+ verticalAlign: 'baseline'
25
+ },
26
+ count: {
27
+ textAlign: 'center',
28
+ display: 'inline-flex',
29
+ justifyContent: 'center',
30
+ minWidth: token.badgeCountHeight,
31
+ height: token.badgeCountHeight,
32
+ verticalAlign: 'super',
33
+ lineHeight: token.lineHeightDynamic,
34
+ background: token.badgeBadgeBackgroundColor,
35
+ borderRadius: token.badgeBadgeBorderRadius,
36
+ fontSize: token.badgeBadgeFontSize,
37
+ color: token.badgeBadgeFontColor
38
+ },
39
+ small: {
40
+ lineHeight: 'initial',
41
+ height: token.badgeSmallCountHeight,
42
+ minWidth: token.badgeSmallCountHeight
43
+ },
44
+ dot: {
45
+ borderRadius: '50%',
46
+ width: token.badgeDotWidth,
47
+ height: token.badgeDotWidth,
48
+ background: token.badgeBadgeBackgroundColor
49
+ },
50
+ textDot: {
51
+ position: 'relative',
52
+ top: -1,
53
+ display: 'inline-block',
54
+ borderRadius: '50%',
55
+ lineHeight: 'inherit',
56
+ verticalAlign: 'middle',
57
+ width: token.badgeDotWidth,
58
+ height: token.badgeDotWidth,
59
+ background: token.badgeBadgeBackgroundColor
60
+ },
61
+ number: {},
62
+ singleWord: {},
63
+ multipleWords: {
64
+ padding: "0 ".concat(token.badgeCountPaddingX)
65
+ },
66
+ custom: {},
67
+ zoom: {
68
+ animationName: '$animationZoom',
69
+ animationDirection: '0.3',
70
+ animationFillMode: 'both',
71
+ animationTimingFunction: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)'
72
+ },
73
+ status: {},
74
+ text: {
75
+ lineHeight: 'inherit',
76
+ color: token.badgeTextFontColor,
77
+ marginLeft: token.badgeTextMarginLeft
78
+ },
79
+ default: {
80
+ background: token.badgeDefaultBackgroundColor
81
+ },
82
+ warning: {
83
+ background: token.badgeWarningBackgroundColor
84
+ },
85
+ success: {
86
+ background: token.badgeSuccessBackgroundColor
87
+ },
88
+ error: {
89
+ background: token.badgeErrorBackgroundColor
90
+ },
91
+ processing: {
92
+ borderColor: 'currentcolor',
93
+ color: token.badgeProcessingBackgroundColor,
94
+ background: token.badgeProcessingBackgroundColor,
95
+ '&::after': {
96
+ position: 'absolute',
97
+ content: '""',
98
+ top: 0,
99
+ insetInlineStart: 0,
100
+ width: '100%',
101
+ height: '100%',
102
+ borderWidth: 1,
103
+ borderStyle: 'solid',
104
+ borderColor: 'inherit',
105
+ borderRadius: '50%',
106
+ animationName: '$animationProgressing',
107
+ animationDuration: '1.2s',
108
+ animationIterationCount: 'infinite',
109
+ animationTimingFunction: 'ease-in-out'
110
+ }
111
+ },
112
+ '@keyframes animationProgressing': {
113
+ '0%': {
114
+ transform: 'scale(0.8)',
115
+ opacity: 0.5
116
+ },
117
+ '100%': {
118
+ transform: 'scale(2.4)',
119
+ opacity: 0
120
+ }
121
+ },
122
+ '@keyframes animationZoom': {
123
+ '0%': {
124
+ transform: 'scale(0) translate(50%, -50%)',
125
+ opacity: 0
126
+ },
127
+ '100%': {
128
+ transform: 'scale(1) translate(50%, -50%)',
129
+ opacity: 1
130
+ }
131
+ }
132
+ };
133
+ export default badgeStyle;
package/esm/badge/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import badgeStyle from './badge';
2
+ declare const useBadgeStyle: () => import("jss").Classes<keyof import("./badge").BadgeClasses>;
3
+ export { badgeStyle, useBadgeStyle };
4
+ export default useBadgeStyle;
5
+ //# sourceMappingURL=index.d.ts.map
package/esm/badge/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,aAAa,mEAA8B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACrC,eAAe,aAAa,CAAC"}
package/esm/badge/index.js ADDED
@@ -0,0 +1,6 @@
1
+ "use client";
2
+ import { styled } from "../jss-style";
3
+ import badgeStyle from "./badge";
4
+ var useBadgeStyle = styled(badgeStyle, 'badge');
5
+ export { badgeStyle, useBadgeStyle };
6
+ export default useBadgeStyle;
package/esm/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './alert';
2
+ export * from './badge';
2
3
  export * from './breadcrumb';
3
4
  export * from './button';
4
5
  export * from './card';
package/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
package/esm/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
  export * from "./alert";
3
+ export * from "./badge";
3
4
  export * from "./breadcrumb";
4
5
  export * from "./button";
5
6
  export * from "./card";
package/esm/table/table.d.ts.map CHANGED
@@ -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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA8bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/table/table.js CHANGED
@@ -241,7 +241,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
241
241
  content: '""',
242
242
  position: 'absolute',
243
243
  top: 0,
244
- bottom: 0,
244
+ bottom: -1,
245
245
  width: '5px'
246
246
  },
247
247
  '&[dir=ltr]::after': {
package/esm/tabs/tabs.js CHANGED
@@ -645,7 +645,7 @@ var tabsStyle = {
645
645
  }
646
646
  }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
647
647
  headerScroll: {
648
- transition: 'all .15s ease-out'
648
+ transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
649
649
  },
650
650
  header: {
651
651
  flex: 1,
package/esm/tree/tree.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAqOtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tree/tree.js CHANGED
@@ -125,22 +125,6 @@ var treeStyle = {
125
125
  cursor: 'pointer',
126
126
  padding: "0 ".concat(Token.treePaddingX),
127
127
  borderRadius: Token.treeContentBorderRadius,
128
- position: 'relative',
129
- '&[data-expanded="true"]::before': {
130
- content: '""',
131
- position: 'absolute',
132
- top: 24,
133
- bottom: 0,
134
- left: -12,
135
- width: 1,
136
- background: '#ebebeb'
137
- },
138
- '&[dir=ltr][data-expanded="true"]::before': {
139
- left: -12
140
- },
141
- '&[dir=rtl][data-expanded="true"]::before': {
142
- right: -12
143
- },
144
128
  '$contentDisabled &': {
145
129
  '& $text': {
146
130
  color: Token.treeContentDisabledFontColor
@@ -171,7 +155,8 @@ var treeStyle = {
171
155
  color: Token.treeFontColor,
172
156
  fontWeight: Token.treeFontWeight,
173
157
  paddingTop: Token.treeTextPaddingY,
174
- paddingBottom: Token.treeTextPaddingY
158
+ paddingBottom: Token.treeTextPaddingY,
159
+ whiteSpace: 'nowrap'
175
160
  },
176
161
  // textDisabled: {
177
162
  // color: Token.treeItemDisabledFontColor,
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0-beta.2";
1
+ declare const _default: "3.4.0-beta.4";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.4.0-beta.2';
1
+ export default '3.4.0-beta.4';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.4.0-beta.2",
3
+ "version": "3.4.0-beta.4",
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.4.0-beta.2",
21
- "@sheinx/base": "3.4.0-beta.2"
20
+ "@sheinx/theme": "3.4.0-beta.4",
21
+ "@sheinx/base": "3.4.0-beta.4"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"