@newskit-render/my-account 0.115.1 → 0.117.1

package/dist/theme/index.js

@@ -1,7 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.accountTheme = void 0;
+exports.theSunTheme = exports.virginRadioTheme = exports.timesTheme = exports.accountTheme = void 0;
 var newskit_1 = require("newskit");
+var border_radius_json_1 = __importDefault(require("./border-radius.json"));
+var colors_json_1 = __importDefault(require("./colors.json"));
+var overlays_json_1 = __importDefault(require("./overlays.json"));
+var fonts_json_1 = __importDefault(require("./fonts.json"));
+var shadows_json_1 = __importDefault(require("./shadows.json"));
+var typography_presets_json_1 = __importDefault(require("./typography-presets.json"));
 exports.accountTheme = (0, newskit_1.createTheme)({
     name: 'account-theme',
     overrides: {
@@ -127,4 +136,972 @@ exports.accountTheme = (0, newskit_1.createTheme)({
         },
     },
 });
+exports.timesTheme = (0, newskit_1.createTheme)({
+    name: 'times-theme',
+    overrides: {
+        breakpoints: {
+            xs: 0,
+            sm: 480,
+            md: 768,
+            lg: 1024,
+            xl: 1440,
+        },
+        borders: {
+            borderRadiusDefault: '{{borders.borderRadiusSharp}}',
+        },
+        colors: {
+            amber010: '#FFEECC',
+            amber060: '#FFA300',
+            blue010: '#BEDEED',
+            blue040: '#4B9FC9',
+            blue050: '#2B80AA',
+            blue060: '#1573A2',
+            blue070: '#006699',
+            green010: '#DFF6F2',
+            green020: '#BEEDE3',
+            green060: '#42BDA5',
+            green070: '#38A792',
+            green080: '#2E917E',
+            neutral010: '#F5F5F5',
+            neutral020: '#EEEEEE',
+            neutral050: '#C2C2C2',
+            neutral070: '#696969',
+            neutral080: '#333333',
+            neutral090: '#1D1D1B',
+            neutral100: '#01000D',
+            red010: '#FFD6D6',
+            red020: '#FFABAB',
+            red060: '#FF0000',
+            red070: '#DF0000',
+            red080: '#BF0000',
+            inkBase: '{{colors.neutral080}}',
+            inkContrast: '{{colors.neutral090}}',
+            inkSubtle: '{{colors.neutral070}}',
+            inkNonEssential: '{{colors.neutral050}}',
+            inkNotice: '{{colors.amber060}}',
+            inkInformative: '{{colors.blue070}}',
+            inkBrand010: '{{colors.neutral100}}',
+            inkBrand020: '{{colors.blue070}}',
+            interfaceBrand010: '{{colors.neutral100}}',
+            interfaceBrand020: '{{colors.blue070}}',
+            interfaceInformative010: '{{colors.blue060}}',
+            interfaceInformative020: '{{colors.blue010}}',
+            interfaceNotice010: '{{colors.amber060}}',
+            interfaceNotice020: '{{colors.amber010}}',
+            interfaceNegative010: '{{colors.red060}}',
+            interfaceNegative020: '{{colors.red010}}',
+            interfacePositive010: '{{colors.green060}}',
+            interfacePositive020: '{{colors.green010}}',
+            interfaceSkeleton010: '{{colors.neutral010}}',
+            interfaceSkeleton020: '{{colors.neutral030}}',
+            interfaceNeutral010: '{{colors.neutral080}}',
+            interfaceNeutral020: '{{colors.neutral010}}',
+            interactivePrimary010: '{{colors.neutral010}}',
+            interactivePrimary020: '{{colors.neutral020}}',
+            interactivePrimary030: '{{colors.neutral100}}',
+            interactivePrimary040: '{{colors.blue070}}',
+            interactivePrimary050: '{{colors.blue070}}',
+            interactiveSecondary010: '{{colors.neutral010}}',
+            interactiveSecondary020: '{{colors.neutral020}}',
+            interactiveSecondary030: '{{colors.blue060}}',
+            interactiveSecondary040: '{{colors.blue050}}',
+            interactiveSecondary050: '{{colors.blue040}}',
+            interactiveNegative010: '{{colors.red010}}',
+            interactiveNegative020: '{{colors.red020}}',
+            interactiveNegative030: '{{colors.red060}}',
+            interactiveNegative040: '{{colors.red070}}',
+            interactiveNegative050: '{{colors.red080}}',
+            interactivePositive010: '{{colors.green010}}',
+            interactivePositive020: '{{colors.green020}}',
+            interactivePositive030: '{{colors.green060}}',
+            interactivePositive040: '{{colors.green070}}',
+            interactivePositive050: '{{colors.green080}}',
+            interactiveVisited010: '{{colors.red070}}',
+            interactiveDisabled010: '{{colors.neutral020}}',
+            interactiveInverse040: 'rgba(255,255,255,0.70)',
+            interactiveInverse050: 'rgba(255,255,255,0.80)',
+            linkText: '{{colors.interactivePrimary040}}',
+            linkHover: '{{colors.interactivePrimary030}}',
+            linkActive: '{{colors.interactivePrimary050}}',
+            linkVisited: '{{colors.interactiveVisited010}}',
+        },
+        fonts: {
+            fontFamily010: {
+                fontFamily: 'GillSansMTStd-Medium',
+                cropConfig: {
+                    top: 8,
+                    bottom: 8,
+                },
+            },
+            fontFamily020: {
+                fontFamily: 'TimesModern-Bold',
+                cropConfig: {
+                    top: 7,
+                    bottom: 9,
+                },
+            },
+            fontFamily030: {
+                fontFamily: 'TimesModern-Regular',
+                cropConfig: {
+                    top: 8,
+                    bottom: 9,
+                },
+            },
+            fontFamily040: {
+                fontFamily: 'TimesDigitalW04-Regular',
+            },
+        },
+        typographyPresets: {
+            editorialHeadline010: {
+                fontSize: '{{fonts.fontSize030}}',
+            },
+            editorialHeadline020: {
+                fontSize: '{{fonts.fontSize040}}',
+            },
+            editorialHeadline030: {
+                fontSize: '{{fonts.fontSize050}}',
+            },
+            editorialHeadline040: {
+                fontSize: '{{fonts.fontSize060}}',
+            },
+            editorialHeadline050: {
+                fontSize: '{{fonts.fontSize080}}',
+            },
+            editorialHeadline060: {
+                fontSize: '{{fonts.fontSize080}}',
+            },
+            editorialHeadline070: {
+                fontSize: '{{fonts.fontSize100}}',
+            },
+            editorialHeadline080: {
+                fontSize: '{{fonts.fontSize110}}',
+            },
+            editorialSubheadline010: {
+                fontFamily: '{{fonts.fontFamily030.fontFamily}}',
+                fontSize: '{{fonts.fontSize030}}',
+            },
+            editorialSubheadline020: {
+                fontFamily: '{{fonts.fontFamily030.fontFamily}}',
+                fontSize: '{{fonts.fontSize040}}',
+            },
+            editorialSubheadline030: {
+                fontFamily: '{{fonts.fontFamily030.fontFamily}}',
+                fontSize: '{{fonts.fontSize060}}',
+            },
+            editorialSubheadline040: {
+                fontFamily: '{{fonts.fontFamily030.fontFamily}}',
+                fontSize: '{{fonts.fontSize070}}',
+            },
+            editorialSubheadline050: {
+                fontFamily: '{{fonts.fontFamily030.fontFamily}}',
+                fontSize: '{{fonts.fontSize080}}',
+            },
+            utilityBody020: {
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+            },
+        },
+        componentDefaults: {
+            button: {
+                medium: {
+                    stylePreset: 'buttonSolidPrimary',
+                    typographyPreset: 'utilityBody020',
+                },
+            },
+            link: {
+                typographyPreset: 'utilityBody020',
+            },
+            input: {
+                typographyPreset: '{{fonts.fontFamily030.fontFamily}}',
+            },
+            label: {
+                typographyPreset: 'utilityBody020',
+            },
+            textInput: {
+                small: {
+                    label: {
+                        typographyPreset: 'utilityBody020',
+                    },
+                },
+                medium: {
+                    label: {
+                        spaceStack: 'space040',
+                        spaceInline: 'space010',
+                        typographyPreset: 'utilityBody020',
+                    },
+                },
+                large: {
+                    label: {
+                        typographyPreset: 'utilityBody020',
+                    },
+                },
+            },
+            grid: {
+                maxWidth: '1184px',
+            },
+        },
+        stylePresets: {
+            buttonSolidPrimary: {
+                base: {
+                    backgroundColor: '{{colors.interactiveSecondary030}}',
+                    borderRadius: '{{borders.borderRadiusDefault}}',
+                    iconColor: '{{colors.inkInverse}}',
+                },
+                hover: {
+                    backgroundColor: '{{colors.interactivePrimary040}}',
+                },
+                active: {
+                    backgroundColor: '{{colors.interactivePrimary050}}',
+                },
+                disabled: {
+                    backgroundColor: '{{colors.interactiveDisabled010}}',
+                    color: '{{colors.inkNonEssential}}',
+                    iconColor: '{{colors.inkNonEssential}}',
+                },
+                loading: {
+                    backgroundColor: '{{colors.interactivePrimary020}}',
+                    color: '{{colors.inkBrand010}}',
+                    iconColor: '{{colors.inkBrand010}}',
+                },
+            },
+            linkInline: {
+                base: {
+                    color: '{{colors.linkText}}',
+                    iconColor: '{{colors.linkText}}',
+                },
+                hover: {
+                    color: '{{colors.linkHover}}',
+                    iconColor: '{{colors.linkHover}}',
+                },
+                active: {
+                    color: '{{colors.linkActive}}',
+                    iconColor: '{{colors.linkActive}}',
+                },
+                visited: {
+                    color: '{{colors.linkVisited}}',
+                    iconColor: '{{colors.linkVisited}}',
+                },
+            },
+        },
+    },
+});
+exports.virginRadioTheme = (0, newskit_1.createTheme)({
+    name: 'virgin-radio',
+    overrides: {
+        colors: {
+            accessible010: 'rgba(47, 117, 215, 1)',
+            accessible020: 'rgba(144, 61, 145, 1)',
+            amber010: 'rgba(255, 227, 176, 1)',
+            amber020: 'rgba(255, 210, 132, 1)',
+            amber030: 'rgba(255, 192, 88, 1)',
+            amber040: 'rgba(255, 173, 44, 1)',
+            amber050: 'rgba(255, 153, 0, 1)',
+            amber060: 'rgba(255, 143, 0, 1)',
+            amber070: 'rgba(255, 130, 0, 1)',
+            amber080: 'rgba(255, 114, 0, 1)',
+            amber090: 'rgba(255, 96, 0, 1)',
+            amber100: 'rgba(255, 75, 0, 1)',
+            black: 'rgba(10, 10, 10, 1)',
+            blackTint10: 'rgba(10, 10, 10, 0.1',
+            blackTint20: 'rgba(10, 10, 10, 0.2)',
+            blackTint30: 'rgba(10, 10, 10, 0.3)',
+            blackTint40: 'rgba(10, 10, 10, 0.4)',
+            blackTint50: 'rgba(10, 10, 10, 0.5)',
+            blackTint60: 'rgba(10, 10, 10, 0.6)',
+            blackTint70: 'rgba(10, 10, 10, 0.7)',
+            blackTint80: 'rgba(10, 10, 10, 0.8)',
+            blackTint90: 'rgba(10, 10, 10, 0.9)',
+            white: 'rgba(255, 255, 255, 1)',
+            whiteTint10: 'rgba(255,255,255, 0.1)',
+            whiteTint20: 'rgba(255,255,255, 0.2)',
+            whiteTint30: 'rgba(255,255,255, 0.3)',
+            whiteTint40: 'rgba(255,255,255, 0.4)',
+            whiteTint50: 'rgba(255,255,255, 0.5)',
+            whiteTint60: 'rgba(255,255,255, 0.6)',
+            whiteTint70: 'rgba(255,255,255, 0.7)',
+            whiteTint80: 'rgba(255,255,255, 0.8)',
+            whiteTint90: 'rgba(255,255,255, 0.9)',
+            blue010: 'rgba(230, 244, 255, 1)',
+            blue020: 'rgba(213, 235, 255, 1)',
+            blue030: 'rgba(171, 213, 252, 1)',
+            blue040: 'rgba(110, 178, 242, 1)',
+            blue050: 'rgba(53, 140, 222, 1)',
+            blue060: 'rgba(10, 104, 193, 1)',
+            blue070: 'rgba(2, 80, 155, 1)',
+            blue080: 'rgba(1, 57, 110, 1)',
+            blue090: 'rgba(0, 33, 65, 1)',
+            blue100: 'rgba(0, 10, 20, 1)',
+            brown010: 'rgba(230, 244, 255, 1)',
+            brown020: 'rgba(78, 26, 26, 1)',
+            brown030: 'rgba(97, 52, 52, 1)',
+            brown040: 'rgba(117, 77, 77, 1)',
+            brown050: 'rgba(137, 103, 103, 1)',
+            brown060: 'rgba(157, 128, 128, 1)',
+            brown070: 'rgba(176, 153, 153, 1)',
+            brown080: 'rgba(196, 179, 179, 1)',
+            brown090: 'rgba(216, 204, 204, 1)',
+            brown100: 'rgba(235, 230, 230, 1)',
+            green010: 'rgba(230, 250, 235, 1)',
+            green020: 'rgba(184, 239, 200, 1)',
+            green030: 'rgba(142, 225, 166, 1)',
+            green040: 'rgba(103, 207, 134, 1)',
+            green050: 'rgba(66, 186, 103, 1)',
+            green060: 'rgba(35, 162, 72, 1)',
+            green070: 'rgba(20, 143, 57, 1)',
+            green080: 'rgba(10, 120, 42, 1)',
+            green090: 'rgba(0, 93, 28, 1)',
+            green100: 'rgba(0, 62, 17, 1)',
+            neutral010: 'rgba(250, 250, 250, 1)',
+            neutral020: 'rgba(240, 240, 240, 1)',
+            neutral030: 'rgba(228, 228, 228, 1)',
+            neutral040: 'rgba(204, 204, 204, 1)',
+            neutral050: 'rgba(192, 192, 192, 1)',
+            neutral060: 'rgba(156, 156, 156, 1)',
+            neutral070: 'rgba(119, 119, 119, 1)',
+            neutral080: 'rgba(83, 83, 83, 1)',
+            neutral090: 'rgba(46, 46, 46, 1)',
+            neutral100: 'rgba(10, 10, 10, 1)',
+            purple010: 'rgba(209, 194, 224, 1)',
+            purple020: 'rgba(147, 161, 195, 1)',
+            purple030: 'rgba(148, 112, 184, 1)',
+            purple040: 'rgba(133, 92, 173, 1)',
+            purple050: 'rgba(117, 71, 163, 1)',
+            purple060: 'rgba(102, 51, 153, 1)',
+            purple070: 'rgba(82, 41, 122, 1)',
+            purple080: 'rgba(84, 20, 93, 1)',
+            purple090: 'rgba(61, 31, 92, 1)',
+            purple100: 'rgba(41, 20, 61, 1)',
+            red010: 'rgba(255, 247, 248, 1)',
+            red020: 'rgba(255, 198, 199, 1)',
+            red030: 'rgba(252, 147, 152, 1)',
+            red040: 'rgba(239, 68, 83, 1)',
+            red050: 'rgba(225, 41, 50, 1)',
+            red060: 'rgba(207, 20, 43, 1)',
+            red070: 'rgba(207, 20, 43, 1)',
+            red080: 'rgba(176, 13, 29, 1)',
+            red090: 'rgba(142, 12, 18, 1)',
+            red100: 'rgba(105, 9, 12, 1)',
+            socialFacebook: 'rgba(24, 119, 242, 1)',
+            socialInstagram: 'rgba(195, 42, 163, 1)',
+            socialReddit: 'rgba(255, 69, 0, 1)',
+            socialTwitter: 'rgba(29, 161, 242, 1)',
+            socialWhatsapp: 'rgba(37, 211, 102, 1)',
+            socialYoutube: 'rgba(255, 0, 0, 1)',
+            teal010: 'rgba(232, 246, 248, 1)',
+            teal020: 'rgba(209, 236, 241, 1)',
+            teal030: 'rgba(162, 218, 227, 1)',
+            teal040: 'rgba(116, 199, 212, 1)',
+            teal050: 'rgba(69, 181, 198, 1)',
+            teal060: 'rgba(23, 162, 184, 1)',
+            teal070: 'rgba(18, 130, 147, 1)',
+            teal080: 'rgba(14, 97, 110, 1)',
+            teal090: 'rgba(9, 65, 74, 1)',
+            teal100: 'rgba(7, 49, 55, 1)',
+            inkAccessible010: '{{colors.accessible010}}',
+            inkAccessible020: '{{colors.accessible020}}',
+            inkBase: '{{colors.neutral090}}',
+            inkBrand010: '{{colors.red070}}',
+            inkBrand020: '{{colors.blue020}}',
+            inkContrast: '{{colors.black}}',
+            inkInformative: '{{colors.teal070}}',
+            inkInverse: '{{colors.white}}',
+            inkNegative: '{{colors.red070}}',
+            inkNonEssential: '{{colors.neutral050}}',
+            inkNotice: '{{colors.amber080}}',
+            inkPositive: '{{colors.green080}}',
+            inkSubtle: '{{colors.neutral070}}',
+            InterfaceInformative010: '{{colors.teal070}}',
+            InterfaceInformative020: '{{colors.teal010}}',
+            interface010: '{{colors.white}}',
+            interface020: '{{colors.neutral010}}',
+            interface030: '{{colors.neutral020}}',
+            interface040: '{{colors.neutral030}}',
+            interface050: '{{colors.neutral040}}',
+            interface060: '{{colors.neutral100}}',
+            interfaceBackground: '{{colors.white}}',
+            interfaceBrand010: '{{colors.red060}}',
+            interfaceBrand020: 'linear-gradient(269.23deg,#E64559 0%, #CF142B 100%)',
+            interfaceDisabled: '{{colors.neutral020}}',
+            interfaceNegative010: '{{colors.red070}}',
+            interfaceNegative020: '{{colors.red010}}',
+            interfaceNeutral010: '{{colors.neutral080}}',
+            interfaceNeutral020: '{{colors.neutral010}}',
+            interfaceNotice010: '{{colors.amber080}}',
+            interfaceNotice020: '{{colors.amber010}}',
+            interfacePositive010: '{{colors.green080}}',
+            interfacePositive020: '{{colors.green010}}',
+            interfaceSkeleton010: '{{colors.neutral020}}',
+            interfaceSkeleton020: '{{colors.neutral030}}',
+            transparent: 'transparent',
+            interactiveDisabled010: '{{colors.neutral020}}',
+            interactiveNegative010: '{{colors.red010}}',
+            interactiveNegative020: '{{colors.red020}}',
+            interactiveNegative030: '{{colors.red060}}',
+            interactiveNegative040: '{{colors.red070}}',
+            interactiveNegative050: '{{colors.red080}}',
+            interactivePositive010: '{{colors.green010}}',
+            interactivePositive020: '{{colors.green020}}',
+            interactivePositive030: '{{colors.green060}}',
+            interactivePositive040: '{{colors.green070}}',
+            interactivePositive050: '{{colors.green080}}',
+            interactivePrimary010: '{{colors.red010}}',
+            interactivePrimary020: '{{colors.red020}}',
+            interactivePrimary030: '{{colors.red060}}',
+            interactivePrimary040: '{{colors.red060}}',
+            interactivePrimary050: '{{colors.red080}}',
+            interactiveSecondary010: '{{colors.neutral010}}',
+            interactiveSecondary020: '{{colors.neutral020}}',
+            interactiveSecondary030: '{{colors.neutral080}}',
+            interactiveSecondary040: '{{colors.neutral090}}',
+            interactiveSecondary050: '{{colors.black}}',
+            interactiveVisited010: '{{colors.purple050}}',
+        },
+        fonts: {
+            fontFamily010: {
+                fontFamily: 'Montserrat',
+                cropConfig: { top: 8, bottom: 10 },
+            },
+            fontWeight010: 400,
+            fontWeight020: 500,
+            fontWeight030: 600,
+            fontWeight040: 700,
+            fontSize010: '12px',
+            fontSize020: '14px',
+            fontSize030: '16px',
+            fontSize040: '18px',
+            fontSize050: '20px',
+            fontSize060: '24px',
+            fontSize070: '28px',
+            fontSize080: '32px',
+            fontSize090: '36px',
+            fontSize100: '40px',
+            fontSize110: '48px',
+            fontLineHeight010: 1.0833,
+            fontLineHeight020: 1.125,
+            fontLineHeight030: 1.1667,
+            fontLineHeight040: 1.25,
+            fontLineHeight050: 1.3333,
+            fontLineHeight060: 1.5,
+            fontLineHeight070: 1.6667,
+            fontLetterSpacing010: -0.5,
+            fontLetterSpacing020: -0.25,
+            fontLetterSpacing030: 0,
+            fontLetterSpacing040: 0.25,
+            fontLetterSpacing050: 0.5,
+            fontLetterSpacing060: 0.75,
+            fontLetterSpacing070: 1,
+        },
+        overlays: {
+            overlayGradientInverseVertical: 'linear-gradient(0deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%)',
+            overlayGradientBaseVertical: 'linear-gradient(0deg, rgba(10,10,10,0.00) 0%, #0A0A0A 100%)',
+            overlayGradientBaseVerticalBottom: 'linear-gradient(180deg, rgba(10,10,10,0.00) 0%, rgba(10, 10, 10, 0.6) 100%)',
+            overlayGradientInverseHorizontal: 'linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%)',
+            overlayGradientBaseHorizontal: 'linear-gradient(270deg, rgba(10,10,10,0.00) 0%, #0A0A0A 100%)',
+            overlayTintInverse010: '{{colors.whiteTint20}}',
+            overlayTintInverse020: '{{colors.whiteTint40}}',
+            overlayTintInverse030: '{{colors.whiteTint60}}',
+            overlayTintInverse040: '{{colors.whiteTint80}}',
+            overlayTintBase010: '{{colors.blackTint20}}',
+            overlayTintBase020: '{{colors.blackTint40}}',
+            overlayTintBase030: '{{colors.blackTint60}}',
+            overlayTintBase040: '{{colors.blackTint80}}',
+        },
+        shadows: {
+            shadow010: '0 0 1px 0 rgba(40,41,61,0.08), 0 0 2px 0 rgba(96,97,112,0.16)',
+            shadow020: '0 0 1px 0 rgba(40,41,61,0.04), 0 2px 4px 0 rgba(96,97,112,0.16)',
+            shadow030: '0 0 2px 0 rgba(40,41,61,0.04), 0 4px 8px 0 rgba(96,97,112,0.16)',
+            shadow040: '0 2px 4px 0 rgba(40,41,61,0.04), 0 8px 16px 0 rgba(96,97,112,0.16)',
+            shadow050: '0 2px 8px 0 rgba(40,41,61,0.04), 0 16px 24px 0 rgba(96,97,112,0.16)',
+            shadow060: '0 2px 8px 0 rgba(40,41,61,0.08), 0 20px 32px 0 rgba(96,97,112,0.24)',
+        },
+        typographyPresets: {
+            editorialHeadline080: {
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontSize: '{{fonts.fontSize110}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+            },
+            editorialHeading010: {
+                fontSize: '{{fonts.fontSize040}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading020: {
+                fontSize: '{{fonts.fontSize050}}',
+                lineHeight: '{{fonts.fontLineHeight040}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading030: {
+                fontSize: '{{fonts.fontSize060}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading040: {
+                fontSize: '{{fonts.fontSize070}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading050: {
+                fontSize: '{{fonts.fontSize080}}',
+                lineHeight: '{{fonts.fontLineHeight020}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading060: {
+                fontSize: '{{fonts.fontSize090}}',
+                lineHeight: '{{fonts.fontLineHeight020}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading070: {
+                fontSize: '{{fonts.fontSize100}}',
+                lineHeight: '{{fonts.fontLineHeight020}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialHeading080: {
+                fontSize: '{{fonts.fontSize110}}',
+                lineHeight: '{{fonts.fontLineHeight010}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialSubheading010: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight050}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialSubheading020: {
+                fontSize: '{{fonts.fontSize050}}',
+                lineHeight: '{{fonts.fontLineHeight040}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialSubheading030: {
+                fontSize: '{{fonts.fontSize060}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialSubheading040: {
+                fontSize: '{{fonts.fontSize070}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialSubheading050: {
+                fontSize: '{{fonts.fontSize080}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialQuote010: {
+                fontSize: '{{fonts.fontSize060}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialQuote020: {
+                fontSize: '{{fonts.fontSize080}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialParagraph010: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight020}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialParagraph020: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight020}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            editorialParagraph030: {
+                fontSize: '{{fonts.fontSize040}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight020}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityHeading010: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight050}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityHeading020: {
+                fontSize: '{{fonts.fontSize040}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityHeading030: {
+                fontSize: '{{fonts.fontSize050}}',
+                lineHeight: '{{fonts.fontLineHeight040}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityHeading040: {
+                fontSize: '{{fonts.fontSize060}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityHeading050: {
+                fontSize: '{{fonts.fontSize070}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilitySubheading010: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight040}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilitySubheading020: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight050}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilitySubheading030: {
+                fontSize: '{{fonts.fontSize040}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilitySubheading040: {
+                fontSize: '{{fonts.fontSize050}}',
+                lineHeight: '{{fonts.fontLineHeight040}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilitySubheading050: {
+                fontSize: '{{fonts.fontSize060}}',
+                lineHeight: '{{fonts.fontLineHeight030}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight040}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityBody010: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityBody020: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityBody030: {
+                fontSize: '{{fonts.fontSize040}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontFamily010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityLabel010: {
+                fontSize: '{{fonts.fontSize010}}',
+                lineHeight: '{{fonts.fontLineHeight070}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityLabel020: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityLabel030: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityButton010: {
+                fontSize: '{{fonts.fontSize010}}',
+                lineHeight: '{{fonts.fontLineHeight070}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityButton020: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityButton030: {
+                fontSize: '{{fonts.fontSize030}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight030}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityMeta010: {
+                fontSize: '{{fonts.fontSize010}}',
+                lineHeight: '{{fonts.fontLineHeight050}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+            utilityMeta020: {
+                fontSize: '{{fonts.fontSize020}}',
+                lineHeight: '{{fonts.fontLineHeight060}}',
+                fontFamily: '{{fonts.fontFamily010.fontFamily}}',
+                fontWeight: '{{fonts.fontWeight010}}',
+                letterSpacing: '{{fonts.fontLetterSpacing030}}',
+            },
+        },
+        borders: { borderRadiusPill: '20rem' },
+        stylePresets: {
+            editorialHeaderWithoutBorder: { base: { borderStyle: 'none' } },
+            test: { base: { backgroundColor: '{{colors.interactivePrimary030}}' } },
+            roundElement: {
+                base: { borderRadius: '{{borders.borderRadiusCircle}}' },
+            },
+            linkStandalone: {
+                active: {
+                    color: '{{colors.inkContrast}}',
+                    iconColor: '{{colors.inkContrast}}',
+                },
+                base: {
+                    color: '{{colors.inkContrast}}',
+                    iconColor: '{{colors.inkContrast}}',
+                    textDecoration: 'none',
+                },
+                hover: {
+                    color: '{{colors.inkContrast}}',
+                    iconColor: '{{colors.inkContrast}}',
+                    textDecoration: 'none',
+                },
+                visited: {
+                    color: '{{colors.inkContrast}}',
+                    iconColor: '{{colors.inkContrast}}',
+                    textDecoration: 'none',
+                },
+            },
+            volumeControlIndicator: {
+                base: {
+                    backgroundColor: '{{colors.interface010}}',
+                    borderRadius: '{{borders.borderRadiusPill}}',
+                },
+            },
+            audioPlayerVolumeControlThumb: {
+                base: {
+                    boxShadow: '{{shadows.shadow010}}',
+                    borderWidth: '{{borders.borderWidth010}}',
+                    borderRadius: '{{borders.borderRadiusCircle}}',
+                    iconColor: '{{colors.inkNonEssential}}',
+                    backgroundColor: '{{colors.interfaceBackground}}',
+                },
+                hover: { backgroundColor: '{{colors.transparent}}' },
+                active: {
+                    backgroundColor: '{{colors.transparent}}',
+                    iconColor: '{{colors.inkSubtle}}',
+                },
+            },
+            volumeControlTrack: {
+                base: {
+                    backgroundColor: '{{overlays.overlayTintInverse010}}',
+                    borderRadius: '{{borders.borderRadiusPill}}',
+                },
+            },
+            volumeControlButtons: {
+                base: {
+                    backgroundColor: '{{colors.transparent}}',
+                    borderRadius: '{{borders.borderRadiusCircle}}',
+                    color: '{{colors.interface010}}',
+                    iconColor: '{{colors.interface010}}',
+                },
+                hover: {
+                    backgroundColor: '{{colors.interactivePrimary020}}',
+                    iconColor: '{{colors.interactivePrimary030}}',
+                },
+                active: {
+                    backgroundColor: '{{colors.interactivePrimary020}}',
+                    iconColor: '{{colors.interactivePrimary030}}',
+                },
+                disabled: {
+                    backgroundColor: '{{colors.transparent}}',
+                    color: '{{colors.inkNonEssential}}',
+                    iconColor: '{{colors.inkNonEssential}}',
+                },
+                loading: { backgroundColor: '{{colors.interactivePrimary020}}' },
+            },
+            audioPlayerPlayPauseButton: {
+                active: { backgroundColor: '{{colors.transparent}}' },
+                base: {
+                    backgroundColor: '{{colors.transparent}}',
+                    borderRadius: '{{borders.borderRadiusCircle}}',
+                    color: '{{colors.inkInverse}}',
+                    iconColor: '{{colors.inkInverse}}',
+                    borderWidth: '{{borders.borderWidth010}}',
+                    borderColor: '{{colors.inkInverse}}',
+                    borderStyle: 'solid',
+                },
+                disabled: {
+                    backgroundColor: '{{colors.transparent}}',
+                    color: '{{colors.inkNonEssential}}',
+                    iconColor: '{{colors.inkNonEssential}}',
+                },
+                hover: { backgroundColor: '{{colors.transparent}}' },
+                loading: {
+                    backgroundColor: '{{colors.transparent}}',
+                    color: '{{colors.inkInverse}}',
+                    iconColor: '{{colors.inkInverse}}',
+                },
+            },
+            flagSolidInverse: {
+                base: {
+                    backgroundColor: '{{overlays.overlayTintInverse040}}',
+                    color: '{{colors.inkBrand010}}',
+                    borderRadius: '{{borders.borderRadiusRounded010}}',
+                },
+            },
+            railLink: {
+                base: { color: '{{colors.inkContrast}}', textDecoration: 'none' },
+                hover: { color: '{{colors.inkBrand010}}', textDecoration: 'underline' },
+            },
+            railDivider: {
+                base: {
+                    borderWidth: '{{borders.borderWidth020}}',
+                    borderColor: '{{colors.interface060}}',
+                },
+            },
+            footerDivider: {
+                base: {
+                    borderWidth: '{{borders.borderWidth020}}',
+                    borderColor: '{{colors.interface010}}',
+                    borderStyle: 'solid',
+                },
+            },
+            footerHeading: { base: { color: '{{colors.inkInverse}}' } },
+            footerLink: {
+                base: { color: '{{colors.inkInverse}}', textDecoration: 'none' },
+            },
+            heroContainer: {
+                base: { backgroundColor: '{{colors.interfaceBrand010}}' },
+            },
+            heroGradient: {
+                base: {
+                    backgroundImage: '{{overlays.overlayGradientBaseVerticalBottom}}',
+                },
+            },
+        },
+    },
+});
+exports.theSunTheme = (0, newskit_1.createTheme)({
+    name: 'sun-theme',
+    overrides: {
+        borders: border_radius_json_1.default,
+        colors: colors_json_1.default,
+        overlays: overlays_json_1.default,
+        shadows: shadows_json_1.default,
+        typographyPresets: typography_presets_json_1.default,
+        fonts: fonts_json_1.default,
+        stylePresets: {
+            modalContainer: {
+                base: {
+                    backgroundColor: '{{colors.interfaceBackground}}',
+                    borderRadius: '{{borderRadius.borderRadiusDefault}}',
+                    // maxWidth: '460px',
+                    // overflowY: 'auto',
+                },
+            },
+            modalContainerMobile: {
+                base: {
+                    backgroundColor: '{{colors.interfaceBackground}}',
+                    borderRadius: '{{borderRadius.borderRadiusDefault}}',
+                    // maxWidth: '460px',
+                    // height: '100vh',
+                    // overflowY: 'auto',
+                },
+            },
+            fullWidth: {
+                base: {
+                // width: '100%',
+                },
+            },
+            emailInputWidth: {
+                base: {
+                // width: '70%',
+                },
+            },
+            emailInputColor: {
+                disabled: {
+                // WebkitTextFillColor: '{{colors.neutral040}}',
+                },
+            },
+            boldText: {
+                base: {
+                // fontWeight: '700',
+                },
+            },
+            lightGreyButton: {
+                base: {
+                    backgroundColor: '{{colors.neutral010}}',
+                    borderRadius: '32px',
+                },
+                hover: {
+                    backgroundColor: '{{colors.neutral020}}',
+                },
+            },
+            lightGreyButtonMargin: {
+                base: {
+                // marginLeft: '12px',
+                },
+            },
+            backgroundInfo: {
+                base: {
+                    backgroundColor: '{{colors.blue010}}',
+                    color: '{{colors.blue060}}',
+                    borderRadius: '{{borderRadius.borderRadiusDefault}}',
+                },
+            },
+        },
+    },
+});
 //# sourceMappingURL=index.js.map