@bonniernews/dn-design-system-web 25.0.5 → 25.0.6-beta.1

package/foundations/variables/typographyTokensScreenLarge.scss

@@ -1,422 +0,0 @@
-$typographyTokensScreenLarge: (
-  detaildropcap: (
-    fontFamily: "DN Serif Display",
-    lineHeight: 1,
-    fontSize: 92,
-    fontWeight: Bold,
-    letterSpacing: 0
-  ),
-  detailarticle-standard: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 40,
-    letterSpacing: 0
-  ),
-  detailarticle-opinion: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 40,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailarticle-longread: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 48,
-    letterSpacing: 0
-  ),
-  detailarticle-longread-premium: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 48,
-    letterSpacing: 0
-  ),
-  detailarticle-quote: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.2,
-    fontSize: 28,
-    letterSpacing: 0
-  ),
-  detailmellanrubrik: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 28,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detailarticle-direkt: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 26,
-    letterSpacing: 0
-  ),
-  detailarticle-direkt-opinion: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 26,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detaildirekt-header: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    fontSize: 48,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detailteaser-standard-compact: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    lineHeight: 1.2,
-    fontSize: 24,
-    letterSpacing: 0
-  ),
-  detailteaser-standard-compact-opinion: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Regular,
-    lineHeight: 1.2,
-    fontSize: 24,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailteaser-large: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 40,
-    letterSpacing: 0
-  ),
-  detailteaser-breaking: (
-    fontFamily: "DN Serif Display",
-    fontWeight: ExtraBold,
-    lineHeight: 1.1,
-    fontSize: 56,
-    letterSpacing: 0
-  ),
-  detailteaser-large-opinion: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 26,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailteaser-large-storRubrik: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 40,
-    letterSpacing: 0
-  ),
-  detailteaser-standard: (
-    fontFamily: "DN Serif Headline",
-    lineHeight: 1.1,
-    letterSpacing: 0,
-    fontWeight: Bold,
-    fontSize: 28
-  ),
-  detailteaser-standard-opinion: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 26,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailteaser-twin: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    lineHeight: 1.2,
-    fontSize: 22,
-    letterSpacing: 0
-  ),
-  detailteaser-large-compact: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 32,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detailteaser-large-compact-opinion: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Regular,
-    fontSize: 24,
-    lineHeight: 1.2,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailteaser-large-storRubrik-opinion: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    fontSize: 40,
-    lineHeight: 1.1,
-    letterSpacing: 0,
-    fontStyle: italic
-  ),
-  detailteaser-baotaxl: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 56,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detailteaser-tipsa: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    fontSize: 22,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detaillonglife: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 20,
-    lineHeight: 1.1
-  ),
-  detailgameheader: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 36,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  detailstandard-button: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 16,
-    letterSpacing: 0
-  ),
-  detailstandard-button-small: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.4,
-    fontSize: 14,
-    letterSpacing: 0
-  ),
-  detailmedryckare: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 16,
-    lineHeight: 1.38,
-    letterSpacing: 0
-  ),
-  detailbaota-xl-label: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 16,
-    textCase: uppercase,
-    letterSpacing: 0.5
-  ),
-  detailstandard-button-xlarge: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 18,
-    lineHeight: 1.75,
-    letterSpacing: 0
-  ),
-  detailteaser-large-rightcol: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    fontSize: 22,
-    lineHeight: 1.2
-  ),
-  expressiveheading01: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.2,
-    letterSpacing: 0
-  ),
-  expressiveheading02: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    fontSize: 24,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  expressiveheading03: (
-    fontSize: 32,
-    lineHeight: 1.1,
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    letterSpacing: 0
-  ),
-  expressiveheading04: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 48,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  expressiveheading05: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 56,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  expressiveheading06: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 64,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  expressiveheading07: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 72,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  expressivebody01: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 14,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  expressivebody02: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 16,
-    letterSpacing: 0
-  ),
-  expressivebody03: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 18,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  expressiveingress01: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: SemiBold,
-    fontSize: 20,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  expressiveingress02: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: SemiBold,
-    fontSize: 24,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  functionalmeta01: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 10,
-    lineHeight: 1.2,
-    letterSpacing: 0.2
-  ),
-  functionalmeta02: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 12,
-    lineHeight: 1.2,
-    letterSpacing: 0
-  ),
-  functionallabel01: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 12,
-    lineHeight: 1.1,
-    letterSpacing: 0.5,
-    textCase: uppercase
-  ),
-  functionallabel02: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalbody01: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 14,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  functionalbody02: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 16,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  functionalingress01: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 20,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  functionalingress02: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 24,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  ),
-  functionalheading01: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalheading02: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 20,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalheading03: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 24,
-    lineHeight: 1.2,
-    letterSpacing: 0
-  ),
-  functionalheading04: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 28,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalheading05: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 36,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalheading06: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 40,
-    lineHeight: 1.1,
-    letterSpacing: 0
-  ),
-  functionalbody03: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 18,
-    lineHeight: 1.5,
-    letterSpacing: 0
-  )
-);

package/tokens/colors-dark-mode.json

@@ -1,106 +0,0 @@
-{
-  "text": {
-    "primary": "#ededed",
-    "primary-02": "#b8b8b8",
-    "secondary": "#050505",
-    "critical": "#fd2330",
-    "disabled": "#b8b8b8",
-    "on-brand": "#ffffff",
-    "on-business": "#ffffff",
-    "on-critical": "#ffffff",
-    "on-success": "#ffffff",
-    "brand": "#fd2330",
-    "body-link": "#65a0fc",
-    "body-link-visited": "#65a0fc",
-    "positive": "#3a8352",
-    "culture": "#4293d7"
-  },
-  "icon": {
-    "primary": "#ededed",
-    "primary-02": "#cfcfcf",
-    "secondary": "#050505",
-    "critical": "#fd2330",
-    "disabled": "#b8b8b8",
-    "on-brand": "#141414",
-    "on-critical": "#ffffff",
-    "on-success": "#ffffff",
-    "on-business": "#ffffff",
-    "brand": "#fd2330",
-    "culture": "#4293d7"
-  },
-  "component": {
-    "brand": "#fd2330",
-    "business": "#3a8352",
-    "primary": "#ededed",
-    "primary-overlay": "rgba(255, 255, 255, 0.13)",
-    "primary-overlay-02": "#9e9e9e",
-    "secondary": "#050505",
-    "secondary-overlay": "rgba(8, 8, 8, 0.13)",
-    "secondary-overlay-02": "rgba(8, 8, 8, 0.2)",
-    "critical": "#ef7171",
-    "critical-overlay": "#a51d24",
-    "static-white": "#ffffff",
-    "positive": "#3a8352",
-    "primary-02": "#cfcfcf"
-  },
-  "surface": {
-    "below": "#171717",
-    "background": "#050505",
-    "raised": "#2b2b2b",
-    "native-article": "#2b2b2b",
-    "elevated": "#3b3b3b",
-    "inverted": "#ffffff",
-    "overlay": "rgba(5, 5, 5, 0.5)",
-    "quiz": "#ea3e3f",
-    "korsord": "#8bb6e8",
-    "sudoko": "#90d0bd",
-    "brand": "#da000d",
-    "breaking": "#300407"
-  },
-  "border": {
-    "primary": "rgba(255, 255, 255, 0.19)",
-    "primary-02": "rgba(255, 255, 255, 0.4)",
-    "primary-03": "#ededed",
-    "secondary": "#141414",
-    "business": "#3a8352",
-    "critical": "#fd2330",
-    "focus": "#fd2330",
-    "focus-02": "#ffffff",
-    "focus-03": "#fd2330",
-    "focus-04": "#3a8352",
-    "brand": "#fd2330",
-    "culture": "#4293d7"
-  },
-  "background": {
-    "primary": "#141414"
-  },
-  "gradient": {
-    "content-fade-left": "linear-gradient(90deg, #05050500 0%, #050505 100%)",
-    "content-fade-right": "linear-gradient(-90deg, #05050500 0%, #050505 100%)",
-    "content-fade-up": "linear-gradient(180deg, #05050500 0%, #050505 100%)",
-    "content-fade-up-down": "linear-gradient(0deg, #05050500 0%, #050505 100%)",
-    "content-fade-down": "linear-gradient(0deg, #05050500 0%, #050505 100%)"
-  },
-  "static": {
-    "red-100": "#fad4d4",
-    "black": "#141414",
-    "transparent-black": "rgba(20, 20, 20, 0.6)",
-    "white": "#ffffff",
-    "transparent-white": "rgba(255, 255, 255, 0.5)",
-    "green-100": "#cee4d6",
-    "red-300": "#ef7171",
-    "transparent-white-10": "rgba(255, 255, 255, 0.13)",
-    "kultur": "#568cbb",
-    "economy": "#60bca1",
-    "sport": "#f58d2d",
-    "neutral-200": "#e0e0e0",
-    "sthlm": "#ff589b",
-    "ad-yellow": "#ffeac2",
-    "neutral-100": "#ededed",
-    "neutral-500": "#9e9e9e",
-    "red-500": "#da000d",
-    "yellow": "#ffe600",
-    "red-200": "#f6acad",
-    "red-0": "#fce8e8"
-  }
-}

package/tokens/colors-light-mode.json

@@ -1,105 +0,0 @@
-{
-  "text": {
-    "primary": "#050505",
-    "primary-02": "#666666",
-    "secondary": "#ffffff",
-    "critical": "#da000d",
-    "disabled": "#666666",
-    "on-brand": "#ffffff",
-    "on-business": "#ffffff",
-    "on-critical": "#ffffff",
-    "on-success": "#ffffff",
-    "brand": "#da000d",
-    "body-link": "#4373ce",
-    "body-link-visited": "#4373ce",
-    "positive": "#3a8352",
-    "culture": "#227ac3"
-  },
-  "icon": {
-    "primary": "#050505",
-    "primary-02": "#666666",
-    "secondary": "#ffffff",
-    "critical": "#da000d",
-    "disabled": "#666666",
-    "on-brand": "#ffffff",
-    "on-business": "#ffffff",
-    "brand": "#da000d",
-    "on-critical": "#ffffff",
-    "on-success": "#ffffff",
-    "culture": "#227ac3"
-  },
-  "component": {
-    "brand": "#da000d",
-    "business": "#3a8352",
-    "primary": "#141414",
-    "primary-overlay": "rgba(8, 8, 8, 0.13)",
-    "primary-overlay-02": "rgba(8, 8, 8, 0.2)",
-    "secondary": "#ffffff",
-    "secondary-overlay": "rgba(255, 255, 255, 0.13)",
-    "secondary-overlay-02": "rgba(255, 255, 255, 0.2)",
-    "critical": "#ea3e3f",
-    "critical-overlay": "#a51d24",
-    "static-white": "#ffffff",
-    "positive": "#3a8352",
-    "primary-02": "#cfcfcf"
-  },
-  "surface": {
-    "below": "#f2f2f2",
-    "native-article": "#ededed",
-    "background": "#ffffff",
-    "raised": "#ededed",
-    "elevated": "#ffffff",
-    "overlay": "rgba(5, 5, 5, 0.5)",
-    "quiz": "#ea3e3f",
-    "korsord": "#8bb6e8",
-    "sudoko": "#90d0bd",
-    "brand": "#da000d",
-    "inverted": "#141414",
-    "breaking": "#300407"
-  },
-  "border": {
-    "primary": "rgba(5, 5, 5, 0.13)",
-    "primary-02": "rgba(8, 8, 8, 0.4)",
-    "primary-03": "#050505",
-    "secondary": "#ffffff",
-    "business": "#3a8352",
-    "critical": "#da000d",
-    "focus": "#da000d",
-    "focus-02": "#141414",
-    "focus-03": "#da000d",
-    "focus-04": "#3a8352",
-    "brand": "#da000d",
-    "culture": "#227ac3"
-  },
-  "background": {
-    "primary": "#ffffff"
-  },
-  "static": {
-    "red-100": "#fad4d4",
-    "black": "#141414",
-    "transparent-black": "rgba(20, 20, 20, 0.6)",
-    "white": "#ffffff",
-    "transparent-white": "rgba(255, 255, 255, 0.5)",
-    "green-100": "#cee4d6",
-    "red-300": "#ef7171",
-    "transparent-white-10": "rgba(255, 255, 255, 0.13)",
-    "kultur": "#568cbb",
-    "economy": "#60bca1",
-    "sport": "#f58d2d",
-    "neutral-200": "#e0e0e0",
-    "sthlm": "#ff589b",
-    "ad-yellow": "#ffeac2",
-    "neutral-100": "#ededed",
-    "neutral-500": "#9e9e9e",
-    "red-500": "#da000d",
-    "yellow": "#ffe600",
-    "red-200": "#f6acad",
-    "red-0": "#fce8e8"
-  },
-  "gradient": {
-    "content-fade-left": "linear-gradient(90deg, #ffffff00 0%, #ffffff 100%)",
-    "content-fade-right": "linear-gradient(-90deg, #ffffff00 0%, #ffffff 100%)",
-    "content-fade-up": "linear-gradient(180deg, #ffffff00 0%, #ffffff 100%)",
-    "content-fade-down": "linear-gradient(0deg, #ffffff00 0%, #ffffff 100%)"
-  }
-}

package/tokens/typography-list.json

@@ -1,61 +0,0 @@
-{
-  "detailstandard-button": "'detailstandard-button'",
-  "detaildropcap": "'detaildropcap'",
-  "detailstandard-button-small": "'detailstandard-button-small'",
-  "detailmedryckare": "'detailmedryckare'",
-  "detailbaota-xl-label": "'detailbaota-xl-label'",
-  "detailarticle-standard": "'detailarticle-standard'",
-  "detailarticle-opinion": "'detailarticle-opinion'",
-  "detailarticle-longread": "'detailarticle-longread'",
-  "detailarticle-longread-premium": "'detailarticle-longread-premium'",
-  "detailarticle-quote": "'detailarticle-quote'",
-  "detailmellanrubrik": "'detailmellanrubrik'",
-  "detailarticle-direkt": "'detailarticle-direkt'",
-  "detailarticle-direkt-opinion": "'detailarticle-direkt-opinion'",
-  "detaildirekt-header": "'detaildirekt-header'",
-  "detailteaser-standard-compact": "'detailteaser-standard-compact'",
-  "detailteaser-standard-compact-opinion": "'detailteaser-standard-compact-opinion'",
-  "detailteaser-large": "'detailteaser-large'",
-  "detailteaser-breaking": "'detailteaser-breaking'",
-  "detailteaser-large-opinion": "'detailteaser-large-opinion'",
-  "detailteaser-large-storRubrik": "'detailteaser-large-storRubrik'",
-  "detailteaser-standard": "'detailteaser-standard'",
-  "detailteaser-standard-opinion": "'detailteaser-standard-opinion'",
-  "detailteaser-twin": "'detailteaser-twin'",
-  "detailteaser-large-compact": "'detailteaser-large-compact'",
-  "detailteaser-large-compact-opinion": "'detailteaser-large-compact-opinion'",
-  "detailteaser-large-storRubrik-opinion": "'detailteaser-large-storRubrik-opinion'",
-  "detailstandard-button-xlarge": "'detailstandard-button-xlarge'",
-  "detailteaser-large-rightcol": "'detailteaser-large-rightcol'",
-  "detailteaser-baotaxl": "'detailteaser-baotaxl'",
-  "detailteaser-tipsa": "'detailteaser-tipsa'",
-  "detaillonglife": "'detaillonglife'",
-  "detailgameheader": "'detailgameheader'",
-  "expressiveheading01": "'expressiveheading01'",
-  "expressiveheading02": "'expressiveheading02'",
-  "expressiveheading03": "'expressiveheading03'",
-  "expressiveheading04": "'expressiveheading04'",
-  "expressiveheading05": "'expressiveheading05'",
-  "expressiveheading06": "'expressiveheading06'",
-  "expressiveheading07": "'expressiveheading07'",
-  "expressivebody01": "'expressivebody01'",
-  "expressivebody02": "'expressivebody02'",
-  "expressivebody03": "'expressivebody03'",
-  "expressiveingress01": "'expressiveingress01'",
-  "expressiveingress02": "'expressiveingress02'",
-  "functionalmeta01": "'functionalmeta01'",
-  "functionalmeta02": "'functionalmeta02'",
-  "functionallabel01": "'functionallabel01'",
-  "functionallabel02": "'functionallabel02'",
-  "functionalbody01": "'functionalbody01'",
-  "functionalbody02": "'functionalbody02'",
-  "functionalingress01": "'functionalingress01'",
-  "functionalingress02": "'functionalingress02'",
-  "functionalheading01": "'functionalheading01'",
-  "functionalheading02": "'functionalheading02'",
-  "functionalheading03": "'functionalheading03'",
-  "functionalheading04": "'functionalheading04'",
-  "functionalheading05": "'functionalheading05'",
-  "functionalheading06": "'functionalheading06'",
-  "functionalbody03": "'functionalbody03'"
-}

package/variables/shadows-css-variables.json

@@ -1,6 +0,0 @@
-{
-  "elevation-xs": "--ds-shadow-elevation-xs",
-  "elevation-sm": "--ds-shadow-elevation-sm",
-  "elevation-md": "--ds-shadow-elevation-md",
-  "elevation-lg": "--ds-shadow-elevation-lg"
-}