@newskit-render/shared-components 3.11.0-alpha.1 → 3.12.0-alpha.0
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.
- package/dist/cjs/theme/sunTheme/fonts.d.ts +30 -54
- package/dist/cjs/theme/sunTheme/fonts.js +15 -81
- package/dist/cjs/theme/sunTheme/fonts.js.map +1 -1
- package/dist/cjs/theme/sunTheme/index.js +5 -13
- package/dist/cjs/theme/sunTheme/index.js.map +1 -1
- package/dist/cjs/theme/sunTheme/typography-presets.d.ts +167 -141
- package/dist/cjs/theme/sunTheme/typography-presets.js +168 -386
- package/dist/cjs/theme/sunTheme/typography-presets.js.map +1 -1
- package/dist/cjs/theme/timesTheme/fonts.d.ts +29 -38
- package/dist/cjs/theme/timesTheme/fonts.js +36 -66
- package/dist/cjs/theme/timesTheme/fonts.js.map +1 -1
- package/dist/cjs/theme/timesTheme/index.js +7 -23
- package/dist/cjs/theme/timesTheme/index.js.map +1 -1
- package/dist/cjs/theme/timesTheme/typographyPresets.d.ts +150 -139
- package/dist/cjs/theme/timesTheme/typographyPresets.js +168 -370
- package/dist/cjs/theme/timesTheme/typographyPresets.js.map +1 -1
- package/dist/cjs/theme/tlsTheme/fonts.d.ts +27 -15
- package/dist/cjs/theme/tlsTheme/fonts.js +38 -36
- package/dist/cjs/theme/tlsTheme/fonts.js.map +1 -1
- package/dist/cjs/theme/tlsTheme/index.js +5 -13
- package/dist/cjs/theme/tlsTheme/index.js.map +1 -1
- package/dist/cjs/theme/tlsTheme/typographyPresets.d.ts +92 -137
- package/dist/cjs/theme/tlsTheme/typographyPresets.js +144 -370
- package/dist/cjs/theme/tlsTheme/typographyPresets.js.map +1 -1
- package/dist/esm/theme/sunTheme/fonts.d.ts +30 -54
- package/dist/esm/theme/sunTheme/fonts.js +12 -81
- package/dist/esm/theme/sunTheme/fonts.js.map +1 -1
- package/dist/esm/theme/sunTheme/index.js +2 -13
- package/dist/esm/theme/sunTheme/index.js.map +1 -1
- package/dist/esm/theme/sunTheme/typography-presets.d.ts +167 -141
- package/dist/esm/theme/sunTheme/typography-presets.js +165 -386
- package/dist/esm/theme/sunTheme/typography-presets.js.map +1 -1
- package/dist/esm/theme/timesTheme/fonts.d.ts +29 -38
- package/dist/esm/theme/timesTheme/fonts.js +33 -66
- package/dist/esm/theme/timesTheme/fonts.js.map +1 -1
- package/dist/esm/theme/timesTheme/index.js +4 -23
- package/dist/esm/theme/timesTheme/index.js.map +1 -1
- package/dist/esm/theme/timesTheme/typographyPresets.d.ts +150 -139
- package/dist/esm/theme/timesTheme/typographyPresets.js +165 -370
- package/dist/esm/theme/timesTheme/typographyPresets.js.map +1 -1
- package/dist/esm/theme/tlsTheme/fonts.d.ts +27 -15
- package/dist/esm/theme/tlsTheme/fonts.js +35 -36
- package/dist/esm/theme/tlsTheme/fonts.js.map +1 -1
- package/dist/esm/theme/tlsTheme/index.js +2 -13
- package/dist/esm/theme/tlsTheme/index.js.map +1 -1
- package/dist/esm/theme/tlsTheme/typographyPresets.d.ts +92 -137
- package/dist/esm/theme/tlsTheme/typographyPresets.js +141 -370
- package/dist/esm/theme/tlsTheme/typographyPresets.js.map +1 -1
- package/package.json +4 -1
- package/dist/cjs/theme/sunTheme/border-radius.d.ts +0 -3
- package/dist/cjs/theme/sunTheme/border-radius.js +0 -7
- package/dist/cjs/theme/sunTheme/border-radius.js.map +0 -1
- package/dist/cjs/theme/sunTheme/colors.d.ts +0 -305
- package/dist/cjs/theme/sunTheme/colors.js +0 -309
- package/dist/cjs/theme/sunTheme/colors.js.map +0 -1
- package/dist/cjs/theme/sunTheme/overlays.d.ts +0 -14
- package/dist/cjs/theme/sunTheme/overlays.js +0 -18
- package/dist/cjs/theme/sunTheme/overlays.js.map +0 -1
- package/dist/cjs/theme/sunTheme/shadows.d.ts +0 -8
- package/dist/cjs/theme/sunTheme/shadows.js +0 -12
- package/dist/cjs/theme/sunTheme/shadows.js.map +0 -1
- package/dist/cjs/theme/timesTheme/borders.d.ts +0 -3
- package/dist/cjs/theme/timesTheme/borders.js +0 -7
- package/dist/cjs/theme/timesTheme/borders.js.map +0 -1
- package/dist/cjs/theme/timesTheme/colors.d.ts +0 -177
- package/dist/cjs/theme/timesTheme/colors.js +0 -181
- package/dist/cjs/theme/timesTheme/colors.js.map +0 -1
- package/dist/cjs/theme/timesTheme/overlays.d.ts +0 -14
- package/dist/cjs/theme/timesTheme/overlays.js +0 -18
- package/dist/cjs/theme/timesTheme/overlays.js.map +0 -1
- package/dist/cjs/theme/timesTheme/shadows.d.ts +0 -8
- package/dist/cjs/theme/timesTheme/shadows.js +0 -12
- package/dist/cjs/theme/timesTheme/shadows.js.map +0 -1
- package/dist/cjs/theme/tlsTheme/borders.d.ts +0 -3
- package/dist/cjs/theme/tlsTheme/borders.js +0 -7
- package/dist/cjs/theme/tlsTheme/borders.js.map +0 -1
- package/dist/cjs/theme/tlsTheme/colors.d.ts +0 -186
- package/dist/cjs/theme/tlsTheme/colors.js +0 -190
- package/dist/cjs/theme/tlsTheme/colors.js.map +0 -1
- package/dist/cjs/theme/tlsTheme/overlays.d.ts +0 -14
- package/dist/cjs/theme/tlsTheme/overlays.js +0 -18
- package/dist/cjs/theme/tlsTheme/overlays.js.map +0 -1
- package/dist/cjs/theme/tlsTheme/shadows.d.ts +0 -8
- package/dist/cjs/theme/tlsTheme/shadows.js +0 -12
- package/dist/cjs/theme/tlsTheme/shadows.js.map +0 -1
- package/dist/esm/theme/sunTheme/border-radius.d.ts +0 -3
- package/dist/esm/theme/sunTheme/border-radius.js +0 -4
- package/dist/esm/theme/sunTheme/border-radius.js.map +0 -1
- package/dist/esm/theme/sunTheme/colors.d.ts +0 -305
- package/dist/esm/theme/sunTheme/colors.js +0 -306
- package/dist/esm/theme/sunTheme/colors.js.map +0 -1
- package/dist/esm/theme/sunTheme/overlays.d.ts +0 -14
- package/dist/esm/theme/sunTheme/overlays.js +0 -15
- package/dist/esm/theme/sunTheme/overlays.js.map +0 -1
- package/dist/esm/theme/sunTheme/shadows.d.ts +0 -8
- package/dist/esm/theme/sunTheme/shadows.js +0 -9
- package/dist/esm/theme/sunTheme/shadows.js.map +0 -1
- package/dist/esm/theme/timesTheme/borders.d.ts +0 -3
- package/dist/esm/theme/timesTheme/borders.js +0 -4
- package/dist/esm/theme/timesTheme/borders.js.map +0 -1
- package/dist/esm/theme/timesTheme/colors.d.ts +0 -177
- package/dist/esm/theme/timesTheme/colors.js +0 -178
- package/dist/esm/theme/timesTheme/colors.js.map +0 -1
- package/dist/esm/theme/timesTheme/overlays.d.ts +0 -14
- package/dist/esm/theme/timesTheme/overlays.js +0 -15
- package/dist/esm/theme/timesTheme/overlays.js.map +0 -1
- package/dist/esm/theme/timesTheme/shadows.d.ts +0 -8
- package/dist/esm/theme/timesTheme/shadows.js +0 -9
- package/dist/esm/theme/timesTheme/shadows.js.map +0 -1
- package/dist/esm/theme/tlsTheme/borders.d.ts +0 -3
- package/dist/esm/theme/tlsTheme/borders.js +0 -4
- package/dist/esm/theme/tlsTheme/borders.js.map +0 -1
- package/dist/esm/theme/tlsTheme/colors.d.ts +0 -186
- package/dist/esm/theme/tlsTheme/colors.js +0 -187
- package/dist/esm/theme/tlsTheme/colors.js.map +0 -1
- package/dist/esm/theme/tlsTheme/overlays.d.ts +0 -14
- package/dist/esm/theme/tlsTheme/overlays.js +0 -15
- package/dist/esm/theme/tlsTheme/overlays.js.map +0 -1
- package/dist/esm/theme/tlsTheme/shadows.d.ts +0 -8
- package/dist/esm/theme/tlsTheme/shadows.js +0 -9
- package/dist/esm/theme/tlsTheme/shadows.js.map +0 -1
|
@@ -1,56 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
declare const fonts: {
|
|
2
|
+
fontWeight100: number;
|
|
3
|
+
fontWeight200: number;
|
|
4
|
+
fontWeight300: number;
|
|
5
|
+
fontWeight400: number;
|
|
6
|
+
fontWeight500: number;
|
|
7
|
+
fontWeight600: number;
|
|
8
|
+
fontWeight700: number;
|
|
9
|
+
fontWeight800: number;
|
|
10
|
+
fontWeight801: number;
|
|
11
|
+
fontWeight900: number;
|
|
2
12
|
fontFamily010: {
|
|
3
13
|
fontFamily: string;
|
|
4
|
-
cropConfig: {
|
|
5
|
-
top: number;
|
|
6
|
-
bottom: number;
|
|
7
|
-
};
|
|
8
|
-
cropAdjustments: {
|
|
9
|
-
'{{fonts.fontSize010}}': {
|
|
10
|
-
top: number;
|
|
11
|
-
bottom: number;
|
|
12
|
-
};
|
|
13
|
-
'{{fonts.fontSize020}}': {
|
|
14
|
-
top: number;
|
|
15
|
-
bottom: number;
|
|
16
|
-
};
|
|
17
|
-
'{{fonts.fontSize030}}': {
|
|
18
|
-
top: number;
|
|
19
|
-
bottom: number;
|
|
20
|
-
};
|
|
21
|
-
'{{fonts.fontSize040}}': {
|
|
22
|
-
top: number;
|
|
23
|
-
bottom: number;
|
|
24
|
-
};
|
|
25
|
-
'{{fonts.fontSize050}}': {
|
|
26
|
-
top: number;
|
|
27
|
-
bottom: number;
|
|
28
|
-
};
|
|
29
|
-
'{{fonts.fontSize060}}': {
|
|
30
|
-
top: number;
|
|
31
|
-
bottom: number;
|
|
32
|
-
};
|
|
33
|
-
'{{fonts.fontSize070}}': {
|
|
34
|
-
top: number;
|
|
35
|
-
bottom: number;
|
|
36
|
-
};
|
|
37
|
-
'{{fonts.fontSize080}}': {
|
|
38
|
-
top: number;
|
|
39
|
-
bottom: number;
|
|
40
|
-
};
|
|
41
|
-
'{{fonts.fontSize110}}': {
|
|
42
|
-
top: number;
|
|
43
|
-
bottom: number;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
14
|
};
|
|
47
|
-
fontWeight010: number;
|
|
48
|
-
fontWeight020: number;
|
|
49
|
-
fontWeight030: number;
|
|
50
|
-
fontWeight040: number;
|
|
51
|
-
fontWeight050: number;
|
|
52
15
|
fontSize010: string;
|
|
53
|
-
fontSize015: string;
|
|
54
16
|
fontSize020: string;
|
|
55
17
|
fontSize030: string;
|
|
56
18
|
fontSize040: string;
|
|
@@ -69,15 +31,29 @@ export declare const fonts: {
|
|
|
69
31
|
fontSize170: string;
|
|
70
32
|
fontSize180: string;
|
|
71
33
|
fontSize190: string;
|
|
34
|
+
letterSpacing010: string;
|
|
35
|
+
letterSpacing020: string;
|
|
36
|
+
letterSpacing030: string;
|
|
37
|
+
letterSpacing040: string;
|
|
38
|
+
letterSpacing050: string;
|
|
72
39
|
fontLineHeight010: number;
|
|
73
40
|
fontLineHeight020: number;
|
|
74
41
|
fontLineHeight030: number;
|
|
75
42
|
fontLineHeight040: number;
|
|
76
43
|
fontLineHeight050: number;
|
|
77
44
|
fontLineHeight060: number;
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
45
|
+
fontStyleNormal: string;
|
|
46
|
+
fontStyleItalic: string;
|
|
47
|
+
fontStyleOblique: string;
|
|
48
|
+
fontStretch010: string;
|
|
49
|
+
fontStretch020: string;
|
|
50
|
+
fontStretch030: string;
|
|
51
|
+
fontStretch031: string;
|
|
52
|
+
fontStretch040: string;
|
|
53
|
+
fontStretch050: string;
|
|
54
|
+
fontStretch060: string;
|
|
55
|
+
fontStretch070: string;
|
|
56
|
+
fontStretch080: string;
|
|
57
|
+
fontStretch090: string;
|
|
83
58
|
};
|
|
59
|
+
export { fonts };
|
|
@@ -1,87 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.fonts = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
16
|
-
'{{fonts.fontSize020}}': {
|
|
17
|
-
top: -1,
|
|
18
|
-
bottom: -1,
|
|
19
|
-
},
|
|
20
|
-
'{{fonts.fontSize030}}': {
|
|
21
|
-
top: -1,
|
|
22
|
-
bottom: -1,
|
|
23
|
-
},
|
|
24
|
-
'{{fonts.fontSize040}}': {
|
|
25
|
-
top: -0.5,
|
|
26
|
-
bottom: -1,
|
|
27
|
-
},
|
|
28
|
-
'{{fonts.fontSize050}}': {
|
|
29
|
-
top: -1,
|
|
30
|
-
bottom: -1.3,
|
|
31
|
-
},
|
|
32
|
-
'{{fonts.fontSize060}}': {
|
|
33
|
-
top: -0.5,
|
|
34
|
-
bottom: 0,
|
|
35
|
-
},
|
|
36
|
-
'{{fonts.fontSize070}}': {
|
|
37
|
-
top: -1,
|
|
38
|
-
bottom: 0,
|
|
39
|
-
},
|
|
40
|
-
'{{fonts.fontSize080}}': {
|
|
41
|
-
top: -1,
|
|
42
|
-
bottom: 0,
|
|
43
|
-
},
|
|
44
|
-
'{{fonts.fontSize110}}': {
|
|
45
|
-
top: -1,
|
|
46
|
-
bottom: 0,
|
|
47
|
-
},
|
|
7
|
+
var TheSun_light_json_1 = __importDefault(require("@newskit-themes/the-sun/TheSun-light.json"));
|
|
8
|
+
var fonts = TheSun_light_json_1.default.fonts;
|
|
9
|
+
exports.fonts = fonts;
|
|
10
|
+
Object.assign(fonts.fontFamily010, {
|
|
11
|
+
fontFamily: 'var(--the-sun), "The Sun"',
|
|
12
|
+
fontMetrics: {
|
|
13
|
+
fontWeight010: {
|
|
14
|
+
capHeight: 738,
|
|
15
|
+
ascent: 1072,
|
|
16
|
+
descent: -294,
|
|
17
|
+
unitsPerEm: 1000,
|
|
48
18
|
},
|
|
49
19
|
},
|
|
50
|
-
|
|
51
|
-
fontWeight020: 500,
|
|
52
|
-
fontWeight030: 600,
|
|
53
|
-
fontWeight040: 700,
|
|
54
|
-
fontWeight050: 800,
|
|
55
|
-
fontSize010: '12px',
|
|
56
|
-
fontSize015: '13px',
|
|
57
|
-
fontSize020: '14px',
|
|
58
|
-
fontSize030: '16px',
|
|
59
|
-
fontSize040: '18px',
|
|
60
|
-
fontSize050: '20px',
|
|
61
|
-
fontSize060: '22px',
|
|
62
|
-
fontSize070: '24px',
|
|
63
|
-
fontSize080: '28px',
|
|
64
|
-
fontSize090: '32px',
|
|
65
|
-
fontSize100: '36px',
|
|
66
|
-
fontSize110: '40px',
|
|
67
|
-
fontSize120: '44px',
|
|
68
|
-
fontSize130: '48px',
|
|
69
|
-
fontSize140: '56px',
|
|
70
|
-
fontSize150: '64px',
|
|
71
|
-
fontSize160: '80px',
|
|
72
|
-
fontSize170: '104px',
|
|
73
|
-
fontSize180: '120px',
|
|
74
|
-
fontSize190: '136px',
|
|
75
|
-
fontLineHeight010: 1,
|
|
76
|
-
fontLineHeight020: 1.125,
|
|
77
|
-
fontLineHeight030: 1.25,
|
|
78
|
-
fontLineHeight040: 1.5,
|
|
79
|
-
fontLineHeight050: 1.75,
|
|
80
|
-
fontLineHeight060: 2,
|
|
81
|
-
fontLetterSpacing010: '-0.5px',
|
|
82
|
-
fontLetterSpacing020: '-0.25px',
|
|
83
|
-
fontLetterSpacing030: '0',
|
|
84
|
-
fontLetterSpacing040: '0.25px',
|
|
85
|
-
fontLetterSpacing050: '0.5px',
|
|
86
|
-
};
|
|
20
|
+
});
|
|
87
21
|
//# sourceMappingURL=fonts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/fonts.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/fonts.ts"],"names":[],"mappings":";;;;;;AAAA,gGAAmE;AAE3D,IAAA,KAAK,GAAK,2BAAW,MAAhB,CAAgB;AAcpB,sBAAK;AAZd,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,UAAU,EAAE,2BAA2B;IACvC,WAAW,EAAE;QACX,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,CAAC,GAAG;YACb,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA"}
|
|
@@ -10,28 +10,20 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
13
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
17
|
exports.theSunTheme = void 0;
|
|
15
18
|
var newskit_1 = require("newskit");
|
|
16
|
-
var border_radius_1 = require("./border-radius");
|
|
17
|
-
var colors_1 = require("./colors");
|
|
18
|
-
var overlays_1 = require("./overlays");
|
|
19
19
|
var fonts_1 = require("./fonts");
|
|
20
|
-
var shadows_1 = require("./shadows");
|
|
21
20
|
var typography_presets_1 = require("./typography-presets");
|
|
22
21
|
var stylePresets_1 = require("./stylePresets");
|
|
23
22
|
var __1 = require("../");
|
|
23
|
+
var TheSun_light_json_1 = __importDefault(require("@newskit-themes/the-sun/TheSun-light.json"));
|
|
24
24
|
exports.theSunTheme = (0, newskit_1.createTheme)({
|
|
25
25
|
name: 'The-Sun',
|
|
26
26
|
baseTheme: __1.sharedTheme,
|
|
27
|
-
overrides: {
|
|
28
|
-
borders: border_radius_1.borders,
|
|
29
|
-
colors: colors_1.colors,
|
|
30
|
-
overlays: overlays_1.overlays,
|
|
31
|
-
shadows: shadows_1.shadows,
|
|
32
|
-
typographyPresets: typography_presets_1.typographyPresets,
|
|
33
|
-
fonts: fonts_1.fonts,
|
|
34
|
-
stylePresets: __assign({}, stylePresets_1.stylePresets),
|
|
35
|
-
},
|
|
27
|
+
overrides: __assign(__assign({}, TheSun_light_json_1.default), { fonts: fonts_1.fonts, typographyPresets: typography_presets_1.typographyPresets, stylePresets: stylePresets_1.stylePresets }),
|
|
36
28
|
});
|
|
37
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAAqC;AACrC,iCAA+B;AAC/B,2DAAwD;AACxD,+CAA6C;AAC7C,yBAAiC;AACjC,gGAAmE;AAEtD,QAAA,WAAW,GAAG,IAAA,qBAAW,EAAC;IACrC,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,eAAW;IACtB,SAAS,wBACJ,2BAAW,KACd,KAAK,eAAA,EACL,iBAAiB,wCAAA,EACjB,YAAY,6BAAA,GACb;CACF,CAAC,CAAA"}
|