@newskit-render/shared-components 3.11.0-alpha.1 → 3.12.0-alpha.0

package/dist/cjs/theme/timesTheme/fonts.d.ts

@@ -1,44 +1,22 @@
-export declare const fonts: {
+declare const fonts: {
+    fontWeight100: number;
+    fontWeight200: number;
+    fontWeight300: number;
+    fontWeight400: number;
+    fontWeight500: number;
+    fontWeight600: number;
+    fontWeight700: number;
+    fontWeight800: number;
+    fontWeight900: number;
     fontFamily010: {
         fontFamily: string;
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: number;
-                ascent: number;
-                descent: number;
-                lineGap: number;
-                unitsPerEm: number;
-            };
-        };
     };
     fontFamily020: {
         fontFamily: string;
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: number;
-                ascent: number;
-                descent: number;
-                lineGap: number;
-                unitsPerEm: number;
-            };
-        };
     };
     fontFamily030: {
         fontFamily: string;
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: number;
-                ascent: number;
-                descent: number;
-                lineGap: number;
-                unitsPerEm: number;
-            };
-        };
     };
-    fontWeight010: number;
-    fontWeight020: number;
-    fontWeight030: number;
-    fontWeight040: number;
     fontSize010: string;
     fontSize020: string;
     fontSize030: string;
@@ -57,16 +35,29 @@ export declare const fonts: {
     fontSize150: string;
     fontSize155: string;
     fontSize160: string;
-    fontSize170: string;
+    letterSpacing010: string;
+    letterSpacing020: string;
+    letterSpacing030: string;
+    letterSpacing040: string;
+    letterSpacing050: string;
     fontLineHeight010: number;
     fontLineHeight020: number;
     fontLineHeight030: number;
     fontLineHeight040: number;
     fontLineHeight050: number;
     fontLineHeight060: number;
-    fontLetterSpacing010: string;
-    fontLetterSpacing020: string;
-    fontLetterSpacing030: string;
-    fontLetterSpacing040: string;
-    fontLetterSpacing050: string;
+    fontStyleNormal: string;
+    fontStyleItalic: string;
+    fontStyleOblique: string;
+    fontStretch010: string;
+    fontStretch020: string;
+    fontStretch030: string;
+    fontStretch040: string;
+    fontStretch050: string;
+    fontStretch060: string;
+    fontStretch070: string;
+    fontStretch080: string;
+    fontStretch090: string;
+    fontSize165: string;
 };
+export { fonts };

package/dist/cjs/theme/timesTheme/fonts.js

@@ -1,76 +1,46 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fonts = void 0;
-exports.fonts = {
-    fontFamily010: {
-        fontFamily: 'var(--times-modern), "Times Modern"',
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: 671,
-                ascent: 695,
-                descent: -172,
-                lineGap: 65,
-                unitsPerEm: 1000,
-            },
+var TheTimes_light_json_1 = __importDefault(require("@newskit-themes/the-times/TheTimes-light.json"));
+var fonts = TheTimes_light_json_1.default.fonts;
+exports.fonts = fonts;
+Object.assign(fonts.fontFamily010, {
+    fontFamily: 'var(--times-modern), "Times Modern"',
+    fontMetrics: {
+        fontWeight010: {
+            capHeight: 671,
+            ascent: 695,
+            descent: -172,
+            lineGap: 65,
+            unitsPerEm: 1000,
         },
     },
-    fontFamily020: {
-        fontFamily: 'var(--times-digital), "Times Digital W04 Regular"',
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: 713,
-                ascent: 992,
-                descent: -319,
-                lineGap: 0,
-                unitsPerEm: 1000,
-            },
+});
+Object.assign(fonts.fontFamily020, {
+    fontFamily: 'var(--times-digital), "Times Digital W04 Regular"',
+    fontMetrics: {
+        fontWeight010: {
+            capHeight: 713,
+            ascent: 992,
+            descent: -319,
+            lineGap: 0,
+            unitsPerEm: 1000,
         },
     },
-    fontFamily030: {
-        fontFamily: 'var(--roboto), "Roboto"',
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: 1456,
-                ascent: 1900,
-                descent: -500,
-                lineGap: 0,
-                unitsPerEm: 2048,
-            },
+});
+Object.assign(fonts.fontFamily030, {
+    fontFamily: 'var(--roboto), "Roboto"',
+    fontMetrics: {
+        fontWeight010: {
+            capHeight: 1456,
+            ascent: 1900,
+            descent: -500,
+            lineGap: 0,
+            unitsPerEm: 2048,
         },
     },
-    fontWeight010: 400,
-    fontWeight020: 500,
-    fontWeight030: 600,
-    fontWeight040: 700,
-    fontSize010: '12px',
-    fontSize020: '14px',
-    fontSize030: '16px',
-    fontSize040: '18px',
-    fontSize050: '20px',
-    fontSize060: '22px',
-    fontSize070: '24px',
-    fontSize080: '28px',
-    fontSize090: '32px',
-    fontSize100: '36px',
-    fontSize110: '40px',
-    fontSize120: '44px',
-    fontSize125: '45px',
-    fontSize130: '48px',
-    fontSize140: '56px',
-    fontSize150: '64px',
-    fontSize155: '70px',
-    fontSize160: '80px',
-    fontSize170: '85px',
-    fontLineHeight010: 1,
-    fontLineHeight020: 1.125,
-    fontLineHeight030: 1.25,
-    fontLineHeight040: 1.5,
-    fontLineHeight050: 1.75,
-    fontLineHeight060: 2,
-    fontLetterSpacing010: '-0.5px',
-    fontLetterSpacing020: '-0.25px',
-    fontLetterSpacing030: '0',
-    fontLetterSpacing040: '0.25px',
-    fontLetterSpacing050: '0.5px',
-};
+});
 //# sourceMappingURL=fonts.js.map

package/dist/cjs/theme/timesTheme/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/fonts.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,aAAa,EAAE;QACb,UAAU,EAAE,qCAAqC;QACjD,WAAW,EAAE;YACX,aAAa,EAAE;gBACb,SAAS,EAAE,GAAG;gBACd,MAAM,EAAE,GAAG;gBACX,OAAO,EAAE,CAAC,GAAG;gBACb,OAAO,EAAE,EAAE;gBACX,UAAU,EAAE,IAAI;aACjB;SACF;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,mDAAmD;QAC/D,WAAW,EAAE;YACX,aAAa,EAAE;gBACb,SAAS,EAAE,GAAG;gBACd,MAAM,EAAE,GAAG;gBACX,OAAO,EAAE,CAAC,GAAG;gBACb,OAAO,EAAE,CAAC;gBACV,UAAU,EAAE,IAAI;aACjB;SACF;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,yBAAyB;QACrC,WAAW,EAAE;YACX,aAAa,EAAE;gBACb,SAAS,EAAE,IAAI;gBACf,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,CAAC,GAAG;gBACb,OAAO,EAAE,CAAC;gBACV,UAAU,EAAE,IAAI;aACjB;SACF;KACF;IAED,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAElB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,MAAM;IAEnB,iBAAiB,EAAE,CAAC;IACpB,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,GAAG;IACtB,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,CAAC;IAEpB,oBAAoB,EAAE,QAAQ;IAC9B,oBAAoB,EAAE,SAAS;IAC/B,oBAAoB,EAAE,GAAG;IACzB,oBAAoB,EAAE,QAAQ;IAC9B,oBAAoB,EAAE,OAAO;CAC9B,CAAA"}
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/fonts.ts"],"names":[],"mappings":";;;;;;AAAA,sGAAyE;AAEjE,IAAA,KAAK,GAAK,6BAAa,MAAlB,CAAkB;AAyCtB,sBAAK;AAvCd,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,UAAU,EAAE,qCAAqC;IACjD,WAAW,EAAE;QACX,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,UAAU,EAAE,mDAAmD;IAC/D,WAAW,EAAE;QACX,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,UAAU,EAAE,yBAAyB;IACrC,WAAW,EAAE;QACX,aAAa,EAAE;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA"}

package/dist/cjs/theme/timesTheme/index.js

@@ -10,37 +10,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.timesTheme = void 0;
 var newskit_1 = require("newskit");
-var colors_1 = require("./colors");
-var borders_1 = require("./borders");
-var fonts_1 = require("./fonts");
-var overlays_1 = require("./overlays");
-var shadows_1 = require("./shadows");
-var typographyPresets_1 = require("./typographyPresets");
 var componentDefaults_1 = require("./componentDefaults");
 var stylePresets_1 = require("./stylePresets");
 var __1 = require("../");
+var fonts_1 = require("./fonts");
+var typographyPresets_1 = require("./typographyPresets");
+var TheTimes_light_json_1 = __importDefault(require("@newskit-themes/the-times/TheTimes-light.json"));
 exports.timesTheme = (0, newskit_1.createTheme)({
     name: 'The-Times',
     baseTheme: __1.sharedTheme,
-    overrides: {
-        breakpoints: {
-            xs: 0,
-            sm: 480,
-            md: 768,
-            lg: 1024,
-            xl: 1440,
-        },
-        borders: borders_1.borders,
-        colors: colors_1.colors,
-        fonts: fonts_1.fonts,
-        typographyPresets: typographyPresets_1.typographyPresets,
-        componentDefaults: componentDefaults_1.componentDefaults,
-        overlays: overlays_1.overlays,
-        shadows: shadows_1.shadows,
-        stylePresets: __assign({}, stylePresets_1.stylePresets),
-    },
+    overrides: __assign(__assign({}, TheTimes_light_json_1.default), { componentDefaults: componentDefaults_1.componentDefaults, fonts: fonts_1.fonts, typographyPresets: typographyPresets_1.typographyPresets, stylePresets: stylePresets_1.stylePresets }),
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/theme/timesTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,mCAAqC;AACrC,mCAAiC;AACjC,qCAAmC;AACnC,iCAA+B;AAC/B,uCAAqC;AACrC,qCAAmC;AACnC,yDAAuD;AACvD,yDAAuD;AACvD,+CAA6C;AAC7C,yBAAiC;AAEpB,QAAA,UAAU,GAAG,IAAA,qBAAW,EAAC;IACpC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,eAAW;IACtB,SAAS,EAAE;QACT,WAAW,EAAE;YACX,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,IAAI;YACR,EAAE,EAAE,IAAI;SACT;QACD,OAAO,mBAAA;QACP,MAAM,iBAAA;QACN,KAAK,eAAA;QACL,iBAAiB,uCAAA;QACjB,iBAAiB,uCAAA;QACjB,QAAQ,qBAAA;QACR,OAAO,mBAAA;QACP,YAAY,eACP,2BAAY,CAChB;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAAqC;AACrC,yDAAuD;AACvD,+CAA6C;AAC7C,yBAAiC;AACjC,iCAA+B;AAC/B,yDAAuD;AACvD,sGAAyE;AAE5D,QAAA,UAAU,GAAG,IAAA,qBAAW,EAAC;IACpC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,eAAW;IACtB,SAAS,wBACJ,6BAAa,KAChB,iBAAiB,uCAAA,EACjB,KAAK,eAAA,EACL,iBAAiB,uCAAA,EACjB,YAAY,6BAAA,GACb;CACF,CAAC,CAAA"}