@sage/design-tokens 14.9.1 → 15.0.0

package/js/es6/marketing/large/global.js

@@ -1,836 +0,0 @@
-/**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
- */
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export const globalBorderwidthScale = "1px";
-export const globalBorderwidthNone = "0";
-export const globalBorderwidthXs = "1px";
-export const globalBorderwidthS = "2px";
-export const globalBorderwidthM = "3px";
-export const globalBorderwidthL = "4px";
-export const globalBorderwidthXl = "6px";
-export const globalBorderwidthXxl = "8px";
-export const globalRadiusScale = "1px";
-export const globalRadiusNone = "0";
-export const globalRadiusCircle = "999px";
-export const globalRadiusContainerXxs = "1px";
-export const globalRadiusContainerXs = "2px";
-export const globalRadiusContainerS = "4px";
-export const globalRadiusContainerSm = "6px";
-export const globalRadiusContainerM = "8px";
-export const globalRadiusContainerL = "16px";
-export const globalRadiusContainerXl = "24px";
-export const globalRadiusContainerXxl = "32px";
-export const globalRadiusContainerXxxl = "40px";
-export const globalRadiusContainerXxxxl = "80px";
-export const globalRadiusInteractiveXs = "2px";
-export const globalRadiusInteractiveXxs = "1px";
-export const globalRadiusInteractiveS = "4px";
-export const globalRadiusInteractiveM = "8px";
-export const globalRadiusInteractiveL = "16px";
-export const globalRadiusInteractiveXl = "20px";
-export const globalRadiusInteractiveXxl = "24px";
-export const globalBoxshadowNone = [
-  {
-    blur: "0",
-    spread: "0",
-    color: "rgba(0,0,0,0)",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "0",
-  },
-];
-export const globalBoxshadowCleanedgeNear = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "2px",
-  },
-  {
-    blur: "5px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "2px",
-    offsetY: "5px",
-  },
-];
-export const globalBoxshadowCleanedgeNearLeft = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "-2px",
-    offsetY: "0",
-  },
-  {
-    blur: "5px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "-5px",
-    offsetY: "0",
-  },
-];
-export const globalBoxshadowCleanedgeNearRight = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "2px",
-    offsetY: "0",
-  },
-  {
-    blur: "5px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "5px",
-    offsetY: "0",
-  },
-];
-export const globalBoxshadowContainerNear = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "1px",
-  },
-  {
-    blur: "10px",
-    spread: "0",
-    color: "#00000033",
-    type: "dropShadow",
-    offsetX: "2px",
-    offsetY: "2px",
-  },
-];
-export const globalBoxshadowContainerFar = [
-  {
-    blur: "3px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "2px",
-  },
-  {
-    blur: "30px",
-    spread: "0",
-    color: "#00000026",
-    type: "dropShadow",
-    offsetX: "6px",
-    offsetY: "6px",
-  },
-];
-export const globalBoxshadowContainerDistant = [
-  {
-    blur: "4px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "3px",
-  },
-  {
-    blur: "60px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "10px",
-    offsetY: "10px",
-  },
-];
-export const globalBoxshadowContainerStickyFooter = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "-1px",
-  },
-  {
-    blur: "10px",
-    spread: "0",
-    color: "#00000033",
-    type: "dropShadow",
-    offsetX: "2px",
-    offsetY: "-2px",
-  },
-];
-export const globalBoxshadowContainerSolidBorder = [
-  {
-    blur: "0",
-    spread: "0",
-    color: "#0000004D",
-    type: "innerShadow",
-    offsetX: "0",
-    offsetY: "-1px",
-  },
-];
-export const globalBoxshadowInnerNear = [
-  {
-    blur: "4px",
-    spread: "-4px",
-    color: "#0000001A",
-    type: "innerShadow",
-    offsetX: "0",
-    offsetY: "8px",
-  },
-];
-export const globalBoxshadowInteractiveEnabled = [
-  {
-    blur: "2px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "1px",
-  },
-  {
-    blur: "10px",
-    spread: "0",
-    color: "#00000033",
-    type: "dropShadow",
-    offsetX: "2px",
-    offsetY: "2px",
-  },
-];
-export const globalBoxshadowInteractiveHover = [
-  {
-    blur: "3px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "2px",
-  },
-  {
-    blur: "30px",
-    spread: "0",
-    color: "#00000026",
-    type: "dropShadow",
-    offsetX: "6px",
-    offsetY: "6px",
-  },
-];
-export const globalBoxshadowInteractiveDrag = [
-  {
-    blur: "4px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "0",
-    offsetY: "3px",
-  },
-  {
-    blur: "60px",
-    spread: "0",
-    color: "#0000001A",
-    type: "dropShadow",
-    offsetX: "10px",
-    offsetY: "10px",
-  },
-];
-export const globalSizeScale = "1px";
-export const globalSizeNone = "0px";
-export const globalSizeContainerM = "288px";
-export const globalSizeContainerL = "320px";
-export const globalSizeIconS = "16px";
-export const globalSizeIconM = "20px";
-export const globalSizeIconL = "24px";
-export const globalSizeIconXl = "32px";
-export const globalSizeFlexXxs = "80px";
-export const globalSizeFlexXs = "128px";
-export const globalSizeFlexS = "160px";
-export const globalSizeFlexM = "200px";
-export const globalSizeFlexL = "240px";
-export const globalSizeFlexXl = "288px";
-export const globalSizeFlexXxl = "320px";
-export const globalSizeFlexXxxl = "560px";
-export const globalSizeFlexXxxxl = "760px";
-export const globalSizeMacroXxs = "16px";
-export const globalSizeMacroXs = "24px";
-export const globalSizeMacroS = "32px";
-export const globalSizeMacroM = "40px";
-export const globalSizeMacroL = "48px";
-export const globalSizeMacroXl = "56px";
-export const globalSizeMacroXxl = "64px";
-export const globalSizeMacroXxxl = "72px";
-export const globalSizeMacroXxxxl = "120px";
-export const globalSizeMicroXxs = "2px";
-export const globalSizeMicroXs = "4px";
-export const globalSizeMicroS = "6px";
-export const globalSizeMicroM = "8px";
-export const globalSizeMicroL = "10px";
-export const globalSizeMicroXl = "12px";
-export const globalSizeMicroXxl = "16px";
-export const globalSizeBreakpointMinWidth = "1200px";
-export const globalSpaceNone = "0px";
-export const globalSpaceMacroScale = "1px";
-export const globalSpaceMicroScale = "1px";
-export const globalSpaceMicroXxs = "1px";
-export const globalSpaceMicroXs = "2px";
-export const globalSpaceMicroS = "4px";
-export const globalSpaceMicroM = "6px";
-export const globalSpaceMicroL = "8px";
-export const globalSpaceMicroXl = "10px";
-export const globalSpaceMicroXxl = "12px";
-export const globalSpaceMacroXxxs = "8px";
-export const globalSpaceMacroXxs = "12px";
-export const globalSpaceMacroXs = "16px";
-export const globalSpaceMacroS = "20px";
-export const globalSpaceMacroM = "24px";
-export const globalSpaceMacroMl = "28px";
-export const globalSpaceMacroL = "32px";
-export const globalSpaceMacroXl = "40px";
-export const globalSpaceMacroXxl = "48px";
-export const globalTypographyResponsiveHeadingS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)",
-};
-export const globalTypographyResponsiveHeadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)",
-};
-export const globalTypographyResponsiveHeadingL = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)",
-};
-export const globalTypographyResponsiveSubheadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-};
-export const globalTypographyResponsiveSubheadingL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-};
-export const globalTypographyResponsiveSectionHeadingS = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-};
-export const globalTypographyResponsiveSectionHeadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)",
-};
-export const globalTypographyResponsiveBodyRegularS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "16px",
-};
-export const globalTypographyResponsiveBodyRegularM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyResponsiveBodyRegularL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyResponsiveBodyMediumS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "16px",
-};
-export const globalTypographyResponsiveBodyMediumM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyResponsiveBodyMediumL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyResponsiveComponentFirmXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentFirmS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentFirmM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentFirmL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentModerateXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentModerateS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentModerateM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentModerateL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentIconS = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentIconM = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentIconL = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedModerateS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedModerateM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedModerateL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedFirmS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedFirmM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentUnderlinedFirmL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.6733rem, 0.7398rem + -0.0831vw, 0.7231rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextMl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextXl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(1.8756rem, 1.6688rem + 1.034vw, 2.496rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentPlaceholdertextXxl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "clamp(2.2695rem, 1.9448rem + 1.6238vw, 3.2438rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyResponsiveComponentNotificationM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1,
-  fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveHeadingS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "21px",
-};
-export const globalTypographyAdaptiveHeadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "24px",
-};
-export const globalTypographyAdaptiveHeadingL = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "30px",
-};
-export const globalTypographyAdaptiveSubheadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "16px",
-};
-export const globalTypographyAdaptiveSubheadingL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.25,
-  fontSize: "18px",
-};
-export const globalTypographyAdaptiveSectionHeadingS = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "16px",
-};
-export const globalTypographyAdaptiveSectionHeadingM = {
-  fontFamily: "Sage UI",
-  fontWeight: "700",
-  lineHeight: 1.25,
-  fontSize: "21px",
-};
-export const globalTypographyAdaptiveBodyRegularS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "16px",
-};
-export const globalTypographyAdaptiveBodyRegularM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyAdaptiveBodyRegularL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyAdaptiveBodyMediumS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "16px",
-};
-export const globalTypographyAdaptiveBodyMediumM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyAdaptiveBodyMediumL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  paragraphSpacing: "24px",
-};
-export const globalTypographyAdaptiveComponentFirmXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "13px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentFirmS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentFirmM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentFirmL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentModerateXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "13px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentModerateS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentModerateM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentModerateL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentIconS = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentIconM = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentIconL = {
-  fontSize: "20px",
-  fontFamily: "sage-icons",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedModerateS = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedModerateM = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedModerateL = {
-  fontFamily: "Sage UI",
-  fontWeight: "400",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedFirmS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedFirmM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentUnderlinedFirmL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "16px",
-  textDecoration: "underline",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextXs = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "12px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextS = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "14px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "18px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextMl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "24px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextL = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "30px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextXl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "40px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentPlaceholdertextXxl = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1.5,
-  fontSize: "52px",
-  paragraphSpacing: "0",
-};
-export const globalTypographyAdaptiveComponentNotificationM = {
-  fontFamily: "Sage UI",
-  fontWeight: "500",
-  lineHeight: 1,
-  fontSize: "13px",
-  paragraphSpacing: "0",
-};
-export const globalFontSizeAdaptiveStepMinus2 = "12px";
-export const globalFontSizeAdaptiveStepMinus1 = "13px";
-export const globalFontSizeAdaptiveStep0 = "14px";
-export const globalFontSizeAdaptiveStep1 = "16px";
-export const globalFontSizeAdaptiveStep2 = "18px";
-export const globalFontSizeAdaptiveStep3 = "21px";
-export const globalFontSizeAdaptiveStep4 = "24px";
-export const globalFontSizeAdaptiveStep5 = "27px";
-export const globalFontSizeAdaptiveStep6 = "30px";
-export const globalFontSizeAdaptiveStep7 = "35px";
-export const globalFontSizeAdaptiveStep8 = "40px";
-export const globalFontSizeAdaptiveStep9 = "46px";
-export const globalFontSizeAdaptiveStep10 = "52px";
-export const globalFontFamiliesSageIcons = "sage-icons";
-export const globalFontFamiliesHeading = "Sage UI";
-export const globalFontFamiliesSubheading = "Sage UI";
-export const globalFontFamiliesBody = "Sage UI";
-export const globalFontFamiliesComponent = "Sage UI";
-export const globalFontFamiliesOther = "Open Sans";