@marioschmidt/design-system-tokens 1.0.64 → 1.0.66

package/dist/js/themes/advertorial-in-bild-dark.js

@@ -0,0 +1,705 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.0.0
+ * Generated by Style Dictionary v4.0.0
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ */
+
+// Pre-built theme: Advertorial with bild colors (dark)
+// Dual-axis: Colors from bild, sizing/typography from advertorial
+
+export const advertorialInBildDark = {
+  __meta: {
+    brand: 'advertorial',
+    colorBrand: 'bild',
+    colorMode: 'dark',
+    breakpoint: 'md',
+    density: 'default'
+  },
+  colors: {
+  "textColorAccentConstant": "#DD0000",
+  "textColorPrimary": "#E9ECEF",
+  "textColorMuted": "#CED4DA",
+  "textColorPrimaryInverse": "#232629",
+  "textColorPrimaryConstant": "#232629",
+  "textColorSuccessConstant": "#006E3E",
+  "textColorPrimaryInverseConstant": "#E9ECEF",
+  "textColorSecondary": "#8C9196",
+  "textColorAttentionHigh": "#DD0000",
+  "textColorAccent": "#FFFFFF",
+  "textColorAttentionMedium": "#FD8227",
+  "textColorOnDarkSurface": "#FFFFFF",
+  "surfaceColorPrimary": "#232629",
+  "surfaceColorSecondary": "#2C3138",
+  "surfaceColorPrimaryInverse": "#FFFFFF",
+  "surfaceColorPrimaryConstantLight": "#FFFFFF",
+  "surfaceColorPrimaryConstantDark": "#232629",
+  "surfaceColorQuartenary": "#4B525A",
+  "surfaceColorSuccess": "#CEF4E4",
+  "surfaceColorTertiary": "#343C41",
+  "surfaceColorTertiaryGradientStop": "rgba(52, 60, 65, 0)",
+  "surfaceColorTertiaryInverse": "#E9ECEF",
+  "surfaceColorPrimaryGradientStop": "rgba(35, 38, 41, 0)",
+  "surfaceColorSecondaryGradientStop": "rgba(44, 49, 56, 0)",
+  "surfaceColorQuartenaryInverse": "#CED4DA",
+  "kickerTextColorOnSurface": "#8C9196",
+  "headlineColorPrimary": "#FFFFFF",
+  "headlineColorWhiteConst": "#FFFFFF",
+  "kickerTextColorOnRed": "#FFFFFF",
+  "kickerTextColorOnDarkBg": "rgba(255, 255, 255, 0.8)",
+  "kickerTextColorOnBrightBg": "rgba(0, 0, 0, 0.7)",
+  "colorSecondaryActive": "#F2F4F5",
+  "colorPrimaryActive": "#DD0000",
+  "colorSecondaryDisabled": "#4B525A",
+  "colorPrimaryDisabled": "#343C41",
+  "colorSecondaryActiveInverse": "#232629",
+  "colorTertiaryActive": "#00C373",
+  "colorTertiaryDisabled": "#666B70",
+  "borderColorMediumContrast": "#666B70",
+  "borderColorLowContrast": "#4B525A",
+  "borderColorHighContrast": "#FFFFFF",
+  "borderColorLowContrastConstant": "#E9ECEF",
+  "borderColorSuccess": "#00C373",
+  "borderColorWarning": "#DD0000",
+  "borderColorPrimaryDisabled": "#343C41",
+  "borderColorSecondaryDisabled": "#4B525A",
+  "coreColorPrimary": "#DD0000",
+  "coreColorSecondary": "#232629",
+  "coreColorTertiary": "#FFFFFF",
+  "coreColorSecondaryConstant": "#FFFFFF",
+  "coreColorTertiaryConstant": "#232629",
+  "iconColorPrimary": "#8C9196",
+  "iconColorInverse": "#4B525A",
+  "iconColorSecondaryConstant": "#8C9196",
+  "iconColorConstantOnDark": "#F2F4F5",
+  "iconColorPrimaryConstant": "#4B525A",
+  "iconColorSuccess": "#00C373",
+  "labelColorPrimary": "#E9ECEF",
+  "labelColorSecondary": "#CED4DA",
+  "labelColorDisabled": "#4B525A",
+  "labelColorPrimaryConstant": "#232629",
+  "labelColorPrimaryInverseConstant": "#E9ECEF",
+  "labelColorTertiary": "#8C9196",
+  "labelColorPrimaryInverse": "#232629",
+  "attentionColorHigh": "#DD0000",
+  "accentColorPrimary": "#FFFFFF",
+  "attentionColorMedium": "#FD8227",
+  "attentionColorLow": "#FFBF00",
+  "accentColorPrimaryConstant": "#DD0000",
+  "attentionColorSuccessPrimary": "#00C373",
+  "attentionColorExtraLow": "#343C41",
+  "attentionColorSuccessSecondary": "#006E3E",
+  "overlayScrimBlack": "rgba(0, 0, 0, 0.7)",
+  "overlayScrimWhite": "rgba(255, 255, 255, 0.7)",
+  "layerOpacity05": 5,
+  "layerOpacity10": 10,
+  "layerOpacity20": 20,
+  "layerOpacity30": 30,
+  "layerOpacity40": 40,
+  "layerOpacity50": 50,
+  "layerOpacity60": 60,
+  "layerOpacity70": 70,
+  "layerOpacity80": 80,
+  "layerOpacity90": 90,
+  "layerOpacity100": 100,
+  "layerOpacity00": 0
+},
+  spacing: {
+  "gridSpaceRespLg": "32px",
+  "gridSpaceRespXl": "64px",
+  "gridSpaceRespBase": "12px",
+  "gridSpaceRespSm": "6px",
+  "pageInlineSpace": "0px",
+  "gridSpaceConstLg": "16px",
+  "gridSpaceConstSm": "12px",
+  "layoutGuideGridColums": 8,
+  "sectionSpaceBase": "48px",
+  "sectionSpaceLg": "96px",
+  "paragraphEndSpace": "32px",
+  "sectionSpaceSm": "36px",
+  "breakpointMinWidthSize": "600px",
+  "breakpointMaxWidthSize": "1023px",
+  "canvasHeightSizeWeb": "960px",
+  "contentMaxWidthMedium": "700px",
+  "contentMaxWidthFull": "1024px",
+  "canvasWidthSizeWeb": "600px",
+  "canvasWidthSizeApp": "834px",
+  "canvasHeightSizeApp": "1194px",
+  "title1fontSize": "22px",
+  "title2fontSize": "16px",
+  "display1fontSize": "70px",
+  "display2fontSize": "41px",
+  "display3fontSize": "31px",
+  "headline1fontSize": "54px",
+  "headline2fontSize": "36px",
+  "headline3fontSize": "26px",
+  "headline4fontSize": "20px",
+  "bodyFontSize": "17px",
+  "label3fontSize": "12px",
+  "label2fontSize": "15px",
+  "label1fontSize": "17px",
+  "label1fontSizeResponsive": "15px",
+  "label4fontSize": "8px",
+  "callout1fontSize": "22px",
+  "footnote1fontSize": "13px",
+  "footnote2fontSize": "10px",
+  "kicker1fontSize": "18px",
+  "kicker2fontSize": "18px",
+  "kicker3fontSize": "14px",
+  "kicker4fontSize": "14px",
+  "subheadline1fontSize": "18px",
+  "quoteFontSize": "16px",
+  "bodyFontFamily": "Lucida Grande",
+  "calloutFontFamily": "Lucida Grande",
+  "headlineFontFamily": "Lucida Grande",
+  "footnoteFontFamily": "Lucida Grande",
+  "labelFontFamily": "Lucida Grande",
+  "kickerFontFamily": "Lucida Grande",
+  "subheadlineFontFamily": "Lucida Grande",
+  "titleFontFamily": "Lucida Grande",
+  "quoteFontFamily": "Lucida Grande",
+  "displayFontFamily": "Lucida Grande",
+  "calloutFontWeight": 800,
+  "labelFontWeightBold": 700,
+  "labelFontWeightBook": 400,
+  "bodyFontWeightBook": 400,
+  "bodyFontWeightBold": 700,
+  "kickerFontWeight": 700,
+  "kickerFontWeightSt": "700",
+  "subheadlineFontWeight": 700,
+  "headline1fontWeight": 700,
+  "headline2fontWeight": 700,
+  "headline3fontWeight": 700,
+  "headline4fontWeight": 600,
+  "headline1fontWeightSt": "700",
+  "titleFontWeight": 800,
+  "displayFontWeight": 800,
+  "quoteFontWeight": 800,
+  "footnoteFontWeightBook": 400,
+  "footnoteFontWeightBold": 700,
+  "bodyLineHeight": "29.75px",
+  "kicker4lineHeight": "15.4px",
+  "kicker3lineHeight": "15.4px",
+  "kicker2lineHeight": "19.8px",
+  "kicker1lineHeight": "19.8px",
+  "label3lineHeight": "14.4px",
+  "label1lineHeight": "20.4px",
+  "label1responsiveLineHeight": "15px",
+  "label2lineHeight": "16px",
+  "label4lineHeight": "10px",
+  "display1lineHeight": "72px",
+  "display2lineHeight": "42px",
+  "display3lineHeight": "32px",
+  "title1lineHeight": "26.4px",
+  "title2lineHeight": "19.2px",
+  "quoteLineHeight": "20.8px",
+  "footnote1lineHeight": "16.9px",
+  "footnote2lineHeight": "13px",
+  "headline1lineHeight": "56.7px",
+  "headline2lineHeight": "39.6px",
+  "headline3lineHeight": "28.6px",
+  "headline4lineHeight": "19.8px",
+  "calloutLineHeight": "28.6px",
+  "subheadline1lineHeight": "23.4px",
+  "letterSpacingPositiveSm": "0.5px",
+  "letterSpacingPositiveLg": "2px",
+  "letterSpacingPositiveMd": "1px",
+  "letterSpacingNone": "0px",
+  "letterSpacingNegativeSm": "-0.25px",
+  "letterSpacingNegativeMd": "-1px",
+  "letterSpacingNegativeLg": "-2px",
+  "letterSpacingNegativeXs": "-0.25px",
+  "letterSpacingPositiveXs": "0.25px",
+  "display1letterSpacing": "-1px",
+  "display2letterSpacing": "-1px",
+  "display3letterSpacing": "-1px",
+  "borderRadiusXs": "2px",
+  "borderRadiusMd": "8px",
+  "borderRadiusSm": "4px",
+  "borderRadiusXl": "24px",
+  "borderRadiusLg": "16px",
+  "borderRadiusNone": "0px",
+  "borderRadiusFull": "9999px",
+  "borderWidthThin": "1px",
+  "borderWidthThick": "2px",
+  "borderWidthHairline": "0.33px",
+  "visilbleMobileOnly": false,
+  "visilbleDesktopOnly": false,
+  "visilbleAbove600px": true,
+  "visilbleBelow600px": false,
+  "hideOnMobile": true,
+  "visilbleTabletOnly": true,
+  "hideOnDesktop": true,
+  "changeOnLg": "xs/sm/md",
+  "changeOnMd": "md/lg",
+  "bpSpecificWeb": "md",
+  "bpSpecificApp": "regular",
+  "inlineSpaceRespSm": "12px",
+  "inlineSpaceRespMd": "16px",
+  "inlineSpaceRespLg": "24px",
+  "inlineSpaceResp2xl": "48px",
+  "inlineSpaceRespXl": "32px",
+  "inlineSpaceConstSm": "8px",
+  "inlineSpaceConstMd": "12px",
+  "inlineSpaceConstLg": "16px",
+  "inlineSpaceConst2xl": "32px",
+  "inlineSpaceConstXl": "24px",
+  "inlineSpaceConstXs": "6px",
+  "inlineSpaceConst3xs": "2px",
+  "inlineSpaceConst2xs": "4px",
+  "stackSpaceRespMd": "16px",
+  "stackSpaceRespLg": "24px",
+  "stackSpaceResp2xl": "48px",
+  "stackSpaceRespSm": "12px",
+  "stackSpaceRespXl": "32px",
+  "stackSpaceConstSm": "8px",
+  "stackSpaceConstMd": "12px",
+  "stackSpaceConstLg": "16px",
+  "stackSpaceConst2xl": "32px",
+  "stackSpaceConstXl": "24px",
+  "stackSpaceConstXs": "6px",
+  "stackSpaceConst3xs": "2px",
+  "stackSpaceConst2xs": "4px",
+  "gapSpaceRespXs": "6px",
+  "gapSpaceRespLg": "24px",
+  "gapSpaceRespXl": "32px",
+  "gapSpaceResp2xl": "48px",
+  "gapSpaceRespMd": "16px",
+  "gapSpaceRespSm": "12px",
+  "gapSpaceResp2xs": "4px",
+  "gapSpaceResp3xl": "72px",
+  "gapSpaceConst2xs": "2px",
+  "gapSpaceConstXs": "4px",
+  "gapSpaceConstSm": "8px",
+  "gapSpaceConstMd": "12px",
+  "gapSpaceConstLg": "16px",
+  "gapSpaceConstXl": "24px",
+  "gapSpaceConst2xl": "32px",
+  "gapSpaceConst3xl": "48px",
+  "sizeConst3xs": "16px",
+  "sizeConst2xs": "24px",
+  "sizeConstXs": "32px",
+  "sizeConstSm": "40px",
+  "sizeConstMd": "48px",
+  "sizeConstLg": "56px",
+  "sizeConstXl": "64px",
+  "sizeConst3xl": "96px",
+  "sizeConst4xl": "148px",
+  "sizeConst2xl": "72px",
+  "sizeConst4xs": "8px",
+  "sizeResp3xs": "16px",
+  "sizeResp2xs": "32px",
+  "sizeRespXs": "40px",
+  "sizeRespSm": "48px",
+  "sizeRespMd": "64px",
+  "sizeRespLg": "72px",
+  "sizeRespXl": "80px",
+  "sizeResp2xl": "92px",
+  "sizeResp3xl": "120px",
+  "sizeResp4xl": "160px",
+  "sizeResp4xs": "14px",
+  "breakpointName": "md"
+},
+  typography: {
+  "display1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "70px",
+    "lineHeight": "72px"
+  },
+  "display2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "41px",
+    "lineHeight": "42px"
+  },
+  "display3": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "31px",
+    "lineHeight": "32px"
+  },
+  "headline1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 900,
+    "fontSize": "54px",
+    "lineHeight": "56.7px"
+  },
+  "headline2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 900,
+    "fontSize": "36px",
+    "lineHeight": "39.6px"
+  },
+  "headline3": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 900,
+    "fontSize": "26px",
+    "lineHeight": "28.6px"
+  },
+  "headline4": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "20px",
+    "lineHeight": "20px"
+  },
+  "subheadline1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "18px",
+    "lineHeight": "23.4px"
+  },
+  "kicker1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "18px",
+    "lineHeight": "19.8px"
+  },
+  "kicker2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "18px",
+    "lineHeight": "19.8px"
+  },
+  "kicker3": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "14px",
+    "lineHeight": "15.4px"
+  },
+  "kicker4": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "14px",
+    "lineHeight": "15.4px"
+  },
+  "title1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "22px",
+    "lineHeight": "26.4px"
+  },
+  "title1uppercase": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "22px",
+    "lineHeight": "26.4px"
+  },
+  "title2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "16px",
+    "lineHeight": "19.2px"
+  },
+  "title2uppercase": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "16px",
+    "lineHeight": "19.2px"
+  },
+  "callout": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "22px",
+    "lineHeight": "28.6px"
+  },
+  "body": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "bodyItalic": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "bodyBold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "bodyBoldItalic": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "textLink": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "textLinkItalic": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "textLinkBold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "textLinkHover": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "textLinkBoldHover": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "29.75px"
+  },
+  "footnote1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "13px",
+    "lineHeight": "16.9px"
+  },
+  "footnote1bold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "13px",
+    "lineHeight": "16.9px"
+  },
+  "footnote2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "10px",
+    "lineHeight": "13px"
+  },
+  "footnote2bold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "10px",
+    "lineHeight": "13px"
+  },
+  "label1": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "17px",
+    "lineHeight": "20.4px"
+  },
+  "label1bold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "20.4px"
+  },
+  "label1boldResp": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "15px",
+    "lineHeight": "15px"
+  },
+  "label1uppercaseBold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "17px",
+    "lineHeight": "20.4px"
+  },
+  "label2": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "15px",
+    "lineHeight": "16px"
+  },
+  "label2uppercase": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "15px",
+    "lineHeight": "16px"
+  },
+  "label2bold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "15px",
+    "lineHeight": "16px"
+  },
+  "label2uppercaseBold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "15px",
+    "lineHeight": "16px"
+  },
+  "label3": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "12px",
+    "lineHeight": "14.4px"
+  },
+  "label3uppercase": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "12px",
+    "lineHeight": "14.4px"
+  },
+  "label3bold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "12px",
+    "lineHeight": "14.4px"
+  },
+  "label3uppercaseBold": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 700,
+    "fontSize": "12px",
+    "lineHeight": "14.4px"
+  },
+  "label4": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 400,
+    "fontSize": "8px",
+    "lineHeight": "10px"
+  },
+  "quote": {
+    "fontFamily": "Lucida Grande",
+    "fontWeight": 800,
+    "fontSize": "16px",
+    "lineHeight": "20.8px"
+  }
+},
+  effects: {
+  "shadowSoftSm": [
+    {
+      "offsetX": 0,
+      "offsetY": 1,
+      "radius": 4,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.04)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 2,
+      "radius": 6,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.08)"
+    }
+  ],
+  "shadowSoftMd": [
+    {
+      "offsetX": 0,
+      "offsetY": 2,
+      "radius": 16,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.03)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 4,
+      "radius": 12,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.07)"
+    }
+  ],
+  "shadowSoftLg": [
+    {
+      "offsetX": 0,
+      "offsetY": 8,
+      "radius": 24,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.03)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 8,
+      "radius": 16,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.07)"
+    }
+  ],
+  "shadowSoftXl": [
+    {
+      "offsetX": 0,
+      "offsetY": 0,
+      "radius": 64,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.05)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 16,
+      "radius": 32,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.1)"
+    }
+  ],
+  "shadowHardSm": [
+    {
+      "offsetX": 0,
+      "offsetY": 1,
+      "radius": 2,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.2)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 1,
+      "radius": 3,
+      "spread": 1,
+      "color": "rgba(0, 0, 0, 0.1)"
+    }
+  ],
+  "shadowHardMd": [
+    {
+      "offsetX": 0,
+      "offsetY": 4,
+      "radius": 8,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.1)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 2,
+      "radius": 4,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.16)"
+    }
+  ],
+  "shadowHardLg": [
+    {
+      "offsetX": 0,
+      "offsetY": 2,
+      "radius": 3,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.2)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 6,
+      "radius": 10,
+      "spread": 4,
+      "color": "rgba(0, 0, 0, 0.1)"
+    }
+  ],
+  "shadowHardXl": [
+    {
+      "offsetX": 0,
+      "offsetY": 4,
+      "radius": 4,
+      "spread": 0,
+      "color": "rgba(0, 0, 0, 0.2)"
+    },
+    {
+      "offsetX": 0,
+      "offsetY": 8,
+      "radius": 12,
+      "spread": 6,
+      "color": "rgba(0, 0, 0, 0.1)"
+    }
+  ]
+},
+  density: {}
+};
+
+export default advertorialInBildDark;