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

package/dist/esm/theme/tlsTheme/fonts.d.ts

@@ -1,20 +1,23 @@
-export declare const fonts: {
+declare const fonts: {
+    fontWeight100: number;
+    fontWeight200: number;
+    fontWeight300: number;
+    fontWeight400: number;
+    fontWeight401: number;
+    fontWeight500: number;
+    fontWeight600: number;
+    fontWeight700: number;
+    fontWeight800: number;
+    fontWeight900: number;
     fontFamily010: {
         fontFamily: string;
-        fontMetrics: {};
     };
     fontFamily020: {
         fontFamily: string;
-        fontMetrics: {};
     };
     fontFamily030: {
         fontFamily: string;
-        fontMetrics: {};
     };
-    fontWeight010: number;
-    fontWeight020: number;
-    fontWeight030: number;
-    fontWeight040: number;
     fontSize010: string;
     fontSize020: string;
     fontSize030: string;
@@ -30,11 +33,20 @@ export declare const fonts: {
     fontSize130: string;
     fontSize140: string;
     fontSize150: string;
-    fontLineHeight010: string;
-    fontLineHeight020: string;
-    fontLineHeight030: string;
-    fontLineHeight040: string;
-    fontLineHeight050: string;
-    fontLineHeight060: string;
-    fontLetterSpacing010: string;
+    fontSize160: string;
+    letterSpacing010: string;
+    letterSpacing020: string;
+    letterSpacing030: string;
+    letterSpacing040: string;
+    letterSpacing050: string;
+    fontLineHeight010: number;
+    fontLineHeight020: number;
+    fontLineHeight030: number;
+    fontLineHeight040: number;
+    fontLineHeight050: number;
+    fontLineHeight060: number;
+    fontStyleNormal: string;
+    fontStyleItalic: string;
+    fontStyleOblique: string;
 };
+export { fonts };

package/dist/esm/theme/tlsTheme/fonts.js

@@ -1,41 +1,40 @@
-export var fonts = {
-    fontFamily010: {
+import TLSLight from '@newskit-themes/tls/TLS-light.json';
+var fonts = TLSLight.fonts;
+Object.assign(fonts.fontFamily010, {
+    fontFamily: "var(--graphik), 'Graphik App'",
+    fontMetrics: {
+        fontWeight010: {
+            capHeight: 715,
+            ascent: 809,
+            descent: -195,
+            lineGap: 200,
+            unitsPerEm: 1000,
+        },
+    },
+});
+Object.assign(fonts.fontFamily020, {
+    fontMetrics: {
         fontFamily: "var(--publico-headline), 'Publico Headline App'",
-        fontMetrics: {},
+        fontWeight010: {
+            capHeight: 693,
+            ascent: 801,
+            descent: -199,
+            lineGap: 200,
+            unitsPerEm: 1000,
+        },
     },
-    fontFamily020: {
+});
+Object.assign(fonts.fontFamily030, {
+    fontMetrics: {
         fontFamily: "var(--publico-text), 'Publico Text App'",
-        fontMetrics: {},
-    },
-    fontFamily030: {
-        fontFamily: "var(--graphik), 'Graphik App'",
-        fontMetrics: {},
+        fontWeight010: {
+            capHeight: 693,
+            ascent: 781,
+            descent: -219,
+            lineGap: 200,
+            unitsPerEm: 1000,
+        },
     },
-    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: '48px',
-    fontSize130: '56px',
-    fontSize140: '64px',
-    fontSize150: '80px',
-    fontLineHeight010: '1.000',
-    fontLineHeight020: '1.125',
-    fontLineHeight030: '1.250',
-    fontLineHeight040: '1.500',
-    fontLineHeight050: '1.750',
-    fontLineHeight060: '2.000',
-    fontLetterSpacing010: '0%',
-};
+});
+export { fonts };
 //# sourceMappingURL=fonts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/tlsTheme/fonts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,aAAa,EAAE;QACb,UAAU,EAAE,iDAAiD;QAC7D,WAAW,EAAE,EAAE;KAChB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,yCAAyC;QACrD,WAAW,EAAE,EAAE;KAChB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,+BAA+B;QAC3C,WAAW,EAAE,EAAE;KAChB;IACD,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,aAAa,EAAE,GAAG;IAClB,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,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,OAAO;IAC1B,oBAAoB,EAAE,IAAI;CAC3B,CAAA"}
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/tlsTheme/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,oCAAoC,CAAA;AAEjD,IAAA,KAAK,GAAK,QAAQ,MAAb,CAAa;AAE1B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,UAAU,EAAE,+BAA+B;IAC3C,WAAW,EAAE;QACX,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,WAAW,EAAE;QACX,UAAU,EAAE,iDAAiD;QAC7D,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE;IACjC,WAAW,EAAE;QACX,UAAU,EAAE,yCAAyC;QACrD,aAAa,EAAE;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,CAAC,GAAG;YACb,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,IAAI;SACjB;KACF;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -10,25 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { createTheme } from 'newskit';
-import { colors } from './colors';
 import { fonts } from './fonts';
-import { overlays } from './overlays';
-import { shadows } from './shadows';
 import { typographyPresets } from './typographyPresets';
-import { borders } from './borders';
 import { stylePresets } from './stylePresets';
 import { sharedTheme } from '../';
+import TLSLight from '@newskit-themes/tls/TLS-light.json';
 export var tlsTheme = createTheme({
     name: 'TLS',
     baseTheme: sharedTheme,
-    overrides: {
-        colors: colors,
-        fonts: fonts,
-        overlays: overlays,
-        shadows: shadows,
-        typographyPresets: typographyPresets,
-        borders: borders,
-        stylePresets: __assign({}, stylePresets),
-    },
+    overrides: __assign(__assign({}, TLSLight), { fonts: fonts, typographyPresets: typographyPresets, stylePresets: stylePresets }),
 });
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/theme/tlsTheme/typographyPresets.d.ts

@@ -1,370 +1,325 @@
-export declare const typographyPresets: {
+declare const typographyPresets: {
     editorialDisplay010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialDisplay020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialDisplay030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline040: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline050: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline060: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline070: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialHeadline080: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialSubheadline010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialSubheadline020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialSubheadline030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialSubheadline040: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialSubheadline050: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialParagraph010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialParagraph020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialParagraph030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialQuote010: {
         fontFamily: string;
         fontWeight: string;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialQuote020: {
         fontFamily: string;
         fontWeight: string;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialCaption010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialLabel010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialLabel020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     editorialLabel030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityHeading010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityHeading020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityHeading030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityHeading040: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityHeading050: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilitySubheading010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilitySubheading020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilitySubheading030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilitySubheading040: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilitySubheading050: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityBody010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityBody020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityBody030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityLabel010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityLabel020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityLabel030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityButton010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityButton020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityButton030: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityMeta010: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
     utilityMeta020: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
+        lineHeight: number;
         fontSize: string;
-        lineHeight: string;
         letterSpacing: string;
-        fontStretch: string;
     };
 };
+export { typographyPresets };