@skyscanner/bpk-foundations-web
Advanced tools
@skyscanner/bpk-foundations-web - npm Package Compare versions
Comparing version 14.0.1 to 15.0.0
| { | ||
| "name": "@skyscanner/bpk-foundations-web", | ||
| "version": "14.0.1", | ||
| "version": "15.0.0", | ||
| "description": "Common Backpack design tokens for colors, spacing, font, etc.", | ||
@@ -23,3 +23,3 @@ "license": "Apache-2.0", | ||
| }, | ||
| "gitHead": "8eb1b9744fbc449499d7cd45900e45fe54cb674a" | ||
| "gitHead": "1a40b9f3fec7615000e4493746cbc13aa1985200" | ||
| } |
@@ -231,9 +231,2 @@ /* | ||
| durationBase: "400ms", | ||
| autosuggestListBackgroundColor: "rgb(255, 255, 255)", | ||
| autosuggestListItemActiveBackgroundColor: "rgb(239, 241, 242)", | ||
| autosuggestListItemHighlightedBackgroundColor: "rgb(239, 241, 242)", | ||
| badgePaddingY: ".25rem", | ||
| badgePaddingX: ".5rem", | ||
| badgeBackgroundColor: "rgb(255, 247, 207)", | ||
| badgeCenteredVerticalAlign: "text-bottom", | ||
| borderSizeSm: "1px", | ||
@@ -271,171 +264,8 @@ borderSizeLg: "2px", | ||
| breakpointDesktopMargin: "3rem", | ||
| buttonTextAlign: "center", | ||
| buttonActiveBoxShadow: "none", | ||
| buttonSelectedDisabledBoxShadow: "none", | ||
| buttonLargeFontSize: "1.5rem", | ||
| buttonDisabledBackgroundImage: "none", | ||
| buttonPrimaryOnDarkHoverBackgroundImage: "none", | ||
| buttonSecondaryOnDarkDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| buttonDestructiveHoverBoxShadow: "0 0 0 2px #d1435b inset", | ||
| buttonLargeLineHeight: "1.5rem", | ||
| buttonSelectedBackgroundImage: "#084eb2", | ||
| buttonBoxShadow: "none", | ||
| buttonPrimaryOnLightHoverColor: "rgb(255, 255, 255)", | ||
| buttonSelectedActiveColor: "rgb(255, 255, 255)", | ||
| buttonDestructiveActiveBackgroundColor: "rgb(178, 46, 69)", | ||
| buttonOutlineActiveBackgroundColor: "rgba(0, 0, 0, 0)", | ||
| buttonLinkOnDarkDisabledColor: "rgba(255, 255, 255, 0.2)", | ||
| buttonHoverBackgroundColor: "rgb(0, 136, 124)", | ||
| buttonSecondaryActiveColor: "rgb(8, 78, 178)", | ||
| buttonSecondaryOnDarkColor: "rgb(255, 255, 255)", | ||
| buttonLinkOnDarkColor: "rgb(255, 255, 255)", | ||
| buttonPrimaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonSecondaryBackgroundImage: "none", | ||
| buttonSecondaryOnDarkActiveBackgroundImage: "none", | ||
| buttonDestructiveDisabledBackgroundImage: "none", | ||
| buttonOutlineDisabledBackgroundImage: "none", | ||
| buttonDestructiveActiveBoxShadow: "0 0 0 3px #d1435b inset", | ||
| buttonPrimaryOnLightColor: "rgb(255, 255, 255)", | ||
| buttonSelectedHoverBackgroundImage: "none", | ||
| buttonFontSize: "1.1875rem", | ||
| buttonGradientStartColor: "rgb(0, 166, 152)", | ||
| buttonPrimaryOnLightActiveBackgroundImage: "none", | ||
| buttonHoverBoxShadow: "none", | ||
| buttonOutlineHoverBorderOpacity: "0.5", | ||
| buttonLineHeight: "1.5rem", | ||
| buttonSecondaryHoverBackgroundImage: "none", | ||
| buttonPrimaryOnDarkBackgroundColor: "rgb(255, 255, 255)", | ||
| buttonFeaturedActiveBackgroundColor: "rgb(4, 39, 89)", | ||
| buttonDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonPrimaryOnDarkHoverBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonSecondaryBorderColor: "rgb(221, 221, 229)", | ||
| buttonSecondaryHoverColor: "rgb(8, 78, 178)", | ||
| buttonFeaturedActiveBoxShadow: "none", | ||
| buttonPrimaryOnLightActiveColor: "rgb(255, 255, 255)", | ||
| buttonFeaturedDisabledBackgroundImage: "none", | ||
| buttonSelectedHoverColor: "rgb(255, 255, 255)", | ||
| buttonSelectedBackgroundColor: "rgb(0, 98, 227)", | ||
| buttonPrimaryOnLightBackgroundImage: "none", | ||
| buttonOutlineDisabledColor: "rgb(178, 178, 191)", | ||
| buttonDestructiveDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| buttonSecondaryBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonSecondaryOnDarkActiveBackgroundColor: "rgba(255, 255, 255, 0.2)", | ||
| buttonDisabledBoxShadow: "none", | ||
| buttonDestructiveDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonOutlineDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonLinkOnDarkActiveColor: "rgba(255, 255, 255, 0.6)", | ||
| buttonSecondaryOnDarkActiveColor: "rgb(255, 255, 255)", | ||
| buttonSecondaryColor: "rgb(8, 78, 178)", | ||
| buttonSelectedBoxShadow: "none", | ||
| buttonSecondaryHoverBorderColor: "rgb(0, 98, 227)", | ||
| buttonSecondaryOnDarkBackgroundImage: "none", | ||
| buttonSecondaryActiveBackgroundImage: "none", | ||
| buttonSelectedActiveBackgroundImage: "none", | ||
| buttonSecondaryBoxShadow: "0 0 0 2px #DDDDE5 inset", | ||
| buttonIconBorderRadius: "1.125rem", | ||
| buttonPrimaryOnLightHoverBackgroundImage: "none", | ||
| buttonSelectedColor: "rgb(255, 255, 255)", | ||
| buttonSelectedHoverBackgroundColor: "rgb(8, 78, 178)", | ||
| buttonLargePaddingXIconOnly: ".5625rem", | ||
| buttonSecondaryOnDarkDisabledBackgroundImage: "none", | ||
| buttonPrimaryOnLightActiveBackgroundColor: "rgb(104, 105, 127)", | ||
| buttonPrimaryOnDarkHoverColor: "rgb(22, 22, 22)", | ||
| buttonSecondaryHoverBackgroundColor: "rgb(205, 205, 215)", | ||
| buttonDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| buttonDestructiveDisabledBoxShadow: "none", | ||
| buttonOutlineDisabledBoxShadow: "none", | ||
| buttonFeaturedBackgroundImage: "#0062E3", | ||
| buttonPrimaryOnLightDisabledBackgroundImage: "none", | ||
| buttonIconBorderRadiusLg: "1.3125rem", | ||
| buttonSecondaryOnDarkHoverBackgroundImage: "none", | ||
| buttonSelectedHoverBoxShadow: "none", | ||
| buttonFeaturedActiveColor: "rgb(255, 255, 255)", | ||
| buttonSecondaryHoverBoxShadow: "0 0 0 2px #0062E3 inset", | ||
| buttonPaddingXIconOnly: ".5625rem", | ||
| buttonPrimaryOnDarkActiveBackgroundImage: "none", | ||
| buttonPrimaryOnDarkColor: "rgb(22, 22, 22)", | ||
| buttonPrimaryOnLightBackgroundColor: "rgb(17, 18, 54)", | ||
| buttonFeaturedHoverBackgroundImage: "none", | ||
| buttonSecondaryActiveBorderColor: "rgb(8, 78, 178)", | ||
| buttonFeaturedDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonHoverColor: "rgb(255, 255, 255)", | ||
| buttonSecondaryOnDarkBackgroundColor: "rgba(255, 255, 255, 0.1)", | ||
| buttonSecondaryActiveBackgroundColor: "rgb(178, 178, 191)", | ||
| buttonPrimaryOnDarkDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| buttonDestructiveActiveColor: "rgb(255, 255, 255)", | ||
| buttonSecondaryOnDarkDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonOutlineBackgroundImage: "none", | ||
| buttonSelectedActiveBackgroundColor: "rgb(4, 39, 89)", | ||
| buttonHeight: "2.25rem", | ||
| buttonPrimaryOnLightHoverBackgroundColor: "rgb(68, 69, 96)", | ||
| buttonSecondaryDisabledBackgroundImage: "none", | ||
| buttonSecondaryActiveBoxShadow: "0 0 0 3px #084eb2 inset", | ||
| buttonActiveBackgroundImage: "none", | ||
| buttonSecondaryOnDarkHoverBackgroundColor: "rgba(255, 255, 255, 0.15)", | ||
| buttonDestructiveHoverColor: "rgb(255, 255, 255)", | ||
| buttonSelectedActiveBoxShadow: "none", | ||
| buttonFeaturedBackgroundColor: "rgb(0, 98, 227)", | ||
| buttonPrimaryOnLightDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonColor: "rgb(255, 255, 255)", | ||
| buttonActiveColor: "rgb(255, 255, 255)", | ||
| buttonDestructiveHoverBackgroundImage: "none", | ||
| buttonBorderRadius: ".5rem", | ||
| buttonSecondaryDisabledColor: "rgb(178, 178, 191)", | ||
| buttonLargeHeight: "3rem", | ||
| buttonPrimaryOnDarkActiveBackgroundColor: "rgb(205, 205, 215)", | ||
| buttonLargePaddingX: "1.5rem", | ||
| buttonDestructiveColor: "rgb(178, 46, 69)", | ||
| buttonOutlineColor: "rgb(255, 255, 255)", | ||
| buttonFeaturedHoverBackgroundColor: "rgb(8, 78, 178)", | ||
| buttonLargePaddingY: ".375rem", | ||
| buttonPrimaryOnDarkDisabledBackgroundImage: "none", | ||
| buttonOutlineBorderColor: "rgb(255, 255, 255)", | ||
| buttonDestructiveBorderColor: "rgb(221, 221, 229)", | ||
| buttonHoverBackgroundImage: "none", | ||
| buttonFeaturedHoverBoxShadow: "none", | ||
| buttonFontWeight: "700", | ||
| buttonDestructiveBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonFeaturedHoverColor: "rgb(255, 255, 255)", | ||
| buttonOutlineBackgroundColor: "rgba(0, 0, 0, 0)", | ||
| buttonOutlineHoverBorderColor: "rgb(255, 255, 255)", | ||
| buttonDestructiveHoverBorderColor: "rgb(209, 67, 91)", | ||
| buttonPrimaryOnDarkActiveColor: "rgb(22, 22, 22)", | ||
| buttonPrimaryOnDarkBackgroundImage: "none", | ||
| buttonSecondaryDisabledBackgroundColor: "rgb(221, 221, 229)", | ||
| buttonGradientEndColor: "rgb(0, 166, 152)", | ||
| buttonPaddingX: "1.125rem", | ||
| buttonDestructiveBoxShadow: "0 0 0 2px #DDDDE5 inset", | ||
| buttonPaddingY: ".375rem", | ||
| buttonActiveBackgroundColor: "rgb(0, 106, 97)", | ||
| buttonSecondaryDisabledBoxShadow: "none", | ||
| buttonPrimaryOnLightDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| buttonFeaturedColor: "rgb(255, 255, 255)", | ||
| buttonOutlineHoverBackgroundColor: "rgba(0, 0, 0, 0)", | ||
| buttonDestructiveHoverBackgroundColor: "rgb(209, 67, 91)", | ||
| buttonFeaturedActiveBackgroundImage: "none", | ||
| buttonSecondaryOnDarkHoverColor: "rgb(255, 255, 255)", | ||
| buttonLinkOnDarkHoverColor: "rgba(255, 255, 255, 0.8)", | ||
| buttonBackgroundColor: "rgb(0, 166, 152)", | ||
| buttonDestructiveActiveBorderColor: "rgb(209, 67, 91)", | ||
| buttonOutlineActiveBorderColor: "rgb(255, 255, 255)", | ||
| calendarDaySelectedColor: "rgb(255, 255, 255)", | ||
| calendarDayDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| calendarDayOutsideColor: "rgba(0, 0, 0, 0.2)", | ||
| calendarDaySpacing: ".5rem", | ||
| calendarDaySize: "2.25rem", | ||
| calendarDayActiveBackgroundColor: "rgb(239, 241, 242)", | ||
| calendarNavIconFill: "rgb(22, 22, 22)", | ||
| calendarDayActiveColor: "rgb(22, 22, 22)", | ||
| calendarNavIconHoverFill: "rgb(22, 22, 22)", | ||
| calendarPadding: ".75rem", | ||
| calendarDaySelectedBackgroundColor: "rgb(0, 98, 227)", | ||
| calendarNavIconActiveFill: "rgb(22, 22, 22)", | ||
| calendarDayFocusedColor: "rgb(0, 98, 227)", | ||
| calendarDayHoverBackgroundColor: "rgb(239, 241, 242)", | ||
| calendarDayFocusedBorderColor: "rgb(0, 98, 227)", | ||
| calendarDayHoverColor: "rgb(22, 22, 22)", | ||
| calendarNavIconDisabledFill: "rgba(0, 0, 0, 0.2)", | ||
| calendarDayColor: "rgb(22, 22, 22)", | ||
| calendarDaySpacing: ".5rem", | ||
| cardBackgroundColor: "rgb(255, 255, 255)", | ||
| cardColor: "rgb(22, 22, 22)", | ||
| cardPadding: "1rem", | ||
@@ -447,43 +277,16 @@ primaryGradient: "#0062E3", | ||
| inputLargeHeight: "3rem", | ||
| selectColor: "rgb(22, 22, 22)", | ||
| inputBorder: "solid .0625rem #C2C9CD", | ||
| inputPlaceholderColor: "rgba(0, 0, 0, 0.2)", | ||
| formValidationArrowSize: ".375rem", | ||
| selectBorderRadius: ".25rem", | ||
| inputBackground: "#ffffff", | ||
| selectDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| requiredColor: "rgb(231, 8, 102)", | ||
| selectPaddingTop: ".375rem", | ||
| labelFontSize: ".75rem", | ||
| labelLineHeight: "1rem", | ||
| inputBorderWidth: ".0625rem", | ||
| selectHeight: "2.250rem", | ||
| labelDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| selectPaddingRight: "1.875rem", | ||
| selectLargeHeight: "3rem", | ||
| inputColor: "rgb(22, 22, 22)", | ||
| selectBorder: "solid .0625rem #C2C9CD", | ||
| inputBorderRadius: ".25rem", | ||
| radioCheckedCircleColor: "rgb(0, 98, 227)", | ||
| selectDisabledBorderColor: "rgb(224, 227, 229)", | ||
| inputDisabledColor: "rgba(0, 0, 0, 0.2)", | ||
| inputPaddingX: ".5rem", | ||
| checkboxCheckedTickColor: "rgb(0, 98, 227)", | ||
| inputPaddingY: ".5rem", | ||
| selectBorderWidth: ".0625rem", | ||
| selectPaddingLeft: ".75rem", | ||
| labelColor: "rgb(22, 22, 22)", | ||
| formValidationColor: "rgb(231, 8, 102)", | ||
| textareaMinHeight: "5.25rem", | ||
| inputHeight: "2.25rem", | ||
| selectPaddingBottom: ".375rem", | ||
| inputDisabledBorderColor: "rgb(239, 241, 242)", | ||
| gridColumns: "12", | ||
| gridGutter: "1.5rem", | ||
| gridContainerPadding: "1.5rem", | ||
| gridContainerMobilePadding: ".75rem", | ||
| horizontalNavLinkColor: "rgb(84, 88, 96)", | ||
| horizontalNavLinkHoverColor: "rgb(84, 88, 96)", | ||
| horizontalNavLinkActiveColor: "rgb(84, 88, 96)", | ||
| horizontalNavLinkSelectedColor: "rgb(0, 98, 227)", | ||
| horizontalNavBarSelectedColor: "rgb(0, 98, 227)", | ||
@@ -497,34 +300,11 @@ iconSizeSm: "1rem", | ||
| modalWideMaxWidth: "64rem", | ||
| modalHeaderPadding: ".75rem", | ||
| modalContentPadding: "1rem", | ||
| scrimBackgroundColor: "rgb(178, 178, 191)", | ||
| scrimInitialOpacity: "0", | ||
| scrimOpacity: ".7", | ||
| scrimMobileOpacity: "1", | ||
| scrimDarkBackgroundColor: "rgb(17, 18, 54)", | ||
| scrimDarkOpacity: ".95", | ||
| bannerAlertChildrenPaddingX: ".75rem", | ||
| bannerAlertWarnColor: "rgb(245, 93, 66)", | ||
| bannerAlertChildrenPaddingY: ".375rem", | ||
| bannerAlertHeaderExpandableHoverBackgroundColor: "rgb(239, 241, 242)", | ||
| bannerAlertBackgroundColor: "rgb(255, 255, 255)", | ||
| bannerAlertEventColor: "rgb(90, 72, 155)", | ||
| bannerAlertHeaderPaddingX: ".75rem", | ||
| bannerAlertHeaderPaddingY: ".375rem", | ||
| bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(239, 241, 242)", | ||
| bannerAlertPrimaryColor: "rgb(0, 98, 227)", | ||
| bannerAlertSuccessColor: "rgb(12, 131, 138)", | ||
| bannerAlertWarnColor: "rgb(245, 93, 66)", | ||
| bannerAlertErrorColor: "rgb(231, 8, 102)", | ||
| bannerAlertNeutralColor: "rgb(194, 201, 205)", | ||
| bannerAlertErrorColor: "rgb(231, 8, 102)", | ||
| bannerAlertChildrenColor: "rgb(84, 88, 96)", | ||
| bannerAlertExpandIconFill: "rgb(84, 88, 96)", | ||
| bannerAlertHeaderExpandableActiveBackgroundColor: "rgb(239, 241, 242)", | ||
| panelPadding: ".75rem", | ||
| panelBorderColor: "rgb(194, 201, 205)", | ||
| panelBackgroundColor: "rgb(255, 255, 255)", | ||
| ratingBaseWidth: "3rem", | ||
| ratingBaseHeight: "3rem", | ||
| ratingSmWidth: "2.25rem", | ||
| ratingSmHeight: "2.25rem", | ||
| ratingLgWidth: "3.75rem", | ||
| ratingLgHeight: "3.75rem", | ||
| spacingLgV2: "1.5rem", | ||
@@ -546,12 +326,5 @@ spacingSmV2: ".25rem", | ||
| spacingLg: "1.875rem", | ||
| stateSelectedBackgroundColor: "rgb(8, 78, 178)", | ||
| textLgLineHeight: "1.75rem", | ||
| fontWeightBook: "400", | ||
| lineHeightXlTight: "1.75rem", | ||
| textXsLineHeight: "1rem", | ||
| h5LineHeight: "1rem", | ||
| h6FontSize: ".75rem", | ||
| headingMarginTop: "0", | ||
| lineHeightXxxxxl: "4.5rem", | ||
| h6LineHeight: "1rem", | ||
| lineHeightXxxl: "3rem", | ||
@@ -562,10 +335,2 @@ lineHeightXl: "2rem", | ||
| fontSizeXxxl: "2.5rem", | ||
| textXxxxlFontWeight: "400", | ||
| textXxlFontWeight: "400", | ||
| textXlLetterSpacing: "normal", | ||
| linkAlternateVisitedColor: "rgb(255, 255, 255)", | ||
| listMarginTop: "1rem", | ||
| linkWhiteActiveColor: "rgb(255, 255, 255)", | ||
| linkWhiteHoverColor: "rgb(255, 255, 255)", | ||
| textBaseLetterSpacing: "normal", | ||
| headingContentMarginTop: "1.875rem", | ||
@@ -577,54 +342,7 @@ lineHeightSm: "1.25rem", | ||
| lineHeightXs: "1rem", | ||
| linkWhiteColor: "rgb(255, 255, 255)", | ||
| fontSizeSm: ".875rem", | ||
| fontSizeXs: ".75rem", | ||
| letterSpacingTight: "-0.02em", | ||
| linkVisitedColor: "rgb(0, 98, 227)", | ||
| fontSizeLg: "1.25rem", | ||
| listNestedMarginTop: "0", | ||
| textXxxxlFontSize: "3rem", | ||
| textBaseFontWeight: "400", | ||
| textXxlFontSize: "2rem", | ||
| pMarginBottom: ".75rem", | ||
| textXxlLineHeight: "2.5rem", | ||
| textXxxxlLineHeight: "3.5rem", | ||
| textXxlLetterSpacing: "normal", | ||
| textXlFontWeight: "400", | ||
| linkActiveColor: "rgb(0, 98, 227)", | ||
| textXxxxxlFontWeight: "400", | ||
| listItemMarginTop: "0", | ||
| textXxxlFontWeight: "400", | ||
| fontSizeRoot: "100%", | ||
| listItemMarginBottom: ".25rem", | ||
| h1FontWeight: "400", | ||
| linkWhiteVisitedColor: "rgb(255, 255, 255)", | ||
| h2FontWeight: "400", | ||
| pMarginTop: "0", | ||
| linkAlternateActiveColor: "rgb(255, 255, 255)", | ||
| h3FontWeight: "400", | ||
| listNestedMarginBottom: "0", | ||
| h4FontWeight: "700", | ||
| textSmFontWeight: "400", | ||
| textBaseFontSize: "1rem", | ||
| h5FontWeight: "700", | ||
| textBaseLineHeight: "1.5rem", | ||
| textLgFontWeight: "400", | ||
| textXsFontWeight: "400", | ||
| linkAlternateHoverColor: "rgb(255, 255, 255)", | ||
| h6FontWeight: "700", | ||
| textXlFontSize: "1.5rem", | ||
| textXxxxxlFontSize: "4rem", | ||
| textXxxlFontSize: "2.5rem", | ||
| textXlLineHeight: "2rem", | ||
| linkAlternateColor: "rgb(255, 255, 255)", | ||
| textXxxxxlLineHeight: "4.5rem", | ||
| textXxxlLineHeight: "3rem", | ||
| linkHoverTextDecoration: "underline", | ||
| linkHoverColor: "rgb(0, 98, 227)", | ||
| h1FontSize: "3rem", | ||
| listMarginBottom: "1rem", | ||
| textXsLetterSpacing: "normal", | ||
| h2FontSize: "2rem", | ||
| h1LineHeight: "3rem", | ||
| textLgLetterSpacing: "normal", | ||
| fontSize6Xl: "4.75rem", | ||
@@ -635,26 +353,12 @@ fontFamilyBase: "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif", | ||
| lineHeightBaseTight: "1.25rem", | ||
| linkTextDecoration: "none", | ||
| fontSize7Xl: "6rem", | ||
| textSmLetterSpacing: "normal", | ||
| h3FontSize: "1.5rem", | ||
| lineHeight6Xl: "5.25rem", | ||
| h2LineHeight: "2.5rem", | ||
| textSmFontSize: ".875rem", | ||
| fontSize8Xl: "7.5rem", | ||
| fontSizeXxl: "2rem", | ||
| h4FontSize: "1rem", | ||
| h3LineHeight: "2rem", | ||
| fontSizeXxxxl: "3rem", | ||
| linkColor: "rgb(0, 98, 227)", | ||
| lineHeightBase: "1.5rem", | ||
| lineHeight7Xl: "6rem", | ||
| fontSizeBase: "1rem", | ||
| h4LineHeight: "1.5rem", | ||
| h5FontSize: ".75rem", | ||
| textLgFontSize: "1.25rem", | ||
| headingMarginBottom: ".75rem", | ||
| textSmLineHeight: "1.25rem", | ||
| lineHeight8Xl: "7.5rem", | ||
| lineHeightXxl: "2.5rem", | ||
| textXsFontSize: ".75rem", | ||
| lineHeightXxxxl: "3.5rem", | ||
@@ -661,0 +365,0 @@ zindexAutosuggest: "900", |
@@ -229,9 +229,2 @@ /* | ||
| export const durationBase = "400ms"; | ||
| export const autosuggestListBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const autosuggestListItemActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const autosuggestListItemHighlightedBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const badgePaddingY = ".25rem"; | ||
| export const badgePaddingX = ".5rem"; | ||
| export const badgeBackgroundColor = "rgb(255, 247, 207)"; | ||
| export const badgeCenteredVerticalAlign = "text-bottom"; | ||
| export const borderSizeSm = "1px"; | ||
@@ -269,171 +262,8 @@ export const borderSizeLg = "2px"; | ||
| export const breakpointDesktopMargin = "3rem"; | ||
| export const buttonTextAlign = "center"; | ||
| export const buttonActiveBoxShadow = "none"; | ||
| export const buttonSelectedDisabledBoxShadow = "none"; | ||
| export const buttonLargeFontSize = "1.5rem"; | ||
| export const buttonDisabledBackgroundImage = "none"; | ||
| export const buttonPrimaryOnDarkHoverBackgroundImage = "none"; | ||
| export const buttonSecondaryOnDarkDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #d1435b inset"; | ||
| export const buttonLargeLineHeight = "1.5rem"; | ||
| export const buttonSelectedBackgroundImage = "#084eb2"; | ||
| export const buttonBoxShadow = "none"; | ||
| export const buttonPrimaryOnLightHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonSelectedActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonDestructiveActiveBackgroundColor = "rgb(178, 46, 69)"; | ||
| export const buttonOutlineActiveBackgroundColor = "rgba(0, 0, 0, 0)"; | ||
| export const buttonLinkOnDarkDisabledColor = "rgba(255, 255, 255, 0.2)"; | ||
| export const buttonHoverBackgroundColor = "rgb(0, 136, 124)"; | ||
| export const buttonSecondaryActiveColor = "rgb(8, 78, 178)"; | ||
| export const buttonSecondaryOnDarkColor = "rgb(255, 255, 255)"; | ||
| export const buttonLinkOnDarkColor = "rgb(255, 255, 255)"; | ||
| export const buttonPrimaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonSecondaryBackgroundImage = "none"; | ||
| export const buttonSecondaryOnDarkActiveBackgroundImage = "none"; | ||
| export const buttonDestructiveDisabledBackgroundImage = "none"; | ||
| export const buttonOutlineDisabledBackgroundImage = "none"; | ||
| export const buttonDestructiveActiveBoxShadow = "0 0 0 3px #d1435b inset"; | ||
| export const buttonPrimaryOnLightColor = "rgb(255, 255, 255)"; | ||
| export const buttonSelectedHoverBackgroundImage = "none"; | ||
| export const buttonFontSize = "1.1875rem"; | ||
| export const buttonGradientStartColor = "rgb(0, 166, 152)"; | ||
| export const buttonPrimaryOnLightActiveBackgroundImage = "none"; | ||
| export const buttonHoverBoxShadow = "none"; | ||
| export const buttonOutlineHoverBorderOpacity = "0.5"; | ||
| export const buttonLineHeight = "1.5rem"; | ||
| export const buttonSecondaryHoverBackgroundImage = "none"; | ||
| export const buttonPrimaryOnDarkBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const buttonFeaturedActiveBackgroundColor = "rgb(4, 39, 89)"; | ||
| export const buttonDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonPrimaryOnDarkHoverBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonSecondaryBorderColor = "rgb(221, 221, 229)"; | ||
| export const buttonSecondaryHoverColor = "rgb(8, 78, 178)"; | ||
| export const buttonFeaturedActiveBoxShadow = "none"; | ||
| export const buttonPrimaryOnLightActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonFeaturedDisabledBackgroundImage = "none"; | ||
| export const buttonSelectedHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonSelectedBackgroundColor = "rgb(0, 98, 227)"; | ||
| export const buttonPrimaryOnLightBackgroundImage = "none"; | ||
| export const buttonOutlineDisabledColor = "rgb(178, 178, 191)"; | ||
| export const buttonDestructiveDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const buttonSecondaryBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonSecondaryOnDarkActiveBackgroundColor = "rgba(255, 255, 255, 0.2)"; | ||
| export const buttonDisabledBoxShadow = "none"; | ||
| export const buttonDestructiveDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonOutlineDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonLinkOnDarkActiveColor = "rgba(255, 255, 255, 0.6)"; | ||
| export const buttonSecondaryOnDarkActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonSecondaryColor = "rgb(8, 78, 178)"; | ||
| export const buttonSelectedBoxShadow = "none"; | ||
| export const buttonSecondaryHoverBorderColor = "rgb(0, 98, 227)"; | ||
| export const buttonSecondaryOnDarkBackgroundImage = "none"; | ||
| export const buttonSecondaryActiveBackgroundImage = "none"; | ||
| export const buttonSelectedActiveBackgroundImage = "none"; | ||
| export const buttonSecondaryBoxShadow = "0 0 0 2px #DDDDE5 inset"; | ||
| export const buttonIconBorderRadius = "1.125rem"; | ||
| export const buttonPrimaryOnLightHoverBackgroundImage = "none"; | ||
| export const buttonSelectedColor = "rgb(255, 255, 255)"; | ||
| export const buttonSelectedHoverBackgroundColor = "rgb(8, 78, 178)"; | ||
| export const buttonLargePaddingXIconOnly = ".5625rem"; | ||
| export const buttonSecondaryOnDarkDisabledBackgroundImage = "none"; | ||
| export const buttonPrimaryOnLightActiveBackgroundColor = "rgb(104, 105, 127)"; | ||
| export const buttonPrimaryOnDarkHoverColor = "rgb(22, 22, 22)"; | ||
| export const buttonSecondaryHoverBackgroundColor = "rgb(205, 205, 215)"; | ||
| export const buttonDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const buttonDestructiveDisabledBoxShadow = "none"; | ||
| export const buttonOutlineDisabledBoxShadow = "none"; | ||
| export const buttonFeaturedBackgroundImage = "#0062E3"; | ||
| export const buttonPrimaryOnLightDisabledBackgroundImage = "none"; | ||
| export const buttonIconBorderRadiusLg = "1.3125rem"; | ||
| export const buttonSecondaryOnDarkHoverBackgroundImage = "none"; | ||
| export const buttonSelectedHoverBoxShadow = "none"; | ||
| export const buttonFeaturedActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #0062E3 inset"; | ||
| export const buttonPaddingXIconOnly = ".5625rem"; | ||
| export const buttonPrimaryOnDarkActiveBackgroundImage = "none"; | ||
| export const buttonPrimaryOnDarkColor = "rgb(22, 22, 22)"; | ||
| export const buttonPrimaryOnLightBackgroundColor = "rgb(17, 18, 54)"; | ||
| export const buttonFeaturedHoverBackgroundImage = "none"; | ||
| export const buttonSecondaryActiveBorderColor = "rgb(8, 78, 178)"; | ||
| export const buttonFeaturedDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonSecondaryOnDarkBackgroundColor = "rgba(255, 255, 255, 0.1)"; | ||
| export const buttonSecondaryActiveBackgroundColor = "rgb(178, 178, 191)"; | ||
| export const buttonPrimaryOnDarkDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const buttonDestructiveActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonSecondaryOnDarkDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonOutlineBackgroundImage = "none"; | ||
| export const buttonSelectedActiveBackgroundColor = "rgb(4, 39, 89)"; | ||
| export const buttonHeight = "2.25rem"; | ||
| export const buttonPrimaryOnLightHoverBackgroundColor = "rgb(68, 69, 96)"; | ||
| export const buttonSecondaryDisabledBackgroundImage = "none"; | ||
| export const buttonSecondaryActiveBoxShadow = "0 0 0 3px #084eb2 inset"; | ||
| export const buttonActiveBackgroundImage = "none"; | ||
| export const buttonSecondaryOnDarkHoverBackgroundColor = "rgba(255, 255, 255, 0.15)"; | ||
| export const buttonDestructiveHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonSelectedActiveBoxShadow = "none"; | ||
| export const buttonFeaturedBackgroundColor = "rgb(0, 98, 227)"; | ||
| export const buttonPrimaryOnLightDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonColor = "rgb(255, 255, 255)"; | ||
| export const buttonActiveColor = "rgb(255, 255, 255)"; | ||
| export const buttonDestructiveHoverBackgroundImage = "none"; | ||
| export const buttonBorderRadius = ".5rem"; | ||
| export const buttonSecondaryDisabledColor = "rgb(178, 178, 191)"; | ||
| export const buttonLargeHeight = "3rem"; | ||
| export const buttonPrimaryOnDarkActiveBackgroundColor = "rgb(205, 205, 215)"; | ||
| export const buttonLargePaddingX = "1.5rem"; | ||
| export const buttonDestructiveColor = "rgb(178, 46, 69)"; | ||
| export const buttonOutlineColor = "rgb(255, 255, 255)"; | ||
| export const buttonFeaturedHoverBackgroundColor = "rgb(8, 78, 178)"; | ||
| export const buttonLargePaddingY = ".375rem"; | ||
| export const buttonPrimaryOnDarkDisabledBackgroundImage = "none"; | ||
| export const buttonOutlineBorderColor = "rgb(255, 255, 255)"; | ||
| export const buttonDestructiveBorderColor = "rgb(221, 221, 229)"; | ||
| export const buttonHoverBackgroundImage = "none"; | ||
| export const buttonFeaturedHoverBoxShadow = "none"; | ||
| export const buttonFontWeight = "700"; | ||
| export const buttonDestructiveBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonFeaturedHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonOutlineBackgroundColor = "rgba(0, 0, 0, 0)"; | ||
| export const buttonOutlineHoverBorderColor = "rgb(255, 255, 255)"; | ||
| export const buttonDestructiveHoverBorderColor = "rgb(209, 67, 91)"; | ||
| export const buttonPrimaryOnDarkActiveColor = "rgb(22, 22, 22)"; | ||
| export const buttonPrimaryOnDarkBackgroundImage = "none"; | ||
| export const buttonSecondaryDisabledBackgroundColor = "rgb(221, 221, 229)"; | ||
| export const buttonGradientEndColor = "rgb(0, 166, 152)"; | ||
| export const buttonPaddingX = "1.125rem"; | ||
| export const buttonDestructiveBoxShadow = "0 0 0 2px #DDDDE5 inset"; | ||
| export const buttonPaddingY = ".375rem"; | ||
| export const buttonActiveBackgroundColor = "rgb(0, 106, 97)"; | ||
| export const buttonSecondaryDisabledBoxShadow = "none"; | ||
| export const buttonPrimaryOnLightDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const buttonFeaturedColor = "rgb(255, 255, 255)"; | ||
| export const buttonOutlineHoverBackgroundColor = "rgba(0, 0, 0, 0)"; | ||
| export const buttonDestructiveHoverBackgroundColor = "rgb(209, 67, 91)"; | ||
| export const buttonFeaturedActiveBackgroundImage = "none"; | ||
| export const buttonSecondaryOnDarkHoverColor = "rgb(255, 255, 255)"; | ||
| export const buttonLinkOnDarkHoverColor = "rgba(255, 255, 255, 0.8)"; | ||
| export const buttonBackgroundColor = "rgb(0, 166, 152)"; | ||
| export const buttonDestructiveActiveBorderColor = "rgb(209, 67, 91)"; | ||
| export const buttonOutlineActiveBorderColor = "rgb(255, 255, 255)"; | ||
| export const calendarDaySelectedColor = "rgb(255, 255, 255)"; | ||
| export const calendarDayDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const calendarDayOutsideColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const calendarDaySpacing = ".5rem"; | ||
| export const calendarDaySize = "2.25rem"; | ||
| export const calendarDayActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const calendarNavIconFill = "rgb(22, 22, 22)"; | ||
| export const calendarDayActiveColor = "rgb(22, 22, 22)"; | ||
| export const calendarNavIconHoverFill = "rgb(22, 22, 22)"; | ||
| export const calendarPadding = ".75rem"; | ||
| export const calendarDaySelectedBackgroundColor = "rgb(0, 98, 227)"; | ||
| export const calendarNavIconActiveFill = "rgb(22, 22, 22)"; | ||
| export const calendarDayFocusedColor = "rgb(0, 98, 227)"; | ||
| export const calendarDayHoverBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const calendarDayFocusedBorderColor = "rgb(0, 98, 227)"; | ||
| export const calendarDayHoverColor = "rgb(22, 22, 22)"; | ||
| export const calendarNavIconDisabledFill = "rgba(0, 0, 0, 0.2)"; | ||
| export const calendarDayColor = "rgb(22, 22, 22)"; | ||
| export const calendarDaySpacing = ".5rem"; | ||
| export const cardBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const cardColor = "rgb(22, 22, 22)"; | ||
| export const cardPadding = "1rem"; | ||
@@ -445,43 +275,16 @@ export const primaryGradient = "#0062E3"; | ||
| export const inputLargeHeight = "3rem"; | ||
| export const selectColor = "rgb(22, 22, 22)"; | ||
| export const inputBorder = "solid .0625rem #C2C9CD"; | ||
| export const inputPlaceholderColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const formValidationArrowSize = ".375rem"; | ||
| export const selectBorderRadius = ".25rem"; | ||
| export const inputBackground = "#ffffff"; | ||
| export const selectDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const requiredColor = "rgb(231, 8, 102)"; | ||
| export const selectPaddingTop = ".375rem"; | ||
| export const labelFontSize = ".75rem"; | ||
| export const labelLineHeight = "1rem"; | ||
| export const inputBorderWidth = ".0625rem"; | ||
| export const selectHeight = "2.250rem"; | ||
| export const labelDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const selectPaddingRight = "1.875rem"; | ||
| export const selectLargeHeight = "3rem"; | ||
| export const inputColor = "rgb(22, 22, 22)"; | ||
| export const selectBorder = "solid .0625rem #C2C9CD"; | ||
| export const inputBorderRadius = ".25rem"; | ||
| export const radioCheckedCircleColor = "rgb(0, 98, 227)"; | ||
| export const selectDisabledBorderColor = "rgb(224, 227, 229)"; | ||
| export const inputDisabledColor = "rgba(0, 0, 0, 0.2)"; | ||
| export const inputPaddingX = ".5rem"; | ||
| export const checkboxCheckedTickColor = "rgb(0, 98, 227)"; | ||
| export const inputPaddingY = ".5rem"; | ||
| export const selectBorderWidth = ".0625rem"; | ||
| export const selectPaddingLeft = ".75rem"; | ||
| export const labelColor = "rgb(22, 22, 22)"; | ||
| export const formValidationColor = "rgb(231, 8, 102)"; | ||
| export const textareaMinHeight = "5.25rem"; | ||
| export const inputHeight = "2.25rem"; | ||
| export const selectPaddingBottom = ".375rem"; | ||
| export const inputDisabledBorderColor = "rgb(239, 241, 242)"; | ||
| export const gridColumns = "12"; | ||
| export const gridGutter = "1.5rem"; | ||
| export const gridContainerPadding = "1.5rem"; | ||
| export const gridContainerMobilePadding = ".75rem"; | ||
| export const horizontalNavLinkColor = "rgb(84, 88, 96)"; | ||
| export const horizontalNavLinkHoverColor = "rgb(84, 88, 96)"; | ||
| export const horizontalNavLinkActiveColor = "rgb(84, 88, 96)"; | ||
| export const horizontalNavLinkSelectedColor = "rgb(0, 98, 227)"; | ||
| export const horizontalNavBarSelectedColor = "rgb(0, 98, 227)"; | ||
@@ -495,34 +298,11 @@ export const iconSizeSm = "1rem"; | ||
| export const modalWideMaxWidth = "64rem"; | ||
| export const modalHeaderPadding = ".75rem"; | ||
| export const modalContentPadding = "1rem"; | ||
| export const scrimBackgroundColor = "rgb(178, 178, 191)"; | ||
| export const scrimInitialOpacity = "0"; | ||
| export const scrimOpacity = ".7"; | ||
| export const scrimMobileOpacity = "1"; | ||
| export const scrimDarkBackgroundColor = "rgb(17, 18, 54)"; | ||
| export const scrimDarkOpacity = ".95"; | ||
| export const bannerAlertChildrenPaddingX = ".75rem"; | ||
| export const bannerAlertWarnColor = "rgb(245, 93, 66)"; | ||
| export const bannerAlertChildrenPaddingY = ".375rem"; | ||
| export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const bannerAlertBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const bannerAlertEventColor = "rgb(90, 72, 155)"; | ||
| export const bannerAlertHeaderPaddingX = ".75rem"; | ||
| export const bannerAlertHeaderPaddingY = ".375rem"; | ||
| export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const bannerAlertPrimaryColor = "rgb(0, 98, 227)"; | ||
| export const bannerAlertSuccessColor = "rgb(12, 131, 138)"; | ||
| export const bannerAlertWarnColor = "rgb(245, 93, 66)"; | ||
| export const bannerAlertErrorColor = "rgb(231, 8, 102)"; | ||
| export const bannerAlertNeutralColor = "rgb(194, 201, 205)"; | ||
| export const bannerAlertErrorColor = "rgb(231, 8, 102)"; | ||
| export const bannerAlertChildrenColor = "rgb(84, 88, 96)"; | ||
| export const bannerAlertExpandIconFill = "rgb(84, 88, 96)"; | ||
| export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(239, 241, 242)"; | ||
| export const panelPadding = ".75rem"; | ||
| export const panelBorderColor = "rgb(194, 201, 205)"; | ||
| export const panelBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const ratingBaseWidth = "3rem"; | ||
| export const ratingBaseHeight = "3rem"; | ||
| export const ratingSmWidth = "2.25rem"; | ||
| export const ratingSmHeight = "2.25rem"; | ||
| export const ratingLgWidth = "3.75rem"; | ||
| export const ratingLgHeight = "3.75rem"; | ||
| export const spacingLgV2 = "1.5rem"; | ||
@@ -544,12 +324,5 @@ export const spacingSmV2 = ".25rem"; | ||
| export const spacingLg = "1.875rem"; | ||
| export const stateSelectedBackgroundColor = "rgb(8, 78, 178)"; | ||
| export const textLgLineHeight = "1.75rem"; | ||
| export const fontWeightBook = "400"; | ||
| export const lineHeightXlTight = "1.75rem"; | ||
| export const textXsLineHeight = "1rem"; | ||
| export const h5LineHeight = "1rem"; | ||
| export const h6FontSize = ".75rem"; | ||
| export const headingMarginTop = "0"; | ||
| export const lineHeightXxxxxl = "4.5rem"; | ||
| export const h6LineHeight = "1rem"; | ||
| export const lineHeightXxxl = "3rem"; | ||
@@ -560,10 +333,2 @@ export const lineHeightXl = "2rem"; | ||
| export const fontSizeXxxl = "2.5rem"; | ||
| export const textXxxxlFontWeight = "400"; | ||
| export const textXxlFontWeight = "400"; | ||
| export const textXlLetterSpacing = "normal"; | ||
| export const linkAlternateVisitedColor = "rgb(255, 255, 255)"; | ||
| export const listMarginTop = "1rem"; | ||
| export const linkWhiteActiveColor = "rgb(255, 255, 255)"; | ||
| export const linkWhiteHoverColor = "rgb(255, 255, 255)"; | ||
| export const textBaseLetterSpacing = "normal"; | ||
| export const headingContentMarginTop = "1.875rem"; | ||
@@ -575,54 +340,7 @@ export const lineHeightSm = "1.25rem"; | ||
| export const lineHeightXs = "1rem"; | ||
| export const linkWhiteColor = "rgb(255, 255, 255)"; | ||
| export const fontSizeSm = ".875rem"; | ||
| export const fontSizeXs = ".75rem"; | ||
| export const letterSpacingTight = "-0.02em"; | ||
| export const linkVisitedColor = "rgb(0, 98, 227)"; | ||
| export const fontSizeLg = "1.25rem"; | ||
| export const listNestedMarginTop = "0"; | ||
| export const textXxxxlFontSize = "3rem"; | ||
| export const textBaseFontWeight = "400"; | ||
| export const textXxlFontSize = "2rem"; | ||
| export const pMarginBottom = ".75rem"; | ||
| export const textXxlLineHeight = "2.5rem"; | ||
| export const textXxxxlLineHeight = "3.5rem"; | ||
| export const textXxlLetterSpacing = "normal"; | ||
| export const textXlFontWeight = "400"; | ||
| export const linkActiveColor = "rgb(0, 98, 227)"; | ||
| export const textXxxxxlFontWeight = "400"; | ||
| export const listItemMarginTop = "0"; | ||
| export const textXxxlFontWeight = "400"; | ||
| export const fontSizeRoot = "100%"; | ||
| export const listItemMarginBottom = ".25rem"; | ||
| export const h1FontWeight = "400"; | ||
| export const linkWhiteVisitedColor = "rgb(255, 255, 255)"; | ||
| export const h2FontWeight = "400"; | ||
| export const pMarginTop = "0"; | ||
| export const linkAlternateActiveColor = "rgb(255, 255, 255)"; | ||
| export const h3FontWeight = "400"; | ||
| export const listNestedMarginBottom = "0"; | ||
| export const h4FontWeight = "700"; | ||
| export const textSmFontWeight = "400"; | ||
| export const textBaseFontSize = "1rem"; | ||
| export const h5FontWeight = "700"; | ||
| export const textBaseLineHeight = "1.5rem"; | ||
| export const textLgFontWeight = "400"; | ||
| export const textXsFontWeight = "400"; | ||
| export const linkAlternateHoverColor = "rgb(255, 255, 255)"; | ||
| export const h6FontWeight = "700"; | ||
| export const textXlFontSize = "1.5rem"; | ||
| export const textXxxxxlFontSize = "4rem"; | ||
| export const textXxxlFontSize = "2.5rem"; | ||
| export const textXlLineHeight = "2rem"; | ||
| export const linkAlternateColor = "rgb(255, 255, 255)"; | ||
| export const textXxxxxlLineHeight = "4.5rem"; | ||
| export const textXxxlLineHeight = "3rem"; | ||
| export const linkHoverTextDecoration = "underline"; | ||
| export const linkHoverColor = "rgb(0, 98, 227)"; | ||
| export const h1FontSize = "3rem"; | ||
| export const listMarginBottom = "1rem"; | ||
| export const textXsLetterSpacing = "normal"; | ||
| export const h2FontSize = "2rem"; | ||
| export const h1LineHeight = "3rem"; | ||
| export const textLgLetterSpacing = "normal"; | ||
| export const fontSize6Xl = "4.75rem"; | ||
@@ -633,26 +351,12 @@ export const fontFamilyBase = "'Skyscanner Relative', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"; | ||
| export const lineHeightBaseTight = "1.25rem"; | ||
| export const linkTextDecoration = "none"; | ||
| export const fontSize7Xl = "6rem"; | ||
| export const textSmLetterSpacing = "normal"; | ||
| export const h3FontSize = "1.5rem"; | ||
| export const lineHeight6Xl = "5.25rem"; | ||
| export const h2LineHeight = "2.5rem"; | ||
| export const textSmFontSize = ".875rem"; | ||
| export const fontSize8Xl = "7.5rem"; | ||
| export const fontSizeXxl = "2rem"; | ||
| export const h4FontSize = "1rem"; | ||
| export const h3LineHeight = "2rem"; | ||
| export const fontSizeXxxxl = "3rem"; | ||
| export const linkColor = "rgb(0, 98, 227)"; | ||
| export const lineHeightBase = "1.5rem"; | ||
| export const lineHeight7Xl = "6rem"; | ||
| export const fontSizeBase = "1rem"; | ||
| export const h4LineHeight = "1.5rem"; | ||
| export const h5FontSize = ".75rem"; | ||
| export const textLgFontSize = "1.25rem"; | ||
| export const headingMarginBottom = ".75rem"; | ||
| export const textSmLineHeight = "1.25rem"; | ||
| export const lineHeight8Xl = "7.5rem"; | ||
| export const lineHeightXxl = "2.5rem"; | ||
| export const textXsFontSize = ".75rem"; | ||
| export const lineHeightXxxxl = "3.5rem"; | ||
@@ -670,13 +374,2 @@ export const zindexAutosuggest = "900"; | ||
| }; | ||
| export const autosuggest = { | ||
| autosuggestListBackgroundColor, | ||
| autosuggestListItemActiveBackgroundColor, | ||
| autosuggestListItemHighlightedBackgroundColor, | ||
| }; | ||
| export const badges = { | ||
| badgePaddingY, | ||
| badgePaddingX, | ||
| badgeBackgroundColor, | ||
| badgeCenteredVerticalAlign, | ||
| }; | ||
| export const borders = { | ||
@@ -770,170 +463,9 @@ borderSizeSm, | ||
| export const buttons = { | ||
| buttonTextAlign, | ||
| buttonActiveBoxShadow, | ||
| buttonSelectedDisabledBoxShadow, | ||
| buttonLargeFontSize, | ||
| buttonDisabledBackgroundImage, | ||
| buttonPrimaryOnDarkHoverBackgroundImage, | ||
| buttonSecondaryOnDarkDisabledColor, | ||
| buttonDestructiveHoverBoxShadow, | ||
| buttonLargeLineHeight, | ||
| buttonSelectedBackgroundImage, | ||
| buttonBoxShadow, | ||
| buttonPrimaryOnLightHoverColor, | ||
| buttonSelectedActiveColor, | ||
| buttonDestructiveActiveBackgroundColor, | ||
| buttonOutlineActiveBackgroundColor, | ||
| buttonLinkOnDarkDisabledColor, | ||
| buttonHoverBackgroundColor, | ||
| buttonSecondaryActiveColor, | ||
| buttonSecondaryOnDarkColor, | ||
| buttonLinkOnDarkColor, | ||
| buttonPrimaryOnDarkDisabledBackgroundColor, | ||
| buttonSecondaryBackgroundImage, | ||
| buttonSecondaryOnDarkActiveBackgroundImage, | ||
| buttonDestructiveDisabledBackgroundImage, | ||
| buttonOutlineDisabledBackgroundImage, | ||
| buttonDestructiveActiveBoxShadow, | ||
| buttonPrimaryOnLightColor, | ||
| buttonSelectedHoverBackgroundImage, | ||
| buttonGradientStartColor, | ||
| buttonPrimaryOnLightActiveBackgroundImage, | ||
| buttonHoverBoxShadow, | ||
| buttonOutlineHoverBorderOpacity, | ||
| buttonLineHeight, | ||
| buttonSecondaryHoverBackgroundImage, | ||
| buttonPrimaryOnDarkBackgroundColor, | ||
| buttonFeaturedActiveBackgroundColor, | ||
| buttonDisabledBackgroundColor, | ||
| buttonPrimaryOnDarkHoverBackgroundColor, | ||
| buttonSecondaryBorderColor, | ||
| buttonSecondaryHoverColor, | ||
| buttonFeaturedActiveBoxShadow, | ||
| buttonPrimaryOnLightActiveColor, | ||
| buttonFeaturedDisabledBackgroundImage, | ||
| buttonSelectedHoverColor, | ||
| buttonSelectedBackgroundColor, | ||
| buttonPrimaryOnLightBackgroundImage, | ||
| buttonOutlineDisabledColor, | ||
| buttonDestructiveDisabledColor, | ||
| buttonSecondaryBackgroundColor, | ||
| buttonSecondaryOnDarkActiveBackgroundColor, | ||
| buttonDisabledBoxShadow, | ||
| buttonDestructiveDisabledBackgroundColor, | ||
| buttonOutlineDisabledBackgroundColor, | ||
| buttonLinkOnDarkActiveColor, | ||
| buttonSecondaryOnDarkActiveColor, | ||
| buttonSecondaryColor, | ||
| buttonSelectedBoxShadow, | ||
| buttonSecondaryHoverBorderColor, | ||
| buttonSecondaryOnDarkBackgroundImage, | ||
| buttonSecondaryActiveBackgroundImage, | ||
| buttonSelectedActiveBackgroundImage, | ||
| buttonSecondaryBoxShadow, | ||
| buttonIconBorderRadius, | ||
| buttonPrimaryOnLightHoverBackgroundImage, | ||
| buttonSelectedColor, | ||
| buttonSelectedHoverBackgroundColor, | ||
| buttonLargePaddingXIconOnly, | ||
| buttonSecondaryOnDarkDisabledBackgroundImage, | ||
| buttonPrimaryOnLightActiveBackgroundColor, | ||
| buttonPrimaryOnDarkHoverColor, | ||
| buttonSecondaryHoverBackgroundColor, | ||
| buttonDisabledColor, | ||
| buttonDestructiveDisabledBoxShadow, | ||
| buttonOutlineDisabledBoxShadow, | ||
| buttonFeaturedBackgroundImage, | ||
| buttonPrimaryOnLightDisabledBackgroundImage, | ||
| buttonIconBorderRadiusLg, | ||
| buttonSecondaryOnDarkHoverBackgroundImage, | ||
| buttonSelectedHoverBoxShadow, | ||
| buttonFeaturedActiveColor, | ||
| buttonSecondaryHoverBoxShadow, | ||
| buttonPaddingXIconOnly, | ||
| buttonPrimaryOnDarkActiveBackgroundImage, | ||
| buttonPrimaryOnDarkColor, | ||
| buttonPrimaryOnLightBackgroundColor, | ||
| buttonFeaturedHoverBackgroundImage, | ||
| buttonSecondaryActiveBorderColor, | ||
| buttonFeaturedDisabledBackgroundColor, | ||
| buttonHoverColor, | ||
| buttonSecondaryOnDarkBackgroundColor, | ||
| buttonSecondaryActiveBackgroundColor, | ||
| buttonPrimaryOnDarkDisabledColor, | ||
| buttonDestructiveActiveColor, | ||
| buttonSecondaryOnDarkDisabledBackgroundColor, | ||
| buttonOutlineBackgroundImage, | ||
| buttonSelectedActiveBackgroundColor, | ||
| buttonHeight, | ||
| buttonPrimaryOnLightHoverBackgroundColor, | ||
| buttonSecondaryDisabledBackgroundImage, | ||
| buttonSecondaryActiveBoxShadow, | ||
| buttonActiveBackgroundImage, | ||
| buttonSecondaryOnDarkHoverBackgroundColor, | ||
| buttonDestructiveHoverColor, | ||
| buttonSelectedActiveBoxShadow, | ||
| buttonFeaturedBackgroundColor, | ||
| buttonPrimaryOnLightDisabledBackgroundColor, | ||
| buttonColor, | ||
| buttonActiveColor, | ||
| buttonDestructiveHoverBackgroundImage, | ||
| buttonBorderRadius, | ||
| buttonSecondaryDisabledColor, | ||
| buttonLargeHeight, | ||
| buttonPrimaryOnDarkActiveBackgroundColor, | ||
| buttonLargePaddingX, | ||
| buttonDestructiveColor, | ||
| buttonOutlineColor, | ||
| buttonFeaturedHoverBackgroundColor, | ||
| buttonLargePaddingY, | ||
| buttonPrimaryOnDarkDisabledBackgroundImage, | ||
| buttonOutlineBorderColor, | ||
| buttonDestructiveBorderColor, | ||
| buttonHoverBackgroundImage, | ||
| buttonFeaturedHoverBoxShadow, | ||
| buttonFontWeight, | ||
| buttonDestructiveBackgroundColor, | ||
| buttonFeaturedHoverColor, | ||
| buttonOutlineBackgroundColor, | ||
| buttonOutlineHoverBorderColor, | ||
| buttonDestructiveHoverBorderColor, | ||
| buttonPrimaryOnDarkActiveColor, | ||
| buttonPrimaryOnDarkBackgroundImage, | ||
| buttonSecondaryDisabledBackgroundColor, | ||
| buttonGradientEndColor, | ||
| buttonPaddingX, | ||
| buttonDestructiveBoxShadow, | ||
| buttonPaddingY, | ||
| buttonActiveBackgroundColor, | ||
| buttonSecondaryDisabledBoxShadow, | ||
| buttonPrimaryOnLightDisabledColor, | ||
| buttonFeaturedColor, | ||
| buttonOutlineHoverBackgroundColor, | ||
| buttonDestructiveHoverBackgroundColor, | ||
| buttonFeaturedActiveBackgroundImage, | ||
| buttonSecondaryOnDarkHoverColor, | ||
| buttonLinkOnDarkHoverColor, | ||
| buttonBackgroundColor, | ||
| buttonDestructiveActiveBorderColor, | ||
| buttonOutlineActiveBorderColor, | ||
| }; | ||
| export const calendar = { | ||
| calendarDaySelectedColor, | ||
| calendarDayDisabledColor, | ||
| calendarDayOutsideColor, | ||
| calendarDaySpacing, | ||
| calendarDaySize, | ||
| calendarDayActiveBackgroundColor, | ||
| calendarNavIconFill, | ||
| calendarDayActiveColor, | ||
| calendarNavIconHoverFill, | ||
| calendarPadding, | ||
| calendarDaySelectedBackgroundColor, | ||
| calendarNavIconActiveFill, | ||
| calendarDayFocusedColor, | ||
| calendarDayHoverBackgroundColor, | ||
| calendarDayFocusedBorderColor, | ||
| calendarDayHoverColor, | ||
| calendarNavIconDisabledFill, | ||
| calendarDayColor, | ||
| calendarDaySpacing, | ||
| }; | ||
@@ -948,3 +480,2 @@ export const canvasColors = { | ||
| cardBackgroundColor, | ||
| cardColor, | ||
| cardPadding, | ||
@@ -1033,38 +564,5 @@ }; | ||
| }; | ||
| export const fontSizes = { | ||
| buttonFontSize, | ||
| h6FontSize, | ||
| textXxxxlFontSize, | ||
| textXxlFontSize, | ||
| textBaseFontSize, | ||
| textXlFontSize, | ||
| textXxxxxlFontSize, | ||
| textXxxlFontSize, | ||
| h1FontSize, | ||
| h2FontSize, | ||
| h3FontSize, | ||
| textSmFontSize, | ||
| h4FontSize, | ||
| h5FontSize, | ||
| textLgFontSize, | ||
| textXsFontSize, | ||
| }; | ||
| export const fontWeights = { | ||
| fontWeightBook, | ||
| textXxxxlFontWeight, | ||
| textXxlFontWeight, | ||
| fontWeightBlack, | ||
| textBaseFontWeight, | ||
| textXlFontWeight, | ||
| textXxxxxlFontWeight, | ||
| textXxxlFontWeight, | ||
| h1FontWeight, | ||
| h2FontWeight, | ||
| h3FontWeight, | ||
| h4FontWeight, | ||
| textSmFontWeight, | ||
| h5FontWeight, | ||
| textLgFontWeight, | ||
| textXsFontWeight, | ||
| h6FontWeight, | ||
| fontWeightBold, | ||
@@ -1074,47 +572,18 @@ }; | ||
| inputLargeHeight, | ||
| selectColor, | ||
| inputBorder, | ||
| inputPlaceholderColor, | ||
| formValidationArrowSize, | ||
| selectBorderRadius, | ||
| inputBackground, | ||
| selectDisabledColor, | ||
| requiredColor, | ||
| selectPaddingTop, | ||
| labelFontSize, | ||
| labelLineHeight, | ||
| inputBorderWidth, | ||
| selectHeight, | ||
| labelDisabledColor, | ||
| selectPaddingRight, | ||
| selectLargeHeight, | ||
| inputColor, | ||
| selectBorder, | ||
| inputBorderRadius, | ||
| radioCheckedCircleColor, | ||
| selectDisabledBorderColor, | ||
| inputDisabledColor, | ||
| inputPaddingX, | ||
| checkboxCheckedTickColor, | ||
| inputPaddingY, | ||
| selectBorderWidth, | ||
| selectPaddingLeft, | ||
| labelColor, | ||
| formValidationColor, | ||
| textareaMinHeight, | ||
| inputHeight, | ||
| selectPaddingBottom, | ||
| inputDisabledBorderColor, | ||
| }; | ||
| export const grids = { | ||
| gridColumns, | ||
| gridGutter, | ||
| gridContainerPadding, | ||
| gridContainerMobilePadding, | ||
| }; | ||
| export const horizontalNav = { | ||
| horizontalNavLinkColor, | ||
| horizontalNavLinkHoverColor, | ||
| horizontalNavLinkActiveColor, | ||
| horizontalNavLinkSelectedColor, | ||
| horizontalNavBarSelectedColor, | ||
@@ -1127,9 +596,3 @@ }; | ||
| export const letterSpacings = { | ||
| textXlLetterSpacing, | ||
| textBaseLetterSpacing, | ||
| letterSpacingTight, | ||
| textXxlLetterSpacing, | ||
| textXsLetterSpacing, | ||
| textLgLetterSpacing, | ||
| textSmLetterSpacing, | ||
| }; | ||
@@ -1142,19 +605,2 @@ export const lineColors = { | ||
| }; | ||
| export const lineHeights = { | ||
| textLgLineHeight, | ||
| textXsLineHeight, | ||
| h5LineHeight, | ||
| h6LineHeight, | ||
| textXxlLineHeight, | ||
| textXxxxlLineHeight, | ||
| textBaseLineHeight, | ||
| textXlLineHeight, | ||
| textXxxxxlLineHeight, | ||
| textXxxlLineHeight, | ||
| h1LineHeight, | ||
| h2LineHeight, | ||
| h3LineHeight, | ||
| h4LineHeight, | ||
| textSmLineHeight, | ||
| }; | ||
| export const marcommsColors = { | ||
@@ -1185,26 +631,15 @@ marcommsBerry, | ||
| modalWideMaxWidth, | ||
| modalHeaderPadding, | ||
| modalContentPadding, | ||
| }; | ||
| export const notifications = { | ||
| bannerAlertChildrenPaddingX, | ||
| bannerAlertWarnColor, | ||
| bannerAlertChildrenPaddingY, | ||
| bannerAlertHeaderExpandableHoverBackgroundColor, | ||
| bannerAlertBackgroundColor, | ||
| bannerAlertEventColor, | ||
| bannerAlertHeaderPaddingX, | ||
| bannerAlertHeaderPaddingY, | ||
| bannerAlertHeaderExpandableActiveBackgroundColor, | ||
| bannerAlertPrimaryColor, | ||
| bannerAlertSuccessColor, | ||
| bannerAlertWarnColor, | ||
| bannerAlertErrorColor, | ||
| bannerAlertNeutralColor, | ||
| bannerAlertErrorColor, | ||
| bannerAlertChildrenColor, | ||
| bannerAlertExpandIconFill, | ||
| bannerAlertHeaderExpandableActiveBackgroundColor, | ||
| }; | ||
| export const panels = { | ||
| panelPadding, | ||
| panelBorderColor, | ||
| panelBackgroundColor, | ||
| }; | ||
@@ -1220,10 +655,2 @@ export const radii = { | ||
| }; | ||
| export const ratings = { | ||
| ratingBaseWidth, | ||
| ratingBaseHeight, | ||
| ratingSmWidth, | ||
| ratingSmHeight, | ||
| ratingLgWidth, | ||
| ratingLgHeight, | ||
| }; | ||
| export const scrimColors = { | ||
@@ -1233,10 +660,2 @@ scrimDay, | ||
| }; | ||
| export const scrims = { | ||
| scrimBackgroundColor, | ||
| scrimInitialOpacity, | ||
| scrimOpacity, | ||
| scrimMobileOpacity, | ||
| scrimDarkBackgroundColor, | ||
| scrimDarkOpacity, | ||
| }; | ||
| export const skeletonColors = { | ||
@@ -1265,17 +684,4 @@ privateSkeletonShimmerStartEndDay, | ||
| spacingLg, | ||
| headingMarginTop, | ||
| listMarginTop, | ||
| headingContentMarginTop, | ||
| listNestedMarginTop, | ||
| pMarginBottom, | ||
| listItemMarginTop, | ||
| listItemMarginBottom, | ||
| pMarginTop, | ||
| listNestedMarginBottom, | ||
| listMarginBottom, | ||
| headingMarginBottom, | ||
| }; | ||
| export const states = { | ||
| stateSelectedBackgroundColor, | ||
| }; | ||
| export const statusColors = { | ||
@@ -1338,20 +744,4 @@ statusSuccessSpotNight, | ||
| backgroundElevation03LightColor, | ||
| linkAlternateVisitedColor, | ||
| linkWhiteActiveColor, | ||
| linkWhiteHoverColor, | ||
| linkWhiteColor, | ||
| linkVisitedColor, | ||
| linkActiveColor, | ||
| linkWhiteVisitedColor, | ||
| linkAlternateActiveColor, | ||
| linkAlternateHoverColor, | ||
| linkAlternateColor, | ||
| linkHoverColor, | ||
| fontColorBase, | ||
| linkColor, | ||
| }; | ||
| export const textDecorations = { | ||
| linkHoverTextDecoration, | ||
| linkTextDecoration, | ||
| }; | ||
| export const typesettings = { | ||
@@ -1358,0 +748,0 @@ lineHeightXlTight, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-58.61%
200115
- Number of package files
- decreased by-35.71%
9
- Lines of code
- decreased by-59.79%
4120
No dependency changes