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

package/dist/esm/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/esm/theme/timesTheme/fonts.js

@@ -1,73 +1,40 @@
-export var fonts = {
-    fontFamily010: {
-        fontFamily: 'var(--times-modern), "Times Modern"',
-        fontMetrics: {
-            fontWeight010: {
-                capHeight: 671,
-                ascent: 695,
-                descent: -172,
-                lineGap: 65,
-                unitsPerEm: 1000,
-            },
+import TheTimesLight from '@newskit-themes/the-times/TheTimes-light.json';
+var fonts = TheTimesLight.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',
-};
+});
+export { fonts };
 //# sourceMappingURL=fonts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/fonts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,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,OAAO,aAAa,MAAM,+CAA+C,CAAA;AAEjE,IAAA,KAAK,GAAK,aAAa,MAAlB,CAAkB;AAE/B,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;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -10,34 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { createTheme } from 'newskit';
-import { colors } from './colors';
-import { borders } from './borders';
-import { fonts } from './fonts';
-import { overlays } from './overlays';
-import { shadows } from './shadows';
-import { typographyPresets } from './typographyPresets';
 import { componentDefaults } from './componentDefaults';
 import { stylePresets } from './stylePresets';
 import { sharedTheme } from '../';
+import { fonts } from './fonts';
+import { typographyPresets } from './typographyPresets';
+import TheTimesLight from '@newskit-themes/the-times/TheTimes-light.json';
 export var timesTheme = createTheme({
     name: 'The-Times',
     baseTheme: sharedTheme,
-    overrides: {
-        breakpoints: {
-            xs: 0,
-            sm: 480,
-            md: 768,
-            lg: 1024,
-            xl: 1440,
-        },
-        borders: borders,
-        colors: colors,
-        fonts: fonts,
-        typographyPresets: typographyPresets,
-        componentDefaults: componentDefaults,
-        overlays: overlays,
-        shadows: shadows,
-        stylePresets: __assign({}, stylePresets),
-    },
+    overrides: __assign(__assign({}, TheTimesLight), { componentDefaults: componentDefaults, fonts: fonts, typographyPresets: typographyPresets, stylePresets: stylePresets }),
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEjC,MAAM,CAAC,IAAM,UAAU,GAAG,WAAW,CAAC;IACpC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,WAAW;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,SAAA;QACP,MAAM,QAAA;QACN,KAAK,OAAA;QACL,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;QACjB,QAAQ,UAAA;QACR,OAAO,SAAA;QACP,YAAY,eACP,YAAY,CAChB;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,aAAa,MAAM,+CAA+C,CAAA;AAEzE,MAAM,CAAC,IAAM,UAAU,GAAG,WAAW,CAAC;IACpC,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,WAAW;IACtB,SAAS,wBACJ,aAAa,KAChB,iBAAiB,mBAAA,EACjB,KAAK,OAAA,EACL,iBAAiB,mBAAA,EACjB,YAAY,cAAA,GACb;CACF,CAAC,CAAA"}