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

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

@@ -1,56 +1,18 @@
-export declare const fonts: {
+declare const fonts: {
+    fontWeight100: number;
+    fontWeight200: number;
+    fontWeight300: number;
+    fontWeight400: number;
+    fontWeight500: number;
+    fontWeight600: number;
+    fontWeight700: number;
+    fontWeight800: number;
+    fontWeight801: number;
+    fontWeight900: number;
     fontFamily010: {
         fontFamily: string;
-        cropConfig: {
-            top: number;
-            bottom: number;
-        };
-        cropAdjustments: {
-            '{{fonts.fontSize010}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize020}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize030}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize040}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize050}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize060}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize070}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize080}}': {
-                top: number;
-                bottom: number;
-            };
-            '{{fonts.fontSize110}}': {
-                top: number;
-                bottom: number;
-            };
-        };
     };
-    fontWeight010: number;
-    fontWeight020: number;
-    fontWeight030: number;
-    fontWeight040: number;
-    fontWeight050: number;
     fontSize010: string;
-    fontSize015: string;
     fontSize020: string;
     fontSize030: string;
     fontSize040: string;
@@ -69,15 +31,29 @@ export declare const fonts: {
     fontSize170: string;
     fontSize180: string;
     fontSize190: 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;
+    fontStretch031: string;
+    fontStretch040: string;
+    fontStretch050: string;
+    fontStretch060: string;
+    fontStretch070: string;
+    fontStretch080: string;
+    fontStretch090: string;
 };
+export { fonts };

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

@@ -1,84 +1,15 @@
-export var fonts = {
-    fontFamily010: {
-        fontFamily: 'var(--the-sun), "The Sun"',
-        cropConfig: {
-            top: 8.38,
-            bottom: 8,
-        },
-        cropAdjustments: {
-            '{{fonts.fontSize010}}': {
-                top: 0,
-                bottom: 0,
-            },
-            '{{fonts.fontSize020}}': {
-                top: -1,
-                bottom: -1,
-            },
-            '{{fonts.fontSize030}}': {
-                top: -1,
-                bottom: -1,
-            },
-            '{{fonts.fontSize040}}': {
-                top: -0.5,
-                bottom: -1,
-            },
-            '{{fonts.fontSize050}}': {
-                top: -1,
-                bottom: -1.3,
-            },
-            '{{fonts.fontSize060}}': {
-                top: -0.5,
-                bottom: 0,
-            },
-            '{{fonts.fontSize070}}': {
-                top: -1,
-                bottom: 0,
-            },
-            '{{fonts.fontSize080}}': {
-                top: -1,
-                bottom: 0,
-            },
-            '{{fonts.fontSize110}}': {
-                top: -1,
-                bottom: 0,
-            },
+import TheSunLight from '@newskit-themes/the-sun/TheSun-light.json';
+var fonts = TheSunLight.fonts;
+Object.assign(fonts.fontFamily010, {
+    fontFamily: 'var(--the-sun), "The Sun"',
+    fontMetrics: {
+        fontWeight010: {
+            capHeight: 738,
+            ascent: 1072,
+            descent: -294,
+            unitsPerEm: 1000,
         },
     },
-    fontWeight010: 400,
-    fontWeight020: 500,
-    fontWeight030: 600,
-    fontWeight040: 700,
-    fontWeight050: 800,
-    fontSize010: '12px',
-    fontSize015: '13px',
-    fontSize020: '14px',
-    fontSize030: '16px',
-    fontSize040: '18px',
-    fontSize050: '20px',
-    fontSize060: '22px',
-    fontSize070: '24px',
-    fontSize080: '28px',
-    fontSize090: '32px',
-    fontSize100: '36px',
-    fontSize110: '40px',
-    fontSize120: '44px',
-    fontSize130: '48px',
-    fontSize140: '56px',
-    fontSize150: '64px',
-    fontSize160: '80px',
-    fontSize170: '104px',
-    fontSize180: '120px',
-    fontSize190: '136px',
-    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/sunTheme/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/fonts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,aAAa,EAAE;QACb,UAAU,EAAE,2BAA2B;QACvC,UAAU,EAAE;YACV,GAAG,EAAE,IAAI;YACT,MAAM,EAAE,CAAC;SACV;QACD,eAAe,EAAE;YACf,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;aACV;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC,CAAC;aACX;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC,CAAC;aACX;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,GAAG;gBACT,MAAM,EAAE,CAAC,CAAC;aACX;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC,GAAG;aACb;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,GAAG;gBACT,MAAM,EAAE,CAAC;aACV;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC;aACV;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC;aACV;YACD,uBAAuB,EAAE;gBACvB,GAAG,EAAE,CAAC,CAAC;gBACP,MAAM,EAAE,CAAC;aACV;SACF;KACF;IAED,aAAa,EAAE,GAAG;IAClB,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,OAAO;IACpB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,OAAO;IAEpB,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/sunTheme/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2CAA2C,CAAA;AAE3D,IAAA,KAAK,GAAK,WAAW,MAAhB,CAAgB;AAE7B,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;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -10,25 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { createTheme } from 'newskit';
-import { borders } from './border-radius';
-import { colors } from './colors';
-import { overlays } from './overlays';
 import { fonts } from './fonts';
-import { shadows } from './shadows';
 import { typographyPresets } from './typography-presets';
 import { stylePresets } from './stylePresets';
 import { sharedTheme } from '../';
+import TheSunLight from '@newskit-themes/the-sun/TheSun-light.json';
 export var theSunTheme = createTheme({
     name: 'The-Sun',
     baseTheme: sharedTheme,
-    overrides: {
-        borders: borders,
-        colors: colors,
-        overlays: overlays,
-        shadows: shadows,
-        typographyPresets: typographyPresets,
-        fonts: fonts,
-        stylePresets: __assign({}, stylePresets),
-    },
+    overrides: __assign(__assign({}, TheSunLight), { fonts: fonts, typographyPresets: typographyPresets, stylePresets: stylePresets }),
 });
 //# sourceMappingURL=index.js.map

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

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