@sheinx/shineout-style 3.10.1-beta.4 → 3.10.1-beta.5

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 (9) hide show
  1. package/cjs/tabs/tabs.d.ts.map +1 -1
  2. package/cjs/tabs/tabs.js +93 -1
  3. package/cjs/version.d.ts +1 -1
  4. package/cjs/version.js +1 -1
  5. package/esm/tabs/tabs.d.ts.map +1 -1
  6. package/esm/tabs/tabs.js +93 -1
  7. package/esm/version.d.ts +1 -1
  8. package/esm/version.js +1 -1
  9. package/package.json +3 -3
package/cjs/tabs/tabs.d.ts.map CHANGED
@@ -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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAqlB1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tabs/tabs.js CHANGED
@@ -793,6 +793,98 @@ var tabsStyle = {
793
793
  }
794
794
  }
795
795
  },
796
- sticky: {}
796
+ sticky: {},
797
+ small: {
798
+ '& $tab': {
799
+ fontSize: _theme.default.tabsSmallTabFontSize
800
+ },
801
+ // card
802
+ '& $headerWrapper[data-soui-shape="card"] $header $tab': {
803
+ padding: "".concat(_theme.default.tabsSmallCardPaddingY, " ").concat(_theme.default.tabsSmallCardPaddingX),
804
+ fontSize: _theme.default.tabsSmallCardFontSize,
805
+ '&[data-soui-state="active"]': {
806
+ fontSize: _theme.default.tabsSmallCardCheckedFontSize
807
+ }
808
+ },
809
+ // line
810
+ '& $headerWrapper[data-soui-shape="line"] $header $tab': {
811
+ padding: "".concat(_theme.default.tabsSmallLinePaddingTop, " ").concat(_theme.default.tabsSmallLinePaddingX, " ").concat(_theme.default.tabsSmallLinePaddingBottom),
812
+ fontSize: _theme.default.tabsSmallLineFontSize,
813
+ '&[data-soui-state="active"]': {
814
+ fontSize: _theme.default.tabsSmallLineCheckedFontSize
815
+ }
816
+ },
817
+ '& $lineInner': {
818
+ padding: "".concat(_theme.default.tabsSmallLineInnerPaddingY, " ").concat(_theme.default.tabsSmallLineInnerPaddingX)
819
+ },
820
+ // dash
821
+ '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
822
+ padding: "".concat(_theme.default.tabsSmallLinePaddingTop, " ").concat(_theme.default.tabsSmallLinePaddingX, " ").concat(_theme.default.tabsSmallLinePaddingBottom),
823
+ fontSize: _theme.default.tabsSmallDashFontSize,
824
+ '&[data-soui-state="active"]': {
825
+ fontSize: _theme.default.tabsSmallDashActiveFontSize
826
+ }
827
+ },
828
+ // fill
829
+ '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
830
+ fontSize: _theme.default.tabsSmallFillFontSize,
831
+ padding: "".concat(_theme.default.tabsSmallFillPaddingY, " 0"),
832
+ '&:first-child': {
833
+ paddingLeft: _theme.default.tabsSmallFillPaddingX
834
+ },
835
+ '&:last-child': {
836
+ paddingRight: _theme.default.tabsSmallFillPaddingX
837
+ }
838
+ },
839
+ '& $fillInner': {
840
+ padding: "".concat(_theme.default.tabsSmallFillInnerPaddingY, " ").concat(_theme.default.tabsSmallFillInnerPaddingX)
841
+ }
842
+ },
843
+ large: {
844
+ '& $tab': {
845
+ fontSize: _theme.default.tabsLargeTabFontSize
846
+ },
847
+ // card
848
+ '& $headerWrapper[data-soui-shape="card"] $header $tab': {
849
+ padding: "".concat(_theme.default.tabsLargeCardPaddingY, " ").concat(_theme.default.tabsLargeCardPaddingX),
850
+ fontSize: _theme.default.tabsLargeCardFontSize,
851
+ '&[data-soui-state="active"]': {
852
+ fontSize: _theme.default.tabsLargeCardCheckedFontSize
853
+ }
854
+ },
855
+ // line
856
+ '& $headerWrapper[data-soui-shape="line"] $header $tab': {
857
+ padding: "".concat(_theme.default.tabsLargeLinePaddingTop, " ").concat(_theme.default.tabsLargeLinePaddingX, " ").concat(_theme.default.tabsLargeLinePaddingBottom),
858
+ fontSize: _theme.default.tabsLargeLineFontSize,
859
+ '&[data-soui-state="active"]': {
860
+ fontSize: _theme.default.tabsLargeLineCheckedFontSize
861
+ }
862
+ },
863
+ '& $lineInner': {
864
+ padding: "".concat(_theme.default.tabsLargeLineInnerPaddingY, " ").concat(_theme.default.tabsLargeLineInnerPaddingX)
865
+ },
866
+ // dash
867
+ '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
868
+ padding: "".concat(_theme.default.tabsLargeLinePaddingTop, " ").concat(_theme.default.tabsLargeLinePaddingX, " ").concat(_theme.default.tabsLargeLinePaddingBottom),
869
+ fontSize: _theme.default.tabsLargeDashFontSize,
870
+ '&[data-soui-state="active"]': {
871
+ fontSize: _theme.default.tabsLargeDashActiveFontSize
872
+ }
873
+ },
874
+ // fill
875
+ '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
876
+ fontSize: _theme.default.tabsLargeFillFontSize,
877
+ padding: "".concat(_theme.default.tabsLargeFillPaddingY, " 0"),
878
+ '&:first-child': {
879
+ paddingLeft: _theme.default.tabsLargeFillPaddingX
880
+ },
881
+ '&:last-child': {
882
+ paddingRight: _theme.default.tabsLargeFillPaddingX
883
+ }
884
+ },
885
+ '& $fillInner': {
886
+ padding: "".concat(_theme.default.tabsLargeFillInnerPaddingY, " ").concat(_theme.default.tabsLargeFillInnerPaddingX)
887
+ }
888
+ }
797
889
  };
798
890
  var _default = exports.default = tabsStyle;
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.10.1-beta.4";
1
+ declare const _default: "3.10.1-beta.5";
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.10.1-beta.4';
7
+ var _default = exports.default = '3.10.1-beta.5';
package/esm/tabs/tabs.d.ts.map CHANGED
@@ -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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAqlB1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tabs/tabs.js CHANGED
@@ -786,6 +786,98 @@ var tabsStyle = {
786
786
  }
787
787
  }
788
788
  },
789
- sticky: {}
789
+ sticky: {},
790
+ small: {
791
+ '& $tab': {
792
+ fontSize: Token.tabsSmallTabFontSize
793
+ },
794
+ // card
795
+ '& $headerWrapper[data-soui-shape="card"] $header $tab': {
796
+ padding: "".concat(Token.tabsSmallCardPaddingY, " ").concat(Token.tabsSmallCardPaddingX),
797
+ fontSize: Token.tabsSmallCardFontSize,
798
+ '&[data-soui-state="active"]': {
799
+ fontSize: Token.tabsSmallCardCheckedFontSize
800
+ }
801
+ },
802
+ // line
803
+ '& $headerWrapper[data-soui-shape="line"] $header $tab': {
804
+ padding: "".concat(Token.tabsSmallLinePaddingTop, " ").concat(Token.tabsSmallLinePaddingX, " ").concat(Token.tabsSmallLinePaddingBottom),
805
+ fontSize: Token.tabsSmallLineFontSize,
806
+ '&[data-soui-state="active"]': {
807
+ fontSize: Token.tabsSmallLineCheckedFontSize
808
+ }
809
+ },
810
+ '& $lineInner': {
811
+ padding: "".concat(Token.tabsSmallLineInnerPaddingY, " ").concat(Token.tabsSmallLineInnerPaddingX)
812
+ },
813
+ // dash
814
+ '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
815
+ padding: "".concat(Token.tabsSmallLinePaddingTop, " ").concat(Token.tabsSmallLinePaddingX, " ").concat(Token.tabsSmallLinePaddingBottom),
816
+ fontSize: Token.tabsSmallDashFontSize,
817
+ '&[data-soui-state="active"]': {
818
+ fontSize: Token.tabsSmallDashActiveFontSize
819
+ }
820
+ },
821
+ // fill
822
+ '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
823
+ fontSize: Token.tabsSmallFillFontSize,
824
+ padding: "".concat(Token.tabsSmallFillPaddingY, " 0"),
825
+ '&:first-child': {
826
+ paddingLeft: Token.tabsSmallFillPaddingX
827
+ },
828
+ '&:last-child': {
829
+ paddingRight: Token.tabsSmallFillPaddingX
830
+ }
831
+ },
832
+ '& $fillInner': {
833
+ padding: "".concat(Token.tabsSmallFillInnerPaddingY, " ").concat(Token.tabsSmallFillInnerPaddingX)
834
+ }
835
+ },
836
+ large: {
837
+ '& $tab': {
838
+ fontSize: Token.tabsLargeTabFontSize
839
+ },
840
+ // card
841
+ '& $headerWrapper[data-soui-shape="card"] $header $tab': {
842
+ padding: "".concat(Token.tabsLargeCardPaddingY, " ").concat(Token.tabsLargeCardPaddingX),
843
+ fontSize: Token.tabsLargeCardFontSize,
844
+ '&[data-soui-state="active"]': {
845
+ fontSize: Token.tabsLargeCardCheckedFontSize
846
+ }
847
+ },
848
+ // line
849
+ '& $headerWrapper[data-soui-shape="line"] $header $tab': {
850
+ padding: "".concat(Token.tabsLargeLinePaddingTop, " ").concat(Token.tabsLargeLinePaddingX, " ").concat(Token.tabsLargeLinePaddingBottom),
851
+ fontSize: Token.tabsLargeLineFontSize,
852
+ '&[data-soui-state="active"]': {
853
+ fontSize: Token.tabsLargeLineCheckedFontSize
854
+ }
855
+ },
856
+ '& $lineInner': {
857
+ padding: "".concat(Token.tabsLargeLineInnerPaddingY, " ").concat(Token.tabsLargeLineInnerPaddingX)
858
+ },
859
+ // dash
860
+ '& $headerWrapper[data-soui-shape="dash"] $header $tab': {
861
+ padding: "".concat(Token.tabsLargeLinePaddingTop, " ").concat(Token.tabsLargeLinePaddingX, " ").concat(Token.tabsLargeLinePaddingBottom),
862
+ fontSize: Token.tabsLargeDashFontSize,
863
+ '&[data-soui-state="active"]': {
864
+ fontSize: Token.tabsLargeDashActiveFontSize
865
+ }
866
+ },
867
+ // fill
868
+ '& $headerWrapper[data-soui-shape="fill"] $header $tab': {
869
+ fontSize: Token.tabsLargeFillFontSize,
870
+ padding: "".concat(Token.tabsLargeFillPaddingY, " 0"),
871
+ '&:first-child': {
872
+ paddingLeft: Token.tabsLargeFillPaddingX
873
+ },
874
+ '&:last-child': {
875
+ paddingRight: Token.tabsLargeFillPaddingX
876
+ }
877
+ },
878
+ '& $fillInner': {
879
+ padding: "".concat(Token.tabsLargeFillInnerPaddingY, " ").concat(Token.tabsLargeFillInnerPaddingX)
880
+ }
881
+ }
790
882
  };
791
883
  export default tabsStyle;
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.10.1-beta.4";
1
+ declare const _default: "3.10.1-beta.5";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.10.1-beta.4';
1
+ export default '3.10.1-beta.5';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.10.1-beta.4",
3
+ "version": "3.10.1-beta.5",
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.10.1-beta.4",
21
- "@sheinx/base": "3.10.1-beta.4"
20
+ "@sheinx/theme": "3.10.1-beta.5",
21
+ "@sheinx/base": "3.10.1-beta.5"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"