diff --git a/packages/orbit-design-tokens/output/deprecated-tokens.json b/packages/orbit-design-tokens/output/deprecated-tokens.json deleted file mode 100644 index ee8e797531..0000000000 --- a/packages/orbit-design-tokens/output/deprecated-tokens.json +++ /dev/null @@ -1,2106 +0,0 @@ -{ - "paddingAlert": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingAlertWithIcon": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingBadge": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonLarge": { - "replacement": "buttonLargePadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonLargeWithIcons": { - "replacement": "buttonLargeBothIconsPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonLargeWithLeftIcon": { - "replacement": "buttonLargeLeftIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonLargeWithRightIcon": { - "replacement": "buttonLargeRightIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonNormal": { - "replacement": "buttonNormalPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonNormalWithIcons": { - "replacement": "buttonNormalBothIconsPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonNormalWithLeftIcon": { - "replacement": "buttonNormalLeftIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonNormalWithRightIcon": { - "replacement": "buttonNormalRightIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonWithoutText": { - "replacement": "buttonWithoutTextPadding", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingButtonSmall": { - "replacement": "buttonSmallPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonSmallWithIcons": { - "replacement": "buttonSmallBothIconsPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonSmallWithLeftIcon": { - "replacement": "buttonSmallLeftIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingButtonSmallWithRightIcon": { - "replacement": "buttonSmallRightIconPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingInputSmall": { - "replacement": "formElementSmallPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingInputNormal": { - "replacement": "formElementNormalPadding", - "category": "Spacing", - "version": "6.0.0" - }, - "paddingInputFile": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingLoading": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingTable": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTableCompact": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTag": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTagRemovable": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTagRemovableWithIcon": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingTagWithIcon": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTextareaSmall": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "paddingTextareaNormal": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "backgroundAlertCritical": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundAlertInfo": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundAlertSuccess": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundAlertWarning": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeCritical": { - "replacement": "badgeCriticalBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeCriticalSubtle": { - "replacement": "badgeCriticalSubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeDark": { - "replacement": "badgeDarkBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeInfo": { - "replacement": "badgeInfoBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeInfoSubtle": { - "replacement": "badgeInfoSubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeNeutral": { - "replacement": "badgeNeutralBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeSuccess": { - "replacement": "badgeSuccessBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeSuccessSubtle": { - "replacement": "badgeSuccessSubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeWarning": { - "replacement": "badgeWarningBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeWarningSubtle": { - "replacement": "badgeWarningSubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundBadgeWhite": { - "replacement": "badgeWhiteBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkCritical": { - "replacement": "buttonLinkCriticalBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkCriticalHover": { - "replacement": "buttonLinkCriticalBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkCriticalActive": { - "replacement": "buttonLinkCriticalBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkPrimary": { - "replacement": "buttonLinkPrimaryBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkPrimaryHover": { - "replacement": "buttonLinkPrimaryBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkPrimaryActive": { - "replacement": "buttonLinkPrimaryBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkSecondary": { - "replacement": "buttonLinkSecondaryBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkSecondaryHover": { - "replacement": "buttonLinkSecondaryBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonLinkSecondaryActive": { - "replacement": "buttonLinkSecondaryBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBundleBasic": { - "replacement": "buttonBundleBasicBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBundleBasicHover": { - "replacement": "buttonBundleBasicBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBundleBasicActive": { - "replacement": "buttonBundleBasicBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBundleMedium": { - "replacement": "buttonBundleMediumBackground", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonBundleMediumHover": { - "replacement": "buttonBundleMediumBackgroundHover", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonBundleMediumActive": { - "replacement": "buttonBundleMediumBackgroundActive", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonBundleTop": { - "replacement": "buttonBundleTopBackground", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonBundleTopHover": { - "replacement": "buttonBundleTopBackgroundHover", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonBundleTopActive": { - "replacement": "buttonBundleTopBackgroundActive", - "category": "Background colors", - "version": "1.0.0" - }, - "backgroundButtonCriticalSubtle": { - "replacement": "buttonCriticalSubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCriticalSubtleHover": { - "replacement": "buttonCriticalSubtleBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCriticalSubtleActive": { - "replacement": "buttonCriticalSubtleBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCriticalSubtleFocus": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCritical": { - "replacement": "buttonCriticalBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCriticalHover": { - "replacement": "buttonCriticalBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonCriticalActive": { - "replacement": "buttonCriticalBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBordered": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBorderedHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonBorderedActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonInfo": { - "replacement": "buttonInfoBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonInfoHover": { - "replacement": "buttonInfoBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonInfoActive": { - "replacement": "buttonInfoBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimarySubtle": { - "replacement": "buttonPrimarySubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimarySubtleHover": { - "replacement": "buttonPrimarySubtleBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimarySubtleActive": { - "replacement": "buttonPrimarySubtleBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimarySubtleFocus": { - "replacement": "buttonPrimarySubtleBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimary": { - "replacement": "buttonPrimaryBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimaryHover": { - "replacement": "buttonPrimaryBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonPrimaryActive": { - "replacement": "buttonPrimaryBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSecondary": { - "replacement": "buttonSecondaryBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSecondaryHover": { - "replacement": "buttonSecondaryBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSecondaryActive": { - "replacement": "buttonSecondaryBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSuccess": { - "replacement": "buttonSuccessBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSuccessHover": { - "replacement": "buttonSuccessBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonSuccessActive": { - "replacement": "buttonSuccessBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWarning": { - "replacement": "buttonWarningBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWarningHover": { - "replacement": "buttonWarningBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWarningActive": { - "replacement": "buttonWarningBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhite": { - "replacement": "buttonWhiteBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhiteHover": { - "replacement": "buttonWhiteBackgroundHover", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhiteActive": { - "replacement": "buttonWhiteBackgroundActive", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhiteBordered": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhiteBorderedHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonWhiteBorderedActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonFacebook": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonFacebookHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonFacebookActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonGoogle": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonGoogleHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundButtonGoogleActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundCard": { - "replacement": "elevationFlatBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundCarrierLogo": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundCountryFlag": { - "replacement": "countryFlagBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundServiceLogo": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTooltip": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTooltipLargeMobile": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundSeparator": { - "replacement": "elevationFlatBorderColor", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundSwitch": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundSwitchChecked": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundInput": { - "replacement": "formElementBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundInputDisabled": { - "replacement": "formElementDisabledBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundModal": { - "replacement": "elevationFlatBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTable": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTableEven": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTableHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTag": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTagHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTagActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTagSelected": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTagSelectedHover": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "backgroundTagSelectedActive": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "colorAlertIconCritical": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorAlertIconInfo": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorAlertIconSuccess": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorAlertIconWarning": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorFormLabel": { - "replacement": "formElementLabelForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorFormLabelFilled": { - "replacement": "formElementLabelFilled", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconCheckboxRadio": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorIconCheckboxRadioDisabled": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorIconInput": { - "replacement": "iconTertiaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconRadioButton": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorIconRadioButtonDisabled": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorInfoCheckBoxRadio": { - "replacement": "textSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorPlaceholderInput": { - "replacement": "formElementForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorPlaceholderInputError": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorPlaceholderInputFile": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorPlaceholderInputFileError": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextInput": { - "replacement": "formElementFilledForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextInputDisabled": { - "replacement": "formElementDisabledForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextInputPrefix": { - "replacement": "formElementPrefixForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorHeading": { - "replacement": "headingForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorHeadingInverted": { - "replacement": "headingForegroundInverted", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconPrimary": { - "replacement": "iconPrimaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconSecondary": { - "replacement": "iconSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconTertiary": { - "replacement": "iconTertiaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconInfo": { - "replacement": "iconInfoForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconSuccess": { - "replacement": "iconSuccessForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconWarning": { - "replacement": "iconWarningForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorIconCritical": { - "replacement": "iconCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorStopoverArrow": { - "replacement": "iconSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextLinkPrimary": { - "replacement": "textLinkPrimaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextLinkPrimaryHover": { - "replacement": "textLinkPrimaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextLinkSecondary": { - "replacement": "textLinkSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextLinkSecondaryHover": { - "replacement": "textLinkSecondaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextPrimary": { - "replacement": "textPrimaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextSecondary": { - "replacement": "textSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextInfo": { - "replacement": "textInfoForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextSuccess": { - "replacement": "textSuccessForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextWarning": { - "replacement": "textWarningForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextCritical": { - "replacement": "textCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextWhite": { - "replacement": "textWhiteForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextError": { - "replacement": "textCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextAlertCritical": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextAlertInfo": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextAlertSuccess": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextAlertWarning": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextAlertLink": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeCritical": { - "replacement": "badgeCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeDark": { - "replacement": "badgeDarkForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeInfo": { - "replacement": "badgeInfoForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeNeutral": { - "replacement": "badgeNeutralForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeSuccess": { - "replacement": "badgeSuccessForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeWarning": { - "replacement": "badgeWarningForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextBadgeWhite": { - "replacement": "badgeWhiteForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkCritical": { - "replacement": "buttonLinkCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkCriticalHover": { - "replacement": "buttonLinkCriticalForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkCriticalActive": { - "replacement": "buttonLinkCriticalForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkPrimary": { - "replacement": "buttonLinkPrimaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkPrimaryHover": { - "replacement": "buttonLinkPrimaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkPrimaryActive": { - "replacement": "buttonLinkPrimaryForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkSecondary": { - "replacement": "buttonLinkSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkSecondaryHover": { - "replacement": "buttonLinkSecondaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkSecondaryActive": { - "replacement": "buttonLinkSecondaryForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonLinkSecondaryCompactHover": { - "replacement": null, - "category": "Colors" - }, - "colorTextButtonLinkSecondaryCompactActive": { - "replacement": null, - "category": "Colors" - }, - "colorTextButtonCriticalSubtle": { - "replacement": "buttonCriticalSubtleForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalSubtleHover": { - "replacement": "buttonCriticalSubtleForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalSubtleActive": { - "replacement": "buttonCriticalSubtleForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCritical": { - "replacement": "buttonCriticalForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalHover": { - "replacement": "buttonCriticalForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalActive": { - "replacement": "buttonCriticalForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonCriticalBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFilled": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFilledHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFilledActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfo": { - "replacement": "buttonInfoForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfoHover": { - "replacement": "buttonInfoForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfoActive": { - "replacement": "buttonInfoForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfoBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfoBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonInfoBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimarySubtle": { - "replacement": "buttonPrimarySubtleForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimarySubtleHover": { - "replacement": "buttonPrimarySubtleForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimarySubtleActive": { - "replacement": "buttonPrimarySubtleForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimary": { - "replacement": "buttonPrimaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimaryHover": { - "replacement": "buttonPrimaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimaryActive": { - "replacement": "buttonPrimaryForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimaryBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimaryBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonPrimaryBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondary": { - "replacement": "buttonSecondaryForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondaryHover": { - "replacement": "buttonSecondaryForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondaryActive": { - "replacement": "buttonSecondaryForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondaryBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondaryBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSecondaryBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccess": { - "replacement": "buttonSuccessForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccessHover": { - "replacement": "buttonSuccessForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccessActive": { - "replacement": "buttonSuccessForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccessBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccessBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonSuccessBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarning": { - "replacement": "buttonWarningForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarningHover": { - "replacement": "buttonWarningForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarningActive": { - "replacement": "buttonWarningForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarningBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarningBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWarningBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhite": { - "replacement": "buttonWhiteForeground", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhiteHover": { - "replacement": "buttonWhiteForegroundHover", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhiteActive": { - "replacement": "buttonWhiteForegroundActive", - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhiteBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhiteBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonWhiteBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebook": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebookHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebookActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebookBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebookBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonFacebookBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogle": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogleHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogleActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogleBordered": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogleBorderedHover": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextButtonGoogleBorderedActive": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextLoading": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextTable": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextTag": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "colorTextTagSelected": { - "replacement": null, - "category": "Colors", - "version": "6.0.0" - }, - "borderRadiusBadge": { - "replacement": "badgeBorderRadius", - "category": "Border radius", - "version": "6.0.0" - }, - "marginBadgeIcon": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "marginButtonGroup": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "marginButtonIcon": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "buttonSmallPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonSmallBothIconsPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonSmallLeftIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonSmallRightIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonNormalPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonNormalBothIconsPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonNormalLeftIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonNormalRightIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonLargePadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonLargeBothIconsPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonLargeLeftIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "buttonLargeRightIconPadding": { - "replacement": null, - "category": "Spacing", - "version": "6.0.0" - }, - "boxShadowButtonFocus": { - "replacement": null, - "category": "Box shadow", - "version": "6.0.0" - }, - "borderColorButtonPrimaryBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonPrimaryBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonPrimaryBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSecondaryBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSecondaryBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSecondaryBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonFacebookBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonFacebookBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonFacebookBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonGoogleBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonGoogleBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonGoogleBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonInfoBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonInfoBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonInfoBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSuccessBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSuccessBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonSuccessBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWarningBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWarningBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWarningBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonCriticalBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonCriticalBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonCriticalBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWhiteBordered": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWhiteBorderedHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorButtonWhiteBorderedActive": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCard": { - "replacement": "elevationFlatBorderColor", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCheckboxRadio": { - "replacement": "formElementBorderColor", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCheckboxRadioActive": { - "replacement": "formElementBorderColorFocus", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCheckboxRadioError": { - "replacement": "formElementBorderColorError", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCheckboxRadioFocus": { - "replacement": "formElementBorderColorFocus", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorCheckboxRadioHover": { - "replacement": "formElementBorderColorHover", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInput": { - "replacement": "formElementBorderColor", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputActive": { - "replacement": "formElementBorderColorFocus", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputError": { - "replacement": "formElementBorderColorError", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputErrorFocus": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputErrorHover": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputFocus": { - "replacement": "formElementBorderColorFocus", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorInputHover": { - "replacement": "formElementBorderColorHover", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorModal": { - "replacement": "elevationFlatBorderColor", - "category": "Border color", - "version": "6.0.0" - }, - "borderColorTable": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorTableCell": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorTableHead": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorTag": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "borderColorTagFocus": { - "replacement": null, - "category": "Border color", - "version": "6.0.0" - }, - "modifierScaleButtonActive": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "modifierScaleCheckboxRadioActive": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "fontSizeButtonSmall": { - "replacement": "buttonSmallFontSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeButtonNormal": { - "replacement": "buttonNormalFontSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeButtonLarge": { - "replacement": "buttonLargeFontSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeInputSmall": { - "replacement": "formElementNormalFontSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeInputNormal": { - "replacement": "formElementNormalFontSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeFormFeedback": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeFormLabel": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontSizeMessage": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "borderStyleCard": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "borderStyleInput": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "borderWidthCard": { - "replacement": "elevationFlatBorderSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "borderWidthInput": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "borderWidthInputFocus": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthCarrierLogo": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthIconSmall": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthIconMedium": { - "replacement": "iconMediumSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthIconLarge": { - "replacement": "iconLargeSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthBadgeCircled": { - "replacement": "iconLargeSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthCheckbox": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthRadioButton": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthStopoverArrow": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthCountryFlag": { - "replacement": "iconLargeSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthModalSmall": { - "replacement": "modalSmallWidth", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthModalNormal": { - "replacement": "modalNormalWidth", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthModalLarge": { - "replacement": "modalLargeWidth", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "widthModalExtraLarge": { - "replacement": "modalExtraLargeWidth", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightCarrierLogo": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightButtonSmall": { - "replacement": "formBoxSmallHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightButtonNormal": { - "replacement": "formBoxNormalHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightButtonLarge": { - "replacement": "formBoxLargeHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightInputSmall": { - "replacement": "formBoxSmallHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightInputNormal": { - "replacement": "formBoxNormalHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightInputLarge": { - "replacement": "formBoxLargeHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightIconSmall": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightIconMedium": { - "replacement": "iconMediumSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightIconLarge": { - "replacement": "iconLargeSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightBadge": { - "replacement": "iconLargeSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightCheckbox": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightRadioButton": { - "replacement": "iconSmallSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightStopoverArrow": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightCountryFlag": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightServiceLogoSmall": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightServiceLogoMedium": { - "replacement": "iconMediumSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightServiceLogoLarge": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightSeparator": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightInputGroupSeparatorSmall": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightInputGroupSeparatorNormal": { - "replacement": "iconMediumSize", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightIllustrationSmall": { - "replacement": "illustrationExtraSmallHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "heightIllustrationMedium": { - "replacement": "illustrationMediumHeight", - "category": "Size (width, height)", - "version": "6.0.0" - }, - "marginTopFormFeedback": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "opacityCheckboxDisabled": { - "replacement": "formElementDisabledOpacity", - "category": "Opacity", - "version": "6.0.0" - }, - "opacityRadioButtonDisabled": { - "replacement": "formElementDisabledOpacity", - "category": "Opacity", - "version": "6.0.0" - }, - "modalBorderRadiusMobile": { - "replacement": "modalBorderRadius", - "category": "Border radius", - "version": "7.0.0" - }, - "marginBottomSelectSuffix": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "paddingLeftSelectPrefix": { - "replacement": null, - "category": "Size (width, height)", - "version": "6.0.0" - }, - "fontWeightTableHead": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "fontWeightLinks": { - "replacement": null, - "category": null, - "version": "6.0.0" - }, - "textDecorationTextLinkPrimary": { - "replacement": null, - "category": "Text decoration", - "version": "6.0.0" - }, - "textDecorationTextLinkPrimaryHover": { - "replacement": null, - "category": "Text decoration", - "version": "6.0.0" - }, - "textDecorationTextLinkSecondary": { - "replacement": null, - "category": "Text decoration", - "version": "6.0.0" - }, - "textDecorationTextLinkSecondaryHover": { - "replacement": null, - "category": "Text decoration", - "version": "6.0.0" - }, - "backgroundIllustration": { - "replacement": null, - "category": "Background colors", - "version": "6.0.0" - }, - "borderRadiusCircle": { - "replacement": "borderRadiusFull", - "category": "Border radius", - "version": "8.0.0" - }, - "borderRadiusSmall": { - "replacement": "borderRadius50", - "category": "Border radius", - "version": "9.0.0" - }, - "borderRadiusNormal": { - "replacement": "borderRadius100", - "category": "Border radius", - "version": "9.0.0" - }, - "borderRadiusLarge": { - "replacement": "borderRadius150", - "category": "Border radius", - "version": "9.0.0" - }, - "widthBreakpointMediumMobile": { - "replacement": "breakpointMediumMobile", - "category": "Breakpoints", - "version": "6.0.0" - }, - "widthBreakpointLargeMobile": { - "replacement": "breakpointLargeMobile", - "category": "Breakpoints", - "version": "6.0.0" - }, - "widthBreakpointTablet": { - "replacement": "breakpointTablet", - "category": "Breakpoints", - "version": "6.0.0" - }, - "widthBreakpointDesktop": { - "replacement": "breakpointDesktop", - "category": "Breakpoints", - "version": "6.0.0" - }, - "widthBreakpointLargeDesktop": { - "replacement": "breakpointLargeDesktop", - "category": "Breakpoints", - "version": "6.0.0" - }, - "elevationActionBackground": { - "replacement": "paletteWhiteNormal", - "category": "Colors", - "version": "9.0.0" - }, - "elevationActionBoxShadow": { - "replacement": "elevationLevel1BoxShadow", - "category": "Box shadow", - "version": "9.0.0" - }, - "elevationActionActiveBackground": { - "replacement": "paletteWhiteNormal", - "category": "Colors", - "version": "9.0.0" - }, - "elevationActionActiveBoxShadow": { - "replacement": "elevationLevel2BoxShadow", - "category": "Box shadow", - "version": "9.0.0" - }, - "elevationRaisedBackground": { - "replacement": "paletteWhiteNormal", - "category": "Colors", - "version": "9.0.0" - }, - "elevationRaisedBoxShadow": { - "replacement": "elevationLevel3BoxShadow", - "category": "Box shadow", - "version": "9.0.0" - }, - "elevationRaisedReverseBackground": { - "replacement": "paletteWhiteNormal", - "category": "Colors", - "version": "9.0.0" - }, - "elevationRaisedReverseBoxShadow": { - "replacement": "elevationLevel3ReverseBoxShadow", - "category": "Box shadow", - "version": "9.0.0" - }, - "elevationOverlayBackground": { - "replacement": "paletteWhiteNormal", - "category": "Colors", - "version": "9.0.0" - }, - "elevationOverlayBoxShadow": { - "replacement": "elevationLevel4BoxShadow", - "category": "Box shadow", - "version": "9.0.0" - }, - "backgroundBody": { - "replacement": "elevationSuppressedBackground", - "category": "Background colors", - "version": "6.0.0" - }, - "boxShadowAction": { - "replacement": "elevationActionBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowActionActive": { - "replacement": "elevationActionActiveBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowFixed": { - "replacement": "elevationFixedBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowFixedReverse": { - "replacement": "elevationFixedReverseBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowOverlay": { - "replacement": "elevationOverlayBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowRaised": { - "replacement": "elevationRaisedBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "boxShadowRaisedReverse": { - "replacement": "elevationRaisedReverseBoxShadow", - "category": "Box shadow", - "version": "6.0.0" - }, - "opacityOverlay": { - "replacement": null, - "category": "Opacity", - "version": "6.0.0" - }, - "spaceXXXSmall": { - "replacement": "space50", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceXXSmall": { - "replacement": "space100", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceXSmall": { - "replacement": "space200", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceSmall": { - "replacement": "space300", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceMedium": { - "replacement": "space400", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceLarge": { - "replacement": "space600", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceXLarge": { - "replacement": "space800", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceXXLarge": { - "replacement": "space1000", - "category": "Size (width, height)", - "version": "9.0.0" - }, - "spaceXXXLarge": { - "replacement": null, - "category": "Size (width, height)", - "version": "9.0.0" - }, - "lineHeightTextSmall": { - "replacement": "lineHeightSmall", - "category": "Font size" - }, - "lineHeightTextNormal": { - "replacement": "lineHeightNormal", - "category": "Font size" - }, - "lineHeightTextLarge": { - "replacement": "lineHeightLarge", - "category": "Font size" - }, - "lineHeightTextExtraLarge": { - "replacement": "lineHeightExtraLarge", - "category": "Font size" - } -} \ No newline at end of file diff --git a/packages/orbit-design-tokens/output/docs-components.json b/packages/orbit-design-tokens/output/docs-components.json index 98d40c6ea3..cc59141a63 100644 --- a/packages/orbit-design-tokens/output/docs-components.json +++ b/packages/orbit-design-tokens/output/docs-components.json @@ -1,6 +1,5 @@ { "categories": [ - "background", "alert", "badge", "button-link", @@ -13,10 +12,9 @@ "heading", "icon", "illustration", - "loading", "modal", - "social-button", "tab", + "background", "tag", "text-link", "text" diff --git a/packages/orbit-design-tokens/output/docs-tokens.json b/packages/orbit-design-tokens/output/docs-tokens.json index 3fec341600..1b843b5c66 100644 --- a/packages/orbit-design-tokens/output/docs-tokens.json +++ b/packages/orbit-design-tokens/output/docs-tokens.json @@ -1,17219 +1,7098 @@ { - "paddingAlert": { - "type": "size", - "deprecated": true, + "alertBackgroundCritical": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "alert" + "object": "alert", + "variant": "background", + "subVariant": "critical" }, "javascript": { - "name": "paddingAlert", - "value": "16px" + "name": "alertBackgroundCritical", + "value": "#FAEAEA" }, "foundation": { - "name": "paddingAlert", - "value": "foundation.space.medium" + "name": "alertBackgroundCritical", + "value": "foundation.palette.red.light" }, "scss": { - "name": "paddingAlert", - "value": "16px" + "name": "alertBackgroundCritical", + "value": "rgb(250, 234, 234)" } }, - "paddingAlertWithIcon": { - "type": "size", - "deprecated": true, + "alertBackgroundInfo": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "alert-with-icon" + "object": "alert", + "variant": "background", + "subVariant": "info" }, "javascript": { - "name": "paddingAlertWithIcon", - "value": "12px" + "name": "alertBackgroundInfo", + "value": "#E8F4FD" }, "foundation": { - "name": "paddingAlertWithIcon", - "value": "foundation.space.small" + "name": "alertBackgroundInfo", + "value": "foundation.palette.blue.light" }, "scss": { - "name": "paddingAlertWithIcon", - "value": "12px" + "name": "alertBackgroundInfo", + "value": "rgb(232, 244, 253)" } }, - "paddingBadge": { - "type": "size", - "category": "spacing", - "deprecated": true, + "alertBackgroundSuccess": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "badge" + "object": "alert", + "variant": "background", + "subVariant": "success" }, "javascript": { - "name": "paddingBadge", - "value": "0 8px" + "name": "alertBackgroundSuccess", + "value": "#EAF5EA" }, "foundation": { - "name": "paddingBadge", - "value": "0 8px" + "name": "alertBackgroundSuccess", + "value": "foundation.palette.green.light" }, "scss": { - "name": "paddingBadge", - "value": "0 8px" + "name": "alertBackgroundSuccess", + "value": "rgb(234, 245, 234)" } }, - "paddingButtonLarge": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonLargePadding", + "alertBackgroundWarning": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "large" + "object": "alert", + "variant": "background", + "subVariant": "warning" }, "javascript": { - "name": "paddingButtonLarge", - "value": "0 28px" + "name": "alertBackgroundWarning", + "value": "#FEF2E6" }, "foundation": { - "name": "paddingButtonLarge", - "value": "0 28px" + "name": "alertBackgroundWarning", + "value": "foundation.palette.orange.light" }, "scss": { - "name": "paddingButtonLarge", - "value": "0 28px" + "name": "alertBackgroundWarning", + "value": "rgb(254, 242, 230)" } }, - "paddingButtonLargeWithIcons": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonLargeBothIconsPadding", + "alertIconCritical": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "large-with-icons" + "object": "alert", + "variant": "icon", + "subVariant": "critical" }, "javascript": { - "name": "paddingButtonLargeWithIcons", - "value": "0 16px" + "name": "alertIconCritical", + "value": "#D21C1C" }, "foundation": { - "name": "paddingButtonLargeWithIcons", - "value": "0 16px" + "name": "alertIconCritical", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "paddingButtonLargeWithIcons", - "value": "0 16px" + "name": "alertIconCritical", + "value": "rgb(210, 28, 28)" } }, - "paddingButtonLargeWithLeftIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonLargeLeftIconPadding", + "alertIconInfo": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "large-with-left-icon" + "object": "alert", + "variant": "icon", + "subVariant": "info" }, "javascript": { - "name": "paddingButtonLargeWithLeftIcon", - "value": "0 28px 0 16px" + "name": "alertIconInfo", + "value": "#0070C8" }, "foundation": { - "name": "paddingButtonLargeWithLeftIcon", - "value": "0 28px 0 16px" + "name": "alertIconInfo", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "paddingButtonLargeWithLeftIcon", - "value": "0 28px 0 16px" + "name": "alertIconInfo", + "value": "rgb(0, 112, 200)" } }, - "paddingButtonLargeWithRightIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonLargeRightIconPadding", + "alertIconSuccess": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "large-with-right-icon" + "object": "alert", + "variant": "icon", + "subVariant": "success" }, "javascript": { - "name": "paddingButtonLargeWithRightIcon", - "value": "0 16px 0 28px" + "name": "alertIconSuccess", + "value": "#0A932B" }, "foundation": { - "name": "paddingButtonLargeWithRightIcon", - "value": "0 16px 0 28px" + "name": "alertIconSuccess", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "paddingButtonLargeWithRightIcon", - "value": "0 16px 0 28px" + "name": "alertIconSuccess", + "value": "rgb(10, 147, 43)" } }, - "paddingButtonNormal": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonNormalPadding", + "alertIconWarning": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "normal" + "object": "alert", + "variant": "icon", + "subVariant": "warning" }, "javascript": { - "name": "paddingButtonNormal", - "value": "0 16px" + "name": "alertIconWarning", + "value": "#CF6C00" }, "foundation": { - "name": "paddingButtonNormal", - "value": "0 16px" + "name": "alertIconWarning", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "paddingButtonNormal", - "value": "0 16px" + "name": "alertIconWarning", + "value": "rgb(207, 108, 0)" } }, - "paddingButtonNormalWithIcons": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonNormalBothIconsPadding", + "alertColorTextCritical": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "normal-with-icons" + "object": "alert", + "variant": "color-text", + "subVariant": "critical" }, "javascript": { - "name": "paddingButtonNormalWithIcons", - "value": "0 12px" + "name": "alertColorTextCritical", + "value": "#970C0C" }, "foundation": { - "name": "paddingButtonNormalWithIcons", - "value": "0 12px" + "name": "alertColorTextCritical", + "value": "foundation.palette.red.dark" }, "scss": { - "name": "paddingButtonNormalWithIcons", - "value": "0 12px" + "name": "alertColorTextCritical", + "value": "rgb(151, 12, 12)" } }, - "paddingButtonNormalWithLeftIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonNormalLeftIconPadding", + "alertColorTextInfo": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "normal-with-left-icon" + "object": "alert", + "variant": "color-text", + "subVariant": "info" }, "javascript": { - "name": "paddingButtonNormalWithLeftIcon", - "value": "0 16px 0 12px" + "name": "alertColorTextInfo", + "value": "#005AA3" }, "foundation": { - "name": "paddingButtonNormalWithLeftIcon", - "value": "0 16px 0 12px" + "name": "alertColorTextInfo", + "value": "foundation.palette.blue.dark" }, "scss": { - "name": "paddingButtonNormalWithLeftIcon", - "value": "0 16px 0 12px" + "name": "alertColorTextInfo", + "value": "rgb(0, 90, 163)" } }, - "paddingButtonNormalWithRightIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonNormalRightIconPadding", + "alertColorTextSuccess": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "normal-with-right-icon" + "object": "alert", + "variant": "color-text", + "subVariant": "success" }, "javascript": { - "name": "paddingButtonNormalWithRightIcon", - "value": "0 12px 0 16px" + "name": "alertColorTextSuccess", + "value": "#2D7738" }, "foundation": { - "name": "paddingButtonNormalWithRightIcon", - "value": "0 12px 0 16px" + "name": "alertColorTextSuccess", + "value": "foundation.palette.green.dark" }, "scss": { - "name": "paddingButtonNormalWithRightIcon", - "value": "0 12px 0 16px" + "name": "alertColorTextSuccess", + "value": "rgb(45, 119, 56)" } }, - "paddingButtonWithoutText": { - "type": "size", - "deprecated": true, - "replacement": "buttonWithoutTextPadding", + "alertColorTextWarning": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "without-text" + "object": "alert", + "variant": "color-text", + "subVariant": "warning" }, "javascript": { - "name": "paddingButtonWithoutText", - "value": "0" + "name": "alertColorTextWarning", + "value": "#A75400" }, "foundation": { - "name": "paddingButtonWithoutText", - "value": "none" + "name": "alertColorTextWarning", + "value": "foundation.palette.orange.dark" }, "scss": { - "name": "paddingButtonWithoutText", - "value": "0" + "name": "alertColorTextWarning", + "value": "rgb(167, 84, 0)" } }, - "paddingButtonSmall": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonSmallPadding", + "alertColorTextLink": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "small" + "object": "alert", + "variant": "color-text", + "subVariant": "link" }, "javascript": { - "name": "paddingButtonSmall", - "value": "0 12px" + "name": "alertColorTextLink", + "value": "#4F5E71" }, "foundation": { - "name": "paddingButtonSmall", - "value": "0 12px" + "name": "alertColorTextLink", + "value": "foundation.palette.ink.normal" }, "scss": { - "name": "paddingButtonSmall", - "value": "0 12px" + "name": "alertColorTextLink", + "value": "rgb(79, 94, 113)" } }, - "paddingButtonSmallWithIcons": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonSmallBothIconsPadding", + "badgeBorderRadius": { + "type": "border-radius", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "small-with-icons" + "object": "badge", + "variant": "border-radius" }, "javascript": { - "name": "paddingButtonSmallWithIcons", - "value": "0 8px" + "name": "badgeBorderRadius", + "value": "12px" }, "foundation": { - "name": "paddingButtonSmallWithIcons", - "value": "0 8px" + "name": "badgeBorderRadius", + "value": "none" }, "scss": { - "name": "paddingButtonSmallWithIcons", - "value": "0 8px" + "name": "badgeBorderRadius", + "value": "12px" } }, - "paddingButtonSmallWithLeftIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonSmallLeftIconPadding", + "badgeBundleBasicBackground": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "small-with-left-icon" + "object": "badge", + "variant": "bundle-basic", + "subVariant": "background" }, "javascript": { - "name": "paddingButtonSmallWithLeftIcon", - "value": "0 12px 0 8px" + "name": "badgeBundleBasicBackground", + "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" }, "foundation": { - "name": "paddingButtonSmallWithLeftIcon", - "value": "0 12px 0 8px" + "name": "badgeBundleBasicBackground", + "value": "none" }, "scss": { - "name": "paddingButtonSmallWithLeftIcon", - "value": "0 12px 0 8px" + "name": "badgeBundleBasicBackground", + "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" } }, - "paddingButtonSmallWithRightIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "buttonSmallRightIconPadding", + "badgeBundleBasicForeground": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "button", - "subVariant": "small-with-right-icon" + "object": "badge", + "variant": "bundle-basic", + "subVariant": "foreground" }, "javascript": { - "name": "paddingButtonSmallWithRightIcon", - "value": "0 8px 0 12px" + "name": "badgeBundleBasicForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "paddingButtonSmallWithRightIcon", - "value": "0 8px 0 12px" + "name": "badgeBundleBasicForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "paddingButtonSmallWithRightIcon", - "value": "0 8px 0 12px" + "name": "badgeBundleBasicForeground", + "value": "rgb(255, 255, 255)" } }, - "paddingInputSmall": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "formElementSmallPadding", + "badgeBundleMediumBackground": { + "type": "color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "input", - "subVariant": "small" - }, - "javascript": { - "name": "paddingInputSmall", - "value": "0 12px" - }, - "foundation": { - "name": "paddingInputSmall", - "value": "0 12px" - }, - "scss": { - "name": "paddingInputSmall", - "value": "0 12px" - } - }, - "paddingInputNormal": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": "formElementNormalPadding", - "schema": { - "namespace": "component", - "object": "padding", - "variant": "input", - "subVariant": "normal" + "object": "badge", + "variant": "bundle-medium", + "subVariant": "background" }, "javascript": { - "name": "paddingInputNormal", - "value": "0 12px" + "name": "badgeBundleMediumBackground", + "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" }, "foundation": { - "name": "paddingInputNormal", - "value": "0 12px" + "name": "badgeBundleMediumBackground", + "value": "none" }, "scss": { - "name": "paddingInputNormal", - "value": "0 12px" + "name": "badgeBundleMediumBackground", + "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" } }, - "paddingInputFile": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeBundleMediumForeground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "input-file" + "object": "badge", + "variant": "bundle-medium", + "subVariant": "foreground" }, "javascript": { - "name": "paddingInputFile", - "value": "0 0 0 6px" + "name": "badgeBundleMediumForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "paddingInputFile", - "value": "0 0 0 6px" + "name": "badgeBundleMediumForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "paddingInputFile", - "value": "0 0 0 6px" + "name": "badgeBundleMediumForeground", + "value": "rgb(255, 255, 255)" } }, - "paddingLoading": { - "type": "size", - "deprecated": true, + "badgeBundleTopBackground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "loading" + "object": "badge", + "variant": "bundle-top", + "subVariant": "background" }, "javascript": { - "name": "paddingLoading", - "value": "12px" + "name": "badgeBundleTopBackground", + "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" }, "foundation": { - "name": "paddingLoading", - "value": "foundation.space.small" + "name": "badgeBundleTopBackground", + "value": "none" }, "scss": { - "name": "paddingLoading", - "value": "12px" + "name": "badgeBundleTopBackground", + "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" } }, - "paddingTable": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeBundleTopForeground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "table" + "object": "badge", + "variant": "bundle-top", + "subVariant": "foreground" }, "javascript": { - "name": "paddingTable", - "value": "12px 16px" + "name": "badgeBundleTopForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "paddingTable", - "value": "12px 16px" + "name": "badgeBundleTopForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "paddingTable", - "value": "12px 16px" + "name": "badgeBundleTopForeground", + "value": "rgb(255, 255, 255)" } }, - "paddingTableCompact": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeCriticalBackground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "table-compact" + "object": "badge", + "variant": "critical", + "subVariant": "background" }, "javascript": { - "name": "paddingTableCompact", - "value": "8px 12px" + "name": "badgeCriticalBackground", + "value": "#D21C1C" }, "foundation": { - "name": "paddingTableCompact", - "value": "8px 12px" + "name": "badgeCriticalBackground", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "paddingTableCompact", - "value": "8px 12px" + "name": "badgeCriticalBackground", + "value": "rgb(210, 28, 28)" } }, - "paddingTag": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeCriticalForeground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "tag" + "object": "badge", + "variant": "critical", + "subVariant": "foreground" }, "javascript": { - "name": "paddingTag", - "value": "6px 8px" + "name": "badgeCriticalForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "paddingTag", - "value": "6px 8px" + "name": "badgeCriticalForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "paddingTag", - "value": "6px 8px" + "name": "badgeCriticalForeground", + "value": "rgb(255, 255, 255)" } }, - "paddingTagRemovable": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeCriticalSubtleBackground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "tag-removable" + "object": "badge", + "variant": "critical-subtle", + "subVariant": "background" }, "javascript": { - "name": "paddingTagRemovable", - "value": "6px 6px 6px 8px" + "name": "badgeCriticalSubtleBackground", + "value": "#FAEAEA" }, "foundation": { - "name": "paddingTagRemovable", - "value": "6px 6px 6px 8px" + "name": "badgeCriticalSubtleBackground", + "value": "foundation.palette.red.light" }, "scss": { - "name": "paddingTagRemovable", - "value": "6px 6px 6px 8px" + "name": "badgeCriticalSubtleBackground", + "value": "rgb(250, 234, 234)" } }, - "paddingTagRemovableWithIcon": { - "type": "size", - "deprecated": true, + "badgeCriticalSubtleForeground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "tag-removable-with-icon" + "object": "badge", + "variant": "critical-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "paddingTagRemovableWithIcon", - "value": "6px" + "name": "badgeCriticalSubtleForeground", + "value": "#970C0C" }, "foundation": { - "name": "paddingTagRemovableWithIcon", - "value": "none" + "name": "badgeCriticalSubtleForeground", + "value": "foundation.palette.red.dark" }, "scss": { - "name": "paddingTagRemovableWithIcon", - "value": "6px" + "name": "badgeCriticalSubtleForeground", + "value": "rgb(151, 12, 12)" } }, - "paddingTagWithIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeDarkBackground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "tag-with-icon" + "object": "badge", + "variant": "dark", + "subVariant": "background" }, "javascript": { - "name": "paddingTagWithIcon", - "value": "6px 8px 6px 6px" + "name": "badgeDarkBackground", + "value": "#252A31" }, "foundation": { - "name": "paddingTagWithIcon", - "value": "6px 8px 6px 6px" + "name": "badgeDarkBackground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "paddingTagWithIcon", - "value": "6px 8px 6px 6px" + "name": "badgeDarkBackground", + "value": "rgb(37, 42, 49)" } }, - "paddingTextareaSmall": { - "type": "size", - "category": "spacing", - "deprecated": true, + "badgeDarkForeground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "textarea", - "subVariant": "small" + "object": "badge", + "variant": "dark", + "subVariant": "foreground" }, "javascript": { - "name": "paddingTextareaSmall", - "value": "8px 12px" + "name": "badgeDarkForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "paddingTextareaSmall", - "value": "8px 12px" + "name": "badgeDarkForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "paddingTextareaSmall", - "value": "8px 12px" + "name": "badgeDarkForeground", + "value": "rgb(255, 255, 255)" } }, - "paddingTextareaNormal": { - "type": "size", - "deprecated": true, + "badgeInfoBackground": { + "type": "color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "padding", - "variant": "textarea", - "subVariant": "normal" + "object": "badge", + "variant": "info", + "subVariant": "background" }, "javascript": { - "name": "paddingTextareaNormal", - "value": "12px" + "name": "badgeInfoBackground", + "value": "#0070C8" }, "foundation": { - "name": "paddingTextareaNormal", - "value": "foundation.space.small" + "name": "badgeInfoBackground", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "paddingTextareaNormal", - "value": "12px" + "name": "badgeInfoBackground", + "value": "rgb(0, 112, 200)" } }, - "backgroundAlertCritical": { + "badgeInfoForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "alert", - "subVariant": "critical" + "object": "badge", + "variant": "info", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundAlertCritical", - "value": "#FAEAEA" + "name": "badgeInfoForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundAlertCritical", - "value": "foundation.palette.red.light" + "name": "badgeInfoForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundAlertCritical", - "value": "rgb(250, 234, 234)" + "name": "badgeInfoForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundAlertInfo": { + "badgeInfoSubtleBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "alert", - "subVariant": "info" + "object": "badge", + "variant": "info-subtle", + "subVariant": "background" }, "javascript": { - "name": "backgroundAlertInfo", + "name": "badgeInfoSubtleBackground", "value": "#E8F4FD" }, "foundation": { - "name": "backgroundAlertInfo", + "name": "badgeInfoSubtleBackground", "value": "foundation.palette.blue.light" }, "scss": { - "name": "backgroundAlertInfo", + "name": "badgeInfoSubtleBackground", "value": "rgb(232, 244, 253)" } }, - "backgroundAlertSuccess": { + "badgeInfoSubtleForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "alert", - "subVariant": "success" + "object": "badge", + "variant": "info-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundAlertSuccess", - "value": "#EAF5EA" + "name": "badgeInfoSubtleForeground", + "value": "#005AA3" }, "foundation": { - "name": "backgroundAlertSuccess", - "value": "foundation.palette.green.light" + "name": "badgeInfoSubtleForeground", + "value": "foundation.palette.blue.dark" }, "scss": { - "name": "backgroundAlertSuccess", - "value": "rgb(234, 245, 234)" + "name": "badgeInfoSubtleForeground", + "value": "rgb(0, 90, 163)" } }, - "backgroundAlertWarning": { + "badgeNeutralBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "alert", - "subVariant": "warning" + "object": "badge", + "variant": "neutral", + "subVariant": "background" }, "javascript": { - "name": "backgroundAlertWarning", - "value": "#FEF2E6" + "name": "badgeNeutralBackground", + "value": "#F5F7F9" }, "foundation": { - "name": "backgroundAlertWarning", - "value": "foundation.palette.orange.light" + "name": "badgeNeutralBackground", + "value": "foundation.palette.cloud.light" }, "scss": { - "name": "backgroundAlertWarning", - "value": "rgb(254, 242, 230)" + "name": "badgeNeutralBackground", + "value": "rgb(245, 247, 249)" } }, - "backgroundBadgeCritical": { + "badgeNeutralForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeCriticalBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "critical" + "object": "badge", + "variant": "neutral", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeCritical", - "value": "#D21C1C" + "name": "badgeNeutralForeground", + "value": "#252A31" }, "foundation": { - "name": "backgroundBadgeCritical", - "value": "foundation.palette.red.normal" + "name": "badgeNeutralForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "backgroundBadgeCritical", - "value": "rgb(210, 28, 28)" + "name": "badgeNeutralForeground", + "value": "rgb(37, 42, 49)" } }, - "backgroundBadgeCriticalSubtle": { + "badgeSuccessBackground": { "type": "color", - "deprecated": true, - "replacement": "badgeCriticalSubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "critical-subtle" + "object": "badge", + "variant": "success", + "subVariant": "background" }, "javascript": { - "name": "backgroundBadgeCriticalSubtle", - "value": "#FAEAEA" + "name": "badgeSuccessBackground", + "value": "#0A932B" }, "foundation": { - "name": "backgroundBadgeCriticalSubtle", - "value": "foundation.palette.red.light" + "name": "badgeSuccessBackground", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "backgroundBadgeCriticalSubtle", - "value": "rgb(250, 234, 234)" + "name": "badgeSuccessBackground", + "value": "rgb(10, 147, 43)" } }, - "backgroundBadgeDark": { + "badgeSuccessForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeDarkBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "dark" + "object": "badge", + "variant": "success", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeDark", - "value": "#252A31" + "name": "badgeSuccessForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundBadgeDark", - "value": "foundation.palette.ink.dark" + "name": "badgeSuccessForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundBadgeDark", - "value": "rgb(37, 42, 49)" + "name": "badgeSuccessForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundBadgeInfo": { + "badgeSuccessSubtleBackground": { "type": "color", - "deprecated": true, - "replacement": "badgeInfoBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "info" + "object": "badge", + "variant": "success-subtle", + "subVariant": "background" }, "javascript": { - "name": "backgroundBadgeInfo", - "value": "#0070C8" + "name": "badgeSuccessSubtleBackground", + "value": "#EAF5EA" }, "foundation": { - "name": "backgroundBadgeInfo", - "value": "foundation.palette.blue.normal" + "name": "badgeSuccessSubtleBackground", + "value": "foundation.palette.green.light" }, "scss": { - "name": "backgroundBadgeInfo", - "value": "rgb(0, 112, 200)" + "name": "badgeSuccessSubtleBackground", + "value": "rgb(234, 245, 234)" } }, - "backgroundBadgeInfoSubtle": { + "badgeSuccessSubtleForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeInfoSubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "info-subtle" + "object": "badge", + "variant": "success-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeInfoSubtle", - "value": "#E8F4FD" + "name": "badgeSuccessSubtleForeground", + "value": "#2D7738" }, "foundation": { - "name": "backgroundBadgeInfoSubtle", - "value": "foundation.palette.blue.light" + "name": "badgeSuccessSubtleForeground", + "value": "foundation.palette.green.dark" }, "scss": { - "name": "backgroundBadgeInfoSubtle", - "value": "rgb(232, 244, 253)" + "name": "badgeSuccessSubtleForeground", + "value": "rgb(45, 119, 56)" } }, - "backgroundBadgeNeutral": { + "badgeWarningBackground": { "type": "color", - "deprecated": true, - "replacement": "badgeNeutralBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "neutral" + "object": "badge", + "variant": "warning", + "subVariant": "background" }, "javascript": { - "name": "backgroundBadgeNeutral", - "value": "#F5F7F9" + "name": "badgeWarningBackground", + "value": "#CF6C00" }, "foundation": { - "name": "backgroundBadgeNeutral", - "value": "foundation.palette.cloud.light" + "name": "badgeWarningBackground", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "backgroundBadgeNeutral", - "value": "rgb(245, 247, 249)" + "name": "badgeWarningBackground", + "value": "rgb(207, 108, 0)" } }, - "backgroundBadgeSuccess": { + "badgeWarningForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeSuccessBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "success" + "object": "badge", + "variant": "warning", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeSuccess", - "value": "#0A932B" + "name": "badgeWarningForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundBadgeSuccess", - "value": "foundation.palette.green.normal" + "name": "badgeWarningForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundBadgeSuccess", - "value": "rgb(10, 147, 43)" + "name": "badgeWarningForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundBadgeSuccessSubtle": { + "badgeWarningSubtleBackground": { "type": "color", - "deprecated": true, - "replacement": "badgeSuccessSubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "success-subtle" + "object": "badge", + "variant": "warning-subtle", + "subVariant": "background" }, "javascript": { - "name": "backgroundBadgeSuccessSubtle", - "value": "#EAF5EA" + "name": "badgeWarningSubtleBackground", + "value": "#FEF2E6" }, "foundation": { - "name": "backgroundBadgeSuccessSubtle", - "value": "foundation.palette.green.light" + "name": "badgeWarningSubtleBackground", + "value": "foundation.palette.orange.light" }, "scss": { - "name": "backgroundBadgeSuccessSubtle", - "value": "rgb(234, 245, 234)" + "name": "badgeWarningSubtleBackground", + "value": "rgb(254, 242, 230)" } }, - "backgroundBadgeWarning": { + "badgeWarningSubtleForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeWarningBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "warning" + "object": "badge", + "variant": "warning-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeWarning", - "value": "#CF6C00" + "name": "badgeWarningSubtleForeground", + "value": "#A75400" }, "foundation": { - "name": "backgroundBadgeWarning", - "value": "foundation.palette.orange.normal" + "name": "badgeWarningSubtleForeground", + "value": "foundation.palette.orange.dark" }, "scss": { - "name": "backgroundBadgeWarning", - "value": "rgb(207, 108, 0)" + "name": "badgeWarningSubtleForeground", + "value": "rgb(167, 84, 0)" } }, - "backgroundBadgeWarningSubtle": { + "badgeWhiteBackground": { "type": "color", - "deprecated": true, - "replacement": "badgeWarningSubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "warning-subtle" + "object": "badge", + "variant": "white", + "subVariant": "background" }, "javascript": { - "name": "backgroundBadgeWarningSubtle", - "value": "#FEF2E6" + "name": "badgeWhiteBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundBadgeWarningSubtle", - "value": "foundation.palette.orange.light" + "name": "badgeWhiteBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundBadgeWarningSubtle", - "value": "rgb(254, 242, 230)" + "name": "badgeWhiteBackground", + "value": "rgb(255, 255, 255)" } }, - "backgroundBadgeWhite": { + "badgeWhiteForeground": { "type": "color", - "deprecated": true, - "replacement": "badgeWhiteBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "badge", - "subVariant": "white" + "object": "badge", + "variant": "white", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundBadgeWhite", - "value": "#FFFFFF" + "name": "badgeWhiteForeground", + "value": "#252A31" }, "foundation": { - "name": "backgroundBadgeWhite", - "value": "foundation.palette.white.normal" + "name": "badgeWhiteForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "backgroundBadgeWhite", - "value": "rgb(255, 255, 255)" + "name": "badgeWhiteForeground", + "value": "rgb(37, 42, 49)" } }, - "backgroundButtonLinkCritical": { + "buttonLinkCriticalBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkCriticalBackground", + "comment": "Used for the background of critical ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "critical" + "object": "button-link", + "variant": "critical", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonLinkCritical", + "name": "buttonLinkCriticalBackground", "value": "transparent" }, "foundation": { - "name": "backgroundButtonLinkCritical", + "name": "buttonLinkCriticalBackground", "value": "none" }, "scss": { - "name": "backgroundButtonLinkCritical", + "name": "buttonLinkCriticalBackground", "value": "transparent" } }, - "backgroundButtonLinkCriticalHover": { + "buttonLinkCriticalBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkCriticalBackgroundHover", + "comment": "Used for the background of critical ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "critical-hover" + "object": "button-link", + "variant": "critical", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonLinkCriticalHover", + "name": "buttonLinkCriticalBackgroundHover", "value": "#F8E2E2" }, "foundation": { - "name": "backgroundButtonLinkCriticalHover", + "name": "buttonLinkCriticalBackgroundHover", "value": "foundation.palette.red.lightHover" }, "scss": { - "name": "backgroundButtonLinkCriticalHover", + "name": "buttonLinkCriticalBackgroundHover", "value": "rgb(248, 226, 226)" } }, - "backgroundButtonLinkCriticalActive": { + "buttonLinkCriticalBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkCriticalBackgroundActive", + "comment": "Used for the background of critical ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "critical-active" + "object": "button-link", + "variant": "critical", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonLinkCriticalActive", + "name": "buttonLinkCriticalBackgroundActive", "value": "#F3CECE" }, "foundation": { - "name": "backgroundButtonLinkCriticalActive", + "name": "buttonLinkCriticalBackgroundActive", "value": "foundation.palette.red.lightActive" }, "scss": { - "name": "backgroundButtonLinkCriticalActive", + "name": "buttonLinkCriticalBackgroundActive", "value": "rgb(243, 206, 206)" } }, - "backgroundButtonLinkPrimary": { + "buttonLinkCriticalForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkPrimaryBackground", + "category": "foreground", + "comment": "Used for the text of critical ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "primary" + "object": "button-link", + "variant": "critical", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonLinkPrimary", - "value": "transparent" + "name": "buttonLinkCriticalForeground", + "value": "#D21C1C" }, "foundation": { - "name": "backgroundButtonLinkPrimary", - "value": "none" + "name": "buttonLinkCriticalForeground", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "backgroundButtonLinkPrimary", - "value": "transparent" + "name": "buttonLinkCriticalForeground", + "value": "rgb(210, 28, 28)" } }, - "backgroundButtonLinkPrimaryHover": { + "buttonLinkCriticalForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkPrimaryBackgroundHover", + "category": "foreground", + "comment": "Used for the text of critical ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "primary-hover" + "object": "button-link", + "variant": "critical", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonLinkPrimaryHover", - "value": "#D6F0EC" + "name": "buttonLinkCriticalForegroundHover", + "value": "#B91919" }, "foundation": { - "name": "backgroundButtonLinkPrimaryHover", - "value": "foundation.palette.product.lightHover" + "name": "buttonLinkCriticalForegroundHover", + "value": "foundation.palette.red.normalHover" }, "scss": { - "name": "backgroundButtonLinkPrimaryHover", - "value": "rgb(214, 240, 236)" + "name": "buttonLinkCriticalForegroundHover", + "value": "rgb(185, 25, 25)" } }, - "backgroundButtonLinkPrimaryActive": { + "buttonLinkCriticalForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkPrimaryBackgroundActive", + "category": "foreground", + "comment": "Used for the text of critical ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "primary-active" + "object": "button-link", + "variant": "critical", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonLinkPrimaryActive", - "value": "#BFE8E2" + "name": "buttonLinkCriticalForegroundActive", + "value": "#9D1515" }, "foundation": { - "name": "backgroundButtonLinkPrimaryActive", - "value": "foundation.palette.product.lightActive" + "name": "buttonLinkCriticalForegroundActive", + "value": "foundation.palette.red.normalActive" }, "scss": { - "name": "backgroundButtonLinkPrimaryActive", - "value": "rgb(191, 232, 226)" + "name": "buttonLinkCriticalForegroundActive", + "value": "rgb(157, 21, 21)" } }, - "backgroundButtonLinkSecondary": { + "buttonLinkPrimaryBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkSecondaryBackground", + "comment": "Used for the background of primary ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "secondary" + "object": "button-link", + "variant": "primary", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonLinkSecondary", + "name": "buttonLinkPrimaryBackground", "value": "transparent" }, "foundation": { - "name": "backgroundButtonLinkSecondary", + "name": "buttonLinkPrimaryBackground", "value": "none" }, "scss": { - "name": "backgroundButtonLinkSecondary", + "name": "buttonLinkPrimaryBackground", "value": "transparent" } }, - "backgroundButtonLinkSecondaryHover": { + "buttonLinkPrimaryBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkSecondaryBackgroundHover", + "comment": "Used for the background of primary ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "secondary-hover" + "object": "button-link", + "variant": "primary", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonLinkSecondaryHover", - "value": "#E5EAEF" + "name": "buttonLinkPrimaryBackgroundHover", + "value": "#D6F0EC" }, "foundation": { - "name": "backgroundButtonLinkSecondaryHover", - "value": "foundation.palette.cloud.lightHover" + "name": "buttonLinkPrimaryBackgroundHover", + "value": "foundation.palette.product.lightHover" }, "scss": { - "name": "backgroundButtonLinkSecondaryHover", - "value": "rgb(229, 234, 239)" + "name": "buttonLinkPrimaryBackgroundHover", + "value": "rgb(214, 240, 236)" } }, - "backgroundButtonLinkSecondaryActive": { + "buttonLinkPrimaryBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonLinkSecondaryBackgroundActive", + "comment": "Used for the background of primary ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button-link", - "subVariant": "secondary-active" + "object": "button-link", + "variant": "primary", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonLinkSecondaryActive", - "value": "#D6DEE6" + "name": "buttonLinkPrimaryBackgroundActive", + "value": "#BFE8E2" }, "foundation": { - "name": "backgroundButtonLinkSecondaryActive", - "value": "foundation.palette.cloud.lightActive" + "name": "buttonLinkPrimaryBackgroundActive", + "value": "foundation.palette.product.lightActive" }, "scss": { - "name": "backgroundButtonLinkSecondaryActive", - "value": "rgb(214, 222, 230)" + "name": "buttonLinkPrimaryBackgroundActive", + "value": "rgb(191, 232, 226)" } }, - "backgroundButtonBundleBasic": { + "buttonLinkPrimaryForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleBasicBackground", + "category": "foreground", + "comment": "Used for the text of primary ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-basic" + "object": "button-link", + "variant": "primary", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonBundleBasic", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" + "name": "buttonLinkPrimaryForeground", + "value": "#00A58E" }, "foundation": { - "name": "backgroundButtonBundleBasic", - "value": "none" + "name": "buttonLinkPrimaryForeground", + "value": "foundation.palette.product.normal" }, "scss": { - "name": "backgroundButtonBundleBasic", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" + "name": "buttonLinkPrimaryForeground", + "value": "rgb(0, 165, 142)" } }, - "backgroundButtonBundleBasicHover": { + "buttonLinkPrimaryForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleBasicBackgroundHover", + "category": "foreground", + "comment": "Used for the text of primary ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-basic-hover" + "object": "button-link", + "variant": "primary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonBundleBasicHover", - "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" + "name": "buttonLinkPrimaryForegroundHover", + "value": "#007060" }, "foundation": { - "name": "backgroundButtonBundleBasicHover", - "value": "none" + "name": "buttonLinkPrimaryForegroundHover", + "value": "foundation.palette.product.darkHover" }, "scss": { - "name": "backgroundButtonBundleBasicHover", - "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" + "name": "buttonLinkPrimaryForegroundHover", + "value": "rgb(0, 112, 96)" } }, - "backgroundButtonBundleBasicActive": { + "buttonLinkPrimaryForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleBasicBackgroundActive", + "category": "foreground", + "comment": "Used for the text of primary ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-basic-active" + "object": "button-link", + "variant": "primary", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonBundleBasicActive", - "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" + "name": "buttonLinkPrimaryForegroundActive", + "value": "#006657" }, "foundation": { - "name": "backgroundButtonBundleBasicActive", - "value": "none" + "name": "buttonLinkPrimaryForegroundActive", + "value": "foundation.palette.product.darkActive" }, "scss": { - "name": "backgroundButtonBundleBasicActive", - "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" + "name": "buttonLinkPrimaryForegroundActive", + "value": "rgb(0, 102, 87)" } }, - "backgroundButtonBundleMedium": { + "buttonLinkSecondaryBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleMediumBackground", + "comment": "Used for the background of secondary ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-medium" + "object": "button-link", + "variant": "secondary", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonBundleMedium", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" + "name": "buttonLinkSecondaryBackground", + "value": "transparent" }, "foundation": { - "name": "backgroundButtonBundleMedium", + "name": "buttonLinkSecondaryBackground", "value": "none" }, "scss": { - "name": "backgroundButtonBundleMedium", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" + "name": "buttonLinkSecondaryBackground", + "value": "transparent" } }, - "backgroundButtonBundleMediumHover": { + "buttonLinkSecondaryBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleMediumBackgroundHover", + "comment": "Used for the background of secondary ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-medium-hover" + "object": "button-link", + "variant": "secondary", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonBundleMediumHover", - "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" + "name": "buttonLinkSecondaryBackgroundHover", + "value": "#E5EAEF" }, "foundation": { - "name": "backgroundButtonBundleMediumHover", - "value": "none" + "name": "buttonLinkSecondaryBackgroundHover", + "value": "foundation.palette.cloud.lightHover" }, "scss": { - "name": "backgroundButtonBundleMediumHover", - "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" + "name": "buttonLinkSecondaryBackgroundHover", + "value": "rgb(229, 234, 239)" } }, - "backgroundButtonBundleMediumActive": { + "buttonLinkSecondaryBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleMediumBackgroundActive", + "comment": "Used for the background of secondary ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-medium-active" + "object": "button-link", + "variant": "secondary", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonBundleMediumActive", - "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" + "name": "buttonLinkSecondaryBackgroundActive", + "value": "#D6DEE6" }, "foundation": { - "name": "backgroundButtonBundleMediumActive", - "value": "none" + "name": "buttonLinkSecondaryBackgroundActive", + "value": "foundation.palette.cloud.lightActive" }, "scss": { - "name": "backgroundButtonBundleMediumActive", - "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" + "name": "buttonLinkSecondaryBackgroundActive", + "value": "rgb(214, 222, 230)" } }, - "backgroundButtonBundleTop": { + "buttonLinkSecondaryForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleTopBackground", + "category": "foreground", + "comment": "Used for the text of secondary ButtonLink in the default state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-top" + "object": "button-link", + "variant": "secondary", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonBundleTop", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" + "name": "buttonLinkSecondaryForeground", + "value": "#252A31" }, "foundation": { - "name": "backgroundButtonBundleTop", - "value": "none" + "name": "buttonLinkSecondaryForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "backgroundButtonBundleTop", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" + "name": "buttonLinkSecondaryForeground", + "value": "rgb(37, 42, 49)" } }, - "backgroundButtonBundleTopHover": { + "buttonLinkSecondaryForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleTopBackgroundHover", + "category": "foreground", + "comment": "Used for the text of secondary ButtonLink in the hover state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-top-hover" + "object": "button-link", + "variant": "secondary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonBundleTopHover", - "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" + "name": "buttonLinkSecondaryForegroundHover", + "value": "#181B20" }, "foundation": { - "name": "backgroundButtonBundleTopHover", - "value": "none" + "name": "buttonLinkSecondaryForegroundHover", + "value": "foundation.palette.ink.darkHover" }, "scss": { - "name": "backgroundButtonBundleTopHover", - "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" + "name": "buttonLinkSecondaryForegroundHover", + "value": "rgb(24, 27, 32)" } }, - "backgroundButtonBundleTopActive": { + "buttonLinkSecondaryForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonBundleTopBackgroundActive", + "category": "foreground", + "comment": "Used for the text of secondary ButtonLink in the active and the focus state.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bundle-top-active" + "object": "button-link", + "variant": "secondary", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonBundleTopActive", - "value": "linear-gradient(to top right, #101011 0%, #51575C)" + "name": "buttonLinkSecondaryForegroundActive", + "value": "#0B0C0F" }, "foundation": { - "name": "backgroundButtonBundleTopActive", - "value": "none" + "name": "buttonLinkSecondaryForegroundActive", + "value": "foundation.palette.ink.darkActive" }, "scss": { - "name": "backgroundButtonBundleTopActive", - "value": "linear-gradient(to top right, #101011 0%, #51575C)" + "name": "buttonLinkSecondaryForegroundActive", + "value": "rgb(11, 12, 15)" } }, - "backgroundButtonCriticalSubtle": { + "buttonBundleBasicBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-subtle" + "object": "button", + "variant": "bundle-basic", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonCriticalSubtle", - "value": "#FAEAEA" + "name": "buttonBundleBasicBackground", + "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" }, "foundation": { - "name": "backgroundButtonCriticalSubtle", - "value": "foundation.palette.red.light" + "name": "buttonBundleBasicBackground", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalSubtle", - "value": "rgb(250, 234, 234)" + "name": "buttonBundleBasicBackground", + "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" } }, - "backgroundButtonCriticalSubtleHover": { + "buttonBundleBasicBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleBackgroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-subtle-hover" + "object": "button", + "variant": "bundle-basic", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonCriticalSubtleHover", - "value": "#F8E2E2" + "name": "buttonBundleBasicBackgroundHover", + "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" }, "foundation": { - "name": "backgroundButtonCriticalSubtleHover", - "value": "foundation.palette.red.lightHover" + "name": "buttonBundleBasicBackgroundHover", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalSubtleHover", - "value": "rgb(248, 226, 226)" + "name": "buttonBundleBasicBackgroundHover", + "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" } }, - "backgroundButtonCriticalSubtleActive": { + "buttonBundleBasicBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleBackgroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-subtle-active" + "object": "button", + "variant": "bundle-basic", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonCriticalSubtleActive", - "value": "#F3CECE" + "name": "buttonBundleBasicBackgroundActive", + "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" }, "foundation": { - "name": "backgroundButtonCriticalSubtleActive", - "value": "foundation.palette.red.lightActive" + "name": "buttonBundleBasicBackgroundActive", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalSubtleActive", - "value": "rgb(243, 206, 206)" + "name": "buttonBundleBasicBackgroundActive", + "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" } }, - "backgroundButtonCriticalSubtleFocus": { + "buttonBundleMediumBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-subtle-focus" + "object": "button", + "variant": "bundle-medium", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonCriticalSubtleFocus", - "value": "#FAEAEA" + "name": "buttonBundleMediumBackground", + "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" }, "foundation": { - "name": "backgroundButtonCriticalSubtleFocus", - "value": "foundation.palette.red.light" + "name": "buttonBundleMediumBackground", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalSubtleFocus", - "value": "rgb(250, 234, 234)" + "name": "buttonBundleMediumBackground", + "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" } }, - "backgroundButtonCritical": { + "buttonBundleMediumBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalBackground", - "schema": { + "deprecated": false, + "replacement": null, + "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical" + "object": "button", + "variant": "bundle-medium", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonCritical", - "value": "#D21C1C" + "name": "buttonBundleMediumBackgroundHover", + "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" }, "foundation": { - "name": "backgroundButtonCritical", - "value": "foundation.palette.red.normal" + "name": "buttonBundleMediumBackgroundHover", + "value": "none" }, "scss": { - "name": "backgroundButtonCritical", - "value": "rgb(210, 28, 28)" + "name": "buttonBundleMediumBackgroundHover", + "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" } }, - "backgroundButtonCriticalHover": { + "buttonBundleMediumBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalBackgroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-hover" + "object": "button", + "variant": "bundle-medium", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonCriticalHover", - "value": "#B91919" + "name": "buttonBundleMediumBackgroundActive", + "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" }, "foundation": { - "name": "backgroundButtonCriticalHover", - "value": "foundation.palette.red.normalHover" + "name": "buttonBundleMediumBackgroundActive", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalHover", - "value": "rgb(185, 25, 25)" + "name": "buttonBundleMediumBackgroundActive", + "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" } }, - "backgroundButtonCriticalActive": { + "buttonBundleTopBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonCriticalBackgroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "critical-active" + "object": "button", + "variant": "bundle-top", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonCriticalActive", - "value": "#9D1515" + "name": "buttonBundleTopBackground", + "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" }, "foundation": { - "name": "backgroundButtonCriticalActive", - "value": "foundation.palette.red.normalActive" + "name": "buttonBundleTopBackground", + "value": "none" }, "scss": { - "name": "backgroundButtonCriticalActive", - "value": "rgb(157, 21, 21)" + "name": "buttonBundleTopBackground", + "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" } }, - "backgroundButtonBordered": { + "buttonBundleTopBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bordered" + "object": "button", + "variant": "bundle-top", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonBordered", - "value": "transparent" + "name": "buttonBundleTopBackgroundHover", + "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" }, "foundation": { - "name": "backgroundButtonBordered", + "name": "buttonBundleTopBackgroundHover", "value": "none" }, "scss": { - "name": "backgroundButtonBordered", - "value": "transparent" + "name": "buttonBundleTopBackgroundHover", + "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" } }, - "backgroundButtonBorderedHover": { + "buttonBundleTopBackgroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bordered-hover" + "object": "button", + "variant": "bundle-top", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonBorderedHover", - "value": "#F5F7F9" + "name": "buttonBundleTopBackgroundActive", + "value": "linear-gradient(to top right, #101011 0%, #51575C)" }, "foundation": { - "name": "backgroundButtonBorderedHover", - "value": "foundation.palette.cloud.light" + "name": "buttonBundleTopBackgroundActive", + "value": "none" }, "scss": { - "name": "backgroundButtonBorderedHover", - "value": "rgb(245, 247, 249)" + "name": "buttonBundleTopBackgroundActive", + "value": "linear-gradient(to top right, #101011 0%, #51575C)" } }, - "backgroundButtonBorderedActive": { + "buttonCriticalSubtleBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "bordered-active" + "object": "button", + "variant": "critical-subtle", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonBorderedActive", - "value": "#F5F7F9" + "name": "buttonCriticalSubtleBackground", + "value": "#FAEAEA" }, "foundation": { - "name": "backgroundButtonBorderedActive", - "value": "foundation.palette.cloud.light" + "name": "buttonCriticalSubtleBackground", + "value": "foundation.palette.red.light" }, "scss": { - "name": "backgroundButtonBorderedActive", - "value": "rgb(245, 247, 249)" + "name": "buttonCriticalSubtleBackground", + "value": "rgb(250, 234, 234)" } }, - "backgroundButtonInfo": { + "buttonCriticalSubtleBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonInfoBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "info" + "object": "button", + "variant": "critical-subtle", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonInfo", - "value": "#0070C8" + "name": "buttonCriticalSubtleBackgroundHover", + "value": "#F8E2E2" }, "foundation": { - "name": "backgroundButtonInfo", - "value": "foundation.palette.blue.normal" + "name": "buttonCriticalSubtleBackgroundHover", + "value": "foundation.palette.red.lightHover" }, "scss": { - "name": "backgroundButtonInfo", - "value": "rgb(0, 112, 200)" + "name": "buttonCriticalSubtleBackgroundHover", + "value": "rgb(248, 226, 226)" } }, - "backgroundButtonInfoHover": { + "buttonCriticalSubtleBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonInfoBackgroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "info-hover" + "object": "button", + "variant": "critical-subtle", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonInfoHover", - "value": "#0161AC" + "name": "buttonCriticalSubtleBackgroundActive", + "value": "#F3CECE" }, "foundation": { - "name": "backgroundButtonInfoHover", - "value": "foundation.palette.blue.normalHover" + "name": "buttonCriticalSubtleBackgroundActive", + "value": "foundation.palette.red.lightActive" }, "scss": { - "name": "backgroundButtonInfoHover", - "value": "rgb(1, 97, 172)" + "name": "buttonCriticalSubtleBackgroundActive", + "value": "rgb(243, 206, 206)" } }, - "backgroundButtonInfoActive": { + "buttonCriticalSubtleForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonInfoBackgroundActive", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "info-active" + "object": "button", + "variant": "critical-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonInfoActive", - "value": "#01508E" + "name": "buttonCriticalSubtleForeground", + "value": "#970C0C" }, "foundation": { - "name": "backgroundButtonInfoActive", - "value": "foundation.palette.blue.normalActive" + "name": "buttonCriticalSubtleForeground", + "value": "foundation.palette.red.dark" }, "scss": { - "name": "backgroundButtonInfoActive", - "value": "rgb(1, 80, 142)" + "name": "buttonCriticalSubtleForeground", + "value": "rgb(151, 12, 12)" } }, - "backgroundButtonPrimarySubtle": { + "buttonCriticalSubtleForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleBackground", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-subtle" + "object": "button", + "variant": "critical-subtle", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonPrimarySubtle", - "value": "#E1F4F3" + "name": "buttonCriticalSubtleForegroundHover", + "value": "#890B0B" }, "foundation": { - "name": "backgroundButtonPrimarySubtle", - "value": "foundation.palette.product.light" + "name": "buttonCriticalSubtleForegroundHover", + "value": "foundation.palette.red.darkHover" }, "scss": { - "name": "backgroundButtonPrimarySubtle", - "value": "rgb(225, 244, 243)" + "name": "buttonCriticalSubtleForegroundHover", + "value": "rgb(137, 11, 11)" } }, - "backgroundButtonPrimarySubtleHover": { + "buttonCriticalSubtleForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleBackgroundHover", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-subtle-hover" + "object": "button", + "variant": "critical-subtle", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonPrimarySubtleHover", - "value": "#D6F0EC" + "name": "buttonCriticalSubtleForegroundActive", + "value": "#6D0909" }, "foundation": { - "name": "backgroundButtonPrimarySubtleHover", - "value": "foundation.palette.product.lightHover" + "name": "buttonCriticalSubtleForegroundActive", + "value": "foundation.palette.red.darkActive" }, "scss": { - "name": "backgroundButtonPrimarySubtleHover", - "value": "rgb(214, 240, 236)" + "name": "buttonCriticalSubtleForegroundActive", + "value": "rgb(109, 9, 9)" } }, - "backgroundButtonPrimarySubtleActive": { + "buttonCriticalBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleBackgroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-subtle-active" + "object": "button", + "variant": "critical", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonPrimarySubtleActive", - "value": "#BFE8E2" + "name": "buttonCriticalBackground", + "value": "#D21C1C" }, "foundation": { - "name": "backgroundButtonPrimarySubtleActive", - "value": "foundation.palette.product.lightActive" + "name": "buttonCriticalBackground", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "backgroundButtonPrimarySubtleActive", - "value": "rgb(191, 232, 226)" + "name": "buttonCriticalBackground", + "value": "rgb(210, 28, 28)" } }, - "backgroundButtonPrimarySubtleFocus": { + "buttonCriticalBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-subtle-focus" + "object": "button", + "variant": "critical", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonPrimarySubtleFocus", - "value": "#E1F4F3" + "name": "buttonCriticalBackgroundHover", + "value": "#B91919" }, "foundation": { - "name": "backgroundButtonPrimarySubtleFocus", - "value": "foundation.palette.product.light" + "name": "buttonCriticalBackgroundHover", + "value": "foundation.palette.red.normalHover" }, "scss": { - "name": "backgroundButtonPrimarySubtleFocus", - "value": "rgb(225, 244, 243)" + "name": "buttonCriticalBackgroundHover", + "value": "rgb(185, 25, 25)" } }, - "backgroundButtonPrimary": { + "buttonCriticalBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimaryBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary" + "object": "button", + "variant": "critical", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonPrimary", - "value": "#00A58E" + "name": "buttonCriticalBackgroundActive", + "value": "#9D1515" }, "foundation": { - "name": "backgroundButtonPrimary", - "value": "foundation.palette.product.normal" + "name": "buttonCriticalBackgroundActive", + "value": "foundation.palette.red.normalActive" }, "scss": { - "name": "backgroundButtonPrimary", - "value": "rgb(0, 165, 142)" + "name": "buttonCriticalBackgroundActive", + "value": "rgb(157, 21, 21)" } }, - "backgroundButtonPrimaryHover": { + "buttonCriticalForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimaryBackgroundHover", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-hover" + "object": "button", + "variant": "critical", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonPrimaryHover", - "value": "#009580" + "name": "buttonCriticalForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonPrimaryHover", - "value": "foundation.palette.product.normalHover" + "name": "buttonCriticalForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonPrimaryHover", - "value": "rgb(0, 149, 128)" + "name": "buttonCriticalForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundButtonPrimaryActive": { + "buttonCriticalForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimaryBackgroundActive", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "primary-active" + "object": "button", + "variant": "critical", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonPrimaryActive", - "value": "#008472" + "name": "buttonCriticalForegroundHover", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonPrimaryActive", - "value": "foundation.palette.product.normalActive" + "name": "buttonCriticalForegroundHover", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonPrimaryActive", - "value": "rgb(0, 132, 114)" + "name": "buttonCriticalForegroundHover", + "value": "rgb(255, 255, 255)" } }, - "backgroundButtonSecondary": { + "buttonCriticalForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonSecondaryBackground", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "secondary" + "object": "button", + "variant": "critical", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonSecondary", - "value": "#E8EDF1" + "name": "buttonCriticalForegroundActive", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonSecondary", - "value": "foundation.palette.cloud.normal" + "name": "buttonCriticalForegroundActive", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonSecondary", - "value": "rgb(232, 237, 241)" + "name": "buttonCriticalForegroundActive", + "value": "rgb(255, 255, 255)" } }, - "backgroundButtonSecondaryHover": { - "type": "color", - "deprecated": true, - "replacement": "buttonSecondaryBackgroundHover", + "buttonSmallFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "secondary-hover" + "object": "button", + "variant": "small", + "subVariant": "font-size" }, "javascript": { - "name": "backgroundButtonSecondaryHover", - "value": "#DCE3E9" + "name": "buttonSmallFontSize", + "value": "13px" }, "foundation": { - "name": "backgroundButtonSecondaryHover", - "value": "foundation.palette.cloud.normalHover" + "name": "buttonSmallFontSize", + "value": "foundation.fontSize.small" }, "scss": { - "name": "backgroundButtonSecondaryHover", - "value": "rgb(220, 227, 233)" + "name": "buttonSmallFontSize", + "value": "13px" } }, - "backgroundButtonSecondaryActive": { - "type": "color", - "deprecated": true, - "replacement": "buttonSecondaryBackgroundActive", + "buttonNormalFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "secondary-active" + "object": "button", + "variant": "normal", + "subVariant": "font-size" }, "javascript": { - "name": "backgroundButtonSecondaryActive", - "value": "#CAD4DE" + "name": "buttonNormalFontSize", + "value": "15px" }, "foundation": { - "name": "backgroundButtonSecondaryActive", - "value": "foundation.palette.cloud.normalActive" + "name": "buttonNormalFontSize", + "value": "foundation.fontSize.normal" }, "scss": { - "name": "backgroundButtonSecondaryActive", - "value": "rgb(202, 212, 222)" + "name": "buttonNormalFontSize", + "value": "15px" } }, - "backgroundButtonSuccess": { - "type": "color", - "deprecated": true, - "replacement": "buttonSuccessBackground", + "buttonLargeFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "success" + "object": "button", + "variant": "large", + "subVariant": "font-size" }, "javascript": { - "name": "backgroundButtonSuccess", - "value": "#0A932B" + "name": "buttonLargeFontSize", + "value": "16px" }, "foundation": { - "name": "backgroundButtonSuccess", - "value": "foundation.palette.green.normal" + "name": "buttonLargeFontSize", + "value": "foundation.fontSize.large" }, "scss": { - "name": "backgroundButtonSuccess", - "value": "rgb(10, 147, 43)" + "name": "buttonLargeFontSize", + "value": "16px" } }, - "backgroundButtonSuccessHover": { + "buttonInfoBackground": { "type": "color", - "deprecated": true, - "replacement": "buttonSuccessBackgroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "success-hover" + "object": "button", + "variant": "info", + "subVariant": "background" }, "javascript": { - "name": "backgroundButtonSuccessHover", - "value": "#238B31" + "name": "buttonInfoBackground", + "value": "#0070C8" }, "foundation": { - "name": "backgroundButtonSuccessHover", - "value": "foundation.palette.green.normalHover" + "name": "buttonInfoBackground", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "backgroundButtonSuccessHover", - "value": "rgb(35, 139, 49)" + "name": "buttonInfoBackground", + "value": "rgb(0, 112, 200)" } }, - "backgroundButtonSuccessActive": { + "buttonInfoBackgroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonSuccessBackgroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "success-active" + "object": "button", + "variant": "info", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonSuccessActive", - "value": "#1D7228" + "name": "buttonInfoBackgroundHover", + "value": "#0161AC" }, "foundation": { - "name": "backgroundButtonSuccessActive", - "value": "foundation.palette.green.normalActive" + "name": "buttonInfoBackgroundHover", + "value": "foundation.palette.blue.normalHover" }, "scss": { - "name": "backgroundButtonSuccessActive", - "value": "rgb(29, 114, 40)" + "name": "buttonInfoBackgroundHover", + "value": "rgb(1, 97, 172)" } }, - "backgroundButtonWarning": { + "buttonInfoBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonWarningBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "warning" + "object": "button", + "variant": "info", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonWarning", - "value": "#CF6C00" + "name": "buttonInfoBackgroundActive", + "value": "#01508E" }, "foundation": { - "name": "backgroundButtonWarning", - "value": "foundation.palette.orange.normal" + "name": "buttonInfoBackgroundActive", + "value": "foundation.palette.blue.normalActive" }, "scss": { - "name": "backgroundButtonWarning", - "value": "rgb(207, 108, 0)" + "name": "buttonInfoBackgroundActive", + "value": "rgb(1, 80, 142)" } }, - "backgroundButtonWarningHover": { + "buttonInfoForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonWarningBackgroundHover", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "warning-hover" + "object": "button", + "variant": "info", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonWarningHover", - "value": "#B86000" + "name": "buttonInfoForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonWarningHover", - "value": "foundation.palette.orange.normalHover" + "name": "buttonInfoForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonWarningHover", - "value": "rgb(184, 96, 0)" + "name": "buttonInfoForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundButtonWarningActive": { + "buttonInfoForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "buttonWarningBackgroundActive", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "warning-active" + "object": "button", + "variant": "info", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonWarningActive", - "value": "#AD5700" + "name": "buttonInfoForegroundHover", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonWarningActive", - "value": "foundation.palette.orange.normalActive" + "name": "buttonInfoForegroundHover", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonWarningActive", - "value": "rgb(173, 87, 0)" + "name": "buttonInfoForegroundHover", + "value": "rgb(255, 255, 255)" } }, - "backgroundButtonWhite": { + "buttonInfoForegroundActive": { "type": "color", - "deprecated": true, - "replacement": "buttonWhiteBackground", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white" + "object": "button", + "variant": "info", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonWhite", + "name": "buttonInfoForegroundActive", "value": "#FFFFFF" }, "foundation": { - "name": "backgroundButtonWhite", + "name": "buttonInfoForegroundActive", "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundButtonWhite", + "name": "buttonInfoForegroundActive", "value": "rgb(255, 255, 255)" } }, - "backgroundButtonWhiteHover": { - "type": "color", - "deprecated": true, - "replacement": "buttonWhiteBackgroundHover", + "buttonWithoutTextPadding": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white-hover" + "object": "button", + "variant": "without-text", + "subVariant": "padding" }, "javascript": { - "name": "backgroundButtonWhiteHover", - "value": "#F5F7F9" + "name": "buttonWithoutTextPadding", + "value": "0" }, "foundation": { - "name": "backgroundButtonWhiteHover", - "value": "foundation.palette.cloud.light" + "name": "buttonWithoutTextPadding", + "value": "none" }, "scss": { - "name": "backgroundButtonWhiteHover", - "value": "rgb(245, 247, 249)" + "name": "buttonWithoutTextPadding", + "value": "0" } }, - "backgroundButtonWhiteActive": { - "type": "color", - "deprecated": true, - "replacement": "buttonWhiteBackgroundActive", + "buttonPaddingXSmall": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white-active" + "object": "button", + "variant": "padding", + "subVariant": "x-small" }, "javascript": { - "name": "backgroundButtonWhiteActive", - "value": "#E5EAEF" + "name": "buttonPaddingXSmall", + "value": "8px" }, "foundation": { - "name": "backgroundButtonWhiteActive", - "value": "foundation.palette.cloud.lightHover" + "name": "buttonPaddingXSmall", + "value": "foundation.space.200" }, "scss": { - "name": "backgroundButtonWhiteActive", - "value": "rgb(229, 234, 239)" + "name": "buttonPaddingXSmall", + "value": "8px" } }, - "backgroundButtonWhiteBordered": { - "type": "color", - "deprecated": true, + "buttonPaddingSmall": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white-bordered" + "object": "button", + "variant": "padding", + "subVariant": "small" }, "javascript": { - "name": "backgroundButtonWhiteBordered", - "value": "transparent" + "name": "buttonPaddingSmall", + "value": "12px" }, "foundation": { - "name": "backgroundButtonWhiteBordered", - "value": "none" + "name": "buttonPaddingSmall", + "value": "foundation.space.300" }, "scss": { - "name": "backgroundButtonWhiteBordered", - "value": "transparent" + "name": "buttonPaddingSmall", + "value": "12px" } }, - "backgroundButtonWhiteBorderedHover": { - "type": "color", - "deprecated": true, + "buttonPaddingNormal": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white-bordered-hover" + "object": "button", + "variant": "padding", + "subVariant": "normal" }, "javascript": { - "name": "backgroundButtonWhiteBorderedHover", - "value": "#FFFFFF33" + "name": "buttonPaddingNormal", + "value": "16px" }, "foundation": { - "name": "backgroundButtonWhiteBorderedHover", - "value": "foundation.palette.white.normal" + "name": "buttonPaddingNormal", + "value": "foundation.space.400" }, "scss": { - "name": "backgroundButtonWhiteBorderedHover", - "value": "rgba(255, 255, 255, 0.2)" + "name": "buttonPaddingNormal", + "value": "16px" } }, - "backgroundButtonWhiteBorderedActive": { - "type": "color", - "deprecated": true, + "buttonPaddingLarge": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "white-bordered-active" + "object": "button", + "variant": "padding", + "subVariant": "large" }, "javascript": { - "name": "backgroundButtonWhiteBorderedActive", - "value": "#FFFFFF33" + "name": "buttonPaddingLarge", + "value": "28px" }, "foundation": { - "name": "backgroundButtonWhiteBorderedActive", - "value": "foundation.palette.white.normal" + "name": "buttonPaddingLarge", + "value": "none" }, "scss": { - "name": "backgroundButtonWhiteBorderedActive", - "value": "rgba(255, 255, 255, 0.2)" + "name": "buttonPaddingLarge", + "value": "28px" } }, - "backgroundButtonFacebook": { + "buttonPrimarySubtleBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "facebook" - }, + "object": "button", + "variant": "primary-subtle", + "subVariant": "background" + }, "javascript": { - "name": "backgroundButtonFacebook", - "value": "#3B5998" + "name": "buttonPrimarySubtleBackground", + "value": "#E1F4F3" }, "foundation": { - "name": "backgroundButtonFacebook", - "value": "none" + "name": "buttonPrimarySubtleBackground", + "value": "foundation.palette.product.light" }, "scss": { - "name": "backgroundButtonFacebook", - "value": "rgb(59, 89, 152)" + "name": "buttonPrimarySubtleBackground", + "value": "rgb(225, 244, 243)" } }, - "backgroundButtonFacebookHover": { + "buttonPrimarySubtleBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "facebook-hover" + "object": "button", + "variant": "primary-subtle", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundButtonFacebookHover", - "value": "#385490" + "name": "buttonPrimarySubtleBackgroundHover", + "value": "#D6F0EC" }, "foundation": { - "name": "backgroundButtonFacebookHover", - "value": "none" + "name": "buttonPrimarySubtleBackgroundHover", + "value": "foundation.palette.product.lightHover" }, "scss": { - "name": "backgroundButtonFacebookHover", - "value": "rgb(56, 84, 144)" + "name": "buttonPrimarySubtleBackgroundHover", + "value": "rgb(214, 240, 236)" } }, - "backgroundButtonFacebookActive": { + "buttonPrimarySubtleBackgroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "facebook-active" + "object": "button", + "variant": "primary-subtle", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundButtonFacebookActive", - "value": "#354F88" + "name": "buttonPrimarySubtleBackgroundActive", + "value": "#BFE8E2" }, "foundation": { - "name": "backgroundButtonFacebookActive", - "value": "none" + "name": "buttonPrimarySubtleBackgroundActive", + "value": "foundation.palette.product.lightActive" }, "scss": { - "name": "backgroundButtonFacebookActive", - "value": "rgb(53, 79, 136)" + "name": "buttonPrimarySubtleBackgroundActive", + "value": "rgb(191, 232, 226)" } }, - "backgroundButtonGoogle": { + "buttonPrimarySubtleForeground": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "google" + "object": "button", + "variant": "primary-subtle", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundButtonGoogle", - "value": "#F5F7F9" + "name": "buttonPrimarySubtleForeground", + "value": "#007A69" }, "foundation": { - "name": "backgroundButtonGoogle", - "value": "foundation.palette.cloud.light" + "name": "buttonPrimarySubtleForeground", + "value": "foundation.palette.product.dark" }, "scss": { - "name": "backgroundButtonGoogle", - "value": "rgb(245, 247, 249)" + "name": "buttonPrimarySubtleForeground", + "value": "rgb(0, 122, 105)" } }, - "backgroundButtonGoogleHover": { + "buttonPrimarySubtleForegroundHover": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "google-hover" + "object": "button", + "variant": "primary-subtle", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundButtonGoogleHover", - "value": "#E5EAEF" + "name": "buttonPrimarySubtleForegroundHover", + "value": "#007060" }, "foundation": { - "name": "backgroundButtonGoogleHover", - "value": "foundation.palette.cloud.lightHover" + "name": "buttonPrimarySubtleForegroundHover", + "value": "foundation.palette.product.darkHover" }, "scss": { - "name": "backgroundButtonGoogleHover", - "value": "rgb(229, 234, 239)" + "name": "buttonPrimarySubtleForegroundHover", + "value": "rgb(0, 112, 96)" } }, - "backgroundButtonGoogleActive": { + "buttonPrimarySubtleForegroundActive": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "button", - "subVariant": "google-active" + "object": "button", + "variant": "primary-subtle", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundButtonGoogleActive", - "value": "#D6DEE6" + "name": "buttonPrimarySubtleForegroundActive", + "value": "#006657" }, "foundation": { - "name": "backgroundButtonGoogleActive", - "value": "foundation.palette.cloud.lightActive" + "name": "buttonPrimarySubtleForegroundActive", + "value": "foundation.palette.product.darkActive" }, "scss": { - "name": "backgroundButtonGoogleActive", - "value": "rgb(214, 222, 230)" + "name": "buttonPrimarySubtleForegroundActive", + "value": "rgb(0, 102, 87)" } }, - "backgroundCard": { + "buttonPrimaryBackground": { "type": "color", - "deprecated": true, - "replacement": "elevationFlatBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "card" + "object": "button", + "variant": "primary", + "subVariant": "background" }, "javascript": { - "name": "backgroundCard", - "value": "#FFFFFF" + "name": "buttonPrimaryBackground", + "value": "#00A58E" }, "foundation": { - "name": "backgroundCard", - "value": "foundation.palette.white.normal" + "name": "buttonPrimaryBackground", + "value": "foundation.palette.product.normal" }, "scss": { - "name": "backgroundCard", - "value": "rgb(255, 255, 255)" + "name": "buttonPrimaryBackground", + "value": "rgb(0, 165, 142)" } }, - "backgroundCarrierLogo": { + "buttonPrimaryBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "carrier-logo" + "object": "button", + "variant": "primary", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundCarrierLogo", - "value": "transparent" + "name": "buttonPrimaryBackgroundHover", + "value": "#009580" }, "foundation": { - "name": "backgroundCarrierLogo", - "value": "none" + "name": "buttonPrimaryBackgroundHover", + "value": "foundation.palette.product.normalHover" }, "scss": { - "name": "backgroundCarrierLogo", - "value": "transparent" + "name": "buttonPrimaryBackgroundHover", + "value": "rgb(0, 149, 128)" } }, - "backgroundCountryFlag": { + "buttonPrimaryBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "countryFlagBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "country-flag" + "object": "button", + "variant": "primary", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundCountryFlag", - "value": "transparent" + "name": "buttonPrimaryBackgroundActive", + "value": "#008472" }, "foundation": { - "name": "backgroundCountryFlag", - "value": "none" + "name": "buttonPrimaryBackgroundActive", + "value": "foundation.palette.product.normalActive" }, "scss": { - "name": "backgroundCountryFlag", - "value": "transparent" + "name": "buttonPrimaryBackgroundActive", + "value": "rgb(0, 132, 114)" } }, - "backgroundServiceLogo": { + "buttonPrimaryForeground": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "service-logo" + "object": "button", + "variant": "primary", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundServiceLogo", - "value": "transparent" + "name": "buttonPrimaryForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundServiceLogo", - "value": "none" + "name": "buttonPrimaryForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundServiceLogo", - "value": "transparent" + "name": "buttonPrimaryForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundTooltip": { + "buttonPrimaryForegroundHover": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tooltip" + "object": "button", + "variant": "primary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundTooltip", + "name": "buttonPrimaryForegroundHover", "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTooltip", + "name": "buttonPrimaryForegroundHover", "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTooltip", + "name": "buttonPrimaryForegroundHover", "value": "rgb(255, 255, 255)" } }, - "backgroundTooltipLargeMobile": { + "buttonPrimaryForegroundActive": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tooltip-large-mobile" + "object": "button", + "variant": "primary", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundTooltipLargeMobile", - "value": "#005AA3" + "name": "buttonPrimaryForegroundActive", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTooltipLargeMobile", - "value": "foundation.palette.blue.dark" + "name": "buttonPrimaryForegroundActive", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTooltipLargeMobile", - "value": "rgb(0, 90, 163)" + "name": "buttonPrimaryForegroundActive", + "value": "rgb(255, 255, 255)" } }, - "backgroundSeparator": { + "buttonPrimaryBorderColorFocus": { "type": "color", - "deprecated": true, - "replacement": "elevationFlatBorderColor", + "category": "border-color", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "separator" + "object": "button", + "variant": "primary", + "subVariant": "border-color-focus" }, "javascript": { - "name": "backgroundSeparator", - "value": "#E8EDF1" + "name": "buttonPrimaryBorderColorFocus", + "value": "#00A58E80" }, "foundation": { - "name": "backgroundSeparator", - "value": "foundation.palette.cloud.normal" + "name": "buttonPrimaryBorderColorFocus", + "value": "foundation.palette.product.normal" }, "scss": { - "name": "backgroundSeparator", - "value": "rgb(232, 237, 241)" + "name": "buttonPrimaryBorderColorFocus", + "value": "rgba(0, 165, 142, 0.5)" } }, - "backgroundSwitch": { + "buttonSecondaryBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "switch" + "object": "button", + "variant": "secondary", + "subVariant": "background" }, "javascript": { - "name": "backgroundSwitch", - "value": "#BAC7D5" + "name": "buttonSecondaryBackground", + "value": "#E8EDF1" }, "foundation": { - "name": "backgroundSwitch", - "value": "foundation.palette.cloud.dark" + "name": "buttonSecondaryBackground", + "value": "foundation.palette.cloud.normal" }, "scss": { - "name": "backgroundSwitch", - "value": "rgb(186, 199, 213)" + "name": "buttonSecondaryBackground", + "value": "rgb(232, 237, 241)" } }, - "backgroundSwitchChecked": { + "buttonSecondaryBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "switch-checked" + "object": "button", + "variant": "secondary", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundSwitchChecked", - "value": "#0070C8" + "name": "buttonSecondaryBackgroundHover", + "value": "#DCE3E9" }, "foundation": { - "name": "backgroundSwitchChecked", - "value": "foundation.palette.blue.normal" + "name": "buttonSecondaryBackgroundHover", + "value": "foundation.palette.cloud.normalHover" }, "scss": { - "name": "backgroundSwitchChecked", - "value": "rgb(0, 112, 200)" + "name": "buttonSecondaryBackgroundHover", + "value": "rgb(220, 227, 233)" } }, - "backgroundInput": { + "buttonSecondaryBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "formElementBackground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "input" + "object": "button", + "variant": "secondary", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundInput", - "value": "#FFFFFF" + "name": "buttonSecondaryBackgroundActive", + "value": "#CAD4DE" }, "foundation": { - "name": "backgroundInput", - "value": "foundation.palette.white.normal" + "name": "buttonSecondaryBackgroundActive", + "value": "foundation.palette.cloud.normalActive" }, "scss": { - "name": "backgroundInput", - "value": "rgb(255, 255, 255)" + "name": "buttonSecondaryBackgroundActive", + "value": "rgb(202, 212, 222)" } }, - "backgroundInputDisabled": { + "buttonSecondaryForeground": { "type": "color", - "deprecated": true, - "replacement": "formElementDisabledBackground", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "input-disabled" + "object": "button", + "variant": "secondary", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundInputDisabled", - "value": "#E8EDF1" + "name": "buttonSecondaryForeground", + "value": "#252A31" }, "foundation": { - "name": "backgroundInputDisabled", - "value": "foundation.palette.cloud.normal" + "name": "buttonSecondaryForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "backgroundInputDisabled", - "value": "rgb(232, 237, 241)" + "name": "buttonSecondaryForeground", + "value": "rgb(37, 42, 49)" } }, - "backgroundModal": { + "buttonSecondaryForegroundHover": { "type": "color", - "deprecated": true, - "replacement": "elevationFlatBackground", + "category": "foreground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "modal" + "object": "button", + "variant": "secondary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundModal", - "value": "#FFFFFF" + "name": "buttonSecondaryForegroundHover", + "value": "#181B20" }, "foundation": { - "name": "backgroundModal", - "value": "foundation.palette.white.normal" + "name": "buttonSecondaryForegroundHover", + "value": "foundation.palette.ink.darkHover" }, "scss": { - "name": "backgroundModal", - "value": "rgb(255, 255, 255)" + "name": "buttonSecondaryForegroundHover", + "value": "rgb(24, 27, 32)" } }, - "backgroundTable": { + "buttonSecondaryForegroundActive": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "table" + "object": "button", + "variant": "secondary", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundTable", - "value": "#FFFFFF" + "name": "buttonSecondaryForegroundActive", + "value": "#0B0C0F" }, "foundation": { - "name": "backgroundTable", - "value": "foundation.palette.white.normal" + "name": "buttonSecondaryForegroundActive", + "value": "foundation.palette.ink.darkActive" }, "scss": { - "name": "backgroundTable", - "value": "rgb(255, 255, 255)" + "name": "buttonSecondaryForegroundActive", + "value": "rgb(11, 12, 15)" } }, - "backgroundTableEven": { + "buttonSuccessBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "table-even" + "object": "button", + "variant": "success", + "subVariant": "background" }, "javascript": { - "name": "backgroundTableEven", - "value": "#F5F7F9" + "name": "buttonSuccessBackground", + "value": "#0A932B" }, "foundation": { - "name": "backgroundTableEven", - "value": "foundation.palette.cloud.light" + "name": "buttonSuccessBackground", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "backgroundTableEven", - "value": "rgb(245, 247, 249)" + "name": "buttonSuccessBackground", + "value": "rgb(10, 147, 43)" } }, - "backgroundTableHover": { + "buttonSuccessBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "table-hover" + "object": "button", + "variant": "success", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundTableHover", - "value": "#E8EDF1" + "name": "buttonSuccessBackgroundHover", + "value": "#238B31" }, "foundation": { - "name": "backgroundTableHover", - "value": "foundation.palette.cloud.normal" + "name": "buttonSuccessBackgroundHover", + "value": "foundation.palette.green.normalHover" }, "scss": { - "name": "backgroundTableHover", - "value": "rgb(232, 237, 241)" + "name": "buttonSuccessBackgroundHover", + "value": "rgb(35, 139, 49)" } }, - "backgroundTableShadowLeft": { + "buttonSuccessBackgroundActive": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "table-shadow", - "subVariant": "left" + "object": "button", + "variant": "success", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundTableShadowLeft", - "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" + "name": "buttonSuccessBackgroundActive", + "value": "#1D7228" }, "foundation": { - "name": "backgroundTableShadowLeft", - "value": "none" + "name": "buttonSuccessBackgroundActive", + "value": "foundation.palette.green.normalActive" }, "scss": { - "name": "backgroundTableShadowLeft", - "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" + "name": "buttonSuccessBackgroundActive", + "value": "rgb(29, 114, 40)" } }, - "backgroundTableShadowRight": { + "buttonSuccessForeground": { "type": "color", + "category": "foreground", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "table-shadow", - "subVariant": "right" + "object": "button", + "variant": "success", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundTableShadowRight", - "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" + "name": "buttonSuccessForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTableShadowRight", - "value": "none" + "name": "buttonSuccessForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTableShadowRight", - "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" + "name": "buttonSuccessForeground", + "value": "rgb(255, 255, 255)" } }, - "backgroundTag": { + "buttonSuccessForegroundHover": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag" + "object": "button", + "variant": "success", + "subVariant": "foreground-hover" }, "javascript": { - "name": "backgroundTag", - "value": "#F5F7F9" + "name": "buttonSuccessForegroundHover", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTag", - "value": "foundation.palette.cloud.light" + "name": "buttonSuccessForegroundHover", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTag", - "value": "rgb(245, 247, 249)" + "name": "buttonSuccessForegroundHover", + "value": "rgb(255, 255, 255)" } }, - "backgroundTagHover": { + "buttonSuccessForegroundActive": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag-hover" + "object": "button", + "variant": "success", + "subVariant": "foreground-active" }, "javascript": { - "name": "backgroundTagHover", - "value": "#E5EAEF" + "name": "buttonSuccessForegroundActive", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTagHover", - "value": "foundation.palette.cloud.lightHover" + "name": "buttonSuccessForegroundActive", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTagHover", - "value": "rgb(229, 234, 239)" + "name": "buttonSuccessForegroundActive", + "value": "rgb(255, 255, 255)" } }, - "backgroundTagActive": { + "buttonWarningBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag-active" + "object": "button", + "variant": "warning", + "subVariant": "background" }, "javascript": { - "name": "backgroundTagActive", - "value": "#D6DEE6" + "name": "buttonWarningBackground", + "value": "#CF6C00" }, "foundation": { - "name": "backgroundTagActive", - "value": "foundation.palette.cloud.lightActive" + "name": "buttonWarningBackground", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "backgroundTagActive", - "value": "rgb(214, 222, 230)" + "name": "buttonWarningBackground", + "value": "rgb(207, 108, 0)" } }, - "backgroundTagSelected": { + "buttonWarningBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag-selected" + "object": "button", + "variant": "warning", + "subVariant": "background-hover" }, "javascript": { - "name": "backgroundTagSelected", - "value": "#252A31" + "name": "buttonWarningBackgroundHover", + "value": "#B86000" }, "foundation": { - "name": "backgroundTagSelected", - "value": "foundation.palette.ink.dark" + "name": "buttonWarningBackgroundHover", + "value": "foundation.palette.orange.normalHover" }, "scss": { - "name": "backgroundTagSelected", - "value": "rgb(37, 42, 49)" + "name": "buttonWarningBackgroundHover", + "value": "rgb(184, 96, 0)" } }, - "backgroundTagSelectedHover": { + "buttonWarningBackgroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag-selected-hover" + "object": "button", + "variant": "warning", + "subVariant": "background-active" }, "javascript": { - "name": "backgroundTagSelectedHover", - "value": "#181B20" + "name": "buttonWarningBackgroundActive", + "value": "#AD5700" }, "foundation": { - "name": "backgroundTagSelectedHover", - "value": "foundation.palette.ink.darkHover" + "name": "buttonWarningBackgroundActive", + "value": "foundation.palette.orange.normalActive" }, "scss": { - "name": "backgroundTagSelectedHover", - "value": "rgb(24, 27, 32)" + "name": "buttonWarningBackgroundActive", + "value": "rgb(173, 87, 0)" } }, - "backgroundTagSelectedActive": { + "buttonWarningForeground": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "background", - "variant": "tag-selected-active" + "object": "button", + "variant": "warning", + "subVariant": "foreground" }, "javascript": { - "name": "backgroundTagSelectedActive", - "value": "#0B0C0F" + "name": "buttonWarningForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "backgroundTagSelectedActive", - "value": "foundation.palette.ink.darkActive" + "name": "buttonWarningForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "backgroundTagSelectedActive", - "value": "rgb(11, 12, 15)" + "name": "buttonWarningForeground", + "value": "rgb(255, 255, 255)" } }, - "colorAlertIconCritical": { + "buttonWarningForegroundHover": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "alert-icon", - "subVariant": "critical" + "object": "button", + "variant": "warning", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorAlertIconCritical", - "value": "#D21C1C" + "name": "buttonWarningForegroundHover", + "value": "#FFFFFF" }, "foundation": { - "name": "colorAlertIconCritical", - "value": "foundation.palette.red.normal" + "name": "buttonWarningForegroundHover", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorAlertIconCritical", - "value": "rgb(210, 28, 28)" + "name": "buttonWarningForegroundHover", + "value": "rgb(255, 255, 255)" } }, - "colorAlertIconInfo": { + "buttonWarningForegroundActive": { "type": "color", - "deprecated": true, + "category": "foreground", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "alert-icon", - "subVariant": "info" + "object": "button", + "variant": "warning", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorAlertIconInfo", - "value": "#0070C8" + "name": "buttonWarningForegroundActive", + "value": "#FFFFFF" }, "foundation": { - "name": "colorAlertIconInfo", - "value": "foundation.palette.blue.normal" + "name": "buttonWarningForegroundActive", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorAlertIconInfo", - "value": "rgb(0, 112, 200)" + "name": "buttonWarningForegroundActive", + "value": "rgb(255, 255, 255)" } }, - "colorAlertIconSuccess": { + "buttonWhiteBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "alert-icon", - "subVariant": "success" + "object": "button", + "variant": "white", + "subVariant": "background" }, "javascript": { - "name": "colorAlertIconSuccess", - "value": "#0A932B" + "name": "buttonWhiteBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "colorAlertIconSuccess", - "value": "foundation.palette.green.normal" + "name": "buttonWhiteBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorAlertIconSuccess", - "value": "rgb(10, 147, 43)" + "name": "buttonWhiteBackground", + "value": "rgb(255, 255, 255)" } }, - "colorAlertIconWarning": { + "buttonWhiteBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "alert-icon", - "subVariant": "warning" - }, - "javascript": { - "name": "colorAlertIconWarning", - "value": "#CF6C00" + "object": "button", + "variant": "white", + "subVariant": "background-hover" + }, + "javascript": { + "name": "buttonWhiteBackgroundHover", + "value": "#F5F7F9" }, "foundation": { - "name": "colorAlertIconWarning", - "value": "foundation.palette.orange.normal" + "name": "buttonWhiteBackgroundHover", + "value": "foundation.palette.cloud.light" }, "scss": { - "name": "colorAlertIconWarning", - "value": "rgb(207, 108, 0)" + "name": "buttonWhiteBackgroundHover", + "value": "rgb(245, 247, 249)" } }, - "colorFormLabel": { + "buttonWhiteBackgroundActive": { "type": "color", - "deprecated": true, - "replacement": "formElementLabelForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "form-label" + "object": "button", + "variant": "white", + "subVariant": "background-active" }, "javascript": { - "name": "colorFormLabel", - "value": "#252A31" + "name": "buttonWhiteBackgroundActive", + "value": "#E5EAEF" }, "foundation": { - "name": "colorFormLabel", - "value": "foundation.palette.ink.dark" + "name": "buttonWhiteBackgroundActive", + "value": "foundation.palette.cloud.lightHover" }, "scss": { - "name": "colorFormLabel", - "value": "rgb(37, 42, 49)" + "name": "buttonWhiteBackgroundActive", + "value": "rgb(229, 234, 239)" } }, - "colorFormLabelFilled": { + "buttonWhiteForeground": { "type": "color", - "deprecated": true, - "replacement": "formElementLabelFilled", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "form-label-filled" + "object": "button", + "variant": "white", + "subVariant": "foreground" }, "javascript": { - "name": "colorFormLabelFilled", - "value": "#4F5E71" + "name": "buttonWhiteForeground", + "value": "#252A31" }, "foundation": { - "name": "colorFormLabelFilled", - "value": "foundation.palette.ink.normal" + "name": "buttonWhiteForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorFormLabelFilled", - "value": "rgb(79, 94, 113)" + "name": "buttonWhiteForeground", + "value": "rgb(37, 42, 49)" } }, - "colorIconCheckboxRadio": { + "buttonWhiteForegroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon-checkbox-radio" + "object": "button", + "variant": "white", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorIconCheckboxRadio", - "value": "#00A58E" + "name": "buttonWhiteForegroundHover", + "value": "#181B20" }, "foundation": { - "name": "colorIconCheckboxRadio", - "value": "foundation.palette.product.normal" + "name": "buttonWhiteForegroundHover", + "value": "foundation.palette.ink.darkHover" }, "scss": { - "name": "colorIconCheckboxRadio", - "value": "rgb(0, 165, 142)" + "name": "buttonWhiteForegroundHover", + "value": "rgb(24, 27, 32)" } }, - "colorIconCheckboxRadioDisabled": { + "buttonWhiteForegroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon-checkbox-radio-disabled" + "object": "button", + "variant": "white", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorIconCheckboxRadioDisabled", - "value": "#BAC7D5" + "name": "buttonWhiteForegroundActive", + "value": "#0B0C0F" }, "foundation": { - "name": "colorIconCheckboxRadioDisabled", - "value": "foundation.palette.cloud.dark" + "name": "buttonWhiteForegroundActive", + "value": "foundation.palette.ink.darkActive" }, "scss": { - "name": "colorIconCheckboxRadioDisabled", - "value": "rgb(186, 199, 213)" + "name": "buttonWhiteForegroundActive", + "value": "rgb(11, 12, 15)" } }, - "colorIconInput": { + "buttonWhiteBorderColorFocus": { "type": "color", - "deprecated": true, - "replacement": "iconTertiaryForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon-input" + "object": "button", + "variant": "white", + "subVariant": "border-color-focus" }, "javascript": { - "name": "colorIconInput", - "value": "#BAC7D5" + "name": "buttonWhiteBorderColorFocus", + "value": "#E7ECF180" }, "foundation": { - "name": "colorIconInput", - "value": "foundation.palette.cloud.dark" + "name": "buttonWhiteBorderColorFocus", + "value": "foundation.palette.white.normalActive" }, "scss": { - "name": "colorIconInput", - "value": "rgb(186, 199, 213)" + "name": "buttonWhiteBorderColorFocus", + "value": "rgba(231, 236, 241, 0.5)" } }, - "colorIconRadioButton": { - "type": "color", - "deprecated": true, + "countryFlagShadow": { + "type": "box-shadow", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon-radio-button" + "object": "country-flag", + "variant": "shadow" }, "javascript": { - "name": "colorIconRadioButton", - "value": "#00A58E" + "name": "countryFlagShadow", + "value": "inset 0 0 0 1px rgba(37, 42, 49, 0.1)" }, "foundation": { - "name": "colorIconRadioButton", - "value": "foundation.palette.product.normal" + "name": "countryFlagShadow", + "value": "inset 0 0 0 1px color(#252A31, opacity: 10)" }, "scss": { - "name": "colorIconRadioButton", - "value": "rgb(0, 165, 142)" + "name": "countryFlagShadow", + "value": "inset 0 0 0 1px rgba(37, 42, 49, 0.1)" } }, - "colorIconRadioButtonDisabled": { - "type": "color", - "deprecated": true, + "countryFlagBackground": { + "type": "background-color", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon-radio-button-disabled" + "object": "country-flag", + "variant": "background" }, "javascript": { - "name": "colorIconRadioButtonDisabled", - "value": "#4F5E71" + "name": "countryFlagBackground", + "value": "transparent" }, "foundation": { - "name": "colorIconRadioButtonDisabled", - "value": "foundation.palette.ink.normal" + "name": "countryFlagBackground", + "value": "none" }, "scss": { - "name": "colorIconRadioButtonDisabled", - "value": "rgb(79, 94, 113)" + "name": "countryFlagBackground", + "value": "transparent" } }, - "colorInfoCheckBoxRadio": { - "type": "color", - "deprecated": true, - "replacement": "textSecondaryForeground", + "countryFlagSmallHeight": { + "type": "height", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "info-check-box-radio" + "object": "country-flag", + "variant": "small", + "subVariant": "height" }, "javascript": { - "name": "colorInfoCheckBoxRadio", - "value": "#4F5E71" + "name": "countryFlagSmallHeight", + "value": "9px" }, "foundation": { - "name": "colorInfoCheckBoxRadio", - "value": "foundation.palette.ink.normal" + "name": "countryFlagSmallHeight", + "value": "none" }, "scss": { - "name": "colorInfoCheckBoxRadio", - "value": "rgb(79, 94, 113)" + "name": "countryFlagSmallHeight", + "value": "9px" } }, - "colorPlaceholderInput": { - "type": "color", - "deprecated": true, - "replacement": "formElementForeground", + "countryFlagSmallWidth": { + "type": "width", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "placeholder-input" + "object": "country-flag", + "variant": "small", + "subVariant": "width" }, "javascript": { - "name": "colorPlaceholderInput", - "value": "#697D95" + "name": "countryFlagSmallWidth", + "value": "16px" }, "foundation": { - "name": "colorPlaceholderInput", - "value": "foundation.palette.ink.light" + "name": "countryFlagSmallWidth", + "value": "none" }, "scss": { - "name": "colorPlaceholderInput", - "value": "rgb(105, 125, 149)" + "name": "countryFlagSmallWidth", + "value": "16px" } }, - "colorPlaceholderInputError": { - "type": "color", - "deprecated": true, + "countryFlagMediumHeight": { + "type": "height", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "placeholder-input-error" + "object": "country-flag", + "variant": "medium", + "subVariant": "height" }, "javascript": { - "name": "colorPlaceholderInputError", - "value": "#D21C1C" + "name": "countryFlagMediumHeight", + "value": "13px" }, "foundation": { - "name": "colorPlaceholderInputError", - "value": "foundation.palette.red.normal" + "name": "countryFlagMediumHeight", + "value": "none" }, "scss": { - "name": "colorPlaceholderInputError", - "value": "rgb(210, 28, 28)" + "name": "countryFlagMediumHeight", + "value": "13px" } }, - "colorPlaceholderInputFile": { - "type": "color", - "deprecated": true, + "countryFlagMediumWidth": { + "type": "width", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "placeholder-input-file" + "object": "country-flag", + "variant": "medium", + "subVariant": "width" }, "javascript": { - "name": "colorPlaceholderInputFile", - "value": "#697D95" + "name": "countryFlagMediumWidth", + "value": "24px" }, "foundation": { - "name": "colorPlaceholderInputFile", - "value": "foundation.palette.ink.light" + "name": "countryFlagMediumWidth", + "value": "none" }, "scss": { - "name": "colorPlaceholderInputFile", - "value": "rgb(105, 125, 149)" + "name": "countryFlagMediumWidth", + "value": "24px" } }, - "colorPlaceholderInputFileError": { - "type": "color", - "deprecated": true, + "dialogBorderRadiusDesktop": { + "type": "border-radius", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "placeholder-input-file-error" + "object": "dialog", + "variant": "border-radius", + "subVariant": "desktop" }, "javascript": { - "name": "colorPlaceholderInputFileError", - "value": "#D21C1C" + "name": "dialogBorderRadiusDesktop", + "value": "9px" }, "foundation": { - "name": "colorPlaceholderInputFileError", - "value": "foundation.palette.red.normal" + "name": "dialogBorderRadiusDesktop", + "value": "none" }, "scss": { - "name": "colorPlaceholderInputFileError", - "value": "rgb(210, 28, 28)" + "name": "dialogBorderRadiusDesktop", + "value": "9px" } }, - "colorTextInput": { - "type": "color", - "deprecated": true, - "replacement": "formElementFilledForeground", + "dialogBorderRadiusMobile": { + "type": "border-radius", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-input" + "object": "dialog", + "variant": "border-radius", + "subVariant": "mobile" }, "javascript": { - "name": "colorTextInput", - "value": "#252A31" + "name": "dialogBorderRadiusMobile", + "value": "12px" }, "foundation": { - "name": "colorTextInput", - "value": "foundation.palette.ink.dark" + "name": "dialogBorderRadiusMobile", + "value": "none" }, "scss": { - "name": "colorTextInput", - "value": "rgb(37, 42, 49)" + "name": "dialogBorderRadiusMobile", + "value": "12px" } }, - "colorTextInputDisabled": { - "type": "color", - "deprecated": true, - "replacement": "formElementDisabledForeground", + "dialogWidth": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-input-disabled" + "object": "dialog", + "variant": "width" }, "javascript": { - "name": "colorTextInputDisabled", - "value": "#4F5E71" + "name": "dialogWidth", + "value": "540px" }, "foundation": { - "name": "colorTextInputDisabled", - "value": "foundation.palette.ink.normal" + "name": "dialogWidth", + "value": "none" }, "scss": { - "name": "colorTextInputDisabled", - "value": "rgb(79, 94, 113)" + "name": "dialogWidth", + "value": "540px" } }, - "colorTextInputPrefix": { + "drawerOverlayBackground": { "type": "color", - "deprecated": true, - "replacement": "formElementPrefixForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-input-prefix" + "object": "drawer", + "variant": "overlay", + "subVariant": "background" }, "javascript": { - "name": "colorTextInputPrefix", - "value": "#4F5E71" + "name": "drawerOverlayBackground", + "value": "#252A3180" }, "foundation": { - "name": "colorTextInputPrefix", - "value": "foundation.palette.ink.normal" + "name": "drawerOverlayBackground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextInputPrefix", - "value": "rgb(79, 94, 113)" + "name": "drawerOverlayBackground", + "value": "rgba(37, 42, 49, 0.5)" } }, - "colorHeading": { - "type": "color", - "deprecated": true, - "replacement": "headingForeground", + "formBoxSmallHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "heading" + "object": "form-box", + "variant": "small", + "subVariant": "height" }, "javascript": { - "name": "colorHeading", - "value": "#252A31" + "name": "formBoxSmallHeight", + "value": "32px" }, "foundation": { - "name": "colorHeading", - "value": "foundation.palette.ink.dark" + "name": "formBoxSmallHeight", + "value": "foundation.size.large" }, "scss": { - "name": "colorHeading", - "value": "rgb(37, 42, 49)" + "name": "formBoxSmallHeight", + "value": "32px" } }, - "colorHeadingInverted": { - "type": "color", - "deprecated": true, - "replacement": "headingForegroundInverted", + "formBoxNormalHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "heading-inverted" + "object": "form-box", + "variant": "normal", + "subVariant": "height" }, "javascript": { - "name": "colorHeadingInverted", - "value": "#FFFFFF" + "name": "formBoxNormalHeight", + "value": "44px" }, "foundation": { - "name": "colorHeadingInverted", - "value": "foundation.palette.white.normal" + "name": "formBoxNormalHeight", + "value": "foundation.size.extraLarge" }, "scss": { - "name": "colorHeadingInverted", - "value": "rgb(255, 255, 255)" + "name": "formBoxNormalHeight", + "value": "44px" } }, - "colorIconPrimary": { - "type": "color", - "deprecated": true, - "replacement": "iconPrimaryForeground", + "formBoxLargeHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "primary" + "object": "form-box", + "variant": "large", + "subVariant": "height" }, "javascript": { - "name": "colorIconPrimary", - "value": "#252A31" + "name": "formBoxLargeHeight", + "value": "52px" }, "foundation": { - "name": "colorIconPrimary", - "value": "foundation.palette.ink.dark" + "name": "formBoxLargeHeight", + "value": "foundation.size.extraExtraLarge" }, "scss": { - "name": "colorIconPrimary", - "value": "rgb(37, 42, 49)" + "name": "formBoxLargeHeight", + "value": "52px" } }, - "colorIconSecondary": { + "formElementBackground": { "type": "color", - "deprecated": true, - "replacement": "iconSecondaryForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "secondary" + "object": "form-element", + "variant": "background" }, "javascript": { - "name": "colorIconSecondary", - "value": "#4F5E71" + "name": "formElementBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "colorIconSecondary", - "value": "foundation.palette.ink.normal" + "name": "formElementBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorIconSecondary", - "value": "rgb(79, 94, 113)" + "name": "formElementBackground", + "value": "rgb(255, 255, 255)" } }, - "colorIconTertiary": { + "formElementDisabledBackground": { "type": "color", - "deprecated": true, - "replacement": "iconTertiaryForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "tertiary" + "object": "form-element", + "variant": "disabled", + "subVariant": "background" }, "javascript": { - "name": "colorIconTertiary", - "value": "#BAC7D5" + "name": "formElementDisabledBackground", + "value": "#E8EDF1" }, "foundation": { - "name": "colorIconTertiary", - "value": "foundation.palette.cloud.dark" + "name": "formElementDisabledBackground", + "value": "foundation.palette.cloud.normal" }, "scss": { - "name": "colorIconTertiary", - "value": "rgb(186, 199, 213)" + "name": "formElementDisabledBackground", + "value": "rgb(232, 237, 241)" } }, - "colorIconInfo": { + "formElementDisabledForeground": { "type": "color", - "deprecated": true, - "replacement": "iconInfoForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "info" + "object": "form-element", + "variant": "disabled", + "subVariant": "foreground" }, "javascript": { - "name": "colorIconInfo", - "value": "#0070C8" + "name": "formElementDisabledForeground", + "value": "#4F5E71" }, "foundation": { - "name": "colorIconInfo", - "value": "foundation.palette.blue.normal" + "name": "formElementDisabledForeground", + "value": "foundation.palette.ink.normal" }, "scss": { - "name": "colorIconInfo", - "value": "rgb(0, 112, 200)" + "name": "formElementDisabledForeground", + "value": "rgb(79, 94, 113)" } }, - "colorIconSuccess": { - "type": "color", - "deprecated": true, - "replacement": "iconSuccessForeground", + "formElementDisabledOpacity": { + "type": "opacity", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "success" + "object": "form-element", + "variant": "disabled", + "subVariant": "opacity" }, "javascript": { - "name": "colorIconSuccess", - "value": "#0A932B" + "name": "formElementDisabledOpacity", + "value": "0.5" }, "foundation": { - "name": "colorIconSuccess", - "value": "foundation.palette.green.normal" + "name": "formElementDisabledOpacity", + "value": "none" }, "scss": { - "name": "colorIconSuccess", - "value": "rgb(10, 147, 43)" + "name": "formElementDisabledOpacity", + "value": "0.5" } }, - "colorIconWarning": { + "formElementBorderColorDisabled": { "type": "color", - "deprecated": true, - "replacement": "iconWarningForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "warning" + "object": "form-element", + "variant": "border-color-disabled" }, "javascript": { - "name": "colorIconWarning", - "value": "#CF6C00" + "name": "formElementBorderColorDisabled", + "value": "transparent" }, "foundation": { - "name": "colorIconWarning", - "value": "foundation.palette.orange.normal" + "name": "formElementBorderColorDisabled", + "value": "none" }, "scss": { - "name": "colorIconWarning", - "value": "rgb(207, 108, 0)" + "name": "formElementBorderColorDisabled", + "value": "transparent" } }, - "colorIconCritical": { + "formElementBorderColor": { "type": "color", - "deprecated": true, - "replacement": "iconCriticalForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "icon", - "subVariant": "critical" + "object": "form-element", + "variant": "border-color" }, "javascript": { - "name": "colorIconCritical", - "value": "#D21C1C" + "name": "formElementBorderColor", + "value": "#BAC7D5" }, "foundation": { - "name": "colorIconCritical", - "value": "foundation.palette.red.normal" + "name": "formElementBorderColor", + "value": "foundation.palette.cloud.dark" }, "scss": { - "name": "colorIconCritical", - "value": "rgb(210, 28, 28)" + "name": "formElementBorderColor", + "value": "rgb(186, 199, 213)" } }, - "colorStopoverArrow": { + "formElementBorderColorHover": { "type": "color", - "deprecated": true, - "replacement": "iconSecondaryForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "stopover-arrow" + "object": "form-element", + "variant": "border-color-hover" }, "javascript": { - "name": "colorStopoverArrow", - "value": "#697D95" + "name": "formElementBorderColorHover", + "value": "#A6B6C8" }, "foundation": { - "name": "colorStopoverArrow", - "value": "foundation.palette.ink.light" + "name": "formElementBorderColorHover", + "value": "foundation.palette.cloud.darkHover" }, "scss": { - "name": "colorStopoverArrow", - "value": "rgb(105, 125, 149)" + "name": "formElementBorderColorHover", + "value": "rgb(166, 182, 200)" } }, - "colorTextLinkPrimary": { + "formElementBorderColorActive": { "type": "color", - "deprecated": true, - "replacement": "textLinkPrimaryForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-link", - "subVariant": "primary" + "object": "form-element", + "variant": "border-color-active" }, "javascript": { - "name": "colorTextLinkPrimary", - "value": "#007A69" + "name": "formElementBorderColorActive", + "value": "#94A8BE" }, "foundation": { - "name": "colorTextLinkPrimary", - "value": "foundation.palette.product.dark" + "name": "formElementBorderColorActive", + "value": "foundation.palette.cloud.darkActive" }, "scss": { - "name": "colorTextLinkPrimary", - "value": "rgb(0, 122, 105)" + "name": "formElementBorderColorActive", + "value": "rgb(148, 168, 190)" } }, - "colorTextLinkPrimaryHover": { + "formElementBorderColorFocus": { "type": "color", - "deprecated": true, - "replacement": "textLinkPrimaryForegroundHover", + "comment": "Should be used for all form-elements when the component has active or focus state and it's needed to render border attribute, or combined with shadows.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-link", - "subVariant": "primary-hover" + "object": "form-element", + "variant": "border-color-focus" }, "javascript": { - "name": "colorTextLinkPrimaryHover", - "value": "#00A58E" + "name": "formElementBorderColorFocus", + "value": "#0070C8" }, "foundation": { - "name": "colorTextLinkPrimaryHover", - "value": "foundation.palette.product.normal" + "name": "formElementBorderColorFocus", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "colorTextLinkPrimaryHover", - "value": "rgb(0, 165, 142)" + "name": "formElementBorderColorFocus", + "value": "rgb(0, 112, 200)" } }, - "colorTextLinkSecondary": { + "formElementBorderColorError": { "type": "color", - "deprecated": true, - "replacement": "textLinkSecondaryForeground", + "comment": "Should be used for all form-elements when the component has error state and it's needed to render border attribute, or combined with shadows.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-link", - "subVariant": "secondary" + "object": "form-element", + "variant": "border-color-error" }, "javascript": { - "name": "colorTextLinkSecondary", - "value": "#252A31" + "name": "formElementBorderColorError", + "value": "#D21C1C" }, "foundation": { - "name": "colorTextLinkSecondary", - "value": "foundation.palette.ink.dark" + "name": "formElementBorderColorError", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "colorTextLinkSecondary", - "value": "rgb(37, 42, 49)" + "name": "formElementBorderColorError", + "value": "rgb(210, 28, 28)" } }, - "colorTextLinkSecondaryHover": { + "formElementBorderColorErrorHover": { "type": "color", - "deprecated": true, - "replacement": "textLinkSecondaryForegroundHover", + "comment": "Should be used for all form-elements when the component has error and hover state and it's needed to render border attribute, or combined with shadows.", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text-link", - "subVariant": "secondary-hover" + "object": "form-element", + "variant": "border-color-error-hover" }, "javascript": { - "name": "colorTextLinkSecondaryHover", - "value": "#00A58E" + "name": "formElementBorderColorErrorHover", + "value": "#B91919" }, "foundation": { - "name": "colorTextLinkSecondaryHover", - "value": "foundation.palette.product.normal" + "name": "formElementBorderColorErrorHover", + "value": "foundation.palette.red.normalHover" }, "scss": { - "name": "colorTextLinkSecondaryHover", - "value": "rgb(0, 165, 142)" + "name": "formElementBorderColorErrorHover", + "value": "rgb(185, 25, 25)" } }, - "colorTextPrimary": { - "type": "color", - "deprecated": true, - "replacement": "textPrimaryForeground", + "formElementBoxShadow": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "primary" + "object": "form-element", + "variant": "box-shadow" }, "javascript": { - "name": "colorTextPrimary", - "value": "#252A31" + "name": "formElementBoxShadow", + "value": "inset 0 0 0 1px rgba(186, 199, 213, 1)" }, "foundation": { - "name": "colorTextPrimary", - "value": "foundation.palette.ink.dark" + "name": "formElementBoxShadow", + "value": "inset 0 0 0 1px color(#BAC7D5, opacity: 100)" }, "scss": { - "name": "colorTextPrimary", - "value": "rgb(37, 42, 49)" + "name": "formElementBoxShadow", + "value": "inset 0 0 0 1px rgba(186, 199, 213, 1)" } }, - "colorTextSecondary": { - "type": "color", - "deprecated": true, - "replacement": "textSecondaryForeground", + "formElementBoxShadowError": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "secondary" + "object": "form-element", + "variant": "box-shadow-error" }, "javascript": { - "name": "colorTextSecondary", - "value": "#4F5E71" + "name": "formElementBoxShadowError", + "value": "inset 0 0 0 1px rgba(210, 28, 28, 1)" }, "foundation": { - "name": "colorTextSecondary", - "value": "foundation.palette.ink.normal" + "name": "formElementBoxShadowError", + "value": "inset 0 0 0 1px color(#D21C1C, opacity: 100)" }, "scss": { - "name": "colorTextSecondary", - "value": "rgb(79, 94, 113)" + "name": "formElementBoxShadowError", + "value": "inset 0 0 0 1px rgba(210, 28, 28, 1)" } }, - "colorTextInfo": { - "type": "color", - "deprecated": true, - "replacement": "textInfoForeground", + "formElementBoxShadowErrorHover": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "info" + "object": "form-element", + "variant": "box-shadow-error-hover" }, "javascript": { - "name": "colorTextInfo", - "value": "#0070C8" + "name": "formElementBoxShadowErrorHover", + "value": "inset 0 0 0 1px rgba(185, 25, 25, 1)" }, "foundation": { - "name": "colorTextInfo", - "value": "foundation.palette.blue.normal" + "name": "formElementBoxShadowErrorHover", + "value": "inset 0 0 0 1px color(#B91919, opacity: 100)" }, "scss": { - "name": "colorTextInfo", - "value": "rgb(0, 112, 200)" + "name": "formElementBoxShadowErrorHover", + "value": "inset 0 0 0 1px rgba(185, 25, 25, 1)" } }, - "colorTextSuccess": { - "type": "color", - "deprecated": true, - "replacement": "textSuccessForeground", + "formElementBoxShadowHover": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "success" + "object": "form-element", + "variant": "box-shadow-hover" }, "javascript": { - "name": "colorTextSuccess", - "value": "#0A932B" + "name": "formElementBoxShadowHover", + "value": "inset 0 0 0 1px rgba(166, 182, 200, 1)" }, "foundation": { - "name": "colorTextSuccess", - "value": "foundation.palette.green.normal" + "name": "formElementBoxShadowHover", + "value": "inset 0 0 0 1px color(#A6B6C8, opacity: 100)" }, "scss": { - "name": "colorTextSuccess", - "value": "rgb(10, 147, 43)" + "name": "formElementBoxShadowHover", + "value": "inset 0 0 0 1px rgba(166, 182, 200, 1)" } }, - "colorTextWarning": { - "type": "color", - "deprecated": true, - "replacement": "textWarningForeground", + "formElementFocusBoxShadow": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "warning" + "object": "form-element", + "variant": "focus", + "subVariant": "box-shadow" }, "javascript": { - "name": "colorTextWarning", - "value": "#CF6C00" + "name": "formElementFocusBoxShadow", + "value": "inset 0 0 0 1px rgba(0, 112, 200, 1), inset 0 0 0 3px rgba(0, 112, 200, 0.15)" }, "foundation": { - "name": "colorTextWarning", - "value": "foundation.palette.orange.normal" + "name": "formElementFocusBoxShadow", + "value": "inset 0 0 0 1px color(#0070C8, opacity: 100), inset 0 0 0 3px color(#0070C8, opacity: 15)" }, "scss": { - "name": "colorTextWarning", - "value": "rgb(207, 108, 0)" + "name": "formElementFocusBoxShadow", + "value": "inset 0 0 0 1px rgba(0, 112, 200, 1), inset 0 0 0 3px rgba(0, 112, 200, 0.15)" } }, - "colorTextCritical": { - "type": "color", - "deprecated": true, - "replacement": "textCriticalForeground", + "formElementErrorFocusBoxShadow": { + "type": "box-shadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "critical" + "object": "form-element", + "variant": "error-focus", + "subVariant": "box-shadow" }, "javascript": { - "name": "colorTextCritical", - "value": "#D21C1C" + "name": "formElementErrorFocusBoxShadow", + "value": "inset 0 0 0 1px rgba(210, 28, 28, 1), inset 0 0 0 3px rgba(210, 28, 28, 0.15)" }, "foundation": { - "name": "colorTextCritical", - "value": "foundation.palette.red.normal" + "name": "formElementErrorFocusBoxShadow", + "value": "inset 0 0 0 1px color(#D21C1C, opacity: 100), inset 0 0 0 3px color(#D21C1C, opacity: 15)" }, "scss": { - "name": "colorTextCritical", - "value": "rgb(210, 28, 28)" + "name": "formElementErrorFocusBoxShadow", + "value": "inset 0 0 0 1px rgba(210, 28, 28, 1), inset 0 0 0 3px rgba(210, 28, 28, 0.15)" } }, - "colorTextWhite": { - "type": "color", - "deprecated": true, - "replacement": "textWhiteForeground", + "formElementNormalFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "white" + "object": "form-element", + "variant": "normal", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextWhite", - "value": "#FFFFFF" + "name": "formElementNormalFontSize", + "value": "15px" }, "foundation": { - "name": "colorTextWhite", - "value": "foundation.palette.white.normal" + "name": "formElementNormalFontSize", + "value": "foundation.fontSize.normal" }, "scss": { - "name": "colorTextWhite", - "value": "rgb(255, 255, 255)" + "name": "formElementNormalFontSize", + "value": "15px" } }, - "colorTextError": { - "type": "color", - "deprecated": true, - "replacement": "textCriticalForeground", + "formElementNormalPadding": { + "type": "size", + "category": "spacing", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color", - "variant": "text", - "subVariant": "error" + "object": "form-element", + "variant": "normal", + "subVariant": "padding" }, "javascript": { - "name": "colorTextError", - "value": "#D21C1C" + "name": "formElementNormalPadding", + "value": "0 12px" }, "foundation": { - "name": "colorTextError", - "value": "foundation.palette.red.normal" + "name": "formElementNormalPadding", + "value": "0 12px" }, "scss": { - "name": "colorTextError", - "value": "rgb(210, 28, 28)" + "name": "formElementNormalPadding", + "value": "0 12px" } }, - "colorTextAlertCritical": { + "formElementForeground": { "type": "color", - "deprecated": true, + "comment": "Should be used for the text when the value is not filled.", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "alert", - "subVariant": "critical" + "object": "form-element", + "variant": "foreground" }, "javascript": { - "name": "colorTextAlertCritical", - "value": "#970C0C" + "name": "formElementForeground", + "value": "#697D95" }, "foundation": { - "name": "colorTextAlertCritical", - "value": "foundation.palette.red.dark" + "name": "formElementForeground", + "value": "foundation.palette.ink.light" }, "scss": { - "name": "colorTextAlertCritical", - "value": "rgb(151, 12, 12)" + "name": "formElementForeground", + "value": "rgb(105, 125, 149)" } }, - "colorTextAlertInfo": { + "formElementFilledForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "alert", - "subVariant": "info" + "object": "form-element", + "variant": "filled", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextAlertInfo", - "value": "#005AA3" + "name": "formElementFilledForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextAlertInfo", - "value": "foundation.palette.blue.dark" + "name": "formElementFilledForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextAlertInfo", - "value": "rgb(0, 90, 163)" + "name": "formElementFilledForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextAlertSuccess": { + "formElementLabelForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "alert", - "subVariant": "success" + "object": "form-element", + "variant": "label", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextAlertSuccess", - "value": "#2D7738" + "name": "formElementLabelForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextAlertSuccess", - "value": "foundation.palette.green.dark" + "name": "formElementLabelForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextAlertSuccess", - "value": "rgb(45, 119, 56)" + "name": "formElementLabelForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextAlertWarning": { + "formElementLabelFilledForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "alert", - "subVariant": "warning" + "object": "form-element", + "variant": "label", + "subVariant": "filled" }, "javascript": { - "name": "colorTextAlertWarning", - "value": "#A75400" + "name": "formElementLabelFilledForeground", + "value": "#4F5E71" }, "foundation": { - "name": "colorTextAlertWarning", - "value": "foundation.palette.orange.dark" + "name": "formElementLabelFilledForeground", + "value": "foundation.palette.ink.normal" }, "scss": { - "name": "colorTextAlertWarning", - "value": "rgb(167, 84, 0)" + "name": "formElementLabelFilledForeground", + "value": "rgb(79, 94, 113)" } }, - "colorTextAlertLink": { + "formElementPrefixForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "alert", - "subVariant": "link" + "object": "form-element", + "variant": "prefix", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextAlertLink", + "name": "formElementPrefixForeground", "value": "#4F5E71" }, "foundation": { - "name": "colorTextAlertLink", + "name": "formElementPrefixForeground", "value": "foundation.palette.ink.normal" }, "scss": { - "name": "colorTextAlertLink", + "name": "formElementPrefixForeground", "value": "rgb(79, 94, 113)" } }, - "colorTextBadgeCritical": { - "type": "color", - "deprecated": true, - "replacement": "badgeCriticalForeground", + "formElementSmallPadding": { + "type": "size", + "category": "spacing", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "critical" + "object": "form-element", + "variant": "small", + "subVariant": "padding" }, "javascript": { - "name": "colorTextBadgeCritical", - "value": "#D21C1C" + "name": "formElementSmallPadding", + "value": "0 12px" }, "foundation": { - "name": "colorTextBadgeCritical", - "value": "foundation.palette.red.normal" + "name": "formElementSmallPadding", + "value": "0 12px" }, "scss": { - "name": "colorTextBadgeCritical", - "value": "rgb(210, 28, 28)" + "name": "formElementSmallPadding", + "value": "0 12px" } }, - "colorTextBadgeDark": { - "type": "color", - "deprecated": true, - "replacement": "badgeDarkForeground", + "headingDisplayFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "dark" + "object": "heading", + "variant": "display", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextBadgeDark", - "value": "#FFFFFF" + "name": "headingDisplayFontSize", + "value": "40px" }, "foundation": { - "name": "colorTextBadgeDark", - "value": "foundation.palette.white.normal" + "name": "headingDisplayFontSize", + "value": "none" }, "scss": { - "name": "colorTextBadgeDark", - "value": "rgb(255, 255, 255)" + "name": "headingDisplayFontSize", + "value": "40px" } }, - "colorTextBadgeInfo": { - "type": "color", - "deprecated": true, - "replacement": "badgeInfoForeground", + "headingDisplayFontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "info" + "object": "heading", + "variant": "display", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextBadgeInfo", - "value": "#0070C8" + "name": "headingDisplayFontWeight", + "value": 700 }, "foundation": { - "name": "colorTextBadgeInfo", - "value": "foundation.palette.blue.normal" + "name": "headingDisplayFontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextBadgeInfo", - "value": "rgb(0, 112, 200)" + "name": "headingDisplayFontWeight", + "value": 700 } }, - "colorTextBadgeNeutral": { - "type": "color", - "deprecated": true, - "replacement": "badgeNeutralForeground", + "headingDisplayLineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "neutral" + "object": "heading", + "variant": "display", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextBadgeNeutral", - "value": "#4F5E71" + "name": "headingDisplayLineHeight", + "value": "44px" }, "foundation": { - "name": "colorTextBadgeNeutral", - "value": "foundation.palette.ink.normal" + "name": "headingDisplayLineHeight", + "value": "none" }, "scss": { - "name": "colorTextBadgeNeutral", - "value": "rgb(79, 94, 113)" + "name": "headingDisplayLineHeight", + "value": "44px" } }, - "colorTextBadgeSuccess": { - "type": "color", - "deprecated": true, - "replacement": "badgeSuccessForeground", + "headingDisplaySubtitleFontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "success" + "object": "heading", + "variant": "display-subtitle", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextBadgeSuccess", - "value": "#0A932B" - }, + "name": "headingDisplaySubtitleFontSize", + "value": "22px" + }, "foundation": { - "name": "colorTextBadgeSuccess", - "value": "foundation.palette.green.normal" + "name": "headingDisplaySubtitleFontSize", + "value": "none" }, "scss": { - "name": "colorTextBadgeSuccess", - "value": "rgb(10, 147, 43)" + "name": "headingDisplaySubtitleFontSize", + "value": "22px" } }, - "colorTextBadgeWarning": { - "type": "color", - "deprecated": true, - "replacement": "badgeWarningForeground", + "headingDisplaySubtitleFontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "warning" + "object": "heading", + "variant": "display-subtitle", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextBadgeWarning", - "value": "#CF6C00" + "name": "headingDisplaySubtitleFontWeight", + "value": 400 }, "foundation": { - "name": "colorTextBadgeWarning", - "value": "foundation.palette.orange.normal" + "name": "headingDisplaySubtitleFontWeight", + "value": "foundation.fontWeight.normal" }, "scss": { - "name": "colorTextBadgeWarning", - "value": "rgb(207, 108, 0)" + "name": "headingDisplaySubtitleFontWeight", + "value": 400 } }, - "colorTextBadgeWhite": { - "type": "color", - "deprecated": true, - "replacement": "badgeWhiteForeground", + "headingDisplaySubtitleLineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "badge", - "subVariant": "white" + "object": "heading", + "variant": "display-subtitle", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextBadgeWhite", - "value": "#252A31" + "name": "headingDisplaySubtitleLineHeight", + "value": "28px" }, "foundation": { - "name": "colorTextBadgeWhite", - "value": "foundation.palette.ink.dark" + "name": "headingDisplaySubtitleLineHeight", + "value": "none" }, "scss": { - "name": "colorTextBadgeWhite", - "value": "rgb(37, 42, 49)" + "name": "headingDisplaySubtitleLineHeight", + "value": "28px" } }, - "colorTextButtonLinkCritical": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkCriticalForeground", + "headingTitle0FontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "critical" + "object": "heading", + "variant": "title-0", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonLinkCritical", - "value": "#D21C1C" + "name": "headingTitle0FontSize", + "value": "28px" }, "foundation": { - "name": "colorTextButtonLinkCritical", - "value": "foundation.palette.red.normal" + "name": "headingTitle0FontSize", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkCritical", - "value": "rgb(210, 28, 28)" + "name": "headingTitle0FontSize", + "value": "28px" } }, - "colorTextButtonLinkCriticalHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkCriticalForegroundHover", + "headingTitle0FontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "critical-hover" + "object": "heading", + "variant": "title-0", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonLinkCriticalHover", - "value": "#B91919" + "name": "headingTitle0FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonLinkCriticalHover", - "value": "foundation.palette.red.normalHover" + "name": "headingTitle0FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonLinkCriticalHover", - "value": "rgb(185, 25, 25)" + "name": "headingTitle0FontWeight", + "value": 700 } }, - "colorTextButtonLinkCriticalActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkCriticalForegroundActive", + "headingTitle0LineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "critical-active" + "object": "heading", + "variant": "title-0", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonLinkCriticalActive", - "value": "#9D1515" + "name": "headingTitle0LineHeight", + "value": "36px" }, "foundation": { - "name": "colorTextButtonLinkCriticalActive", - "value": "foundation.palette.red.normalActive" + "name": "headingTitle0LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkCriticalActive", - "value": "rgb(157, 21, 21)" + "name": "headingTitle0LineHeight", + "value": "36px" } }, - "colorTextButtonLinkPrimary": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkPrimaryForeground", + "headingTitle1FontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "primary" + "object": "heading", + "variant": "title-1", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonLinkPrimary", - "value": "#00A58E" + "name": "headingTitle1FontSize", + "value": "24px" }, "foundation": { - "name": "colorTextButtonLinkPrimary", - "value": "foundation.palette.product.normal" + "name": "headingTitle1FontSize", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkPrimary", - "value": "rgb(0, 165, 142)" + "name": "headingTitle1FontSize", + "value": "24px" } }, - "colorTextButtonLinkPrimaryHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkPrimaryForegroundHover", + "headingTitle1FontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "primary-hover" + "object": "heading", + "variant": "title-1", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonLinkPrimaryHover", - "value": "#009580" + "name": "headingTitle1FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonLinkPrimaryHover", - "value": "foundation.palette.product.normalHover" + "name": "headingTitle1FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonLinkPrimaryHover", - "value": "rgb(0, 149, 128)" + "name": "headingTitle1FontWeight", + "value": 700 } }, - "colorTextButtonLinkPrimaryActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkPrimaryForegroundActive", + "headingTitle1LineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "primary-active" + "object": "heading", + "variant": "title-1", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonLinkPrimaryActive", - "value": "#008472" + "name": "headingTitle1LineHeight", + "value": "32px" }, "foundation": { - "name": "colorTextButtonLinkPrimaryActive", - "value": "foundation.palette.product.normalActive" + "name": "headingTitle1LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkPrimaryActive", - "value": "rgb(0, 132, 114)" + "name": "headingTitle1LineHeight", + "value": "32px" } }, - "colorTextButtonLinkSecondary": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkSecondaryForeground", + "headingTitle2FontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "secondary" + "object": "heading", + "variant": "title-2", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonLinkSecondary", - "value": "#252A31" + "name": "headingTitle2FontSize", + "value": "20px" }, "foundation": { - "name": "colorTextButtonLinkSecondary", - "value": "foundation.palette.ink.dark" + "name": "headingTitle2FontSize", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkSecondary", - "value": "rgb(37, 42, 49)" + "name": "headingTitle2FontSize", + "value": "20px" } }, - "colorTextButtonLinkSecondaryHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkSecondaryForegroundHover", + "headingTitle2FontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "secondary-hover" + "object": "heading", + "variant": "title-2", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonLinkSecondaryHover", - "value": "#181B20" + "name": "headingTitle2FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonLinkSecondaryHover", - "value": "foundation.palette.ink.darkHover" + "name": "headingTitle2FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonLinkSecondaryHover", - "value": "rgb(24, 27, 32)" + "name": "headingTitle2FontWeight", + "value": 700 } }, - "colorTextButtonLinkSecondaryActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonLinkSecondaryForegroundActive", + "headingTitle2LineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "secondary-active" + "object": "heading", + "variant": "title-2", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonLinkSecondaryActive", - "value": "#0B0C0F" + "name": "headingTitle2LineHeight", + "value": "28px" }, "foundation": { - "name": "colorTextButtonLinkSecondaryActive", - "value": "foundation.palette.ink.darkActive" + "name": "headingTitle2LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonLinkSecondaryActive", - "value": "rgb(11, 12, 15)" + "name": "headingTitle2LineHeight", + "value": "28px" } }, - "colorTextButtonLinkSecondaryCompactHover": { - "type": "color", - "category": "foreground", - "deprecated": true, + "headingTitle3FontSize": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "secondary-compact-hover" + "object": "heading", + "variant": "title-3", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonLinkSecondaryCompactHover", - "value": "#009580" + "name": "headingTitle3FontSize", + "value": "18px" }, "foundation": { - "name": "colorTextButtonLinkSecondaryCompactHover", - "value": "foundation.palette.product.normalHover" + "name": "headingTitle3FontSize", + "value": "foundation.fontSize.extraLarge" }, "scss": { - "name": "colorTextButtonLinkSecondaryCompactHover", - "value": "rgb(0, 149, 128)" + "name": "headingTitle3FontSize", + "value": "18px" } }, - "colorTextButtonLinkSecondaryCompactActive": { - "type": "color", - "category": "foreground", - "deprecated": true, + "headingTitle3FontWeight": { + "type": "font-weight", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button-link", - "subVariant": "secondary-compact-active" + "object": "heading", + "variant": "title-3", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonLinkSecondaryCompactActive", - "value": "#008472" + "name": "headingTitle3FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonLinkSecondaryCompactActive", - "value": "foundation.palette.product.normalActive" + "name": "headingTitle3FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonLinkSecondaryCompactActive", - "value": "rgb(0, 132, 114)" + "name": "headingTitle3FontWeight", + "value": 700 } }, - "colorTextButtonCriticalSubtle": { - "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleForeground", + "headingTitle3LineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-subtle" + "object": "heading", + "variant": "title-3", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonCriticalSubtle", - "value": "#970C0C" + "name": "headingTitle3LineHeight", + "value": "24px" }, "foundation": { - "name": "colorTextButtonCriticalSubtle", - "value": "foundation.palette.red.dark" + "name": "headingTitle3LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonCriticalSubtle", - "value": "rgb(151, 12, 12)" + "name": "headingTitle3LineHeight", + "value": "24px" } }, - "colorTextButtonCriticalSubtleHover": { - "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleForegroundHover", + "headingTitle4FontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-subtle-hover" + "object": "heading", + "variant": "title-4", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonCriticalSubtleHover", - "value": "#890B0B" + "name": "headingTitle4FontSize", + "value": "16px" }, "foundation": { - "name": "colorTextButtonCriticalSubtleHover", - "value": "foundation.palette.red.darkHover" + "name": "headingTitle4FontSize", + "value": "foundation.fontSize.large" }, "scss": { - "name": "colorTextButtonCriticalSubtleHover", - "value": "rgb(137, 11, 11)" + "name": "headingTitle4FontSize", + "value": "16px" } }, - "colorTextButtonCriticalSubtleActive": { - "type": "color", - "deprecated": true, - "replacement": "buttonCriticalSubtleForegroundActive", + "headingTitle4FontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-subtle-active" + "object": "heading", + "variant": "title-4", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonCriticalSubtleActive", - "value": "#6D0909" + "name": "headingTitle4FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonCriticalSubtleActive", - "value": "foundation.palette.red.darkActive" + "name": "headingTitle4FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonCriticalSubtleActive", - "value": "rgb(109, 9, 9)" + "name": "headingTitle4FontWeight", + "value": 700 } }, - "colorTextButtonCritical": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonCriticalForeground", + "headingTitle4LineHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical" + "object": "heading", + "variant": "title-4", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonCritical", - "value": "#FFFFFF" + "name": "headingTitle4LineHeight", + "value": "22px" }, "foundation": { - "name": "colorTextButtonCritical", - "value": "foundation.palette.white.normal" + "name": "headingTitle4LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonCritical", - "value": "rgb(255, 255, 255)" + "name": "headingTitle4LineHeight", + "value": "22px" } }, - "colorTextButtonCriticalHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonCriticalForegroundHover", + "headingTitle5FontSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-hover" + "object": "heading", + "variant": "title-5", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonCriticalHover", - "value": "#FFFFFF" + "name": "headingTitle5FontSize", + "value": "15px" }, "foundation": { - "name": "colorTextButtonCriticalHover", - "value": "foundation.palette.white.normal" + "name": "headingTitle5FontSize", + "value": "foundation.fontSize.normal" }, "scss": { - "name": "colorTextButtonCriticalHover", - "value": "rgb(255, 255, 255)" + "name": "headingTitle5FontSize", + "value": "15px" } }, - "colorTextButtonCriticalActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonCriticalForegroundActive", + "headingTitle5FontWeight": { + "type": "font-weight", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-active" + "object": "heading", + "variant": "title-5", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonCriticalActive", - "value": "#FFFFFF" + "name": "headingTitle5FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonCriticalActive", - "value": "foundation.palette.white.normal" + "name": "headingTitle5FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonCriticalActive", - "value": "rgb(255, 255, 255)" + "name": "headingTitle5FontWeight", + "value": 700 } }, - "colorTextButtonCriticalBordered": { - "type": "color", - "category": "foreground", - "deprecated": true, + "headingTitle5LineHeight": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-bordered" + "object": "heading", + "variant": "title-5", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonCriticalBordered", - "value": "#D21C1C" + "name": "headingTitle5LineHeight", + "value": "20px" }, "foundation": { - "name": "colorTextButtonCriticalBordered", - "value": "foundation.palette.red.normal" + "name": "headingTitle5LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonCriticalBordered", - "value": "rgb(210, 28, 28)" + "name": "headingTitle5LineHeight", + "value": "20px" } }, - "colorTextButtonCriticalBorderedHover": { - "type": "color", - "category": "foreground", - "deprecated": true, + "headingTitle6FontSize": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-bordered-hover" + "object": "heading", + "variant": "title-6", + "subVariant": "font-size" }, "javascript": { - "name": "colorTextButtonCriticalBorderedHover", - "value": "#B91919" + "name": "headingTitle6FontSize", + "value": "13px" }, "foundation": { - "name": "colorTextButtonCriticalBorderedHover", - "value": "foundation.palette.red.normalHover" + "name": "headingTitle6FontSize", + "value": "foundation.fontSize.small" }, "scss": { - "name": "colorTextButtonCriticalBorderedHover", - "value": "rgb(185, 25, 25)" + "name": "headingTitle6FontSize", + "value": "13px" } }, - "colorTextButtonCriticalBorderedActive": { - "type": "color", - "category": "foreground", - "deprecated": true, + "headingTitle6FontWeight": { + "type": "font-weight", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "critical-bordered-active" + "object": "heading", + "variant": "title-6", + "subVariant": "font-weight" }, "javascript": { - "name": "colorTextButtonCriticalBorderedActive", - "value": "#9D1515" + "name": "headingTitle6FontWeight", + "value": 700 }, "foundation": { - "name": "colorTextButtonCriticalBorderedActive", - "value": "foundation.palette.red.normalActive" + "name": "headingTitle6FontWeight", + "value": "foundation.fontWeight.bold" }, "scss": { - "name": "colorTextButtonCriticalBorderedActive", - "value": "rgb(157, 21, 21)" + "name": "headingTitle6FontWeight", + "value": 700 } }, - "colorTextButtonFilled": { - "type": "color", - "deprecated": true, + "headingTitle6LineHeight": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "filled" + "object": "heading", + "variant": "title-6", + "subVariant": "line-height" }, "javascript": { - "name": "colorTextButtonFilled", - "value": "#FFFFFF" + "name": "headingTitle6LineHeight", + "value": "18px" }, "foundation": { - "name": "colorTextButtonFilled", - "value": "foundation.palette.white.normal" + "name": "headingTitle6LineHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonFilled", - "value": "rgb(255, 255, 255)" + "name": "headingTitle6LineHeight", + "value": "18px" } }, - "colorTextButtonFilledHover": { + "headingForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "filled-hover" + "object": "heading", + "variant": "foreground" }, "javascript": { - "name": "colorTextButtonFilledHover", - "value": "#FFFFFF" + "name": "headingForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextButtonFilledHover", - "value": "foundation.palette.white.normal" + "name": "headingForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextButtonFilledHover", - "value": "rgb(255, 255, 255)" + "name": "headingForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextButtonFilledActive": { + "headingForegroundInverted": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "filled-active" + "object": "heading", + "variant": "foreground-inverted" }, "javascript": { - "name": "colorTextButtonFilledActive", + "name": "headingForegroundInverted", "value": "#FFFFFF" }, "foundation": { - "name": "colorTextButtonFilledActive", + "name": "headingForegroundInverted", "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorTextButtonFilledActive", + "name": "headingForegroundInverted", "value": "rgb(255, 255, 255)" } }, - "colorTextButtonInfo": { + "iconPrimaryForeground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonInfoForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info" + "object": "icon", + "variant": "primary", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonInfo", - "value": "#FFFFFF" + "name": "iconPrimaryForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextButtonInfo", - "value": "foundation.palette.white.normal" + "name": "iconPrimaryForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextButtonInfo", - "value": "rgb(255, 255, 255)" + "name": "iconPrimaryForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextButtonInfoHover": { + "iconSecondaryForeground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonInfoForegroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info-hover" + "object": "icon", + "variant": "secondary", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonInfoHover", - "value": "#FFFFFF" + "name": "iconSecondaryForeground", + "value": "#4F5E71" }, "foundation": { - "name": "colorTextButtonInfoHover", - "value": "foundation.palette.white.normal" + "name": "iconSecondaryForeground", + "value": "foundation.palette.ink.normal" }, "scss": { - "name": "colorTextButtonInfoHover", - "value": "rgb(255, 255, 255)" + "name": "iconSecondaryForeground", + "value": "rgb(79, 94, 113)" } }, - "colorTextButtonInfoActive": { + "iconTertiaryForeground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonInfoForegroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info-active" + "object": "icon", + "variant": "tertiary", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonInfoActive", - "value": "#FFFFFF" + "name": "iconTertiaryForeground", + "value": "#BAC7D5" }, "foundation": { - "name": "colorTextButtonInfoActive", - "value": "foundation.palette.white.normal" + "name": "iconTertiaryForeground", + "value": "foundation.palette.cloud.dark" }, "scss": { - "name": "colorTextButtonInfoActive", - "value": "rgb(255, 255, 255)" + "name": "iconTertiaryForeground", + "value": "rgb(186, 199, 213)" } }, - "colorTextButtonInfoBordered": { + "iconInfoForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info-bordered" + "object": "icon", + "variant": "info", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonInfoBordered", + "name": "iconInfoForeground", "value": "#0070C8" }, "foundation": { - "name": "colorTextButtonInfoBordered", + "name": "iconInfoForeground", "value": "foundation.palette.blue.normal" }, "scss": { - "name": "colorTextButtonInfoBordered", + "name": "iconInfoForeground", "value": "rgb(0, 112, 200)" } }, - "colorTextButtonInfoBorderedHover": { + "iconSuccessForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info-bordered-hover" + "object": "icon", + "variant": "success", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonInfoBorderedHover", - "value": "#0161AC" + "name": "iconSuccessForeground", + "value": "#0A932B" }, "foundation": { - "name": "colorTextButtonInfoBorderedHover", - "value": "foundation.palette.blue.normalHover" + "name": "iconSuccessForeground", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "colorTextButtonInfoBorderedHover", - "value": "rgb(1, 97, 172)" + "name": "iconSuccessForeground", + "value": "rgb(10, 147, 43)" } }, - "colorTextButtonInfoBorderedActive": { + "iconWarningForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "info-bordered-active" - }, + "object": "icon", + "variant": "warning", + "subVariant": "foreground" + }, "javascript": { - "name": "colorTextButtonInfoBorderedActive", - "value": "#01508E" + "name": "iconWarningForeground", + "value": "#CF6C00" }, "foundation": { - "name": "colorTextButtonInfoBorderedActive", - "value": "foundation.palette.blue.normalActive" + "name": "iconWarningForeground", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "colorTextButtonInfoBorderedActive", - "value": "rgb(1, 80, 142)" + "name": "iconWarningForeground", + "value": "rgb(207, 108, 0)" } }, - "colorTextButtonPrimarySubtle": { + "iconCriticalForeground": { "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-subtle" + "object": "icon", + "variant": "critical", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonPrimarySubtle", - "value": "#007A69" + "name": "iconCriticalForeground", + "value": "#D21C1C" }, "foundation": { - "name": "colorTextButtonPrimarySubtle", - "value": "foundation.palette.product.dark" + "name": "iconCriticalForeground", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "colorTextButtonPrimarySubtle", - "value": "rgb(0, 122, 105)" + "name": "iconCriticalForeground", + "value": "rgb(210, 28, 28)" } }, - "colorTextButtonPrimarySubtleHover": { - "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleForegroundHover", + "iconSmallSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-subtle-hover" + "object": "icon", + "variant": "small", + "subVariant": "size" }, "javascript": { - "name": "colorTextButtonPrimarySubtleHover", - "value": "#007060" + "name": "iconSmallSize", + "value": "16px" }, "foundation": { - "name": "colorTextButtonPrimarySubtleHover", - "value": "foundation.palette.product.darkHover" + "name": "iconSmallSize", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimarySubtleHover", - "value": "rgb(0, 112, 96)" + "name": "iconSmallSize", + "value": "16px" } }, - "colorTextButtonPrimarySubtleActive": { - "type": "color", - "deprecated": true, - "replacement": "buttonPrimarySubtleForegroundActive", + "iconMediumSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-subtle-active" + "object": "icon", + "variant": "medium", + "subVariant": "size" }, "javascript": { - "name": "colorTextButtonPrimarySubtleActive", - "value": "#006657" + "name": "iconMediumSize", + "value": "20px" }, "foundation": { - "name": "colorTextButtonPrimarySubtleActive", - "value": "foundation.palette.product.darkActive" + "name": "iconMediumSize", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimarySubtleActive", - "value": "rgb(0, 102, 87)" + "name": "iconMediumSize", + "value": "20px" } }, - "colorTextButtonPrimary": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonPrimaryForeground", + "iconLargeSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary" + "object": "icon", + "variant": "large", + "subVariant": "size" }, "javascript": { - "name": "colorTextButtonPrimary", - "value": "#FFFFFF" + "name": "iconLargeSize", + "value": "24px" }, "foundation": { - "name": "colorTextButtonPrimary", - "value": "foundation.palette.white.normal" + "name": "iconLargeSize", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimary", - "value": "rgb(255, 255, 255)" + "name": "iconLargeSize", + "value": "24px" } }, - "colorTextButtonPrimaryHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonPrimaryForegroundHover", + "iconExtraLargeSize": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-hover" + "object": "icon", + "variant": "extra-large", + "subVariant": "size" }, "javascript": { - "name": "colorTextButtonPrimaryHover", - "value": "#FFFFFF" + "name": "iconExtraLargeSize", + "value": "32px" }, "foundation": { - "name": "colorTextButtonPrimaryHover", - "value": "foundation.palette.white.normal" + "name": "iconExtraLargeSize", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimaryHover", - "value": "rgb(255, 255, 255)" + "name": "iconExtraLargeSize", + "value": "32px" } }, - "colorTextButtonPrimaryActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonPrimaryForegroundActive", + "illustrationExtraSmallHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-active" + "object": "illustration", + "variant": "extra-small", + "subVariant": "height" }, "javascript": { - "name": "colorTextButtonPrimaryActive", - "value": "#FFFFFF" + "name": "illustrationExtraSmallHeight", + "value": "90px" }, "foundation": { - "name": "colorTextButtonPrimaryActive", - "value": "foundation.palette.white.normal" + "name": "illustrationExtraSmallHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimaryActive", - "value": "rgb(255, 255, 255)" + "name": "illustrationExtraSmallHeight", + "value": "90px" } }, - "colorTextButtonPrimaryBordered": { - "type": "color", - "category": "foreground", - "deprecated": true, + "illustrationSmallHeight": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-bordered" + "object": "illustration", + "variant": "small", + "subVariant": "height" }, "javascript": { - "name": "colorTextButtonPrimaryBordered", - "value": "#00A58E" + "name": "illustrationSmallHeight", + "value": "120px" }, "foundation": { - "name": "colorTextButtonPrimaryBordered", - "value": "foundation.palette.product.normal" + "name": "illustrationSmallHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimaryBordered", - "value": "rgb(0, 165, 142)" + "name": "illustrationSmallHeight", + "value": "120px" } }, - "colorTextButtonPrimaryBorderedHover": { - "type": "color", - "category": "foreground", - "deprecated": true, + "illustrationMediumHeight": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-bordered-hover" + "object": "illustration", + "variant": "medium", + "subVariant": "height" }, "javascript": { - "name": "colorTextButtonPrimaryBorderedHover", - "value": "#009580" + "name": "illustrationMediumHeight", + "value": "200px" }, "foundation": { - "name": "colorTextButtonPrimaryBorderedHover", - "value": "foundation.palette.product.normalHover" + "name": "illustrationMediumHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimaryBorderedHover", - "value": "rgb(0, 149, 128)" + "name": "illustrationMediumHeight", + "value": "200px" } }, - "colorTextButtonPrimaryBorderedActive": { - "type": "color", - "category": "foreground", - "deprecated": true, + "illustrationLargeHeight": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "primary-bordered-active" + "object": "illustration", + "variant": "large", + "subVariant": "height" }, "javascript": { - "name": "colorTextButtonPrimaryBorderedActive", - "value": "#008472" + "name": "illustrationLargeHeight", + "value": "280px" }, "foundation": { - "name": "colorTextButtonPrimaryBorderedActive", - "value": "foundation.palette.product.normalActive" + "name": "illustrationLargeHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonPrimaryBorderedActive", - "value": "rgb(0, 132, 114)" + "name": "illustrationLargeHeight", + "value": "280px" } }, - "colorTextButtonSecondary": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSecondaryForeground", + "illustrationDisplayHeight": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary" + "object": "illustration", + "variant": "display", + "subVariant": "height" }, "javascript": { - "name": "colorTextButtonSecondary", - "value": "#252A31" + "name": "illustrationDisplayHeight", + "value": "460px" }, "foundation": { - "name": "colorTextButtonSecondary", - "value": "foundation.palette.ink.dark" + "name": "illustrationDisplayHeight", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondary", - "value": "rgb(37, 42, 49)" + "name": "illustrationDisplayHeight", + "value": "460px" } }, - "colorTextButtonSecondaryHover": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSecondaryForegroundHover", + "modalBorderRadius": { + "type": "border-radius", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary-hover" + "object": "modal", + "variant": "border-radius" }, "javascript": { - "name": "colorTextButtonSecondaryHover", - "value": "#181B20" + "name": "modalBorderRadius", + "value": "12px" }, "foundation": { - "name": "colorTextButtonSecondaryHover", - "value": "foundation.palette.ink.darkHover" + "name": "modalBorderRadius", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondaryHover", - "value": "rgb(24, 27, 32)" + "name": "modalBorderRadius", + "value": "12px" } }, - "colorTextButtonSecondaryActive": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSecondaryForegroundActive", + "modalExtraSmallWidth": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary-active" + "object": "modal", + "variant": "extra-small", + "subVariant": "width" }, "javascript": { - "name": "colorTextButtonSecondaryActive", - "value": "#0B0C0F" + "name": "modalExtraSmallWidth", + "value": "360px" }, "foundation": { - "name": "colorTextButtonSecondaryActive", - "value": "foundation.palette.ink.darkActive" + "name": "modalExtraSmallWidth", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondaryActive", - "value": "rgb(11, 12, 15)" + "name": "modalExtraSmallWidth", + "value": "360px" } }, - "colorTextButtonSecondaryBordered": { - "type": "color", - "category": "foreground", - "deprecated": true, + "modalSmallWidth": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary-bordered" + "object": "modal", + "variant": "small", + "subVariant": "width" }, "javascript": { - "name": "colorTextButtonSecondaryBordered", - "value": "#252A31" + "name": "modalSmallWidth", + "value": "540px" }, "foundation": { - "name": "colorTextButtonSecondaryBordered", - "value": "foundation.palette.ink.dark" + "name": "modalSmallWidth", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondaryBordered", - "value": "rgb(37, 42, 49)" + "name": "modalSmallWidth", + "value": "540px" } }, - "colorTextButtonSecondaryBorderedHover": { - "type": "color", - "category": "foreground", - "deprecated": true, + "modalNormalWidth": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary-bordered-hover" + "object": "modal", + "variant": "normal", + "subVariant": "width" }, "javascript": { - "name": "colorTextButtonSecondaryBorderedHover", - "value": "#181B20" + "name": "modalNormalWidth", + "value": "740px" }, "foundation": { - "name": "colorTextButtonSecondaryBorderedHover", - "value": "foundation.palette.ink.darkHover" + "name": "modalNormalWidth", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondaryBorderedHover", - "value": "rgb(24, 27, 32)" + "name": "modalNormalWidth", + "value": "740px" } }, - "colorTextButtonSecondaryBorderedActive": { - "type": "color", - "category": "foreground", - "deprecated": true, + "modalLargeWidth": { + "type": "size", + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "secondary-bordered-active" + "object": "modal", + "variant": "large", + "subVariant": "width" }, "javascript": { - "name": "colorTextButtonSecondaryBorderedActive", - "value": "#0B0C0F" + "name": "modalLargeWidth", + "value": "900px" }, "foundation": { - "name": "colorTextButtonSecondaryBorderedActive", - "value": "foundation.palette.ink.darkActive" + "name": "modalLargeWidth", + "value": "none" }, "scss": { - "name": "colorTextButtonSecondaryBorderedActive", - "value": "rgb(11, 12, 15)" + "name": "modalLargeWidth", + "value": "900px" } }, - "colorTextButtonSuccess": { - "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSuccessForeground", + "modalExtraLargeWidth": { + "type": "size", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success" + "object": "modal", + "variant": "extra-large", + "subVariant": "width" }, "javascript": { - "name": "colorTextButtonSuccess", - "value": "#FFFFFF" + "name": "modalExtraLargeWidth", + "value": "1280px" }, "foundation": { - "name": "colorTextButtonSuccess", - "value": "foundation.palette.white.normal" + "name": "modalExtraLargeWidth", + "value": "none" }, "scss": { - "name": "colorTextButtonSuccess", - "value": "rgb(255, 255, 255)" + "name": "modalExtraLargeWidth", + "value": "1280px" } }, - "colorTextButtonSuccessHover": { + "tabBundleBasicForeground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSuccessForegroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success-hover" + "object": "tab", + "variant": "bundle-basic", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonSuccessHover", - "value": "#FFFFFF" + "name": "tabBundleBasicForeground", + "value": "linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%)" }, "foundation": { - "name": "colorTextButtonSuccessHover", - "value": "foundation.palette.white.normal" + "name": "tabBundleBasicForeground", + "value": "none" }, "scss": { - "name": "colorTextButtonSuccessHover", - "value": "rgb(255, 255, 255)" + "name": "tabBundleBasicForeground", + "value": "linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%)" } }, - "colorTextButtonSuccessActive": { + "tabBundleBasicBackground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonSuccessForegroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success-active" + "object": "tab", + "variant": "bundle-basic", + "subVariant": "background" }, "javascript": { - "name": "colorTextButtonSuccessActive", + "name": "tabBundleBasicBackground", "value": "#FFFFFF" }, "foundation": { - "name": "colorTextButtonSuccessActive", + "name": "tabBundleBasicBackground", "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorTextButtonSuccessActive", + "name": "tabBundleBasicBackground", "value": "rgb(255, 255, 255)" } }, - "colorTextButtonSuccessBordered": { + "tabBundleBasicBackgroundHover": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success-bordered" + "object": "tab", + "variant": "bundle-basic", + "subVariant": "background-hover" }, "javascript": { - "name": "colorTextButtonSuccessBordered", - "value": "#0A932B" + "name": "tabBundleBasicBackgroundHover", + "value": "rgba(215, 51, 28, 0.08)" }, "foundation": { - "name": "colorTextButtonSuccessBordered", - "value": "foundation.palette.green.normal" + "name": "tabBundleBasicBackgroundHover", + "value": "none" }, "scss": { - "name": "colorTextButtonSuccessBordered", - "value": "rgb(10, 147, 43)" + "name": "tabBundleBasicBackgroundHover", + "value": "rgba(215, 51, 28, 0.08)" } }, - "colorTextButtonSuccessBorderedHover": { + "tabBundleBasicBackgroundActive": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success-bordered-hover" + "object": "tab", + "variant": "bundle-basic", + "subVariant": "background-active" }, "javascript": { - "name": "colorTextButtonSuccessBorderedHover", - "value": "#238B31" + "name": "tabBundleBasicBackgroundActive", + "value": "rgba(215, 51, 28, 0.12)" }, "foundation": { - "name": "colorTextButtonSuccessBorderedHover", - "value": "foundation.palette.green.normalHover" + "name": "tabBundleBasicBackgroundActive", + "value": "none" }, "scss": { - "name": "colorTextButtonSuccessBorderedHover", - "value": "rgb(35, 139, 49)" + "name": "tabBundleBasicBackgroundActive", + "value": "rgba(215, 51, 28, 0.12)" } }, - "colorTextButtonSuccessBorderedActive": { + "tabBundleMediumForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "success-bordered-active" + "object": "tab", + "variant": "bundle-medium", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonSuccessBorderedActive", - "value": "#1D7228" + "name": "tabBundleMediumForeground", + "value": "linear-gradient(80.91deg, #3719AB 0%, #8539DB 100%)" }, "foundation": { - "name": "colorTextButtonSuccessBorderedActive", - "value": "foundation.palette.green.normalActive" + "name": "tabBundleMediumForeground", + "value": "none" }, "scss": { - "name": "colorTextButtonSuccessBorderedActive", - "value": "rgb(29, 114, 40)" + "name": "tabBundleMediumForeground", + "value": "linear-gradient(80.91deg, #3719AB 0%, #8539DB 100%)" } }, - "colorTextButtonWarning": { + "tabBundleMediumBackground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWarningForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning" + "object": "tab", + "variant": "bundle-medium", + "subVariant": "background" }, "javascript": { - "name": "colorTextButtonWarning", + "name": "tabBundleMediumBackground", "value": "#FFFFFF" }, "foundation": { - "name": "colorTextButtonWarning", + "name": "tabBundleMediumBackground", "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorTextButtonWarning", + "name": "tabBundleMediumBackground", "value": "rgb(255, 255, 255)" } }, - "colorTextButtonWarningHover": { + "tabBundleMediumBackgroundHover": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWarningForegroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning-hover" + "object": "tab", + "variant": "bundle-medium", + "subVariant": "background-hover" }, "javascript": { - "name": "colorTextButtonWarningHover", - "value": "#FFFFFF" + "name": "tabBundleMediumBackgroundHover", + "value": "rgba(59, 30, 176, 0.08)" }, "foundation": { - "name": "colorTextButtonWarningHover", - "value": "foundation.palette.white.normal" + "name": "tabBundleMediumBackgroundHover", + "value": "none" }, "scss": { - "name": "colorTextButtonWarningHover", - "value": "rgb(255, 255, 255)" + "name": "tabBundleMediumBackgroundHover", + "value": "rgba(59, 30, 176, 0.08)" } }, - "colorTextButtonWarningActive": { + "tabBundleMediumBackgroundActive": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWarningForegroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning-active" + "object": "tab", + "variant": "bundle-medium", + "subVariant": "background-active" }, "javascript": { - "name": "colorTextButtonWarningActive", - "value": "#FFFFFF" + "name": "tabBundleMediumBackgroundActive", + "value": "rgba(59, 30, 176, 0.12)" }, "foundation": { - "name": "colorTextButtonWarningActive", - "value": "foundation.palette.white.normal" + "name": "tabBundleMediumBackgroundActive", + "value": "none" }, "scss": { - "name": "colorTextButtonWarningActive", - "value": "rgb(255, 255, 255)" + "name": "tabBundleMediumBackgroundActive", + "value": "rgba(59, 30, 176, 0.12)" } }, - "colorTextButtonWarningBordered": { + "tabBundleTopBackground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning-bordered" + "object": "tab", + "variant": "bundle-top", + "subVariant": "background" }, "javascript": { - "name": "colorTextButtonWarningBordered", - "value": "#CF6C00" + "name": "tabBundleTopBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "colorTextButtonWarningBordered", - "value": "foundation.palette.orange.normal" + "name": "tabBundleTopBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "colorTextButtonWarningBordered", - "value": "rgb(207, 108, 0)" + "name": "tabBundleTopBackground", + "value": "rgb(255, 255, 255)" } }, - "colorTextButtonWarningBorderedHover": { + "tabBundleTopBackgroundHover": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning-bordered-hover" + "object": "tab", + "variant": "bundle-top", + "subVariant": "background-hover" }, "javascript": { - "name": "colorTextButtonWarningBorderedHover", - "value": "#B86000" + "name": "tabBundleTopBackgroundHover", + "value": "#F1F4F7" }, "foundation": { - "name": "colorTextButtonWarningBorderedHover", - "value": "foundation.palette.orange.normalHover" + "name": "tabBundleTopBackgroundHover", + "value": "foundation.palette.white.normalHover" }, "scss": { - "name": "colorTextButtonWarningBorderedHover", - "value": "rgb(184, 96, 0)" + "name": "tabBundleTopBackgroundHover", + "value": "rgb(241, 244, 247)" } }, - "colorTextButtonWarningBorderedActive": { + "tabBundleTopForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "warning-bordered-active" + "object": "tab", + "variant": "bundle-top", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonWarningBorderedActive", - "value": "#AD5700" + "name": "tabBundleTopForeground", + "value": "linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%)" }, "foundation": { - "name": "colorTextButtonWarningBorderedActive", - "value": "foundation.palette.orange.normalActive" + "name": "tabBundleTopForeground", + "value": "none" }, "scss": { - "name": "colorTextButtonWarningBorderedActive", - "value": "rgb(173, 87, 0)" + "name": "tabBundleTopForeground", + "value": "linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%)" } }, - "colorTextButtonWhite": { + "backgroundTableShadowLeft": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWhiteForeground", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white" + "object": "background", + "variant": "table-shadow", + "subVariant": "left" }, "javascript": { - "name": "colorTextButtonWhite", - "value": "#252A31" + "name": "backgroundTableShadowLeft", + "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" }, "foundation": { - "name": "colorTextButtonWhite", - "value": "foundation.palette.ink.dark" + "name": "backgroundTableShadowLeft", + "value": "none" }, "scss": { - "name": "colorTextButtonWhite", - "value": "rgb(37, 42, 49)" + "name": "backgroundTableShadowLeft", + "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" } }, - "colorTextButtonWhiteHover": { + "backgroundTableShadowRight": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWhiteForegroundHover", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white-hover" + "object": "background", + "variant": "table-shadow", + "subVariant": "right" }, "javascript": { - "name": "colorTextButtonWhiteHover", - "value": "#181B20" + "name": "backgroundTableShadowRight", + "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" }, "foundation": { - "name": "colorTextButtonWhiteHover", - "value": "foundation.palette.ink.darkHover" + "name": "backgroundTableShadowRight", + "value": "none" }, "scss": { - "name": "colorTextButtonWhiteHover", - "value": "rgb(24, 27, 32)" + "name": "backgroundTableShadowRight", + "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" } }, - "colorTextButtonWhiteActive": { + "tagColoredBackground": { "type": "color", - "category": "foreground", - "deprecated": true, - "replacement": "buttonWhiteForegroundActive", + "deprecated": false, + "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white-active" + "object": "tag", + "variant": "colored", + "subVariant": "background" }, "javascript": { - "name": "colorTextButtonWhiteActive", - "value": "#0B0C0F" + "name": "tagColoredBackground", + "value": "#E8F4FD" }, "foundation": { - "name": "colorTextButtonWhiteActive", - "value": "foundation.palette.ink.darkActive" + "name": "tagColoredBackground", + "value": "foundation.palette.blue.light" }, "scss": { - "name": "colorTextButtonWhiteActive", - "value": "rgb(11, 12, 15)" + "name": "tagColoredBackground", + "value": "rgb(232, 244, 253)" } }, - "colorTextButtonWhiteBordered": { + "tagColoredBackgroundHover": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white-bordered" + "object": "tag", + "variant": "colored", + "subVariant": "background-hover" }, "javascript": { - "name": "colorTextButtonWhiteBordered", - "value": "#FFFFFF" + "name": "tagColoredBackgroundHover", + "value": "#DEF0FC" }, "foundation": { - "name": "colorTextButtonWhiteBordered", - "value": "foundation.palette.white.normal" + "name": "tagColoredBackgroundHover", + "value": "foundation.palette.blue.lightHover" }, "scss": { - "name": "colorTextButtonWhiteBordered", - "value": "rgb(255, 255, 255)" + "name": "tagColoredBackgroundHover", + "value": "rgb(222, 240, 252)" } }, - "colorTextButtonWhiteBorderedHover": { + "tagColoredBackgroundActive": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white-bordered-hover" + "object": "tag", + "variant": "colored", + "subVariant": "background-active" }, "javascript": { - "name": "colorTextButtonWhiteBorderedHover", - "value": "#FFFFFF" + "name": "tagColoredBackgroundActive", + "value": "#C7E4FA" }, "foundation": { - "name": "colorTextButtonWhiteBorderedHover", - "value": "foundation.palette.white.normal" + "name": "tagColoredBackgroundActive", + "value": "foundation.palette.blue.lightActive" }, "scss": { - "name": "colorTextButtonWhiteBorderedHover", - "value": "rgb(255, 255, 255)" + "name": "tagColoredBackgroundActive", + "value": "rgb(199, 228, 250)" } }, - "colorTextButtonWhiteBorderedActive": { + "tagColoredForeground": { "type": "color", - "category": "foreground", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "white-bordered-active" + "object": "tag", + "variant": "colored", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonWhiteBorderedActive", - "value": "#FFFFFF" + "name": "tagColoredForeground", + "value": "#003866" }, "foundation": { - "name": "colorTextButtonWhiteBorderedActive", - "value": "foundation.palette.white.normal" + "name": "tagColoredForeground", + "value": "foundation.palette.blue.darker" }, "scss": { - "name": "colorTextButtonWhiteBorderedActive", - "value": "rgb(255, 255, 255)" + "name": "tagColoredForeground", + "value": "rgb(0, 56, 102)" } }, - "colorTextButtonFacebook": { + "tagNeutralBackground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook" + "object": "tag", + "variant": "neutral", + "subVariant": "background" }, "javascript": { - "name": "colorTextButtonFacebook", - "value": "#FFFFFF" + "name": "tagNeutralBackground", + "value": "#E8EDF1" }, "foundation": { - "name": "colorTextButtonFacebook", - "value": "foundation.palette.white.normal" + "name": "tagNeutralBackground", + "value": "foundation.palette.cloud.normal" }, "scss": { - "name": "colorTextButtonFacebook", - "value": "rgb(255, 255, 255)" + "name": "tagNeutralBackground", + "value": "rgb(232, 237, 241)" } }, - "colorTextButtonFacebookHover": { + "tagNeutralBackgroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook-hover" + "object": "tag", + "variant": "neutral", + "subVariant": "background-hover" }, "javascript": { - "name": "colorTextButtonFacebookHover", - "value": "#FFFFFF" + "name": "tagNeutralBackgroundHover", + "value": "#DCE3E9" }, "foundation": { - "name": "colorTextButtonFacebookHover", - "value": "foundation.palette.white.normal" + "name": "tagNeutralBackgroundHover", + "value": "foundation.palette.cloud.normalHover" }, "scss": { - "name": "colorTextButtonFacebookHover", - "value": "rgb(255, 255, 255)" + "name": "tagNeutralBackgroundHover", + "value": "rgb(220, 227, 233)" } }, - "colorTextButtonFacebookActive": { + "tagNeutralBackgroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook-active" + "object": "tag", + "variant": "neutral", + "subVariant": "background-active" }, "javascript": { - "name": "colorTextButtonFacebookActive", - "value": "#FFFFFF" + "name": "tagNeutralBackgroundActive", + "value": "#CAD4DE" }, "foundation": { - "name": "colorTextButtonFacebookActive", - "value": "foundation.palette.white.normal" + "name": "tagNeutralBackgroundActive", + "value": "foundation.palette.cloud.normalActive" }, "scss": { - "name": "colorTextButtonFacebookActive", - "value": "rgb(255, 255, 255)" + "name": "tagNeutralBackgroundActive", + "value": "rgb(202, 212, 222)" } }, - "colorTextButtonFacebookBordered": { + "tagNeutralForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook-bordered" + "object": "tag", + "variant": "neutral", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonFacebookBordered", - "value": "#3B5998" + "name": "tagNeutralForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextButtonFacebookBordered", - "value": "none" + "name": "tagNeutralForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextButtonFacebookBordered", - "value": "rgb(59, 89, 152)" + "name": "tagNeutralForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextButtonFacebookBorderedHover": { + "textLinkPrimaryForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook-bordered-hover" + "object": "text-link", + "variant": "primary", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonFacebookBorderedHover", - "value": "#385490" + "name": "textLinkPrimaryForeground", + "value": "#007A69" }, "foundation": { - "name": "colorTextButtonFacebookBorderedHover", - "value": "none" + "name": "textLinkPrimaryForeground", + "value": "foundation.palette.product.dark" }, "scss": { - "name": "colorTextButtonFacebookBorderedHover", - "value": "rgb(56, 84, 144)" + "name": "textLinkPrimaryForeground", + "value": "rgb(0, 122, 105)" } }, - "colorTextButtonFacebookBorderedActive": { + "textLinkPrimaryForegroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "facebook-bordered-active" + "object": "text-link", + "variant": "primary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorTextButtonFacebookBorderedActive", - "value": "#354F88" + "name": "textLinkPrimaryForegroundHover", + "value": "#007060" }, "foundation": { - "name": "colorTextButtonFacebookBorderedActive", - "value": "none" + "name": "textLinkPrimaryForegroundHover", + "value": "foundation.palette.product.darkHover" }, "scss": { - "name": "colorTextButtonFacebookBorderedActive", - "value": "rgb(53, 79, 136)" + "name": "textLinkPrimaryForegroundHover", + "value": "rgb(0, 112, 96)" } }, - "colorTextButtonGoogle": { + "textLinkPrimaryForegroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google" + "object": "text-link", + "variant": "primary", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorTextButtonGoogle", - "value": "#252A31" + "name": "textLinkPrimaryForegroundActive", + "value": "#006657" }, "foundation": { - "name": "colorTextButtonGoogle", - "value": "foundation.palette.ink.dark" + "name": "textLinkPrimaryForegroundActive", + "value": "foundation.palette.product.darkActive" }, "scss": { - "name": "colorTextButtonGoogle", - "value": "rgb(37, 42, 49)" + "name": "textLinkPrimaryForegroundActive", + "value": "rgb(0, 102, 87)" } }, - "colorTextButtonGoogleHover": { + "textLinkSecondaryForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google-hover" + "object": "text-link", + "variant": "secondary", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonGoogleHover", - "value": "#181B20" + "name": "textLinkSecondaryForeground", + "value": "#252A31" }, "foundation": { - "name": "colorTextButtonGoogleHover", - "value": "foundation.palette.ink.darkHover" + "name": "textLinkSecondaryForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "colorTextButtonGoogleHover", - "value": "rgb(24, 27, 32)" + "name": "textLinkSecondaryForeground", + "value": "rgb(37, 42, 49)" } }, - "colorTextButtonGoogleActive": { + "textLinkSecondaryForegroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google-active" + "object": "text-link", + "variant": "secondary", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorTextButtonGoogleActive", - "value": "#0B0C0F" + "name": "textLinkSecondaryForegroundHover", + "value": "#007060" }, "foundation": { - "name": "colorTextButtonGoogleActive", - "value": "foundation.palette.ink.darkActive" + "name": "textLinkSecondaryForegroundHover", + "value": "foundation.palette.product.darkHover" }, "scss": { - "name": "colorTextButtonGoogleActive", - "value": "rgb(11, 12, 15)" + "name": "textLinkSecondaryForegroundHover", + "value": "rgb(0, 112, 96)" } }, - "colorTextButtonGoogleBordered": { + "textLinkSecondaryForegroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google-bordered" + "object": "text-link", + "variant": "secondary", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorTextButtonGoogleBordered", - "value": "#252A31" + "name": "textLinkSecondaryForegroundActive", + "value": "#006657" }, "foundation": { - "name": "colorTextButtonGoogleBordered", - "value": "foundation.palette.ink.dark" + "name": "textLinkSecondaryForegroundActive", + "value": "foundation.palette.product.darkActive" }, "scss": { - "name": "colorTextButtonGoogleBordered", - "value": "rgb(37, 42, 49)" + "name": "textLinkSecondaryForegroundActive", + "value": "rgb(0, 102, 87)" } }, - "colorTextButtonGoogleBorderedHover": { + "textLinkSuccessForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google-bordered-hover" + "object": "text-link", + "variant": "success", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextButtonGoogleBorderedHover", - "value": "#181B20" + "name": "textLinkSuccessForeground", + "value": "#2D7738" }, "foundation": { - "name": "colorTextButtonGoogleBorderedHover", - "value": "foundation.palette.ink.darkHover" + "name": "textLinkSuccessForeground", + "value": "foundation.palette.green.dark" }, "scss": { - "name": "colorTextButtonGoogleBorderedHover", - "value": "rgb(24, 27, 32)" + "name": "textLinkSuccessForeground", + "value": "rgb(45, 119, 56)" } }, - "colorTextButtonGoogleBorderedActive": { + "textLinkSuccessForegroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "button", - "subVariant": "google-bordered-active" + "object": "text-link", + "variant": "success", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorTextButtonGoogleBorderedActive", - "value": "#0B0C0F" + "name": "textLinkSuccessForegroundHover", + "value": "#276831" }, "foundation": { - "name": "colorTextButtonGoogleBorderedActive", - "value": "foundation.palette.ink.darkActive" + "name": "textLinkSuccessForegroundHover", + "value": "foundation.palette.green.darkHover" }, "scss": { - "name": "colorTextButtonGoogleBorderedActive", - "value": "rgb(11, 12, 15)" + "name": "textLinkSuccessForegroundHover", + "value": "rgb(39, 104, 49)" } }, - "colorTextLoading": { + "textLinkSuccessForegroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "loading" + "object": "text-link", + "variant": "success", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorTextLoading", - "value": "#BAC7D5" + "name": "textLinkSuccessForegroundActive", + "value": "#1C4A23" }, "foundation": { - "name": "colorTextLoading", - "value": "foundation.palette.cloud.dark" + "name": "textLinkSuccessForegroundActive", + "value": "foundation.palette.green.darker" }, "scss": { - "name": "colorTextLoading", - "value": "rgb(186, 199, 213)" + "name": "textLinkSuccessForegroundActive", + "value": "rgb(28, 74, 35)" } }, - "colorTextTable": { + "textLinkInfoForeground": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "table" + "object": "text-link", + "variant": "info", + "subVariant": "foreground" }, "javascript": { - "name": "colorTextTable", - "value": "#697D95" + "name": "textLinkInfoForeground", + "value": "#005AA3" }, "foundation": { - "name": "colorTextTable", - "value": "foundation.palette.ink.light" + "name": "textLinkInfoForeground", + "value": "foundation.palette.blue.dark" }, "scss": { - "name": "colorTextTable", - "value": "rgb(105, 125, 149)" + "name": "textLinkInfoForeground", + "value": "rgb(0, 90, 163)" } }, - "colorTextTag": { + "textLinkInfoForegroundHover": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "tag" + "object": "text-link", + "variant": "info", + "subVariant": "foreground-hover" }, "javascript": { - "name": "colorTextTag", - "value": "#252A31" + "name": "textLinkInfoForegroundHover", + "value": "#004F8F" }, "foundation": { - "name": "colorTextTag", - "value": "foundation.palette.ink.dark" + "name": "textLinkInfoForegroundHover", + "value": "foundation.palette.blue.darkHover" }, "scss": { - "name": "colorTextTag", - "value": "rgb(37, 42, 49)" + "name": "textLinkInfoForegroundHover", + "value": "rgb(0, 79, 143)" } }, - "colorTextTagSelected": { + "textLinkInfoForegroundActive": { "type": "color", - "deprecated": true, + "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "color-text", - "variant": "tag-selected" + "object": "text-link", + "variant": "info", + "subVariant": "foreground-active" }, "javascript": { - "name": "colorTextTagSelected", - "value": "#BAC7D5" + "name": "textLinkInfoForegroundActive", + "value": "#003866" }, "foundation": { - "name": "colorTextTagSelected", - "value": "foundation.palette.cloud.dark" + "name": "textLinkInfoForegroundActive", + "value": "foundation.palette.blue.darker" }, "scss": { - "name": "colorTextTagSelected", - "value": "rgb(186, 199, 213)" - } + "name": "textLinkInfoForegroundActive", + "value": "rgb(0, 56, 102)" + } }, - "alertBackgroundCritical": { + "textLinkWarningForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "background", - "subVariant": "critical" + "object": "text-link", + "variant": "warning", + "subVariant": "foreground" }, "javascript": { - "name": "alertBackgroundCritical", - "value": "#FAEAEA" + "name": "textLinkWarningForeground", + "value": "#A75400" }, "foundation": { - "name": "alertBackgroundCritical", - "value": "foundation.palette.red.light" + "name": "textLinkWarningForeground", + "value": "foundation.palette.orange.dark" }, "scss": { - "name": "alertBackgroundCritical", - "value": "rgb(250, 234, 234)" + "name": "textLinkWarningForeground", + "value": "rgb(167, 84, 0)" } }, - "alertBackgroundInfo": { + "textLinkWarningForegroundHover": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "background", - "subVariant": "info" + "object": "text-link", + "variant": "warning", + "subVariant": "foreground-hover" }, "javascript": { - "name": "alertBackgroundInfo", - "value": "#E8F4FD" + "name": "textLinkWarningForegroundHover", + "value": "#954A00" }, "foundation": { - "name": "alertBackgroundInfo", - "value": "foundation.palette.blue.light" + "name": "textLinkWarningForegroundHover", + "value": "foundation.palette.orange.darkHover" }, "scss": { - "name": "alertBackgroundInfo", - "value": "rgb(232, 244, 253)" + "name": "textLinkWarningForegroundHover", + "value": "rgb(149, 74, 0)" } }, - "alertBackgroundSuccess": { + "textLinkWarningForegroundActive": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "background", - "subVariant": "success" + "object": "text-link", + "variant": "warning", + "subVariant": "foreground-active" }, "javascript": { - "name": "alertBackgroundSuccess", - "value": "#EAF5EA" + "name": "textLinkWarningForegroundActive", + "value": "#663200" }, "foundation": { - "name": "alertBackgroundSuccess", - "value": "foundation.palette.green.light" + "name": "textLinkWarningForegroundActive", + "value": "foundation.palette.orange.darker" }, "scss": { - "name": "alertBackgroundSuccess", - "value": "rgb(234, 245, 234)" + "name": "textLinkWarningForegroundActive", + "value": "rgb(102, 50, 0)" } }, - "alertBackgroundWarning": { + "textLinkCriticalForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "background", - "subVariant": "warning" + "object": "text-link", + "variant": "critical", + "subVariant": "foreground" }, "javascript": { - "name": "alertBackgroundWarning", - "value": "#FEF2E6" + "name": "textLinkCriticalForeground", + "value": "#970C0C" }, "foundation": { - "name": "alertBackgroundWarning", - "value": "foundation.palette.orange.light" + "name": "textLinkCriticalForeground", + "value": "foundation.palette.red.dark" }, "scss": { - "name": "alertBackgroundWarning", - "value": "rgb(254, 242, 230)" + "name": "textLinkCriticalForeground", + "value": "rgb(151, 12, 12)" } }, - "alertIconCritical": { + "textLinkCriticalForegroundHover": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "icon", - "subVariant": "critical" + "object": "text-link", + "variant": "critical", + "subVariant": "foreground-hover" }, "javascript": { - "name": "alertIconCritical", - "value": "#D21C1C" + "name": "textLinkCriticalForegroundHover", + "value": "#890B0B" }, "foundation": { - "name": "alertIconCritical", - "value": "foundation.palette.red.normal" + "name": "textLinkCriticalForegroundHover", + "value": "foundation.palette.red.darkHover" }, "scss": { - "name": "alertIconCritical", - "value": "rgb(210, 28, 28)" + "name": "textLinkCriticalForegroundHover", + "value": "rgb(137, 11, 11)" } }, - "alertIconInfo": { + "textLinkCriticalForegroundActive": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "icon", - "subVariant": "info" + "object": "text-link", + "variant": "critical", + "subVariant": "foreground-active" }, "javascript": { - "name": "alertIconInfo", - "value": "#0070C8" + "name": "textLinkCriticalForegroundActive", + "value": "#630808" }, "foundation": { - "name": "alertIconInfo", - "value": "foundation.palette.blue.normal" + "name": "textLinkCriticalForegroundActive", + "value": "foundation.palette.red.darker" }, "scss": { - "name": "alertIconInfo", - "value": "rgb(0, 112, 200)" + "name": "textLinkCriticalForegroundActive", + "value": "rgb(99, 8, 8)" } }, - "alertIconSuccess": { + "textLinkWhiteForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "icon", - "subVariant": "success" + "object": "text-link", + "variant": "white", + "subVariant": "foreground" }, "javascript": { - "name": "alertIconSuccess", - "value": "#0A932B" + "name": "textLinkWhiteForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "alertIconSuccess", - "value": "foundation.palette.green.normal" + "name": "textLinkWhiteForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "alertIconSuccess", - "value": "rgb(10, 147, 43)" + "name": "textLinkWhiteForeground", + "value": "rgb(255, 255, 255)" } }, - "alertIconWarning": { + "textLinkWhiteForegroundHover": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "icon", - "subVariant": "warning" + "object": "text-link", + "variant": "white", + "subVariant": "foreground-hover" }, "javascript": { - "name": "alertIconWarning", - "value": "#CF6C00" + "name": "textLinkWhiteForegroundHover", + "value": "#E1F4F3" }, "foundation": { - "name": "alertIconWarning", - "value": "foundation.palette.orange.normal" + "name": "textLinkWhiteForegroundHover", + "value": "foundation.palette.product.light" }, "scss": { - "name": "alertIconWarning", - "value": "rgb(207, 108, 0)" + "name": "textLinkWhiteForegroundHover", + "value": "rgb(225, 244, 243)" } }, - "alertColorTextCritical": { + "textLinkWhiteForegroundActive": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "color-text", - "subVariant": "critical" + "object": "text-link", + "variant": "white", + "subVariant": "foreground-active" }, "javascript": { - "name": "alertColorTextCritical", - "value": "#970C0C" + "name": "textLinkWhiteForegroundActive", + "value": "#E1F4F3" }, "foundation": { - "name": "alertColorTextCritical", - "value": "foundation.palette.red.dark" + "name": "textLinkWhiteForegroundActive", + "value": "foundation.palette.product.light" }, "scss": { - "name": "alertColorTextCritical", - "value": "rgb(151, 12, 12)" + "name": "textLinkWhiteForegroundActive", + "value": "rgb(225, 244, 243)" } }, - "alertColorTextInfo": { + "textPrimaryBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "color-text", - "subVariant": "info" + "object": "text", + "variant": "primary", + "subVariant": "background" }, "javascript": { - "name": "alertColorTextInfo", - "value": "#005AA3" + "name": "textPrimaryBackground", + "value": "#252A311A" }, "foundation": { - "name": "alertColorTextInfo", - "value": "foundation.palette.blue.dark" + "name": "textPrimaryBackground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "alertColorTextInfo", - "value": "rgb(0, 90, 163)" + "name": "textPrimaryBackground", + "value": "rgba(37, 42, 49, 0.1)" } }, - "alertColorTextSuccess": { + "textPrimaryForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "color-text", - "subVariant": "success" + "object": "text", + "variant": "primary", + "subVariant": "foreground" }, "javascript": { - "name": "alertColorTextSuccess", - "value": "#2D7738" + "name": "textPrimaryForeground", + "value": "#252A31" }, "foundation": { - "name": "alertColorTextSuccess", - "value": "foundation.palette.green.dark" + "name": "textPrimaryForeground", + "value": "foundation.palette.ink.dark" }, "scss": { - "name": "alertColorTextSuccess", - "value": "rgb(45, 119, 56)" + "name": "textPrimaryForeground", + "value": "rgb(37, 42, 49)" } }, - "alertColorTextWarning": { + "textSecondaryBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "color-text", - "subVariant": "warning" + "object": "text", + "variant": "secondary", + "subVariant": "background" }, "javascript": { - "name": "alertColorTextWarning", - "value": "#A75400" + "name": "textSecondaryBackground", + "value": "#4F5E711A" }, "foundation": { - "name": "alertColorTextWarning", - "value": "foundation.palette.orange.dark" + "name": "textSecondaryBackground", + "value": "foundation.palette.ink.normal" }, "scss": { - "name": "alertColorTextWarning", - "value": "rgb(167, 84, 0)" + "name": "textSecondaryBackground", + "value": "rgba(79, 94, 113, 0.1)" } }, - "alertColorTextLink": { + "textSecondaryForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "alert", - "variant": "color-text", - "subVariant": "link" + "object": "text", + "variant": "secondary", + "subVariant": "foreground" }, "javascript": { - "name": "alertColorTextLink", + "name": "textSecondaryForeground", "value": "#4F5E71" }, "foundation": { - "name": "alertColorTextLink", + "name": "textSecondaryForeground", "value": "foundation.palette.ink.normal" }, "scss": { - "name": "alertColorTextLink", + "name": "textSecondaryForeground", "value": "rgb(79, 94, 113)" } }, - "badgeBorderRadius": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "border-radius" - }, - "javascript": { - "name": "badgeBorderRadius", - "value": "12px" - }, - "foundation": { - "name": "badgeBorderRadius", - "value": "none" - }, - "scss": { - "name": "badgeBorderRadius", - "value": "12px" - } - }, - "badgeBundleBasicBackground": { + "textInfoBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-basic", + "object": "text", + "variant": "info", "subVariant": "background" }, "javascript": { - "name": "badgeBundleBasicBackground", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" + "name": "textInfoBackground", + "value": "#0070C81A" }, "foundation": { - "name": "badgeBundleBasicBackground", - "value": "none" + "name": "textInfoBackground", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "badgeBundleBasicBackground", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" + "name": "textInfoBackground", + "value": "rgba(0, 112, 200, 0.1)" } }, - "badgeBundleBasicForeground": { + "textInfoForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-basic", + "object": "text", + "variant": "info", "subVariant": "foreground" }, "javascript": { - "name": "badgeBundleBasicForeground", - "value": "#FFFFFF" + "name": "textInfoForeground", + "value": "#0070C8" }, "foundation": { - "name": "badgeBundleBasicForeground", - "value": "foundation.palette.white.normal" + "name": "textInfoForeground", + "value": "foundation.palette.blue.normal" }, "scss": { - "name": "badgeBundleBasicForeground", - "value": "rgb(255, 255, 255)" + "name": "textInfoForeground", + "value": "rgb(0, 112, 200)" } }, - "badgeBundleMediumBackground": { + "textSuccessBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-medium", + "object": "text", + "variant": "success", "subVariant": "background" }, "javascript": { - "name": "badgeBundleMediumBackground", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" + "name": "textSuccessBackground", + "value": "#0A932B1A" }, "foundation": { - "name": "badgeBundleMediumBackground", - "value": "none" + "name": "textSuccessBackground", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "badgeBundleMediumBackground", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" + "name": "textSuccessBackground", + "value": "rgba(10, 147, 43, 0.1)" } }, - "badgeBundleMediumForeground": { + "textSuccessForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-medium", + "object": "text", + "variant": "success", "subVariant": "foreground" }, "javascript": { - "name": "badgeBundleMediumForeground", - "value": "#FFFFFF" + "name": "textSuccessForeground", + "value": "#0A932B" }, "foundation": { - "name": "badgeBundleMediumForeground", - "value": "foundation.palette.white.normal" + "name": "textSuccessForeground", + "value": "foundation.palette.green.normal" }, "scss": { - "name": "badgeBundleMediumForeground", - "value": "rgb(255, 255, 255)" + "name": "textSuccessForeground", + "value": "rgb(10, 147, 43)" } }, - "badgeBundleTopBackground": { + "textWarningBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-top", + "object": "text", + "variant": "warning", "subVariant": "background" }, "javascript": { - "name": "badgeBundleTopBackground", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" + "name": "textWarningBackground", + "value": "#CF6C001A" }, "foundation": { - "name": "badgeBundleTopBackground", - "value": "none" + "name": "textWarningBackground", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "badgeBundleTopBackground", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" + "name": "textWarningBackground", + "value": "rgba(207, 108, 0, 0.1)" } }, - "badgeBundleTopForeground": { + "textWarningForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "bundle-top", + "object": "text", + "variant": "warning", "subVariant": "foreground" }, "javascript": { - "name": "badgeBundleTopForeground", - "value": "#FFFFFF" + "name": "textWarningForeground", + "value": "#CF6C00" }, "foundation": { - "name": "badgeBundleTopForeground", - "value": "foundation.palette.white.normal" + "name": "textWarningForeground", + "value": "foundation.palette.orange.normal" }, "scss": { - "name": "badgeBundleTopForeground", - "value": "rgb(255, 255, 255)" + "name": "textWarningForeground", + "value": "rgb(207, 108, 0)" } }, - "badgeCriticalBackground": { + "textCriticalBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", + "object": "text", "variant": "critical", "subVariant": "background" }, "javascript": { - "name": "badgeCriticalBackground", - "value": "#D21C1C" + "name": "textCriticalBackground", + "value": "#D21C1C1A" }, "foundation": { - "name": "badgeCriticalBackground", + "name": "textCriticalBackground", "value": "foundation.palette.red.normal" }, "scss": { - "name": "badgeCriticalBackground", - "value": "rgb(210, 28, 28)" + "name": "textCriticalBackground", + "value": "rgba(210, 28, 28, 0.1)" } }, - "badgeCriticalForeground": { + "textCriticalForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", + "object": "text", "variant": "critical", "subVariant": "foreground" }, "javascript": { - "name": "badgeCriticalForeground", - "value": "#FFFFFF" + "name": "textCriticalForeground", + "value": "#D21C1C" }, "foundation": { - "name": "badgeCriticalForeground", - "value": "foundation.palette.white.normal" + "name": "textCriticalForeground", + "value": "foundation.palette.red.normal" }, "scss": { - "name": "badgeCriticalForeground", - "value": "rgb(255, 255, 255)" + "name": "textCriticalForeground", + "value": "rgb(210, 28, 28)" } }, - "badgeCriticalSubtleBackground": { + "textWhiteBackground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "critical-subtle", + "object": "text", + "variant": "white", "subVariant": "background" }, "javascript": { - "name": "badgeCriticalSubtleBackground", - "value": "#FAEAEA" + "name": "textWhiteBackground", + "value": "#FFFFFF1A" }, "foundation": { - "name": "badgeCriticalSubtleBackground", - "value": "foundation.palette.red.light" + "name": "textWhiteBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "badgeCriticalSubtleBackground", - "value": "rgb(250, 234, 234)" + "name": "textWhiteBackground", + "value": "rgba(255, 255, 255, 0.1)" } }, - "badgeCriticalSubtleForeground": { + "textWhiteForeground": { "type": "color", "deprecated": false, "replacement": null, "schema": { "namespace": "component", - "object": "badge", - "variant": "critical-subtle", + "object": "text", + "variant": "white", "subVariant": "foreground" }, "javascript": { - "name": "badgeCriticalSubtleForeground", - "value": "#970C0C" + "name": "textWhiteForeground", + "value": "#FFFFFF" }, "foundation": { - "name": "badgeCriticalSubtleForeground", - "value": "foundation.palette.red.dark" + "name": "textWhiteForeground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "badgeCriticalSubtleForeground", - "value": "rgb(151, 12, 12)" + "name": "textWhiteForeground", + "value": "rgb(255, 255, 255)" } }, - "badgeDarkBackground": { - "type": "color", + "borderRadius50": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { - "namespace": "component", - "object": "badge", - "variant": "dark", - "subVariant": "background" + "namespace": "global", + "object": "border-radius", + "variant": "50" }, "javascript": { - "name": "badgeDarkBackground", - "value": "#252A31" + "name": "borderRadius50", + "value": "2px" }, "foundation": { - "name": "badgeDarkBackground", - "value": "foundation.palette.ink.dark" + "name": "borderRadius50", + "value": "foundation.borderRadius.50" }, "scss": { - "name": "badgeDarkBackground", - "value": "rgb(37, 42, 49)" + "name": "borderRadius50", + "value": "2px" } }, - "badgeDarkForeground": { - "type": "color", + "borderRadius100": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { - "namespace": "component", - "object": "badge", - "variant": "dark", - "subVariant": "foreground" + "namespace": "global", + "object": "border-radius", + "variant": "100" }, "javascript": { - "name": "badgeDarkForeground", - "value": "#FFFFFF" + "name": "borderRadius100", + "value": "4px" }, "foundation": { - "name": "badgeDarkForeground", - "value": "foundation.palette.white.normal" + "name": "borderRadius100", + "value": "foundation.borderRadius.100" }, "scss": { - "name": "badgeDarkForeground", - "value": "rgb(255, 255, 255)" + "name": "borderRadius100", + "value": "4px" } }, - "badgeInfoBackground": { - "type": "color", + "borderRadius150": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { - "namespace": "component", - "object": "badge", - "variant": "info", - "subVariant": "background" + "namespace": "global", + "object": "border-radius", + "variant": "150" }, "javascript": { - "name": "badgeInfoBackground", - "value": "#0070C8" - }, - "foundation": { - "name": "badgeInfoBackground", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "badgeInfoBackground", - "value": "rgb(0, 112, 200)" - } - }, - "badgeInfoForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "info", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeInfoForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "badgeInfoForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "badgeInfoForeground", - "value": "rgb(255, 255, 255)" - } - }, - "badgeInfoSubtleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "info-subtle", - "subVariant": "background" - }, - "javascript": { - "name": "badgeInfoSubtleBackground", - "value": "#E8F4FD" - }, - "foundation": { - "name": "badgeInfoSubtleBackground", - "value": "foundation.palette.blue.light" - }, - "scss": { - "name": "badgeInfoSubtleBackground", - "value": "rgb(232, 244, 253)" - } - }, - "badgeInfoSubtleForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "info-subtle", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeInfoSubtleForeground", - "value": "#005AA3" - }, - "foundation": { - "name": "badgeInfoSubtleForeground", - "value": "foundation.palette.blue.dark" - }, - "scss": { - "name": "badgeInfoSubtleForeground", - "value": "rgb(0, 90, 163)" - } - }, - "badgeNeutralBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "neutral", - "subVariant": "background" - }, - "javascript": { - "name": "badgeNeutralBackground", - "value": "#F5F7F9" - }, - "foundation": { - "name": "badgeNeutralBackground", - "value": "foundation.palette.cloud.light" - }, - "scss": { - "name": "badgeNeutralBackground", - "value": "rgb(245, 247, 249)" - } - }, - "badgeNeutralForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "neutral", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeNeutralForeground", - "value": "#252A31" - }, - "foundation": { - "name": "badgeNeutralForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "badgeNeutralForeground", - "value": "rgb(37, 42, 49)" - } - }, - "badgeSuccessBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "success", - "subVariant": "background" - }, - "javascript": { - "name": "badgeSuccessBackground", - "value": "#0A932B" - }, - "foundation": { - "name": "badgeSuccessBackground", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "badgeSuccessBackground", - "value": "rgb(10, 147, 43)" - } - }, - "badgeSuccessForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "success", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeSuccessForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "badgeSuccessForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "badgeSuccessForeground", - "value": "rgb(255, 255, 255)" - } - }, - "badgeSuccessSubtleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "success-subtle", - "subVariant": "background" - }, - "javascript": { - "name": "badgeSuccessSubtleBackground", - "value": "#EAF5EA" - }, - "foundation": { - "name": "badgeSuccessSubtleBackground", - "value": "foundation.palette.green.light" - }, - "scss": { - "name": "badgeSuccessSubtleBackground", - "value": "rgb(234, 245, 234)" - } - }, - "badgeSuccessSubtleForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "success-subtle", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeSuccessSubtleForeground", - "value": "#2D7738" - }, - "foundation": { - "name": "badgeSuccessSubtleForeground", - "value": "foundation.palette.green.dark" - }, - "scss": { - "name": "badgeSuccessSubtleForeground", - "value": "rgb(45, 119, 56)" - } - }, - "badgeWarningBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "warning", - "subVariant": "background" - }, - "javascript": { - "name": "badgeWarningBackground", - "value": "#CF6C00" - }, - "foundation": { - "name": "badgeWarningBackground", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "badgeWarningBackground", - "value": "rgb(207, 108, 0)" - } - }, - "badgeWarningForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "warning", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeWarningForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "badgeWarningForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "badgeWarningForeground", - "value": "rgb(255, 255, 255)" - } - }, - "badgeWarningSubtleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "warning-subtle", - "subVariant": "background" - }, - "javascript": { - "name": "badgeWarningSubtleBackground", - "value": "#FEF2E6" - }, - "foundation": { - "name": "badgeWarningSubtleBackground", - "value": "foundation.palette.orange.light" - }, - "scss": { - "name": "badgeWarningSubtleBackground", - "value": "rgb(254, 242, 230)" - } - }, - "badgeWarningSubtleForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "warning-subtle", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeWarningSubtleForeground", - "value": "#A75400" - }, - "foundation": { - "name": "badgeWarningSubtleForeground", - "value": "foundation.palette.orange.dark" - }, - "scss": { - "name": "badgeWarningSubtleForeground", - "value": "rgb(167, 84, 0)" - } - }, - "badgeWhiteBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "white", - "subVariant": "background" - }, - "javascript": { - "name": "badgeWhiteBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "badgeWhiteBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "badgeWhiteBackground", - "value": "rgb(255, 255, 255)" - } - }, - "badgeWhiteForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "badge", - "variant": "white", - "subVariant": "foreground" - }, - "javascript": { - "name": "badgeWhiteForeground", - "value": "#252A31" - }, - "foundation": { - "name": "badgeWhiteForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "badgeWhiteForeground", - "value": "rgb(37, 42, 49)" - } - }, - "borderRadiusBadge": { - "type": "border-radius", - "deprecated": true, - "replacement": "badgeBorderRadius", - "schema": { - "namespace": "component", - "object": "border-radius", - "variant": "badge" - }, - "javascript": { - "name": "borderRadiusBadge", - "value": "12px" - }, - "foundation": { - "name": "borderRadiusBadge", - "value": "none" - }, - "scss": { - "name": "borderRadiusBadge", - "value": "12px" - } - }, - "marginBadgeIcon": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "margin", - "variant": "badge", - "subVariant": "icon" - }, - "javascript": { - "name": "marginBadgeIcon", - "value": "0 4px 0 0" - }, - "foundation": { - "name": "marginBadgeIcon", - "value": "0 4px 0 0" - }, - "scss": { - "name": "marginBadgeIcon", - "value": "0 4px 0 0" - } - }, - "marginButtonGroup": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "margin", - "variant": "button-group" - }, - "javascript": { - "name": "marginButtonGroup", - "value": "0 1px 0 0" - }, - "foundation": { - "name": "marginButtonGroup", - "value": "0 1px 0 0" - }, - "scss": { - "name": "marginButtonGroup", - "value": "0 1px 0 0" - } - }, - "marginButtonIcon": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "margin", - "variant": "button-icon" - }, - "javascript": { - "name": "marginButtonIcon", - "value": "8px" - }, - "foundation": { - "name": "marginButtonIcon", - "value": "foundation.space.xSmall" - }, - "scss": { - "name": "marginButtonIcon", - "value": "8px" - } - }, - "buttonLinkCriticalBackground": { - "type": "color", - "comment": "Used for the background of critical ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "background" - }, - "javascript": { - "name": "buttonLinkCriticalBackground", - "value": "transparent" - }, - "foundation": { - "name": "buttonLinkCriticalBackground", - "value": "none" - }, - "scss": { - "name": "buttonLinkCriticalBackground", - "value": "transparent" - } - }, - "buttonLinkCriticalBackgroundHover": { - "type": "color", - "comment": "Used for the background of critical ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonLinkCriticalBackgroundHover", - "value": "#F8E2E2" - }, - "foundation": { - "name": "buttonLinkCriticalBackgroundHover", - "value": "foundation.palette.red.lightHover" - }, - "scss": { - "name": "buttonLinkCriticalBackgroundHover", - "value": "rgb(248, 226, 226)" - } - }, - "buttonLinkCriticalBackgroundActive": { - "type": "color", - "comment": "Used for the background of critical ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonLinkCriticalBackgroundActive", - "value": "#F3CECE" - }, - "foundation": { - "name": "buttonLinkCriticalBackgroundActive", - "value": "foundation.palette.red.lightActive" - }, - "scss": { - "name": "buttonLinkCriticalBackgroundActive", - "value": "rgb(243, 206, 206)" - } - }, - "buttonLinkCriticalForeground": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of critical ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonLinkCriticalForeground", - "value": "#D21C1C" - }, - "foundation": { - "name": "buttonLinkCriticalForeground", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "buttonLinkCriticalForeground", - "value": "rgb(210, 28, 28)" - } - }, - "buttonLinkCriticalForegroundHover": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of critical ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonLinkCriticalForegroundHover", - "value": "#B91919" - }, - "foundation": { - "name": "buttonLinkCriticalForegroundHover", - "value": "foundation.palette.red.normalHover" - }, - "scss": { - "name": "buttonLinkCriticalForegroundHover", - "value": "rgb(185, 25, 25)" - } - }, - "buttonLinkCriticalForegroundActive": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of critical ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "critical", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonLinkCriticalForegroundActive", - "value": "#9D1515" - }, - "foundation": { - "name": "buttonLinkCriticalForegroundActive", - "value": "foundation.palette.red.normalActive" - }, - "scss": { - "name": "buttonLinkCriticalForegroundActive", - "value": "rgb(157, 21, 21)" - } - }, - "buttonLinkPrimaryBackground": { - "type": "color", - "comment": "Used for the background of primary ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "background" - }, - "javascript": { - "name": "buttonLinkPrimaryBackground", - "value": "transparent" - }, - "foundation": { - "name": "buttonLinkPrimaryBackground", - "value": "none" - }, - "scss": { - "name": "buttonLinkPrimaryBackground", - "value": "transparent" - } - }, - "buttonLinkPrimaryBackgroundHover": { - "type": "color", - "comment": "Used for the background of primary ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonLinkPrimaryBackgroundHover", - "value": "#D6F0EC" - }, - "foundation": { - "name": "buttonLinkPrimaryBackgroundHover", - "value": "foundation.palette.product.lightHover" - }, - "scss": { - "name": "buttonLinkPrimaryBackgroundHover", - "value": "rgb(214, 240, 236)" - } - }, - "buttonLinkPrimaryBackgroundActive": { - "type": "color", - "comment": "Used for the background of primary ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonLinkPrimaryBackgroundActive", - "value": "#BFE8E2" - }, - "foundation": { - "name": "buttonLinkPrimaryBackgroundActive", - "value": "foundation.palette.product.lightActive" - }, - "scss": { - "name": "buttonLinkPrimaryBackgroundActive", - "value": "rgb(191, 232, 226)" - } - }, - "buttonLinkPrimaryForeground": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of primary ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonLinkPrimaryForeground", - "value": "#00A58E" - }, - "foundation": { - "name": "buttonLinkPrimaryForeground", - "value": "foundation.palette.product.normal" - }, - "scss": { - "name": "buttonLinkPrimaryForeground", - "value": "rgb(0, 165, 142)" - } - }, - "buttonLinkPrimaryForegroundHover": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of primary ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonLinkPrimaryForegroundHover", - "value": "#007060" - }, - "foundation": { - "name": "buttonLinkPrimaryForegroundHover", - "value": "foundation.palette.product.darkHover" - }, - "scss": { - "name": "buttonLinkPrimaryForegroundHover", - "value": "rgb(0, 112, 96)" - } - }, - "buttonLinkPrimaryForegroundActive": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of primary ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "primary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonLinkPrimaryForegroundActive", - "value": "#006657" - }, - "foundation": { - "name": "buttonLinkPrimaryForegroundActive", - "value": "foundation.palette.product.darkActive" - }, - "scss": { - "name": "buttonLinkPrimaryForegroundActive", - "value": "rgb(0, 102, 87)" - } - }, - "buttonLinkSecondaryBackground": { - "type": "color", - "comment": "Used for the background of secondary ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "background" - }, - "javascript": { - "name": "buttonLinkSecondaryBackground", - "value": "transparent" - }, - "foundation": { - "name": "buttonLinkSecondaryBackground", - "value": "none" - }, - "scss": { - "name": "buttonLinkSecondaryBackground", - "value": "transparent" - } - }, - "buttonLinkSecondaryBackgroundHover": { - "type": "color", - "comment": "Used for the background of secondary ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonLinkSecondaryBackgroundHover", - "value": "#E5EAEF" - }, - "foundation": { - "name": "buttonLinkSecondaryBackgroundHover", - "value": "foundation.palette.cloud.lightHover" - }, - "scss": { - "name": "buttonLinkSecondaryBackgroundHover", - "value": "rgb(229, 234, 239)" - } - }, - "buttonLinkSecondaryBackgroundActive": { - "type": "color", - "comment": "Used for the background of secondary ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonLinkSecondaryBackgroundActive", - "value": "#D6DEE6" - }, - "foundation": { - "name": "buttonLinkSecondaryBackgroundActive", - "value": "foundation.palette.cloud.lightActive" - }, - "scss": { - "name": "buttonLinkSecondaryBackgroundActive", - "value": "rgb(214, 222, 230)" - } - }, - "buttonLinkSecondaryForeground": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of secondary ButtonLink in the default state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonLinkSecondaryForeground", - "value": "#252A31" - }, - "foundation": { - "name": "buttonLinkSecondaryForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "buttonLinkSecondaryForeground", - "value": "rgb(37, 42, 49)" - } - }, - "buttonLinkSecondaryForegroundHover": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of secondary ButtonLink in the hover state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonLinkSecondaryForegroundHover", - "value": "#181B20" - }, - "foundation": { - "name": "buttonLinkSecondaryForegroundHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "buttonLinkSecondaryForegroundHover", - "value": "rgb(24, 27, 32)" - } - }, - "buttonLinkSecondaryForegroundActive": { - "type": "color", - "category": "foreground", - "comment": "Used for the text of secondary ButtonLink in the active and the focus state.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button-link", - "variant": "secondary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonLinkSecondaryForegroundActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "buttonLinkSecondaryForegroundActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "buttonLinkSecondaryForegroundActive", - "value": "rgb(11, 12, 15)" - } - }, - "buttonBundleBasicBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-basic", - "subVariant": "background" - }, - "javascript": { - "name": "buttonBundleBasicBackground", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" - }, - "foundation": { - "name": "buttonBundleBasicBackground", - "value": "none" - }, - "scss": { - "name": "buttonBundleBasicBackground", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" - } - }, - "buttonBundleBasicBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-basic", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonBundleBasicBackgroundHover", - "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" - }, - "foundation": { - "name": "buttonBundleBasicBackgroundHover", - "value": "none" - }, - "scss": { - "name": "buttonBundleBasicBackgroundHover", - "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" - } - }, - "buttonBundleBasicBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-basic", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonBundleBasicBackgroundActive", - "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" - }, - "foundation": { - "name": "buttonBundleBasicBackgroundActive", - "value": "none" - }, - "scss": { - "name": "buttonBundleBasicBackgroundActive", - "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" - } - }, - "buttonBundleMediumBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-medium", - "subVariant": "background" - }, - "javascript": { - "name": "buttonBundleMediumBackground", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" - }, - "foundation": { - "name": "buttonBundleMediumBackground", - "value": "none" - }, - "scss": { - "name": "buttonBundleMediumBackground", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" - } - }, - "buttonBundleMediumBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-medium", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonBundleMediumBackgroundHover", - "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" - }, - "foundation": { - "name": "buttonBundleMediumBackgroundHover", - "value": "none" - }, - "scss": { - "name": "buttonBundleMediumBackgroundHover", - "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" - } - }, - "buttonBundleMediumBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-medium", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonBundleMediumBackgroundActive", - "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" - }, - "foundation": { - "name": "buttonBundleMediumBackgroundActive", - "value": "none" - }, - "scss": { - "name": "buttonBundleMediumBackgroundActive", - "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" - } - }, - "buttonBundleTopBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-top", - "subVariant": "background" - }, - "javascript": { - "name": "buttonBundleTopBackground", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" - }, - "foundation": { - "name": "buttonBundleTopBackground", - "value": "none" - }, - "scss": { - "name": "buttonBundleTopBackground", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" - } - }, - "buttonBundleTopBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-top", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonBundleTopBackgroundHover", - "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" - }, - "foundation": { - "name": "buttonBundleTopBackgroundHover", - "value": "none" - }, - "scss": { - "name": "buttonBundleTopBackgroundHover", - "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" - } - }, - "buttonBundleTopBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "bundle-top", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonBundleTopBackgroundActive", - "value": "linear-gradient(to top right, #101011 0%, #51575C)" - }, - "foundation": { - "name": "buttonBundleTopBackgroundActive", - "value": "none" - }, - "scss": { - "name": "buttonBundleTopBackgroundActive", - "value": "linear-gradient(to top right, #101011 0%, #51575C)" - } - }, - "buttonCriticalSubtleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "background" - }, - "javascript": { - "name": "buttonCriticalSubtleBackground", - "value": "#FAEAEA" - }, - "foundation": { - "name": "buttonCriticalSubtleBackground", - "value": "foundation.palette.red.light" - }, - "scss": { - "name": "buttonCriticalSubtleBackground", - "value": "rgb(250, 234, 234)" - } - }, - "buttonCriticalSubtleBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonCriticalSubtleBackgroundHover", - "value": "#F8E2E2" - }, - "foundation": { - "name": "buttonCriticalSubtleBackgroundHover", - "value": "foundation.palette.red.lightHover" - }, - "scss": { - "name": "buttonCriticalSubtleBackgroundHover", - "value": "rgb(248, 226, 226)" - } - }, - "buttonCriticalSubtleBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonCriticalSubtleBackgroundActive", - "value": "#F3CECE" - }, - "foundation": { - "name": "buttonCriticalSubtleBackgroundActive", - "value": "foundation.palette.red.lightActive" - }, - "scss": { - "name": "buttonCriticalSubtleBackgroundActive", - "value": "rgb(243, 206, 206)" - } - }, - "buttonCriticalSubtleForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonCriticalSubtleForeground", - "value": "#970C0C" - }, - "foundation": { - "name": "buttonCriticalSubtleForeground", - "value": "foundation.palette.red.dark" - }, - "scss": { - "name": "buttonCriticalSubtleForeground", - "value": "rgb(151, 12, 12)" - } - }, - "buttonCriticalSubtleForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonCriticalSubtleForegroundHover", - "value": "#890B0B" - }, - "foundation": { - "name": "buttonCriticalSubtleForegroundHover", - "value": "foundation.palette.red.darkHover" - }, - "scss": { - "name": "buttonCriticalSubtleForegroundHover", - "value": "rgb(137, 11, 11)" - } - }, - "buttonCriticalSubtleForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical-subtle", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonCriticalSubtleForegroundActive", - "value": "#6D0909" - }, - "foundation": { - "name": "buttonCriticalSubtleForegroundActive", - "value": "foundation.palette.red.darkActive" - }, - "scss": { - "name": "buttonCriticalSubtleForegroundActive", - "value": "rgb(109, 9, 9)" - } - }, - "buttonCriticalBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "background" - }, - "javascript": { - "name": "buttonCriticalBackground", - "value": "#D21C1C" - }, - "foundation": { - "name": "buttonCriticalBackground", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "buttonCriticalBackground", - "value": "rgb(210, 28, 28)" - } - }, - "buttonCriticalBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonCriticalBackgroundHover", - "value": "#B91919" - }, - "foundation": { - "name": "buttonCriticalBackgroundHover", - "value": "foundation.palette.red.normalHover" - }, - "scss": { - "name": "buttonCriticalBackgroundHover", - "value": "rgb(185, 25, 25)" - } - }, - "buttonCriticalBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonCriticalBackgroundActive", - "value": "#9D1515" - }, - "foundation": { - "name": "buttonCriticalBackgroundActive", - "value": "foundation.palette.red.normalActive" - }, - "scss": { - "name": "buttonCriticalBackgroundActive", - "value": "rgb(157, 21, 21)" - } - }, - "buttonCriticalForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonCriticalForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonCriticalForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonCriticalForeground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonCriticalForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonCriticalForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonCriticalForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonCriticalForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "buttonCriticalForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "critical", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonCriticalForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonCriticalForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonCriticalForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "buttonSmallFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "small", - "subVariant": "font-size" - }, - "javascript": { - "name": "buttonSmallFontSize", - "value": "13px" - }, - "foundation": { - "name": "buttonSmallFontSize", - "value": "foundation.fontSize.small" - }, - "scss": { - "name": "buttonSmallFontSize", - "value": "13px" - } - }, - "buttonSmallPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "small", - "subVariant": "padding" - }, - "javascript": { - "name": "buttonSmallPadding", - "value": "0 12px" - }, - "foundation": { - "name": "buttonSmallPadding", - "value": "0 12px" - }, - "scss": { - "name": "buttonSmallPadding", - "value": "0 12px" - } - }, - "buttonSmallBothIconsPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "small", - "subVariant": "both-icons-padding" - }, - "javascript": { - "name": "buttonSmallBothIconsPadding", - "value": "0 8px" - }, - "foundation": { - "name": "buttonSmallBothIconsPadding", - "value": "0 8px" - }, - "scss": { - "name": "buttonSmallBothIconsPadding", - "value": "0 8px" - } - }, - "buttonSmallLeftIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "small", - "subVariant": "left-icon-padding" - }, - "javascript": { - "name": "buttonSmallLeftIconPadding", - "value": "0 12px 0 8px" - }, - "foundation": { - "name": "buttonSmallLeftIconPadding", - "value": "0 12px 0 8px" - }, - "scss": { - "name": "buttonSmallLeftIconPadding", - "value": "0 12px 0 8px" - } - }, - "buttonSmallRightIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "small", - "subVariant": "right-icon-padding" - }, - "javascript": { - "name": "buttonSmallRightIconPadding", - "value": "0 8px 0 12px" - }, - "foundation": { - "name": "buttonSmallRightIconPadding", - "value": "0 8px 0 12px" - }, - "scss": { - "name": "buttonSmallRightIconPadding", - "value": "0 8px 0 12px" - } - }, - "buttonNormalFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "normal", - "subVariant": "font-size" - }, - "javascript": { - "name": "buttonNormalFontSize", - "value": "15px" - }, - "foundation": { - "name": "buttonNormalFontSize", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "buttonNormalFontSize", - "value": "15px" - } - }, - "buttonNormalPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "normal", - "subVariant": "padding" - }, - "javascript": { - "name": "buttonNormalPadding", - "value": "0 16px" - }, - "foundation": { - "name": "buttonNormalPadding", - "value": "0 16px" - }, - "scss": { - "name": "buttonNormalPadding", - "value": "0 16px" - } - }, - "buttonNormalBothIconsPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "normal", - "subVariant": "both-icons-padding" - }, - "javascript": { - "name": "buttonNormalBothIconsPadding", - "value": "0 12px" - }, - "foundation": { - "name": "buttonNormalBothIconsPadding", - "value": "0 12px" - }, - "scss": { - "name": "buttonNormalBothIconsPadding", - "value": "0 12px" - } - }, - "buttonNormalLeftIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "normal", - "subVariant": "left-icon-padding" - }, - "javascript": { - "name": "buttonNormalLeftIconPadding", - "value": "0 16px 0 12px" - }, - "foundation": { - "name": "buttonNormalLeftIconPadding", - "value": "0 16px 0 12px" - }, - "scss": { - "name": "buttonNormalLeftIconPadding", - "value": "0 16px 0 12px" - } - }, - "buttonNormalRightIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "normal", - "subVariant": "right-icon-padding" - }, - "javascript": { - "name": "buttonNormalRightIconPadding", - "value": "0 12px 0 16px" - }, - "foundation": { - "name": "buttonNormalRightIconPadding", - "value": "0 12px 0 16px" - }, - "scss": { - "name": "buttonNormalRightIconPadding", - "value": "0 12px 0 16px" - } - }, - "buttonLargeFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "large", - "subVariant": "font-size" - }, - "javascript": { - "name": "buttonLargeFontSize", - "value": "16px" - }, - "foundation": { - "name": "buttonLargeFontSize", - "value": "foundation.fontSize.large" - }, - "scss": { - "name": "buttonLargeFontSize", - "value": "16px" - } - }, - "buttonLargePadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "large", - "subVariant": "padding" - }, - "javascript": { - "name": "buttonLargePadding", - "value": "0 28px" - }, - "foundation": { - "name": "buttonLargePadding", - "value": "0 28px" - }, - "scss": { - "name": "buttonLargePadding", - "value": "0 28px" - } - }, - "buttonLargeBothIconsPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "large", - "subVariant": "both-icons-padding" - }, - "javascript": { - "name": "buttonLargeBothIconsPadding", - "value": "0 16px" - }, - "foundation": { - "name": "buttonLargeBothIconsPadding", - "value": "0 16px" - }, - "scss": { - "name": "buttonLargeBothIconsPadding", - "value": "0 16px" - } - }, - "buttonLargeLeftIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "large", - "subVariant": "left-icon-padding" - }, - "javascript": { - "name": "buttonLargeLeftIconPadding", - "value": "0 28px 0 16px" - }, - "foundation": { - "name": "buttonLargeLeftIconPadding", - "value": "0 28px 0 16px" - }, - "scss": { - "name": "buttonLargeLeftIconPadding", - "value": "0 28px 0 16px" - } - }, - "buttonLargeRightIconPadding": { - "type": "size", - "category": "spacing", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "large", - "subVariant": "right-icon-padding" - }, - "javascript": { - "name": "buttonLargeRightIconPadding", - "value": "0 16px 0 28px" - }, - "foundation": { - "name": "buttonLargeRightIconPadding", - "value": "0 16px 0 28px" - }, - "scss": { - "name": "buttonLargeRightIconPadding", - "value": "0 16px 0 28px" - } - }, - "buttonInfoBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "background" - }, - "javascript": { - "name": "buttonInfoBackground", - "value": "#0070C8" - }, - "foundation": { - "name": "buttonInfoBackground", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "buttonInfoBackground", - "value": "rgb(0, 112, 200)" - } - }, - "buttonInfoBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonInfoBackgroundHover", - "value": "#0161AC" - }, - "foundation": { - "name": "buttonInfoBackgroundHover", - "value": "foundation.palette.blue.normalHover" - }, - "scss": { - "name": "buttonInfoBackgroundHover", - "value": "rgb(1, 97, 172)" - } - }, - "buttonInfoBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonInfoBackgroundActive", - "value": "#01508E" - }, - "foundation": { - "name": "buttonInfoBackgroundActive", - "value": "foundation.palette.blue.normalActive" - }, - "scss": { - "name": "buttonInfoBackgroundActive", - "value": "rgb(1, 80, 142)" - } - }, - "buttonInfoForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonInfoForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonInfoForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonInfoForeground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonInfoForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonInfoForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonInfoForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonInfoForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "buttonInfoForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "info", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonInfoForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonInfoForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonInfoForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWithoutTextPadding": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "without-text", - "subVariant": "padding" - }, - "javascript": { - "name": "buttonWithoutTextPadding", - "value": "0" - }, - "foundation": { - "name": "buttonWithoutTextPadding", - "value": "none" - }, - "scss": { - "name": "buttonWithoutTextPadding", - "value": "0" - } - }, - "buttonPaddingXSmall": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "padding", - "subVariant": "x-small" - }, - "javascript": { - "name": "buttonPaddingXSmall", - "value": "8px" - }, - "foundation": { - "name": "buttonPaddingXSmall", - "value": "foundation.space.200" - }, - "scss": { - "name": "buttonPaddingXSmall", - "value": "8px" - } - }, - "buttonPaddingSmall": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "padding", - "subVariant": "small" - }, - "javascript": { - "name": "buttonPaddingSmall", - "value": "12px" - }, - "foundation": { - "name": "buttonPaddingSmall", - "value": "foundation.space.300" - }, - "scss": { - "name": "buttonPaddingSmall", - "value": "12px" - } - }, - "buttonPaddingNormal": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "padding", - "subVariant": "normal" - }, - "javascript": { - "name": "buttonPaddingNormal", - "value": "16px" - }, - "foundation": { - "name": "buttonPaddingNormal", - "value": "foundation.space.400" - }, - "scss": { - "name": "buttonPaddingNormal", - "value": "16px" - } - }, - "buttonPaddingLarge": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "padding", - "subVariant": "large" - }, - "javascript": { - "name": "buttonPaddingLarge", - "value": "28px" - }, - "foundation": { - "name": "buttonPaddingLarge", - "value": "none" - }, - "scss": { - "name": "buttonPaddingLarge", - "value": "28px" - } - }, - "buttonPrimarySubtleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "background" - }, - "javascript": { - "name": "buttonPrimarySubtleBackground", - "value": "#E1F4F3" - }, - "foundation": { - "name": "buttonPrimarySubtleBackground", - "value": "foundation.palette.product.light" - }, - "scss": { - "name": "buttonPrimarySubtleBackground", - "value": "rgb(225, 244, 243)" - } - }, - "buttonPrimarySubtleBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonPrimarySubtleBackgroundHover", - "value": "#D6F0EC" - }, - "foundation": { - "name": "buttonPrimarySubtleBackgroundHover", - "value": "foundation.palette.product.lightHover" - }, - "scss": { - "name": "buttonPrimarySubtleBackgroundHover", - "value": "rgb(214, 240, 236)" - } - }, - "buttonPrimarySubtleBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonPrimarySubtleBackgroundActive", - "value": "#BFE8E2" - }, - "foundation": { - "name": "buttonPrimarySubtleBackgroundActive", - "value": "foundation.palette.product.lightActive" - }, - "scss": { - "name": "buttonPrimarySubtleBackgroundActive", - "value": "rgb(191, 232, 226)" - } - }, - "buttonPrimarySubtleForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonPrimarySubtleForeground", - "value": "#007A69" - }, - "foundation": { - "name": "buttonPrimarySubtleForeground", - "value": "foundation.palette.product.dark" - }, - "scss": { - "name": "buttonPrimarySubtleForeground", - "value": "rgb(0, 122, 105)" - } - }, - "buttonPrimarySubtleForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonPrimarySubtleForegroundHover", - "value": "#007060" - }, - "foundation": { - "name": "buttonPrimarySubtleForegroundHover", - "value": "foundation.palette.product.darkHover" - }, - "scss": { - "name": "buttonPrimarySubtleForegroundHover", - "value": "rgb(0, 112, 96)" - } - }, - "buttonPrimarySubtleForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary-subtle", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonPrimarySubtleForegroundActive", - "value": "#006657" - }, - "foundation": { - "name": "buttonPrimarySubtleForegroundActive", - "value": "foundation.palette.product.darkActive" - }, - "scss": { - "name": "buttonPrimarySubtleForegroundActive", - "value": "rgb(0, 102, 87)" - } - }, - "buttonPrimaryBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "background" - }, - "javascript": { - "name": "buttonPrimaryBackground", - "value": "#00A58E" - }, - "foundation": { - "name": "buttonPrimaryBackground", - "value": "foundation.palette.product.normal" - }, - "scss": { - "name": "buttonPrimaryBackground", - "value": "rgb(0, 165, 142)" - } - }, - "buttonPrimaryBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonPrimaryBackgroundHover", - "value": "#009580" - }, - "foundation": { - "name": "buttonPrimaryBackgroundHover", - "value": "foundation.palette.product.normalHover" - }, - "scss": { - "name": "buttonPrimaryBackgroundHover", - "value": "rgb(0, 149, 128)" - } - }, - "buttonPrimaryBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonPrimaryBackgroundActive", - "value": "#008472" - }, - "foundation": { - "name": "buttonPrimaryBackgroundActive", - "value": "foundation.palette.product.normalActive" - }, - "scss": { - "name": "buttonPrimaryBackgroundActive", - "value": "rgb(0, 132, 114)" - } - }, - "buttonPrimaryForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonPrimaryForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonPrimaryForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonPrimaryForeground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonPrimaryForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonPrimaryForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonPrimaryForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonPrimaryForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "buttonPrimaryForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonPrimaryForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonPrimaryForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonPrimaryForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "buttonPrimaryBorderColorFocus": { - "type": "color", - "category": "border-color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "primary", - "subVariant": "border-color-focus" - }, - "javascript": { - "name": "buttonPrimaryBorderColorFocus", - "value": "#00A58E80" - }, - "foundation": { - "name": "buttonPrimaryBorderColorFocus", - "value": "foundation.palette.product.normal" - }, - "scss": { - "name": "buttonPrimaryBorderColorFocus", - "value": "rgba(0, 165, 142, 0.5)" - } - }, - "buttonSecondaryBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "background" - }, - "javascript": { - "name": "buttonSecondaryBackground", - "value": "#E8EDF1" - }, - "foundation": { - "name": "buttonSecondaryBackground", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "buttonSecondaryBackground", - "value": "rgb(232, 237, 241)" - } - }, - "buttonSecondaryBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonSecondaryBackgroundHover", - "value": "#DCE3E9" - }, - "foundation": { - "name": "buttonSecondaryBackgroundHover", - "value": "foundation.palette.cloud.normalHover" - }, - "scss": { - "name": "buttonSecondaryBackgroundHover", - "value": "rgb(220, 227, 233)" - } - }, - "buttonSecondaryBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonSecondaryBackgroundActive", - "value": "#CAD4DE" - }, - "foundation": { - "name": "buttonSecondaryBackgroundActive", - "value": "foundation.palette.cloud.normalActive" - }, - "scss": { - "name": "buttonSecondaryBackgroundActive", - "value": "rgb(202, 212, 222)" - } - }, - "buttonSecondaryForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonSecondaryForeground", - "value": "#252A31" - }, - "foundation": { - "name": "buttonSecondaryForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "buttonSecondaryForeground", - "value": "rgb(37, 42, 49)" - } - }, - "buttonSecondaryForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonSecondaryForegroundHover", - "value": "#181B20" - }, - "foundation": { - "name": "buttonSecondaryForegroundHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "buttonSecondaryForegroundHover", - "value": "rgb(24, 27, 32)" - } - }, - "buttonSecondaryForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "secondary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonSecondaryForegroundActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "buttonSecondaryForegroundActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "buttonSecondaryForegroundActive", - "value": "rgb(11, 12, 15)" - } - }, - "buttonSuccessBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "background" - }, - "javascript": { - "name": "buttonSuccessBackground", - "value": "#0A932B" - }, - "foundation": { - "name": "buttonSuccessBackground", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "buttonSuccessBackground", - "value": "rgb(10, 147, 43)" - } - }, - "buttonSuccessBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonSuccessBackgroundHover", - "value": "#238B31" - }, - "foundation": { - "name": "buttonSuccessBackgroundHover", - "value": "foundation.palette.green.normalHover" - }, - "scss": { - "name": "buttonSuccessBackgroundHover", - "value": "rgb(35, 139, 49)" - } - }, - "buttonSuccessBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonSuccessBackgroundActive", - "value": "#1D7228" - }, - "foundation": { - "name": "buttonSuccessBackgroundActive", - "value": "foundation.palette.green.normalActive" - }, - "scss": { - "name": "buttonSuccessBackgroundActive", - "value": "rgb(29, 114, 40)" - } - }, - "buttonSuccessForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonSuccessForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonSuccessForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonSuccessForeground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonSuccessForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonSuccessForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonSuccessForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonSuccessForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "buttonSuccessForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "success", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonSuccessForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonSuccessForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonSuccessForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWarningBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "background" - }, - "javascript": { - "name": "buttonWarningBackground", - "value": "#CF6C00" - }, - "foundation": { - "name": "buttonWarningBackground", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "buttonWarningBackground", - "value": "rgb(207, 108, 0)" - } - }, - "buttonWarningBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonWarningBackgroundHover", - "value": "#B86000" - }, - "foundation": { - "name": "buttonWarningBackgroundHover", - "value": "foundation.palette.orange.normalHover" - }, - "scss": { - "name": "buttonWarningBackgroundHover", - "value": "rgb(184, 96, 0)" - } - }, - "buttonWarningBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonWarningBackgroundActive", - "value": "#AD5700" - }, - "foundation": { - "name": "buttonWarningBackgroundActive", - "value": "foundation.palette.orange.normalActive" - }, - "scss": { - "name": "buttonWarningBackgroundActive", - "value": "rgb(173, 87, 0)" - } - }, - "buttonWarningForeground": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonWarningForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonWarningForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonWarningForeground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWarningForegroundHover": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonWarningForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonWarningForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonWarningForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWarningForegroundActive": { - "type": "color", - "category": "foreground", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "warning", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonWarningForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonWarningForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonWarningForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWhiteBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "background" - }, - "javascript": { - "name": "buttonWhiteBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "buttonWhiteBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "buttonWhiteBackground", - "value": "rgb(255, 255, 255)" - } - }, - "buttonWhiteBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "background-hover" - }, - "javascript": { - "name": "buttonWhiteBackgroundHover", - "value": "#F5F7F9" - }, - "foundation": { - "name": "buttonWhiteBackgroundHover", - "value": "foundation.palette.cloud.light" - }, - "scss": { - "name": "buttonWhiteBackgroundHover", - "value": "rgb(245, 247, 249)" - } - }, - "buttonWhiteBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "background-active" - }, - "javascript": { - "name": "buttonWhiteBackgroundActive", - "value": "#E5EAEF" - }, - "foundation": { - "name": "buttonWhiteBackgroundActive", - "value": "foundation.palette.cloud.lightHover" - }, - "scss": { - "name": "buttonWhiteBackgroundActive", - "value": "rgb(229, 234, 239)" - } - }, - "buttonWhiteForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "foreground" - }, - "javascript": { - "name": "buttonWhiteForeground", - "value": "#252A31" - }, - "foundation": { - "name": "buttonWhiteForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "buttonWhiteForeground", - "value": "rgb(37, 42, 49)" - } - }, - "buttonWhiteForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "buttonWhiteForegroundHover", - "value": "#181B20" - }, - "foundation": { - "name": "buttonWhiteForegroundHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "buttonWhiteForegroundHover", - "value": "rgb(24, 27, 32)" - } - }, - "buttonWhiteForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "buttonWhiteForegroundActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "buttonWhiteForegroundActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "buttonWhiteForegroundActive", - "value": "rgb(11, 12, 15)" - } - }, - "buttonWhiteBorderColorFocus": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "button", - "variant": "white", - "subVariant": "border-color-focus" - }, - "javascript": { - "name": "buttonWhiteBorderColorFocus", - "value": "#E7ECF180" - }, - "foundation": { - "name": "buttonWhiteBorderColorFocus", - "value": "foundation.palette.white.normalActive" - }, - "scss": { - "name": "buttonWhiteBorderColorFocus", - "value": "rgba(231, 236, 241, 0.5)" - } - }, - "boxShadowButtonFocus": { - "type": "box-shadow", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "box-shadow", - "variant": "button", - "subVariant": "focus" - }, - "javascript": { - "name": "boxShadowButtonFocus", - "value": "0 0 4px 1px rgba(0, 112, 200, 0.3)" - }, - "foundation": { - "name": "boxShadowButtonFocus", - "value": "0 0 4px 1px color(#0070C8, opacity: 30)" - }, - "scss": { - "name": "boxShadowButtonFocus", - "value": "0 0 4px 1px rgba(0, 112, 200, 0.3)" - } - }, - "borderColorButtonPrimaryBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-primary", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonPrimaryBordered", - "value": "#00A58E" - }, - "foundation": { - "name": "borderColorButtonPrimaryBordered", - "value": "foundation.palette.product.normal" - }, - "scss": { - "name": "borderColorButtonPrimaryBordered", - "value": "rgb(0, 165, 142)" - } - }, - "borderColorButtonPrimaryBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-primary", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonPrimaryBorderedHover", - "value": "#009580" - }, - "foundation": { - "name": "borderColorButtonPrimaryBorderedHover", - "value": "foundation.palette.product.normalHover" - }, - "scss": { - "name": "borderColorButtonPrimaryBorderedHover", - "value": "rgb(0, 149, 128)" - } - }, - "borderColorButtonPrimaryBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-primary", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonPrimaryBorderedActive", - "value": "#008472" - }, - "foundation": { - "name": "borderColorButtonPrimaryBorderedActive", - "value": "foundation.palette.product.normalActive" - }, - "scss": { - "name": "borderColorButtonPrimaryBorderedActive", - "value": "rgb(0, 132, 114)" - } - }, - "borderColorButtonSecondaryBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-secondary", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonSecondaryBordered", - "value": "#252A31" - }, - "foundation": { - "name": "borderColorButtonSecondaryBordered", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "borderColorButtonSecondaryBordered", - "value": "rgb(37, 42, 49)" - } - }, - "borderColorButtonSecondaryBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-secondary", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonSecondaryBorderedHover", - "value": "#181B20" - }, - "foundation": { - "name": "borderColorButtonSecondaryBorderedHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "borderColorButtonSecondaryBorderedHover", - "value": "rgb(24, 27, 32)" - } - }, - "borderColorButtonSecondaryBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-secondary", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonSecondaryBorderedActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "borderColorButtonSecondaryBorderedActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "borderColorButtonSecondaryBorderedActive", - "value": "rgb(11, 12, 15)" - } - }, - "borderColorButtonFacebookBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-facebook", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonFacebookBordered", - "value": "#3B5998" - }, - "foundation": { - "name": "borderColorButtonFacebookBordered", - "value": "foundation.palette.social.facebook" - }, - "scss": { - "name": "borderColorButtonFacebookBordered", - "value": "rgb(59, 89, 152)" - } - }, - "borderColorButtonFacebookBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-facebook", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonFacebookBorderedHover", - "value": "#385490" - }, - "foundation": { - "name": "borderColorButtonFacebookBorderedHover", - "value": "foundation.palette.social.facebookHover" - }, - "scss": { - "name": "borderColorButtonFacebookBorderedHover", - "value": "rgb(56, 84, 144)" - } - }, - "borderColorButtonFacebookBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-facebook", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonFacebookBorderedActive", - "value": "#354F88" - }, - "foundation": { - "name": "borderColorButtonFacebookBorderedActive", - "value": "foundation.palette.social.facebookActive" - }, - "scss": { - "name": "borderColorButtonFacebookBorderedActive", - "value": "rgb(53, 79, 136)" - } - }, - "borderColorButtonGoogleBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-google", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonGoogleBordered", - "value": "#252A31" - }, - "foundation": { - "name": "borderColorButtonGoogleBordered", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "borderColorButtonGoogleBordered", - "value": "rgb(37, 42, 49)" - } - }, - "borderColorButtonGoogleBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-google", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonGoogleBorderedHover", - "value": "#181B20" - }, - "foundation": { - "name": "borderColorButtonGoogleBorderedHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "borderColorButtonGoogleBorderedHover", - "value": "rgb(24, 27, 32)" - } - }, - "borderColorButtonGoogleBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-google", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonGoogleBorderedActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "borderColorButtonGoogleBorderedActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "borderColorButtonGoogleBorderedActive", - "value": "rgb(11, 12, 15)" - } - }, - "borderColorButtonInfoBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-info", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonInfoBordered", - "value": "#0070C8" - }, - "foundation": { - "name": "borderColorButtonInfoBordered", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "borderColorButtonInfoBordered", - "value": "rgb(0, 112, 200)" - } - }, - "borderColorButtonInfoBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-info", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonInfoBorderedHover", - "value": "#0161AC" - }, - "foundation": { - "name": "borderColorButtonInfoBorderedHover", - "value": "foundation.palette.blue.normalHover" - }, - "scss": { - "name": "borderColorButtonInfoBorderedHover", - "value": "rgb(1, 97, 172)" - } - }, - "borderColorButtonInfoBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-info", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonInfoBorderedActive", - "value": "#01508E" - }, - "foundation": { - "name": "borderColorButtonInfoBorderedActive", - "value": "foundation.palette.blue.normalActive" - }, - "scss": { - "name": "borderColorButtonInfoBorderedActive", - "value": "rgb(1, 80, 142)" - } - }, - "borderColorButtonSuccessBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-success", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonSuccessBordered", - "value": "#0A932B" - }, - "foundation": { - "name": "borderColorButtonSuccessBordered", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "borderColorButtonSuccessBordered", - "value": "rgb(10, 147, 43)" - } - }, - "borderColorButtonSuccessBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-success", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonSuccessBorderedHover", - "value": "#238B31" - }, - "foundation": { - "name": "borderColorButtonSuccessBorderedHover", - "value": "foundation.palette.green.normalHover" - }, - "scss": { - "name": "borderColorButtonSuccessBorderedHover", - "value": "rgb(35, 139, 49)" - } - }, - "borderColorButtonSuccessBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-success", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonSuccessBorderedActive", - "value": "#1D7228" - }, - "foundation": { - "name": "borderColorButtonSuccessBorderedActive", - "value": "foundation.palette.green.normalActive" - }, - "scss": { - "name": "borderColorButtonSuccessBorderedActive", - "value": "rgb(29, 114, 40)" - } - }, - "borderColorButtonWarningBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-warning", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonWarningBordered", - "value": "#CF6C00" - }, - "foundation": { - "name": "borderColorButtonWarningBordered", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "borderColorButtonWarningBordered", - "value": "rgb(207, 108, 0)" - } - }, - "borderColorButtonWarningBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-warning", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonWarningBorderedHover", - "value": "#B86000" - }, - "foundation": { - "name": "borderColorButtonWarningBorderedHover", - "value": "foundation.palette.orange.normalHover" - }, - "scss": { - "name": "borderColorButtonWarningBorderedHover", - "value": "rgb(184, 96, 0)" - } - }, - "borderColorButtonWarningBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-warning", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonWarningBorderedActive", - "value": "#AD5700" - }, - "foundation": { - "name": "borderColorButtonWarningBorderedActive", - "value": "foundation.palette.orange.normalActive" - }, - "scss": { - "name": "borderColorButtonWarningBorderedActive", - "value": "rgb(173, 87, 0)" - } - }, - "borderColorButtonCriticalBordered": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-critical", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonCriticalBordered", - "value": "#D21C1C" - }, - "foundation": { - "name": "borderColorButtonCriticalBordered", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "borderColorButtonCriticalBordered", - "value": "rgb(210, 28, 28)" - } - }, - "borderColorButtonCriticalBorderedHover": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-critical", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonCriticalBorderedHover", - "value": "#B91919" - }, - "foundation": { - "name": "borderColorButtonCriticalBorderedHover", - "value": "foundation.palette.red.normalHover" - }, - "scss": { - "name": "borderColorButtonCriticalBorderedHover", - "value": "rgb(185, 25, 25)" - } - }, - "borderColorButtonCriticalBorderedActive": { - "type": "color", - "category": "border-color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-critical", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonCriticalBorderedActive", - "value": "#9D1515" - }, - "foundation": { - "name": "borderColorButtonCriticalBorderedActive", - "value": "foundation.palette.red.normalActive" - }, - "scss": { - "name": "borderColorButtonCriticalBorderedActive", - "value": "rgb(157, 21, 21)" - } - }, - "borderColorButtonWhiteBordered": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-white", - "subVariant": "bordered" - }, - "javascript": { - "name": "borderColorButtonWhiteBordered", - "value": "#FFFFFF" - }, - "foundation": { - "name": "borderColorButtonWhiteBordered", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "borderColorButtonWhiteBordered", - "value": "rgb(255, 255, 255)" - } - }, - "borderColorButtonWhiteBorderedHover": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-white", - "subVariant": "bordered-hover" - }, - "javascript": { - "name": "borderColorButtonWhiteBorderedHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "borderColorButtonWhiteBorderedHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "borderColorButtonWhiteBorderedHover", - "value": "rgb(255, 255, 255)" - } - }, - "borderColorButtonWhiteBorderedActive": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "button-white", - "subVariant": "bordered-active" - }, - "javascript": { - "name": "borderColorButtonWhiteBorderedActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "borderColorButtonWhiteBorderedActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "borderColorButtonWhiteBorderedActive", - "value": "rgb(255, 255, 255)" - } - }, - "borderColorCard": { - "type": "color", - "deprecated": true, - "replacement": "elevationFlatBorderColor", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "card" - }, - "javascript": { - "name": "borderColorCard", - "value": "#E8EDF1" - }, - "foundation": { - "name": "borderColorCard", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "borderColorCard", - "value": "rgb(232, 237, 241)" - } - }, - "borderColorCheckboxRadio": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColor", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "checkbox-radio" - }, - "javascript": { - "name": "borderColorCheckboxRadio", - "value": "#BAC7D5" - }, - "foundation": { - "name": "borderColorCheckboxRadio", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "borderColorCheckboxRadio", - "value": "rgb(186, 199, 213)" - } - }, - "borderColorCheckboxRadioActive": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorFocus", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "checkbox-radio-active" - }, - "javascript": { - "name": "borderColorCheckboxRadioActive", - "value": "#252A31" - }, - "foundation": { - "name": "borderColorCheckboxRadioActive", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "borderColorCheckboxRadioActive", - "value": "rgb(37, 42, 49)" - } - }, - "borderColorCheckboxRadioError": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorError", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "checkbox-radio-error" - }, - "javascript": { - "name": "borderColorCheckboxRadioError", - "value": "#D21C1C" - }, - "foundation": { - "name": "borderColorCheckboxRadioError", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "borderColorCheckboxRadioError", - "value": "rgb(210, 28, 28)" - } - }, - "borderColorCheckboxRadioFocus": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorFocus", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "checkbox-radio-focus" - }, - "javascript": { - "name": "borderColorCheckboxRadioFocus", - "value": "#0070C8" - }, - "foundation": { - "name": "borderColorCheckboxRadioFocus", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "borderColorCheckboxRadioFocus", - "value": "rgb(0, 112, 200)" - } - }, - "borderColorCheckboxRadioHover": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorHover", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "checkbox-radio-hover" - }, - "javascript": { - "name": "borderColorCheckboxRadioHover", - "value": "#4F5E71" - }, - "foundation": { - "name": "borderColorCheckboxRadioHover", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "borderColorCheckboxRadioHover", - "value": "rgb(79, 94, 113)" - } - }, - "borderColorInput": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColor", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input" - }, - "javascript": { - "name": "borderColorInput", - "value": "#BAC7D5" - }, - "foundation": { - "name": "borderColorInput", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "borderColorInput", - "value": "rgb(186, 199, 213)" - } - }, - "borderColorInputActive": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorFocus", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-active" - }, - "javascript": { - "name": "borderColorInputActive", - "value": "#94A8BE" - }, - "foundation": { - "name": "borderColorInputActive", - "value": "foundation.palette.cloud.darkActive" - }, - "scss": { - "name": "borderColorInputActive", - "value": "rgb(148, 168, 190)" - } - }, - "borderColorInputError": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorError", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-error" - }, - "javascript": { - "name": "borderColorInputError", - "value": "#D21C1C" - }, - "foundation": { - "name": "borderColorInputError", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "borderColorInputError", - "value": "rgb(210, 28, 28)" - } - }, - "borderColorInputErrorFocus": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-error-focus" - }, - "javascript": { - "name": "borderColorInputErrorFocus", - "value": "#D21C1C" - }, - "foundation": { - "name": "borderColorInputErrorFocus", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "borderColorInputErrorFocus", - "value": "rgb(210, 28, 28)" - } - }, - "borderColorInputErrorHover": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-error-hover" - }, - "javascript": { - "name": "borderColorInputErrorHover", - "value": "#B91919" - }, - "foundation": { - "name": "borderColorInputErrorHover", - "value": "foundation.palette.red.normalHover" - }, - "scss": { - "name": "borderColorInputErrorHover", - "value": "rgb(185, 25, 25)" - } - }, - "borderColorInputFocus": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorFocus", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-focus" - }, - "javascript": { - "name": "borderColorInputFocus", - "value": "#0070C8" - }, - "foundation": { - "name": "borderColorInputFocus", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "borderColorInputFocus", - "value": "rgb(0, 112, 200)" - } - }, - "borderColorInputHover": { - "type": "color", - "deprecated": true, - "replacement": "formElementBorderColorHover", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "input-hover" - }, - "javascript": { - "name": "borderColorInputHover", - "value": "#A6B6C8" - }, - "foundation": { - "name": "borderColorInputHover", - "value": "foundation.palette.cloud.darkHover" - }, - "scss": { - "name": "borderColorInputHover", - "value": "rgb(166, 182, 200)" - } - }, - "borderColorModal": { - "type": "color", - "deprecated": true, - "replacement": "elevationFlatBorderColor", - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "modal" - }, - "javascript": { - "name": "borderColorModal", - "value": "#E8EDF1" - }, - "foundation": { - "name": "borderColorModal", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "borderColorModal", - "value": "rgb(232, 237, 241)" - } - }, - "borderColorTable": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "table" - }, - "javascript": { - "name": "borderColorTable", - "value": "#E8EDF1" - }, - "foundation": { - "name": "borderColorTable", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "borderColorTable", - "value": "rgb(232, 237, 241)" - } - }, - "borderColorTableCell": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "table-cell" - }, - "javascript": { - "name": "borderColorTableCell", - "value": "#BAC7D5" - }, - "foundation": { - "name": "borderColorTableCell", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "borderColorTableCell", - "value": "rgb(186, 199, 213)" - } - }, - "borderColorTableHead": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "table-head" - }, - "javascript": { - "name": "borderColorTableHead", - "value": "#BAC7D5" - }, - "foundation": { - "name": "borderColorTableHead", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "borderColorTableHead", - "value": "rgb(186, 199, 213)" - } - }, - "borderColorTag": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "tag" - }, - "javascript": { - "name": "borderColorTag", - "value": "#BAC7D5" - }, - "foundation": { - "name": "borderColorTag", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "borderColorTag", - "value": "rgb(186, 199, 213)" - } - }, - "borderColorTagFocus": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-color", - "variant": "tag-focus" - }, - "javascript": { - "name": "borderColorTagFocus", - "value": "#0070C8" - }, - "foundation": { - "name": "borderColorTagFocus", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "borderColorTagFocus", - "value": "rgb(0, 112, 200)" - } - }, - "modifierScaleButtonActive": { - "type": "modifier", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modifier-scale", - "variant": "button", - "subVariant": "active" - }, - "javascript": { - "name": "modifierScaleButtonActive", - "value": 0.95 - }, - "foundation": { - "name": "modifierScaleButtonActive", - "value": "none" - }, - "scss": { - "name": "modifierScaleButtonActive", - "value": 0.95 - } - }, - "modifierScaleCheckboxRadioActive": { - "type": "modifier", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modifier-scale", - "variant": "checkbox-radio", - "subVariant": "active" - }, - "javascript": { - "name": "modifierScaleCheckboxRadioActive", - "value": 0.95 - }, - "foundation": { - "name": "modifierScaleCheckboxRadioActive", - "value": "none" - }, - "scss": { - "name": "modifierScaleCheckboxRadioActive", - "value": 0.95 - } - }, - "fontSizeButtonSmall": { - "type": "size", - "deprecated": true, - "replacement": "buttonSmallFontSize", - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "button", - "subVariant": "small" - }, - "javascript": { - "name": "fontSizeButtonSmall", - "value": "13px" - }, - "foundation": { - "name": "fontSizeButtonSmall", - "value": "foundation.fontSize.small" - }, - "scss": { - "name": "fontSizeButtonSmall", - "value": "13px" - } - }, - "fontSizeButtonNormal": { - "type": "size", - "deprecated": true, - "replacement": "buttonNormalFontSize", - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "button", - "subVariant": "normal" - }, - "javascript": { - "name": "fontSizeButtonNormal", - "value": "15px" - }, - "foundation": { - "name": "fontSizeButtonNormal", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "fontSizeButtonNormal", - "value": "15px" - } - }, - "fontSizeButtonLarge": { - "type": "size", - "deprecated": true, - "replacement": "buttonLargeFontSize", - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "button", - "subVariant": "large" - }, - "javascript": { - "name": "fontSizeButtonLarge", - "value": "16px" - }, - "foundation": { - "name": "fontSizeButtonLarge", - "value": "foundation.fontSize.large" - }, - "scss": { - "name": "fontSizeButtonLarge", - "value": "16px" - } - }, - "fontSizeInputSmall": { - "type": "size", - "deprecated": true, - "replacement": "formElementNormalFontSize", - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "input", - "subVariant": "small" - }, - "javascript": { - "name": "fontSizeInputSmall", - "value": "15px" - }, - "foundation": { - "name": "fontSizeInputSmall", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "fontSizeInputSmall", - "value": "15px" - } - }, - "fontSizeInputNormal": { - "type": "size", - "deprecated": true, - "replacement": "formElementNormalFontSize", - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "input", - "subVariant": "normal" - }, - "javascript": { - "name": "fontSizeInputNormal", - "value": "15px" - }, - "foundation": { - "name": "fontSizeInputNormal", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "fontSizeInputNormal", - "value": "15px" - } - }, - "fontSizeFormFeedback": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "form-feedback" - }, - "javascript": { - "name": "fontSizeFormFeedback", - "value": "13px" - }, - "foundation": { - "name": "fontSizeFormFeedback", - "value": "foundation.fontSize.small" - }, - "scss": { - "name": "fontSizeFormFeedback", - "value": "13px" - } - }, - "fontSizeFormLabel": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "form-label" - }, - "javascript": { - "name": "fontSizeFormLabel", - "value": "15px" - }, - "foundation": { - "name": "fontSizeFormLabel", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "fontSizeFormLabel", - "value": "15px" - } - }, - "fontSizeMessage": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "font-size", - "variant": "message" - }, - "javascript": { - "name": "fontSizeMessage", - "value": "15px" - }, - "foundation": { - "name": "fontSizeMessage", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "fontSizeMessage", - "value": "15px" - } - }, - "borderStyleCard": { - "type": "border-style", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-style", - "variant": "card" - }, - "javascript": { - "name": "borderStyleCard", - "value": "solid" - }, - "foundation": { - "name": "borderStyleCard", - "value": "none" - }, - "scss": { - "name": "borderStyleCard", - "value": "solid" - } - }, - "borderStyleInput": { - "type": "border-style", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-style", - "variant": "input" - }, - "javascript": { - "name": "borderStyleInput", - "value": "solid" - }, - "foundation": { - "name": "borderStyleInput", - "value": "none" - }, - "scss": { - "name": "borderStyleInput", - "value": "solid" - } - }, - "borderWidthCard": { - "type": "size", - "deprecated": true, - "replacement": "elevationFlatBorderSize", - "schema": { - "namespace": "component", - "object": "border-width", - "variant": "card" - }, - "javascript": { - "name": "borderWidthCard", - "value": "1px" - }, - "foundation": { - "name": "borderWidthCard", - "value": "none" - }, - "scss": { - "name": "borderWidthCard", - "value": "1px" - } - }, - "borderWidthInput": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-width", - "variant": "input" - }, - "javascript": { - "name": "borderWidthInput", - "value": "1px" - }, - "foundation": { - "name": "borderWidthInput", - "value": "none" - }, - "scss": { - "name": "borderWidthInput", - "value": "1px" - } - }, - "borderWidthInputFocus": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "border-width", - "variant": "input-focus" - }, - "javascript": { - "name": "borderWidthInputFocus", - "value": "2px" - }, - "foundation": { - "name": "borderWidthInputFocus", - "value": "none" - }, - "scss": { - "name": "borderWidthInputFocus", - "value": "2px" - } - }, - "widthCarrierLogo": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "width", - "variant": "carrier-logo" - }, - "javascript": { - "name": "widthCarrierLogo", - "value": "32px" - }, - "foundation": { - "name": "widthCarrierLogo", - "value": "foundation.size.large" - }, - "scss": { - "name": "widthCarrierLogo", - "value": "32px" - } - }, - "widthIconSmall": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "icon", - "subVariant": "small" - }, - "javascript": { - "name": "widthIconSmall", - "value": "16px" - }, - "foundation": { - "name": "widthIconSmall", - "value": "foundation.size.small" - }, - "scss": { - "name": "widthIconSmall", - "value": "16px" - } - }, - "widthIconMedium": { - "type": "size", - "deprecated": true, - "replacement": "iconMediumSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "icon", - "subVariant": "medium" - }, - "javascript": { - "name": "widthIconMedium", - "value": "20px" - }, - "foundation": { - "name": "widthIconMedium", - "value": "none" - }, - "scss": { - "name": "widthIconMedium", - "value": "20px" - } - }, - "widthIconLarge": { - "type": "size", - "deprecated": true, - "replacement": "iconLargeSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "icon", - "subVariant": "large" - }, - "javascript": { - "name": "widthIconLarge", - "value": "24px" - }, - "foundation": { - "name": "widthIconLarge", - "value": "none" - }, - "scss": { - "name": "widthIconLarge", - "value": "24px" - } - }, - "widthBadgeCircled": { - "type": "size", - "deprecated": true, - "replacement": "iconLargeSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "badge", - "subVariant": "circled" - }, - "javascript": { - "name": "widthBadgeCircled", - "value": "24px" - }, - "foundation": { - "name": "widthBadgeCircled", - "value": "none" - }, - "scss": { - "name": "widthBadgeCircled", - "value": "24px" - } - }, - "widthCheckbox": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "checkbox" - }, - "javascript": { - "name": "widthCheckbox", - "value": "20px" - }, - "foundation": { - "name": "widthCheckbox", - "value": "none" - }, - "scss": { - "name": "widthCheckbox", - "value": "20px" - } - }, - "widthRadioButton": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "radio-button" - }, - "javascript": { - "name": "widthRadioButton", - "value": "20px" - }, - "foundation": { - "name": "widthRadioButton", - "value": "none" - }, - "scss": { - "name": "widthRadioButton", - "value": "20px" - } - }, - "widthStopoverArrow": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "width", - "variant": "stopover-arrow" - }, - "javascript": { - "name": "widthStopoverArrow", - "value": "36px" - }, - "foundation": { - "name": "widthStopoverArrow", - "value": "none" - }, - "scss": { - "name": "widthStopoverArrow", - "value": "36px" - } - }, - "widthCountryFlag": { - "type": "size", - "deprecated": true, - "replacement": "iconLargeSize", - "schema": { - "namespace": "component", - "object": "width", - "variant": "country-flag" - }, - "javascript": { - "name": "widthCountryFlag", - "value": "24px" - }, - "foundation": { - "name": "widthCountryFlag", - "value": "none" - }, - "scss": { - "name": "widthCountryFlag", - "value": "24px" - } - }, - "widthModalSmall": { - "type": "size", - "deprecated": true, - "replacement": "modalSmallWidth", - "schema": { - "namespace": "component", - "object": "width", - "variant": "modal", - "subVariant": "small" - }, - "javascript": { - "name": "widthModalSmall", - "value": "540px" - }, - "foundation": { - "name": "widthModalSmall", - "value": "none" - }, - "scss": { - "name": "widthModalSmall", - "value": "540px" - } - }, - "widthModalNormal": { - "type": "size", - "deprecated": true, - "replacement": "modalNormalWidth", - "schema": { - "namespace": "component", - "object": "width", - "variant": "modal", - "subVariant": "normal" - }, - "javascript": { - "name": "widthModalNormal", - "value": "740px" - }, - "foundation": { - "name": "widthModalNormal", - "value": "none" - }, - "scss": { - "name": "widthModalNormal", - "value": "740px" - } - }, - "widthModalLarge": { - "type": "size", - "deprecated": true, - "replacement": "modalLargeWidth", - "schema": { - "namespace": "component", - "object": "width", - "variant": "modal", - "subVariant": "large" - }, - "javascript": { - "name": "widthModalLarge", - "value": "900px" - }, - "foundation": { - "name": "widthModalLarge", - "value": "none" - }, - "scss": { - "name": "widthModalLarge", - "value": "900px" - } - }, - "widthModalExtraLarge": { - "type": "size", - "deprecated": true, - "replacement": "modalExtraLargeWidth", - "schema": { - "namespace": "component", - "object": "width", - "variant": "modal", - "subVariant": "extra-large" - }, - "javascript": { - "name": "widthModalExtraLarge", - "value": "1280px" - }, - "foundation": { - "name": "widthModalExtraLarge", - "value": "none" - }, - "scss": { - "name": "widthModalExtraLarge", - "value": "1280px" - } - }, - "heightCarrierLogo": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "carrier-logo" - }, - "javascript": { - "name": "heightCarrierLogo", - "value": "32px" - }, - "foundation": { - "name": "heightCarrierLogo", - "value": "foundation.size.large" - }, - "scss": { - "name": "heightCarrierLogo", - "value": "32px" - } - }, - "heightButtonSmall": { - "type": "size", - "deprecated": true, - "replacement": "formBoxSmallHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "button", - "subVariant": "small" - }, - "javascript": { - "name": "heightButtonSmall", - "value": "32px" - }, - "foundation": { - "name": "heightButtonSmall", - "value": "foundation.size.large" - }, - "scss": { - "name": "heightButtonSmall", - "value": "32px" - } - }, - "heightButtonNormal": { - "type": "size", - "deprecated": true, - "replacement": "formBoxNormalHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "button", - "subVariant": "normal" - }, - "javascript": { - "name": "heightButtonNormal", - "value": "44px" - }, - "foundation": { - "name": "heightButtonNormal", - "value": "foundation.size.extraLarge" - }, - "scss": { - "name": "heightButtonNormal", - "value": "44px" - } - }, - "heightButtonLarge": { - "type": "size", - "deprecated": true, - "replacement": "formBoxLargeHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "button", - "subVariant": "large" - }, - "javascript": { - "name": "heightButtonLarge", - "value": "52px" - }, - "foundation": { - "name": "heightButtonLarge", - "value": "foundation.size.extraExtraLarge" - }, - "scss": { - "name": "heightButtonLarge", - "value": "52px" - } - }, - "heightInputSmall": { - "type": "size", - "deprecated": true, - "replacement": "formBoxSmallHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "input", - "subVariant": "small" - }, - "javascript": { - "name": "heightInputSmall", - "value": "32px" - }, - "foundation": { - "name": "heightInputSmall", - "value": "foundation.size.large" - }, - "scss": { - "name": "heightInputSmall", - "value": "32px" - } - }, - "heightInputNormal": { - "type": "size", - "deprecated": true, - "replacement": "formBoxNormalHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "input", - "subVariant": "normal" - }, - "javascript": { - "name": "heightInputNormal", - "value": "44px" - }, - "foundation": { - "name": "heightInputNormal", - "value": "foundation.size.extraLarge" - }, - "scss": { - "name": "heightInputNormal", - "value": "44px" - } - }, - "heightInputLarge": { - "type": "size", - "deprecated": true, - "replacement": "formBoxLargeHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "input", - "subVariant": "large" - }, - "javascript": { - "name": "heightInputLarge", - "value": "52px" - }, - "foundation": { - "name": "heightInputLarge", - "value": "foundation.size.extraExtraLarge" - }, - "scss": { - "name": "heightInputLarge", - "value": "52px" - } - }, - "heightIconSmall": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "icon", - "subVariant": "small" - }, - "javascript": { - "name": "heightIconSmall", - "value": "16px" - }, - "foundation": { - "name": "heightIconSmall", - "value": "foundation.size.small" - }, - "scss": { - "name": "heightIconSmall", - "value": "16px" - } - }, - "heightIconMedium": { - "type": "size", - "deprecated": true, - "replacement": "iconMediumSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "icon", - "subVariant": "medium" - }, - "javascript": { - "name": "heightIconMedium", - "value": "20px" - }, - "foundation": { - "name": "heightIconMedium", - "value": "none" - }, - "scss": { - "name": "heightIconMedium", - "value": "20px" - } - }, - "heightIconLarge": { - "type": "size", - "deprecated": true, - "replacement": "iconLargeSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "icon", - "subVariant": "large" - }, - "javascript": { - "name": "heightIconLarge", - "value": "24px" - }, - "foundation": { - "name": "heightIconLarge", - "value": "none" - }, - "scss": { - "name": "heightIconLarge", - "value": "24px" - } - }, - "heightBadge": { - "type": "size", - "deprecated": true, - "replacement": "iconLargeSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "badge" - }, - "javascript": { - "name": "heightBadge", - "value": "24px" - }, - "foundation": { - "name": "heightBadge", - "value": "none" - }, - "scss": { - "name": "heightBadge", - "value": "24px" - } - }, - "heightCheckbox": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "checkbox" - }, - "javascript": { - "name": "heightCheckbox", - "value": "20px" - }, - "foundation": { - "name": "heightCheckbox", - "value": "none" - }, - "scss": { - "name": "heightCheckbox", - "value": "20px" - } - }, - "heightRadioButton": { - "type": "size", - "deprecated": true, - "replacement": "iconSmallSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "radio-button" - }, - "javascript": { - "name": "heightRadioButton", - "value": "20px" - }, - "foundation": { - "name": "heightRadioButton", - "value": "none" - }, - "scss": { - "name": "heightRadioButton", - "value": "20px" - } - }, - "heightStopoverArrow": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "stopover-arrow" - }, - "javascript": { - "name": "heightStopoverArrow", - "value": "7px" - }, - "foundation": { - "name": "heightStopoverArrow", - "value": "none" - }, - "scss": { - "name": "heightStopoverArrow", - "value": "7px" - } - }, - "heightCountryFlag": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "country-flag" - }, - "javascript": { - "name": "heightCountryFlag", - "value": "auto" - }, - "foundation": { - "name": "heightCountryFlag", - "value": "none" - }, - "scss": { - "name": "heightCountryFlag", - "value": "auto" - } - }, - "heightServiceLogoSmall": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "service-logo", - "subVariant": "small" - }, - "javascript": { - "name": "heightServiceLogoSmall", - "value": "12px" - }, - "foundation": { - "name": "heightServiceLogoSmall", - "value": "none" - }, - "scss": { - "name": "heightServiceLogoSmall", - "value": "12px" - } - }, - "heightServiceLogoMedium": { - "type": "size", - "deprecated": true, - "replacement": "iconMediumSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "service-logo", - "subVariant": "medium" - }, - "javascript": { - "name": "heightServiceLogoMedium", - "value": "24px" - }, - "foundation": { - "name": "heightServiceLogoMedium", - "value": "none" - }, - "scss": { - "name": "heightServiceLogoMedium", - "value": "24px" - } - }, - "heightServiceLogoLarge": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "service-logo", - "subVariant": "large" - }, - "javascript": { - "name": "heightServiceLogoLarge", - "value": "48px" - }, - "foundation": { - "name": "heightServiceLogoLarge", - "value": "none" - }, - "scss": { - "name": "heightServiceLogoLarge", - "value": "48px" - } - }, - "heightSeparator": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "separator" - }, - "javascript": { - "name": "heightSeparator", - "value": "1px" - }, - "foundation": { - "name": "heightSeparator", - "value": "none" - }, - "scss": { - "name": "heightSeparator", - "value": "1px" - } - }, - "heightInputGroupSeparatorSmall": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "height", - "variant": "input-group-separator", - "subVariant": "small" - }, - "javascript": { - "name": "heightInputGroupSeparatorSmall", - "value": "16px" - }, - "foundation": { - "name": "heightInputGroupSeparatorSmall", - "value": "foundation.size.small" - }, - "scss": { - "name": "heightInputGroupSeparatorSmall", - "value": "16px" - } - }, - "heightInputGroupSeparatorNormal": { - "type": "size", - "deprecated": true, - "replacement": "iconMediumSize", - "schema": { - "namespace": "component", - "object": "height", - "variant": "input-group-separator", - "subVariant": "normal" - }, - "javascript": { - "name": "heightInputGroupSeparatorNormal", - "value": "20px" - }, - "foundation": { - "name": "heightInputGroupSeparatorNormal", - "value": "none" - }, - "scss": { - "name": "heightInputGroupSeparatorNormal", - "value": "20px" - } - }, - "heightIllustrationSmall": { - "type": "size", - "deprecated": true, - "replacement": "illustrationExtraSmallHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "illustration", - "subVariant": "small" - }, - "javascript": { - "name": "heightIllustrationSmall", - "value": "90px" - }, - "foundation": { - "name": "heightIllustrationSmall", - "value": "none" - }, - "scss": { - "name": "heightIllustrationSmall", - "value": "90px" - } - }, - "heightIllustrationMedium": { - "type": "size", - "deprecated": true, - "replacement": "illustrationMediumHeight", - "schema": { - "namespace": "component", - "object": "height", - "variant": "illustration", - "subVariant": "medium" - }, - "javascript": { - "name": "heightIllustrationMedium", - "value": "200px" - }, - "foundation": { - "name": "heightIllustrationMedium", - "value": "none" - }, - "scss": { - "name": "heightIllustrationMedium", - "value": "200px" - } - }, - "countryFlagShadow": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "shadow" - }, - "javascript": { - "name": "countryFlagShadow", - "value": "inset 0 0 0 1px rgba(37, 42, 49, 0.1)" - }, - "foundation": { - "name": "countryFlagShadow", - "value": "inset 0 0 0 1px color(#252A31, opacity: 10)" - }, - "scss": { - "name": "countryFlagShadow", - "value": "inset 0 0 0 1px rgba(37, 42, 49, 0.1)" - } - }, - "countryFlagBackground": { - "type": "background-color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "background" - }, - "javascript": { - "name": "countryFlagBackground", - "value": "transparent" - }, - "foundation": { - "name": "countryFlagBackground", - "value": "none" - }, - "scss": { - "name": "countryFlagBackground", - "value": "transparent" - } - }, - "countryFlagSmallHeight": { - "type": "height", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "small", - "subVariant": "height" - }, - "javascript": { - "name": "countryFlagSmallHeight", - "value": "9px" - }, - "foundation": { - "name": "countryFlagSmallHeight", - "value": "none" - }, - "scss": { - "name": "countryFlagSmallHeight", - "value": "9px" - } - }, - "countryFlagSmallWidth": { - "type": "width", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "small", - "subVariant": "width" - }, - "javascript": { - "name": "countryFlagSmallWidth", - "value": "16px" - }, - "foundation": { - "name": "countryFlagSmallWidth", - "value": "none" - }, - "scss": { - "name": "countryFlagSmallWidth", - "value": "16px" - } - }, - "countryFlagMediumHeight": { - "type": "height", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "medium", - "subVariant": "height" - }, - "javascript": { - "name": "countryFlagMediumHeight", - "value": "13px" - }, - "foundation": { - "name": "countryFlagMediumHeight", - "value": "none" - }, - "scss": { - "name": "countryFlagMediumHeight", - "value": "13px" - } - }, - "countryFlagMediumWidth": { - "type": "width", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "country-flag", - "variant": "medium", - "subVariant": "width" - }, - "javascript": { - "name": "countryFlagMediumWidth", - "value": "24px" - }, - "foundation": { - "name": "countryFlagMediumWidth", - "value": "none" - }, - "scss": { - "name": "countryFlagMediumWidth", - "value": "24px" - } - }, - "dialogBorderRadiusDesktop": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "dialog", - "variant": "border-radius", - "subVariant": "desktop" - }, - "javascript": { - "name": "dialogBorderRadiusDesktop", - "value": "9px" - }, - "foundation": { - "name": "dialogBorderRadiusDesktop", - "value": "none" - }, - "scss": { - "name": "dialogBorderRadiusDesktop", - "value": "9px" - } - }, - "dialogBorderRadiusMobile": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "dialog", - "variant": "border-radius", - "subVariant": "mobile" - }, - "javascript": { - "name": "dialogBorderRadiusMobile", - "value": "12px" - }, - "foundation": { - "name": "dialogBorderRadiusMobile", - "value": "none" - }, - "scss": { - "name": "dialogBorderRadiusMobile", - "value": "12px" - } - }, - "dialogWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "dialog", - "variant": "width" - }, - "javascript": { - "name": "dialogWidth", - "value": "540px" - }, - "foundation": { - "name": "dialogWidth", - "value": "none" - }, - "scss": { - "name": "dialogWidth", - "value": "540px" - } - }, - "drawerOverlayBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "drawer", - "variant": "overlay", - "subVariant": "background" - }, - "javascript": { - "name": "drawerOverlayBackground", - "value": "#252A3180" - }, - "foundation": { - "name": "drawerOverlayBackground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "drawerOverlayBackground", - "value": "rgba(37, 42, 49, 0.5)" - } - }, - "formBoxSmallHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-box", - "variant": "small", - "subVariant": "height" - }, - "javascript": { - "name": "formBoxSmallHeight", - "value": "32px" - }, - "foundation": { - "name": "formBoxSmallHeight", - "value": "foundation.size.large" - }, - "scss": { - "name": "formBoxSmallHeight", - "value": "32px" - } - }, - "formBoxNormalHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-box", - "variant": "normal", - "subVariant": "height" - }, - "javascript": { - "name": "formBoxNormalHeight", - "value": "44px" - }, - "foundation": { - "name": "formBoxNormalHeight", - "value": "foundation.size.extraLarge" - }, - "scss": { - "name": "formBoxNormalHeight", - "value": "44px" - } - }, - "formBoxLargeHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-box", - "variant": "large", - "subVariant": "height" - }, - "javascript": { - "name": "formBoxLargeHeight", - "value": "52px" - }, - "foundation": { - "name": "formBoxLargeHeight", - "value": "foundation.size.extraExtraLarge" - }, - "scss": { - "name": "formBoxLargeHeight", - "value": "52px" - } - }, - "formElementBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "background" - }, - "javascript": { - "name": "formElementBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "formElementBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "formElementBackground", - "value": "rgb(255, 255, 255)" - } - }, - "formElementDisabledBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "disabled", - "subVariant": "background" - }, - "javascript": { - "name": "formElementDisabledBackground", - "value": "#E8EDF1" - }, - "foundation": { - "name": "formElementDisabledBackground", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "formElementDisabledBackground", - "value": "rgb(232, 237, 241)" - } - }, - "formElementDisabledForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "disabled", - "subVariant": "foreground" - }, - "javascript": { - "name": "formElementDisabledForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "formElementDisabledForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "formElementDisabledForeground", - "value": "rgb(79, 94, 113)" - } - }, - "formElementDisabledOpacity": { - "type": "opacity", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "disabled", - "subVariant": "opacity" - }, - "javascript": { - "name": "formElementDisabledOpacity", - "value": "0.5" - }, - "foundation": { - "name": "formElementDisabledOpacity", - "value": "none" - }, - "scss": { - "name": "formElementDisabledOpacity", - "value": "0.5" - } - }, - "formElementBorderColorDisabled": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-disabled" - }, - "javascript": { - "name": "formElementBorderColorDisabled", - "value": "transparent" - }, - "foundation": { - "name": "formElementBorderColorDisabled", - "value": "none" - }, - "scss": { - "name": "formElementBorderColorDisabled", - "value": "transparent" - } - }, - "formElementBorderColor": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color" - }, - "javascript": { - "name": "formElementBorderColor", - "value": "#BAC7D5" - }, - "foundation": { - "name": "formElementBorderColor", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "formElementBorderColor", - "value": "rgb(186, 199, 213)" - } - }, - "formElementBorderColorHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-hover" - }, - "javascript": { - "name": "formElementBorderColorHover", - "value": "#A6B6C8" - }, - "foundation": { - "name": "formElementBorderColorHover", - "value": "foundation.palette.cloud.darkHover" - }, - "scss": { - "name": "formElementBorderColorHover", - "value": "rgb(166, 182, 200)" - } - }, - "formElementBorderColorActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-active" - }, - "javascript": { - "name": "formElementBorderColorActive", - "value": "#94A8BE" - }, - "foundation": { - "name": "formElementBorderColorActive", - "value": "foundation.palette.cloud.darkActive" - }, - "scss": { - "name": "formElementBorderColorActive", - "value": "rgb(148, 168, 190)" - } - }, - "formElementBorderColorFocus": { - "type": "color", - "comment": "Should be used for all form-elements when the component has active or focus state and it's needed to render border attribute, or combined with shadows.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-focus" - }, - "javascript": { - "name": "formElementBorderColorFocus", - "value": "#0070C8" - }, - "foundation": { - "name": "formElementBorderColorFocus", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "formElementBorderColorFocus", - "value": "rgb(0, 112, 200)" - } - }, - "formElementBorderColorError": { - "type": "color", - "comment": "Should be used for all form-elements when the component has error state and it's needed to render border attribute, or combined with shadows.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-error" - }, - "javascript": { - "name": "formElementBorderColorError", - "value": "#D21C1C" - }, - "foundation": { - "name": "formElementBorderColorError", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "formElementBorderColorError", - "value": "rgb(210, 28, 28)" - } - }, - "formElementBorderColorErrorHover": { - "type": "color", - "comment": "Should be used for all form-elements when the component has error and hover state and it's needed to render border attribute, or combined with shadows.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "border-color-error-hover" - }, - "javascript": { - "name": "formElementBorderColorErrorHover", - "value": "#B91919" - }, - "foundation": { - "name": "formElementBorderColorErrorHover", - "value": "foundation.palette.red.normalHover" - }, - "scss": { - "name": "formElementBorderColorErrorHover", - "value": "rgb(185, 25, 25)" - } - }, - "formElementBoxShadow": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "box-shadow" - }, - "javascript": { - "name": "formElementBoxShadow", - "value": "inset 0 0 0 1px rgba(186, 199, 213, 1)" - }, - "foundation": { - "name": "formElementBoxShadow", - "value": "inset 0 0 0 1px color(#BAC7D5, opacity: 100)" - }, - "scss": { - "name": "formElementBoxShadow", - "value": "inset 0 0 0 1px rgba(186, 199, 213, 1)" - } - }, - "formElementBoxShadowError": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "box-shadow-error" - }, - "javascript": { - "name": "formElementBoxShadowError", - "value": "inset 0 0 0 1px rgba(210, 28, 28, 1)" - }, - "foundation": { - "name": "formElementBoxShadowError", - "value": "inset 0 0 0 1px color(#D21C1C, opacity: 100)" - }, - "scss": { - "name": "formElementBoxShadowError", - "value": "inset 0 0 0 1px rgba(210, 28, 28, 1)" - } - }, - "formElementBoxShadowErrorHover": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "box-shadow-error-hover" - }, - "javascript": { - "name": "formElementBoxShadowErrorHover", - "value": "inset 0 0 0 1px rgba(185, 25, 25, 1)" - }, - "foundation": { - "name": "formElementBoxShadowErrorHover", - "value": "inset 0 0 0 1px color(#B91919, opacity: 100)" - }, - "scss": { - "name": "formElementBoxShadowErrorHover", - "value": "inset 0 0 0 1px rgba(185, 25, 25, 1)" - } - }, - "formElementBoxShadowHover": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "box-shadow-hover" - }, - "javascript": { - "name": "formElementBoxShadowHover", - "value": "inset 0 0 0 1px rgba(166, 182, 200, 1)" - }, - "foundation": { - "name": "formElementBoxShadowHover", - "value": "inset 0 0 0 1px color(#A6B6C8, opacity: 100)" - }, - "scss": { - "name": "formElementBoxShadowHover", - "value": "inset 0 0 0 1px rgba(166, 182, 200, 1)" - } - }, - "formElementFocusBoxShadow": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "focus", - "subVariant": "box-shadow" - }, - "javascript": { - "name": "formElementFocusBoxShadow", - "value": "inset 0 0 0 1px rgba(0, 112, 200, 1), inset 0 0 0 3px rgba(0, 112, 200, 0.15)" - }, - "foundation": { - "name": "formElementFocusBoxShadow", - "value": "inset 0 0 0 1px color(#0070C8, opacity: 100), inset 0 0 0 3px color(#0070C8, opacity: 15)" - }, - "scss": { - "name": "formElementFocusBoxShadow", - "value": "inset 0 0 0 1px rgba(0, 112, 200, 1), inset 0 0 0 3px rgba(0, 112, 200, 0.15)" - } - }, - "formElementErrorFocusBoxShadow": { - "type": "box-shadow", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "error-focus", - "subVariant": "box-shadow" - }, - "javascript": { - "name": "formElementErrorFocusBoxShadow", - "value": "inset 0 0 0 1px rgba(210, 28, 28, 1), inset 0 0 0 3px rgba(210, 28, 28, 0.15)" - }, - "foundation": { - "name": "formElementErrorFocusBoxShadow", - "value": "inset 0 0 0 1px color(#D21C1C, opacity: 100), inset 0 0 0 3px color(#D21C1C, opacity: 15)" - }, - "scss": { - "name": "formElementErrorFocusBoxShadow", - "value": "inset 0 0 0 1px rgba(210, 28, 28, 1), inset 0 0 0 3px rgba(210, 28, 28, 0.15)" - } - }, - "formElementNormalFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "normal", - "subVariant": "font-size" - }, - "javascript": { - "name": "formElementNormalFontSize", - "value": "15px" - }, - "foundation": { - "name": "formElementNormalFontSize", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "formElementNormalFontSize", - "value": "15px" - } - }, - "formElementNormalPadding": { - "type": "size", - "category": "spacing", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "normal", - "subVariant": "padding" - }, - "javascript": { - "name": "formElementNormalPadding", - "value": "0 12px" - }, - "foundation": { - "name": "formElementNormalPadding", - "value": "0 12px" - }, - "scss": { - "name": "formElementNormalPadding", - "value": "0 12px" - } - }, - "formElementForeground": { - "type": "color", - "comment": "Should be used for the text when the value is not filled.", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "foreground" - }, - "javascript": { - "name": "formElementForeground", - "value": "#697D95" - }, - "foundation": { - "name": "formElementForeground", - "value": "foundation.palette.ink.light" - }, - "scss": { - "name": "formElementForeground", - "value": "rgb(105, 125, 149)" - } - }, - "formElementFilledForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "filled", - "subVariant": "foreground" - }, - "javascript": { - "name": "formElementFilledForeground", - "value": "#252A31" - }, - "foundation": { - "name": "formElementFilledForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "formElementFilledForeground", - "value": "rgb(37, 42, 49)" - } - }, - "formElementLabelForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "label", - "subVariant": "foreground" - }, - "javascript": { - "name": "formElementLabelForeground", - "value": "#252A31" - }, - "foundation": { - "name": "formElementLabelForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "formElementLabelForeground", - "value": "rgb(37, 42, 49)" - } - }, - "formElementLabelFilledForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "label", - "subVariant": "filled" - }, - "javascript": { - "name": "formElementLabelFilledForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "formElementLabelFilledForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "formElementLabelFilledForeground", - "value": "rgb(79, 94, 113)" - } - }, - "formElementPrefixForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "prefix", - "subVariant": "foreground" - }, - "javascript": { - "name": "formElementPrefixForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "formElementPrefixForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "formElementPrefixForeground", - "value": "rgb(79, 94, 113)" - } - }, - "formElementSmallPadding": { - "type": "size", - "category": "spacing", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "form-element", - "variant": "small", - "subVariant": "padding" - }, - "javascript": { - "name": "formElementSmallPadding", - "value": "0 12px" - }, - "foundation": { - "name": "formElementSmallPadding", - "value": "0 12px" - }, - "scss": { - "name": "formElementSmallPadding", - "value": "0 12px" - } - }, - "marginTopFormFeedback": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "margin-top", - "variant": "form-feedback" - }, - "javascript": { - "name": "marginTopFormFeedback", - "value": "2px" - }, - "foundation": { - "name": "marginTopFormFeedback", - "value": "foundation.space.xXXSmall" - }, - "scss": { - "name": "marginTopFormFeedback", - "value": "2px" - } - }, - "opacityCheckboxDisabled": { - "type": "opacity", - "deprecated": true, - "replacement": "formElementDisabledOpacity", - "schema": { - "namespace": "component", - "object": "opacity", - "variant": "checkbox", - "subVariant": "disabled" - }, - "javascript": { - "name": "opacityCheckboxDisabled", - "value": "0.5" - }, - "foundation": { - "name": "opacityCheckboxDisabled", - "value": "none" - }, - "scss": { - "name": "opacityCheckboxDisabled", - "value": "0.5" - } - }, - "opacityRadioButtonDisabled": { - "type": "opacity", - "deprecated": true, - "replacement": "formElementDisabledOpacity", - "schema": { - "namespace": "component", - "object": "opacity", - "variant": "radio-button", - "subVariant": "disabled" - }, - "javascript": { - "name": "opacityRadioButtonDisabled", - "value": "0.5" - }, - "foundation": { - "name": "opacityRadioButtonDisabled", - "value": "none" - }, - "scss": { - "name": "opacityRadioButtonDisabled", - "value": "0.5" - } - }, - "headingDisplayFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingDisplayFontSize", - "value": "40px" - }, - "foundation": { - "name": "headingDisplayFontSize", - "value": "none" - }, - "scss": { - "name": "headingDisplayFontSize", - "value": "40px" - } - }, - "headingDisplayFontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingDisplayFontWeight", - "value": 700 - }, - "foundation": { - "name": "headingDisplayFontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingDisplayFontWeight", - "value": 700 - } - }, - "headingDisplayLineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingDisplayLineHeight", - "value": "44px" - }, - "foundation": { - "name": "headingDisplayLineHeight", - "value": "none" - }, - "scss": { - "name": "headingDisplayLineHeight", - "value": "44px" - } - }, - "headingDisplaySubtitleFontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display-subtitle", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingDisplaySubtitleFontSize", - "value": "22px" - }, - "foundation": { - "name": "headingDisplaySubtitleFontSize", - "value": "none" - }, - "scss": { - "name": "headingDisplaySubtitleFontSize", - "value": "22px" - } - }, - "headingDisplaySubtitleFontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display-subtitle", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingDisplaySubtitleFontWeight", - "value": 400 - }, - "foundation": { - "name": "headingDisplaySubtitleFontWeight", - "value": "foundation.fontWeight.normal" - }, - "scss": { - "name": "headingDisplaySubtitleFontWeight", - "value": 400 - } - }, - "headingDisplaySubtitleLineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "display-subtitle", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingDisplaySubtitleLineHeight", - "value": "28px" - }, - "foundation": { - "name": "headingDisplaySubtitleLineHeight", - "value": "none" - }, - "scss": { - "name": "headingDisplaySubtitleLineHeight", - "value": "28px" - } - }, - "headingTitle0FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-0", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle0FontSize", - "value": "28px" - }, - "foundation": { - "name": "headingTitle0FontSize", - "value": "none" - }, - "scss": { - "name": "headingTitle0FontSize", - "value": "28px" - } - }, - "headingTitle0FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-0", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle0FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle0FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle0FontWeight", - "value": 700 - } - }, - "headingTitle0LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-0", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle0LineHeight", - "value": "36px" - }, - "foundation": { - "name": "headingTitle0LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle0LineHeight", - "value": "36px" - } - }, - "headingTitle1FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-1", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle1FontSize", - "value": "24px" - }, - "foundation": { - "name": "headingTitle1FontSize", - "value": "none" - }, - "scss": { - "name": "headingTitle1FontSize", - "value": "24px" - } - }, - "headingTitle1FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-1", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle1FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle1FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle1FontWeight", - "value": 700 - } - }, - "headingTitle1LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-1", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle1LineHeight", - "value": "32px" - }, - "foundation": { - "name": "headingTitle1LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle1LineHeight", - "value": "32px" - } - }, - "headingTitle2FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-2", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle2FontSize", - "value": "20px" - }, - "foundation": { - "name": "headingTitle2FontSize", - "value": "none" - }, - "scss": { - "name": "headingTitle2FontSize", - "value": "20px" - } - }, - "headingTitle2FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-2", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle2FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle2FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle2FontWeight", - "value": 700 - } - }, - "headingTitle2LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-2", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle2LineHeight", - "value": "28px" - }, - "foundation": { - "name": "headingTitle2LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle2LineHeight", - "value": "28px" - } - }, - "headingTitle3FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-3", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle3FontSize", - "value": "18px" - }, - "foundation": { - "name": "headingTitle3FontSize", - "value": "foundation.fontSize.extraLarge" - }, - "scss": { - "name": "headingTitle3FontSize", - "value": "18px" - } - }, - "headingTitle3FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-3", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle3FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle3FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle3FontWeight", - "value": 700 - } - }, - "headingTitle3LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-3", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle3LineHeight", - "value": "24px" - }, - "foundation": { - "name": "headingTitle3LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle3LineHeight", - "value": "24px" - } - }, - "headingTitle4FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-4", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle4FontSize", - "value": "16px" - }, - "foundation": { - "name": "headingTitle4FontSize", - "value": "foundation.fontSize.large" - }, - "scss": { - "name": "headingTitle4FontSize", - "value": "16px" - } - }, - "headingTitle4FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-4", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle4FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle4FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle4FontWeight", - "value": 700 - } - }, - "headingTitle4LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-4", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle4LineHeight", - "value": "22px" - }, - "foundation": { - "name": "headingTitle4LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle4LineHeight", - "value": "22px" - } - }, - "headingTitle5FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-5", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle5FontSize", - "value": "15px" - }, - "foundation": { - "name": "headingTitle5FontSize", - "value": "foundation.fontSize.normal" - }, - "scss": { - "name": "headingTitle5FontSize", - "value": "15px" - } - }, - "headingTitle5FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-5", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle5FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle5FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle5FontWeight", - "value": 700 - } - }, - "headingTitle5LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-5", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle5LineHeight", - "value": "20px" - }, - "foundation": { - "name": "headingTitle5LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle5LineHeight", - "value": "20px" - } - }, - "headingTitle6FontSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-6", - "subVariant": "font-size" - }, - "javascript": { - "name": "headingTitle6FontSize", - "value": "13px" - }, - "foundation": { - "name": "headingTitle6FontSize", - "value": "foundation.fontSize.small" - }, - "scss": { - "name": "headingTitle6FontSize", - "value": "13px" - } - }, - "headingTitle6FontWeight": { - "type": "font-weight", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-6", - "subVariant": "font-weight" - }, - "javascript": { - "name": "headingTitle6FontWeight", - "value": 700 - }, - "foundation": { - "name": "headingTitle6FontWeight", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "headingTitle6FontWeight", - "value": 700 - } - }, - "headingTitle6LineHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "title-6", - "subVariant": "line-height" - }, - "javascript": { - "name": "headingTitle6LineHeight", - "value": "18px" - }, - "foundation": { - "name": "headingTitle6LineHeight", - "value": "none" - }, - "scss": { - "name": "headingTitle6LineHeight", - "value": "18px" - } - }, - "headingForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "foreground" - }, - "javascript": { - "name": "headingForeground", - "value": "#252A31" - }, - "foundation": { - "name": "headingForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "headingForeground", - "value": "rgb(37, 42, 49)" - } - }, - "headingForegroundInverted": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "heading", - "variant": "foreground-inverted" - }, - "javascript": { - "name": "headingForegroundInverted", - "value": "#FFFFFF" - }, - "foundation": { - "name": "headingForegroundInverted", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "headingForegroundInverted", - "value": "rgb(255, 255, 255)" - } - }, - "iconPrimaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "primary", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconPrimaryForeground", - "value": "#252A31" - }, - "foundation": { - "name": "iconPrimaryForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "iconPrimaryForeground", - "value": "rgb(37, 42, 49)" - } - }, - "iconSecondaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "secondary", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconSecondaryForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "iconSecondaryForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "iconSecondaryForeground", - "value": "rgb(79, 94, 113)" - } - }, - "iconTertiaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "tertiary", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconTertiaryForeground", - "value": "#BAC7D5" - }, - "foundation": { - "name": "iconTertiaryForeground", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "iconTertiaryForeground", - "value": "rgb(186, 199, 213)" - } - }, - "iconInfoForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "info", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconInfoForeground", - "value": "#0070C8" - }, - "foundation": { - "name": "iconInfoForeground", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "iconInfoForeground", - "value": "rgb(0, 112, 200)" - } - }, - "iconSuccessForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "success", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconSuccessForeground", - "value": "#0A932B" - }, - "foundation": { - "name": "iconSuccessForeground", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "iconSuccessForeground", - "value": "rgb(10, 147, 43)" - } - }, - "iconWarningForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "warning", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconWarningForeground", - "value": "#CF6C00" - }, - "foundation": { - "name": "iconWarningForeground", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "iconWarningForeground", - "value": "rgb(207, 108, 0)" - } - }, - "iconCriticalForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "critical", - "subVariant": "foreground" - }, - "javascript": { - "name": "iconCriticalForeground", - "value": "#D21C1C" - }, - "foundation": { - "name": "iconCriticalForeground", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "iconCriticalForeground", - "value": "rgb(210, 28, 28)" - } - }, - "iconSmallSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "small", - "subVariant": "size" - }, - "javascript": { - "name": "iconSmallSize", - "value": "16px" - }, - "foundation": { - "name": "iconSmallSize", - "value": "none" - }, - "scss": { - "name": "iconSmallSize", - "value": "16px" - } - }, - "iconMediumSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "medium", - "subVariant": "size" - }, - "javascript": { - "name": "iconMediumSize", - "value": "20px" - }, - "foundation": { - "name": "iconMediumSize", - "value": "none" - }, - "scss": { - "name": "iconMediumSize", - "value": "20px" - } - }, - "iconLargeSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "large", - "subVariant": "size" - }, - "javascript": { - "name": "iconLargeSize", - "value": "24px" - }, - "foundation": { - "name": "iconLargeSize", - "value": "none" - }, - "scss": { - "name": "iconLargeSize", - "value": "24px" - } - }, - "iconExtraLargeSize": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "icon", - "variant": "extra-large", - "subVariant": "size" - }, - "javascript": { - "name": "iconExtraLargeSize", - "value": "32px" - }, - "foundation": { - "name": "iconExtraLargeSize", - "value": "none" - }, - "scss": { - "name": "iconExtraLargeSize", - "value": "32px" - } - }, - "illustrationExtraSmallHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "illustration", - "variant": "extra-small", - "subVariant": "height" - }, - "javascript": { - "name": "illustrationExtraSmallHeight", - "value": "90px" - }, - "foundation": { - "name": "illustrationExtraSmallHeight", - "value": "none" - }, - "scss": { - "name": "illustrationExtraSmallHeight", - "value": "90px" - } - }, - "illustrationSmallHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "illustration", - "variant": "small", - "subVariant": "height" - }, - "javascript": { - "name": "illustrationSmallHeight", - "value": "120px" - }, - "foundation": { - "name": "illustrationSmallHeight", - "value": "none" - }, - "scss": { - "name": "illustrationSmallHeight", - "value": "120px" - } - }, - "illustrationMediumHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "illustration", - "variant": "medium", - "subVariant": "height" - }, - "javascript": { - "name": "illustrationMediumHeight", - "value": "200px" - }, - "foundation": { - "name": "illustrationMediumHeight", - "value": "none" - }, - "scss": { - "name": "illustrationMediumHeight", - "value": "200px" - } - }, - "illustrationLargeHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "illustration", - "variant": "large", - "subVariant": "height" - }, - "javascript": { - "name": "illustrationLargeHeight", - "value": "280px" - }, - "foundation": { - "name": "illustrationLargeHeight", - "value": "none" - }, - "scss": { - "name": "illustrationLargeHeight", - "value": "280px" - } - }, - "illustrationDisplayHeight": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "illustration", - "variant": "display", - "subVariant": "height" - }, - "javascript": { - "name": "illustrationDisplayHeight", - "value": "460px" - }, - "foundation": { - "name": "illustrationDisplayHeight", - "value": "none" - }, - "scss": { - "name": "illustrationDisplayHeight", - "value": "460px" - } - }, - "loadingForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "loading", - "variant": "foreground" - }, - "javascript": { - "name": "loadingForeground", - "value": "#BAC7D5" - }, - "foundation": { - "name": "loadingForeground", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "loadingForeground", - "value": "rgb(186, 199, 213)" - } - }, - "modalBorderRadiusMobile": { - "type": "border-radius", - "deprecated": true, - "replacement": "modalBorderRadius", - "schema": { - "namespace": "component", - "object": "modal", - "variant": "border-radius-mobile" - }, - "javascript": { - "name": "modalBorderRadiusMobile", - "value": "12px" - }, - "foundation": { - "name": "modalBorderRadiusMobile", - "value": "none" - }, - "scss": { - "name": "modalBorderRadiusMobile", - "value": "12px" - } - }, - "modalBorderRadius": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "border-radius" - }, - "javascript": { - "name": "modalBorderRadius", - "value": "12px" - }, - "foundation": { - "name": "modalBorderRadius", - "value": "none" - }, - "scss": { - "name": "modalBorderRadius", - "value": "12px" - } - }, - "modalExtraSmallWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "extra-small", - "subVariant": "width" - }, - "javascript": { - "name": "modalExtraSmallWidth", - "value": "360px" - }, - "foundation": { - "name": "modalExtraSmallWidth", - "value": "none" - }, - "scss": { - "name": "modalExtraSmallWidth", - "value": "360px" - } - }, - "modalSmallWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "small", - "subVariant": "width" - }, - "javascript": { - "name": "modalSmallWidth", - "value": "540px" - }, - "foundation": { - "name": "modalSmallWidth", - "value": "none" - }, - "scss": { - "name": "modalSmallWidth", - "value": "540px" - } - }, - "modalNormalWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "normal", - "subVariant": "width" - }, - "javascript": { - "name": "modalNormalWidth", - "value": "740px" - }, - "foundation": { - "name": "modalNormalWidth", - "value": "none" - }, - "scss": { - "name": "modalNormalWidth", - "value": "740px" - } - }, - "modalLargeWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "large", - "subVariant": "width" - }, - "javascript": { - "name": "modalLargeWidth", - "value": "900px" - }, - "foundation": { - "name": "modalLargeWidth", - "value": "none" - }, - "scss": { - "name": "modalLargeWidth", - "value": "900px" - } - }, - "modalExtraLargeWidth": { - "type": "size", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "modal", - "variant": "extra-large", - "subVariant": "width" - }, - "javascript": { - "name": "modalExtraLargeWidth", - "value": "1280px" - }, - "foundation": { - "name": "modalExtraLargeWidth", - "value": "none" - }, - "scss": { - "name": "modalExtraLargeWidth", - "value": "1280px" - } - }, - "marginBottomSelectSuffix": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "margin-bottom", - "variant": "select-suffix" - }, - "javascript": { - "name": "marginBottomSelectSuffix", - "value": "2px" - }, - "foundation": { - "name": "marginBottomSelectSuffix", - "value": "foundation.space.xXXSmall" - }, - "scss": { - "name": "marginBottomSelectSuffix", - "value": "2px" - } - }, - "paddingLeftSelectPrefix": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "padding-left", - "variant": "select-prefix" - }, - "javascript": { - "name": "paddingLeftSelectPrefix", - "value": "48px" - }, - "foundation": { - "name": "paddingLeftSelectPrefix", - "value": "none" - }, - "scss": { - "name": "paddingLeftSelectPrefix", - "value": "48px" - } - }, - "socialButtonAppleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "background" - }, - "javascript": { - "name": "socialButtonAppleBackground", - "value": "#4F5E71" - }, - "foundation": { - "name": "socialButtonAppleBackground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "socialButtonAppleBackground", - "value": "rgb(79, 94, 113)" - } - }, - "socialButtonAppleBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "background-hover" - }, - "javascript": { - "name": "socialButtonAppleBackgroundHover", - "value": "#3E4E63" - }, - "foundation": { - "name": "socialButtonAppleBackgroundHover", - "value": "foundation.palette.ink.normalHover" - }, - "scss": { - "name": "socialButtonAppleBackgroundHover", - "value": "rgb(62, 78, 99)" - } - }, - "socialButtonAppleBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "background-active" - }, - "javascript": { - "name": "socialButtonAppleBackgroundActive", - "value": "#324256" - }, - "foundation": { - "name": "socialButtonAppleBackgroundActive", - "value": "foundation.palette.ink.normalActive" - }, - "scss": { - "name": "socialButtonAppleBackgroundActive", - "value": "rgb(50, 66, 86)" - } - }, - "socialButtonAppleForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "foreground" - }, - "javascript": { - "name": "socialButtonAppleForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonAppleForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonAppleForeground", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonAppleForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "socialButtonAppleForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonAppleForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonAppleForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonAppleForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "socialButtonAppleForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonAppleForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonAppleForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonAppleBorderColorFocus": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "border-color-focus" - }, - "javascript": { - "name": "socialButtonAppleBorderColorFocus", - "value": "#697D9580" - }, - "foundation": { - "name": "socialButtonAppleBorderColorFocus", - "value": "foundation.palette.ink.light" - }, - "scss": { - "name": "socialButtonAppleBorderColorFocus", - "value": "rgba(105, 125, 149, 0.5)" - } - }, - "socialButtonAppleIconForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "apple", - "subVariant": "icon-foreground" - }, - "javascript": { - "name": "socialButtonAppleIconForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonAppleIconForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonAppleIconForeground", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonFacebookBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "background" - }, - "javascript": { - "name": "socialButtonFacebookBackground", - "value": "#3B5998" - }, - "foundation": { - "name": "socialButtonFacebookBackground", - "value": "foundation.palette.social.facebook" - }, - "scss": { - "name": "socialButtonFacebookBackground", - "value": "rgb(59, 89, 152)" - } - }, - "socialButtonFacebookBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "background-hover" - }, - "javascript": { - "name": "socialButtonFacebookBackgroundHover", - "value": "#385490" - }, - "foundation": { - "name": "socialButtonFacebookBackgroundHover", - "value": "foundation.palette.social.facebookHover" - }, - "scss": { - "name": "socialButtonFacebookBackgroundHover", - "value": "rgb(56, 84, 144)" - } - }, - "socialButtonFacebookBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "background-active" - }, - "javascript": { - "name": "socialButtonFacebookBackgroundActive", - "value": "#354F88" - }, - "foundation": { - "name": "socialButtonFacebookBackgroundActive", - "value": "foundation.palette.social.facebookActive" - }, - "scss": { - "name": "socialButtonFacebookBackgroundActive", - "value": "rgb(53, 79, 136)" - } - }, - "socialButtonFacebookForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "foreground" - }, - "javascript": { - "name": "socialButtonFacebookForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonFacebookForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonFacebookForeground", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonFacebookForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "socialButtonFacebookForegroundHover", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonFacebookForegroundHover", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonFacebookForegroundHover", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonFacebookForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "socialButtonFacebookForegroundActive", - "value": "#FFFFFF" - }, - "foundation": { - "name": "socialButtonFacebookForegroundActive", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "socialButtonFacebookForegroundActive", - "value": "rgb(255, 255, 255)" - } - }, - "socialButtonFacebookIconForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "facebook", - "subVariant": "icon-foreground" - }, - "javascript": { - "name": "socialButtonFacebookIconForeground", - "value": "#3B5998" - }, - "foundation": { - "name": "socialButtonFacebookIconForeground", - "value": "none" - }, - "scss": { - "name": "socialButtonFacebookIconForeground", - "value": "rgb(59, 89, 152)" - } - }, - "socialButtonGoogleBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "background" - }, - "javascript": { - "name": "socialButtonGoogleBackground", - "value": "#F5F7F9" - }, - "foundation": { - "name": "socialButtonGoogleBackground", - "value": "foundation.palette.cloud.light" - }, - "scss": { - "name": "socialButtonGoogleBackground", - "value": "rgb(245, 247, 249)" - } - }, - "socialButtonGoogleBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "background-hover" - }, - "javascript": { - "name": "socialButtonGoogleBackgroundHover", - "value": "#E5EAEF" - }, - "foundation": { - "name": "socialButtonGoogleBackgroundHover", - "value": "foundation.palette.cloud.lightHover" - }, - "scss": { - "name": "socialButtonGoogleBackgroundHover", - "value": "rgb(229, 234, 239)" - } - }, - "socialButtonGoogleBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "background-active" - }, - "javascript": { - "name": "socialButtonGoogleBackgroundActive", - "value": "#D6DEE6" - }, - "foundation": { - "name": "socialButtonGoogleBackgroundActive", - "value": "foundation.palette.cloud.lightActive" - }, - "scss": { - "name": "socialButtonGoogleBackgroundActive", - "value": "rgb(214, 222, 230)" - } - }, - "socialButtonGoogleForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "foreground" - }, - "javascript": { - "name": "socialButtonGoogleForeground", - "value": "#252A31" - }, - "foundation": { - "name": "socialButtonGoogleForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "socialButtonGoogleForeground", - "value": "rgb(37, 42, 49)" - } - }, - "socialButtonGoogleForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "socialButtonGoogleForegroundHover", - "value": "#181B20" - }, - "foundation": { - "name": "socialButtonGoogleForegroundHover", - "value": "foundation.palette.ink.darkHover" - }, - "scss": { - "name": "socialButtonGoogleForegroundHover", - "value": "rgb(24, 27, 32)" - } - }, - "socialButtonGoogleForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "socialButtonGoogleForegroundActive", - "value": "#0B0C0F" - }, - "foundation": { - "name": "socialButtonGoogleForegroundActive", - "value": "foundation.palette.ink.darkActive" - }, - "scss": { - "name": "socialButtonGoogleForegroundActive", - "value": "rgb(11, 12, 15)" - } - }, - "socialButtonGoogleIconForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "google", - "subVariant": "icon-foreground" - }, - "javascript": { - "name": "socialButtonGoogleIconForeground", - "value": "currentColor" - }, - "foundation": { - "name": "socialButtonGoogleIconForeground", - "value": "none" - }, - "scss": { - "name": "socialButtonGoogleIconForeground", - "value": "currentColor" - } - }, - "socialButtonTwitterBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "background" - }, - "javascript": { - "name": "socialButtonTwitterBackground", - "value": "#BAC7D5" - }, - "foundation": { - "name": "socialButtonTwitterBackground", - "value": "foundation.palette.cloud.dark" - }, - "scss": { - "name": "socialButtonTwitterBackground", - "value": "rgb(186, 199, 213)" - } - }, - "socialButtonTwitterBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "background-hover" - }, - "javascript": { - "name": "socialButtonTwitterBackgroundHover", - "value": "#DCE3E9" - }, - "foundation": { - "name": "socialButtonTwitterBackgroundHover", - "value": "foundation.palette.cloud.normalHover" - }, - "scss": { - "name": "socialButtonTwitterBackgroundHover", - "value": "rgb(220, 227, 233)" - } - }, - "socialButtonTwitterBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "background-active" - }, - "javascript": { - "name": "socialButtonTwitterBackgroundActive", - "value": "#CAD4DE" - }, - "foundation": { - "name": "socialButtonTwitterBackgroundActive", - "value": "foundation.palette.cloud.normalActive" - }, - "scss": { - "name": "socialButtonTwitterBackgroundActive", - "value": "rgb(202, 212, 222)" - } - }, - "socialButtonTwitterForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "foreground" - }, - "javascript": { - "name": "socialButtonTwitterForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "socialButtonTwitterForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "socialButtonTwitterForeground", - "value": "rgb(79, 94, 113)" - } - }, - "socialButtonTwitterForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "socialButtonTwitterForegroundHover", - "value": "#4F5E71" - }, - "foundation": { - "name": "socialButtonTwitterForegroundHover", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "socialButtonTwitterForegroundHover", - "value": "rgb(79, 94, 113)" - } - }, - "socialButtonTwitterForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "socialButtonTwitterForegroundActive", - "value": "#4F5E71" - }, - "foundation": { - "name": "socialButtonTwitterForegroundActive", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "socialButtonTwitterForegroundActive", - "value": "rgb(79, 94, 113)" - } - }, - "socialButtonTwitterBorderColorFocus": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "border-color-focus" - }, - "javascript": { - "name": "socialButtonTwitterBorderColorFocus", - "value": "#697D9580" - }, - "foundation": { - "name": "socialButtonTwitterBorderColorFocus", - "value": "foundation.palette.ink.light" - }, - "scss": { - "name": "socialButtonTwitterBorderColorFocus", - "value": "rgba(105, 125, 149, 0.5)" - } - }, - "socialButtonTwitterIconForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "social-button", - "variant": "twitter", - "subVariant": "icon-foreground" - }, - "javascript": { - "name": "socialButtonTwitterIconForeground", - "value": "#00ACEE" - }, - "foundation": { - "name": "socialButtonTwitterIconForeground", - "value": "none" - }, - "scss": { - "name": "socialButtonTwitterIconForeground", - "value": "rgb(0, 172, 238)" - } - }, - "tabBundleBasicForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-basic", - "subVariant": "foreground" - }, - "javascript": { - "name": "tabBundleBasicForeground", - "value": "linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%)" - }, - "foundation": { - "name": "tabBundleBasicForeground", - "value": "none" - }, - "scss": { - "name": "tabBundleBasicForeground", - "value": "linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%)" - } - }, - "tabBundleBasicBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-basic", - "subVariant": "background" - }, - "javascript": { - "name": "tabBundleBasicBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "tabBundleBasicBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "tabBundleBasicBackground", - "value": "rgb(255, 255, 255)" - } - }, - "tabBundleBasicBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-basic", - "subVariant": "background-hover" - }, - "javascript": { - "name": "tabBundleBasicBackgroundHover", - "value": "rgba(215, 51, 28, 0.08)" - }, - "foundation": { - "name": "tabBundleBasicBackgroundHover", - "value": "none" - }, - "scss": { - "name": "tabBundleBasicBackgroundHover", - "value": "rgba(215, 51, 28, 0.08)" - } - }, - "tabBundleBasicBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-basic", - "subVariant": "background-active" - }, - "javascript": { - "name": "tabBundleBasicBackgroundActive", - "value": "rgba(215, 51, 28, 0.12)" - }, - "foundation": { - "name": "tabBundleBasicBackgroundActive", - "value": "none" - }, - "scss": { - "name": "tabBundleBasicBackgroundActive", - "value": "rgba(215, 51, 28, 0.12)" - } - }, - "tabBundleMediumForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-medium", - "subVariant": "foreground" - }, - "javascript": { - "name": "tabBundleMediumForeground", - "value": "linear-gradient(80.91deg, #3719AB 0%, #8539DB 100%)" - }, - "foundation": { - "name": "tabBundleMediumForeground", - "value": "none" - }, - "scss": { - "name": "tabBundleMediumForeground", - "value": "linear-gradient(80.91deg, #3719AB 0%, #8539DB 100%)" - } - }, - "tabBundleMediumBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-medium", - "subVariant": "background" - }, - "javascript": { - "name": "tabBundleMediumBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "tabBundleMediumBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "tabBundleMediumBackground", - "value": "rgb(255, 255, 255)" - } - }, - "tabBundleMediumBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-medium", - "subVariant": "background-hover" - }, - "javascript": { - "name": "tabBundleMediumBackgroundHover", - "value": "rgba(59, 30, 176, 0.08)" - }, - "foundation": { - "name": "tabBundleMediumBackgroundHover", - "value": "none" - }, - "scss": { - "name": "tabBundleMediumBackgroundHover", - "value": "rgba(59, 30, 176, 0.08)" - } - }, - "tabBundleMediumBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-medium", - "subVariant": "background-active" - }, - "javascript": { - "name": "tabBundleMediumBackgroundActive", - "value": "rgba(59, 30, 176, 0.12)" - }, - "foundation": { - "name": "tabBundleMediumBackgroundActive", - "value": "none" - }, - "scss": { - "name": "tabBundleMediumBackgroundActive", - "value": "rgba(59, 30, 176, 0.12)" - } - }, - "tabBundleTopBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-top", - "subVariant": "background" - }, - "javascript": { - "name": "tabBundleTopBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "tabBundleTopBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "tabBundleTopBackground", - "value": "rgb(255, 255, 255)" - } - }, - "tabBundleTopBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-top", - "subVariant": "background-hover" - }, - "javascript": { - "name": "tabBundleTopBackgroundHover", - "value": "#F1F4F7" - }, - "foundation": { - "name": "tabBundleTopBackgroundHover", - "value": "foundation.palette.white.normalHover" - }, - "scss": { - "name": "tabBundleTopBackgroundHover", - "value": "rgb(241, 244, 247)" - } - }, - "tabBundleTopForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tab", - "variant": "bundle-top", - "subVariant": "foreground" - }, - "javascript": { - "name": "tabBundleTopForeground", - "value": "linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%)" - }, - "foundation": { - "name": "tabBundleTopForeground", - "value": "none" - }, - "scss": { - "name": "tabBundleTopForeground", - "value": "linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%)" - } - }, - "fontWeightTableHead": { - "type": "font-weight", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "font-weight", - "variant": "table-head" - }, - "javascript": { - "name": "fontWeightTableHead", - "value": 700 - }, - "foundation": { - "name": "fontWeightTableHead", - "value": "foundation.fontWeight.bold" - }, - "scss": { - "name": "fontWeightTableHead", - "value": 700 - } - }, - "fontWeightLinks": { - "type": "font-weight", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "font-weight", - "variant": "links" - }, - "javascript": { - "name": "fontWeightLinks", - "value": 500 - }, - "foundation": { - "name": "fontWeightLinks", - "value": "foundation.fontWeight.medium" - }, - "scss": { - "name": "fontWeightLinks", - "value": 500 - } - }, - "tagColoredBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "colored", - "subVariant": "background" - }, - "javascript": { - "name": "tagColoredBackground", - "value": "#E8F4FD" - }, - "foundation": { - "name": "tagColoredBackground", - "value": "foundation.palette.blue.light" - }, - "scss": { - "name": "tagColoredBackground", - "value": "rgb(232, 244, 253)" - } - }, - "tagColoredBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "colored", - "subVariant": "background-hover" - }, - "javascript": { - "name": "tagColoredBackgroundHover", - "value": "#DEF0FC" - }, - "foundation": { - "name": "tagColoredBackgroundHover", - "value": "foundation.palette.blue.lightHover" - }, - "scss": { - "name": "tagColoredBackgroundHover", - "value": "rgb(222, 240, 252)" - } - }, - "tagColoredBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "colored", - "subVariant": "background-active" - }, - "javascript": { - "name": "tagColoredBackgroundActive", - "value": "#C7E4FA" - }, - "foundation": { - "name": "tagColoredBackgroundActive", - "value": "foundation.palette.blue.lightActive" - }, - "scss": { - "name": "tagColoredBackgroundActive", - "value": "rgb(199, 228, 250)" - } - }, - "tagColoredForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "colored", - "subVariant": "foreground" - }, - "javascript": { - "name": "tagColoredForeground", - "value": "#003866" - }, - "foundation": { - "name": "tagColoredForeground", - "value": "foundation.palette.blue.darker" - }, - "scss": { - "name": "tagColoredForeground", - "value": "rgb(0, 56, 102)" - } - }, - "tagNeutralBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "neutral", - "subVariant": "background" - }, - "javascript": { - "name": "tagNeutralBackground", - "value": "#E8EDF1" - }, - "foundation": { - "name": "tagNeutralBackground", - "value": "foundation.palette.cloud.normal" - }, - "scss": { - "name": "tagNeutralBackground", - "value": "rgb(232, 237, 241)" - } - }, - "tagNeutralBackgroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "neutral", - "subVariant": "background-hover" - }, - "javascript": { - "name": "tagNeutralBackgroundHover", - "value": "#DCE3E9" - }, - "foundation": { - "name": "tagNeutralBackgroundHover", - "value": "foundation.palette.cloud.normalHover" - }, - "scss": { - "name": "tagNeutralBackgroundHover", - "value": "rgb(220, 227, 233)" - } - }, - "tagNeutralBackgroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "neutral", - "subVariant": "background-active" - }, - "javascript": { - "name": "tagNeutralBackgroundActive", - "value": "#CAD4DE" - }, - "foundation": { - "name": "tagNeutralBackgroundActive", - "value": "foundation.palette.cloud.normalActive" - }, - "scss": { - "name": "tagNeutralBackgroundActive", - "value": "rgb(202, 212, 222)" - } - }, - "tagNeutralForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "tag", - "variant": "neutral", - "subVariant": "foreground" - }, - "javascript": { - "name": "tagNeutralForeground", - "value": "#252A31" - }, - "foundation": { - "name": "tagNeutralForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "tagNeutralForeground", - "value": "rgb(37, 42, 49)" - } - }, - "textLinkPrimaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "primary", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkPrimaryForeground", - "value": "#007A69" - }, - "foundation": { - "name": "textLinkPrimaryForeground", - "value": "foundation.palette.product.dark" - }, - "scss": { - "name": "textLinkPrimaryForeground", - "value": "rgb(0, 122, 105)" - } - }, - "textLinkPrimaryForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "primary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkPrimaryForegroundHover", - "value": "#007060" - }, - "foundation": { - "name": "textLinkPrimaryForegroundHover", - "value": "foundation.palette.product.darkHover" - }, - "scss": { - "name": "textLinkPrimaryForegroundHover", - "value": "rgb(0, 112, 96)" - } - }, - "textLinkPrimaryForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "primary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkPrimaryForegroundActive", - "value": "#006657" - }, - "foundation": { - "name": "textLinkPrimaryForegroundActive", - "value": "foundation.palette.product.darkActive" - }, - "scss": { - "name": "textLinkPrimaryForegroundActive", - "value": "rgb(0, 102, 87)" - } - }, - "textLinkSecondaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "secondary", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkSecondaryForeground", - "value": "#252A31" - }, - "foundation": { - "name": "textLinkSecondaryForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "textLinkSecondaryForeground", - "value": "rgb(37, 42, 49)" - } - }, - "textLinkSecondaryForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "secondary", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkSecondaryForegroundHover", - "value": "#007060" - }, - "foundation": { - "name": "textLinkSecondaryForegroundHover", - "value": "foundation.palette.product.darkHover" - }, - "scss": { - "name": "textLinkSecondaryForegroundHover", - "value": "rgb(0, 112, 96)" - } - }, - "textLinkSecondaryForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "secondary", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkSecondaryForegroundActive", - "value": "#006657" - }, - "foundation": { - "name": "textLinkSecondaryForegroundActive", - "value": "foundation.palette.product.darkActive" - }, - "scss": { - "name": "textLinkSecondaryForegroundActive", - "value": "rgb(0, 102, 87)" - } - }, - "textLinkSuccessForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "success", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkSuccessForeground", - "value": "#2D7738" - }, - "foundation": { - "name": "textLinkSuccessForeground", - "value": "foundation.palette.green.dark" - }, - "scss": { - "name": "textLinkSuccessForeground", - "value": "rgb(45, 119, 56)" - } - }, - "textLinkSuccessForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "success", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkSuccessForegroundHover", - "value": "#276831" - }, - "foundation": { - "name": "textLinkSuccessForegroundHover", - "value": "foundation.palette.green.darkHover" - }, - "scss": { - "name": "textLinkSuccessForegroundHover", - "value": "rgb(39, 104, 49)" - } - }, - "textLinkSuccessForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "success", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkSuccessForegroundActive", - "value": "#1C4A23" - }, - "foundation": { - "name": "textLinkSuccessForegroundActive", - "value": "foundation.palette.green.darker" - }, - "scss": { - "name": "textLinkSuccessForegroundActive", - "value": "rgb(28, 74, 35)" - } - }, - "textLinkInfoForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "info", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkInfoForeground", - "value": "#005AA3" - }, - "foundation": { - "name": "textLinkInfoForeground", - "value": "foundation.palette.blue.dark" - }, - "scss": { - "name": "textLinkInfoForeground", - "value": "rgb(0, 90, 163)" - } - }, - "textLinkInfoForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "info", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkInfoForegroundHover", - "value": "#004F8F" - }, - "foundation": { - "name": "textLinkInfoForegroundHover", - "value": "foundation.palette.blue.darkHover" - }, - "scss": { - "name": "textLinkInfoForegroundHover", - "value": "rgb(0, 79, 143)" - } - }, - "textLinkInfoForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "info", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkInfoForegroundActive", - "value": "#003866" - }, - "foundation": { - "name": "textLinkInfoForegroundActive", - "value": "foundation.palette.blue.darker" - }, - "scss": { - "name": "textLinkInfoForegroundActive", - "value": "rgb(0, 56, 102)" - } - }, - "textLinkWarningForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "warning", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkWarningForeground", - "value": "#A75400" - }, - "foundation": { - "name": "textLinkWarningForeground", - "value": "foundation.palette.orange.dark" - }, - "scss": { - "name": "textLinkWarningForeground", - "value": "rgb(167, 84, 0)" - } - }, - "textLinkWarningForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "warning", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkWarningForegroundHover", - "value": "#954A00" - }, - "foundation": { - "name": "textLinkWarningForegroundHover", - "value": "foundation.palette.orange.darkHover" - }, - "scss": { - "name": "textLinkWarningForegroundHover", - "value": "rgb(149, 74, 0)" - } - }, - "textLinkWarningForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "warning", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkWarningForegroundActive", - "value": "#663200" - }, - "foundation": { - "name": "textLinkWarningForegroundActive", - "value": "foundation.palette.orange.darker" - }, - "scss": { - "name": "textLinkWarningForegroundActive", - "value": "rgb(102, 50, 0)" - } - }, - "textLinkCriticalForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "critical", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkCriticalForeground", - "value": "#970C0C" - }, - "foundation": { - "name": "textLinkCriticalForeground", - "value": "foundation.palette.red.dark" - }, - "scss": { - "name": "textLinkCriticalForeground", - "value": "rgb(151, 12, 12)" - } - }, - "textLinkCriticalForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "critical", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkCriticalForegroundHover", - "value": "#890B0B" - }, - "foundation": { - "name": "textLinkCriticalForegroundHover", - "value": "foundation.palette.red.darkHover" - }, - "scss": { - "name": "textLinkCriticalForegroundHover", - "value": "rgb(137, 11, 11)" - } - }, - "textLinkCriticalForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "critical", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkCriticalForegroundActive", - "value": "#630808" - }, - "foundation": { - "name": "textLinkCriticalForegroundActive", - "value": "foundation.palette.red.darker" - }, - "scss": { - "name": "textLinkCriticalForegroundActive", - "value": "rgb(99, 8, 8)" - } - }, - "textLinkWhiteForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "white", - "subVariant": "foreground" - }, - "javascript": { - "name": "textLinkWhiteForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "textLinkWhiteForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "textLinkWhiteForeground", - "value": "rgb(255, 255, 255)" - } - }, - "textLinkWhiteForegroundHover": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "white", - "subVariant": "foreground-hover" - }, - "javascript": { - "name": "textLinkWhiteForegroundHover", - "value": "#E1F4F3" - }, - "foundation": { - "name": "textLinkWhiteForegroundHover", - "value": "foundation.palette.product.light" - }, - "scss": { - "name": "textLinkWhiteForegroundHover", - "value": "rgb(225, 244, 243)" - } - }, - "textLinkWhiteForegroundActive": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-link", - "variant": "white", - "subVariant": "foreground-active" - }, - "javascript": { - "name": "textLinkWhiteForegroundActive", - "value": "#E1F4F3" - }, - "foundation": { - "name": "textLinkWhiteForegroundActive", - "value": "foundation.palette.product.light" - }, - "scss": { - "name": "textLinkWhiteForegroundActive", - "value": "rgb(225, 244, 243)" - } - }, - "textDecorationTextLinkPrimary": { - "type": "text-decoration", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-decoration", - "variant": "text-link", - "subVariant": "primary" - }, - "javascript": { - "name": "textDecorationTextLinkPrimary", - "value": "underline" - }, - "foundation": { - "name": "textDecorationTextLinkPrimary", - "value": "none" - }, - "scss": { - "name": "textDecorationTextLinkPrimary", - "value": "underline" - } - }, - "textDecorationTextLinkPrimaryHover": { - "type": "text-decoration", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-decoration", - "variant": "text-link", - "subVariant": "primary-hover" - }, - "javascript": { - "name": "textDecorationTextLinkPrimaryHover", - "value": "none" - }, - "foundation": { - "name": "textDecorationTextLinkPrimaryHover", - "value": "none" - }, - "scss": { - "name": "textDecorationTextLinkPrimaryHover", - "value": "none" - } - }, - "textDecorationTextLinkSecondary": { - "type": "text-decoration", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-decoration", - "variant": "text-link", - "subVariant": "secondary" - }, - "javascript": { - "name": "textDecorationTextLinkSecondary", - "value": "underline" - }, - "foundation": { - "name": "textDecorationTextLinkSecondary", - "value": "none" - }, - "scss": { - "name": "textDecorationTextLinkSecondary", - "value": "underline" - } - }, - "textDecorationTextLinkSecondaryHover": { - "type": "text-decoration", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text-decoration", - "variant": "text-link", - "subVariant": "secondary-hover" - }, - "javascript": { - "name": "textDecorationTextLinkSecondaryHover", - "value": "none" - }, - "foundation": { - "name": "textDecorationTextLinkSecondaryHover", - "value": "none" - }, - "scss": { - "name": "textDecorationTextLinkSecondaryHover", - "value": "none" - } - }, - "textPrimaryBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "primary", - "subVariant": "background" - }, - "javascript": { - "name": "textPrimaryBackground", - "value": "#252A311A" - }, - "foundation": { - "name": "textPrimaryBackground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "textPrimaryBackground", - "value": "rgba(37, 42, 49, 0.1)" - } - }, - "textPrimaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "primary", - "subVariant": "foreground" - }, - "javascript": { - "name": "textPrimaryForeground", - "value": "#252A31" - }, - "foundation": { - "name": "textPrimaryForeground", - "value": "foundation.palette.ink.dark" - }, - "scss": { - "name": "textPrimaryForeground", - "value": "rgb(37, 42, 49)" - } - }, - "textSecondaryBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "secondary", - "subVariant": "background" - }, - "javascript": { - "name": "textSecondaryBackground", - "value": "#4F5E711A" - }, - "foundation": { - "name": "textSecondaryBackground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "textSecondaryBackground", - "value": "rgba(79, 94, 113, 0.1)" - } - }, - "textSecondaryForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "secondary", - "subVariant": "foreground" - }, - "javascript": { - "name": "textSecondaryForeground", - "value": "#4F5E71" - }, - "foundation": { - "name": "textSecondaryForeground", - "value": "foundation.palette.ink.normal" - }, - "scss": { - "name": "textSecondaryForeground", - "value": "rgb(79, 94, 113)" - } - }, - "textInfoBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "info", - "subVariant": "background" - }, - "javascript": { - "name": "textInfoBackground", - "value": "#0070C81A" - }, - "foundation": { - "name": "textInfoBackground", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "textInfoBackground", - "value": "rgba(0, 112, 200, 0.1)" - } - }, - "textInfoForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "info", - "subVariant": "foreground" - }, - "javascript": { - "name": "textInfoForeground", - "value": "#0070C8" - }, - "foundation": { - "name": "textInfoForeground", - "value": "foundation.palette.blue.normal" - }, - "scss": { - "name": "textInfoForeground", - "value": "rgb(0, 112, 200)" - } - }, - "textSuccessBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "success", - "subVariant": "background" - }, - "javascript": { - "name": "textSuccessBackground", - "value": "#0A932B1A" - }, - "foundation": { - "name": "textSuccessBackground", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "textSuccessBackground", - "value": "rgba(10, 147, 43, 0.1)" - } - }, - "textSuccessForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "success", - "subVariant": "foreground" - }, - "javascript": { - "name": "textSuccessForeground", - "value": "#0A932B" - }, - "foundation": { - "name": "textSuccessForeground", - "value": "foundation.palette.green.normal" - }, - "scss": { - "name": "textSuccessForeground", - "value": "rgb(10, 147, 43)" - } - }, - "textWarningBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "warning", - "subVariant": "background" - }, - "javascript": { - "name": "textWarningBackground", - "value": "#CF6C001A" - }, - "foundation": { - "name": "textWarningBackground", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "textWarningBackground", - "value": "rgba(207, 108, 0, 0.1)" - } - }, - "textWarningForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "warning", - "subVariant": "foreground" - }, - "javascript": { - "name": "textWarningForeground", - "value": "#CF6C00" - }, - "foundation": { - "name": "textWarningForeground", - "value": "foundation.palette.orange.normal" - }, - "scss": { - "name": "textWarningForeground", - "value": "rgb(207, 108, 0)" - } - }, - "textCriticalBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "critical", - "subVariant": "background" - }, - "javascript": { - "name": "textCriticalBackground", - "value": "#D21C1C1A" - }, - "foundation": { - "name": "textCriticalBackground", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "textCriticalBackground", - "value": "rgba(210, 28, 28, 0.1)" - } - }, - "textCriticalForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "critical", - "subVariant": "foreground" - }, - "javascript": { - "name": "textCriticalForeground", - "value": "#D21C1C" - }, - "foundation": { - "name": "textCriticalForeground", - "value": "foundation.palette.red.normal" - }, - "scss": { - "name": "textCriticalForeground", - "value": "rgb(210, 28, 28)" - } - }, - "textWhiteBackground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "white", - "subVariant": "background" - }, - "javascript": { - "name": "textWhiteBackground", - "value": "#FFFFFF1A" - }, - "foundation": { - "name": "textWhiteBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "textWhiteBackground", - "value": "rgba(255, 255, 255, 0.1)" - } - }, - "textWhiteForeground": { - "type": "color", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "component", - "object": "text", - "variant": "white", - "subVariant": "foreground" - }, - "javascript": { - "name": "textWhiteForeground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "textWhiteForeground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "textWhiteForeground", - "value": "rgb(255, 255, 255)" - } - }, - "backgroundIllustration": { - "type": "color", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "components", - "object": "background", - "variant": "illustration" - }, - "javascript": { - "name": "backgroundIllustration", - "value": "transparent" - }, - "foundation": { - "name": "backgroundIllustration", - "value": "none" - }, - "scss": { - "name": "backgroundIllustration", - "value": "transparent" - } - }, - "borderRadius50": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "50" - }, - "javascript": { - "name": "borderRadius50", - "value": "2px" - }, - "foundation": { - "name": "borderRadius50", - "value": "foundation.borderRadius.50" - }, - "scss": { - "name": "borderRadius50", - "value": "2px" - } - }, - "borderRadius100": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "100" - }, - "javascript": { - "name": "borderRadius100", - "value": "4px" - }, - "foundation": { - "name": "borderRadius100", - "value": "foundation.borderRadius.100" - }, - "scss": { - "name": "borderRadius100", - "value": "4px" - } - }, - "borderRadius150": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "150" - }, - "javascript": { - "name": "borderRadius150", - "value": "6px" - }, - "foundation": { - "name": "borderRadius150", - "value": "foundation.borderRadius.150" - }, - "scss": { - "name": "borderRadius150", - "value": "6px" - } - }, - "borderRadius200": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "200" - }, - "javascript": { - "name": "borderRadius200", - "value": "8px" - }, - "foundation": { - "name": "borderRadius200", - "value": "foundation.borderRadius.200" - }, - "scss": { - "name": "borderRadius200", - "value": "8px" - } - }, - "borderRadius300": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "300" - }, - "javascript": { - "name": "borderRadius300", - "value": "12px" - }, - "foundation": { - "name": "borderRadius300", - "value": "foundation.borderRadius.300" - }, - "scss": { - "name": "borderRadius300", - "value": "12px" - } - }, - "borderRadius400": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "400" - }, - "javascript": { - "name": "borderRadius400", - "value": "16px" - }, - "foundation": { - "name": "borderRadius400", - "value": "foundation.borderRadius.400" - }, - "scss": { - "name": "borderRadius400", - "value": "16px" - } - }, - "borderRadiusCircle": { - "type": "border-radius", - "deprecated": true, - "replacement": "borderRadiusFull", - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "circle" - }, - "javascript": { - "name": "borderRadiusCircle", - "value": "50%" - }, - "foundation": { - "name": "borderRadiusCircle", - "value": "foundation.borderRadius.circle" - }, - "scss": { - "name": "borderRadiusCircle", - "value": "50%" - } - }, - "borderRadiusSmall": { - "type": "border-radius", - "deprecated": true, - "replacement": "borderRadius50", - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "small" - }, - "javascript": { - "name": "borderRadiusSmall", - "value": "2px" - }, - "foundation": { - "name": "borderRadiusSmall", - "value": "foundation.borderRadius.small" - }, - "scss": { - "name": "borderRadiusSmall", - "value": "2px" - } - }, - "borderRadiusNormal": { - "type": "border-radius", - "deprecated": true, - "replacement": "borderRadius100", - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "normal" - }, - "javascript": { - "name": "borderRadiusNormal", - "value": "3px" - }, - "foundation": { - "name": "borderRadiusNormal", - "value": "foundation.borderRadius.normal" - }, - "scss": { - "name": "borderRadiusNormal", - "value": "3px" - } - }, - "borderRadiusLarge": { - "type": "border-radius", - "deprecated": true, - "replacement": "borderRadius150", - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "large" - }, - "javascript": { - "name": "borderRadiusLarge", - "value": "6px" - }, - "foundation": { - "name": "borderRadiusLarge", - "value": "foundation.borderRadius.large" - }, - "scss": { - "name": "borderRadiusLarge", - "value": "6px" - } - }, - "borderRadiusNone": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "none" - }, - "javascript": { - "name": "borderRadiusNone", - "value": "0" - }, - "foundation": { - "name": "borderRadiusNone", - "value": "foundation.borderRadius.none" - }, - "scss": { - "name": "borderRadiusNone", - "value": "0" - } - }, - "borderRadiusFull": { - "type": "border-radius", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "border-radius", - "variant": "full" - }, - "javascript": { - "name": "borderRadiusFull", - "value": "9999px" - }, - "foundation": { - "name": "borderRadiusFull", - "value": "foundation.borderRadius.full" - }, - "scss": { - "name": "borderRadiusFull", - "value": "9999px" - } - }, - "breakpointMediumMobile": { - "type": "breakpoint", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "breakpoint", - "variant": "mediumMobile" - }, - "javascript": { - "name": "breakpointMediumMobile", - "value": 414 - }, - "foundation": { - "name": "breakpointMediumMobile", - "value": "foundation.breakpoint.mediumMobile" - }, - "scss": { - "name": "breakpointMediumMobile", - "value": 414 - } - }, - "breakpointLargeMobile": { - "type": "breakpoint", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "breakpoint", - "variant": "largeMobile" - }, - "javascript": { - "name": "breakpointLargeMobile", - "value": 576 - }, - "foundation": { - "name": "breakpointLargeMobile", - "value": "foundation.breakpoint.largeMobile" - }, - "scss": { - "name": "breakpointLargeMobile", - "value": 576 - } - }, - "breakpointTablet": { - "type": "breakpoint", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "breakpoint", - "variant": "tablet" - }, - "javascript": { - "name": "breakpointTablet", - "value": 768 - }, - "foundation": { - "name": "breakpointTablet", - "value": "foundation.breakpoint.tablet" - }, - "scss": { - "name": "breakpointTablet", - "value": 768 - } - }, - "breakpointDesktop": { - "type": "breakpoint", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "breakpoint", - "variant": "desktop" - }, - "javascript": { - "name": "breakpointDesktop", - "value": 992 - }, - "foundation": { - "name": "breakpointDesktop", - "value": "foundation.breakpoint.desktop" - }, - "scss": { - "name": "breakpointDesktop", - "value": 992 - } - }, - "breakpointLargeDesktop": { - "type": "breakpoint", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "breakpoint", - "variant": "largeDesktop" - }, - "javascript": { - "name": "breakpointLargeDesktop", - "value": 1200 - }, - "foundation": { - "name": "breakpointLargeDesktop", - "value": "foundation.breakpoint.largeDesktop" - }, - "scss": { - "name": "breakpointLargeDesktop", - "value": 1200 - } - }, - "widthBreakpointMediumMobile": { - "type": "breakpoint", - "deprecated": true, - "replacement": "breakpointMediumMobile", - "schema": { - "namespace": "global", - "object": "width-breakpoint", - "variant": "mediumMobile" - }, - "javascript": { - "name": "widthBreakpointMediumMobile", - "value": 414 - }, - "foundation": { - "name": "widthBreakpointMediumMobile", - "value": "foundation.breakpoint.mediumMobile" - }, - "scss": { - "name": "widthBreakpointMediumMobile", - "value": 414 - } - }, - "widthBreakpointLargeMobile": { - "type": "breakpoint", - "deprecated": true, - "replacement": "breakpointLargeMobile", - "schema": { - "namespace": "global", - "object": "width-breakpoint", - "variant": "largeMobile" - }, - "javascript": { - "name": "widthBreakpointLargeMobile", - "value": 576 - }, - "foundation": { - "name": "widthBreakpointLargeMobile", - "value": "foundation.breakpoint.largeMobile" - }, - "scss": { - "name": "widthBreakpointLargeMobile", - "value": 576 - } - }, - "widthBreakpointTablet": { - "type": "breakpoint", - "deprecated": true, - "replacement": "breakpointTablet", - "schema": { - "namespace": "global", - "object": "width-breakpoint", - "variant": "tablet" - }, - "javascript": { - "name": "widthBreakpointTablet", - "value": 768 - }, - "foundation": { - "name": "widthBreakpointTablet", - "value": "foundation.breakpoint.tablet" - }, - "scss": { - "name": "widthBreakpointTablet", - "value": 768 - } - }, - "widthBreakpointDesktop": { - "type": "breakpoint", - "deprecated": true, - "replacement": "breakpointDesktop", - "schema": { - "namespace": "global", - "object": "width-breakpoint", - "variant": "desktop" - }, - "javascript": { - "name": "widthBreakpointDesktop", - "value": 992 - }, - "foundation": { - "name": "widthBreakpointDesktop", - "value": "foundation.breakpoint.desktop" - }, - "scss": { - "name": "widthBreakpointDesktop", - "value": 992 - } - }, - "widthBreakpointLargeDesktop": { - "type": "breakpoint", - "deprecated": true, - "replacement": "breakpointLargeDesktop", - "schema": { - "namespace": "global", - "object": "width-breakpoint", - "variant": "largeDesktop" - }, - "javascript": { - "name": "widthBreakpointLargeDesktop", - "value": 1200 - }, - "foundation": { - "name": "widthBreakpointLargeDesktop", - "value": "foundation.breakpoint.largeDesktop" - }, - "scss": { - "name": "widthBreakpointLargeDesktop", - "value": 1200 - } - }, - "durationFast": { - "type": "duration", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "duration", - "variant": "fast" - }, - "javascript": { - "name": "durationFast", - "value": "0.15s" - }, - "foundation": { - "name": "durationFast", - "value": "none" - }, - "scss": { - "name": "durationFast", - "value": "0.15s" - } - }, - "durationNormal": { - "type": "duration", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "duration", - "variant": "normal" - }, - "javascript": { - "name": "durationNormal", - "value": "0.3s" - }, - "foundation": { - "name": "durationNormal", - "value": "none" - }, - "scss": { - "name": "durationNormal", - "value": "0.3s" - } - }, - "durationSlow": { - "type": "duration", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "duration", - "variant": "slow" - }, - "javascript": { - "name": "durationSlow", - "value": "0.4s" - }, - "foundation": { - "name": "durationSlow", - "value": "none" - }, - "scss": { - "name": "durationSlow", - "value": "0.4s" - } - }, - "elevationSuppressedBackground": { - "type": "color", - "category": "elevation", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "suppressed", - "subVariant": "background" - }, - "javascript": { - "name": "elevationSuppressedBackground", - "value": "#F5F7F9" - }, - "foundation": { - "name": "elevationSuppressedBackground", - "value": "foundation.palette.cloud.light" - }, - "scss": { - "name": "elevationSuppressedBackground", - "value": "rgb(245, 247, 249)" - } - }, - "elevationFlatBackground": { - "type": "color", - "category": "elevation", - "deprecated": false, - "replacement": null, - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "flat", - "subVariant": "background" - }, - "javascript": { - "name": "elevationFlatBackground", - "value": "#FFFFFF" + "name": "borderRadius150", + "value": "6px" }, "foundation": { - "name": "elevationFlatBackground", - "value": "foundation.palette.white.normal" + "name": "borderRadius150", + "value": "foundation.borderRadius.150" }, "scss": { - "name": "elevationFlatBackground", - "value": "rgb(255, 255, 255)" + "name": "borderRadius150", + "value": "6px" } }, - "elevationFlatBorderColor": { - "type": "color", - "category": "elevation", + "borderRadius200": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "flat", - "subVariant": "border-color" + "object": "border-radius", + "variant": "200" }, "javascript": { - "name": "elevationFlatBorderColor", - "value": "#E8EDF1" + "name": "borderRadius200", + "value": "8px" }, "foundation": { - "name": "elevationFlatBorderColor", - "value": "foundation.palette.cloud.normal" + "name": "borderRadius200", + "value": "foundation.borderRadius.200" }, "scss": { - "name": "elevationFlatBorderColor", - "value": "rgb(232, 237, 241)" + "name": "borderRadius200", + "value": "8px" } }, - "elevationFlatBorderSize": { - "type": "size", - "category": "elevation", + "borderRadius300": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "flat", - "subVariant": "border-size" - }, - "javascript": { - "name": "elevationFlatBorderSize", - "value": "1px" - }, - "foundation": { - "name": "elevationFlatBorderSize", - "value": "none" - }, - "scss": { - "name": "elevationFlatBorderSize", - "value": "1px" - } - }, - "elevationActionBackground": { - "type": "color", - "category": "elevation", - "deprecated": true, - "replacement": "paletteWhiteNormal", - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "action", - "subVariant": "background" - }, - "javascript": { - "name": "elevationActionBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "elevationActionBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "elevationActionBackground", - "value": "rgb(255, 255, 255)" - } - }, - "elevationActionBoxShadow": { - "type": "box-shadow", - "category": "elevation", - "deprecated": true, - "replacement": "elevationLevel1BoxShadow", - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "action", - "subVariant": "box-shadow" + "object": "border-radius", + "variant": "300" }, "javascript": { - "name": "elevationActionBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadius300", + "value": "12px" }, "foundation": { - "name": "elevationActionBoxShadow", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 1px 4px 0 color(#252A31, opacity: 12)" + "name": "borderRadius300", + "value": "foundation.borderRadius.300" }, "scss": { - "name": "elevationActionBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadius300", + "value": "12px" } }, - "elevationLevel1BoxShadow": { - "type": "box-shadow", - "category": "elevation", + "borderRadius400": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "level1", - "subVariant": "box-shadow" - }, - "javascript": { - "name": "elevationLevel1BoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" - }, - "foundation": { - "name": "elevationLevel1BoxShadow", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 1px 4px 0 color(#252A31, opacity: 12)" - }, - "scss": { - "name": "elevationLevel1BoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" - } - }, - "elevationActionActiveBackground": { - "type": "color", - "category": "elevation", - "deprecated": true, - "replacement": "paletteWhiteNormal", - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "action-active", - "subVariant": "background" - }, - "javascript": { - "name": "elevationActionActiveBackground", - "value": "#FFFFFF" - }, - "foundation": { - "name": "elevationActionActiveBackground", - "value": "foundation.palette.white.normal" - }, - "scss": { - "name": "elevationActionActiveBackground", - "value": "rgb(255, 255, 255)" - } - }, - "elevationActionActiveBoxShadow": { - "type": "box-shadow", - "category": "elevation", - "deprecated": true, - "replacement": "elevationLevel2BoxShadow", - "schema": { - "namespace": "global", - "object": "elevation", - "variant": "action-active", - "subVariant": "box-shadow" + "object": "border-radius", + "variant": "400" }, "javascript": { - "name": "elevationActionActiveBoxShadow", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadius400", + "value": "16px" }, "foundation": { - "name": "elevationActionActiveBoxShadow", - "value": "0 1px 4px 0 color(#252A31, opacity: 16), 0 4px 8px 0 color(#252A31, opacity: 12)" + "name": "borderRadius400", + "value": "foundation.borderRadius.400" }, "scss": { - "name": "elevationActionActiveBoxShadow", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadius400", + "value": "16px" } }, - "elevationLevel2BoxShadow": { - "type": "box-shadow", - "category": "elevation", + "borderRadiusNone": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "level2", - "subVariant": "box-shadow" + "object": "border-radius", + "variant": "none" }, "javascript": { - "name": "elevationLevel2BoxShadow", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadiusNone", + "value": "0" }, "foundation": { - "name": "elevationLevel2BoxShadow", - "value": "0 1px 4px 0 color(#252A31, opacity: 16), 0 4px 8px 0 color(#252A31, opacity: 12)" + "name": "borderRadiusNone", + "value": "foundation.borderRadius.none" }, "scss": { - "name": "elevationLevel2BoxShadow", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "borderRadiusNone", + "value": "0" } }, - "elevationFixedBackground": { - "type": "color", - "category": "elevation", + "borderRadiusFull": { + "type": "border-radius", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "fixed", - "subVariant": "background" + "object": "border-radius", + "variant": "full" }, "javascript": { - "name": "elevationFixedBackground", - "value": "#FFFFFF" + "name": "borderRadiusFull", + "value": "9999px" }, "foundation": { - "name": "elevationFixedBackground", - "value": "foundation.palette.white.normal" + "name": "borderRadiusFull", + "value": "foundation.borderRadius.full" }, "scss": { - "name": "elevationFixedBackground", - "value": "rgb(255, 255, 255)" + "name": "borderRadiusFull", + "value": "9999px" } }, - "elevationFixedBoxShadow": { - "type": "box-shadow", - "category": "elevation", + "breakpointMediumMobile": { + "type": "breakpoint", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "fixed", - "subVariant": "box-shadow" + "object": "breakpoint", + "variant": "mediumMobile" }, "javascript": { - "name": "elevationFixedBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "breakpointMediumMobile", + "value": 414 }, "foundation": { - "name": "elevationFixedBoxShadow", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 2px 4px 0 color(#252A31, opacity: 12)" + "name": "breakpointMediumMobile", + "value": "foundation.breakpoint.mediumMobile" }, "scss": { - "name": "elevationFixedBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "breakpointMediumMobile", + "value": 414 } }, - "elevationFixedReverseBackground": { - "type": "color", - "category": "elevation", + "breakpointLargeMobile": { + "type": "breakpoint", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "fixed-reverse", - "subVariant": "background" + "object": "breakpoint", + "variant": "largeMobile" }, "javascript": { - "name": "elevationFixedReverseBackground", - "value": "#FFFFFF" + "name": "breakpointLargeMobile", + "value": 576 }, "foundation": { - "name": "elevationFixedReverseBackground", - "value": "foundation.palette.white.normal" + "name": "breakpointLargeMobile", + "value": "foundation.breakpoint.largeMobile" }, "scss": { - "name": "elevationFixedReverseBackground", - "value": "rgb(255, 255, 255)" + "name": "breakpointLargeMobile", + "value": 576 } }, - "elevationFixedReverseBoxShadow": { - "type": "box-shadow", - "category": "elevation", + "breakpointTablet": { + "type": "breakpoint", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "fixed-reverse", - "subVariant": "box-shadow" + "object": "breakpoint", + "variant": "tablet" }, "javascript": { - "name": "elevationFixedReverseBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "breakpointTablet", + "value": 768 }, "foundation": { - "name": "elevationFixedReverseBoxShadow", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 -2px 4px 0 color(#252A31, opacity: 12)" + "name": "breakpointTablet", + "value": "foundation.breakpoint.tablet" }, "scss": { - "name": "elevationFixedReverseBoxShadow", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "breakpointTablet", + "value": 768 } }, - "elevationRaisedBackground": { - "type": "color", - "category": "elevation", - "deprecated": true, - "replacement": "paletteWhiteNormal", + "breakpointDesktop": { + "type": "breakpoint", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "raised", - "subVariant": "background" + "object": "breakpoint", + "variant": "desktop" }, "javascript": { - "name": "elevationRaisedBackground", - "value": "#FFFFFF" + "name": "breakpointDesktop", + "value": 992 }, "foundation": { - "name": "elevationRaisedBackground", - "value": "foundation.palette.white.normal" + "name": "breakpointDesktop", + "value": "foundation.breakpoint.desktop" }, "scss": { - "name": "elevationRaisedBackground", - "value": "rgb(255, 255, 255)" + "name": "breakpointDesktop", + "value": 992 } }, - "elevationRaisedBoxShadow": { - "type": "box-shadow", - "category": "elevation", - "deprecated": true, - "replacement": "elevationLevel3BoxShadow", + "breakpointLargeDesktop": { + "type": "breakpoint", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "raised", - "subVariant": "box-shadow" + "object": "breakpoint", + "variant": "largeDesktop" }, "javascript": { - "name": "elevationRaisedBoxShadow", - "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "breakpointLargeDesktop", + "value": 1200 }, "foundation": { - "name": "elevationRaisedBoxShadow", - "value": "0 4px 8px 0 color(#252A31, opacity: 16), 0 8px 24px 0 color(#252A31, opacity: 24)" + "name": "breakpointLargeDesktop", + "value": "foundation.breakpoint.largeDesktop" }, "scss": { - "name": "elevationRaisedBoxShadow", - "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "breakpointLargeDesktop", + "value": 1200 } }, - "elevationLevel3BoxShadow": { - "type": "box-shadow", - "category": "elevation", + "durationFast": { + "type": "duration", "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "level3", - "subVariant": "box-shadow" + "object": "duration", + "variant": "fast" }, "javascript": { - "name": "elevationLevel3BoxShadow", - "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "durationFast", + "value": "0.15s" }, "foundation": { - "name": "elevationLevel3BoxShadow", - "value": "0 4px 8px 0 color(#252A31, opacity: 16), 0 8px 24px 0 color(#252A31, opacity: 24)" + "name": "durationFast", + "value": "none" }, "scss": { - "name": "elevationLevel3BoxShadow", - "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "durationFast", + "value": "0.15s" } }, - "elevationRaisedReverseBackground": { - "type": "color", - "category": "elevation", - "deprecated": true, - "replacement": "paletteWhiteNormal", + "durationNormal": { + "type": "duration", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "raised-reverse", - "subVariant": "background" + "object": "duration", + "variant": "normal" }, "javascript": { - "name": "elevationRaisedReverseBackground", - "value": "#FFFFFF" + "name": "durationNormal", + "value": "0.3s" }, "foundation": { - "name": "elevationRaisedReverseBackground", - "value": "foundation.palette.white.normal" + "name": "durationNormal", + "value": "none" }, "scss": { - "name": "elevationRaisedReverseBackground", - "value": "rgb(255, 255, 255)" + "name": "durationNormal", + "value": "0.3s" } }, - "elevationRaisedReverseBoxShadow": { - "type": "box-shadow", - "category": "elevation", - "deprecated": true, - "replacement": "elevationLevel3ReverseBoxShadow", + "durationSlow": { + "type": "duration", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "elevation", - "variant": "raised-reverse", - "subVariant": "box-shadow" + "object": "duration", + "variant": "slow" }, "javascript": { - "name": "elevationRaisedReverseBoxShadow", - "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "durationSlow", + "value": "0.4s" }, "foundation": { - "name": "elevationRaisedReverseBoxShadow", - "value": "0 -4px 8px 0 color(#252A31, opacity: 16), 0 -8px 24px 0 color(#252A31, opacity: 24)" + "name": "durationSlow", + "value": "none" }, "scss": { - "name": "elevationRaisedReverseBoxShadow", - "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "durationSlow", + "value": "0.4s" } }, - "elevationLevel3ReverseBoxShadow": { - "type": "box-shadow", + "elevationSuppressedBackground": { + "type": "color", "category": "elevation", "deprecated": false, "replacement": null, "schema": { "namespace": "global", "object": "elevation", - "variant": "level3-reverse", - "subVariant": "box-shadow" + "variant": "suppressed", + "subVariant": "background" }, "javascript": { - "name": "elevationLevel3ReverseBoxShadow", - "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "elevationSuppressedBackground", + "value": "#F5F7F9" }, "foundation": { - "name": "elevationLevel3ReverseBoxShadow", - "value": "0 -4px 8px 0 color(#252A31, opacity: 16), 0 -8px 24px 0 color(#252A31, opacity: 24)" + "name": "elevationSuppressedBackground", + "value": "foundation.palette.cloud.light" }, "scss": { - "name": "elevationLevel3ReverseBoxShadow", - "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" + "name": "elevationSuppressedBackground", + "value": "rgb(245, 247, 249)" } }, - "elevationOverlayBackground": { + "elevationFlatBackground": { "type": "color", "category": "elevation", - "deprecated": true, - "replacement": "paletteWhiteNormal", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", "object": "elevation", - "variant": "overlay", + "variant": "flat", "subVariant": "background" }, "javascript": { - "name": "elevationOverlayBackground", + "name": "elevationFlatBackground", "value": "#FFFFFF" }, "foundation": { - "name": "elevationOverlayBackground", + "name": "elevationFlatBackground", "value": "foundation.palette.white.normal" }, "scss": { - "name": "elevationOverlayBackground", + "name": "elevationFlatBackground", "value": "rgb(255, 255, 255)" } }, - "elevationOverlayBoxShadow": { - "type": "box-shadow", + "elevationFlatBorderColor": { + "type": "color", "category": "elevation", - "deprecated": true, - "replacement": "elevationLevel4BoxShadow", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", "object": "elevation", - "variant": "overlay", - "subVariant": "box-shadow" + "variant": "flat", + "subVariant": "border-color" }, "javascript": { - "name": "elevationOverlayBoxShadow", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFlatBorderColor", + "value": "#E8EDF1" }, "foundation": { - "name": "elevationOverlayBoxShadow", - "value": "0 12px 24px -4px color(#252A31, opacity: 24), 0 8px 60px 0 color(#252A31, opacity: 32)" + "name": "elevationFlatBorderColor", + "value": "foundation.palette.cloud.normal" }, "scss": { - "name": "elevationOverlayBoxShadow", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFlatBorderColor", + "value": "rgb(232, 237, 241)" } }, - "elevationLevel4BoxShadow": { - "type": "box-shadow", + "elevationFlatBorderSize": { + "type": "size", "category": "elevation", "deprecated": false, "replacement": null, "schema": { "namespace": "global", "object": "elevation", - "variant": "level4", - "subVariant": "box-shadow" + "variant": "flat", + "subVariant": "border-size" }, "javascript": { - "name": "elevationLevel4BoxShadow", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFlatBorderSize", + "value": "1px" }, "foundation": { - "name": "elevationLevel4BoxShadow", - "value": "0 12px 24px -4px color(#252A31, opacity: 24), 0 8px 60px 0 color(#252A31, opacity: 32)" + "name": "elevationFlatBorderSize", + "value": "none" }, "scss": { - "name": "elevationLevel4BoxShadow", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFlatBorderSize", + "value": "1px" } }, - "backgroundBody": { - "type": "color", - "deprecated": true, - "replacement": "elevationSuppressedBackground", + "elevationLevel1BoxShadow": { + "type": "box-shadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "background", - "variant": "body" + "object": "elevation", + "variant": "level1", + "subVariant": "box-shadow" }, "javascript": { - "name": "backgroundBody", - "value": "#F5F7F9" + "name": "elevationLevel1BoxShadow", + "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" }, "foundation": { - "name": "backgroundBody", - "value": "foundation.palette.cloud.light" + "name": "elevationLevel1BoxShadow", + "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 1px 4px 0 color(#252A31, opacity: 12)" }, "scss": { - "name": "backgroundBody", - "value": "rgb(245, 247, 249)" + "name": "elevationLevel1BoxShadow", + "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" } }, - "boxShadowAction": { + "elevationLevel2BoxShadow": { "type": "box-shadow", - "deprecated": true, - "replacement": "elevationActionBoxShadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "action" + "object": "elevation", + "variant": "level2", + "subVariant": "box-shadow" }, "javascript": { - "name": "boxShadowAction", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationLevel2BoxShadow", + "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" }, "foundation": { - "name": "boxShadowAction", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 1px 4px 0 color(#252A31, opacity: 12)" + "name": "elevationLevel2BoxShadow", + "value": "0 1px 4px 0 color(#252A31, opacity: 16), 0 4px 8px 0 color(#252A31, opacity: 12)" }, "scss": { - "name": "boxShadowAction", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationLevel2BoxShadow", + "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" } }, - "boxShadowActionActive": { - "type": "box-shadow", - "deprecated": true, - "replacement": "elevationActionActiveBoxShadow", + "elevationFixedBackground": { + "type": "color", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "action-active" + "object": "elevation", + "variant": "fixed", + "subVariant": "background" }, "javascript": { - "name": "boxShadowActionActive", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationFixedBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "boxShadowActionActive", - "value": "0 1px 4px 0 color(#252A31, opacity: 16), 0 4px 8px 0 color(#252A31, opacity: 12)" + "name": "elevationFixedBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "boxShadowActionActive", - "value": "0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationFixedBackground", + "value": "rgb(255, 255, 255)" } }, - "boxShadowFixed": { + "elevationFixedBoxShadow": { "type": "box-shadow", - "deprecated": true, - "replacement": "elevationFixedBoxShadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "fixed" + "object": "elevation", + "variant": "fixed", + "subVariant": "box-shadow" }, "javascript": { - "name": "boxShadowFixed", + "name": "elevationFixedBoxShadow", "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba(37, 42, 49, 0.12)" }, "foundation": { - "name": "boxShadowFixed", + "name": "elevationFixedBoxShadow", "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 2px 4px 0 color(#252A31, opacity: 12)" }, "scss": { - "name": "boxShadowFixed", + "name": "elevationFixedBoxShadow", "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba(37, 42, 49, 0.12)" } }, - "boxShadowFixedReverse": { - "type": "box-shadow", - "deprecated": true, - "replacement": "elevationFixedReverseBoxShadow", + "elevationFixedReverseBackground": { + "type": "color", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "fixed-reverse" + "object": "elevation", + "variant": "fixed-reverse", + "subVariant": "background" }, "javascript": { - "name": "boxShadowFixedReverse", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationFixedReverseBackground", + "value": "#FFFFFF" }, "foundation": { - "name": "boxShadowFixedReverse", - "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 -2px 4px 0 color(#252A31, opacity: 12)" + "name": "elevationFixedReverseBackground", + "value": "foundation.palette.white.normal" }, "scss": { - "name": "boxShadowFixedReverse", - "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" + "name": "elevationFixedReverseBackground", + "value": "rgb(255, 255, 255)" } }, - "boxShadowOverlay": { + "elevationFixedReverseBoxShadow": { "type": "box-shadow", - "deprecated": true, - "replacement": "elevationOverlayBoxShadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "overlay" + "object": "elevation", + "variant": "fixed-reverse", + "subVariant": "box-shadow" }, "javascript": { - "name": "boxShadowOverlay", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFixedReverseBoxShadow", + "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" }, "foundation": { - "name": "boxShadowOverlay", - "value": "0 12px 24px -4px color(#252A31, opacity: 24), 0 8px 60px 0 color(#252A31, opacity: 32)" + "name": "elevationFixedReverseBoxShadow", + "value": "0 0 2px 0 color(#252A31, opacity: 16), 0 -2px 4px 0 color(#252A31, opacity: 12)" }, "scss": { - "name": "boxShadowOverlay", - "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" + "name": "elevationFixedReverseBoxShadow", + "value": "0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12)" } }, - "boxShadowRaised": { + "elevationLevel3BoxShadow": { "type": "box-shadow", - "deprecated": true, - "replacement": "elevationRaisedBoxShadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "raised" + "object": "elevation", + "variant": "level3", + "subVariant": "box-shadow" }, "javascript": { - "name": "boxShadowRaised", + "name": "elevationLevel3BoxShadow", "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" }, "foundation": { - "name": "boxShadowRaised", + "name": "elevationLevel3BoxShadow", "value": "0 4px 8px 0 color(#252A31, opacity: 16), 0 8px 24px 0 color(#252A31, opacity: 24)" }, "scss": { - "name": "boxShadowRaised", + "name": "elevationLevel3BoxShadow", "value": "0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24)" } }, - "boxShadowRaisedReverse": { + "elevationLevel3ReverseBoxShadow": { "type": "box-shadow", - "deprecated": true, - "replacement": "elevationRaisedReverseBoxShadow", + "category": "elevation", + "deprecated": false, + "replacement": null, "schema": { "namespace": "global", - "object": "box-shadow", - "variant": "raised-reverse" + "object": "elevation", + "variant": "level3-reverse", + "subVariant": "box-shadow" }, "javascript": { - "name": "boxShadowRaisedReverse", + "name": "elevationLevel3ReverseBoxShadow", "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" }, "foundation": { - "name": "boxShadowRaisedReverse", + "name": "elevationLevel3ReverseBoxShadow", "value": "0 -4px 8px 0 color(#252A31, opacity: 16), 0 -8px 24px 0 color(#252A31, opacity: 24)" }, "scss": { - "name": "boxShadowRaisedReverse", + "name": "elevationLevel3ReverseBoxShadow", "value": "0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24)" } }, - "opacityOverlay": { - "type": "opacity", - "deprecated": true, + "elevationLevel4BoxShadow": { + "type": "box-shadow", + "category": "elevation", + "deprecated": false, "replacement": null, "schema": { "namespace": "global", - "object": "opacity", - "variant": "overlay" + "object": "elevation", + "variant": "level4", + "subVariant": "box-shadow" }, "javascript": { - "name": "opacityOverlay", - "value": "0.8" + "name": "elevationLevel4BoxShadow", + "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" }, "foundation": { - "name": "opacityOverlay", - "value": "none" + "name": "elevationLevel4BoxShadow", + "value": "0 12px 24px -4px color(#252A31, opacity: 24), 0 8px 60px 0 color(#252A31, opacity: 32)" }, "scss": { - "name": "opacityOverlay", - "value": "0.8" + "name": "elevationLevel4BoxShadow", + "value": "0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32)" } }, "paletteBlueLight": { @@ -19291,204 +9170,6 @@ "value": "64px" } }, - "spaceXXXSmall": { - "type": "size", - "deprecated": true, - "replacement": "space50", - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-x-x-small" - }, - "javascript": { - "name": "spaceXXXSmall", - "value": "2px" - }, - "foundation": { - "name": "spaceXXXSmall", - "value": "foundation.space.xXXSmall" - }, - "scss": { - "name": "spaceXXXSmall", - "value": "2px" - } - }, - "spaceXXSmall": { - "type": "size", - "deprecated": true, - "replacement": "space100", - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-x-small" - }, - "javascript": { - "name": "spaceXXSmall", - "value": "4px" - }, - "foundation": { - "name": "spaceXXSmall", - "value": "foundation.space.xXSmall" - }, - "scss": { - "name": "spaceXXSmall", - "value": "4px" - } - }, - "spaceXSmall": { - "type": "size", - "deprecated": true, - "replacement": "space200", - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-small" - }, - "javascript": { - "name": "spaceXSmall", - "value": "8px" - }, - "foundation": { - "name": "spaceXSmall", - "value": "foundation.space.xSmall" - }, - "scss": { - "name": "spaceXSmall", - "value": "8px" - } - }, - "spaceSmall": { - "type": "size", - "deprecated": true, - "replacement": "space300", - "schema": { - "namespace": "global", - "object": "space", - "variant": "small" - }, - "javascript": { - "name": "spaceSmall", - "value": "12px" - }, - "foundation": { - "name": "spaceSmall", - "value": "foundation.space.small" - }, - "scss": { - "name": "spaceSmall", - "value": "12px" - } - }, - "spaceMedium": { - "type": "size", - "deprecated": true, - "replacement": "space400", - "schema": { - "namespace": "global", - "object": "space", - "variant": "medium" - }, - "javascript": { - "name": "spaceMedium", - "value": "16px" - }, - "foundation": { - "name": "spaceMedium", - "value": "foundation.space.medium" - }, - "scss": { - "name": "spaceMedium", - "value": "16px" - } - }, - "spaceLarge": { - "type": "size", - "deprecated": true, - "replacement": "space600", - "schema": { - "namespace": "global", - "object": "space", - "variant": "large" - }, - "javascript": { - "name": "spaceLarge", - "value": "24px" - }, - "foundation": { - "name": "spaceLarge", - "value": "foundation.space.large" - }, - "scss": { - "name": "spaceLarge", - "value": "24px" - } - }, - "spaceXLarge": { - "type": "size", - "deprecated": true, - "replacement": "space800", - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-large" - }, - "javascript": { - "name": "spaceXLarge", - "value": "32px" - }, - "foundation": { - "name": "spaceXLarge", - "value": "foundation.space.xLarge" - }, - "scss": { - "name": "spaceXLarge", - "value": "32px" - } - }, - "spaceXXLarge": { - "type": "size", - "deprecated": true, - "replacement": "space1000", - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-x-large" - }, - "javascript": { - "name": "spaceXXLarge", - "value": "40px" - }, - "foundation": { - "name": "spaceXXLarge", - "value": "foundation.space.xXLarge" - }, - "scss": { - "name": "spaceXXLarge", - "value": "40px" - } - }, - "spaceXXXLarge": { - "type": "size", - "deprecated": true, - "replacement": null, - "schema": { - "namespace": "global", - "object": "space", - "variant": "x-x-x-large" - }, - "javascript": { - "name": "spaceXXXLarge", - "value": "52px" - }, - "foundation": { - "name": "spaceXXXLarge", - "value": "foundation.space.xXXLarge" - }, - "scss": { - "name": "spaceXXXLarge", - "value": "52px" - } - }, "fontFamily": { "type": "font-family", "category": "typography", @@ -19722,98 +9403,6 @@ "value": "24px" } }, - "lineHeightTextSmall": { - "type": "size", - "category": "typography", - "deprecated": true, - "replacement": "lineHeightSmall", - "schema": { - "namespace": "global", - "object": "line-height", - "variant": "text-small" - }, - "javascript": { - "name": "lineHeightTextSmall", - "value": "16px" - }, - "foundation": { - "name": "lineHeightTextSmall", - "value": "foundation.lineHeight.small" - }, - "scss": { - "name": "lineHeightTextSmall", - "value": "16px" - } - }, - "lineHeightTextNormal": { - "type": "size", - "category": "typography", - "deprecated": true, - "replacement": "lineHeightNormal", - "schema": { - "namespace": "global", - "object": "line-height", - "variant": "text-normal" - }, - "javascript": { - "name": "lineHeightTextNormal", - "value": "20px" - }, - "foundation": { - "name": "lineHeightTextNormal", - "value": "foundation.lineHeight.normal" - }, - "scss": { - "name": "lineHeightTextNormal", - "value": "20px" - } - }, - "lineHeightTextLarge": { - "type": "size", - "category": "typography", - "deprecated": true, - "replacement": "lineHeightLarge", - "schema": { - "namespace": "global", - "object": "line-height", - "variant": "text-large" - }, - "javascript": { - "name": "lineHeightTextLarge", - "value": "24px" - }, - "foundation": { - "name": "lineHeightTextLarge", - "value": "foundation.lineHeight.large" - }, - "scss": { - "name": "lineHeightTextLarge", - "value": "24px" - } - }, - "lineHeightTextExtraLarge": { - "type": "size", - "category": "typography", - "deprecated": true, - "replacement": "lineHeightExtraLarge", - "schema": { - "namespace": "global", - "object": "line-height", - "variant": "text-extra-large" - }, - "javascript": { - "name": "lineHeightTextExtraLarge", - "value": "24px" - }, - "foundation": { - "name": "lineHeightTextExtraLarge", - "value": "foundation.lineHeight.extraLarge" - }, - "scss": { - "name": "lineHeightTextExtraLarge", - "value": "24px" - } - }, "fontWeightNormal": { "type": "font-weight", "category": "typography", diff --git a/packages/orbit-design-tokens/output/tokens.css b/packages/orbit-design-tokens/output/tokens.css index 703568ef67..14e91017f9 100644 --- a/packages/orbit-design-tokens/output/tokens.css +++ b/packages/orbit-design-tokens/output/tokens.css @@ -1,260 +1,4 @@ :root { - --padding-alert: 16; - --padding-alert-with-icon: 12; - --padding-badge: null; - --padding-button-large: null; - --padding-button-large-with-icons: null; - --padding-button-large-with-left-icon: null; - --padding-button-large-with-right-icon: null; - --padding-button-normal: null; - --padding-button-normal-with-icons: null; - --padding-button-normal-with-left-icon: null; - --padding-button-normal-with-right-icon: null; - --padding-button-without-text: 0; - --padding-button-small: null; - --padding-button-small-with-icons: null; - --padding-button-small-with-left-icon: null; - --padding-button-small-with-right-icon: null; - --padding-input-small: null; - --padding-input-normal: null; - --padding-input-file: null; - --padding-loading: 12; - --padding-table: null; - --padding-table-compact: null; - --padding-tag: null; - --padding-tag-removable: null; - --padding-tag-removable-with-icon: 6; - --padding-tag-with-icon: null; - --padding-textarea-small: null; - --padding-textarea-normal: 12; - --background-alert-critical: rgb(250, 234, 234); - --background-alert-info: rgb(232, 244, 253); - --background-alert-success: rgb(234, 245, 234); - --background-alert-warning: rgb(254, 242, 230); - --background-badge-critical: rgb(210, 28, 28); - --background-badge-critical-subtle: rgb(250, 234, 234); - --background-badge-dark: rgb(37, 42, 49); - --background-badge-info: rgb(0, 112, 200); - --background-badge-info-subtle: rgb(232, 244, 253); - --background-badge-neutral: rgb(245, 247, 249); - --background-badge-success: rgb(10, 147, 43); - --background-badge-success-subtle: rgb(234, 245, 234); - --background-badge-warning: rgb(207, 108, 0); - --background-badge-warning-subtle: rgb(254, 242, 230); - --background-badge-white: rgb(255, 255, 255); - --background-button-link-critical: transparent; - --background-button-link-critical-hover: rgb(248, 226, 226); - --background-button-link-critical-active: rgb(243, 206, 206); - --background-button-link-primary: transparent; - --background-button-link-primary-hover: rgb(214, 240, 236); - --background-button-link-primary-active: rgb(191, 232, 226); - --background-button-link-secondary: transparent; - --background-button-link-secondary-hover: rgb(229, 234, 239); - --background-button-link-secondary-active: rgb(214, 222, 230); - --background-button-bundle-basic: linear-gradient(to top right, #E13E3B 0%, #E87E09 100%); - --background-button-bundle-basic-hover: linear-gradient(to top right, #BD2825 0%, #D67000 100%); - --background-button-bundle-basic-active: linear-gradient(to top right, #9F1816 0%, #C36802 100%); - --background-button-bundle-medium: linear-gradient(to top right, #3719AB 0%, #8539DB 100%); - --background-button-bundle-medium-hover: linear-gradient(to top right, #2D1393 0%, #7343AA 100%); - --background-button-bundle-medium-active: linear-gradient(to top right, #250F79 0%, #5A3485 100%); - --background-button-bundle-top: linear-gradient(to top right, #2D2D2E 0%, #696E73 100%); - --background-button-bundle-top-hover: linear-gradient(to top right, #171718 0%, #51575C 100%); - --background-button-bundle-top-active: linear-gradient(to top right, #101011 0%, #51575C); - --background-button-critical-subtle: rgb(250, 234, 234); - --background-button-critical-subtle-hover: rgb(248, 226, 226); - --background-button-critical-subtle-active: rgb(243, 206, 206); - --background-button-critical-subtle-focus: rgb(250, 234, 234); - --background-button-critical: rgb(210, 28, 28); - --background-button-critical-hover: rgb(185, 25, 25); - --background-button-critical-active: rgb(157, 21, 21); - --background-button-bordered: transparent; - --background-button-bordered-hover: rgb(245, 247, 249); - --background-button-bordered-active: rgb(245, 247, 249); - --background-button-info: rgb(0, 112, 200); - --background-button-info-hover: rgb(1, 97, 172); - --background-button-info-active: rgb(1, 80, 142); - --background-button-primary-subtle: rgb(225, 244, 243); - --background-button-primary-subtle-hover: rgb(214, 240, 236); - --background-button-primary-subtle-active: rgb(191, 232, 226); - --background-button-primary-subtle-focus: rgb(225, 244, 243); - --background-button-primary: rgb(0, 165, 142); - --background-button-primary-hover: rgb(0, 149, 128); - --background-button-primary-active: rgb(0, 132, 114); - --background-button-secondary: rgb(232, 237, 241); - --background-button-secondary-hover: rgb(220, 227, 233); - --background-button-secondary-active: rgb(202, 212, 222); - --background-button-success: rgb(10, 147, 43); - --background-button-success-hover: rgb(35, 139, 49); - --background-button-success-active: rgb(29, 114, 40); - --background-button-warning: rgb(207, 108, 0); - --background-button-warning-hover: rgb(184, 96, 0); - --background-button-warning-active: rgb(173, 87, 0); - --background-button-white: rgb(255, 255, 255); - --background-button-white-hover: rgb(245, 247, 249); - --background-button-white-active: rgb(229, 234, 239); - --background-button-white-bordered: transparent; - --background-button-white-bordered-hover: rgba(255, 255, 255, 0.2); - --background-button-white-bordered-active: rgba(255, 255, 255, 0.2); - --background-button-facebook: rgb(59, 89, 152); - --background-button-facebook-hover: rgb(56, 84, 144); - --background-button-facebook-active: rgb(53, 79, 136); - --background-button-google: rgb(245, 247, 249); - --background-button-google-hover: rgb(229, 234, 239); - --background-button-google-active: rgb(214, 222, 230); - --background-card: rgb(255, 255, 255); - --background-carrier-logo: transparent; - --background-country-flag: transparent; - --background-service-logo: transparent; - --background-tooltip: rgb(255, 255, 255); - --background-tooltip-large-mobile: rgb(0, 90, 163); - --background-separator: rgb(232, 237, 241); - --background-switch: rgb(186, 199, 213); - --background-switch-checked: rgb(0, 112, 200); - --background-input: rgb(255, 255, 255); - --background-input-disabled: rgb(232, 237, 241); - --background-modal: rgb(255, 255, 255); - --background-table: rgb(255, 255, 255); - --background-table-even: rgb(245, 247, 249); - --background-table-hover: rgb(232, 237, 241); - --background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); - --background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); - --background-tag: rgb(245, 247, 249); - --background-tag-hover: rgb(229, 234, 239); - --background-tag-active: rgb(214, 222, 230); - --background-tag-selected: rgb(37, 42, 49); - --background-tag-selected-hover: rgb(24, 27, 32); - --background-tag-selected-active: rgb(11, 12, 15); - --color-alert-icon-critical: rgb(210, 28, 28); - --color-alert-icon-info: rgb(0, 112, 200); - --color-alert-icon-success: rgb(10, 147, 43); - --color-alert-icon-warning: rgb(207, 108, 0); - --color-form-label: rgb(37, 42, 49); - --color-form-label-filled: rgb(79, 94, 113); - --color-icon-checkbox-radio: rgb(0, 165, 142); - --color-icon-checkbox-radio-disabled: rgb(186, 199, 213); - --color-icon-input: rgb(186, 199, 213); - --color-icon-radio-button: rgb(0, 165, 142); - --color-icon-radio-button-disabled: rgb(79, 94, 113); - --color-info-check-box-radio: rgb(79, 94, 113); - --color-placeholder-input: rgb(105, 125, 149); - --color-placeholder-input-error: rgb(210, 28, 28); - --color-placeholder-input-file: rgb(105, 125, 149); - --color-placeholder-input-file-error: rgb(210, 28, 28); - --color-text-input: rgb(37, 42, 49); - --color-text-input-disabled: rgb(79, 94, 113); - --color-text-input-prefix: rgb(79, 94, 113); - --color-heading: rgb(37, 42, 49); - --color-heading-inverted: rgb(255, 255, 255); - --color-icon-primary: rgb(37, 42, 49); - --color-icon-secondary: rgb(79, 94, 113); - --color-icon-tertiary: rgb(186, 199, 213); - --color-icon-info: rgb(0, 112, 200); - --color-icon-success: rgb(10, 147, 43); - --color-icon-warning: rgb(207, 108, 0); - --color-icon-critical: rgb(210, 28, 28); - --color-stopover-arrow: rgb(105, 125, 149); - --color-text-link-primary: rgb(0, 122, 105); - --color-text-link-primary-hover: rgb(0, 165, 142); - --color-text-link-secondary: rgb(37, 42, 49); - --color-text-link-secondary-hover: rgb(0, 165, 142); - --color-text-primary: rgb(37, 42, 49); - --color-text-secondary: rgb(79, 94, 113); - --color-text-info: rgb(0, 112, 200); - --color-text-success: rgb(10, 147, 43); - --color-text-warning: rgb(207, 108, 0); - --color-text-critical: rgb(210, 28, 28); - --color-text-white: rgb(255, 255, 255); - --color-text-error: rgb(210, 28, 28); - --color-text-alert-critical: rgb(151, 12, 12); - --color-text-alert-info: rgb(0, 90, 163); - --color-text-alert-success: rgb(45, 119, 56); - --color-text-alert-warning: rgb(167, 84, 0); - --color-text-alert-link: rgb(79, 94, 113); - --color-text-badge-critical: rgb(210, 28, 28); - --color-text-badge-dark: rgb(255, 255, 255); - --color-text-badge-info: rgb(0, 112, 200); - --color-text-badge-neutral: rgb(79, 94, 113); - --color-text-badge-success: rgb(10, 147, 43); - --color-text-badge-warning: rgb(207, 108, 0); - --color-text-badge-white: rgb(37, 42, 49); - --color-text-button-link-critical: rgb(210, 28, 28); - --color-text-button-link-critical-hover: rgb(185, 25, 25); - --color-text-button-link-critical-active: rgb(157, 21, 21); - --color-text-button-link-primary: rgb(0, 165, 142); - --color-text-button-link-primary-hover: rgb(0, 149, 128); - --color-text-button-link-primary-active: rgb(0, 132, 114); - --color-text-button-link-secondary: rgb(37, 42, 49); - --color-text-button-link-secondary-hover: rgb(24, 27, 32); - --color-text-button-link-secondary-active: rgb(11, 12, 15); - --color-text-button-link-secondary-compact-hover: rgb(0, 149, 128); - --color-text-button-link-secondary-compact-active: rgb(0, 132, 114); - --color-text-button-critical-subtle: rgb(151, 12, 12); - --color-text-button-critical-subtle-hover: rgb(137, 11, 11); - --color-text-button-critical-subtle-active: rgb(109, 9, 9); - --color-text-button-critical: rgb(255, 255, 255); - --color-text-button-critical-hover: rgb(255, 255, 255); - --color-text-button-critical-active: rgb(255, 255, 255); - --color-text-button-critical-bordered: rgb(210, 28, 28); - --color-text-button-critical-bordered-hover: rgb(185, 25, 25); - --color-text-button-critical-bordered-active: rgb(157, 21, 21); - --color-text-button-filled: rgb(255, 255, 255); - --color-text-button-filled-hover: rgb(255, 255, 255); - --color-text-button-filled-active: rgb(255, 255, 255); - --color-text-button-info: rgb(255, 255, 255); - --color-text-button-info-hover: rgb(255, 255, 255); - --color-text-button-info-active: rgb(255, 255, 255); - --color-text-button-info-bordered: rgb(0, 112, 200); - --color-text-button-info-bordered-hover: rgb(1, 97, 172); - --color-text-button-info-bordered-active: rgb(1, 80, 142); - --color-text-button-primary-subtle: rgb(0, 122, 105); - --color-text-button-primary-subtle-hover: rgb(0, 112, 96); - --color-text-button-primary-subtle-active: rgb(0, 102, 87); - --color-text-button-primary: rgb(255, 255, 255); - --color-text-button-primary-hover: rgb(255, 255, 255); - --color-text-button-primary-active: rgb(255, 255, 255); - --color-text-button-primary-bordered: rgb(0, 165, 142); - --color-text-button-primary-bordered-hover: rgb(0, 149, 128); - --color-text-button-primary-bordered-active: rgb(0, 132, 114); - --color-text-button-secondary: rgb(37, 42, 49); - --color-text-button-secondary-hover: rgb(24, 27, 32); - --color-text-button-secondary-active: rgb(11, 12, 15); - --color-text-button-secondary-bordered: rgb(37, 42, 49); - --color-text-button-secondary-bordered-hover: rgb(24, 27, 32); - --color-text-button-secondary-bordered-active: rgb(11, 12, 15); - --color-text-button-success: rgb(255, 255, 255); - --color-text-button-success-hover: rgb(255, 255, 255); - --color-text-button-success-active: rgb(255, 255, 255); - --color-text-button-success-bordered: rgb(10, 147, 43); - --color-text-button-success-bordered-hover: rgb(35, 139, 49); - --color-text-button-success-bordered-active: rgb(29, 114, 40); - --color-text-button-warning: rgb(255, 255, 255); - --color-text-button-warning-hover: rgb(255, 255, 255); - --color-text-button-warning-active: rgb(255, 255, 255); - --color-text-button-warning-bordered: rgb(207, 108, 0); - --color-text-button-warning-bordered-hover: rgb(184, 96, 0); - --color-text-button-warning-bordered-active: rgb(173, 87, 0); - --color-text-button-white: rgb(37, 42, 49); - --color-text-button-white-hover: rgb(24, 27, 32); - --color-text-button-white-active: rgb(11, 12, 15); - --color-text-button-white-bordered: rgb(255, 255, 255); - --color-text-button-white-bordered-hover: rgb(255, 255, 255); - --color-text-button-white-bordered-active: rgb(255, 255, 255); - --color-text-button-facebook: rgb(255, 255, 255); - --color-text-button-facebook-hover: rgb(255, 255, 255); - --color-text-button-facebook-active: rgb(255, 255, 255); - --color-text-button-facebook-bordered: rgb(59, 89, 152); - --color-text-button-facebook-bordered-hover: rgb(56, 84, 144); - --color-text-button-facebook-bordered-active: rgb(53, 79, 136); - --color-text-button-google: rgb(37, 42, 49); - --color-text-button-google-hover: rgb(24, 27, 32); - --color-text-button-google-active: rgb(11, 12, 15); - --color-text-button-google-bordered: rgb(37, 42, 49); - --color-text-button-google-bordered-hover: rgb(24, 27, 32); - --color-text-button-google-bordered-active: rgb(11, 12, 15); - --color-text-loading: rgb(186, 199, 213); - --color-text-table: rgb(105, 125, 149); - --color-text-tag: rgb(37, 42, 49); - --color-text-tag-selected: rgb(186, 199, 213); --alert-background-critical: rgb(250, 234, 234); --alert-background-info: rgb(232, 244, 253); --alert-background-success: rgb(234, 245, 234); @@ -297,10 +41,6 @@ --badge-warning-subtle-foreground: rgb(167, 84, 0); --badge-white-background: rgb(255, 255, 255); --badge-white-foreground: rgb(37, 42, 49); - --border-radius-badge: 12; - --margin-badge-icon: null; - --margin-button-group: null; - --margin-button-icon: 8; --button-link-critical-background: transparent; /* Used for the background of critical ButtonLink in the default state. */ --button-link-critical-background-hover: rgb(248, 226, 226); /* Used for the background of critical ButtonLink in the hover state. */ --button-link-critical-background-active: rgb(243, 206, 206); /* Used for the background of critical ButtonLink in the active and the focus state. */ @@ -341,20 +81,8 @@ --button-critical-foreground-hover: rgb(255, 255, 255); --button-critical-foreground-active: rgb(255, 255, 255); --button-small-font-size: 13; - --button-small-padding: null; - --button-small-both-icons-padding: null; - --button-small-left-icon-padding: null; - --button-small-right-icon-padding: null; --button-normal-font-size: 15; - --button-normal-padding: null; - --button-normal-both-icons-padding: null; - --button-normal-left-icon-padding: null; - --button-normal-right-icon-padding: null; --button-large-font-size: 16; - --button-large-padding: null; - --button-large-both-icons-padding: null; - --button-large-left-icon-padding: null; - --button-large-right-icon-padding: null; --button-info-background: rgb(0, 112, 200); --button-info-background-hover: rgb(1, 97, 172); --button-info-background-active: rgb(1, 80, 142); @@ -404,104 +132,6 @@ --button-white-foreground-hover: rgb(24, 27, 32); --button-white-foreground-active: rgb(11, 12, 15); --button-white-border-color-focus: rgba(231, 236, 241, 0.5); - --box-shadow-button-focus: rgb(0, 112, 200); - --border-color-button-primary-bordered: rgb(0, 165, 142); - --border-color-button-primary-bordered-hover: rgb(0, 149, 128); - --border-color-button-primary-bordered-active: rgb(0, 132, 114); - --border-color-button-secondary-bordered: rgb(37, 42, 49); - --border-color-button-secondary-bordered-hover: rgb(24, 27, 32); - --border-color-button-secondary-bordered-active: rgb(11, 12, 15); - --border-color-button-facebook-bordered: rgb(59, 89, 152); - --border-color-button-facebook-bordered-hover: rgb(56, 84, 144); - --border-color-button-facebook-bordered-active: rgb(53, 79, 136); - --border-color-button-google-bordered: rgb(37, 42, 49); - --border-color-button-google-bordered-hover: rgb(24, 27, 32); - --border-color-button-google-bordered-active: rgb(11, 12, 15); - --border-color-button-info-bordered: rgb(0, 112, 200); - --border-color-button-info-bordered-hover: rgb(1, 97, 172); - --border-color-button-info-bordered-active: rgb(1, 80, 142); - --border-color-button-success-bordered: rgb(10, 147, 43); - --border-color-button-success-bordered-hover: rgb(35, 139, 49); - --border-color-button-success-bordered-active: rgb(29, 114, 40); - --border-color-button-warning-bordered: rgb(207, 108, 0); - --border-color-button-warning-bordered-hover: rgb(184, 96, 0); - --border-color-button-warning-bordered-active: rgb(173, 87, 0); - --border-color-button-critical-bordered: rgb(210, 28, 28); - --border-color-button-critical-bordered-hover: rgb(185, 25, 25); - --border-color-button-critical-bordered-active: rgb(157, 21, 21); - --border-color-button-white-bordered: rgb(255, 255, 255); - --border-color-button-white-bordered-hover: rgb(255, 255, 255); - --border-color-button-white-bordered-active: rgb(255, 255, 255); - --border-color-card: rgb(232, 237, 241); - --border-color-checkbox-radio: rgb(186, 199, 213); - --border-color-checkbox-radio-active: rgb(37, 42, 49); - --border-color-checkbox-radio-error: rgb(210, 28, 28); - --border-color-checkbox-radio-focus: rgb(0, 112, 200); - --border-color-checkbox-radio-hover: rgb(79, 94, 113); - --border-color-input: rgb(186, 199, 213); - --border-color-input-active: rgb(148, 168, 190); - --border-color-input-error: rgb(210, 28, 28); - --border-color-input-error-focus: rgb(210, 28, 28); - --border-color-input-error-hover: rgb(185, 25, 25); - --border-color-input-focus: rgb(0, 112, 200); - --border-color-input-hover: rgb(166, 182, 200); - --border-color-modal: rgb(232, 237, 241); - --border-color-table: rgb(232, 237, 241); - --border-color-table-cell: rgb(186, 199, 213); - --border-color-table-head: rgb(186, 199, 213); - --border-color-tag: rgb(186, 199, 213); - --border-color-tag-focus: rgb(0, 112, 200); - --modifier-scale-button-active: 0.95; - --modifier-scale-checkbox-radio-active: 0.95; - --font-size-button-small: 13; - --font-size-button-normal: 15; - --font-size-button-large: 16; - --font-size-input-small: 15; - --font-size-input-normal: 15; - --font-size-form-feedback: 13; - --font-size-form-label: 15; - --font-size-message: 15; - --border-style-card: solid; - --border-style-input: solid; - --border-width-card: 1; - --border-width-input: 1; - --border-width-input-focus: 2; - --width-carrier-logo: 32; - --width-icon-small: 16; - --width-icon-medium: 20; - --width-icon-large: 24; - --width-badge-circled: 24; - --width-checkbox: 20; - --width-radio-button: 20; - --width-stopover-arrow: 36; - --width-country-flag: 24; - --width-modal-small: 540; - --width-modal-normal: 740; - --width-modal-large: 900; - --width-modal-extra-large: 1280; - --height-carrier-logo: 32; - --height-button-small: 32; - --height-button-normal: 44; - --height-button-large: 52; - --height-input-small: 32; - --height-input-normal: 44; - --height-input-large: 52; - --height-icon-small: 16; - --height-icon-medium: 20; - --height-icon-large: 24; - --height-badge: 24; - --height-checkbox: 20; - --height-radio-button: 20; - --height-stopover-arrow: 7; - --height-country-flag: auto; - --height-service-logo-small: 12; - --height-service-logo-medium: 24; - --height-service-logo-large: 48; - --height-separator: 1; - --height-input-group-separator-small: 16; - --height-input-group-separator-normal: 20; - --height-illustration-small: 90; - --height-illustration-medium: 200; --country-flag-shadow: rgb(37, 42, 49); --country-flag-background: transparent; --country-flag-small-height: 9px; @@ -540,9 +170,6 @@ --form-element-label-filled: rgb(79, 94, 113); --form-element-prefix-foreground: rgb(79, 94, 113); --form-element-small-padding: null; - --margin-top-form-feedback: 2; - --opacity-checkbox-disabled: 50; - --opacity-radio-button-disabled: 50; --heading-display-font-size: 40; --heading-display-font-weight: 700; --heading-display-line-height: 44; @@ -588,46 +215,12 @@ --illustration-medium-height: 200; --illustration-large-height: 280; --illustration-display-height: 460; - --loading-foreground: rgb(186, 199, 213); - --modal-border-radius-mobile: 12; --modal-border-radius: 12; --modal-extra-small-width: 360; --modal-small-width: 540; --modal-normal-width: 740; --modal-large-width: 900; --modal-extra-large-width: 1280; - --margin-bottom-select-suffix: 2; - --padding-left-select-prefix: 48; - --social-button-apple-background: rgb(79, 94, 113); - --social-button-apple-background-hover: rgb(62, 78, 99); - --social-button-apple-background-active: rgb(50, 66, 86); - --social-button-apple-foreground: rgb(255, 255, 255); - --social-button-apple-foreground-hover: rgb(255, 255, 255); - --social-button-apple-foreground-active: rgb(255, 255, 255); - --social-button-apple-border-color-focus: rgba(105, 125, 149, 0.5); - --social-button-apple-icon-foreground: rgb(255, 255, 255); - --social-button-facebook-background: rgb(59, 89, 152); - --social-button-facebook-background-hover: rgb(56, 84, 144); - --social-button-facebook-background-active: rgb(53, 79, 136); - --social-button-facebook-foreground: rgb(255, 255, 255); - --social-button-facebook-foreground-hover: rgb(255, 255, 255); - --social-button-facebook-foreground-active: rgb(255, 255, 255); - --social-button-facebook-icon-foreground: rgb(59, 89, 152); - --social-button-google-background: rgb(245, 247, 249); - --social-button-google-background-hover: rgb(229, 234, 239); - --social-button-google-background-active: rgb(214, 222, 230); - --social-button-google-foreground: rgb(37, 42, 49); - --social-button-google-foreground-hover: rgb(24, 27, 32); - --social-button-google-foreground-active: rgb(11, 12, 15); - --social-button-google-icon-foreground: currentColor; - --social-button-twitter-background: rgb(186, 199, 213); - --social-button-twitter-background-hover: rgb(220, 227, 233); - --social-button-twitter-background-active: rgb(202, 212, 222); - --social-button-twitter-foreground: rgb(79, 94, 113); - --social-button-twitter-foreground-hover: rgb(79, 94, 113); - --social-button-twitter-foreground-active: rgb(79, 94, 113); - --social-button-twitter-border-color-focus: rgba(105, 125, 149, 0.5); - --social-button-twitter-icon-foreground: rgb(0, 172, 238); --tab-bundle-basic-foreground: linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%); --tab-bundle-basic-background: rgb(255, 255, 255); --tab-bundle-basic-background-hover: rgba(215, 51, 28, 0.08); @@ -639,8 +232,8 @@ --tab-bundle-top-background: rgb(255, 255, 255); --tab-bundle-top-background-hover: rgb(241, 244, 247); --tab-bundle-top-foreground: linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%); - --font-weight-table-head: 700; - --font-weight-links: 500; + --background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); + --background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); --tag-colored-background: rgb(232, 244, 253); --tag-colored-background-hover: rgb(222, 240, 252); --tag-colored-background-active: rgb(199, 228, 250); @@ -670,10 +263,6 @@ --text-link-white-foreground: rgb(255, 255, 255); --text-link-white-foreground-hover: rgb(225, 244, 243); --text-link-white-foreground-active: rgb(225, 244, 243); - --text-decoration-text-link-primary: underline; - --text-decoration-text-link-primary-hover: none; - --text-decoration-text-link-secondary: underline; - --text-decoration-text-link-secondary-hover: none; --text-primary-background: rgba(37, 42, 49, 0.1); --text-primary-foreground: rgb(37, 42, 49); --text-secondary-background: rgba(79, 94, 113, 0.1); @@ -688,17 +277,12 @@ --text-critical-foreground: rgb(210, 28, 28); --text-white-background: rgba(255, 255, 255, 0.1); --text-white-foreground: rgb(255, 255, 255); - --background-illustration: transparent; --border-radius-50: 2; --border-radius-100: 4; --border-radius-150: 6; --border-radius-200: 8; --border-radius-300: 12; --border-radius-400: 16; - --border-radius-circle: 50%; - --border-radius-small: 2; - --border-radius-normal: 3; - --border-radius-large: 6; --border-radius-none: 0; --border-radius-full: 9999; --breakpoint-medium-mobile: 414; @@ -706,11 +290,6 @@ --breakpoint-tablet: 768; --breakpoint-desktop: 992; --breakpoint-large-desktop: 1200; - --width-breakpoint-medium-mobile: 414; - --width-breakpoint-large-mobile: 576; - --width-breakpoint-tablet: 768; - --width-breakpoint-desktop: 992; - --width-breakpoint-large-desktop: 1200; --duration-fast: 150; --duration-normal: 300; --duration-slow: 400; @@ -718,34 +297,15 @@ --elevation-flat-background: rgb(255, 255, 255); --elevation-flat-border-color: rgb(232, 237, 241); --elevation-flat-border-size: 1; - --elevation-action-background: rgb(255, 255, 255); - --elevation-action-box-shadow: rgb(37, 42, 49); --elevation-level-1-box-shadow: rgb(37, 42, 49); - --elevation-action-active-background: rgb(255, 255, 255); - --elevation-action-active-box-shadow: rgb(37, 42, 49); --elevation-level-2-box-shadow: rgb(37, 42, 49); --elevation-fixed-background: rgb(255, 255, 255); --elevation-fixed-box-shadow: rgb(37, 42, 49); --elevation-fixed-reverse-background: rgb(255, 255, 255); --elevation-fixed-reverse-box-shadow: rgb(37, 42, 49); - --elevation-raised-background: rgb(255, 255, 255); - --elevation-raised-box-shadow: rgb(37, 42, 49); --elevation-level-3-box-shadow: rgb(37, 42, 49); - --elevation-raised-reverse-background: rgb(255, 255, 255); - --elevation-raised-reverse-box-shadow: rgb(37, 42, 49); --elevation-level-3-reverse-box-shadow: rgb(37, 42, 49); - --elevation-overlay-background: rgb(255, 255, 255); - --elevation-overlay-box-shadow: rgb(37, 42, 49); --elevation-level-4-box-shadow: rgb(37, 42, 49); - --background-body: rgb(245, 247, 249); - --box-shadow-action: rgb(37, 42, 49); - --box-shadow-action-active: rgb(37, 42, 49); - --box-shadow-fixed: rgb(37, 42, 49); - --box-shadow-fixed-reverse: rgb(37, 42, 49); - --box-shadow-overlay: rgb(37, 42, 49); - --box-shadow-raised: rgb(37, 42, 49); - --box-shadow-raised-reverse: rgb(37, 42, 49); - --opacity-overlay: 80; --palette-blue-light: rgb(232, 244, 253); --palette-blue-light-hover: rgb(222, 240, 252); --palette-blue-light-active: rgb(199, 228, 250); @@ -837,15 +397,6 @@ --space-1200: 48; --space-1300: 52; --space-1600: 64; - --space-x-x-x-small: 2; - --space-x-x-small: 4; - --space-x-small: 8; - --space-small: 12; - --space-medium: 16; - --space-large: 24; - --space-x-large: 32; - --space-x-x-large: 40; - --space-x-x-x-large: 52; --font-family: 'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; --font-size-text-small: 13; --font-size-text-normal: 15; @@ -856,10 +407,6 @@ --line-height-normal: 20; --line-height-large: 24; --line-height-extra-large: 24; - --line-height-text-small: 16; - --line-height-text-normal: 20; - --line-height-text-large: 24; - --line-height-text-extra-large: 24; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 700; diff --git a/packages/orbit-design-tokens/output/tokens.less b/packages/orbit-design-tokens/output/tokens.less index 9ac6e630e5..f557334b6f 100644 --- a/packages/orbit-design-tokens/output/tokens.less +++ b/packages/orbit-design-tokens/output/tokens.less @@ -1,259 +1,3 @@ -@padding-alert: 16; -@padding-alert-with-icon: 12; -@padding-badge: null; -@padding-button-large: null; -@padding-button-large-with-icons: null; -@padding-button-large-with-left-icon: null; -@padding-button-large-with-right-icon: null; -@padding-button-normal: null; -@padding-button-normal-with-icons: null; -@padding-button-normal-with-left-icon: null; -@padding-button-normal-with-right-icon: null; -@padding-button-without-text: 0; -@padding-button-small: null; -@padding-button-small-with-icons: null; -@padding-button-small-with-left-icon: null; -@padding-button-small-with-right-icon: null; -@padding-input-small: null; -@padding-input-normal: null; -@padding-input-file: null; -@padding-loading: 12; -@padding-table: null; -@padding-table-compact: null; -@padding-tag: null; -@padding-tag-removable: null; -@padding-tag-removable-with-icon: 6; -@padding-tag-with-icon: null; -@padding-textarea-small: null; -@padding-textarea-normal: 12; -@background-alert-critical: rgb(250, 234, 234); -@background-alert-info: rgb(232, 244, 253); -@background-alert-success: rgb(234, 245, 234); -@background-alert-warning: rgb(254, 242, 230); -@background-badge-critical: rgb(210, 28, 28); -@background-badge-critical-subtle: rgb(250, 234, 234); -@background-badge-dark: rgb(37, 42, 49); -@background-badge-info: rgb(0, 112, 200); -@background-badge-info-subtle: rgb(232, 244, 253); -@background-badge-neutral: rgb(245, 247, 249); -@background-badge-success: rgb(10, 147, 43); -@background-badge-success-subtle: rgb(234, 245, 234); -@background-badge-warning: rgb(207, 108, 0); -@background-badge-warning-subtle: rgb(254, 242, 230); -@background-badge-white: rgb(255, 255, 255); -@background-button-link-critical: transparent; -@background-button-link-critical-hover: rgb(248, 226, 226); -@background-button-link-critical-active: rgb(243, 206, 206); -@background-button-link-primary: transparent; -@background-button-link-primary-hover: rgb(214, 240, 236); -@background-button-link-primary-active: rgb(191, 232, 226); -@background-button-link-secondary: transparent; -@background-button-link-secondary-hover: rgb(229, 234, 239); -@background-button-link-secondary-active: rgb(214, 222, 230); -@background-button-bundle-basic: linear-gradient(to top right, #E13E3B 0%, #E87E09 100%); -@background-button-bundle-basic-hover: linear-gradient(to top right, #BD2825 0%, #D67000 100%); -@background-button-bundle-basic-active: linear-gradient(to top right, #9F1816 0%, #C36802 100%); -@background-button-bundle-medium: linear-gradient(to top right, #3719AB 0%, #8539DB 100%); -@background-button-bundle-medium-hover: linear-gradient(to top right, #2D1393 0%, #7343AA 100%); -@background-button-bundle-medium-active: linear-gradient(to top right, #250F79 0%, #5A3485 100%); -@background-button-bundle-top: linear-gradient(to top right, #2D2D2E 0%, #696E73 100%); -@background-button-bundle-top-hover: linear-gradient(to top right, #171718 0%, #51575C 100%); -@background-button-bundle-top-active: linear-gradient(to top right, #101011 0%, #51575C); -@background-button-critical-subtle: rgb(250, 234, 234); -@background-button-critical-subtle-hover: rgb(248, 226, 226); -@background-button-critical-subtle-active: rgb(243, 206, 206); -@background-button-critical-subtle-focus: rgb(250, 234, 234); -@background-button-critical: rgb(210, 28, 28); -@background-button-critical-hover: rgb(185, 25, 25); -@background-button-critical-active: rgb(157, 21, 21); -@background-button-bordered: transparent; -@background-button-bordered-hover: rgb(245, 247, 249); -@background-button-bordered-active: rgb(245, 247, 249); -@background-button-info: rgb(0, 112, 200); -@background-button-info-hover: rgb(1, 97, 172); -@background-button-info-active: rgb(1, 80, 142); -@background-button-primary-subtle: rgb(225, 244, 243); -@background-button-primary-subtle-hover: rgb(214, 240, 236); -@background-button-primary-subtle-active: rgb(191, 232, 226); -@background-button-primary-subtle-focus: rgb(225, 244, 243); -@background-button-primary: rgb(0, 165, 142); -@background-button-primary-hover: rgb(0, 149, 128); -@background-button-primary-active: rgb(0, 132, 114); -@background-button-secondary: rgb(232, 237, 241); -@background-button-secondary-hover: rgb(220, 227, 233); -@background-button-secondary-active: rgb(202, 212, 222); -@background-button-success: rgb(10, 147, 43); -@background-button-success-hover: rgb(35, 139, 49); -@background-button-success-active: rgb(29, 114, 40); -@background-button-warning: rgb(207, 108, 0); -@background-button-warning-hover: rgb(184, 96, 0); -@background-button-warning-active: rgb(173, 87, 0); -@background-button-white: rgb(255, 255, 255); -@background-button-white-hover: rgb(245, 247, 249); -@background-button-white-active: rgb(229, 234, 239); -@background-button-white-bordered: transparent; -@background-button-white-bordered-hover: rgba(255, 255, 255, 0.2); -@background-button-white-bordered-active: rgba(255, 255, 255, 0.2); -@background-button-facebook: rgb(59, 89, 152); -@background-button-facebook-hover: rgb(56, 84, 144); -@background-button-facebook-active: rgb(53, 79, 136); -@background-button-google: rgb(245, 247, 249); -@background-button-google-hover: rgb(229, 234, 239); -@background-button-google-active: rgb(214, 222, 230); -@background-card: rgb(255, 255, 255); -@background-carrier-logo: transparent; -@background-country-flag: transparent; -@background-service-logo: transparent; -@background-tooltip: rgb(255, 255, 255); -@background-tooltip-large-mobile: rgb(0, 90, 163); -@background-separator: rgb(232, 237, 241); -@background-switch: rgb(186, 199, 213); -@background-switch-checked: rgb(0, 112, 200); -@background-input: rgb(255, 255, 255); -@background-input-disabled: rgb(232, 237, 241); -@background-modal: rgb(255, 255, 255); -@background-table: rgb(255, 255, 255); -@background-table-even: rgb(245, 247, 249); -@background-table-hover: rgb(232, 237, 241); -@background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); -@background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); -@background-tag: rgb(245, 247, 249); -@background-tag-hover: rgb(229, 234, 239); -@background-tag-active: rgb(214, 222, 230); -@background-tag-selected: rgb(37, 42, 49); -@background-tag-selected-hover: rgb(24, 27, 32); -@background-tag-selected-active: rgb(11, 12, 15); -@color-alert-icon-critical: rgb(210, 28, 28); -@color-alert-icon-info: rgb(0, 112, 200); -@color-alert-icon-success: rgb(10, 147, 43); -@color-alert-icon-warning: rgb(207, 108, 0); -@color-form-label: rgb(37, 42, 49); -@color-form-label-filled: rgb(79, 94, 113); -@color-icon-checkbox-radio: rgb(0, 165, 142); -@color-icon-checkbox-radio-disabled: rgb(186, 199, 213); -@color-icon-input: rgb(186, 199, 213); -@color-icon-radio-button: rgb(0, 165, 142); -@color-icon-radio-button-disabled: rgb(79, 94, 113); -@color-info-check-box-radio: rgb(79, 94, 113); -@color-placeholder-input: rgb(105, 125, 149); -@color-placeholder-input-error: rgb(210, 28, 28); -@color-placeholder-input-file: rgb(105, 125, 149); -@color-placeholder-input-file-error: rgb(210, 28, 28); -@color-text-input: rgb(37, 42, 49); -@color-text-input-disabled: rgb(79, 94, 113); -@color-text-input-prefix: rgb(79, 94, 113); -@color-heading: rgb(37, 42, 49); -@color-heading-inverted: rgb(255, 255, 255); -@color-icon-primary: rgb(37, 42, 49); -@color-icon-secondary: rgb(79, 94, 113); -@color-icon-tertiary: rgb(186, 199, 213); -@color-icon-info: rgb(0, 112, 200); -@color-icon-success: rgb(10, 147, 43); -@color-icon-warning: rgb(207, 108, 0); -@color-icon-critical: rgb(210, 28, 28); -@color-stopover-arrow: rgb(105, 125, 149); -@color-text-link-primary: rgb(0, 122, 105); -@color-text-link-primary-hover: rgb(0, 165, 142); -@color-text-link-secondary: rgb(37, 42, 49); -@color-text-link-secondary-hover: rgb(0, 165, 142); -@color-text-primary: rgb(37, 42, 49); -@color-text-secondary: rgb(79, 94, 113); -@color-text-info: rgb(0, 112, 200); -@color-text-success: rgb(10, 147, 43); -@color-text-warning: rgb(207, 108, 0); -@color-text-critical: rgb(210, 28, 28); -@color-text-white: rgb(255, 255, 255); -@color-text-error: rgb(210, 28, 28); -@color-text-alert-critical: rgb(151, 12, 12); -@color-text-alert-info: rgb(0, 90, 163); -@color-text-alert-success: rgb(45, 119, 56); -@color-text-alert-warning: rgb(167, 84, 0); -@color-text-alert-link: rgb(79, 94, 113); -@color-text-badge-critical: rgb(210, 28, 28); -@color-text-badge-dark: rgb(255, 255, 255); -@color-text-badge-info: rgb(0, 112, 200); -@color-text-badge-neutral: rgb(79, 94, 113); -@color-text-badge-success: rgb(10, 147, 43); -@color-text-badge-warning: rgb(207, 108, 0); -@color-text-badge-white: rgb(37, 42, 49); -@color-text-button-link-critical: rgb(210, 28, 28); -@color-text-button-link-critical-hover: rgb(185, 25, 25); -@color-text-button-link-critical-active: rgb(157, 21, 21); -@color-text-button-link-primary: rgb(0, 165, 142); -@color-text-button-link-primary-hover: rgb(0, 149, 128); -@color-text-button-link-primary-active: rgb(0, 132, 114); -@color-text-button-link-secondary: rgb(37, 42, 49); -@color-text-button-link-secondary-hover: rgb(24, 27, 32); -@color-text-button-link-secondary-active: rgb(11, 12, 15); -@color-text-button-link-secondary-compact-hover: rgb(0, 149, 128); -@color-text-button-link-secondary-compact-active: rgb(0, 132, 114); -@color-text-button-critical-subtle: rgb(151, 12, 12); -@color-text-button-critical-subtle-hover: rgb(137, 11, 11); -@color-text-button-critical-subtle-active: rgb(109, 9, 9); -@color-text-button-critical: rgb(255, 255, 255); -@color-text-button-critical-hover: rgb(255, 255, 255); -@color-text-button-critical-active: rgb(255, 255, 255); -@color-text-button-critical-bordered: rgb(210, 28, 28); -@color-text-button-critical-bordered-hover: rgb(185, 25, 25); -@color-text-button-critical-bordered-active: rgb(157, 21, 21); -@color-text-button-filled: rgb(255, 255, 255); -@color-text-button-filled-hover: rgb(255, 255, 255); -@color-text-button-filled-active: rgb(255, 255, 255); -@color-text-button-info: rgb(255, 255, 255); -@color-text-button-info-hover: rgb(255, 255, 255); -@color-text-button-info-active: rgb(255, 255, 255); -@color-text-button-info-bordered: rgb(0, 112, 200); -@color-text-button-info-bordered-hover: rgb(1, 97, 172); -@color-text-button-info-bordered-active: rgb(1, 80, 142); -@color-text-button-primary-subtle: rgb(0, 122, 105); -@color-text-button-primary-subtle-hover: rgb(0, 112, 96); -@color-text-button-primary-subtle-active: rgb(0, 102, 87); -@color-text-button-primary: rgb(255, 255, 255); -@color-text-button-primary-hover: rgb(255, 255, 255); -@color-text-button-primary-active: rgb(255, 255, 255); -@color-text-button-primary-bordered: rgb(0, 165, 142); -@color-text-button-primary-bordered-hover: rgb(0, 149, 128); -@color-text-button-primary-bordered-active: rgb(0, 132, 114); -@color-text-button-secondary: rgb(37, 42, 49); -@color-text-button-secondary-hover: rgb(24, 27, 32); -@color-text-button-secondary-active: rgb(11, 12, 15); -@color-text-button-secondary-bordered: rgb(37, 42, 49); -@color-text-button-secondary-bordered-hover: rgb(24, 27, 32); -@color-text-button-secondary-bordered-active: rgb(11, 12, 15); -@color-text-button-success: rgb(255, 255, 255); -@color-text-button-success-hover: rgb(255, 255, 255); -@color-text-button-success-active: rgb(255, 255, 255); -@color-text-button-success-bordered: rgb(10, 147, 43); -@color-text-button-success-bordered-hover: rgb(35, 139, 49); -@color-text-button-success-bordered-active: rgb(29, 114, 40); -@color-text-button-warning: rgb(255, 255, 255); -@color-text-button-warning-hover: rgb(255, 255, 255); -@color-text-button-warning-active: rgb(255, 255, 255); -@color-text-button-warning-bordered: rgb(207, 108, 0); -@color-text-button-warning-bordered-hover: rgb(184, 96, 0); -@color-text-button-warning-bordered-active: rgb(173, 87, 0); -@color-text-button-white: rgb(37, 42, 49); -@color-text-button-white-hover: rgb(24, 27, 32); -@color-text-button-white-active: rgb(11, 12, 15); -@color-text-button-white-bordered: rgb(255, 255, 255); -@color-text-button-white-bordered-hover: rgb(255, 255, 255); -@color-text-button-white-bordered-active: rgb(255, 255, 255); -@color-text-button-facebook: rgb(255, 255, 255); -@color-text-button-facebook-hover: rgb(255, 255, 255); -@color-text-button-facebook-active: rgb(255, 255, 255); -@color-text-button-facebook-bordered: rgb(59, 89, 152); -@color-text-button-facebook-bordered-hover: rgb(56, 84, 144); -@color-text-button-facebook-bordered-active: rgb(53, 79, 136); -@color-text-button-google: rgb(37, 42, 49); -@color-text-button-google-hover: rgb(24, 27, 32); -@color-text-button-google-active: rgb(11, 12, 15); -@color-text-button-google-bordered: rgb(37, 42, 49); -@color-text-button-google-bordered-hover: rgb(24, 27, 32); -@color-text-button-google-bordered-active: rgb(11, 12, 15); -@color-text-loading: rgb(186, 199, 213); -@color-text-table: rgb(105, 125, 149); -@color-text-tag: rgb(37, 42, 49); -@color-text-tag-selected: rgb(186, 199, 213); @alert-background-critical: rgb(250, 234, 234); @alert-background-info: rgb(232, 244, 253); @alert-background-success: rgb(234, 245, 234); @@ -296,10 +40,6 @@ @badge-warning-subtle-foreground: rgb(167, 84, 0); @badge-white-background: rgb(255, 255, 255); @badge-white-foreground: rgb(37, 42, 49); -@border-radius-badge: 12; -@margin-badge-icon: null; -@margin-button-group: null; -@margin-button-icon: 8; @button-link-critical-background: transparent; // Used for the background of critical ButtonLink in the default state. @button-link-critical-background-hover: rgb(248, 226, 226); // Used for the background of critical ButtonLink in the hover state. @button-link-critical-background-active: rgb(243, 206, 206); // Used for the background of critical ButtonLink in the active and the focus state. @@ -340,20 +80,8 @@ @button-critical-foreground-hover: rgb(255, 255, 255); @button-critical-foreground-active: rgb(255, 255, 255); @button-small-font-size: 13; -@button-small-padding: null; -@button-small-both-icons-padding: null; -@button-small-left-icon-padding: null; -@button-small-right-icon-padding: null; @button-normal-font-size: 15; -@button-normal-padding: null; -@button-normal-both-icons-padding: null; -@button-normal-left-icon-padding: null; -@button-normal-right-icon-padding: null; @button-large-font-size: 16; -@button-large-padding: null; -@button-large-both-icons-padding: null; -@button-large-left-icon-padding: null; -@button-large-right-icon-padding: null; @button-info-background: rgb(0, 112, 200); @button-info-background-hover: rgb(1, 97, 172); @button-info-background-active: rgb(1, 80, 142); @@ -403,104 +131,6 @@ @button-white-foreground-hover: rgb(24, 27, 32); @button-white-foreground-active: rgb(11, 12, 15); @button-white-border-color-focus: rgba(231, 236, 241, 0.5); -@box-shadow-button-focus: rgb(0, 112, 200); -@border-color-button-primary-bordered: rgb(0, 165, 142); -@border-color-button-primary-bordered-hover: rgb(0, 149, 128); -@border-color-button-primary-bordered-active: rgb(0, 132, 114); -@border-color-button-secondary-bordered: rgb(37, 42, 49); -@border-color-button-secondary-bordered-hover: rgb(24, 27, 32); -@border-color-button-secondary-bordered-active: rgb(11, 12, 15); -@border-color-button-facebook-bordered: rgb(59, 89, 152); -@border-color-button-facebook-bordered-hover: rgb(56, 84, 144); -@border-color-button-facebook-bordered-active: rgb(53, 79, 136); -@border-color-button-google-bordered: rgb(37, 42, 49); -@border-color-button-google-bordered-hover: rgb(24, 27, 32); -@border-color-button-google-bordered-active: rgb(11, 12, 15); -@border-color-button-info-bordered: rgb(0, 112, 200); -@border-color-button-info-bordered-hover: rgb(1, 97, 172); -@border-color-button-info-bordered-active: rgb(1, 80, 142); -@border-color-button-success-bordered: rgb(10, 147, 43); -@border-color-button-success-bordered-hover: rgb(35, 139, 49); -@border-color-button-success-bordered-active: rgb(29, 114, 40); -@border-color-button-warning-bordered: rgb(207, 108, 0); -@border-color-button-warning-bordered-hover: rgb(184, 96, 0); -@border-color-button-warning-bordered-active: rgb(173, 87, 0); -@border-color-button-critical-bordered: rgb(210, 28, 28); -@border-color-button-critical-bordered-hover: rgb(185, 25, 25); -@border-color-button-critical-bordered-active: rgb(157, 21, 21); -@border-color-button-white-bordered: rgb(255, 255, 255); -@border-color-button-white-bordered-hover: rgb(255, 255, 255); -@border-color-button-white-bordered-active: rgb(255, 255, 255); -@border-color-card: rgb(232, 237, 241); -@border-color-checkbox-radio: rgb(186, 199, 213); -@border-color-checkbox-radio-active: rgb(37, 42, 49); -@border-color-checkbox-radio-error: rgb(210, 28, 28); -@border-color-checkbox-radio-focus: rgb(0, 112, 200); -@border-color-checkbox-radio-hover: rgb(79, 94, 113); -@border-color-input: rgb(186, 199, 213); -@border-color-input-active: rgb(148, 168, 190); -@border-color-input-error: rgb(210, 28, 28); -@border-color-input-error-focus: rgb(210, 28, 28); -@border-color-input-error-hover: rgb(185, 25, 25); -@border-color-input-focus: rgb(0, 112, 200); -@border-color-input-hover: rgb(166, 182, 200); -@border-color-modal: rgb(232, 237, 241); -@border-color-table: rgb(232, 237, 241); -@border-color-table-cell: rgb(186, 199, 213); -@border-color-table-head: rgb(186, 199, 213); -@border-color-tag: rgb(186, 199, 213); -@border-color-tag-focus: rgb(0, 112, 200); -@modifier-scale-button-active: 0.95; -@modifier-scale-checkbox-radio-active: 0.95; -@font-size-button-small: 13; -@font-size-button-normal: 15; -@font-size-button-large: 16; -@font-size-input-small: 15; -@font-size-input-normal: 15; -@font-size-form-feedback: 13; -@font-size-form-label: 15; -@font-size-message: 15; -@border-style-card: solid; -@border-style-input: solid; -@border-width-card: 1; -@border-width-input: 1; -@border-width-input-focus: 2; -@width-carrier-logo: 32; -@width-icon-small: 16; -@width-icon-medium: 20; -@width-icon-large: 24; -@width-badge-circled: 24; -@width-checkbox: 20; -@width-radio-button: 20; -@width-stopover-arrow: 36; -@width-country-flag: 24; -@width-modal-small: 540; -@width-modal-normal: 740; -@width-modal-large: 900; -@width-modal-extra-large: 1280; -@height-carrier-logo: 32; -@height-button-small: 32; -@height-button-normal: 44; -@height-button-large: 52; -@height-input-small: 32; -@height-input-normal: 44; -@height-input-large: 52; -@height-icon-small: 16; -@height-icon-medium: 20; -@height-icon-large: 24; -@height-badge: 24; -@height-checkbox: 20; -@height-radio-button: 20; -@height-stopover-arrow: 7; -@height-country-flag: auto; -@height-service-logo-small: 12; -@height-service-logo-medium: 24; -@height-service-logo-large: 48; -@height-separator: 1; -@height-input-group-separator-small: 16; -@height-input-group-separator-normal: 20; -@height-illustration-small: 90; -@height-illustration-medium: 200; @country-flag-shadow: rgb(37, 42, 49); @country-flag-background: transparent; @country-flag-small-height: 9px; @@ -539,9 +169,6 @@ @form-element-label-filled: rgb(79, 94, 113); @form-element-prefix-foreground: rgb(79, 94, 113); @form-element-small-padding: null; -@margin-top-form-feedback: 2; -@opacity-checkbox-disabled: 50; -@opacity-radio-button-disabled: 50; @heading-display-font-size: 40; @heading-display-font-weight: 700; @heading-display-line-height: 44; @@ -587,46 +214,12 @@ @illustration-medium-height: 200; @illustration-large-height: 280; @illustration-display-height: 460; -@loading-foreground: rgb(186, 199, 213); -@modal-border-radius-mobile: 12; @modal-border-radius: 12; @modal-extra-small-width: 360; @modal-small-width: 540; @modal-normal-width: 740; @modal-large-width: 900; @modal-extra-large-width: 1280; -@margin-bottom-select-suffix: 2; -@padding-left-select-prefix: 48; -@social-button-apple-background: rgb(79, 94, 113); -@social-button-apple-background-hover: rgb(62, 78, 99); -@social-button-apple-background-active: rgb(50, 66, 86); -@social-button-apple-foreground: rgb(255, 255, 255); -@social-button-apple-foreground-hover: rgb(255, 255, 255); -@social-button-apple-foreground-active: rgb(255, 255, 255); -@social-button-apple-border-color-focus: rgba(105, 125, 149, 0.5); -@social-button-apple-icon-foreground: rgb(255, 255, 255); -@social-button-facebook-background: rgb(59, 89, 152); -@social-button-facebook-background-hover: rgb(56, 84, 144); -@social-button-facebook-background-active: rgb(53, 79, 136); -@social-button-facebook-foreground: rgb(255, 255, 255); -@social-button-facebook-foreground-hover: rgb(255, 255, 255); -@social-button-facebook-foreground-active: rgb(255, 255, 255); -@social-button-facebook-icon-foreground: rgb(59, 89, 152); -@social-button-google-background: rgb(245, 247, 249); -@social-button-google-background-hover: rgb(229, 234, 239); -@social-button-google-background-active: rgb(214, 222, 230); -@social-button-google-foreground: rgb(37, 42, 49); -@social-button-google-foreground-hover: rgb(24, 27, 32); -@social-button-google-foreground-active: rgb(11, 12, 15); -@social-button-google-icon-foreground: currentColor; -@social-button-twitter-background: rgb(186, 199, 213); -@social-button-twitter-background-hover: rgb(220, 227, 233); -@social-button-twitter-background-active: rgb(202, 212, 222); -@social-button-twitter-foreground: rgb(79, 94, 113); -@social-button-twitter-foreground-hover: rgb(79, 94, 113); -@social-button-twitter-foreground-active: rgb(79, 94, 113); -@social-button-twitter-border-color-focus: rgba(105, 125, 149, 0.5); -@social-button-twitter-icon-foreground: rgb(0, 172, 238); @tab-bundle-basic-foreground: linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%); @tab-bundle-basic-background: rgb(255, 255, 255); @tab-bundle-basic-background-hover: rgba(215, 51, 28, 0.08); @@ -638,8 +231,8 @@ @tab-bundle-top-background: rgb(255, 255, 255); @tab-bundle-top-background-hover: rgb(241, 244, 247); @tab-bundle-top-foreground: linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%); -@font-weight-table-head: 700; -@font-weight-links: 500; +@background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); +@background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); @tag-colored-background: rgb(232, 244, 253); @tag-colored-background-hover: rgb(222, 240, 252); @tag-colored-background-active: rgb(199, 228, 250); @@ -669,10 +262,6 @@ @text-link-white-foreground: rgb(255, 255, 255); @text-link-white-foreground-hover: rgb(225, 244, 243); @text-link-white-foreground-active: rgb(225, 244, 243); -@text-decoration-text-link-primary: underline; -@text-decoration-text-link-primary-hover: none; -@text-decoration-text-link-secondary: underline; -@text-decoration-text-link-secondary-hover: none; @text-primary-background: rgba(37, 42, 49, 0.1); @text-primary-foreground: rgb(37, 42, 49); @text-secondary-background: rgba(79, 94, 113, 0.1); @@ -687,17 +276,12 @@ @text-critical-foreground: rgb(210, 28, 28); @text-white-background: rgba(255, 255, 255, 0.1); @text-white-foreground: rgb(255, 255, 255); -@background-illustration: transparent; @border-radius-50: 2; @border-radius-100: 4; @border-radius-150: 6; @border-radius-200: 8; @border-radius-300: 12; @border-radius-400: 16; -@border-radius-circle: 50%; -@border-radius-small: 2; -@border-radius-normal: 3; -@border-radius-large: 6; @border-radius-none: 0; @border-radius-full: 9999; @breakpoint-medium-mobile: 414; @@ -705,11 +289,6 @@ @breakpoint-tablet: 768; @breakpoint-desktop: 992; @breakpoint-large-desktop: 1200; -@width-breakpoint-medium-mobile: 414; -@width-breakpoint-large-mobile: 576; -@width-breakpoint-tablet: 768; -@width-breakpoint-desktop: 992; -@width-breakpoint-large-desktop: 1200; @duration-fast: 150; @duration-normal: 300; @duration-slow: 400; @@ -717,34 +296,15 @@ @elevation-flat-background: rgb(255, 255, 255); @elevation-flat-border-color: rgb(232, 237, 241); @elevation-flat-border-size: 1; -@elevation-action-background: rgb(255, 255, 255); -@elevation-action-box-shadow: rgb(37, 42, 49); @elevation-level-1-box-shadow: rgb(37, 42, 49); -@elevation-action-active-background: rgb(255, 255, 255); -@elevation-action-active-box-shadow: rgb(37, 42, 49); @elevation-level-2-box-shadow: rgb(37, 42, 49); @elevation-fixed-background: rgb(255, 255, 255); @elevation-fixed-box-shadow: rgb(37, 42, 49); @elevation-fixed-reverse-background: rgb(255, 255, 255); @elevation-fixed-reverse-box-shadow: rgb(37, 42, 49); -@elevation-raised-background: rgb(255, 255, 255); -@elevation-raised-box-shadow: rgb(37, 42, 49); @elevation-level-3-box-shadow: rgb(37, 42, 49); -@elevation-raised-reverse-background: rgb(255, 255, 255); -@elevation-raised-reverse-box-shadow: rgb(37, 42, 49); @elevation-level-3-reverse-box-shadow: rgb(37, 42, 49); -@elevation-overlay-background: rgb(255, 255, 255); -@elevation-overlay-box-shadow: rgb(37, 42, 49); @elevation-level-4-box-shadow: rgb(37, 42, 49); -@background-body: rgb(245, 247, 249); -@box-shadow-action: rgb(37, 42, 49); -@box-shadow-action-active: rgb(37, 42, 49); -@box-shadow-fixed: rgb(37, 42, 49); -@box-shadow-fixed-reverse: rgb(37, 42, 49); -@box-shadow-overlay: rgb(37, 42, 49); -@box-shadow-raised: rgb(37, 42, 49); -@box-shadow-raised-reverse: rgb(37, 42, 49); -@opacity-overlay: 80; @palette-blue-light: rgb(232, 244, 253); @palette-blue-light-hover: rgb(222, 240, 252); @palette-blue-light-active: rgb(199, 228, 250); @@ -836,15 +396,6 @@ @space-1200: 48; @space-1300: 52; @space-1600: 64; -@space-x-x-x-small: 2; -@space-x-x-small: 4; -@space-x-small: 8; -@space-small: 12; -@space-medium: 16; -@space-large: 24; -@space-x-large: 32; -@space-x-x-large: 40; -@space-x-x-x-large: 52; @font-family: 'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; @font-size-text-small: 13; @font-size-text-normal: 15; @@ -855,10 +406,6 @@ @line-height-normal: 20; @line-height-large: 24; @line-height-extra-large: 24; -@line-height-text-small: 16; -@line-height-text-normal: 20; -@line-height-text-large: 24; -@line-height-text-extra-large: 24; @font-weight-normal: 400; @font-weight-medium: 500; @font-weight-bold: 700; diff --git a/packages/orbit-design-tokens/output/tokens.scss b/packages/orbit-design-tokens/output/tokens.scss index 38f1ae95f8..fd172e6b39 100644 --- a/packages/orbit-design-tokens/output/tokens.scss +++ b/packages/orbit-design-tokens/output/tokens.scss @@ -9,262 +9,6 @@ If you want to update some tokens: - please do so in /definitions folder - run @kiwicom/orbit-design-tokens "build" script */ -$padding-alert: 16px; -$padding-alert-with-icon: 12px; -$padding-badge: 0 8px; -$padding-button-large: 0 28px; -$padding-button-large-with-icons: 0 16px; -$padding-button-large-with-left-icon: 0 28px 0 16px; -$padding-button-large-with-right-icon: 0 16px 0 28px; -$padding-button-normal: 0 16px; -$padding-button-normal-with-icons: 0 12px; -$padding-button-normal-with-left-icon: 0 16px 0 12px; -$padding-button-normal-with-right-icon: 0 12px 0 16px; -$padding-button-without-text: 0; -$padding-button-small: 0 12px; -$padding-button-small-with-icons: 0 8px; -$padding-button-small-with-left-icon: 0 12px 0 8px; -$padding-button-small-with-right-icon: 0 8px 0 12px; -$padding-input-small: 0 12px; -$padding-input-normal: 0 12px; -$padding-input-file: 0 0 0 6px; -$padding-loading: 12px; -$padding-table: 12px 16px; -$padding-table-compact: 8px 12px; -$padding-tag: 6px 8px; -$padding-tag-removable: 6px 6px 6px 8px; -$padding-tag-removable-with-icon: 6px; -$padding-tag-with-icon: 6px 8px 6px 6px; -$padding-textarea-small: 8px 12px; -$padding-textarea-normal: 12px; -$background-alert-critical: rgb(250, 234, 234); -$background-alert-info: rgb(232, 244, 253); -$background-alert-success: rgb(234, 245, 234); -$background-alert-warning: rgb(254, 242, 230); -$background-badge-critical: rgb(210, 28, 28); -$background-badge-critical-subtle: rgb(250, 234, 234); -$background-badge-dark: rgb(37, 42, 49); -$background-badge-info: rgb(0, 112, 200); -$background-badge-info-subtle: rgb(232, 244, 253); -$background-badge-neutral: rgb(245, 247, 249); -$background-badge-success: rgb(10, 147, 43); -$background-badge-success-subtle: rgb(234, 245, 234); -$background-badge-warning: rgb(207, 108, 0); -$background-badge-warning-subtle: rgb(254, 242, 230); -$background-badge-white: rgb(255, 255, 255); -$background-button-link-critical: transparent; -$background-button-link-critical-hover: rgb(248, 226, 226); -$background-button-link-critical-active: rgb(243, 206, 206); -$background-button-link-primary: transparent; -$background-button-link-primary-hover: rgb(214, 240, 236); -$background-button-link-primary-active: rgb(191, 232, 226); -$background-button-link-secondary: transparent; -$background-button-link-secondary-hover: rgb(229, 234, 239); -$background-button-link-secondary-active: rgb(214, 222, 230); -$background-button-bundle-basic: linear-gradient(to top right, #e13e3b 0%, #e87e09 100%); -$background-button-bundle-basic-hover: linear-gradient(to top right, #bd2825 0%, #d67000 100%); -$background-button-bundle-basic-active: linear-gradient(to top right, #9f1816 0%, #c36802 100%); -$background-button-bundle-medium: linear-gradient(to top right, #3719ab 0%, #8539db 100%); -$background-button-bundle-medium-hover: linear-gradient(to top right, #2d1393 0%, #7343aa 100%); -$background-button-bundle-medium-active: linear-gradient(to top right, #250f79 0%, #5a3485 100%); -$background-button-bundle-top: linear-gradient(to top right, #2d2d2e 0%, #696e73 100%); -$background-button-bundle-top-hover: linear-gradient(to top right, #171718 0%, #51575c 100%); -$background-button-bundle-top-active: linear-gradient(to top right, #101011 0%, #51575c); -$background-button-critical-subtle: rgb(250, 234, 234); -$background-button-critical-subtle-hover: rgb(248, 226, 226); -$background-button-critical-subtle-active: rgb(243, 206, 206); -$background-button-critical-subtle-focus: rgb(250, 234, 234); -$background-button-critical: rgb(210, 28, 28); -$background-button-critical-hover: rgb(185, 25, 25); -$background-button-critical-active: rgb(157, 21, 21); -$background-button-bordered: transparent; -$background-button-bordered-hover: rgb(245, 247, 249); -$background-button-bordered-active: rgb(245, 247, 249); -$background-button-info: rgb(0, 112, 200); -$background-button-info-hover: rgb(1, 97, 172); -$background-button-info-active: rgb(1, 80, 142); -$background-button-primary-subtle: rgb(225, 244, 243); -$background-button-primary-subtle-hover: rgb(214, 240, 236); -$background-button-primary-subtle-active: rgb(191, 232, 226); -$background-button-primary-subtle-focus: rgb(225, 244, 243); -$background-button-primary: rgb(0, 165, 142); -$background-button-primary-hover: rgb(0, 149, 128); -$background-button-primary-active: rgb(0, 132, 114); -$background-button-secondary: rgb(232, 237, 241); -$background-button-secondary-hover: rgb(220, 227, 233); -$background-button-secondary-active: rgb(202, 212, 222); -$background-button-success: rgb(10, 147, 43); -$background-button-success-hover: rgb(35, 139, 49); -$background-button-success-active: rgb(29, 114, 40); -$background-button-warning: rgb(207, 108, 0); -$background-button-warning-hover: rgb(184, 96, 0); -$background-button-warning-active: rgb(173, 87, 0); -$background-button-white: rgb(255, 255, 255); -$background-button-white-hover: rgb(245, 247, 249); -$background-button-white-active: rgb(229, 234, 239); -$background-button-white-bordered: transparent; -$background-button-white-bordered-hover: rgba(255, 255, 255, 0.2); -$background-button-white-bordered-active: rgba(255, 255, 255, 0.2); -$background-button-facebook: rgb(59, 89, 152); -$background-button-facebook-hover: rgb(56, 84, 144); -$background-button-facebook-active: rgb(53, 79, 136); -$background-button-google: rgb(245, 247, 249); -$background-button-google-hover: rgb(229, 234, 239); -$background-button-google-active: rgb(214, 222, 230); -$background-card: rgb(255, 255, 255); -$background-carrier-logo: transparent; -$background-country-flag: transparent; -$background-service-logo: transparent; -$background-tooltip: rgb(255, 255, 255); -$background-tooltip-large-mobile: rgb(0, 90, 163); -$background-separator: rgb(232, 237, 241); -$background-switch: rgb(186, 199, 213); -$background-switch-checked: rgb(0, 112, 200); -$background-input: rgb(255, 255, 255); -$background-input-disabled: rgb(232, 237, 241); -$background-modal: rgb(255, 255, 255); -$background-table: rgb(255, 255, 255); -$background-table-even: rgb(245, 247, 249); -$background-table-hover: rgb(232, 237, 241); -$background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); -$background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); -$background-tag: rgb(245, 247, 249); -$background-tag-hover: rgb(229, 234, 239); -$background-tag-active: rgb(214, 222, 230); -$background-tag-selected: rgb(37, 42, 49); -$background-tag-selected-hover: rgb(24, 27, 32); -$background-tag-selected-active: rgb(11, 12, 15); -$color-alert-icon-critical: rgb(210, 28, 28); -$color-alert-icon-info: rgb(0, 112, 200); -$color-alert-icon-success: rgb(10, 147, 43); -$color-alert-icon-warning: rgb(207, 108, 0); -$color-form-label: rgb(37, 42, 49); -$color-form-label-filled: rgb(79, 94, 113); -$color-icon-checkbox-radio: rgb(0, 165, 142); -$color-icon-checkbox-radio-disabled: rgb(186, 199, 213); -$color-icon-input: rgb(186, 199, 213); -$color-icon-radio-button: rgb(0, 165, 142); -$color-icon-radio-button-disabled: rgb(79, 94, 113); -$color-info-check-box-radio: rgb(79, 94, 113); -$color-placeholder-input: rgb(105, 125, 149); -$color-placeholder-input-error: rgb(210, 28, 28); -$color-placeholder-input-file: rgb(105, 125, 149); -$color-placeholder-input-file-error: rgb(210, 28, 28); -$color-text-input: rgb(37, 42, 49); -$color-text-input-disabled: rgb(79, 94, 113); -$color-text-input-prefix: rgb(79, 94, 113); -$color-heading: rgb(37, 42, 49); -$color-heading-inverted: rgb(255, 255, 255); -$color-icon-primary: rgb(37, 42, 49); -$color-icon-secondary: rgb(79, 94, 113); -$color-icon-tertiary: rgb(186, 199, 213); -$color-icon-info: rgb(0, 112, 200); -$color-icon-success: rgb(10, 147, 43); -$color-icon-warning: rgb(207, 108, 0); -$color-icon-critical: rgb(210, 28, 28); -$color-stopover-arrow: rgb(105, 125, 149); -$color-text-link-primary: rgb(0, 122, 105); -$color-text-link-primary-hover: rgb(0, 165, 142); -$color-text-link-secondary: rgb(37, 42, 49); -$color-text-link-secondary-hover: rgb(0, 165, 142); -$color-text-primary: rgb(37, 42, 49); -$color-text-secondary: rgb(79, 94, 113); -$color-text-info: rgb(0, 112, 200); -$color-text-success: rgb(10, 147, 43); -$color-text-warning: rgb(207, 108, 0); -$color-text-critical: rgb(210, 28, 28); -$color-text-white: rgb(255, 255, 255); -$color-text-error: rgb(210, 28, 28); -$color-text-alert-critical: rgb(151, 12, 12); -$color-text-alert-info: rgb(0, 90, 163); -$color-text-alert-success: rgb(45, 119, 56); -$color-text-alert-warning: rgb(167, 84, 0); -$color-text-alert-link: rgb(79, 94, 113); -$color-text-badge-critical: rgb(210, 28, 28); -$color-text-badge-dark: rgb(255, 255, 255); -$color-text-badge-info: rgb(0, 112, 200); -$color-text-badge-neutral: rgb(79, 94, 113); -$color-text-badge-success: rgb(10, 147, 43); -$color-text-badge-warning: rgb(207, 108, 0); -$color-text-badge-white: rgb(37, 42, 49); -$color-text-button-link-critical: rgb(210, 28, 28); -$color-text-button-link-critical-hover: rgb(185, 25, 25); -$color-text-button-link-critical-active: rgb(157, 21, 21); -$color-text-button-link-primary: rgb(0, 165, 142); -$color-text-button-link-primary-hover: rgb(0, 149, 128); -$color-text-button-link-primary-active: rgb(0, 132, 114); -$color-text-button-link-secondary: rgb(37, 42, 49); -$color-text-button-link-secondary-hover: rgb(24, 27, 32); -$color-text-button-link-secondary-active: rgb(11, 12, 15); -$color-text-button-link-secondary-compact-hover: rgb(0, 149, 128); -$color-text-button-link-secondary-compact-active: rgb(0, 132, 114); -$color-text-button-critical-subtle: rgb(151, 12, 12); -$color-text-button-critical-subtle-hover: rgb(137, 11, 11); -$color-text-button-critical-subtle-active: rgb(109, 9, 9); -$color-text-button-critical: rgb(255, 255, 255); -$color-text-button-critical-hover: rgb(255, 255, 255); -$color-text-button-critical-active: rgb(255, 255, 255); -$color-text-button-critical-bordered: rgb(210, 28, 28); -$color-text-button-critical-bordered-hover: rgb(185, 25, 25); -$color-text-button-critical-bordered-active: rgb(157, 21, 21); -$color-text-button-filled: rgb(255, 255, 255); -$color-text-button-filled-hover: rgb(255, 255, 255); -$color-text-button-filled-active: rgb(255, 255, 255); -$color-text-button-info: rgb(255, 255, 255); -$color-text-button-info-hover: rgb(255, 255, 255); -$color-text-button-info-active: rgb(255, 255, 255); -$color-text-button-info-bordered: rgb(0, 112, 200); -$color-text-button-info-bordered-hover: rgb(1, 97, 172); -$color-text-button-info-bordered-active: rgb(1, 80, 142); -$color-text-button-primary-subtle: rgb(0, 122, 105); -$color-text-button-primary-subtle-hover: rgb(0, 112, 96); -$color-text-button-primary-subtle-active: rgb(0, 102, 87); -$color-text-button-primary: rgb(255, 255, 255); -$color-text-button-primary-hover: rgb(255, 255, 255); -$color-text-button-primary-active: rgb(255, 255, 255); -$color-text-button-primary-bordered: rgb(0, 165, 142); -$color-text-button-primary-bordered-hover: rgb(0, 149, 128); -$color-text-button-primary-bordered-active: rgb(0, 132, 114); -$color-text-button-secondary: rgb(37, 42, 49); -$color-text-button-secondary-hover: rgb(24, 27, 32); -$color-text-button-secondary-active: rgb(11, 12, 15); -$color-text-button-secondary-bordered: rgb(37, 42, 49); -$color-text-button-secondary-bordered-hover: rgb(24, 27, 32); -$color-text-button-secondary-bordered-active: rgb(11, 12, 15); -$color-text-button-success: rgb(255, 255, 255); -$color-text-button-success-hover: rgb(255, 255, 255); -$color-text-button-success-active: rgb(255, 255, 255); -$color-text-button-success-bordered: rgb(10, 147, 43); -$color-text-button-success-bordered-hover: rgb(35, 139, 49); -$color-text-button-success-bordered-active: rgb(29, 114, 40); -$color-text-button-warning: rgb(255, 255, 255); -$color-text-button-warning-hover: rgb(255, 255, 255); -$color-text-button-warning-active: rgb(255, 255, 255); -$color-text-button-warning-bordered: rgb(207, 108, 0); -$color-text-button-warning-bordered-hover: rgb(184, 96, 0); -$color-text-button-warning-bordered-active: rgb(173, 87, 0); -$color-text-button-white: rgb(37, 42, 49); -$color-text-button-white-hover: rgb(24, 27, 32); -$color-text-button-white-active: rgb(11, 12, 15); -$color-text-button-white-bordered: rgb(255, 255, 255); -$color-text-button-white-bordered-hover: rgb(255, 255, 255); -$color-text-button-white-bordered-active: rgb(255, 255, 255); -$color-text-button-facebook: rgb(255, 255, 255); -$color-text-button-facebook-hover: rgb(255, 255, 255); -$color-text-button-facebook-active: rgb(255, 255, 255); -$color-text-button-facebook-bordered: rgb(59, 89, 152); -$color-text-button-facebook-bordered-hover: rgb(56, 84, 144); -$color-text-button-facebook-bordered-active: rgb(53, 79, 136); -$color-text-button-google: rgb(37, 42, 49); -$color-text-button-google-hover: rgb(24, 27, 32); -$color-text-button-google-active: rgb(11, 12, 15); -$color-text-button-google-bordered: rgb(37, 42, 49); -$color-text-button-google-bordered-hover: rgb(24, 27, 32); -$color-text-button-google-bordered-active: rgb(11, 12, 15); -$color-text-loading: rgb(186, 199, 213); -$color-text-table: rgb(105, 125, 149); -$color-text-tag: rgb(37, 42, 49); -$color-text-tag-selected: rgb(186, 199, 213); $alert-background-critical: rgb(250, 234, 234); $alert-background-info: rgb(232, 244, 253); $alert-background-success: rgb(234, 245, 234); @@ -307,10 +51,6 @@ $badge-warning-subtle-background: rgb(254, 242, 230); $badge-warning-subtle-foreground: rgb(167, 84, 0); $badge-white-background: rgb(255, 255, 255); $badge-white-foreground: rgb(37, 42, 49); -$border-radius-badge: 12px; -$margin-badge-icon: 0 4px 0 0; -$margin-button-group: 0 1px 0 0; -$margin-button-icon: 8px; $button-link-critical-background: transparent; $button-link-critical-background-hover: rgb(248, 226, 226); $button-link-critical-background-active: rgb(243, 206, 206); @@ -351,20 +91,8 @@ $button-critical-foreground: rgb(255, 255, 255); $button-critical-foreground-hover: rgb(255, 255, 255); $button-critical-foreground-active: rgb(255, 255, 255); $button-small-font-size: 13px; -$button-small-padding: 0 12px; -$button-small-both-icons-padding: 0 8px; -$button-small-left-icon-padding: 0 12px 0 8px; -$button-small-right-icon-padding: 0 8px 0 12px; $button-normal-font-size: 15px; -$button-normal-padding: 0 16px; -$button-normal-both-icons-padding: 0 12px; -$button-normal-left-icon-padding: 0 16px 0 12px; -$button-normal-right-icon-padding: 0 12px 0 16px; $button-large-font-size: 16px; -$button-large-padding: 0 28px; -$button-large-both-icons-padding: 0 16px; -$button-large-left-icon-padding: 0 28px 0 16px; -$button-large-right-icon-padding: 0 16px 0 28px; $button-info-background: rgb(0, 112, 200); $button-info-background-hover: rgb(1, 97, 172); $button-info-background-active: rgb(1, 80, 142); @@ -414,104 +142,6 @@ $button-white-foreground: rgb(37, 42, 49); $button-white-foreground-hover: rgb(24, 27, 32); $button-white-foreground-active: rgb(11, 12, 15); $button-white-border-color-focus: rgba(231, 236, 241, 0.5); -$box-shadow-button-focus: 0 0 4px 1px rgba(0, 112, 200, 0.3); -$border-color-button-primary-bordered: rgb(0, 165, 142); -$border-color-button-primary-bordered-hover: rgb(0, 149, 128); -$border-color-button-primary-bordered-active: rgb(0, 132, 114); -$border-color-button-secondary-bordered: rgb(37, 42, 49); -$border-color-button-secondary-bordered-hover: rgb(24, 27, 32); -$border-color-button-secondary-bordered-active: rgb(11, 12, 15); -$border-color-button-facebook-bordered: rgb(59, 89, 152); -$border-color-button-facebook-bordered-hover: rgb(56, 84, 144); -$border-color-button-facebook-bordered-active: rgb(53, 79, 136); -$border-color-button-google-bordered: rgb(37, 42, 49); -$border-color-button-google-bordered-hover: rgb(24, 27, 32); -$border-color-button-google-bordered-active: rgb(11, 12, 15); -$border-color-button-info-bordered: rgb(0, 112, 200); -$border-color-button-info-bordered-hover: rgb(1, 97, 172); -$border-color-button-info-bordered-active: rgb(1, 80, 142); -$border-color-button-success-bordered: rgb(10, 147, 43); -$border-color-button-success-bordered-hover: rgb(35, 139, 49); -$border-color-button-success-bordered-active: rgb(29, 114, 40); -$border-color-button-warning-bordered: rgb(207, 108, 0); -$border-color-button-warning-bordered-hover: rgb(184, 96, 0); -$border-color-button-warning-bordered-active: rgb(173, 87, 0); -$border-color-button-critical-bordered: rgb(210, 28, 28); -$border-color-button-critical-bordered-hover: rgb(185, 25, 25); -$border-color-button-critical-bordered-active: rgb(157, 21, 21); -$border-color-button-white-bordered: rgb(255, 255, 255); -$border-color-button-white-bordered-hover: rgb(255, 255, 255); -$border-color-button-white-bordered-active: rgb(255, 255, 255); -$border-color-card: rgb(232, 237, 241); -$border-color-checkbox-radio: rgb(186, 199, 213); -$border-color-checkbox-radio-active: rgb(37, 42, 49); -$border-color-checkbox-radio-error: rgb(210, 28, 28); -$border-color-checkbox-radio-focus: rgb(0, 112, 200); -$border-color-checkbox-radio-hover: rgb(79, 94, 113); -$border-color-input: rgb(186, 199, 213); -$border-color-input-active: rgb(148, 168, 190); -$border-color-input-error: rgb(210, 28, 28); -$border-color-input-error-focus: rgb(210, 28, 28); -$border-color-input-error-hover: rgb(185, 25, 25); -$border-color-input-focus: rgb(0, 112, 200); -$border-color-input-hover: rgb(166, 182, 200); -$border-color-modal: rgb(232, 237, 241); -$border-color-table: rgb(232, 237, 241); -$border-color-table-cell: rgb(186, 199, 213); -$border-color-table-head: rgb(186, 199, 213); -$border-color-tag: rgb(186, 199, 213); -$border-color-tag-focus: rgb(0, 112, 200); -$modifier-scale-button-active: 0.95; -$modifier-scale-checkbox-radio-active: 0.95; -$font-size-button-small: 13px; -$font-size-button-normal: 15px; -$font-size-button-large: 16px; -$font-size-input-small: 15px; -$font-size-input-normal: 15px; -$font-size-form-feedback: 13px; -$font-size-form-label: 15px; -$font-size-message: 15px; -$border-style-card: solid; -$border-style-input: solid; -$border-width-card: 1px; -$border-width-input: 1px; -$border-width-input-focus: 2px; -$width-carrier-logo: 32px; -$width-icon-small: 16px; -$width-icon-medium: 20px; -$width-icon-large: 24px; -$width-badge-circled: 24px; -$width-checkbox: 20px; -$width-radio-button: 20px; -$width-stopover-arrow: 36px; -$width-country-flag: 24px; -$width-modal-small: 540px; -$width-modal-normal: 740px; -$width-modal-large: 900px; -$width-modal-extra-large: 1280px; -$height-carrier-logo: 32px; -$height-button-small: 32px; -$height-button-normal: 44px; -$height-button-large: 52px; -$height-input-small: 32px; -$height-input-normal: 44px; -$height-input-large: 52px; -$height-icon-small: 16px; -$height-icon-medium: 20px; -$height-icon-large: 24px; -$height-badge: 24px; -$height-checkbox: 20px; -$height-radio-button: 20px; -$height-stopover-arrow: 7px; -$height-country-flag: auto; -$height-service-logo-small: 12px; -$height-service-logo-medium: 24px; -$height-service-logo-large: 48px; -$height-separator: 1px; -$height-input-group-separator-small: 16px; -$height-input-group-separator-normal: 20px; -$height-illustration-small: 90px; -$height-illustration-medium: 200px; $country-flag-shadow: inset 0 0 0 1px rgba(37, 42, 49, 0.1); $country-flag-background: transparent; $country-flag-small-height: 9px; @@ -552,9 +182,6 @@ $form-element-label-foreground: rgb(37, 42, 49); $form-element-label-filled: rgb(79, 94, 113); $form-element-prefix-foreground: rgb(79, 94, 113); $form-element-small-padding: 0 12px; -$margin-top-form-feedback: 2px; -$opacity-checkbox-disabled: 0.5; -$opacity-radio-button-disabled: 0.5; $heading-display-font-size: 40px; $heading-display-font-weight: 700; $heading-display-line-height: 44px; @@ -600,46 +227,12 @@ $illustration-small-height: 120px; $illustration-medium-height: 200px; $illustration-large-height: 280px; $illustration-display-height: 460px; -$loading-foreground: rgb(186, 199, 213); -$modal-border-radius-mobile: 12px; $modal-border-radius: 12px; $modal-extra-small-width: 360px; $modal-small-width: 540px; $modal-normal-width: 740px; $modal-large-width: 900px; $modal-extra-large-width: 1280px; -$margin-bottom-select-suffix: 2px; -$padding-left-select-prefix: 48px; -$social-button-apple-background: rgb(79, 94, 113); -$social-button-apple-background-hover: rgb(62, 78, 99); -$social-button-apple-background-active: rgb(50, 66, 86); -$social-button-apple-foreground: rgb(255, 255, 255); -$social-button-apple-foreground-hover: rgb(255, 255, 255); -$social-button-apple-foreground-active: rgb(255, 255, 255); -$social-button-apple-border-color-focus: rgba(105, 125, 149, 0.5); -$social-button-apple-icon-foreground: rgb(255, 255, 255); -$social-button-facebook-background: rgb(59, 89, 152); -$social-button-facebook-background-hover: rgb(56, 84, 144); -$social-button-facebook-background-active: rgb(53, 79, 136); -$social-button-facebook-foreground: rgb(255, 255, 255); -$social-button-facebook-foreground-hover: rgb(255, 255, 255); -$social-button-facebook-foreground-active: rgb(255, 255, 255); -$social-button-facebook-icon-foreground: rgb(59, 89, 152); -$social-button-google-background: rgb(245, 247, 249); -$social-button-google-background-hover: rgb(229, 234, 239); -$social-button-google-background-active: rgb(214, 222, 230); -$social-button-google-foreground: rgb(37, 42, 49); -$social-button-google-foreground-hover: rgb(24, 27, 32); -$social-button-google-foreground-active: rgb(11, 12, 15); -$social-button-google-icon-foreground: currentColor; -$social-button-twitter-background: rgb(186, 199, 213); -$social-button-twitter-background-hover: rgb(220, 227, 233); -$social-button-twitter-background-active: rgb(202, 212, 222); -$social-button-twitter-foreground: rgb(79, 94, 113); -$social-button-twitter-foreground-hover: rgb(79, 94, 113); -$social-button-twitter-foreground-active: rgb(79, 94, 113); -$social-button-twitter-border-color-focus: rgba(105, 125, 149, 0.5); -$social-button-twitter-icon-foreground: rgb(0, 172, 238); $tab-bundle-basic-foreground: linear-gradient(80.91deg, #e13e3b 0%, #e87e09 100%); $tab-bundle-basic-background: rgb(255, 255, 255); $tab-bundle-basic-background-hover: rgba(215, 51, 28, 0.08); @@ -651,8 +244,8 @@ $tab-bundle-medium-background-active: rgba(59, 30, 176, 0.12); $tab-bundle-top-background: rgb(255, 255, 255); $tab-bundle-top-background-hover: rgb(241, 244, 247); $tab-bundle-top-foreground: linear-gradient(80.91deg, #2d2d2e 0%, #696e73 100%); -$font-weight-table-head: 700; -$font-weight-links: 500; +$background-table-shadow-left: linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); +$background-table-shadow-right: linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); $tag-colored-background: rgb(232, 244, 253); $tag-colored-background-hover: rgb(222, 240, 252); $tag-colored-background-active: rgb(199, 228, 250); @@ -682,10 +275,6 @@ $text-link-critical-foreground-active: rgb(99, 8, 8); $text-link-white-foreground: rgb(255, 255, 255); $text-link-white-foreground-hover: rgb(225, 244, 243); $text-link-white-foreground-active: rgb(225, 244, 243); -$text-decoration-text-link-primary: underline; -$text-decoration-text-link-primary-hover: none; -$text-decoration-text-link-secondary: underline; -$text-decoration-text-link-secondary-hover: none; $text-primary-background: rgba(37, 42, 49, 0.1); $text-primary-foreground: rgb(37, 42, 49); $text-secondary-background: rgba(79, 94, 113, 0.1); @@ -700,17 +289,12 @@ $text-critical-background: rgba(210, 28, 28, 0.1); $text-critical-foreground: rgb(210, 28, 28); $text-white-background: rgba(255, 255, 255, 0.1); $text-white-foreground: rgb(255, 255, 255); -$background-illustration: transparent; $border-radius-50: 2px; $border-radius-100: 4px; $border-radius-150: 6px; $border-radius-200: 8px; $border-radius-300: 12px; $border-radius-400: 16px; -$border-radius-circle: 50%; -$border-radius-small: 2px; -$border-radius-normal: 3px; -$border-radius-large: 6px; $border-radius-none: 0; $border-radius-full: 9999px; $breakpoint-medium-mobile: 414; @@ -718,11 +302,6 @@ $breakpoint-large-mobile: 576; $breakpoint-tablet: 768; $breakpoint-desktop: 992; $breakpoint-large-desktop: 1200; -$width-breakpoint-medium-mobile: 414; -$width-breakpoint-large-mobile: 576; -$width-breakpoint-tablet: 768; -$width-breakpoint-desktop: 992; -$width-breakpoint-large-desktop: 1200; $duration-fast: 0.15s; $duration-normal: 0.3s; $duration-slow: 0.4s; @@ -730,12 +309,7 @@ $elevation-suppressed-background: rgb(245, 247, 249); $elevation-flat-background: rgb(255, 255, 255); $elevation-flat-border-color: rgb(232, 237, 241); $elevation-flat-border-size: 1px; -$elevation-action-background: rgb(255, 255, 255); -$elevation-action-box-shadow: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12); $elevation-level-1-box-shadow: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12); -$elevation-action-active-background: rgb(255, 255, 255); -$elevation-action-active-box-shadow: 0 1px 4px 0 rgba(37, 42, 49, 0.16), - 0 4px 8px 0 rgba(37, 42, 49, 0.12); $elevation-level-2-box-shadow: 0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12); $elevation-fixed-background: rgb(255, 255, 255); @@ -743,31 +317,12 @@ $elevation-fixed-box-shadow: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba( $elevation-fixed-reverse-background: rgb(255, 255, 255); $elevation-fixed-reverse-box-shadow: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12); -$elevation-raised-background: rgb(255, 255, 255); -$elevation-raised-box-shadow: 0 4px 8px 0 rgba(37, 42, 49, 0.16), - 0 8px 24px 0 rgba(37, 42, 49, 0.24); $elevation-level-3-box-shadow: 0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24); -$elevation-raised-reverse-background: rgb(255, 255, 255); -$elevation-raised-reverse-box-shadow: 0 -4px 8px 0 rgba(37, 42, 49, 0.16), - 0 -8px 24px 0 rgba(37, 42, 49, 0.24); $elevation-level-3-reverse-box-shadow: 0 -4px 8px 0 rgba(37, 42, 49, 0.16), 0 -8px 24px 0 rgba(37, 42, 49, 0.24); -$elevation-overlay-background: rgb(255, 255, 255); -$elevation-overlay-box-shadow: 0 12px 24px -4px rgba(37, 42, 49, 0.24), - 0 8px 60px 0 rgba(37, 42, 49, 0.32); $elevation-level-4-box-shadow: 0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32); -$background-body: rgb(245, 247, 249); -$box-shadow-action: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 1px 4px 0 rgba(37, 42, 49, 0.12); -$box-shadow-action-active: 0 1px 4px 0 rgba(37, 42, 49, 0.16), 0 4px 8px 0 rgba(37, 42, 49, 0.12); -$box-shadow-fixed: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 2px 4px 0 rgba(37, 42, 49, 0.12); -$box-shadow-fixed-reverse: 0 0 2px 0 rgba(37, 42, 49, 0.16), 0 -2px 4px 0 rgba(37, 42, 49, 0.12); -$box-shadow-overlay: 0 12px 24px -4px rgba(37, 42, 49, 0.24), 0 8px 60px 0 rgba(37, 42, 49, 0.32); -$box-shadow-raised: 0 4px 8px 0 rgba(37, 42, 49, 0.16), 0 8px 24px 0 rgba(37, 42, 49, 0.24); -$box-shadow-raised-reverse: 0 -4px 8px 0 rgba(37, 42, 49, 0.16), - 0 -8px 24px 0 rgba(37, 42, 49, 0.24); -$opacity-overlay: 0.8; $palette-blue-light: rgb(232, 244, 253); $palette-blue-light-hover: rgb(222, 240, 252); $palette-blue-light-active: rgb(199, 228, 250); @@ -859,15 +414,6 @@ $space-1000: 40px; $space-1200: 48px; $space-1300: 52px; $space-1600: 64px; -$space-x-x-x-small: 2px; -$space-x-x-small: 4px; -$space-x-small: 8px; -$space-small: 12px; -$space-medium: 16px; -$space-large: 24px; -$space-x-large: 32px; -$space-x-x-large: 40px; -$space-x-x-x-large: 52px; $font-family: "Roboto", -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; $font-size-text-small: 13px; @@ -879,10 +425,6 @@ $line-height-small: 16px; $line-height-normal: 20px; $line-height-large: 24px; $line-height-extra-large: 24px; -$line-height-text-small: 16px; -$line-height-text-normal: 20px; -$line-height-text-large: 24px; -$line-height-text-extra-large: 24px; $font-weight-normal: 400; $font-weight-medium: 500; $font-weight-bold: 700; diff --git a/packages/orbit-design-tokens/output/tokens.styl b/packages/orbit-design-tokens/output/tokens.styl index 2ba247b794..58abddcd19 100644 --- a/packages/orbit-design-tokens/output/tokens.styl +++ b/packages/orbit-design-tokens/output/tokens.styl @@ -1,259 +1,3 @@ -$padding-alert= 16; -$padding-alert-with-icon= 12; -$padding-badge= null; -$padding-button-large= null; -$padding-button-large-with-icons= null; -$padding-button-large-with-left-icon= null; -$padding-button-large-with-right-icon= null; -$padding-button-normal= null; -$padding-button-normal-with-icons= null; -$padding-button-normal-with-left-icon= null; -$padding-button-normal-with-right-icon= null; -$padding-button-without-text= 0; -$padding-button-small= null; -$padding-button-small-with-icons= null; -$padding-button-small-with-left-icon= null; -$padding-button-small-with-right-icon= null; -$padding-input-small= null; -$padding-input-normal= null; -$padding-input-file= null; -$padding-loading= 12; -$padding-table= null; -$padding-table-compact= null; -$padding-tag= null; -$padding-tag-removable= null; -$padding-tag-removable-with-icon= 6; -$padding-tag-with-icon= null; -$padding-textarea-small= null; -$padding-textarea-normal= 12; -$background-alert-critical= rgb(250, 234, 234); -$background-alert-info= rgb(232, 244, 253); -$background-alert-success= rgb(234, 245, 234); -$background-alert-warning= rgb(254, 242, 230); -$background-badge-critical= rgb(210, 28, 28); -$background-badge-critical-subtle= rgb(250, 234, 234); -$background-badge-dark= rgb(37, 42, 49); -$background-badge-info= rgb(0, 112, 200); -$background-badge-info-subtle= rgb(232, 244, 253); -$background-badge-neutral= rgb(245, 247, 249); -$background-badge-success= rgb(10, 147, 43); -$background-badge-success-subtle= rgb(234, 245, 234); -$background-badge-warning= rgb(207, 108, 0); -$background-badge-warning-subtle= rgb(254, 242, 230); -$background-badge-white= rgb(255, 255, 255); -$background-button-link-critical= transparent; -$background-button-link-critical-hover= rgb(248, 226, 226); -$background-button-link-critical-active= rgb(243, 206, 206); -$background-button-link-primary= transparent; -$background-button-link-primary-hover= rgb(214, 240, 236); -$background-button-link-primary-active= rgb(191, 232, 226); -$background-button-link-secondary= transparent; -$background-button-link-secondary-hover= rgb(229, 234, 239); -$background-button-link-secondary-active= rgb(214, 222, 230); -$background-button-bundle-basic= linear-gradient(to top right, #E13E3B 0%, #E87E09 100%); -$background-button-bundle-basic-hover= linear-gradient(to top right, #BD2825 0%, #D67000 100%); -$background-button-bundle-basic-active= linear-gradient(to top right, #9F1816 0%, #C36802 100%); -$background-button-bundle-medium= linear-gradient(to top right, #3719AB 0%, #8539DB 100%); -$background-button-bundle-medium-hover= linear-gradient(to top right, #2D1393 0%, #7343AA 100%); -$background-button-bundle-medium-active= linear-gradient(to top right, #250F79 0%, #5A3485 100%); -$background-button-bundle-top= linear-gradient(to top right, #2D2D2E 0%, #696E73 100%); -$background-button-bundle-top-hover= linear-gradient(to top right, #171718 0%, #51575C 100%); -$background-button-bundle-top-active= linear-gradient(to top right, #101011 0%, #51575C); -$background-button-critical-subtle= rgb(250, 234, 234); -$background-button-critical-subtle-hover= rgb(248, 226, 226); -$background-button-critical-subtle-active= rgb(243, 206, 206); -$background-button-critical-subtle-focus= rgb(250, 234, 234); -$background-button-critical= rgb(210, 28, 28); -$background-button-critical-hover= rgb(185, 25, 25); -$background-button-critical-active= rgb(157, 21, 21); -$background-button-bordered= transparent; -$background-button-bordered-hover= rgb(245, 247, 249); -$background-button-bordered-active= rgb(245, 247, 249); -$background-button-info= rgb(0, 112, 200); -$background-button-info-hover= rgb(1, 97, 172); -$background-button-info-active= rgb(1, 80, 142); -$background-button-primary-subtle= rgb(225, 244, 243); -$background-button-primary-subtle-hover= rgb(214, 240, 236); -$background-button-primary-subtle-active= rgb(191, 232, 226); -$background-button-primary-subtle-focus= rgb(225, 244, 243); -$background-button-primary= rgb(0, 165, 142); -$background-button-primary-hover= rgb(0, 149, 128); -$background-button-primary-active= rgb(0, 132, 114); -$background-button-secondary= rgb(232, 237, 241); -$background-button-secondary-hover= rgb(220, 227, 233); -$background-button-secondary-active= rgb(202, 212, 222); -$background-button-success= rgb(10, 147, 43); -$background-button-success-hover= rgb(35, 139, 49); -$background-button-success-active= rgb(29, 114, 40); -$background-button-warning= rgb(207, 108, 0); -$background-button-warning-hover= rgb(184, 96, 0); -$background-button-warning-active= rgb(173, 87, 0); -$background-button-white= rgb(255, 255, 255); -$background-button-white-hover= rgb(245, 247, 249); -$background-button-white-active= rgb(229, 234, 239); -$background-button-white-bordered= transparent; -$background-button-white-bordered-hover= rgba(255, 255, 255, 0.2); -$background-button-white-bordered-active= rgba(255, 255, 255, 0.2); -$background-button-facebook= rgb(59, 89, 152); -$background-button-facebook-hover= rgb(56, 84, 144); -$background-button-facebook-active= rgb(53, 79, 136); -$background-button-google= rgb(245, 247, 249); -$background-button-google-hover= rgb(229, 234, 239); -$background-button-google-active= rgb(214, 222, 230); -$background-card= rgb(255, 255, 255); -$background-carrier-logo= transparent; -$background-country-flag= transparent; -$background-service-logo= transparent; -$background-tooltip= rgb(255, 255, 255); -$background-tooltip-large-mobile= rgb(0, 90, 163); -$background-separator= rgb(232, 237, 241); -$background-switch= rgb(186, 199, 213); -$background-switch-checked= rgb(0, 112, 200); -$background-input= rgb(255, 255, 255); -$background-input-disabled= rgb(232, 237, 241); -$background-modal= rgb(255, 255, 255); -$background-table= rgb(255, 255, 255); -$background-table-even= rgb(245, 247, 249); -$background-table-hover= rgb(232, 237, 241); -$background-table-shadow-left= linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); -$background-table-shadow-right= linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); -$background-tag= rgb(245, 247, 249); -$background-tag-hover= rgb(229, 234, 239); -$background-tag-active= rgb(214, 222, 230); -$background-tag-selected= rgb(37, 42, 49); -$background-tag-selected-hover= rgb(24, 27, 32); -$background-tag-selected-active= rgb(11, 12, 15); -$color-alert-icon-critical= rgb(210, 28, 28); -$color-alert-icon-info= rgb(0, 112, 200); -$color-alert-icon-success= rgb(10, 147, 43); -$color-alert-icon-warning= rgb(207, 108, 0); -$color-form-label= rgb(37, 42, 49); -$color-form-label-filled= rgb(79, 94, 113); -$color-icon-checkbox-radio= rgb(0, 165, 142); -$color-icon-checkbox-radio-disabled= rgb(186, 199, 213); -$color-icon-input= rgb(186, 199, 213); -$color-icon-radio-button= rgb(0, 165, 142); -$color-icon-radio-button-disabled= rgb(79, 94, 113); -$color-info-check-box-radio= rgb(79, 94, 113); -$color-placeholder-input= rgb(105, 125, 149); -$color-placeholder-input-error= rgb(210, 28, 28); -$color-placeholder-input-file= rgb(105, 125, 149); -$color-placeholder-input-file-error= rgb(210, 28, 28); -$color-text-input= rgb(37, 42, 49); -$color-text-input-disabled= rgb(79, 94, 113); -$color-text-input-prefix= rgb(79, 94, 113); -$color-heading= rgb(37, 42, 49); -$color-heading-inverted= rgb(255, 255, 255); -$color-icon-primary= rgb(37, 42, 49); -$color-icon-secondary= rgb(79, 94, 113); -$color-icon-tertiary= rgb(186, 199, 213); -$color-icon-info= rgb(0, 112, 200); -$color-icon-success= rgb(10, 147, 43); -$color-icon-warning= rgb(207, 108, 0); -$color-icon-critical= rgb(210, 28, 28); -$color-stopover-arrow= rgb(105, 125, 149); -$color-text-link-primary= rgb(0, 122, 105); -$color-text-link-primary-hover= rgb(0, 165, 142); -$color-text-link-secondary= rgb(37, 42, 49); -$color-text-link-secondary-hover= rgb(0, 165, 142); -$color-text-primary= rgb(37, 42, 49); -$color-text-secondary= rgb(79, 94, 113); -$color-text-info= rgb(0, 112, 200); -$color-text-success= rgb(10, 147, 43); -$color-text-warning= rgb(207, 108, 0); -$color-text-critical= rgb(210, 28, 28); -$color-text-white= rgb(255, 255, 255); -$color-text-error= rgb(210, 28, 28); -$color-text-alert-critical= rgb(151, 12, 12); -$color-text-alert-info= rgb(0, 90, 163); -$color-text-alert-success= rgb(45, 119, 56); -$color-text-alert-warning= rgb(167, 84, 0); -$color-text-alert-link= rgb(79, 94, 113); -$color-text-badge-critical= rgb(210, 28, 28); -$color-text-badge-dark= rgb(255, 255, 255); -$color-text-badge-info= rgb(0, 112, 200); -$color-text-badge-neutral= rgb(79, 94, 113); -$color-text-badge-success= rgb(10, 147, 43); -$color-text-badge-warning= rgb(207, 108, 0); -$color-text-badge-white= rgb(37, 42, 49); -$color-text-button-link-critical= rgb(210, 28, 28); -$color-text-button-link-critical-hover= rgb(185, 25, 25); -$color-text-button-link-critical-active= rgb(157, 21, 21); -$color-text-button-link-primary= rgb(0, 165, 142); -$color-text-button-link-primary-hover= rgb(0, 149, 128); -$color-text-button-link-primary-active= rgb(0, 132, 114); -$color-text-button-link-secondary= rgb(37, 42, 49); -$color-text-button-link-secondary-hover= rgb(24, 27, 32); -$color-text-button-link-secondary-active= rgb(11, 12, 15); -$color-text-button-link-secondary-compact-hover= rgb(0, 149, 128); -$color-text-button-link-secondary-compact-active= rgb(0, 132, 114); -$color-text-button-critical-subtle= rgb(151, 12, 12); -$color-text-button-critical-subtle-hover= rgb(137, 11, 11); -$color-text-button-critical-subtle-active= rgb(109, 9, 9); -$color-text-button-critical= rgb(255, 255, 255); -$color-text-button-critical-hover= rgb(255, 255, 255); -$color-text-button-critical-active= rgb(255, 255, 255); -$color-text-button-critical-bordered= rgb(210, 28, 28); -$color-text-button-critical-bordered-hover= rgb(185, 25, 25); -$color-text-button-critical-bordered-active= rgb(157, 21, 21); -$color-text-button-filled= rgb(255, 255, 255); -$color-text-button-filled-hover= rgb(255, 255, 255); -$color-text-button-filled-active= rgb(255, 255, 255); -$color-text-button-info= rgb(255, 255, 255); -$color-text-button-info-hover= rgb(255, 255, 255); -$color-text-button-info-active= rgb(255, 255, 255); -$color-text-button-info-bordered= rgb(0, 112, 200); -$color-text-button-info-bordered-hover= rgb(1, 97, 172); -$color-text-button-info-bordered-active= rgb(1, 80, 142); -$color-text-button-primary-subtle= rgb(0, 122, 105); -$color-text-button-primary-subtle-hover= rgb(0, 112, 96); -$color-text-button-primary-subtle-active= rgb(0, 102, 87); -$color-text-button-primary= rgb(255, 255, 255); -$color-text-button-primary-hover= rgb(255, 255, 255); -$color-text-button-primary-active= rgb(255, 255, 255); -$color-text-button-primary-bordered= rgb(0, 165, 142); -$color-text-button-primary-bordered-hover= rgb(0, 149, 128); -$color-text-button-primary-bordered-active= rgb(0, 132, 114); -$color-text-button-secondary= rgb(37, 42, 49); -$color-text-button-secondary-hover= rgb(24, 27, 32); -$color-text-button-secondary-active= rgb(11, 12, 15); -$color-text-button-secondary-bordered= rgb(37, 42, 49); -$color-text-button-secondary-bordered-hover= rgb(24, 27, 32); -$color-text-button-secondary-bordered-active= rgb(11, 12, 15); -$color-text-button-success= rgb(255, 255, 255); -$color-text-button-success-hover= rgb(255, 255, 255); -$color-text-button-success-active= rgb(255, 255, 255); -$color-text-button-success-bordered= rgb(10, 147, 43); -$color-text-button-success-bordered-hover= rgb(35, 139, 49); -$color-text-button-success-bordered-active= rgb(29, 114, 40); -$color-text-button-warning= rgb(255, 255, 255); -$color-text-button-warning-hover= rgb(255, 255, 255); -$color-text-button-warning-active= rgb(255, 255, 255); -$color-text-button-warning-bordered= rgb(207, 108, 0); -$color-text-button-warning-bordered-hover= rgb(184, 96, 0); -$color-text-button-warning-bordered-active= rgb(173, 87, 0); -$color-text-button-white= rgb(37, 42, 49); -$color-text-button-white-hover= rgb(24, 27, 32); -$color-text-button-white-active= rgb(11, 12, 15); -$color-text-button-white-bordered= rgb(255, 255, 255); -$color-text-button-white-bordered-hover= rgb(255, 255, 255); -$color-text-button-white-bordered-active= rgb(255, 255, 255); -$color-text-button-facebook= rgb(255, 255, 255); -$color-text-button-facebook-hover= rgb(255, 255, 255); -$color-text-button-facebook-active= rgb(255, 255, 255); -$color-text-button-facebook-bordered= rgb(59, 89, 152); -$color-text-button-facebook-bordered-hover= rgb(56, 84, 144); -$color-text-button-facebook-bordered-active= rgb(53, 79, 136); -$color-text-button-google= rgb(37, 42, 49); -$color-text-button-google-hover= rgb(24, 27, 32); -$color-text-button-google-active= rgb(11, 12, 15); -$color-text-button-google-bordered= rgb(37, 42, 49); -$color-text-button-google-bordered-hover= rgb(24, 27, 32); -$color-text-button-google-bordered-active= rgb(11, 12, 15); -$color-text-loading= rgb(186, 199, 213); -$color-text-table= rgb(105, 125, 149); -$color-text-tag= rgb(37, 42, 49); -$color-text-tag-selected= rgb(186, 199, 213); $alert-background-critical= rgb(250, 234, 234); $alert-background-info= rgb(232, 244, 253); $alert-background-success= rgb(234, 245, 234); @@ -296,10 +40,6 @@ $badge-warning-subtle-background= rgb(254, 242, 230); $badge-warning-subtle-foreground= rgb(167, 84, 0); $badge-white-background= rgb(255, 255, 255); $badge-white-foreground= rgb(37, 42, 49); -$border-radius-badge= 12; -$margin-badge-icon= null; -$margin-button-group= null; -$margin-button-icon= 8; $button-link-critical-background= transparent; // Used for the background of critical ButtonLink in the default state. $button-link-critical-background-hover= rgb(248, 226, 226); // Used for the background of critical ButtonLink in the hover state. $button-link-critical-background-active= rgb(243, 206, 206); // Used for the background of critical ButtonLink in the active and the focus state. @@ -340,20 +80,8 @@ $button-critical-foreground= rgb(255, 255, 255); $button-critical-foreground-hover= rgb(255, 255, 255); $button-critical-foreground-active= rgb(255, 255, 255); $button-small-font-size= 13; -$button-small-padding= null; -$button-small-both-icons-padding= null; -$button-small-left-icon-padding= null; -$button-small-right-icon-padding= null; $button-normal-font-size= 15; -$button-normal-padding= null; -$button-normal-both-icons-padding= null; -$button-normal-left-icon-padding= null; -$button-normal-right-icon-padding= null; $button-large-font-size= 16; -$button-large-padding= null; -$button-large-both-icons-padding= null; -$button-large-left-icon-padding= null; -$button-large-right-icon-padding= null; $button-info-background= rgb(0, 112, 200); $button-info-background-hover= rgb(1, 97, 172); $button-info-background-active= rgb(1, 80, 142); @@ -403,104 +131,6 @@ $button-white-foreground= rgb(37, 42, 49); $button-white-foreground-hover= rgb(24, 27, 32); $button-white-foreground-active= rgb(11, 12, 15); $button-white-border-color-focus= rgba(231, 236, 241, 0.5); -$box-shadow-button-focus= rgb(0, 112, 200); -$border-color-button-primary-bordered= rgb(0, 165, 142); -$border-color-button-primary-bordered-hover= rgb(0, 149, 128); -$border-color-button-primary-bordered-active= rgb(0, 132, 114); -$border-color-button-secondary-bordered= rgb(37, 42, 49); -$border-color-button-secondary-bordered-hover= rgb(24, 27, 32); -$border-color-button-secondary-bordered-active= rgb(11, 12, 15); -$border-color-button-facebook-bordered= rgb(59, 89, 152); -$border-color-button-facebook-bordered-hover= rgb(56, 84, 144); -$border-color-button-facebook-bordered-active= rgb(53, 79, 136); -$border-color-button-google-bordered= rgb(37, 42, 49); -$border-color-button-google-bordered-hover= rgb(24, 27, 32); -$border-color-button-google-bordered-active= rgb(11, 12, 15); -$border-color-button-info-bordered= rgb(0, 112, 200); -$border-color-button-info-bordered-hover= rgb(1, 97, 172); -$border-color-button-info-bordered-active= rgb(1, 80, 142); -$border-color-button-success-bordered= rgb(10, 147, 43); -$border-color-button-success-bordered-hover= rgb(35, 139, 49); -$border-color-button-success-bordered-active= rgb(29, 114, 40); -$border-color-button-warning-bordered= rgb(207, 108, 0); -$border-color-button-warning-bordered-hover= rgb(184, 96, 0); -$border-color-button-warning-bordered-active= rgb(173, 87, 0); -$border-color-button-critical-bordered= rgb(210, 28, 28); -$border-color-button-critical-bordered-hover= rgb(185, 25, 25); -$border-color-button-critical-bordered-active= rgb(157, 21, 21); -$border-color-button-white-bordered= rgb(255, 255, 255); -$border-color-button-white-bordered-hover= rgb(255, 255, 255); -$border-color-button-white-bordered-active= rgb(255, 255, 255); -$border-color-card= rgb(232, 237, 241); -$border-color-checkbox-radio= rgb(186, 199, 213); -$border-color-checkbox-radio-active= rgb(37, 42, 49); -$border-color-checkbox-radio-error= rgb(210, 28, 28); -$border-color-checkbox-radio-focus= rgb(0, 112, 200); -$border-color-checkbox-radio-hover= rgb(79, 94, 113); -$border-color-input= rgb(186, 199, 213); -$border-color-input-active= rgb(148, 168, 190); -$border-color-input-error= rgb(210, 28, 28); -$border-color-input-error-focus= rgb(210, 28, 28); -$border-color-input-error-hover= rgb(185, 25, 25); -$border-color-input-focus= rgb(0, 112, 200); -$border-color-input-hover= rgb(166, 182, 200); -$border-color-modal= rgb(232, 237, 241); -$border-color-table= rgb(232, 237, 241); -$border-color-table-cell= rgb(186, 199, 213); -$border-color-table-head= rgb(186, 199, 213); -$border-color-tag= rgb(186, 199, 213); -$border-color-tag-focus= rgb(0, 112, 200); -$modifier-scale-button-active= 0.95; -$modifier-scale-checkbox-radio-active= 0.95; -$font-size-button-small= 13; -$font-size-button-normal= 15; -$font-size-button-large= 16; -$font-size-input-small= 15; -$font-size-input-normal= 15; -$font-size-form-feedback= 13; -$font-size-form-label= 15; -$font-size-message= 15; -$border-style-card= solid; -$border-style-input= solid; -$border-width-card= 1; -$border-width-input= 1; -$border-width-input-focus= 2; -$width-carrier-logo= 32; -$width-icon-small= 16; -$width-icon-medium= 20; -$width-icon-large= 24; -$width-badge-circled= 24; -$width-checkbox= 20; -$width-radio-button= 20; -$width-stopover-arrow= 36; -$width-country-flag= 24; -$width-modal-small= 540; -$width-modal-normal= 740; -$width-modal-large= 900; -$width-modal-extra-large= 1280; -$height-carrier-logo= 32; -$height-button-small= 32; -$height-button-normal= 44; -$height-button-large= 52; -$height-input-small= 32; -$height-input-normal= 44; -$height-input-large= 52; -$height-icon-small= 16; -$height-icon-medium= 20; -$height-icon-large= 24; -$height-badge= 24; -$height-checkbox= 20; -$height-radio-button= 20; -$height-stopover-arrow= 7; -$height-country-flag= auto; -$height-service-logo-small= 12; -$height-service-logo-medium= 24; -$height-service-logo-large= 48; -$height-separator= 1; -$height-input-group-separator-small= 16; -$height-input-group-separator-normal= 20; -$height-illustration-small= 90; -$height-illustration-medium= 200; $country-flag-shadow= rgb(37, 42, 49); $country-flag-background= transparent; $country-flag-small-height= 9px; @@ -539,9 +169,6 @@ $form-element-label-foreground= rgb(37, 42, 49); $form-element-label-filled= rgb(79, 94, 113); $form-element-prefix-foreground= rgb(79, 94, 113); $form-element-small-padding= null; -$margin-top-form-feedback= 2; -$opacity-checkbox-disabled= 50; -$opacity-radio-button-disabled= 50; $heading-display-font-size= 40; $heading-display-font-weight= 700; $heading-display-line-height= 44; @@ -587,46 +214,12 @@ $illustration-small-height= 120; $illustration-medium-height= 200; $illustration-large-height= 280; $illustration-display-height= 460; -$loading-foreground= rgb(186, 199, 213); -$modal-border-radius-mobile= 12; $modal-border-radius= 12; $modal-extra-small-width= 360; $modal-small-width= 540; $modal-normal-width= 740; $modal-large-width= 900; $modal-extra-large-width= 1280; -$margin-bottom-select-suffix= 2; -$padding-left-select-prefix= 48; -$social-button-apple-background= rgb(79, 94, 113); -$social-button-apple-background-hover= rgb(62, 78, 99); -$social-button-apple-background-active= rgb(50, 66, 86); -$social-button-apple-foreground= rgb(255, 255, 255); -$social-button-apple-foreground-hover= rgb(255, 255, 255); -$social-button-apple-foreground-active= rgb(255, 255, 255); -$social-button-apple-border-color-focus= rgba(105, 125, 149, 0.5); -$social-button-apple-icon-foreground= rgb(255, 255, 255); -$social-button-facebook-background= rgb(59, 89, 152); -$social-button-facebook-background-hover= rgb(56, 84, 144); -$social-button-facebook-background-active= rgb(53, 79, 136); -$social-button-facebook-foreground= rgb(255, 255, 255); -$social-button-facebook-foreground-hover= rgb(255, 255, 255); -$social-button-facebook-foreground-active= rgb(255, 255, 255); -$social-button-facebook-icon-foreground= rgb(59, 89, 152); -$social-button-google-background= rgb(245, 247, 249); -$social-button-google-background-hover= rgb(229, 234, 239); -$social-button-google-background-active= rgb(214, 222, 230); -$social-button-google-foreground= rgb(37, 42, 49); -$social-button-google-foreground-hover= rgb(24, 27, 32); -$social-button-google-foreground-active= rgb(11, 12, 15); -$social-button-google-icon-foreground= currentColor; -$social-button-twitter-background= rgb(186, 199, 213); -$social-button-twitter-background-hover= rgb(220, 227, 233); -$social-button-twitter-background-active= rgb(202, 212, 222); -$social-button-twitter-foreground= rgb(79, 94, 113); -$social-button-twitter-foreground-hover= rgb(79, 94, 113); -$social-button-twitter-foreground-active= rgb(79, 94, 113); -$social-button-twitter-border-color-focus= rgba(105, 125, 149, 0.5); -$social-button-twitter-icon-foreground= rgb(0, 172, 238); $tab-bundle-basic-foreground= linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%); $tab-bundle-basic-background= rgb(255, 255, 255); $tab-bundle-basic-background-hover= rgba(215, 51, 28, 0.08); @@ -638,8 +231,8 @@ $tab-bundle-medium-background-active= rgba(59, 30, 176, 0.12); $tab-bundle-top-background= rgb(255, 255, 255); $tab-bundle-top-background-hover= rgb(241, 244, 247); $tab-bundle-top-foreground= linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%); -$font-weight-table-head= 700; -$font-weight-links= 500; +$background-table-shadow-left= linear-gradient(to left, transparent, rgba(186, 199, 213, 23)); +$background-table-shadow-right= linear-gradient(to right, transparent, rgba(186, 199, 213, 23)); $tag-colored-background= rgb(232, 244, 253); $tag-colored-background-hover= rgb(222, 240, 252); $tag-colored-background-active= rgb(199, 228, 250); @@ -669,10 +262,6 @@ $text-link-critical-foreground-active= rgb(99, 8, 8); $text-link-white-foreground= rgb(255, 255, 255); $text-link-white-foreground-hover= rgb(225, 244, 243); $text-link-white-foreground-active= rgb(225, 244, 243); -$text-decoration-text-link-primary= underline; -$text-decoration-text-link-primary-hover= none; -$text-decoration-text-link-secondary= underline; -$text-decoration-text-link-secondary-hover= none; $text-primary-background= rgba(37, 42, 49, 0.1); $text-primary-foreground= rgb(37, 42, 49); $text-secondary-background= rgba(79, 94, 113, 0.1); @@ -687,17 +276,12 @@ $text-critical-background= rgba(210, 28, 28, 0.1); $text-critical-foreground= rgb(210, 28, 28); $text-white-background= rgba(255, 255, 255, 0.1); $text-white-foreground= rgb(255, 255, 255); -$background-illustration= transparent; $border-radius-50= 2; $border-radius-100= 4; $border-radius-150= 6; $border-radius-200= 8; $border-radius-300= 12; $border-radius-400= 16; -$border-radius-circle= 50%; -$border-radius-small= 2; -$border-radius-normal= 3; -$border-radius-large= 6; $border-radius-none= 0; $border-radius-full= 9999; $breakpoint-medium-mobile= 414; @@ -705,11 +289,6 @@ $breakpoint-large-mobile= 576; $breakpoint-tablet= 768; $breakpoint-desktop= 992; $breakpoint-large-desktop= 1200; -$width-breakpoint-medium-mobile= 414; -$width-breakpoint-large-mobile= 576; -$width-breakpoint-tablet= 768; -$width-breakpoint-desktop= 992; -$width-breakpoint-large-desktop= 1200; $duration-fast= 150; $duration-normal= 300; $duration-slow= 400; @@ -717,34 +296,15 @@ $elevation-suppressed-background= rgb(245, 247, 249); $elevation-flat-background= rgb(255, 255, 255); $elevation-flat-border-color= rgb(232, 237, 241); $elevation-flat-border-size= 1; -$elevation-action-background= rgb(255, 255, 255); -$elevation-action-box-shadow= rgb(37, 42, 49); $elevation-level-1-box-shadow= rgb(37, 42, 49); -$elevation-action-active-background= rgb(255, 255, 255); -$elevation-action-active-box-shadow= rgb(37, 42, 49); $elevation-level-2-box-shadow= rgb(37, 42, 49); $elevation-fixed-background= rgb(255, 255, 255); $elevation-fixed-box-shadow= rgb(37, 42, 49); $elevation-fixed-reverse-background= rgb(255, 255, 255); $elevation-fixed-reverse-box-shadow= rgb(37, 42, 49); -$elevation-raised-background= rgb(255, 255, 255); -$elevation-raised-box-shadow= rgb(37, 42, 49); $elevation-level-3-box-shadow= rgb(37, 42, 49); -$elevation-raised-reverse-background= rgb(255, 255, 255); -$elevation-raised-reverse-box-shadow= rgb(37, 42, 49); $elevation-level-3-reverse-box-shadow= rgb(37, 42, 49); -$elevation-overlay-background= rgb(255, 255, 255); -$elevation-overlay-box-shadow= rgb(37, 42, 49); $elevation-level-4-box-shadow= rgb(37, 42, 49); -$background-body= rgb(245, 247, 249); -$box-shadow-action= rgb(37, 42, 49); -$box-shadow-action-active= rgb(37, 42, 49); -$box-shadow-fixed= rgb(37, 42, 49); -$box-shadow-fixed-reverse= rgb(37, 42, 49); -$box-shadow-overlay= rgb(37, 42, 49); -$box-shadow-raised= rgb(37, 42, 49); -$box-shadow-raised-reverse= rgb(37, 42, 49); -$opacity-overlay= 80; $palette-blue-light= rgb(232, 244, 253); $palette-blue-light-hover= rgb(222, 240, 252); $palette-blue-light-active= rgb(199, 228, 250); @@ -836,15 +396,6 @@ $space-1000= 40; $space-1200= 48; $space-1300= 52; $space-1600= 64; -$space-x-x-x-small= 2; -$space-x-x-small= 4; -$space-x-small= 8; -$space-small= 12; -$space-medium= 16; -$space-large= 24; -$space-x-large= 32; -$space-x-x-large= 40; -$space-x-x-x-large= 52; $font-family= 'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; $font-size-text-small= 13; $font-size-text-normal= 15; @@ -855,10 +406,6 @@ $line-height-small= 16; $line-height-normal= 20; $line-height-large= 24; $line-height-extra-large= 24; -$line-height-text-small= 16; -$line-height-text-normal= 20; -$line-height-text-large= 24; -$line-height-text-extra-large= 24; $font-weight-normal= 400; $font-weight-medium= 500; $font-weight-bold= 700; diff --git a/packages/orbit-design-tokens/output/tokens.xml b/packages/orbit-design-tokens/output/tokens.xml index de0ed665d0..fb8c49f928 100644 --- a/packages/orbit-design-tokens/output/tokens.xml +++ b/packages/orbit-design-tokens/output/tokens.xml @@ -1,2015 +1,535 @@ - paddingAlert - 16 - - - paddingAlertWithIcon - 12 + alertBackgroundCritical + #FAEAEA - paddingBadge - 0 8 + alertBackgroundInfo + #E8F4FD - paddingButtonLarge - 0 28px + alertBackgroundSuccess + #EAF5EA - paddingButtonLargeWithIcons - 0 16 + alertBackgroundWarning + #FEF2E6 - paddingButtonLargeWithLeftIcon - 0 28px 0 16 + alertIconCritical + #D21C1C - paddingButtonLargeWithRightIcon - 0 16 0 28px + alertIconInfo + #0070C8 - paddingButtonNormal - 0 16 + alertIconSuccess + #0A932B - paddingButtonNormalWithIcons - 0 12 + alertIconWarning + #CF6C00 - paddingButtonNormalWithLeftIcon - 0 16 0 12 + alertColorTextCritical + #970C0C - paddingButtonNormalWithRightIcon - 0 12 0 16 + alertColorTextInfo + #005AA3 - paddingButtonWithoutText - 0 + alertColorTextSuccess + #2D7738 - paddingButtonSmall - 0 12 + alertColorTextWarning + #A75400 - paddingButtonSmallWithIcons - 0 8 + alertColorTextLink + #4F5E71 - paddingButtonSmallWithLeftIcon - 0 12 0 8 + badgeBorderRadius + 12 - paddingButtonSmallWithRightIcon - 0 8 0 12 + badgeBundleBasicBackground + linear-gradient(to top right, #E13E3B 0%, #E87E09 100%) - paddingInputSmall - 0 12 + badgeBundleBasicForeground + #FFFFFF - paddingInputNormal - 0 12 + badgeBundleMediumBackground + linear-gradient(to top right, #3719AB 0%, #8539DB 100%) - paddingInputFile - 0 0 0 6px + badgeBundleMediumForeground + #FFFFFF - paddingLoading - 12 + badgeBundleTopBackground + linear-gradient(to top right, #2D2D2E 0%, #696E73 100%) - paddingTable - 12 16 + badgeBundleTopForeground + #FFFFFF - paddingTableCompact - 8 12 + badgeCriticalBackground + #D21C1C - paddingTag - 6px 8 + badgeCriticalForeground + #FFFFFF - paddingTagRemovable - 6px 6px 6px 8 + badgeCriticalSubtleBackground + #FAEAEA - paddingTagRemovableWithIcon - 6 + badgeCriticalSubtleForeground + #970C0C - paddingTagWithIcon - 6px 8 6px 6px + badgeDarkBackground + #252A31 - paddingTextareaSmall - 8 12 + badgeDarkForeground + #FFFFFF - paddingTextareaNormal - 12 + badgeInfoBackground + #0070C8 - backgroundAlertCritical - #FAEAEA + badgeInfoForeground + #FFFFFF - backgroundAlertInfo + badgeInfoSubtleBackground #E8F4FD - backgroundAlertSuccess - #EAF5EA + badgeInfoSubtleForeground + #005AA3 - backgroundAlertWarning - #FEF2E6 + badgeNeutralBackground + #F5F7F9 - backgroundBadgeCritical - #D21C1C + badgeNeutralForeground + #252A31 - backgroundBadgeCriticalSubtle - #FAEAEA + badgeSuccessBackground + #0A932B - backgroundBadgeDark - #252A31 + badgeSuccessForeground + #FFFFFF - backgroundBadgeInfo - #0070C8 + badgeSuccessSubtleBackground + #EAF5EA - backgroundBadgeInfoSubtle - #E8F4FD + badgeSuccessSubtleForeground + #2D7738 - backgroundBadgeNeutral - #F5F7F9 + badgeWarningBackground + #CF6C00 - backgroundBadgeSuccess - #0A932B + badgeWarningForeground + #FFFFFF - backgroundBadgeSuccessSubtle - #EAF5EA + badgeWarningSubtleBackground + #FEF2E6 - backgroundBadgeWarning - #CF6C00 + badgeWarningSubtleForeground + #A75400 - backgroundBadgeWarningSubtle - #FEF2E6 + badgeWhiteBackground + #FFFFFF - backgroundBadgeWhite - #FFFFFF + badgeWhiteForeground + #252A31 - backgroundButtonLinkCritical + buttonLinkCriticalBackground transparent - backgroundButtonLinkCriticalHover + buttonLinkCriticalBackgroundHover #F8E2E2 - backgroundButtonLinkCriticalActive + buttonLinkCriticalBackgroundActive #F3CECE - backgroundButtonLinkPrimary + buttonLinkCriticalForeground + #D21C1C + + + buttonLinkCriticalForegroundHover + #B91919 + + + buttonLinkCriticalForegroundActive + #9D1515 + + + buttonLinkPrimaryBackground transparent - backgroundButtonLinkPrimaryHover + buttonLinkPrimaryBackgroundHover #D6F0EC - backgroundButtonLinkPrimaryActive + buttonLinkPrimaryBackgroundActive #BFE8E2 - backgroundButtonLinkSecondary + buttonLinkPrimaryForeground + #00A58E + + + buttonLinkPrimaryForegroundHover + #007060 + + + buttonLinkPrimaryForegroundActive + #006657 + + + buttonLinkSecondaryBackground transparent - backgroundButtonLinkSecondaryHover + buttonLinkSecondaryBackgroundHover #E5EAEF - backgroundButtonLinkSecondaryActive + buttonLinkSecondaryBackgroundActive #D6DEE6 - backgroundButtonBundleBasic + buttonLinkSecondaryForeground + #252A31 + + + buttonLinkSecondaryForegroundHover + #181B20 + + + buttonLinkSecondaryForegroundActive + #0B0C0F + + + buttonBundleBasicBackground linear-gradient(to top right, #E13E3B 0%, #E87E09 100%) - backgroundButtonBundleBasicHover + buttonBundleBasicBackgroundHover linear-gradient(to top right, #BD2825 0%, #D67000 100%) - backgroundButtonBundleBasicActive + buttonBundleBasicBackgroundActive linear-gradient(to top right, #9F1816 0%, #C36802 100%) - backgroundButtonBundleMedium + buttonBundleMediumBackground linear-gradient(to top right, #3719AB 0%, #8539DB 100%) - backgroundButtonBundleMediumHover + buttonBundleMediumBackgroundHover linear-gradient(to top right, #2D1393 0%, #7343AA 100%) - backgroundButtonBundleMediumActive + buttonBundleMediumBackgroundActive linear-gradient(to top right, #250F79 0%, #5A3485 100%) - backgroundButtonBundleTop + buttonBundleTopBackground linear-gradient(to top right, #2D2D2E 0%, #696E73 100%) - backgroundButtonBundleTopHover + buttonBundleTopBackgroundHover linear-gradient(to top right, #171718 0%, #51575C 100%) - backgroundButtonBundleTopActive + buttonBundleTopBackgroundActive linear-gradient(to top right, #101011 0%, #51575C) - backgroundButtonCriticalSubtle + buttonCriticalSubtleBackground #FAEAEA - backgroundButtonCriticalSubtleHover + buttonCriticalSubtleBackgroundHover #F8E2E2 - backgroundButtonCriticalSubtleActive + buttonCriticalSubtleBackgroundActive #F3CECE - backgroundButtonCriticalSubtleFocus - #FAEAEA + buttonCriticalSubtleForeground + #970C0C + + + buttonCriticalSubtleForegroundHover + #890B0B + + + buttonCriticalSubtleForegroundActive + #6D0909 - backgroundButtonCritical + buttonCriticalBackground #D21C1C - backgroundButtonCriticalHover + buttonCriticalBackgroundHover #B91919 - backgroundButtonCriticalActive + buttonCriticalBackgroundActive #9D1515 - backgroundButtonBordered - transparent + buttonCriticalForeground + #FFFFFF - backgroundButtonBorderedHover - #F5F7F9 + buttonCriticalForegroundHover + #FFFFFF - backgroundButtonBorderedActive - #F5F7F9 + buttonCriticalForegroundActive + #FFFFFF - backgroundButtonInfo - #0070C8 + buttonSmallFontSize + 13 - backgroundButtonInfoHover - #0161AC + buttonNormalFontSize + 15 - backgroundButtonInfoActive - #01508E + buttonLargeFontSize + 16 - backgroundButtonPrimarySubtle - #E1F4F3 + buttonInfoBackground + #0070C8 - backgroundButtonPrimarySubtleHover - #D6F0EC + buttonInfoBackgroundHover + #0161AC - backgroundButtonPrimarySubtleActive - #BFE8E2 + buttonInfoBackgroundActive + #01508E - backgroundButtonPrimarySubtleFocus - #E1F4F3 + buttonInfoForeground + #FFFFFF - backgroundButtonPrimary - #00A58E + buttonInfoForegroundHover + #FFFFFF - backgroundButtonPrimaryHover - #009580 + buttonInfoForegroundActive + #FFFFFF - backgroundButtonPrimaryActive - #008472 + buttonWithoutTextPadding + 0 - backgroundButtonSecondary - #E8EDF1 + buttonPaddingXSmall + 8 - backgroundButtonSecondaryHover - #DCE3E9 + buttonPaddingSmall + 12 - backgroundButtonSecondaryActive - #CAD4DE + buttonPaddingNormal + 16 - backgroundButtonSuccess - #0A932B + buttonPaddingLarge + 28 - backgroundButtonSuccessHover - #238B31 + buttonPrimarySubtleBackground + #E1F4F3 - backgroundButtonSuccessActive - #1D7228 + buttonPrimarySubtleBackgroundHover + #D6F0EC - backgroundButtonWarning - #CF6C00 + buttonPrimarySubtleBackgroundActive + #BFE8E2 - backgroundButtonWarningHover - #B86000 + buttonPrimarySubtleForeground + #007A69 - backgroundButtonWarningActive - #AD5700 + buttonPrimarySubtleForegroundHover + #007060 - backgroundButtonWhite - #FFFFFF + buttonPrimarySubtleForegroundActive + #006657 - backgroundButtonWhiteHover - #F5F7F9 + buttonPrimaryBackground + #00A58E - backgroundButtonWhiteActive - #E5EAEF + buttonPrimaryBackgroundHover + #009580 - backgroundButtonWhiteBordered - transparent - - - backgroundButtonWhiteBorderedHover - #FFFFFF33 - - - backgroundButtonWhiteBorderedActive - #FFFFFF33 - - - backgroundButtonFacebook - #3B5998 - - - backgroundButtonFacebookHover - #385490 - - - backgroundButtonFacebookActive - #354F88 - - - backgroundButtonGoogle - #F5F7F9 - - - backgroundButtonGoogleHover - #E5EAEF - - - backgroundButtonGoogleActive - #D6DEE6 - - - backgroundCard - #FFFFFF - - - backgroundCarrierLogo - transparent - - - backgroundCountryFlag - transparent - - - backgroundServiceLogo - transparent - - - backgroundTooltip - #FFFFFF - - - backgroundTooltipLargeMobile - #005AA3 - - - backgroundSeparator - #E8EDF1 - - - backgroundSwitch - #BAC7D5 - - - backgroundSwitchChecked - #0070C8 + buttonPrimaryBackgroundActive + #008472 - backgroundInput + buttonPrimaryForeground #FFFFFF - backgroundInputDisabled - #E8EDF1 - - - backgroundModal + buttonPrimaryForegroundHover #FFFFFF - backgroundTable + buttonPrimaryForegroundActive #FFFFFF - backgroundTableEven - #F5F7F9 + buttonPrimaryBorderColorFocus + #00A58E80 - backgroundTableHover + buttonSecondaryBackground #E8EDF1 - backgroundTableShadowLeft - linear-gradient(to left, transparent, rgba(186, 199, 213, 23)) - - - backgroundTableShadowRight - linear-gradient(to right, transparent, rgba(186, 199, 213, 23)) - - - backgroundTag - #F5F7F9 - - - backgroundTagHover - #E5EAEF + buttonSecondaryBackgroundHover + #DCE3E9 - backgroundTagActive - #D6DEE6 + buttonSecondaryBackgroundActive + #CAD4DE - backgroundTagSelected + buttonSecondaryForeground #252A31 - backgroundTagSelectedHover + buttonSecondaryForegroundHover #181B20 - backgroundTagSelectedActive + buttonSecondaryForegroundActive #0B0C0F - colorAlertIconCritical - #D21C1C - - - colorAlertIconInfo - #0070C8 - - - colorAlertIconSuccess + buttonSuccessBackground #0A932B - colorAlertIconWarning - #CF6C00 - - - colorFormLabel - #252A31 - - - colorFormLabelFilled - #4F5E71 - - - colorIconCheckboxRadio - #00A58E - - - colorIconCheckboxRadioDisabled - #BAC7D5 - - - colorIconInput - #BAC7D5 - - - colorIconRadioButton - #00A58E - - - colorIconRadioButtonDisabled - #4F5E71 - - - colorInfoCheckBoxRadio - #4F5E71 - - - colorPlaceholderInput - #697D95 - - - colorPlaceholderInputError - #D21C1C - - - colorPlaceholderInputFile - #697D95 - - - colorPlaceholderInputFileError - #D21C1C - - - colorTextInput - #252A31 - - - colorTextInputDisabled - #4F5E71 - - - colorTextInputPrefix - #4F5E71 + buttonSuccessBackgroundHover + #238B31 - colorHeading - #252A31 + buttonSuccessBackgroundActive + #1D7228 - colorHeadingInverted + buttonSuccessForeground #FFFFFF - colorIconPrimary - #252A31 - - - colorIconSecondary - #4F5E71 - - - colorIconTertiary - #BAC7D5 - - - colorIconInfo - #0070C8 - - - colorIconSuccess - #0A932B - - - colorIconWarning - #CF6C00 - - - colorIconCritical - #D21C1C - - - colorStopoverArrow - #697D95 - - - colorTextLinkPrimary - #007A69 - - - colorTextLinkPrimaryHover - #00A58E - - - colorTextLinkSecondary - #252A31 - - - colorTextLinkSecondaryHover - #00A58E - - - colorTextPrimary - #252A31 - - - colorTextSecondary - #4F5E71 - - - colorTextInfo - #0070C8 - - - colorTextSuccess - #0A932B - - - colorTextWarning - #CF6C00 - - - colorTextCritical - #D21C1C - - - colorTextWhite + buttonSuccessForegroundHover #FFFFFF - colorTextError - #D21C1C - - - colorTextAlertCritical - #970C0C - - - colorTextAlertInfo - #005AA3 - - - colorTextAlertSuccess - #2D7738 - - - colorTextAlertWarning - #A75400 - - - colorTextAlertLink - #4F5E71 - - - colorTextBadgeCritical - #D21C1C - - - colorTextBadgeDark + buttonSuccessForegroundActive #FFFFFF - colorTextBadgeInfo - #0070C8 - - - colorTextBadgeNeutral - #4F5E71 - - - colorTextBadgeSuccess - #0A932B - - - colorTextBadgeWarning + buttonWarningBackground #CF6C00 - colorTextBadgeWhite - #252A31 - - - colorTextButtonLinkCritical - #D21C1C - - - colorTextButtonLinkCriticalHover - #B91919 + buttonWarningBackgroundHover + #B86000 - colorTextButtonLinkCriticalActive - #9D1515 + buttonWarningBackgroundActive + #AD5700 - colorTextButtonLinkPrimary - #00A58E + buttonWarningForeground + #FFFFFF - colorTextButtonLinkPrimaryHover - #009580 + buttonWarningForegroundHover + #FFFFFF - colorTextButtonLinkPrimaryActive - #008472 + buttonWarningForegroundActive + #FFFFFF - colorTextButtonLinkSecondary - #252A31 + buttonWhiteBackground + #FFFFFF - colorTextButtonLinkSecondaryHover - #181B20 + buttonWhiteBackgroundHover + #F5F7F9 - colorTextButtonLinkSecondaryActive - #0B0C0F - - - colorTextButtonLinkSecondaryCompactHover - #009580 - - - colorTextButtonLinkSecondaryCompactActive - #008472 - - - colorTextButtonCriticalSubtle - #970C0C - - - colorTextButtonCriticalSubtleHover - #890B0B - - - colorTextButtonCriticalSubtleActive - #6D0909 - - - colorTextButtonCritical - #FFFFFF - - - colorTextButtonCriticalHover - #FFFFFF - - - colorTextButtonCriticalActive - #FFFFFF - - - colorTextButtonCriticalBordered - #D21C1C - - - colorTextButtonCriticalBorderedHover - #B91919 - - - colorTextButtonCriticalBorderedActive - #9D1515 - - - colorTextButtonFilled - #FFFFFF - - - colorTextButtonFilledHover - #FFFFFF - - - colorTextButtonFilledActive - #FFFFFF - - - colorTextButtonInfo - #FFFFFF - - - colorTextButtonInfoHover - #FFFFFF - - - colorTextButtonInfoActive - #FFFFFF - - - colorTextButtonInfoBordered - #0070C8 - - - colorTextButtonInfoBorderedHover - #0161AC - - - colorTextButtonInfoBorderedActive - #01508E - - - colorTextButtonPrimarySubtle - #007A69 - - - colorTextButtonPrimarySubtleHover - #007060 - - - colorTextButtonPrimarySubtleActive - #006657 - - - colorTextButtonPrimary - #FFFFFF - - - colorTextButtonPrimaryHover - #FFFFFF - - - colorTextButtonPrimaryActive - #FFFFFF - - - colorTextButtonPrimaryBordered - #00A58E - - - colorTextButtonPrimaryBorderedHover - #009580 - - - colorTextButtonPrimaryBorderedActive - #008472 - - - colorTextButtonSecondary - #252A31 - - - colorTextButtonSecondaryHover - #181B20 - - - colorTextButtonSecondaryActive - #0B0C0F - - - colorTextButtonSecondaryBordered - #252A31 - - - colorTextButtonSecondaryBorderedHover - #181B20 - - - colorTextButtonSecondaryBorderedActive - #0B0C0F - - - colorTextButtonSuccess - #FFFFFF - - - colorTextButtonSuccessHover - #FFFFFF - - - colorTextButtonSuccessActive - #FFFFFF - - - colorTextButtonSuccessBordered - #0A932B - - - colorTextButtonSuccessBorderedHover - #238B31 - - - colorTextButtonSuccessBorderedActive - #1D7228 - - - colorTextButtonWarning - #FFFFFF - - - colorTextButtonWarningHover - #FFFFFF - - - colorTextButtonWarningActive - #FFFFFF - - - colorTextButtonWarningBordered - #CF6C00 - - - colorTextButtonWarningBorderedHover - #B86000 - - - colorTextButtonWarningBorderedActive - #AD5700 - - - colorTextButtonWhite - #252A31 - - - colorTextButtonWhiteHover - #181B20 - - - colorTextButtonWhiteActive - #0B0C0F - - - colorTextButtonWhiteBordered - #FFFFFF - - - colorTextButtonWhiteBorderedHover - #FFFFFF - - - colorTextButtonWhiteBorderedActive - #FFFFFF - - - colorTextButtonFacebook - #FFFFFF - - - colorTextButtonFacebookHover - #FFFFFF - - - colorTextButtonFacebookActive - #FFFFFF - - - colorTextButtonFacebookBordered - #3B5998 - - - colorTextButtonFacebookBorderedHover - #385490 - - - colorTextButtonFacebookBorderedActive - #354F88 - - - colorTextButtonGoogle - #252A31 - - - colorTextButtonGoogleHover - #181B20 - - - colorTextButtonGoogleActive - #0B0C0F - - - colorTextButtonGoogleBordered - #252A31 - - - colorTextButtonGoogleBorderedHover - #181B20 - - - colorTextButtonGoogleBorderedActive - #0B0C0F - - - colorTextLoading - #BAC7D5 - - - colorTextTable - #697D95 - - - colorTextTag - #252A31 - - - colorTextTagSelected - #BAC7D5 - - - alertBackgroundCritical - #FAEAEA - - - alertBackgroundInfo - #E8F4FD - - - alertBackgroundSuccess - #EAF5EA - - - alertBackgroundWarning - #FEF2E6 - - - alertIconCritical - #D21C1C - - - alertIconInfo - #0070C8 - - - alertIconSuccess - #0A932B - - - alertIconWarning - #CF6C00 - - - alertColorTextCritical - #970C0C - - - alertColorTextInfo - #005AA3 - - - alertColorTextSuccess - #2D7738 - - - alertColorTextWarning - #A75400 - - - alertColorTextLink - #4F5E71 - - - badgeBorderRadius - 12 - - - badgeBundleBasicBackground - linear-gradient(to top right, #E13E3B 0%, #E87E09 100%) - - - badgeBundleBasicForeground - #FFFFFF - - - badgeBundleMediumBackground - linear-gradient(to top right, #3719AB 0%, #8539DB 100%) - - - badgeBundleMediumForeground - #FFFFFF - - - badgeBundleTopBackground - linear-gradient(to top right, #2D2D2E 0%, #696E73 100%) - - - badgeBundleTopForeground - #FFFFFF - - - badgeCriticalBackground - #D21C1C - - - badgeCriticalForeground - #FFFFFF - - - badgeCriticalSubtleBackground - #FAEAEA - - - badgeCriticalSubtleForeground - #970C0C - - - badgeDarkBackground - #252A31 - - - badgeDarkForeground - #FFFFFF - - - badgeInfoBackground - #0070C8 - - - badgeInfoForeground - #FFFFFF - - - badgeInfoSubtleBackground - #E8F4FD - - - badgeInfoSubtleForeground - #005AA3 - - - badgeNeutralBackground - #F5F7F9 - - - badgeNeutralForeground - #252A31 - - - badgeSuccessBackground - #0A932B - - - badgeSuccessForeground - #FFFFFF - - - badgeSuccessSubtleBackground - #EAF5EA - - - badgeSuccessSubtleForeground - #2D7738 - - - badgeWarningBackground - #CF6C00 - - - badgeWarningForeground - #FFFFFF - - - badgeWarningSubtleBackground - #FEF2E6 - - - badgeWarningSubtleForeground - #A75400 - - - badgeWhiteBackground - #FFFFFF - - - badgeWhiteForeground - #252A31 - - - borderRadiusBadge - 12 - - - marginBadgeIcon - 0 4 0 0 - - - marginButtonGroup - 0 1px 0 0 - - - marginButtonIcon - 8 - - - buttonLinkCriticalBackground - transparent - - - buttonLinkCriticalBackgroundHover - #F8E2E2 - - - buttonLinkCriticalBackgroundActive - #F3CECE - - - buttonLinkCriticalForeground - #D21C1C - - - buttonLinkCriticalForegroundHover - #B91919 - - - buttonLinkCriticalForegroundActive - #9D1515 - - - buttonLinkPrimaryBackground - transparent - - - buttonLinkPrimaryBackgroundHover - #D6F0EC - - - buttonLinkPrimaryBackgroundActive - #BFE8E2 - - - buttonLinkPrimaryForeground - #00A58E - - - buttonLinkPrimaryForegroundHover - #007060 - - - buttonLinkPrimaryForegroundActive - #006657 - - - buttonLinkSecondaryBackground - transparent - - - buttonLinkSecondaryBackgroundHover - #E5EAEF - - - buttonLinkSecondaryBackgroundActive - #D6DEE6 - - - buttonLinkSecondaryForeground - #252A31 - - - buttonLinkSecondaryForegroundHover - #181B20 - - - buttonLinkSecondaryForegroundActive - #0B0C0F - - - buttonBundleBasicBackground - linear-gradient(to top right, #E13E3B 0%, #E87E09 100%) - - - buttonBundleBasicBackgroundHover - linear-gradient(to top right, #BD2825 0%, #D67000 100%) - - - buttonBundleBasicBackgroundActive - linear-gradient(to top right, #9F1816 0%, #C36802 100%) - - - buttonBundleMediumBackground - linear-gradient(to top right, #3719AB 0%, #8539DB 100%) - - - buttonBundleMediumBackgroundHover - linear-gradient(to top right, #2D1393 0%, #7343AA 100%) - - - buttonBundleMediumBackgroundActive - linear-gradient(to top right, #250F79 0%, #5A3485 100%) - - - buttonBundleTopBackground - linear-gradient(to top right, #2D2D2E 0%, #696E73 100%) - - - buttonBundleTopBackgroundHover - linear-gradient(to top right, #171718 0%, #51575C 100%) - - - buttonBundleTopBackgroundActive - linear-gradient(to top right, #101011 0%, #51575C) - - - buttonCriticalSubtleBackground - #FAEAEA - - - buttonCriticalSubtleBackgroundHover - #F8E2E2 - - - buttonCriticalSubtleBackgroundActive - #F3CECE - - - buttonCriticalSubtleForeground - #970C0C - - - buttonCriticalSubtleForegroundHover - #890B0B - - - buttonCriticalSubtleForegroundActive - #6D0909 - - - buttonCriticalBackground - #D21C1C - - - buttonCriticalBackgroundHover - #B91919 - - - buttonCriticalBackgroundActive - #9D1515 - - - buttonCriticalForeground - #FFFFFF - - - buttonCriticalForegroundHover - #FFFFFF - - - buttonCriticalForegroundActive - #FFFFFF - - - buttonSmallFontSize - 13 - - - buttonSmallPadding - 0 12 - - - buttonSmallBothIconsPadding - 0 8 - - - buttonSmallLeftIconPadding - 0 12 0 8 - - - buttonSmallRightIconPadding - 0 8 0 12 - - - buttonNormalFontSize - 15 - - - buttonNormalPadding - 0 16 - - - buttonNormalBothIconsPadding - 0 12 - - - buttonNormalLeftIconPadding - 0 16 0 12 - - - buttonNormalRightIconPadding - 0 12 0 16 - - - buttonLargeFontSize - 16 - - - buttonLargePadding - 0 28px - - - buttonLargeBothIconsPadding - 0 16 - - - buttonLargeLeftIconPadding - 0 28px 0 16 - - - buttonLargeRightIconPadding - 0 16 0 28px - - - buttonInfoBackground - #0070C8 - - - buttonInfoBackgroundHover - #0161AC - - - buttonInfoBackgroundActive - #01508E - - - buttonInfoForeground - #FFFFFF - - - buttonInfoForegroundHover - #FFFFFF - - - buttonInfoForegroundActive - #FFFFFF - - - buttonWithoutTextPadding - 0 - - - buttonPaddingXSmall - 8 - - - buttonPaddingSmall - 12 - - - buttonPaddingNormal - 16 - - - buttonPaddingLarge - 28 - - - buttonPrimarySubtleBackground - #E1F4F3 - - - buttonPrimarySubtleBackgroundHover - #D6F0EC - - - buttonPrimarySubtleBackgroundActive - #BFE8E2 - - - buttonPrimarySubtleForeground - #007A69 - - - buttonPrimarySubtleForegroundHover - #007060 - - - buttonPrimarySubtleForegroundActive - #006657 - - - buttonPrimaryBackground - #00A58E - - - buttonPrimaryBackgroundHover - #009580 - - - buttonPrimaryBackgroundActive - #008472 - - - buttonPrimaryForeground - #FFFFFF - - - buttonPrimaryForegroundHover - #FFFFFF - - - buttonPrimaryForegroundActive - #FFFFFF - - - buttonPrimaryBorderColorFocus - #00A58E80 - - - buttonSecondaryBackground - #E8EDF1 - - - buttonSecondaryBackgroundHover - #DCE3E9 - - - buttonSecondaryBackgroundActive - #CAD4DE - - - buttonSecondaryForeground - #252A31 - - - buttonSecondaryForegroundHover - #181B20 - - - buttonSecondaryForegroundActive - #0B0C0F - - - buttonSuccessBackground - #0A932B - - - buttonSuccessBackgroundHover - #238B31 - - - buttonSuccessBackgroundActive - #1D7228 - - - buttonSuccessForeground - #FFFFFF - - - buttonSuccessForegroundHover - #FFFFFF - - - buttonSuccessForegroundActive - #FFFFFF - - - buttonWarningBackground - #CF6C00 - - - buttonWarningBackgroundHover - #B86000 - - - buttonWarningBackgroundActive - #AD5700 - - - buttonWarningForeground - #FFFFFF - - - buttonWarningForegroundHover - #FFFFFF - - - buttonWarningForegroundActive - #FFFFFF - - - buttonWhiteBackground - #FFFFFF - - - buttonWhiteBackgroundHover - #F5F7F9 - - - buttonWhiteBackgroundActive - #E5EAEF - - - buttonWhiteForeground - #252A31 - - - buttonWhiteForegroundHover - #181B20 - - - buttonWhiteForegroundActive - #0B0C0F - - - buttonWhiteBorderColorFocus - #E7ECF180 - - - boxShadowButtonFocus - #0070C8 - - - borderColorButtonPrimaryBordered - #00A58E - - - borderColorButtonPrimaryBorderedHover - #009580 - - - borderColorButtonPrimaryBorderedActive - #008472 - - - borderColorButtonSecondaryBordered - #252A31 - - - borderColorButtonSecondaryBorderedHover - #181B20 - - - borderColorButtonSecondaryBorderedActive - #0B0C0F - - - borderColorButtonFacebookBordered - #3B5998 - - - borderColorButtonFacebookBorderedHover - #385490 - - - borderColorButtonFacebookBorderedActive - #354F88 - - - borderColorButtonGoogleBordered - #252A31 - - - borderColorButtonGoogleBorderedHover - #181B20 - - - borderColorButtonGoogleBorderedActive - #0B0C0F - - - borderColorButtonInfoBordered - #0070C8 - - - borderColorButtonInfoBorderedHover - #0161AC - - - borderColorButtonInfoBorderedActive - #01508E - - - borderColorButtonSuccessBordered - #0A932B - - - borderColorButtonSuccessBorderedHover - #238B31 - - - borderColorButtonSuccessBorderedActive - #1D7228 - - - borderColorButtonWarningBordered - #CF6C00 - - - borderColorButtonWarningBorderedHover - #B86000 - - - borderColorButtonWarningBorderedActive - #AD5700 - - - borderColorButtonCriticalBordered - #D21C1C - - - borderColorButtonCriticalBorderedHover - #B91919 - - - borderColorButtonCriticalBorderedActive - #9D1515 - - - borderColorButtonWhiteBordered - #FFFFFF - - - borderColorButtonWhiteBorderedHover - #FFFFFF - - - borderColorButtonWhiteBorderedActive - #FFFFFF - - - borderColorCard - #E8EDF1 - - - borderColorCheckboxRadio - #BAC7D5 - - - borderColorCheckboxRadioActive - #252A31 - - - borderColorCheckboxRadioError - #D21C1C - - - borderColorCheckboxRadioFocus - #0070C8 - - - borderColorCheckboxRadioHover - #4F5E71 - - - borderColorInput - #BAC7D5 - - - borderColorInputActive - #94A8BE - - - borderColorInputError - #D21C1C - - - borderColorInputErrorFocus - #D21C1C - - - borderColorInputErrorHover - #B91919 - - - borderColorInputFocus - #0070C8 - - - borderColorInputHover - #A6B6C8 - - - borderColorModal - #E8EDF1 - - - borderColorTable - #E8EDF1 - - - borderColorTableCell - #BAC7D5 - - - borderColorTableHead - #BAC7D5 - - - borderColorTag - #BAC7D5 - - - borderColorTagFocus - #0070C8 - - - modifierScaleButtonActive - 0.95 - - - modifierScaleCheckboxRadioActive - 0.95 - - - fontSizeButtonSmall - 13 - - - fontSizeButtonNormal - 15 - - - fontSizeButtonLarge - 16 - - - fontSizeInputSmall - 15 - - - fontSizeInputNormal - 15 - - - fontSizeFormFeedback - 13 - - - fontSizeFormLabel - 15 - - - fontSizeMessage - 15 - - - borderStyleCard - solid - - - borderStyleInput - solid - - - borderWidthCard - 1 - - - borderWidthInput - 1 - - - borderWidthInputFocus - 2 - - - widthCarrierLogo - 32 - - - widthIconSmall - 16 - - - widthIconMedium - 20 - - - widthIconLarge - 24 - - - widthBadgeCircled - 24 - - - widthCheckbox - 20 - - - widthRadioButton - 20 - - - widthStopoverArrow - 36 - - - widthCountryFlag - 24 - - - widthModalSmall - 540 - - - widthModalNormal - 740 - - - widthModalLarge - 900 - - - widthModalExtraLarge - 1280 - - - heightCarrierLogo - 32 - - - heightButtonSmall - 32 - - - heightButtonNormal - 44 - - - heightButtonLarge - 52 - - - heightInputSmall - 32 - - - heightInputNormal - 44 - - - heightInputLarge - 52 - - - heightIconSmall - 16 - - - heightIconMedium - 20 - - - heightIconLarge - 24 - - - heightBadge - 24 - - - heightCheckbox - 20 - - - heightRadioButton - 20 - - - heightStopoverArrow - 7 - - - heightCountryFlag - auto - - - heightServiceLogoSmall - 12 - - - heightServiceLogoMedium - 24 - - - heightServiceLogoLarge - 48 - - - heightSeparator - 1 + buttonWhiteBackgroundActive + #E5EAEF - heightInputGroupSeparatorSmall - 16 + buttonWhiteForeground + #252A31 - heightInputGroupSeparatorNormal - 20 + buttonWhiteForegroundHover + #181B20 - heightIllustrationSmall - 90 + buttonWhiteForegroundActive + #0B0C0F - heightIllustrationMedium - 200 + buttonWhiteBorderColorFocus + #E7ECF180 countryFlagShadow @@ -2163,18 +683,6 @@ formElementSmallPadding 0 12 - - marginTopFormFeedback - 2 - - - opacityCheckboxDisabled - 50 - - - opacityRadioButtonDisabled - 50 - headingDisplayFontSize 40 @@ -2355,14 +863,6 @@ illustrationDisplayHeight 460 - - loadingForeground - #BAC7D5 - - - modalBorderRadiusMobile - 12 - modalBorderRadius 12 @@ -2387,134 +887,6 @@ modalExtraLargeWidth 1280 - - marginBottomSelectSuffix - 2 - - - paddingLeftSelectPrefix - 48 - - - socialButtonAppleBackground - #4F5E71 - - - socialButtonAppleBackgroundHover - #3E4E63 - - - socialButtonAppleBackgroundActive - #324256 - - - socialButtonAppleForeground - #FFFFFF - - - socialButtonAppleForegroundHover - #FFFFFF - - - socialButtonAppleForegroundActive - #FFFFFF - - - socialButtonAppleBorderColorFocus - #697D9580 - - - socialButtonAppleIconForeground - #FFFFFF - - - socialButtonFacebookBackground - #3B5998 - - - socialButtonFacebookBackgroundHover - #385490 - - - socialButtonFacebookBackgroundActive - #354F88 - - - socialButtonFacebookForeground - #FFFFFF - - - socialButtonFacebookForegroundHover - #FFFFFF - - - socialButtonFacebookForegroundActive - #FFFFFF - - - socialButtonFacebookIconForeground - #3B5998 - - - socialButtonGoogleBackground - #F5F7F9 - - - socialButtonGoogleBackgroundHover - #E5EAEF - - - socialButtonGoogleBackgroundActive - #D6DEE6 - - - socialButtonGoogleForeground - #252A31 - - - socialButtonGoogleForegroundHover - #181B20 - - - socialButtonGoogleForegroundActive - #0B0C0F - - - socialButtonGoogleIconForeground - currentColor - - - socialButtonTwitterBackground - #BAC7D5 - - - socialButtonTwitterBackgroundHover - #DCE3E9 - - - socialButtonTwitterBackgroundActive - #CAD4DE - - - socialButtonTwitterForeground - #4F5E71 - - - socialButtonTwitterForegroundHover - #4F5E71 - - - socialButtonTwitterForegroundActive - #4F5E71 - - - socialButtonTwitterBorderColorFocus - #697D9580 - - - socialButtonTwitterIconForeground - #00ACEE - tabBundleBasicForeground linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%) @@ -2560,12 +932,12 @@ linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%) - fontWeightTableHead - 700 + backgroundTableShadowLeft + linear-gradient(to left, transparent, rgba(186, 199, 213, 23)) - fontWeightLinks - 500 + backgroundTableShadowRight + linear-gradient(to right, transparent, rgba(186, 199, 213, 23)) tagColoredBackground @@ -2683,22 +1055,6 @@ textLinkWhiteForegroundActive #E1F4F3 - - textDecorationTextLinkPrimary - underline - - - textDecorationTextLinkPrimaryHover - none - - - textDecorationTextLinkSecondary - underline - - - textDecorationTextLinkSecondaryHover - none - textPrimaryBackground #252A311A @@ -2755,10 +1111,6 @@ textWhiteForeground #FFFFFF - - backgroundIllustration - transparent - borderRadius50 2 @@ -2783,22 +1135,6 @@ borderRadius400 16 - - borderRadiusCircle - 50% - - - borderRadiusSmall - 2 - - - borderRadiusNormal - 3 - - - borderRadiusLarge - 6 - borderRadiusNone 0 @@ -2827,26 +1163,6 @@ breakpointLargeDesktop 1200 - - widthBreakpointMediumMobile - 414 - - - widthBreakpointLargeMobile - 576 - - - widthBreakpointTablet - 768 - - - widthBreakpointDesktop - 992 - - - widthBreakpointLargeDesktop - 1200 - durationFast 150 @@ -2875,26 +1191,10 @@ elevationFlatBorderSize 1 - - elevationActionBackground - #FFFFFF - - - elevationActionBoxShadow - #252A31 - elevationLevel1BoxShadow #252A31 - - elevationActionActiveBackground - #FFFFFF - - - elevationActionActiveBoxShadow - #252A31 - elevationLevel2BoxShadow #252A31 @@ -2915,78 +1215,18 @@ elevationFixedReverseBoxShadow #252A31 - - elevationRaisedBackground - #FFFFFF - - - elevationRaisedBoxShadow - #252A31 - elevationLevel3BoxShadow #252A31 - - elevationRaisedReverseBackground - #FFFFFF - - - elevationRaisedReverseBoxShadow - #252A31 - elevationLevel3ReverseBoxShadow #252A31 - - elevationOverlayBackground - #FFFFFF - - - elevationOverlayBoxShadow - #252A31 - elevationLevel4BoxShadow #252A31 - - backgroundBody - #F5F7F9 - - - boxShadowAction - #252A31 - - - boxShadowActionActive - #252A31 - - - boxShadowFixed - #252A31 - - - boxShadowFixedReverse - #252A31 - - - boxShadowOverlay - #252A31 - - - boxShadowRaised - #252A31 - - - boxShadowRaisedReverse - #252A31 - - - opacityOverlay - 80 - paletteBlueLight #E8F4FD @@ -3351,42 +1591,6 @@ space1600 64 - - spaceXXXSmall - 2 - - - spaceXXSmall - 4 - - - spaceXSmall - 8 - - - spaceSmall - 12 - - - spaceMedium - 16 - - - spaceLarge - 24 - - - spaceXLarge - 32 - - - spaceXXLarge - 40 - - - spaceXXXLarge - 52 - fontFamily 'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif @@ -3427,22 +1631,6 @@ lineHeightExtraLarge 24 - - lineHeightTextSmall - 16 - - - lineHeightTextNormal - 20 - - - lineHeightTextLarge - 24 - - - lineHeightTextExtraLarge - 24 - fontWeightNormal 400 diff --git a/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.ts.snap b/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.ts.snap index f0393989f9..6baec6a036 100644 --- a/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.ts.snap +++ b/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.ts.snap @@ -15,105 +15,8 @@ exports[`defaultTokens should match snapshot 1`] = ` "alertIconInfo": "#0070C8", "alertIconSuccess": "#0A932B", "alertIconWarning": "#CF6C00", - "backgroundAlertCritical": "#FAEAEA", - "backgroundAlertInfo": "#E8F4FD", - "backgroundAlertSuccess": "#EAF5EA", - "backgroundAlertWarning": "#FEF2E6", - "backgroundBadgeCritical": "#D21C1C", - "backgroundBadgeCriticalSubtle": "#FAEAEA", - "backgroundBadgeDark": "#252A31", - "backgroundBadgeInfo": "#0070C8", - "backgroundBadgeInfoSubtle": "#E8F4FD", - "backgroundBadgeNeutral": "#F5F7F9", - "backgroundBadgeSuccess": "#0A932B", - "backgroundBadgeSuccessSubtle": "#EAF5EA", - "backgroundBadgeWarning": "#CF6C00", - "backgroundBadgeWarningSubtle": "#FEF2E6", - "backgroundBadgeWhite": "#FFFFFF", - "backgroundBody": "#F5F7F9", - "backgroundButtonBordered": "transparent", - "backgroundButtonBorderedActive": "#F5F7F9", - "backgroundButtonBorderedHover": "#F5F7F9", - "backgroundButtonBundleBasic": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)", - "backgroundButtonBundleBasicActive": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)", - "backgroundButtonBundleBasicHover": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)", - "backgroundButtonBundleMedium": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)", - "backgroundButtonBundleMediumActive": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)", - "backgroundButtonBundleMediumHover": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)", - "backgroundButtonBundleTop": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)", - "backgroundButtonBundleTopActive": "linear-gradient(to top right, #101011 0%, #51575C)", - "backgroundButtonBundleTopHover": "linear-gradient(to top right, #171718 0%, #51575C 100%)", - "backgroundButtonCritical": "#D21C1C", - "backgroundButtonCriticalActive": "#9D1515", - "backgroundButtonCriticalHover": "#B91919", - "backgroundButtonCriticalSubtle": "#FAEAEA", - "backgroundButtonCriticalSubtleActive": "#F3CECE", - "backgroundButtonCriticalSubtleFocus": "#FAEAEA", - "backgroundButtonCriticalSubtleHover": "#F8E2E2", - "backgroundButtonFacebook": "#3B5998", - "backgroundButtonFacebookActive": "#354F88", - "backgroundButtonFacebookHover": "#385490", - "backgroundButtonGoogle": "#F5F7F9", - "backgroundButtonGoogleActive": "#D6DEE6", - "backgroundButtonGoogleHover": "#E5EAEF", - "backgroundButtonInfo": "#0070C8", - "backgroundButtonInfoActive": "#01508E", - "backgroundButtonInfoHover": "#0161AC", - "backgroundButtonLinkCritical": "transparent", - "backgroundButtonLinkCriticalActive": "#F3CECE", - "backgroundButtonLinkCriticalHover": "#F8E2E2", - "backgroundButtonLinkPrimary": "transparent", - "backgroundButtonLinkPrimaryActive": "#BFE8E2", - "backgroundButtonLinkPrimaryHover": "#D6F0EC", - "backgroundButtonLinkSecondary": "transparent", - "backgroundButtonLinkSecondaryActive": "#D6DEE6", - "backgroundButtonLinkSecondaryHover": "#E5EAEF", - "backgroundButtonPrimary": "#00A58E", - "backgroundButtonPrimaryActive": "#008472", - "backgroundButtonPrimaryHover": "#009580", - "backgroundButtonPrimarySubtle": "#E1F4F3", - "backgroundButtonPrimarySubtleActive": "#BFE8E2", - "backgroundButtonPrimarySubtleFocus": "#E1F4F3", - "backgroundButtonPrimarySubtleHover": "#D6F0EC", - "backgroundButtonSecondary": "#E8EDF1", - "backgroundButtonSecondaryActive": "#CAD4DE", - "backgroundButtonSecondaryHover": "#DCE3E9", - "backgroundButtonSuccess": "#0A932B", - "backgroundButtonSuccessActive": "#1D7228", - "backgroundButtonSuccessHover": "#238B31", - "backgroundButtonWarning": "#CF6C00", - "backgroundButtonWarningActive": "#AD5700", - "backgroundButtonWarningHover": "#B86000", - "backgroundButtonWhite": "#FFFFFF", - "backgroundButtonWhiteActive": "#E5EAEF", - "backgroundButtonWhiteBordered": "transparent", - "backgroundButtonWhiteBorderedActive": "rgba(255, 255, 255, 0.2)", - "backgroundButtonWhiteBorderedHover": "rgba(255, 255, 255, 0.2)", - "backgroundButtonWhiteHover": "#F5F7F9", - "backgroundCard": "#FFFFFF", - "backgroundCarrierLogo": "transparent", - "backgroundCountryFlag": "transparent", - "backgroundIllustration": "transparent", - "backgroundInput": "#FFFFFF", - "backgroundInputDisabled": "#E8EDF1", - "backgroundModal": "#FFFFFF", - "backgroundSeparator": "#E8EDF1", - "backgroundServiceLogo": "transparent", - "backgroundSwitch": "#BAC7D5", - "backgroundSwitchChecked": "#0070C8", - "backgroundTable": "#FFFFFF", - "backgroundTableEven": "#F5F7F9", - "backgroundTableHover": "#E8EDF1", "backgroundTableShadowLeft": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))", "backgroundTableShadowRight": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))", - "backgroundTag": "#F5F7F9", - "backgroundTagActive": "#D6DEE6", - "backgroundTagHover": "#E5EAEF", - "backgroundTagSelected": "#252A31", - "backgroundTagSelectedActive": "#0B0C0F", - "backgroundTagSelectedHover": "#181B20", - "backgroundTooltip": "#FFFFFF", - "backgroundTooltipLargeMobile": "#005AA3", "badgeBorderRadius": "12px", "badgeBundleBasicBackground": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)", "badgeBundleBasicForeground": "#FFFFFF", @@ -143,78 +46,14 @@ exports[`defaultTokens should match snapshot 1`] = ` "badgeWarningSubtleForeground": "#A75400", "badgeWhiteBackground": "#FFFFFF", "badgeWhiteForeground": "#252A31", - "borderColorButtonCriticalBordered": "#D21C1C", - "borderColorButtonCriticalBorderedActive": "#9D1515", - "borderColorButtonCriticalBorderedHover": "#B91919", - "borderColorButtonFacebookBordered": "#3B5998", - "borderColorButtonFacebookBorderedActive": "#354F88", - "borderColorButtonFacebookBorderedHover": "#385490", - "borderColorButtonGoogleBordered": "#252A31", - "borderColorButtonGoogleBorderedActive": "#0B0C0F", - "borderColorButtonGoogleBorderedHover": "#181B20", - "borderColorButtonInfoBordered": "#0070C8", - "borderColorButtonInfoBorderedActive": "#01508E", - "borderColorButtonInfoBorderedHover": "#0161AC", - "borderColorButtonPrimaryBordered": "#00A58E", - "borderColorButtonPrimaryBorderedActive": "#008472", - "borderColorButtonPrimaryBorderedHover": "#009580", - "borderColorButtonSecondaryBordered": "#252A31", - "borderColorButtonSecondaryBorderedActive": "#0B0C0F", - "borderColorButtonSecondaryBorderedHover": "#181B20", - "borderColorButtonSuccessBordered": "#0A932B", - "borderColorButtonSuccessBorderedActive": "#1D7228", - "borderColorButtonSuccessBorderedHover": "#238B31", - "borderColorButtonWarningBordered": "#CF6C00", - "borderColorButtonWarningBorderedActive": "#AD5700", - "borderColorButtonWarningBorderedHover": "#B86000", - "borderColorButtonWhiteBordered": "#FFFFFF", - "borderColorButtonWhiteBorderedActive": "#FFFFFF", - "borderColorButtonWhiteBorderedHover": "#FFFFFF", - "borderColorCard": "#E8EDF1", - "borderColorCheckboxRadio": "#BAC7D5", - "borderColorCheckboxRadioActive": "#252A31", - "borderColorCheckboxRadioError": "#D21C1C", - "borderColorCheckboxRadioFocus": "#0070C8", - "borderColorCheckboxRadioHover": "#4F5E71", - "borderColorInput": "#BAC7D5", - "borderColorInputActive": "#94A8BE", - "borderColorInputError": "#D21C1C", - "borderColorInputErrorFocus": "#D21C1C", - "borderColorInputErrorHover": "#B91919", - "borderColorInputFocus": "#0070C8", - "borderColorInputHover": "#A6B6C8", - "borderColorModal": "#E8EDF1", - "borderColorTable": "#E8EDF1", - "borderColorTableCell": "#BAC7D5", - "borderColorTableHead": "#BAC7D5", - "borderColorTag": "#BAC7D5", - "borderColorTagFocus": "#0070C8", "borderRadius100": "4px", "borderRadius150": "6px", "borderRadius200": "8px", "borderRadius300": "12px", "borderRadius400": "16px", "borderRadius50": "2px", - "borderRadiusBadge": "12px", - "borderRadiusCircle": "50%", "borderRadiusFull": "9999px", - "borderRadiusLarge": "6px", "borderRadiusNone": "0", - "borderRadiusNormal": "3px", - "borderRadiusSmall": "2px", - "borderStyleCard": "solid", - "borderStyleInput": "solid", - "borderWidthCard": "1px", - "borderWidthInput": "1px", - "borderWidthInputFocus": "2px", - "boxShadowAction": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 1px 4px 0 rgba(37, 42, 49, 0.12)", - "boxShadowActionActive": "0 1px 4px 0 rgba(37, 42, 49, 0.16),0 4px 8px 0 rgba(37, 42, 49, 0.12)", - "boxShadowButtonFocus": "0 0 4px 1px rgba(0, 112, 200, 0.3)", - "boxShadowFixed": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 2px 4px 0 rgba(37, 42, 49, 0.12)", - "boxShadowFixedReverse": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 -2px 4px 0 rgba(37, 42, 49, 0.12)", - "boxShadowOverlay": "0 12px 24px -4px rgba(37, 42, 49, 0.24),0 8px 60px 0 rgba(37, 42, 49, 0.32)", - "boxShadowRaised": "0 4px 8px 0 rgba(37, 42, 49, 0.16),0 8px 24px 0 rgba(37, 42, 49, 0.24)", - "boxShadowRaisedReverse": "0 -4px 8px 0 rgba(37, 42, 49, 0.16),0 -8px 24px 0 rgba(37, 42, 49, 0.24)", "breakpointDesktop": 992, "breakpointLargeDesktop": 1200, "breakpointLargeMobile": 576, @@ -247,11 +86,7 @@ exports[`defaultTokens should match snapshot 1`] = ` "buttonInfoForeground": "#FFFFFF", "buttonInfoForegroundActive": "#FFFFFF", "buttonInfoForegroundHover": "#FFFFFF", - "buttonLargeBothIconsPadding": "0 16px", "buttonLargeFontSize": "16px", - "buttonLargeLeftIconPadding": "0 28px 0 16px", - "buttonLargePadding": "0 28px", - "buttonLargeRightIconPadding": "0 16px 0 28px", "buttonLinkCriticalBackground": "transparent", "buttonLinkCriticalBackgroundActive": "#F3CECE", "buttonLinkCriticalBackgroundHover": "#F8E2E2", @@ -270,11 +105,7 @@ exports[`defaultTokens should match snapshot 1`] = ` "buttonLinkSecondaryForeground": "#252A31", "buttonLinkSecondaryForegroundActive": "#0B0C0F", "buttonLinkSecondaryForegroundHover": "#181B20", - "buttonNormalBothIconsPadding": "0 12px", "buttonNormalFontSize": "15px", - "buttonNormalLeftIconPadding": "0 16px 0 12px", - "buttonNormalPadding": "0 16px", - "buttonNormalRightIconPadding": "0 12px 0 16px", "buttonPaddingLarge": "28px", "buttonPaddingNormal": "16px", "buttonPaddingSmall": "12px", @@ -298,11 +129,7 @@ exports[`defaultTokens should match snapshot 1`] = ` "buttonSecondaryForeground": "#252A31", "buttonSecondaryForegroundActive": "#0B0C0F", "buttonSecondaryForegroundHover": "#181B20", - "buttonSmallBothIconsPadding": "0 8px", "buttonSmallFontSize": "13px", - "buttonSmallLeftIconPadding": "0 12px 0 8px", - "buttonSmallPadding": "0 12px", - "buttonSmallRightIconPadding": "0 8px 0 12px", "buttonSuccessBackground": "#0A932B", "buttonSuccessBackgroundActive": "#1D7228", "buttonSuccessBackgroundHover": "#238B31", @@ -323,137 +150,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "buttonWhiteForegroundActive": "#0B0C0F", "buttonWhiteForegroundHover": "#181B20", "buttonWithoutTextPadding": "0", - "colorAlertIconCritical": "#D21C1C", - "colorAlertIconInfo": "#0070C8", - "colorAlertIconSuccess": "#0A932B", - "colorAlertIconWarning": "#CF6C00", - "colorFormLabel": "#252A31", - "colorFormLabelFilled": "#4F5E71", - "colorHeading": "#252A31", - "colorHeadingInverted": "#FFFFFF", - "colorIconCheckboxRadio": "#00A58E", - "colorIconCheckboxRadioDisabled": "#BAC7D5", - "colorIconCritical": "#D21C1C", - "colorIconInfo": "#0070C8", - "colorIconInput": "#BAC7D5", - "colorIconPrimary": "#252A31", - "colorIconRadioButton": "#00A58E", - "colorIconRadioButtonDisabled": "#4F5E71", - "colorIconSecondary": "#4F5E71", - "colorIconSuccess": "#0A932B", - "colorIconTertiary": "#BAC7D5", - "colorIconWarning": "#CF6C00", - "colorInfoCheckBoxRadio": "#4F5E71", - "colorPlaceholderInput": "#697D95", - "colorPlaceholderInputError": "#D21C1C", - "colorPlaceholderInputFile": "#697D95", - "colorPlaceholderInputFileError": "#D21C1C", - "colorStopoverArrow": "#697D95", - "colorTextAlertCritical": "#970C0C", - "colorTextAlertInfo": "#005AA3", - "colorTextAlertLink": "#4F5E71", - "colorTextAlertSuccess": "#2D7738", - "colorTextAlertWarning": "#A75400", - "colorTextBadgeCritical": "#D21C1C", - "colorTextBadgeDark": "#FFFFFF", - "colorTextBadgeInfo": "#0070C8", - "colorTextBadgeNeutral": "#4F5E71", - "colorTextBadgeSuccess": "#0A932B", - "colorTextBadgeWarning": "#CF6C00", - "colorTextBadgeWhite": "#252A31", - "colorTextButtonCritical": "#FFFFFF", - "colorTextButtonCriticalActive": "#FFFFFF", - "colorTextButtonCriticalBordered": "#D21C1C", - "colorTextButtonCriticalBorderedActive": "#9D1515", - "colorTextButtonCriticalBorderedHover": "#B91919", - "colorTextButtonCriticalHover": "#FFFFFF", - "colorTextButtonCriticalSubtle": "#970C0C", - "colorTextButtonCriticalSubtleActive": "#6D0909", - "colorTextButtonCriticalSubtleHover": "#890B0B", - "colorTextButtonFacebook": "#FFFFFF", - "colorTextButtonFacebookActive": "#FFFFFF", - "colorTextButtonFacebookBordered": "#3B5998", - "colorTextButtonFacebookBorderedActive": "#354F88", - "colorTextButtonFacebookBorderedHover": "#385490", - "colorTextButtonFacebookHover": "#FFFFFF", - "colorTextButtonFilled": "#FFFFFF", - "colorTextButtonFilledActive": "#FFFFFF", - "colorTextButtonFilledHover": "#FFFFFF", - "colorTextButtonGoogle": "#252A31", - "colorTextButtonGoogleActive": "#0B0C0F", - "colorTextButtonGoogleBordered": "#252A31", - "colorTextButtonGoogleBorderedActive": "#0B0C0F", - "colorTextButtonGoogleBorderedHover": "#181B20", - "colorTextButtonGoogleHover": "#181B20", - "colorTextButtonInfo": "#FFFFFF", - "colorTextButtonInfoActive": "#FFFFFF", - "colorTextButtonInfoBordered": "#0070C8", - "colorTextButtonInfoBorderedActive": "#01508E", - "colorTextButtonInfoBorderedHover": "#0161AC", - "colorTextButtonInfoHover": "#FFFFFF", - "colorTextButtonLinkCritical": "#D21C1C", - "colorTextButtonLinkCriticalActive": "#9D1515", - "colorTextButtonLinkCriticalHover": "#B91919", - "colorTextButtonLinkPrimary": "#00A58E", - "colorTextButtonLinkPrimaryActive": "#008472", - "colorTextButtonLinkPrimaryHover": "#009580", - "colorTextButtonLinkSecondary": "#252A31", - "colorTextButtonLinkSecondaryActive": "#0B0C0F", - "colorTextButtonLinkSecondaryCompactActive": "#008472", - "colorTextButtonLinkSecondaryCompactHover": "#009580", - "colorTextButtonLinkSecondaryHover": "#181B20", - "colorTextButtonPrimary": "#FFFFFF", - "colorTextButtonPrimaryActive": "#FFFFFF", - "colorTextButtonPrimaryBordered": "#00A58E", - "colorTextButtonPrimaryBorderedActive": "#008472", - "colorTextButtonPrimaryBorderedHover": "#009580", - "colorTextButtonPrimaryHover": "#FFFFFF", - "colorTextButtonPrimarySubtle": "#007A69", - "colorTextButtonPrimarySubtleActive": "#006657", - "colorTextButtonPrimarySubtleHover": "#007060", - "colorTextButtonSecondary": "#252A31", - "colorTextButtonSecondaryActive": "#0B0C0F", - "colorTextButtonSecondaryBordered": "#252A31", - "colorTextButtonSecondaryBorderedActive": "#0B0C0F", - "colorTextButtonSecondaryBorderedHover": "#181B20", - "colorTextButtonSecondaryHover": "#181B20", - "colorTextButtonSuccess": "#FFFFFF", - "colorTextButtonSuccessActive": "#FFFFFF", - "colorTextButtonSuccessBordered": "#0A932B", - "colorTextButtonSuccessBorderedActive": "#1D7228", - "colorTextButtonSuccessBorderedHover": "#238B31", - "colorTextButtonSuccessHover": "#FFFFFF", - "colorTextButtonWarning": "#FFFFFF", - "colorTextButtonWarningActive": "#FFFFFF", - "colorTextButtonWarningBordered": "#CF6C00", - "colorTextButtonWarningBorderedActive": "#AD5700", - "colorTextButtonWarningBorderedHover": "#B86000", - "colorTextButtonWarningHover": "#FFFFFF", - "colorTextButtonWhite": "#252A31", - "colorTextButtonWhiteActive": "#0B0C0F", - "colorTextButtonWhiteBordered": "#FFFFFF", - "colorTextButtonWhiteBorderedActive": "#FFFFFF", - "colorTextButtonWhiteBorderedHover": "#FFFFFF", - "colorTextButtonWhiteHover": "#181B20", - "colorTextCritical": "#D21C1C", - "colorTextError": "#D21C1C", - "colorTextInfo": "#0070C8", - "colorTextInput": "#252A31", - "colorTextInputDisabled": "#4F5E71", - "colorTextInputPrefix": "#4F5E71", - "colorTextLinkPrimary": "#007A69", - "colorTextLinkPrimaryHover": "#00A58E", - "colorTextLinkSecondary": "#252A31", - "colorTextLinkSecondaryHover": "#00A58E", - "colorTextLoading": "#BAC7D5", - "colorTextPrimary": "#252A31", - "colorTextSecondary": "#4F5E71", - "colorTextSuccess": "#0A932B", - "colorTextTable": "#697D95", - "colorTextTag": "#252A31", - "colorTextTagSelected": "#BAC7D5", - "colorTextWarning": "#CF6C00", - "colorTextWhite": "#FFFFFF", "countryFlagBackground": "transparent", "countryFlagMediumHeight": "13px", "countryFlagMediumWidth": "24px", @@ -467,10 +163,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "durationFast": "0.15s", "durationNormal": "0.3s", "durationSlow": "0.4s", - "elevationActionActiveBackground": "#FFFFFF", - "elevationActionActiveBoxShadow": "0 1px 4px 0 rgba(37, 42, 49, 0.16),0 4px 8px 0 rgba(37, 42, 49, 0.12)", - "elevationActionBackground": "#FFFFFF", - "elevationActionBoxShadow": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 1px 4px 0 rgba(37, 42, 49, 0.12)", "elevationFixedBackground": "#FFFFFF", "elevationFixedBoxShadow": "0 0 2px 0 rgba(37, 42, 49, 0.16),0 2px 4px 0 rgba(37, 42, 49, 0.12)", "elevationFixedReverseBackground": "#FFFFFF", @@ -483,31 +175,15 @@ exports[`defaultTokens should match snapshot 1`] = ` "elevationLevel3BoxShadow": "0 4px 8px 0 rgba(37, 42, 49, 0.16),0 8px 24px 0 rgba(37, 42, 49, 0.24)", "elevationLevel3ReverseBoxShadow": "0 -4px 8px 0 rgba(37, 42, 49, 0.16),0 -8px 24px 0 rgba(37, 42, 49, 0.24)", "elevationLevel4BoxShadow": "0 12px 24px -4px rgba(37, 42, 49, 0.24),0 8px 60px 0 rgba(37, 42, 49, 0.32)", - "elevationOverlayBackground": "#FFFFFF", - "elevationOverlayBoxShadow": "0 12px 24px -4px rgba(37, 42, 49, 0.24),0 8px 60px 0 rgba(37, 42, 49, 0.32)", - "elevationRaisedBackground": "#FFFFFF", - "elevationRaisedBoxShadow": "0 4px 8px 0 rgba(37, 42, 49, 0.16),0 8px 24px 0 rgba(37, 42, 49, 0.24)", - "elevationRaisedReverseBackground": "#FFFFFF", - "elevationRaisedReverseBoxShadow": "0 -4px 8px 0 rgba(37, 42, 49, 0.16),0 -8px 24px 0 rgba(37, 42, 49, 0.24)", "elevationSuppressedBackground": "#F5F7F9", "fontFamily": "'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif", - "fontSizeButtonLarge": "16px", - "fontSizeButtonNormal": "15px", - "fontSizeButtonSmall": "13px", - "fontSizeFormFeedback": "13px", - "fontSizeFormLabel": "15px", - "fontSizeInputNormal": "15px", - "fontSizeInputSmall": "15px", - "fontSizeMessage": "15px", "fontSizeTextExtraLarge": "18px", "fontSizeTextLarge": "16px", "fontSizeTextNormal": "15px", "fontSizeTextSmall": "13px", "fontWeightBold": "700", - "fontWeightLinks": "500", "fontWeightMedium": "500", "fontWeightNormal": "400", - "fontWeightTableHead": "700", "formBoxLargeHeight": "52px", "formBoxNormalHeight": "44px", "formBoxSmallHeight": "32px", @@ -565,29 +241,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "headingTitle6FontSize": "13px", "headingTitle6FontWeight": "700", "headingTitle6LineHeight": "18px", - "heightBadge": "24px", - "heightButtonLarge": "52px", - "heightButtonNormal": "44px", - "heightButtonSmall": "32px", - "heightCarrierLogo": "32px", - "heightCheckbox": "20px", - "heightCountryFlag": "auto", - "heightIconLarge": "24px", - "heightIconMedium": "20px", - "heightIconSmall": "16px", - "heightIllustrationMedium": "200px", - "heightIllustrationSmall": "90px", - "heightInputGroupSeparatorNormal": "20px", - "heightInputGroupSeparatorSmall": "16px", - "heightInputLarge": "52px", - "heightInputNormal": "44px", - "heightInputSmall": "32px", - "heightRadioButton": "20px", - "heightSeparator": "1px", - "heightServiceLogoLarge": "48px", - "heightServiceLogoMedium": "24px", - "heightServiceLogoSmall": "12px", - "heightStopoverArrow": "7px", "iconCriticalForeground": "#D21C1C", "iconExtraLargeSize": "32px", "iconInfoForeground": "#0070C8", @@ -609,57 +262,12 @@ exports[`defaultTokens should match snapshot 1`] = ` "lineHeightNormal": "20px", "lineHeightSmall": "16px", "lineHeightText": "1.4", - "lineHeightTextExtraLarge": "24px", - "lineHeightTextLarge": "24px", - "lineHeightTextNormal": "20px", - "lineHeightTextSmall": "16px", - "loadingForeground": "#BAC7D5", - "marginBadgeIcon": "0 4px 0 0", - "marginBottomSelectSuffix": "2px", - "marginButtonGroup": "0 1px 0 0", - "marginButtonIcon": "8px", - "marginTopFormFeedback": "2px", "modalBorderRadius": "12px", - "modalBorderRadiusMobile": "12px", "modalExtraLargeWidth": "1280px", "modalExtraSmallWidth": "360px", "modalLargeWidth": "900px", "modalNormalWidth": "740px", "modalSmallWidth": "540px", - "modifierScaleButtonActive": 0.95, - "modifierScaleCheckboxRadioActive": 0.95, - "opacityCheckboxDisabled": "0.5", - "opacityOverlay": "0.8", - "opacityRadioButtonDisabled": "0.5", - "paddingAlert": "16px", - "paddingAlertWithIcon": "12px", - "paddingBadge": "0 8px", - "paddingButtonLarge": "0 28px", - "paddingButtonLargeWithIcons": "0 16px", - "paddingButtonLargeWithLeftIcon": "0 28px 0 16px", - "paddingButtonLargeWithRightIcon": "0 16px 0 28px", - "paddingButtonNormal": "0 16px", - "paddingButtonNormalWithIcons": "0 12px", - "paddingButtonNormalWithLeftIcon": "0 16px 0 12px", - "paddingButtonNormalWithRightIcon": "0 12px 0 16px", - "paddingButtonSmall": "0 12px", - "paddingButtonSmallWithIcons": "0 8px", - "paddingButtonSmallWithLeftIcon": "0 12px 0 8px", - "paddingButtonSmallWithRightIcon": "0 8px 0 12px", - "paddingButtonWithoutText": "0", - "paddingInputFile": "0 0 0 6px", - "paddingInputNormal": "0 12px", - "paddingInputSmall": "0 12px", - "paddingLeftSelectPrefix": "48px", - "paddingLoading": "12px", - "paddingTable": "12px 16px", - "paddingTableCompact": "8px 12px", - "paddingTag": "6px 8px", - "paddingTagRemovable": "6px 6px 6px 8px", - "paddingTagRemovableWithIcon": "6px", - "paddingTagWithIcon": "6px 8px 6px 6px", - "paddingTextareaNormal": "12px", - "paddingTextareaSmall": "8px 12px", "paletteBlueDark": "#005AA3", "paletteBlueDarkActive": "#003E70", "paletteBlueDarkHover": "#004F8F", @@ -737,36 +345,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "paletteWhiteActive": "#E7ECF1", "paletteWhiteHover": "#F1F4F7", "paletteWhiteNormal": "#FFFFFF", - "socialButtonAppleBackground": "#4F5E71", - "socialButtonAppleBackgroundActive": "#324256", - "socialButtonAppleBackgroundHover": "#3E4E63", - "socialButtonAppleBorderColorFocus": "rgba(105, 125, 149, 0.5)", - "socialButtonAppleForeground": "#FFFFFF", - "socialButtonAppleForegroundActive": "#FFFFFF", - "socialButtonAppleForegroundHover": "#FFFFFF", - "socialButtonAppleIconForeground": "#FFFFFF", - "socialButtonFacebookBackground": "#3B5998", - "socialButtonFacebookBackgroundActive": "#354F88", - "socialButtonFacebookBackgroundHover": "#385490", - "socialButtonFacebookForeground": "#FFFFFF", - "socialButtonFacebookForegroundActive": "#FFFFFF", - "socialButtonFacebookForegroundHover": "#FFFFFF", - "socialButtonFacebookIconForeground": "#3B5998", - "socialButtonGoogleBackground": "#F5F7F9", - "socialButtonGoogleBackgroundActive": "#D6DEE6", - "socialButtonGoogleBackgroundHover": "#E5EAEF", - "socialButtonGoogleForeground": "#252A31", - "socialButtonGoogleForegroundActive": "#0B0C0F", - "socialButtonGoogleForegroundHover": "#181B20", - "socialButtonGoogleIconForeground": "currentColor", - "socialButtonTwitterBackground": "#BAC7D5", - "socialButtonTwitterBackgroundActive": "#CAD4DE", - "socialButtonTwitterBackgroundHover": "#DCE3E9", - "socialButtonTwitterBorderColorFocus": "rgba(105, 125, 149, 0.5)", - "socialButtonTwitterForeground": "#4F5E71", - "socialButtonTwitterForegroundActive": "#4F5E71", - "socialButtonTwitterForegroundHover": "#4F5E71", - "socialButtonTwitterIconForeground": "#00ACEE", "space100": "4px", "space1000": "40px", "space1200": "48px", @@ -781,15 +359,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "space600": "24px", "space700": "28px", "space800": "32px", - "spaceLarge": "24px", - "spaceMedium": "16px", - "spaceSmall": "12px", - "spaceXLarge": "32px", - "spaceXSmall": "8px", - "spaceXXLarge": "40px", - "spaceXXSmall": "4px", - "spaceXXXLarge": "52px", - "spaceXXXSmall": "2px", "tabBundleBasicBackground": "#FFFFFF", "tabBundleBasicBackgroundActive": "rgba(215, 51, 28, 0.12)", "tabBundleBasicBackgroundHover": "rgba(215, 51, 28, 0.08)", @@ -811,10 +380,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "tagNeutralForeground": "#252A31", "textCriticalBackground": "rgba(210, 28, 28, 0.1)", "textCriticalForeground": "#D21C1C", - "textDecorationTextLinkPrimary": "underline", - "textDecorationTextLinkPrimaryHover": "none", - "textDecorationTextLinkSecondary": "underline", - "textDecorationTextLinkSecondaryHover": "none", "textInfoBackground": "rgba(0, 112, 200, 0.1)", "textInfoForeground": "#0070C8", "textLinkCriticalForeground": "#970C0C", @@ -848,24 +413,6 @@ exports[`defaultTokens should match snapshot 1`] = ` "textWarningForeground": "#CF6C00", "textWhiteBackground": "rgba(255, 255, 255, 0.1)", "textWhiteForeground": "#FFFFFF", - "widthBadgeCircled": "24px", - "widthBreakpointDesktop": 992, - "widthBreakpointLargeDesktop": 1200, - "widthBreakpointLargeMobile": 576, - "widthBreakpointMediumMobile": 414, - "widthBreakpointTablet": 768, - "widthCarrierLogo": "32px", - "widthCheckbox": "20px", - "widthCountryFlag": "24px", - "widthIconLarge": "24px", - "widthIconMedium": "20px", - "widthIconSmall": "16px", - "widthModalExtraLarge": "1280px", - "widthModalLarge": "900px", - "widthModalNormal": "740px", - "widthModalSmall": "540px", - "widthRadioButton": "20px", - "widthStopoverArrow": "36px", "zIndexDefault": 1, "zIndexDrawer": 815, "zIndexModal": 825, diff --git a/packages/orbit-design-tokens/src/__tests__/deprecatedTokens.test.ts b/packages/orbit-design-tokens/src/__tests__/deprecatedTokens.test.ts deleted file mode 100644 index 22990d2c83..0000000000 --- a/packages/orbit-design-tokens/src/__tests__/deprecatedTokens.test.ts +++ /dev/null @@ -1,566 +0,0 @@ -import createTheme from "../js/createTheme"; -import convertHexToRgba from "../js/convertHexToRgba"; - -const palette = { - blue: { - dark: "#005AA3", - darkActive: "#003E70", - darkHover: "#004F8F", - darker: "#004680", - light: "#E8F4FD", - lightActive: "#C7E4FA", - lightHover: "#DEF0FC", - normal: "#0172CB", - normalActive: "#01508E", - normalHover: "#0161AC", - }, - cloud: { - dark: "#BAC7D5", - darkActive: "#94A8BE", - darkHover: "#A6B6C8", - light: "#F5F7F9", - lightActive: "#D6DEE6", - lightHover: "#E5EAEF", - normal: "#E8EDF1", - normalActive: "#CAD4DE", - normalHover: "#DCE3E9", - }, - green: { - dark: "#2D7738", - darkActive: "#1F5126", - darkHover: "#276831", - darker: "#235C2B", - light: "#EAF5EA", - lightActive: "#CDE4CF", - lightHover: "#E1EFE2", - normal: "#28A138", - normalActive: "#1D7228", - normalHover: "#238B31", - }, - ink: { - dark: "#252A31", - darkActive: "#0B0C0F", - darkHover: "#181B20", - light: "#697D95", - lightActive: "#4A617C", - lightHover: "#5D738E", - normal: "#4F5E71", - normalActive: "#324256", - normalHover: "#3E4E63", - }, - orange: { - dark: "#AD5700", - darkActive: "#954A00", - darkHover: "#A75400", - darker: "#803F00", - light: "#FEF2E6", - lightActive: "#FAE2C6", - lightHover: "#FCECDA", - normal: "#DF7B00", - normalActive: "#B26200", - normalHover: "#C96F00", - }, - product: { - dark: "#007A69", - darkActive: "#006657", - darkHover: "#007060", - darker: "#005C4E", - light: "#E1F4F3", - lightActive: "#BFE8E2", - lightHover: "#D6F0EC", - normal: "#00A58E", - normalActive: "#008472", - normalHover: "#009580", - }, - red: { - dark: "#970C0C", - darkActive: "#6D0909", - darkHover: "#890B0B", - darker: "#760909", - light: "#FAEAEA", - lightActive: "#F3CECE", - lightHover: "#F8E2E2", - normal: "#D21C1C", - normalActive: "#9D1515", - normalHover: "#B91919", - }, - white: { - normal: "#FFFFFF", - normalActive: "#E7ECF1", - normalHover: "#F1F4F7", - }, -}; - -const oldFoundation = { - palette: { - ...palette, - social: { - facebook: "#3B5998", - facebookHover: "#385490", - facebookActive: "#354F88", - }, - }, - base: { - fontFamily: - "'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif", - fontSizeSm: "13px", - fontSizeMd: "15px", - fontSizeLg: "16px", - iconSizeSm: "16px", - iconSizeMd: "20px", - iconSizeLg: "24px", - borderRadius: "3px", - sizeSm: "16px", - sizeMd: "24px", - sizeLg: "32px", - sizeXl: "44px", - size2xl: "52px", - opacitySmall: "0.3", - opacityMedium: "0.5", - opacityLarge: "0.8", - fontWeightNormal: "400", - fontWeightMedium: "500", - fontWeightBold: "700", - space2xs: "4px", - spaceXs: "8px", - spaceSm: "12px", - spaceMd: "16px", - spaceLg: "24px", - spaceXl: "32px", - space2xl: "40px", - space3xl: "52px", - durationFast: "0.15s", - durationNormal: "0.3s", - durationSlow: "0.4s", - transitionDefault: "ease-in-out", - lineHeight: "1.4", - }, -}; - -const oldTokens = () => { - const theme = oldFoundation; - return { - colorTextPrimary: theme.palette.ink.dark, - colorTextSecondary: theme.palette.ink.normal, - colorTextError: theme.palette.red.normal, - colorTextInfo: theme.palette.blue.normal, - colorTextSuccess: theme.palette.green.normal, - colorTextWarning: theme.palette.orange.normal, - colorTextCritical: theme.palette.red.normal, - colorTextWhite: theme.palette.white.normal, - colorIconPrimary: theme.palette.ink.dark, - colorIconSecondary: theme.palette.ink.normal, - colorIconTertiary: theme.palette.cloud.dark, - colorIconInfo: theme.palette.blue.normal, - colorIconSuccess: theme.palette.green.normal, - colorIconWarning: theme.palette.orange.normal, - colorIconCritical: theme.palette.red.normal, - colorHeading: theme.palette.ink.dark, - colorHeadingInverted: theme.palette.white.normal, - colorTextLinkPrimary: theme.palette.product.dark, - colorTextLinkPrimaryHover: theme.palette.product.normal, - colorTextLinkSecondary: theme.palette.ink.dark, - colorTextLinkSecondaryHover: theme.palette.product.normal, - colorAlertIconSuccess: theme.palette.green.normal, - colorTextAlertSuccess: theme.palette.green.dark, - colorAlertIconInfo: theme.palette.blue.normal, - colorTextAlertInfo: theme.palette.blue.dark, - colorAlertIconWarning: theme.palette.orange.normal, - colorTextAlertWarning: theme.palette.orange.dark, - colorAlertIconCritical: theme.palette.red.normal, - colorTextAlertCritical: theme.palette.red.dark, - colorTextButtonFilled: theme.palette.white.normal, - colorTextButtonFilledHover: theme.palette.white.normal, - colorTextButtonFilledActive: theme.palette.white.normal, - colorTextButtonPrimary: theme.palette.white.normal, - colorTextButtonPrimaryHover: theme.palette.white.normal, - colorTextButtonPrimaryActive: theme.palette.white.normal, - colorTextButtonSecondary: theme.palette.ink.dark, - colorTextButtonSecondaryHover: theme.palette.ink.darkHover, - colorTextButtonSecondaryActive: theme.palette.ink.darkActive, - colorTextButtonInfo: theme.palette.white.normal, - colorTextButtonInfoHover: theme.palette.white.normal, - colorTextButtonInfoActive: theme.palette.white.normal, - colorTextButtonSuccess: theme.palette.white.normal, - colorTextButtonSuccessHover: theme.palette.white.normal, - colorTextButtonSuccessActive: theme.palette.white.normal, - colorTextButtonWarning: theme.palette.white.normal, - colorTextButtonWarningHover: theme.palette.white.normal, - colorTextButtonWarningActive: theme.palette.white.normal, - colorTextButtonCritical: theme.palette.white.normal, - colorTextButtonCriticalHover: theme.palette.white.normal, - colorTextButtonCriticalActive: theme.palette.white.normal, - colorTextButtonFacebook: theme.palette.white.normal, - colorTextButtonFacebookHover: theme.palette.white.normal, - colorTextButtonFacebookActive: theme.palette.white.normal, - colorTextButtonGoogle: theme.palette.ink.dark, - colorTextButtonGoogleHover: theme.palette.ink.darkHover, - colorTextButtonGoogleActive: theme.palette.ink.darkActive, - colorTextButtonWhite: theme.palette.ink.dark, - colorTextButtonWhiteHover: theme.palette.ink.darkHover, - colorTextButtonWhiteActive: theme.palette.ink.darkActive, - colorTextButtonPrimaryBordered: theme.palette.product.normal, - colorTextButtonPrimaryBorderedHover: theme.palette.product.normalHover, - colorTextButtonPrimaryBorderedActive: theme.palette.product.normalActive, - colorTextButtonSecondaryBordered: theme.palette.ink.dark, - colorTextButtonSecondaryBorderedHover: theme.palette.ink.darkHover, - colorTextButtonSecondaryBorderedActive: theme.palette.ink.darkActive, - colorTextButtonInfoBordered: theme.palette.blue.normal, - colorTextButtonInfoBorderedHover: theme.palette.blue.normalHover, - colorTextButtonInfoBorderedActive: theme.palette.blue.normalActive, - colorTextButtonSuccessBordered: theme.palette.green.normal, - colorTextButtonSuccessBorderedHover: theme.palette.green.normalHover, - colorTextButtonSuccessBorderedActive: theme.palette.green.normalActive, - colorTextButtonWarningBordered: theme.palette.orange.normal, - colorTextButtonWarningBorderedHover: theme.palette.orange.normalHover, - colorTextButtonWarningBorderedActive: theme.palette.orange.normalActive, - colorTextButtonCriticalBordered: theme.palette.red.normal, - colorTextButtonCriticalBorderedHover: theme.palette.red.normalHover, - colorTextButtonCriticalBorderedActive: theme.palette.red.normalActive, - colorTextButtonFacebookBordered: theme.palette.social.facebook, - colorTextButtonFacebookBorderedHover: theme.palette.social.facebookHover, - colorTextButtonFacebookBorderedActive: theme.palette.social.facebookActive, - colorTextButtonGoogleBordered: theme.palette.ink.dark, - colorTextButtonGoogleBorderedHover: theme.palette.ink.darkHover, - colorTextButtonGoogleBorderedActive: theme.palette.ink.darkActive, - colorTextButtonWhiteBordered: theme.palette.white.normal, - colorTextButtonWhiteBorderedHover: theme.palette.white.normal, - colorTextButtonWhiteBorderedActive: theme.palette.white.normal, - colorTextButtonLinkPrimary: theme.palette.product.normal, - colorTextButtonLinkPrimaryHover: theme.palette.product.darkHover, - colorTextButtonLinkPrimaryActive: theme.palette.product.darkActive, - colorTextButtonLinkSecondary: theme.palette.ink.dark, - colorTextButtonLinkSecondaryHover: theme.palette.ink.darkHover, - colorTextButtonLinkSecondaryActive: theme.palette.ink.darkActive, - colorTextButtonLinkSecondaryCompactHover: theme.palette.product.normalHover, - colorTextButtonLinkSecondaryCompactActive: theme.palette.product.normalActive, - colorTextButtonLinkCritical: theme.palette.red.normal, - colorTextButtonLinkCriticalHover: theme.palette.red.normalHover, - colorTextButtonLinkCriticalActive: theme.palette.red.normalActive, - colorTextButtonPrimarySubtle: theme.palette.product.dark, - colorTextButtonPrimarySubtleHover: theme.palette.product.darkHover, - colorTextButtonPrimarySubtleActive: theme.palette.product.darkActive, - colorTextButtonCriticalSubtle: theme.palette.red.dark, - colorTextButtonCriticalSubtleHover: theme.palette.red.darkHover, - colorTextButtonCriticalSubtleActive: theme.palette.red.darkActive, - colorTextInput: theme.palette.ink.dark, - colorTextInputPrefix: theme.palette.ink.normal, - colorTextInputDisabled: theme.palette.ink.normal, - colorTextBadgeNeutral: theme.palette.ink.dark, - colorTextBadgeInfo: theme.palette.blue.normal, - colorTextBadgeSuccess: theme.palette.green.normal, - colorTextBadgeWarning: theme.palette.orange.normal, - colorTextBadgeCritical: theme.palette.red.normal, - colorTextBadgeDark: theme.palette.white.normal, - colorTextBadgeWhite: theme.palette.ink.dark, - colorTextLoading: theme.palette.cloud.dark, - colorTextTable: theme.palette.ink.normal, - colorTextTag: theme.palette.ink.dark, - colorTextTagSelected: theme.palette.cloud.dark, - colorIconInput: theme.palette.cloud.dark, - colorPlaceholderInput: theme.palette.ink.light, - colorPlaceholderInputError: theme.palette.red.normal, - colorPlaceholderInputFile: theme.palette.ink.light, - colorPlaceholderInputFileError: theme.palette.red.normal, - colorFormLabel: theme.palette.ink.dark, - colorFormLabelFilled: theme.palette.ink.normal, - colorInfoCheckBoxRadio: theme.palette.ink.normal, - colorIconCheckboxRadio: theme.palette.product.normal, - colorIconCheckboxRadioDisabled: theme.palette.cloud.dark, - colorIconRadioButton: theme.palette.product.normal, - colorIconRadioButtonDisabled: theme.palette.ink.normal, - colorStopoverArrow: theme.palette.ink.normal, - // category:Font family - // description: - fontFamily: theme.base.fontFamily, - // category:Background colors - // description:Use these tokens for background colors only. Do not use these for border colors or text theme.palette. - backgroundBody: theme.palette.cloud.light, - backgroundModal: theme.palette.white.normal, - backgroundCard: theme.palette.white.normal, - backgroundCarrierLogo: "transparent", - backgroundCountryFlag: "transparent", - backgroundButtonPrimary: theme.palette.product.normal, - backgroundButtonPrimaryHover: theme.palette.product.normalHover, - backgroundButtonPrimaryActive: theme.palette.product.normalActive, - backgroundButtonSecondary: theme.palette.cloud.normal, - backgroundButtonSecondaryHover: theme.palette.cloud.normalHover, - backgroundButtonSecondaryActive: theme.palette.cloud.normalActive, - backgroundButtonFacebook: theme.palette.social.facebook, - backgroundButtonFacebookHover: theme.palette.social.facebookHover, - backgroundButtonFacebookActive: theme.palette.social.facebookActive, - backgroundButtonGoogle: theme.palette.cloud.light, - backgroundButtonGoogleHover: theme.palette.cloud.lightHover, - backgroundButtonGoogleActive: theme.palette.cloud.lightActive, - backgroundButtonInfo: theme.palette.blue.normal, - backgroundButtonInfoHover: theme.palette.blue.normalHover, - backgroundButtonInfoActive: theme.palette.blue.normalActive, - backgroundButtonSuccess: theme.palette.green.normal, - backgroundButtonSuccessHover: theme.palette.green.normalHover, - backgroundButtonSuccessActive: theme.palette.green.normalActive, - backgroundButtonWarning: theme.palette.orange.normal, - backgroundButtonWarningHover: theme.palette.orange.normalHover, - backgroundButtonWarningActive: theme.palette.orange.normalActive, - backgroundButtonCritical: theme.palette.red.normal, - backgroundButtonCriticalHover: theme.palette.red.normalHover, - backgroundButtonCriticalActive: theme.palette.red.normalActive, - backgroundButtonWhite: theme.palette.white.normal, - backgroundButtonWhiteHover: theme.palette.cloud.light, - backgroundButtonWhiteActive: theme.palette.cloud.lightHover, - backgroundButtonBordered: "transparent", - backgroundButtonBorderedHover: theme.palette.cloud.light, - backgroundButtonBorderedActive: theme.palette.cloud.light, - backgroundButtonWhiteBordered: "transparent", - backgroundButtonWhiteBorderedHover: convertHexToRgba(theme.palette.white.normal, 20), - backgroundButtonWhiteBorderedActive: convertHexToRgba(theme.palette.white.normal, 20), - backgroundButtonLinkPrimary: "transparent", - backgroundButtonLinkPrimaryHover: theme.palette.product.lightHover, - backgroundButtonLinkPrimaryActive: theme.palette.product.lightActive, - backgroundButtonLinkSecondary: "transparent", - backgroundButtonLinkSecondaryHover: theme.palette.cloud.lightHover, - backgroundButtonLinkSecondaryActive: theme.palette.cloud.lightActive, - backgroundButtonLinkCritical: "transparent", - backgroundButtonLinkCriticalHover: theme.palette.red.lightHover, - backgroundButtonLinkCriticalActive: theme.palette.red.lightActive, - backgroundButtonPrimarySubtle: theme.palette.product.light, - backgroundButtonPrimarySubtleHover: theme.palette.product.lightHover, - backgroundButtonPrimarySubtleActive: theme.palette.product.lightActive, - backgroundButtonPrimarySubtleFocus: theme.palette.product.light, - backgroundButtonCriticalSubtle: theme.palette.red.light, - backgroundButtonCriticalSubtleHover: theme.palette.red.lightHover, - backgroundButtonCriticalSubtleActive: theme.palette.red.lightActive, - backgroundButtonCriticalSubtleFocus: theme.palette.red.light, - backgroundInput: theme.palette.white.normal, - backgroundInputDisabled: theme.palette.cloud.normal, - backgroundAlertSuccess: theme.palette.green.light, - backgroundAlertInfo: theme.palette.blue.light, - backgroundAlertWarning: theme.palette.orange.light, - backgroundAlertCritical: theme.palette.red.light, - backgroundBadgeNeutral: theme.palette.cloud.light, - backgroundBadgeInfo: theme.palette.blue.light, - backgroundBadgeSuccess: theme.palette.green.light, - backgroundBadgeWarning: theme.palette.orange.light, - backgroundBadgeCritical: theme.palette.red.light, - backgroundBadgeDark: theme.palette.ink.dark, - backgroundBadgeWhite: theme.palette.white.normal, - backgroundServiceLogo: "transparent", - backgroundSwitch: theme.palette.cloud.dark, - backgroundSwitchChecked: theme.palette.blue.normal, - backgroundIllustration: "transparent", - backgroundSeparator: theme.palette.cloud.normal, - backgroundTableShadowLeft: `linear-gradient(to left, transparent, ${convertHexToRgba( - theme.palette.cloud.dark, - 23, - )})`, - backgroundTableShadowRight: `linear-gradient(to right, transparent, ${convertHexToRgba( - theme.palette.cloud.dark, - 23, - )})`, - backgroundTable: theme.palette.white.normal, - backgroundTableEven: theme.palette.cloud.light, - backgroundTableHover: theme.palette.cloud.normal, - backgroundTag: theme.palette.cloud.light, - backgroundTagSelected: theme.palette.ink.dark, - backgroundTagHover: theme.palette.cloud.lightHover, - backgroundTagSelectedHover: theme.palette.ink.darkHover, - backgroundTagActive: theme.palette.cloud.lightActive, - backgroundTagSelectedActive: theme.palette.ink.darkActive, - backgroundTooltip: theme.palette.white.normal, - backgroundTooltipLargeMobile: theme.palette.blue.dark, - // category:Font size - // description:Use these sizing tokens for font sizes. - fontSizeTextNormal: theme.base.fontSizeMd, - fontSizeTextLarge: theme.base.fontSizeLg, - fontSizeTextSmall: theme.base.fontSizeSm, - fontSizeMessage: theme.base.fontSizeMd, - fontSizeButtonLarge: theme.base.fontSizeLg, - fontSizeButtonNormal: theme.base.fontSizeMd, - fontSizeButtonSmall: theme.base.fontSizeSm, - fontSizeInputNormal: theme.base.fontSizeMd, - fontSizeInputSmall: theme.base.fontSizeMd, - fontSizeFormLabel: theme.base.fontSizeMd, - fontSizeFormFeedback: theme.base.fontSizeSm, - // category:Border radius - // description:Use radius tokens to change the border-radius size (rounded corners). - /** use only for square */ - borderRadiusCircle: "50%", - /** use for all basic elements like buttons, inputs, content containers */ - borderRadiusNormal: theme.base.borderRadius, - /** use for big elements like modal and large buttons */ - borderRadiusLarge: "6px", - /** use for smaller elements like tags */ - borderRadiusSmall: "2px", - borderRadiusBadge: "12px", - // category:Z Index - // description:Use layers to show depth of page. - zIndexDefault: "1", - zIndexSticky: "100", - zIndexDrawer: "815", - zIndexModalOverlay: "800", - zIndexModal: "825", - zIndexOnTheTop: "900", - // category:Size (width, height) - // description: - widthIconSmall: theme.base.iconSizeSm, - heightIconSmall: theme.base.iconSizeSm, - widthIconMedium: theme.base.iconSizeMd, - heightIconMedium: theme.base.iconSizeMd, - widthIconLarge: theme.base.iconSizeLg, - heightIconLarge: theme.base.iconSizeLg, - heightInputNormal: theme.base.sizeXl, - heightInputLarge: theme.base.size2xl, - heightInputSmall: theme.base.sizeLg, - heightButtonNormal: theme.base.sizeXl, - heightButtonLarge: theme.base.size2xl, - heightButtonSmall: theme.base.sizeLg, - heightCarrierLogo: theme.base.sizeLg, - widthCarrierLogo: theme.base.sizeLg, - heightRadioButton: "20px", - widthRadioButton: "20px", - heightCheckbox: "20px", - widthCheckbox: "20px", - heightCountryFlag: "auto", - widthCountryFlag: theme.base.sizeMd, - heightBadge: theme.base.sizeMd, - widthBadgeCircled: theme.base.sizeMd, - heightIllustrationSmall: "90px", - heightIllustrationMedium: "200px", - heightServiceLogoSmall: "12px", - heightServiceLogoMedium: theme.base.sizeMd, - heightServiceLogoLarge: "48px", - heightSeparator: "1px", - heightInputGroupSeparatorSmall: theme.base.sizeSm, - heightInputGroupSeparatorNormal: theme.base.sizeMd, - widthModalSmall: "540px", - widthModalNormal: "740px", - widthModalLarge: "900px", - widthModalExtraLarge: "1280px", - widthStopoverArrow: "36px", - heightStopoverArrow: "7px", - // category:Breakpoints - widthBreakpointMediumMobile: 414, - widthBreakpointLargeMobile: 576, - widthBreakpointTablet: 768, - widthBreakpointDesktop: 992, - widthBreakpointLargeDesktop: 1200, - // category:Border color - // description: - borderColorInput: theme.palette.cloud.dark, - borderColorInputHover: theme.palette.cloud.darkHover, - borderColorInputActive: theme.palette.ink.normalActive, - borderColorInputFocus: theme.palette.blue.normal, - borderColorInputError: theme.palette.red.normal, - borderColorInputErrorHover: theme.palette.red.normalHover, - borderColorInputErrorFocus: theme.palette.red.normal, - borderColorTableCell: theme.palette.cloud.dark, - borderColorCard: theme.palette.cloud.normal, - borderColorModal: theme.palette.cloud.normal, - borderColorButtonPrimaryBordered: theme.palette.product.normal, - borderColorButtonPrimaryBorderedHover: theme.palette.product.normalHover, - borderColorButtonPrimaryBorderedActive: theme.palette.product.normalActive, - borderColorButtonSecondaryBordered: theme.palette.ink.dark, - borderColorButtonSecondaryBorderedHover: theme.palette.ink.darkHover, - borderColorButtonSecondaryBorderedActive: theme.palette.ink.darkActive, - borderColorButtonFacebookBordered: theme.palette.social.facebook, - borderColorButtonFacebookBorderedHover: theme.palette.social.facebookHover, - borderColorButtonFacebookBorderedActive: theme.palette.social.facebookActive, - borderColorButtonGoogleBordered: theme.palette.ink.dark, - borderColorButtonGoogleBorderedHover: theme.palette.ink.darkHover, - borderColorButtonGoogleBorderedActive: theme.palette.ink.darkActive, - borderColorButtonInfoBordered: theme.palette.blue.normal, - borderColorButtonInfoBorderedHover: theme.palette.blue.normalHover, - borderColorButtonInfoBorderedActive: theme.palette.blue.normalActive, - borderColorButtonSuccessBordered: theme.palette.green.normal, - borderColorButtonSuccessBorderedHover: theme.palette.green.normalHover, - borderColorButtonSuccessBorderedActive: theme.palette.green.normalActive, - borderColorButtonWarningBordered: theme.palette.orange.normal, - borderColorButtonWarningBorderedHover: theme.palette.orange.normalHover, - borderColorButtonWarningBorderedActive: theme.palette.orange.normalActive, - borderColorButtonCriticalBordered: theme.palette.red.normal, - borderColorButtonCriticalBorderedHover: theme.palette.red.normalHover, - borderColorButtonCriticalBorderedActive: theme.palette.red.normalActive, - borderColorButtonWhiteBordered: theme.palette.white.normal, - borderColorButtonWhiteBorderedHover: theme.palette.white.normal, - borderColorButtonWhiteBorderedActive: theme.palette.white.normal, - borderColorCheckboxRadio: theme.palette.cloud.dark, - borderColorCheckboxRadioError: theme.palette.red.normal, - borderColorCheckboxRadioHover: theme.palette.ink.normal, - borderColorCheckboxRadioActive: theme.palette.ink.dark, - borderColorCheckboxRadioFocus: theme.palette.blue.normal, - borderColorTable: theme.palette.cloud.normal, - borderColorTableHead: theme.palette.cloud.dark, - borderColorTag: theme.palette.cloud.dark, - borderColorTagFocus: theme.palette.blue.normal, - // category:Border style - // description: - borderStyleCard: "solid", - borderWidthCard: "1px", - borderStyleInput: "solid", - borderWidthInput: "1px", - borderWidthInputFocus: "2px", - // category:Opacity - // description: - opacityOverlay: theme.base.opacityLarge, - opacityRadioButtonDisabled: theme.base.opacityMedium, - opacityCheckboxDisabled: theme.base.opacityMedium, - // category:Font weight - // description:Use this for setting basic font weights. - fontWeightNormal: theme.base.fontWeightNormal, - fontWeightMedium: theme.base.fontWeightMedium, - fontWeightBold: theme.base.fontWeightBold, - fontWeightLinks: theme.base.fontWeightMedium, - fontWeightTableHead: theme.base.fontWeightBold, - // category:Spacing - // description:Use this for setting spacings for elements. - paddingAlert: theme.base.spaceMd, - paddingAlertWithIcon: theme.base.spaceSm, - paddingBadge: `0 ${theme.base.spaceXs}`, - paddingButtonWithoutText: "0", - paddingButtonSmall: `0 ${theme.base.spaceSm}`, - paddingButtonNormal: `0 ${theme.base.spaceMd}`, - paddingButtonLarge: "0 28px", - paddingButtonSmallWithIcons: `0 ${theme.base.spaceXs}`, - paddingButtonNormalWithIcons: `0 ${theme.base.spaceSm}`, - paddingButtonLargeWithIcons: `0 ${theme.base.spaceMd}`, - paddingButtonSmallWithLeftIcon: `0 ${theme.base.spaceSm} 0 ${theme.base.spaceXs}`, - paddingButtonNormalWithLeftIcon: `0 ${theme.base.spaceMd} 0 ${theme.base.spaceSm}`, - paddingButtonLargeWithLeftIcon: `0 28px 0 ${theme.base.spaceMd}`, - paddingButtonSmallWithRightIcon: `0 ${theme.base.spaceXs} 0 ${theme.base.spaceSm}`, - paddingButtonNormalWithRightIcon: `0 ${theme.base.spaceSm} 0 ${theme.base.spaceMd}`, - paddingButtonLargeWithRightIcon: `0 ${theme.base.spaceMd} 0 28px`, - paddingTextareaSmall: `${theme.base.spaceXs} ${theme.base.spaceSm}`, - paddingTextareaNormal: theme.base.spaceSm, - paddingInputSmall: `0 ${theme.base.spaceSm}`, - paddingInputNormal: `0 ${theme.base.spaceSm}`, - marginButtonIcon: theme.base.spaceXs, - marginButtonGroup: "0 1px 0 0", - marginTopFormFeedback: "2px", - marginBottomSelectSuffix: "2px", - paddingInputFile: "0 0 0 6px", - paddingLeftSelectPrefix: "48px", - paddingLoading: theme.base.spaceSm, - paddingTable: `${theme.base.spaceSm} ${theme.base.spaceMd}`, - paddingTableCompact: `${theme.base.spaceXs} ${theme.base.spaceSm}`, - paddingTag: `${theme.base.spaceXs}`, - paddingTagWithIcon: `6px ${theme.base.spaceXs} 6px 6px`, - paddingTagRemovable: `6px 6px 6px ${theme.base.spaceXs}`, - paddingTagRemovableWithIcon: "6px", - marginBadgeIcon: `0 ${theme.base.space2xs} 0 0`, - modifierScaleButtonActive: 0.95, - modifierScaleCheckboxRadioActive: 0.95, - // category:Line height - // description: - lineHeightText: theme.base.lineHeight, - lineHeightTextSmall: "16px", - lineHeightTextNormal: "20px", - lineHeightTextLarge: "24px", - }; -}; - -describe("All deprecated tokens", () => { - const oldTokensObject = oldTokens(); - const newTokensObject = createTheme(); - it.each(Object.keys(oldTokensObject))("%s should exist in the return of createTheme", key => { - expect(newTokensObject).toHaveProperty(key); - }); -}); diff --git a/packages/orbit-design-tokens/src/__tests__/index.test.ts b/packages/orbit-design-tokens/src/__tests__/index.test.ts index 33c64e99b5..e3a84bafd7 100644 --- a/packages/orbit-design-tokens/src/__tests__/index.test.ts +++ b/packages/orbit-design-tokens/src/__tests__/index.test.ts @@ -31,11 +31,7 @@ describe("getTokens should accept some palette and base foundation", () => { const theme = getTokens(brand); it("tokens should have those colors", () => { - expect(theme.backgroundButtonPrimary).toBe(brand.palette.product.normal); - expect(theme.colorTextLinkPrimary).toBe(brand.palette.product.dark); - expect(theme.colorTextButtonPrimaryBordered).toBe(brand.palette.product.normal); - expect(theme.colorTextButtonPrimaryBorderedHover).toBe(brand.palette.product.normalHover); - expect(theme.colorTextButtonPrimaryBorderedActive).toBe(brand.palette.product.normalActive); + expect(theme.textLinkPrimaryForeground).toBe(brand.palette.product.dark); expect(theme.paletteProductDarkHover).toBe(brand.palette.product.darkHover); expect(theme.paletteProductDarkActive).toBe(brand.palette.product.darkActive); }); @@ -77,11 +73,7 @@ describe("fromPlainObject should create full theme", () => { }; const theme = fromPlainObject(palette); it("tokens should have those colors", () => { - expect(theme.backgroundButtonPrimary).toBe(palette.productNormal); - expect(theme.colorTextLinkPrimary).toBe(palette.productDark); - expect(theme.colorTextButtonPrimaryBordered).toBe(palette.productNormal); - expect(theme.colorTextButtonPrimaryBorderedHover).toBe(palette.productNormalHover); - expect(theme.colorTextButtonPrimaryBorderedActive).toBe(palette.productNormalActive); + expect(theme.textLinkPrimaryForeground).toBe(palette.productDark); }); it("tokens should have default darkHover and darkActive", () => { expect(theme.paletteProductDarkHover).toBe(foundation.palette.product.darkHover); diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-deprecated.json deleted file mode 100644 index cf67e66e68..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-deprecated.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "component": { - "padding": { - "alert": { - "type": "size", - "value": "{foundation.space.medium}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "alert-with-icon": { - "type": "size", - "value": "{foundation.space.small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-types-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-types-deprecated.json deleted file mode 100644 index 4fe903af8f..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/alert/alert-types-deprecated.json +++ /dev/null @@ -1,94 +0,0 @@ -{ - "component": { - "background": { - "alert": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color": { - "alert-icon": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "alert": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "link": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius-deprecated.json deleted file mode 100644 index f65f5cb347..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius-deprecated.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "component": { - "badge": { - "border-radius": { - "type": "border-radius", - "value": 12 - } - }, - "border-radius": { - "badge": { - "type": "border-radius", - "value": 12, - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.badge.border-radius}" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius.json new file mode 100644 index 0000000000..fbb1b0e977 --- /dev/null +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-border-radius.json @@ -0,0 +1,10 @@ +{ + "component": { + "badge": { + "border-radius": { + "type": "border-radius", + "value": 12 + } + } + } +} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-deprecated.json deleted file mode 100644 index e20a30b73b..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-deprecated.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "component": { - "padding": { - "badge": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-margin-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-margin-deprecated.json deleted file mode 100644 index 7211a96307..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-margin-deprecated.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "component": { - "margin": { - "badge": { - "icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.x-x-small}", - "left": 0, - "bottom": 0 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-types.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-types.json index 37f9f5beab..182b4d11cb 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-types.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/badge/badge-types.json @@ -111,140 +111,6 @@ "value": "{foundation.palette.ink.dark}" } } - }, - "background": { - "badge": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated-replace": "{component.badge.critical.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "critical-subtle": { - "type": "color", - "value": "{foundation.palette.red.light}", - "deprecated-replace": "{component.badge.critical-subtle.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "dark": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated-replace": "{component.badge.dark.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated-replace": "{component.badge.info.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info-subtle": { - "type": "color", - "value": "{foundation.palette.blue.light}", - "deprecated-replace": "{component.badge.info-subtle.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "neutral": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated-replace": "{component.badge.neutral.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated-replace": "{component.badge.success.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success-subtle": { - "type": "color", - "value": "{foundation.palette.green.light}", - "deprecated-replace": "{component.badge.success-subtle.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated-replace": "{component.badge.warning.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning-subtle": { - "type": "color", - "value": "{foundation.palette.orange.light}", - "deprecated-replace": "{component.badge.warning-subtle.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated-replace": "{component.badge.white.background}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "badge": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated-replace": "{component.badge.critical.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "dark": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated-replace": "{component.badge.dark.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated-replace": "{component.badge.info.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "neutral": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated-replace": "{component.badge.neutral.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated-replace": "{component.badge.success.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated-replace": "{component.badge.warning.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated-replace": "{component.badge.white.foreground}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-critical.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-critical.json index 3d2197eb06..c25069dd5f 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-critical.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-critical.json @@ -36,61 +36,6 @@ "comment": "Used for the text of critical ButtonLink in the active and the focus state." } } - }, - "background": { - "button-link": { - "critical": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.background}", - "deprecated-version": "6.0.0" - }, - "critical-hover": { - "type": "color", - "value": "{foundation.palette.red.light-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.background-hover}", - "deprecated-different": true, - "deprecated-version": "6.0.0" - }, - "critical-active": { - "type": "color", - "value": "{foundation.palette.red.light-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.background-active}", - "deprecated-different": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button-link": { - "critical": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.foreground}", - "deprecated-version": "6.0.0" - }, - "critical-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "critical-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.critical.foreground-active}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-primary.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-primary.json index c3f9e615f8..85de68b521 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-primary.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-primary.json @@ -36,61 +36,6 @@ "comment": "Used for the text of primary ButtonLink in the active and the focus state." } } - }, - "background": { - "button-link": { - "primary": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.background}", - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "color", - "value": "{foundation.palette.product.light-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.background-hover}", - "deprecated-different": true, - "deprecated-version": "6.0.0" - }, - "primary-active": { - "type": "color", - "value": "{foundation.palette.product.light-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.background-active}", - "deprecated-different": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button-link": { - "primary": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.foreground}", - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "primary-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.primary.foreground-active}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-secondary.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-secondary.json index 3635f2577f..7bd8e56fad 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-secondary.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button-link/button-link-secondary.json @@ -36,71 +36,6 @@ "comment": "Used for the text of secondary ButtonLink in the active and the focus state." } } - }, - "background": { - "button-link": { - "secondary": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.background}", - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.background-hover}", - "deprecated-version": "6.0.0" - }, - "secondary-active": { - "type": "color", - "value": "{foundation.palette.cloud.light-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button-link": { - "secondary": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "secondary-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-replace": "{component.button-link.secondary.foreground-active}", - "deprecated-version": "6.0.0" - }, - "secondary-compact-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-hover}", - "deprecated": true - }, - "secondary-compact-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-active}", - "deprecated": true - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-bundle.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-bundle.json index db5c742270..dd4254558b 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-bundle.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-bundle.json @@ -43,73 +43,6 @@ "value": "linear-gradient(to top right, #101011 0%, #51575C)" } } - }, - "background": { - "button": { - "bundle-basic": { - "type": "color", - "deprecated": true, - "deprecated-replace": "{component.button.bundle-basic.background}", - "deprecated-version": "6.0.0", - "value": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" - }, - "bundle-basic-hover": { - "type": "color", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.bundle-basic.background-hover}", - "value": "linear-gradient(to top right, #BD2825 0%, #D67000 100%)" - }, - "bundle-basic-active": { - "type": "color", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.bundle-basic.background-active}", - "value": "linear-gradient(to top right, #9F1816 0%, #C36802 100%)" - }, - "bundle-medium": { - "type": "color", - "deprecated": true, - "deprecated-replace": "{component.button.bundle-medium.background}", - "deprecated-version": "1.0.0", - "value": "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)" - }, - "bundle-medium-hover": { - "type": "color", - "deprecated": true, - "deprecated-version": "1.0.0", - "deprecated-replace": "{component.button.bundle-medium.background-hover}", - "value": "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)" - }, - "bundle-medium-active": { - "type": "color", - "deprecated": true, - "deprecated-version": "1.0.0", - "deprecated-replace": "{component.button.bundle-medium.background-active}", - "value": "linear-gradient(to top right, #250F79 0%, #5A3485 100%)" - }, - "bundle-top": { - "type": "color", - "deprecated": true, - "deprecated-replace": "{component.button.bundle-top.background}", - "deprecated-version": "1.0.0", - "value": "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)" - }, - "bundle-top-hover": { - "type": "color", - "deprecated": true, - "deprecated-version": "1.0.0", - "deprecated-replace": "{component.button.bundle-top.background-hover}", - "value": "linear-gradient(to top right, #171718 0%, #51575C 100%)" - }, - "bundle-top-active": { - "type": "color", - "deprecated": true, - "deprecated-version": "1.0.0", - "deprecated-replace": "{component.button.bundle-top.background-active}", - "value": "linear-gradient(to top right, #101011 0%, #51575C)" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical-subtle.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical-subtle.json index 74f4e8ef69..e61e6de575 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical-subtle.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical-subtle.json @@ -30,62 +30,6 @@ "value": "{foundation.palette.red.dark-active}" } } - }, - "background": { - "button": { - "critical-subtle": { - "type": "color", - "deprecated": true, - "value": "{foundation.palette.red.light}", - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.background}" - }, - "critical-subtle-hover": { - "type": "color", - "value": "{foundation.palette.red.light-hover}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.background-hover}" - }, - "critical-subtle-active": { - "type": "color", - "value": "{foundation.palette.red.light-active}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.background-active}" - }, - "critical-subtle-focus": { - "type": "color", - "value": "{foundation.palette.red.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "critical-subtle": { - "type": "color", - "value": "{foundation.palette.red.dark}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.foreground}" - }, - "critical-subtle-hover": { - "type": "color", - "value": "{foundation.palette.red.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.foreground-hover}" - }, - "critical-subtle-active": { - "type": "color", - "value": "{foundation.palette.red.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.critical-subtle.foreground-active}" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical.json index e250bb2cf4..3adf1251f9 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-critical.json @@ -30,80 +30,6 @@ "value": "{foundation.palette.white.normal}" } } - }, - "background": { - "button": { - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.background}", - "deprecated-version": "6.0.0" - }, - "critical-hover": { - "type": "color", - "value": "{foundation.palette.red.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.background-hover}", - "deprecated-version": "6.0.0" - }, - "critical-active": { - "type": "color", - "value": "{foundation.palette.red.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "critical": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.foreground}", - "deprecated-version": "6.0.0" - }, - "critical-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "critical-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.critical.foreground-active}", - "deprecated-version": "6.0.0" - }, - "critical-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "critical-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "critical-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.red.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-deprecated-tokens.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-deprecated-tokens.json deleted file mode 100644 index 9905abb07a..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-deprecated-tokens.json +++ /dev/null @@ -1,307 +0,0 @@ -{ - "component": { - "background": { - "button": { - "bordered": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "box-shadow": { - "button": { - "focus": { - "type": "box-shadow", - "value": "{foundation.palette.blue.normal}", - "attributes": { - "box-shadow": { - "x": 0, - "y": 0, - "blur": 4, - "spread": 1, - "color": "{foundation.palette.blue.normal}", - "opacity": 30 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "border-color": { - "button-primary": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.product.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.product.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-secondary": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-facebook": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.social.facebook}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.social.facebook-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.social.facebook-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-google": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-info": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.blue.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.blue.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-success": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.green.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.green.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-warning": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.orange.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.orange.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-critical": { - "bordered": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.red.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "category": "border-color", - "value": "{foundation.palette.red.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "button-white": { - "bordered": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "bordered-active": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "filled": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "filled-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "filled-active": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "modifier-scale": { - "button": { - "active": { - "type": "modifier", - "value": 0.95, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "margin": { - "button-group": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": 1, - "bottom": 0, - "left": 0 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "button-icon": { - "type": "size", - "value": "{foundation.space.x-small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-font-size.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-font-size.json index ee6b5713db..f3e93b40e7 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-font-size.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-font-size.json @@ -19,31 +19,6 @@ "value": "{foundation.font-size.large}" } } - }, - "font-size": { - "button": { - "small": { - "type": "size", - "value": "{foundation.font-size.small}", - "deprecated": true, - "deprecated-replace": "{component.button.small.font-size}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": "{foundation.font-size.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.normal.font-size}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": "{foundation.font-size.large}", - "deprecated": true, - "deprecated-replace": "{component.button.large.font-size}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-info.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-info.json index bbbf9149ea..acd77fdfb4 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-info.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-info.json @@ -30,80 +30,6 @@ "value": "{foundation.palette.white.normal}" } } - }, - "background": { - "button": { - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.info.background}", - "deprecated-version": "6.0.0" - }, - "info-hover": { - "type": "color", - "value": "{foundation.palette.blue.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.info.background-hover}", - "deprecated-version": "6.0.0" - }, - "info-active": { - "type": "color", - "value": "{foundation.palette.blue.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.info.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "info": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.info.foreground}", - "deprecated-version": "6.0.0" - }, - "info-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.info.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "info-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.info.foreground-active}", - "deprecated-version": "6.0.0" - }, - "info-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.blue.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.blue.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-large-padding.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-large-padding.json deleted file mode 100644 index 50bcd890f4..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-large-padding.json +++ /dev/null @@ -1,128 +0,0 @@ -{ - "component": { - "button": { - "large": { - "padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": 28 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "both-icons-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "left-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": 28, - "bottom": 0, - "left": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "right-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.medium}", - "bottom": 0, - "left": 28 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "padding": { - "button": { - "large": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": 28 - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.large.padding}", - "deprecated-version": "6.0.0" - }, - "large-with-icons": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.large.both-icons-padding}", - "deprecated-version": "6.0.0" - }, - "large-with-left-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": 28, - "bottom": 0, - "left": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.large.left-icon-padding}", - "deprecated-version": "6.0.0" - }, - "large-with-right-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.medium}", - "bottom": 0, - "left": 28 - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.large.right-icon-padding}", - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-normal-padding.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-normal-padding.json deleted file mode 100644 index 7ec87211d1..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-normal-padding.json +++ /dev/null @@ -1,128 +0,0 @@ -{ - "component": { - "button": { - "normal": { - "padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "both-icons-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "left-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.medium}", - "bottom": 0, - "left": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "right-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.small}", - "bottom": 0, - "left": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "padding": { - "button": { - "normal": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.normal.padding}", - "deprecated-version": "6.0.0" - }, - "normal-with-icons": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.normal.both-icons-padding}", - "deprecated-version": "6.0.0" - }, - "normal-with-left-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.medium}", - "bottom": 0, - "left": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.normal.left-icon-padding}", - "deprecated-version": "6.0.0" - }, - "normal-with-right-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.small}", - "bottom": 0, - "left": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.normal.right-icon-padding}", - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-padding.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-padding.json index 1c70bacf58..8e7b055ff7 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-padding.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-padding.json @@ -25,17 +25,6 @@ "value": 28 } } - }, - "padding": { - "button": { - "without-text": { - "type": "size", - "value": "0", - "deprecated": true, - "deprecated-replace": "{component.button.without-text.padding}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary-subtle.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary-subtle.json index 681b1a6930..63030e3d57 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary-subtle.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary-subtle.json @@ -30,63 +30,6 @@ "value": "{foundation.palette.product.dark-active}" } } - }, - "background": { - "button": { - "primary-subtle": { - "type": "color", - "value": "{foundation.palette.product.light}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.background}" - }, - "primary-subtle-hover": { - "type": "color", - "value": "{foundation.palette.product.light-hover}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.background-hover}" - }, - "primary-subtle-active": { - "type": "color", - "value": "{foundation.palette.product.light-active}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.background-active}" - }, - "primary-subtle-focus": { - "type": "color", - "value": "{foundation.palette.product.light}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.background}" - } - } - }, - "color-text": { - "button": { - "primary-subtle": { - "type": "color", - "value": "{foundation.palette.product.dark}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.foreground}" - }, - "primary-subtle-hover": { - "type": "color", - "value": "{foundation.palette.product.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.foreground-hover}" - }, - "primary-subtle-active": { - "type": "color", - "value": "{foundation.palette.product.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0", - "deprecated-replace": "{component.button.primary-subtle.foreground-active}" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary.json index 5bb4114182..68c93bb82e 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-primary.json @@ -36,80 +36,6 @@ "opacity": 50 } } - }, - "background": { - "button": { - "primary": { - "type": "color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.background}", - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "color", - "value": "{foundation.palette.product.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.background-hover}", - "deprecated-version": "6.0.0" - }, - "primary-active": { - "type": "color", - "value": "{foundation.palette.product.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "primary": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.foreground}", - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "primary-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.primary.foreground-active}", - "deprecated-version": "6.0.0" - }, - "primary-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "primary-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "primary-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.product.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-secondary.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-secondary.json index 42aca45236..9c8a9c33b9 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-secondary.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-secondary.json @@ -30,80 +30,6 @@ "value": "{foundation.palette.ink.dark-active}" } } - }, - "background": { - "button": { - "secondary": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.background}", - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "color", - "value": "{foundation.palette.cloud.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.background-hover}", - "deprecated-version": "6.0.0" - }, - "secondary-active": { - "type": "color", - "value": "{foundation.palette.cloud.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "secondary": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "secondary-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-replace": "{component.button.secondary.foreground-active}", - "deprecated-version": "6.0.0" - }, - "secondary-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "secondary-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "secondary-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-small-padding.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-small-padding.json deleted file mode 100644 index a5b544a0f1..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-small-padding.json +++ /dev/null @@ -1,128 +0,0 @@ -{ - "component": { - "button": { - "small": { - "padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "both-icons-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "left-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.small}", - "bottom": 0, - "left": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "right-icon-padding": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.x-small}", - "bottom": 0, - "left": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "padding": { - "button": { - "small": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.small.padding}", - "deprecated-version": "6.0.0" - }, - "small-with-icons": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.small.both-icons-padding}", - "deprecated-version": "6.0.0" - }, - "small-with-left-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.small}", - "bottom": 0, - "left": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.small.left-icon-padding}", - "deprecated-version": "6.0.0" - }, - "small-with-right-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": "{foundation.space.x-small}", - "bottom": 0, - "left": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.button.small.right-icon-padding}", - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-success.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-success.json index ec6403a148..c45250be75 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-success.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-success.json @@ -30,80 +30,6 @@ "value": "{foundation.palette.white.normal}" } } - }, - "background": { - "button": { - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.success.background}", - "deprecated-version": "6.0.0" - }, - "success-hover": { - "type": "color", - "value": "{foundation.palette.green.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.success.background-hover}", - "deprecated-version": "6.0.0" - }, - "success-active": { - "type": "color", - "value": "{foundation.palette.green.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.success.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "success": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.success.foreground}", - "deprecated-version": "6.0.0" - }, - "success-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.success.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "success-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.success.foreground-active}", - "deprecated-version": "6.0.0" - }, - "success-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.green.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "success-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.green.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-warning.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-warning.json index 9a4e89ea55..dcd4542a54 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-warning.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-warning.json @@ -30,80 +30,6 @@ "value": "{foundation.palette.white.normal}" } } - }, - "background": { - "button": { - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.background}", - "deprecated-version": "6.0.0" - }, - "warning-hover": { - "type": "color", - "value": "{foundation.palette.orange.normal-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.background-hover}", - "deprecated-version": "6.0.0" - }, - "warning-active": { - "type": "color", - "value": "{foundation.palette.orange.normal-active}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.background-active}", - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "warning": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.foreground}", - "deprecated-version": "6.0.0" - }, - "warning-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "warning-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.warning.foreground-active}", - "deprecated-version": "6.0.0" - }, - "warning-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.orange.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "warning-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.orange.normal-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-white.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-white.json index cde3e00ccd..c0d7a4a348 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-white.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/button/button-white.json @@ -32,100 +32,6 @@ "opacity": 50 } } - }, - "background": { - "button": { - "white": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.button.white.background}", - "deprecated-version": "6.0.0" - }, - "white-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-replace": "{component.button.white.background-hover}", - "deprecated-version": "6.0.0" - }, - "white-active": { - "type": "color", - "value": "{foundation.palette.cloud.light-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.white.background-active}", - "deprecated-version": "6.0.0" - }, - "white-bordered": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white-bordered-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "opacity": 20, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white-bordered-active": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "opacity": 20, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "white": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.button.white.foreground}", - "deprecated-version": "6.0.0" - }, - "white-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-replace": "{component.button.white.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "white-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-replace": "{component.button.white.foreground-active}", - "deprecated-version": "6.0.0" - }, - "white-bordered": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white-bordered-hover": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "white-bordered-active": { - "type": "color", - "category": "foreground", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/card/card-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/card/card-deprecated.json deleted file mode 100644 index 46de0abd87..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/card/card-deprecated.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "component": { - "background": { - "card": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.background}", - "deprecated-version": "6.0.0" - } - }, - "border-color": { - "card": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.border-color}", - "deprecated-version": "6.0.0" - } - }, - "border-style": { - "card": { - "type": "border-style", - "value": "solid", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "border-width": { - "card": { - "type": "size", - "value": 1, - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.border-size}", - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/carrier-logo/carrier-logo-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/carrier-logo/carrier-logo-deprecated.json deleted file mode 100644 index 106cc7fef2..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/carrier-logo/carrier-logo-deprecated.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "component": { - "background": { - "carrier-logo": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "width": { - "carrier-logo": { - "value": "{foundation.size.large}", - "type": "size", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "height": { - "carrier-logo": { - "value": "{foundation.size.large}", - "type": "size", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/deprecated/backgrounds.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/deprecated/backgrounds.json deleted file mode 100644 index 3c9e2fcf8e..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/deprecated/backgrounds.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "component": { - "background": { - "country-flag": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-replace": "{component.country-flag.background}", - "deprecated-version": "6.0.0" - }, - "service-logo": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tooltip": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tooltip-large-mobile": { - "type": "color", - "value": "{foundation.palette.blue.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "separator": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.border-color}", - "deprecated-version": "6.0.0" - }, - "switch": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "switch-checked": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-box/form-box-size.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-box/form-box-size.json index 87615dc2b2..b089d0dc01 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-box/form-box-size.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-box/form-box-size.json @@ -19,54 +19,6 @@ "value": "{foundation.size.extra-extra-large}" } } - }, - "height": { - "button": { - "small": { - "type": "size", - "value": "{foundation.size.large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.small.height}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": "{foundation.size.extra-large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.normal.height}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": "{foundation.size.extra-extra-large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.large.height}", - "deprecated-version": "6.0.0" - } - }, - "input": { - "small": { - "type": "size", - "value": "{foundation.size.large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.small.height}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": "{foundation.size.extra-large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.normal.height}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": "{foundation.size.extra-extra-large}", - "deprecated": true, - "deprecated-replace": "{component.form-box.large.height}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-background.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-background.json index 7b0c2e186e..adafb99999 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-background.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-background.json @@ -11,22 +11,6 @@ "value": "{foundation.palette.cloud.normal}" } } - }, - "background": { - "input": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.background}", - "deprecated-version": "6.0.0" - }, - "input-disabled": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.disabled.background}", - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-border-color.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-border-color.json index e3d03638cc..fb1b526c1d 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-border-color.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-border-color.json @@ -32,104 +32,6 @@ "value": "{foundation.palette.red.normal-hover}", "comment": "Should be used for all form-elements when the component has error and hover state and it's needed to render border attribute, or combined with shadows." } - }, - "border-color": { - "checkbox-radio": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color}", - "deprecated-version": "6.0.0" - }, - "checkbox-radio-active": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-focus}", - "deprecated-version": "6.0.0" - }, - "checkbox-radio-error": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-error}", - "deprecated-version": "6.0.0" - }, - "checkbox-radio-focus": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-focus}", - "deprecated-version": "6.0.0" - }, - "checkbox-radio-hover": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-hover}", - "deprecated-version": "6.0.0" - }, - "input": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color}", - "deprecated-version": "6.0.0" - }, - "input-active": { - "type": "color", - "value": "{foundation.palette.cloud.dark-active}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-focus}", - "deprecated-version": "6.0.0" - }, - "input-error": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-error}", - "deprecated-version": "6.0.0" - }, - "input-error-focus": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "input-error-hover": { - "type": "color", - "value": "{foundation.palette.red.normal-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "input-focus": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-focus}", - "deprecated-version": "6.0.0" - }, - "input-hover": { - "type": "color", - "value": "{foundation.palette.cloud.dark-hover}", - "deprecated": true, - "deprecated-replace": "{component.form-element.border-color-hover}", - "deprecated-version": "6.0.0" - } - }, - "border-width": { - "input": { - "type": "size", - "value": 1, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "input-focus": { - "type": "size", - "value": 2, - "deprecated": true, - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-deprecated.json deleted file mode 100644 index 1689a3e2e3..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-deprecated.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "component": { - "border-style": { - "input": { - "type": "border-style", - "value": "solid", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "margin-top": { - "form-feedback": { - "type": "size", - "value": "{foundation.space.x-x-x-small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "modifier-scale": { - "checkbox-radio": { - "active": { - "type": "modifier", - "value": 0.95, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-font-size.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-font-size.json index 0df43a18f3..05d894d8cd 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-font-size.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-font-size.json @@ -7,42 +7,6 @@ "value": "{foundation.font-size.normal}" } } - }, - "font-size": { - "input": { - "small": { - "type": "size", - "value": "{foundation.font-size.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.normal.font-size}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": "{foundation.font-size.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.normal.font-size}", - "deprecated-version": "6.0.0" - } - }, - "form-feedback": { - "type": "size", - "value": "{foundation.font-size.small}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "form-label": { - "type": "size", - "value": "{foundation.font-size.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "message": { - "type": "size", - "value": "{foundation.font-size.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-foreground.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-foreground.json index 57dfe65269..76f1e90005 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-foreground.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-foreground.json @@ -36,106 +36,6 @@ "value": "{foundation.palette.ink.normal}" } } - }, - "color": { - "form-label": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.form-element.label.foreground}", - "deprecated-version": "6.0.0" - }, - "form-label-filled": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.label.filled.foreground}", - "deprecated-version": "6.0.0" - }, - "icon-checkbox-radio": { - "type": "color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "icon-checkbox-radio-disabled": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "icon-input": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-replace": "{component.icon.tertiary.foreground}", - "deprecated-version": "6.0.0" - }, - "icon-radio-button": { - "type": "color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "icon-radio-button-disabled": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "info-check-box-radio": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "placeholder-input": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "deprecated": true, - "deprecated-replace": "{component.form-element.foreground}", - "deprecated-version": "6.0.0" - }, - "placeholder-input-error": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "placeholder-input-file": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "placeholder-input-file-error": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "text-input": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.form-element.filled.foreground}", - "deprecated-version": "6.0.0" - }, - "text-input-disabled": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.disabled.foreground}", - "deprecated-version": "6.0.0" - }, - "text-input-prefix": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.form-element.prefix.foreground}", - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-opacity.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-opacity.json index 19254d213f..edf66be230 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-opacity.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-opacity.json @@ -7,26 +7,6 @@ "value": 50 } } - }, - "opacity": { - "checkbox": { - "disabled": { - "type": "opacity", - "value": 50, - "deprecated": true, - "deprecated-replace": "{component.form-element.disabled.opacity}", - "deprecated-version": "6.0.0" - } - }, - "radio-button": { - "disabled": { - "type": "opacity", - "value": 50, - "deprecated": true, - "deprecated-replace": "{component.form-element.disabled.opacity}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-padding.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-padding.json index 1fdc1e8d48..ce74a056bc 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-padding.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/form-element/form-element-padding.json @@ -27,38 +27,6 @@ } } } - }, - "padding": { - "input": { - "small": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.form-element.small.padding}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 0, - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-replace": "{component.form-element.normal.padding}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/heading/heading-foreground.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/heading/heading-foreground.json index dcf3cceaed..e3b968acc9 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/heading/heading-foreground.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/heading/heading-foreground.json @@ -9,22 +9,6 @@ "type": "color", "value": "{foundation.palette.white.normal}" } - }, - "color": { - "heading": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.heading.foreground}", - "deprecated-version": "6.0.0" - }, - "heading-inverted": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.heading.foreground-inverted}", - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-foreground.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-foreground.json index 2412ee4819..f64c1fb13f 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-foreground.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-foreground.json @@ -43,59 +43,6 @@ "value": "{foundation.palette.red.normal}" } } - }, - "color": { - "icon": { - "primary": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.icon.primary.foreground}", - "deprecated-version": "6.0.0" - }, - "secondary": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.icon.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "tertiary": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-replace": "{component.icon.tertiary.foreground}", - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-replace": "{component.icon.info.foreground}", - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-replace": "{component.icon.success.foreground}", - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-replace": "{component.icon.warning.foreground}", - "deprecated-version": "6.0.0" - }, - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.icon.critical.foreground}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-size.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-size.json index 0df6441ceb..280a20b341 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-size.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/icon-size.json @@ -25,170 +25,6 @@ "value": 32 } } - }, - "width": { - "icon": { - "small": { - "type": "size", - "value": "{foundation.size.small}", - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "medium": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.medium.size}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.large.size}", - "deprecated-version": "6.0.0" - } - }, - "badge": { - "circled": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.large.size}", - "deprecated-version": "6.0.0" - } - }, - "checkbox": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "radio-button": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "stopover-arrow": { - "type": "size", - "value": 36, - "internal-comment": "Let's define the size of StopoverArrow directly in the component. It has not similarity right now.", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "country-flag": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.large.size}", - "deprecated-version": "6.0.0" - } - }, - "height": { - "icon": { - "small": { - "type": "size", - "value": "{foundation.size.small}", - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "medium": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.medium.size}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.large.size}", - "deprecated-version": "6.0.0" - } - }, - "badge": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.large.size}", - "deprecated-version": "6.0.0" - }, - "checkbox": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "radio-button": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.small.size}", - "deprecated-version": "6.0.0" - }, - "stopover-arrow": { - "type": "size", - "value": 7, - "internal-comment": "Let's define the size of StopoverArrow directly in the component. It has not similarity right now.", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "country-flag": { - "type": "size", - "value": "auto", - "internal-comment": "Height of CountryFlag for all sizes should be calculated by the image ratio.", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "service-logo": { - "small": { - "type": "size", - "value": 12, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "medium": { - "type": "size", - "value": 24, - "deprecated": true, - "deprecated-replace": "{component.icon.medium.size}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": 48, - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "separator": { - "type": "size", - "value": 1, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "input-group-separator": { - "small": { - "type": "size", - "value": "{foundation.size.small}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": 20, - "deprecated": true, - "deprecated-replace": "{component.icon.medium.size}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/stopover-arrow-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/stopover-arrow-deprecated.json deleted file mode 100644 index ae6e7995a8..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/icon/stopover-arrow-deprecated.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "component": { - "color": { - "stopover-arrow": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "deprecated": true, - "deprecated-replace": "{component.icon.secondary.foreground}", - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-deprecated.json deleted file mode 100644 index 6ac3b5e312..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-deprecated.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "components": { - "background": { - "illustration": { - "type": "color", - "value": "transparent", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-height.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-height.json index 07f02bf8bc..c6ce1f385a 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-height.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/illustration/illustration-height.json @@ -31,24 +31,6 @@ "value": 460 } } - }, - "height": { - "illustration": { - "small": { - "type": "size", - "value": 90, - "deprecated": true, - "deprecated-replace": "{component.illustration.extra-small.height}", - "deprecated-version": "6.0.0" - }, - "medium": { - "type": "size", - "value": 200, - "deprecated": true, - "deprecated-replace": "{component.illustration.medium.height}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/input-file/input-file-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/input-file/input-file-deprecated.json deleted file mode 100644 index 618963649b..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/input-file/input-file-deprecated.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "component": { - "padding": { - "input-file": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 0, - "right": 0, - "bottom": 0, - "left": 6 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/loading/loading-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/loading/loading-deprecated.json deleted file mode 100644 index f01d0523a4..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/loading/loading-deprecated.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "component": { - "loading": { - "foreground": { - "type": "color", - "value": "{foundation.palette.cloud.dark}" - } - }, - "padding": { - "loading": { - "type": "size", - "value": "{foundation.space.small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "color-text": { - "loading": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-border.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-border.json index f962aadc71..1d98134158 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-border.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-border.json @@ -1,26 +1,10 @@ { "component": { "modal": { - "border-radius-mobile": { - "type": "border-radius", - "value": 12, - "deprecated": true, - "deprecated-replace": "{component.modal.border-radius}", - "deprecated-version": "7.0.0" - }, "border-radius": { "type": "border-radius", "value": 12 } - }, - "border-color": { - "modal": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.border-color}", - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-deprecated.json deleted file mode 100644 index f8a84fadfc..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-deprecated.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "component": { - "background": { - "modal": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{global.elevation.flat.background}", - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-width.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-width.json index ae586bc226..619e1f5995 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-width.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/modal/modal-width.json @@ -31,38 +31,6 @@ "value": 1280 } } - }, - "width": { - "modal": { - "small": { - "type": "size", - "value": 540, - "deprecated": true, - "deprecated-replace": "{component.modal.small.width}", - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": 740, - "deprecated": true, - "deprecated-replace": "{component.modal.normal.width}", - "deprecated-version": "6.0.0" - }, - "large": { - "type": "size", - "value": 900, - "deprecated": true, - "deprecated-replace": "{component.modal.large.width}", - "deprecated-version": "6.0.0" - }, - "extra-large": { - "type": "size", - "value": 1280, - "deprecated": true, - "deprecated-replace": "{component.modal.extra-large.width}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/select/select-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/select/select-deprecated.json deleted file mode 100644 index 9599520185..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/select/select-deprecated.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "component": { - "margin-bottom": { - "select-suffix": { - "type": "size", - "value": "{foundation.space.x-x-x-small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "padding-left": { - "select-prefix": { - "type": "size", - "value": 48, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-apple.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-apple.json deleted file mode 100644 index 17658c67fb..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-apple.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "component": { - "social-button": { - "apple": { - "background": { - "type": "color", - "value": "{foundation.palette.ink.normal}" - }, - "background-hover": { - "type": "color", - "value": "{foundation.palette.ink.normal-hover}" - }, - "background-active": { - "type": "color", - "value": "{foundation.palette.ink.normal-active}" - }, - "foreground": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "foreground-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "foreground-active": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "border-color-focus": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "opacity": 50 - }, - "icon-foreground": { - "type": "color", - "value": "{foundation.palette.white.normal}" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-facebook.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-facebook.json deleted file mode 100644 index cce552b0d7..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-facebook.json +++ /dev/null @@ -1,98 +0,0 @@ -{ - "component": { - "social-button": { - "facebook": { - "background": { - "type": "color", - "value": "{foundation.palette.social.facebook}" - }, - "background-hover": { - "type": "color", - "value": "{foundation.palette.social.facebook-hover}" - }, - "background-active": { - "type": "color", - "value": "{foundation.palette.social.facebook-active}" - }, - "foreground": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "foreground-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "foreground-active": { - "type": "color", - "value": "{foundation.palette.white.normal}" - }, - "icon-foreground": { - "type": "color", - "value": "#3B5998" - } - } - }, - "background": { - "button": { - "facebook": { - "type": "color", - "value": "#3B5998", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-hover": { - "type": "color", - "value": "#385490", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-active": { - "type": "color", - "value": "#354F88", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "facebook": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-hover": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-active": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-bordered": { - "type": "color", - "value": "#3B5998", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-bordered-hover": { - "type": "color", - "value": "#385490", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "facebook-bordered-active": { - "type": "color", - "value": "#354F88", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-google.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-google.json deleted file mode 100644 index c8308f14a6..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-google.json +++ /dev/null @@ -1,99 +0,0 @@ -{ - "component": { - "social-button": { - "google": { - "background": { - "type": "color", - "value": "{foundation.palette.cloud.light}" - }, - "background-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light-hover}" - }, - "background-active": { - "type": "color", - "value": "{foundation.palette.cloud.light-active}" - }, - "foreground": { - "type": "color", - "value": "{foundation.palette.ink.dark}" - }, - "foreground-hover": { - "type": "color", - "value": "{foundation.palette.ink.dark-hover}" - }, - "foreground-active": { - "type": "color", - "value": "{foundation.palette.ink.dark-active}" - }, - "icon-foreground": { - "type": "color", - "value": "currentColor", - "internal-comment": "Google icon has specific style with own colors, therefore we don't have to define it." - } - } - }, - "background": { - "button": { - "google": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-active": { - "type": "color", - "value": "{foundation.palette.cloud.light-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "color-text": { - "button": { - "google": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-hover": { - "type": "color", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-active": { - "type": "color", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-bordered": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-bordered-hover": { - "type": "color", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "google-bordered-active": { - "type": "color", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-twitter.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-twitter.json deleted file mode 100644 index 317c0ad04c..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/social-button/social-button-twitter.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "component": { - "social-button": { - "twitter": { - "background": { - "type": "color", - "value": "{foundation.palette.cloud.dark}" - }, - "background-hover": { - "type": "color", - "value": "{foundation.palette.cloud.normal-hover}" - }, - "background-active": { - "type": "color", - "value": "{foundation.palette.cloud.normal-active}" - }, - "foreground": { - "type": "color", - "value": "{foundation.palette.ink.normal}" - }, - "foreground-hover": { - "type": "color", - "value": "{foundation.palette.ink.normal}" - }, - "foreground-active": { - "type": "color", - "value": "{foundation.palette.ink.normal}" - }, - "border-color-focus": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "opacity": 50 - }, - "icon-foreground": { - "type": "color", - "value": "#00ACEE" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-background.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-background.json new file mode 100644 index 0000000000..a6a868b465 --- /dev/null +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-background.json @@ -0,0 +1,16 @@ +{ + "component": { + "background": { + "table-shadow": { + "left": { + "type": "color", + "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" + }, + "right": { + "type": "color", + "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" + } + } + } + } +} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-deprecated.json deleted file mode 100644 index 866d81a67d..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/table/table-deprecated.json +++ /dev/null @@ -1,98 +0,0 @@ -{ - "component": { - "background": { - "table": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-even": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-hover": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-shadow": { - "left": { - "type": "color", - "value": "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))" - }, - "right": { - "type": "color", - "value": "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))" - } - } - }, - "border-color": { - "table": { - "type": "color", - "value": "{foundation.palette.cloud.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-cell": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-head": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "color-text": { - "table": { - "type": "color", - "value": "{foundation.palette.ink.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "font-weight": { - "table-head": { - "type": "font-weight", - "value": "{foundation.font-weight.bold}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "padding": { - "table": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": "{foundation.space.small}", - "left-right": "{foundation.space.medium}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "table-compact": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": "{foundation.space.x-small}", - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/tag/tag-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/tag/tag-deprecated.json deleted file mode 100644 index dbbf235265..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/tag/tag-deprecated.json +++ /dev/null @@ -1,121 +0,0 @@ -{ - "component": { - "background": { - "tag": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-hover": { - "type": "color", - "value": "{foundation.palette.cloud.light-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-active": { - "type": "color", - "value": "{foundation.palette.cloud.light-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-selected": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-selected-hover": { - "type": "color", - "value": "{foundation.palette.ink.dark-hover}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-selected-active": { - "type": "color", - "value": "{foundation.palette.ink.dark-active}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "border-color": { - "tag": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-focus": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "color-text": { - "tag": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-selected": { - "type": "color", - "value": "{foundation.palette.cloud.dark}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - }, - "padding": { - "tag": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": 6, - "left-right": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-removable": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 6, - "right": 6, - "bottom": 6, - "left": "{foundation.space.x-small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-removable-with-icon": { - "type": "size", - "value": 6, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "tag-with-icon": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top": 6, - "right": "{foundation.space.x-small}", - "bottom": 6, - "left": 6 - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/text-link/text-link.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/text-link/text-link.json index 392d62951a..082660984f 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/text-link/text-link.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/text-link/text-link.json @@ -99,74 +99,6 @@ "value": "{foundation.palette.product.light}" } } - }, - "color": { - "text-link": { - "primary": { - "type": "color", - "value": "{foundation.palette.product.dark}", - "deprecated": true, - "deprecated-replace": "{component.text-link.primary.foreground}", - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-replace": "{component.text-link.primary.foreground-hover}", - "deprecated-version": "6.0.0" - }, - "secondary": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.text-link.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "color", - "value": "{foundation.palette.product.normal}", - "deprecated": true, - "deprecated-replace": "{component.text-link.secondary.foreground-hover}", - "deprecated-version": "6.0.0" - } - } - }, - "text-decoration": { - "text-link": { - "primary": { - "type": "text-decoration", - "value": "underline", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "primary-hover": { - "type": "text-decoration", - "value": "none", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "secondary": { - "type": "text-decoration", - "value": "underline", - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "secondary-hover": { - "type": "text-decoration", - "value": "none", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - }, - "font-weight": { - "links": { - "type": "font-weight", - "value": "{foundation.font-weight.medium}", - "deprecated": true, - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/text/text-foreground.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/text/text-foreground.json index ed1f8eb5c2..cb5b413114 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/text/text-foreground.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/component/text/text-foreground.json @@ -43,66 +43,6 @@ "value": "{foundation.palette.white.normal}" } } - }, - "color": { - "text": { - "primary": { - "type": "color", - "value": "{foundation.palette.ink.dark}", - "deprecated": true, - "deprecated-replace": "{component.text.primary.foreground}", - "deprecated-version": "6.0.0" - }, - "secondary": { - "type": "color", - "value": "{foundation.palette.ink.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.secondary.foreground}", - "deprecated-version": "6.0.0" - }, - "info": { - "type": "color", - "value": "{foundation.palette.blue.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.info.foreground}", - "deprecated-version": "6.0.0" - }, - "success": { - "type": "color", - "value": "{foundation.palette.green.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.success.foreground}", - "deprecated-version": "6.0.0" - }, - "warning": { - "type": "color", - "value": "{foundation.palette.orange.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.warning.foreground}", - "deprecated-version": "6.0.0" - }, - "critical": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.critical.foreground}", - "deprecated-version": "6.0.0" - }, - "white": { - "type": "color", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.white.foreground}", - "deprecated-version": "6.0.0" - }, - "error": { - "type": "color", - "value": "{foundation.palette.red.normal}", - "deprecated": true, - "deprecated-replace": "{component.text.critical.foreground}", - "deprecated-version": "6.0.0" - } - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/component/textarea/textarea-deprecated.json b/packages/orbit-design-tokens/src/dictionary/definitions/component/textarea/textarea-deprecated.json deleted file mode 100644 index cc85eed1d8..0000000000 --- a/packages/orbit-design-tokens/src/dictionary/definitions/component/textarea/textarea-deprecated.json +++ /dev/null @@ -1,27 +0,0 @@ -{ - "component": { - "padding": { - "textarea": { - "small": { - "type": "size", - "category": "spacing", - "value": null, - "attributes": { - "spacing": { - "top-bottom": "{foundation.space.x-small}", - "left-right": "{foundation.space.small}" - } - }, - "deprecated": true, - "deprecated-version": "6.0.0" - }, - "normal": { - "type": "size", - "value": "{foundation.space.small}", - "deprecated": true, - "deprecated-version": "6.0.0" - } - } - } - } -} diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/foundation/borderRadius.json b/packages/orbit-design-tokens/src/dictionary/definitions/foundation/borderRadius.json index 6a4e50d44f..dbab3a8028 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/foundation/borderRadius.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/foundation/borderRadius.json @@ -1,41 +1,21 @@ { "foundation": { "border-radius": { - "circle": { - "type": "border-radius", - "value": "50%", - "internal": true - }, "none": { "type": "border-radius", "value": 0, "internal": true }, - "small": { - "type": "border-radius", - "value": 2, - "internal": true - }, "50": { "type": "border-radius", "value": 2, "internal": true }, - "normal": { - "type": "border-radius", - "value": 3, - "internal": true - }, "100": { "type": "border-radius", "value": 4, "internal": true }, - "large": { - "type": "border-radius", - "value": 6, - "internal": true - }, "150": { "type": "border-radius", "value": 6, diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/foundation/space.json b/packages/orbit-design-tokens/src/dictionary/definitions/foundation/space.json index 92da43e926..ca54cd1fa8 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/foundation/space.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/foundation/space.json @@ -70,51 +70,6 @@ "type": "size", "value": 64, "internal": true - }, - "x-x-x-small": { - "type": "size", - "value": 2, - "internal": true - }, - "x-x-small": { - "type": "size", - "value": 4, - "internal": true - }, - "x-small": { - "type": "size", - "value": 8, - "internal": true - }, - "small": { - "type": "size", - "value": 12, - "internal": true - }, - "medium": { - "type": "size", - "value": 16, - "internal": true - }, - "large": { - "type": "size", - "value": 24, - "internal": true - }, - "x-large": { - "type": "size", - "value": 32, - "internal": true - }, - "x-x-large": { - "type": "size", - "value": 40, - "internal": true - }, - "x-x-x-large": { - "type": "size", - "value": 52, - "internal": true } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/global/borderRadius.json b/packages/orbit-design-tokens/src/dictionary/definitions/global/borderRadius.json index 0812ed1d79..bc32079b19 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/global/borderRadius.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/global/borderRadius.json @@ -1,34 +1,6 @@ { "global": { "border-radius": { - "circle": { - "type": "border-radius", - "value": "{foundation.border-radius.circle}", - "deprecated": true, - "deprecated-replace": "{global.border-radius.full}", - "deprecated-version": "8.0.0" - }, - "small": { - "type": "border-radius", - "value": "{foundation.border-radius.small}", - "deprecated": true, - "deprecated-replace": "{global.border-radius.50}", - "deprecated-version": "9.0.0" - }, - "normal": { - "type": "border-radius", - "value": "{foundation.border-radius.normal}", - "deprecated": true, - "deprecated-replace": "{global.border-radius.100}", - "deprecated-version": "9.0.0" - }, - "large": { - "type": "border-radius", - "value": "{foundation.border-radius.large}", - "deprecated": true, - "deprecated-replace": "{global.border-radius.150}", - "deprecated-version": "9.0.0" - }, "none": { "type": "border-radius", "value": "{foundation.border-radius.none}" diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/global/breakpoints.json b/packages/orbit-design-tokens/src/dictionary/definitions/global/breakpoints.json index 4f1e86aa36..20c583d383 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/global/breakpoints.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/global/breakpoints.json @@ -21,43 +21,6 @@ "type": "breakpoint", "value": "{foundation.breakpoint.largeDesktop}" } - }, - "width-breakpoint": { - "mediumMobile": { - "type": "breakpoint", - "value": "{foundation.breakpoint.mediumMobile}", - "deprecated": true, - "deprecated-replace": "{global.breakpoint.mediumMobile}", - "deprecated-version": "6.0.0" - }, - "largeMobile": { - "type": "breakpoint", - "value": "{foundation.breakpoint.largeMobile}", - "deprecated": true, - "deprecated-replace": "{global.breakpoint.largeMobile}", - "deprecated-version": "6.0.0" - }, - "tablet": { - "type": "breakpoint", - "value": "{foundation.breakpoint.tablet}", - "deprecated": true, - "deprecated-replace": "{global.breakpoint.tablet}", - "deprecated-version": "6.0.0" - }, - "desktop": { - "type": "breakpoint", - "value": "{foundation.breakpoint.desktop}", - "deprecated": true, - "deprecated-replace": "{global.breakpoint.desktop}", - "deprecated-version": "6.0.0" - }, - "largeDesktop": { - "type": "breakpoint", - "value": "{foundation.breakpoint.largeDesktop}", - "deprecated": true, - "deprecated-replace": "{global.breakpoint.largeDesktop}", - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/global/elevations.json b/packages/orbit-design-tokens/src/dictionary/definitions/global/elevations.json index b5c017ace2..6eb8cad63c 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/global/elevations.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/global/elevations.json @@ -25,44 +25,6 @@ "value": 1 } }, - "action": { - "background": { - "type": "color", - "category": "elevation", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{foundation.palette.white.normal}", - "deprecated-version": "9.0.0" - }, - "box-shadow": { - "type": "box-shadow", - "category": "elevation", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 1, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.level1.box-shadow}", - "deprecated-version": "9.0.0" - } - }, "level1": { "box-shadow": { "type": "box-shadow", @@ -90,44 +52,6 @@ } } }, - "action-active": { - "background": { - "type": "color", - "category": "elevation", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{foundation.palette.white.normal}", - "deprecated-version": "9.0.0" - }, - "box-shadow": { - "type": "box-shadow", - "category": "elevation", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 1, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.level2.box-shadow}", - "deprecated-version": "9.0.0" - } - }, "level2": { "box-shadow": { "type": "box-shadow", @@ -219,44 +143,6 @@ } } }, - "raised": { - "background": { - "type": "color", - "category": "elevation", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{foundation.palette.white.normal}", - "deprecated-version": "9.0.0" - }, - "box-shadow": { - "type": "box-shadow", - "category": "elevation", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 8, - "blur": 24, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.level3.box-shadow}", - "deprecated-version": "9.0.0" - } - }, "level3": { "box-shadow": { "type": "box-shadow", @@ -284,44 +170,6 @@ } } }, - "raised-reverse": { - "background": { - "type": "color", - "category": "elevation", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{foundation.palette.white.normal}", - "deprecated-version": "9.0.0" - }, - "box-shadow": { - "type": "box-shadow", - "category": "elevation", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": -4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": -8, - "blur": 24, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.level3-reverse.box-shadow}", - "deprecated-version": "9.0.0" - } - }, "level3-reverse": { "box-shadow": { "type": "box-shadow", @@ -349,44 +197,6 @@ } } }, - "overlay": { - "background": { - "type": "color", - "category": "elevation", - "value": "{foundation.palette.white.normal}", - "deprecated": true, - "deprecated-replace": "{foundation.palette.white.normal}", - "deprecated-version": "9.0.0" - }, - "box-shadow": { - "type": "box-shadow", - "category": "elevation", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 12, - "blur": 24, - "spread": -4, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - }, - { - "x": 0, - "y": 8, - "blur": 60, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 32 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.level4.box-shadow}", - "deprecated-version": "9.0.0" - } - }, "level4": { "box-shadow": { "type": "box-shadow", @@ -414,214 +224,6 @@ } } } - }, - "background": { - "body": { - "type": "color", - "value": "{foundation.palette.cloud.light}", - "deprecated": true, - "deprecated-replace": "{global.elevation.suppressed.background}", - "deprecated-version": "6.0.0" - } - }, - "box-shadow": { - "action": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 1, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.action.box-shadow}", - "deprecated-version": "6.0.0" - }, - "action-active": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 1, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.action-active.box-shadow}", - "deprecated-version": "6.0.0" - }, - "fixed": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 2, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.fixed.box-shadow}", - "deprecated-version": "6.0.0" - }, - "fixed-reverse": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 0, - "blur": 2, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": -2, - "blur": 4, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 12 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.fixed-reverse.box-shadow}", - "deprecated-version": "6.0.0" - }, - "overlay": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 12, - "blur": 24, - "spread": -4, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - }, - { - "x": 0, - "y": 8, - "blur": 60, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 32 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.overlay.box-shadow}", - "deprecated-version": "6.0.0" - }, - "raised": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": 4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": 8, - "blur": 24, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.raised.box-shadow}", - "deprecated-version": "6.0.0" - }, - "raised-reverse": { - "type": "box-shadow", - "value": "{foundation.palette.ink.dark}", - "attributes": { - "box-shadow": [ - { - "x": 0, - "y": -4, - "blur": 8, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 16 - }, - { - "x": 0, - "y": -8, - "blur": 24, - "spread": 0, - "color": "{foundation.palette.ink.dark}", - "opacity": 24 - } - ] - }, - "deprecated": true, - "deprecated-replace": "{global.elevation.raised-reverse.box-shadow}", - "deprecated-version": "6.0.0" - } - }, - "opacity": { - "overlay": { - "type": "opacity", - "value": 80, - "deprecated": true, - "deprecated-version": "6.0.0" - } } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/global/space.json b/packages/orbit-design-tokens/src/dictionary/definitions/global/space.json index 5c0d003f66..585249aee2 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/global/space.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/global/space.json @@ -56,68 +56,6 @@ "1600": { "type": "size", "value": "{foundation.space.1600}" - }, - "x-x-x-small": { - "type": "size", - "value": "{foundation.space.x-x-x-small}", - "deprecated": true, - "deprecated-replace": "{global.space.50}", - "deprecated-version": "9.0.0" - }, - "x-x-small": { - "type": "size", - "value": "{foundation.space.x-x-small}", - "deprecated": true, - "deprecated-replace": "{global.space.100}", - "deprecated-version": "9.0.0" - }, - "x-small": { - "type": "size", - "value": "{foundation.space.x-small}", - "deprecated": true, - "deprecated-replace": "{global.space.200}", - "deprecated-version": "9.0.0" - }, - "small": { - "type": "size", - "value": "{foundation.space.small}", - "deprecated": true, - "deprecated-replace": "{global.space.300}", - "deprecated-version": "9.0.0" - }, - "medium": { - "type": "size", - "value": "{foundation.space.medium}", - "deprecated": true, - "deprecated-replace": "{global.space.400}", - "deprecated-version": "9.0.0" - }, - "large": { - "type": "size", - "value": "{foundation.space.large}", - "deprecated": true, - "deprecated-replace": "{global.space.600}", - "deprecated-version": "9.0.0" - }, - "x-large": { - "type": "size", - "value": "{foundation.space.x-large}", - "deprecated": true, - "deprecated-replace": "{global.space.800}", - "deprecated-version": "9.0.0" - }, - "x-x-large": { - "type": "size", - "value": "{foundation.space.x-x-large}", - "deprecated": true, - "deprecated-replace": "{global.space.1000}", - "deprecated-version": "9.0.0" - }, - "x-x-x-large": { - "type": "size", - "value": "{foundation.space.x-x-x-large}", - "deprecated": true, - "deprecated-version": "9.0.0" } } } diff --git a/packages/orbit-design-tokens/src/dictionary/definitions/global/typography.json b/packages/orbit-design-tokens/src/dictionary/definitions/global/typography.json index 24e7bd732b..abd24d03ed 100644 --- a/packages/orbit-design-tokens/src/dictionary/definitions/global/typography.json +++ b/packages/orbit-design-tokens/src/dictionary/definitions/global/typography.json @@ -54,34 +54,6 @@ "type": "size", "category": "typography", "value": "{foundation.line-height.extra-large}" - }, - "text-small": { - "type": "size", - "deprecated": true, - "deprecated-replace": "{global.line-height.small}", - "category": "typography", - "value": "{foundation.line-height.small}" - }, - "text-normal": { - "type": "size", - "deprecated": true, - "deprecated-replace": "{global.line-height.normal}", - "category": "typography", - "value": "{foundation.line-height.normal}" - }, - "text-large": { - "type": "size", - "deprecated": true, - "deprecated-replace": "{global.line-height.large}", - "category": "typography", - "value": "{foundation.line-height.large}" - }, - "text-extra-large": { - "type": "size", - "deprecated": true, - "category": "typography", - "deprecated-replace": "{global.line-height.extra-large}", - "value": "{foundation.line-height.extra-large}" } }, "font-weight": { diff --git a/packages/orbit-design-tokens/src/js/createTokens.ts b/packages/orbit-design-tokens/src/js/createTokens.ts index 1224233dcf..479c0f270a 100644 --- a/packages/orbit-design-tokens/src/js/createTokens.ts +++ b/packages/orbit-design-tokens/src/js/createTokens.ts @@ -14,262 +14,6 @@ import boxShadow from "./boxShadow"; import type { Foundation } from "./defaultFoundation"; export interface Tokens { - paddingAlert: string; - paddingAlertWithIcon: string; - paddingBadge: string; - paddingButtonLarge: string; - paddingButtonLargeWithIcons: string; - paddingButtonLargeWithLeftIcon: string; - paddingButtonLargeWithRightIcon: string; - paddingButtonNormal: string; - paddingButtonNormalWithIcons: string; - paddingButtonNormalWithLeftIcon: string; - paddingButtonNormalWithRightIcon: string; - paddingButtonWithoutText: string; - paddingButtonSmall: string; - paddingButtonSmallWithIcons: string; - paddingButtonSmallWithLeftIcon: string; - paddingButtonSmallWithRightIcon: string; - paddingInputSmall: string; - paddingInputNormal: string; - paddingInputFile: string; - paddingLoading: string; - paddingTable: string; - paddingTableCompact: string; - paddingTag: string; - paddingTagRemovable: string; - paddingTagRemovableWithIcon: string; - paddingTagWithIcon: string; - paddingTextareaSmall: string; - paddingTextareaNormal: string; - backgroundAlertCritical: string; - backgroundAlertInfo: string; - backgroundAlertSuccess: string; - backgroundAlertWarning: string; - backgroundBadgeCritical: string; - backgroundBadgeCriticalSubtle: string; - backgroundBadgeDark: string; - backgroundBadgeInfo: string; - backgroundBadgeInfoSubtle: string; - backgroundBadgeNeutral: string; - backgroundBadgeSuccess: string; - backgroundBadgeSuccessSubtle: string; - backgroundBadgeWarning: string; - backgroundBadgeWarningSubtle: string; - backgroundBadgeWhite: string; - backgroundButtonLinkCritical: string; - backgroundButtonLinkCriticalHover: string; - backgroundButtonLinkCriticalActive: string; - backgroundButtonLinkPrimary: string; - backgroundButtonLinkPrimaryHover: string; - backgroundButtonLinkPrimaryActive: string; - backgroundButtonLinkSecondary: string; - backgroundButtonLinkSecondaryHover: string; - backgroundButtonLinkSecondaryActive: string; - backgroundButtonBundleBasic: string; - backgroundButtonBundleBasicHover: string; - backgroundButtonBundleBasicActive: string; - backgroundButtonBundleMedium: string; - backgroundButtonBundleMediumHover: string; - backgroundButtonBundleMediumActive: string; - backgroundButtonBundleTop: string; - backgroundButtonBundleTopHover: string; - backgroundButtonBundleTopActive: string; - backgroundButtonCriticalSubtle: string; - backgroundButtonCriticalSubtleHover: string; - backgroundButtonCriticalSubtleActive: string; - backgroundButtonCriticalSubtleFocus: string; - backgroundButtonCritical: string; - backgroundButtonCriticalHover: string; - backgroundButtonCriticalActive: string; - backgroundButtonBordered: string; - backgroundButtonBorderedHover: string; - backgroundButtonBorderedActive: string; - backgroundButtonInfo: string; - backgroundButtonInfoHover: string; - backgroundButtonInfoActive: string; - backgroundButtonPrimarySubtle: string; - backgroundButtonPrimarySubtleHover: string; - backgroundButtonPrimarySubtleActive: string; - backgroundButtonPrimarySubtleFocus: string; - backgroundButtonPrimary: string; - backgroundButtonPrimaryHover: string; - backgroundButtonPrimaryActive: string; - backgroundButtonSecondary: string; - backgroundButtonSecondaryHover: string; - backgroundButtonSecondaryActive: string; - backgroundButtonSuccess: string; - backgroundButtonSuccessHover: string; - backgroundButtonSuccessActive: string; - backgroundButtonWarning: string; - backgroundButtonWarningHover: string; - backgroundButtonWarningActive: string; - backgroundButtonWhite: string; - backgroundButtonWhiteHover: string; - backgroundButtonWhiteActive: string; - backgroundButtonWhiteBordered: string; - backgroundButtonWhiteBorderedHover: string; - backgroundButtonWhiteBorderedActive: string; - backgroundButtonFacebook: string; - backgroundButtonFacebookHover: string; - backgroundButtonFacebookActive: string; - backgroundButtonGoogle: string; - backgroundButtonGoogleHover: string; - backgroundButtonGoogleActive: string; - backgroundCard: string; - backgroundCarrierLogo: string; - backgroundCountryFlag: string; - backgroundServiceLogo: string; - backgroundTooltip: string; - backgroundTooltipLargeMobile: string; - backgroundSeparator: string; - backgroundSwitch: string; - backgroundSwitchChecked: string; - backgroundInput: string; - backgroundInputDisabled: string; - backgroundModal: string; - backgroundTable: string; - backgroundTableEven: string; - backgroundTableHover: string; - backgroundTableShadowLeft: string; - backgroundTableShadowRight: string; - backgroundTag: string; - backgroundTagHover: string; - backgroundTagActive: string; - backgroundTagSelected: string; - backgroundTagSelectedHover: string; - backgroundTagSelectedActive: string; - colorAlertIconCritical: string; - colorAlertIconInfo: string; - colorAlertIconSuccess: string; - colorAlertIconWarning: string; - colorFormLabel: string; - colorFormLabelFilled: string; - colorIconCheckboxRadio: string; - colorIconCheckboxRadioDisabled: string; - colorIconInput: string; - colorIconRadioButton: string; - colorIconRadioButtonDisabled: string; - colorInfoCheckBoxRadio: string; - colorPlaceholderInput: string; - colorPlaceholderInputError: string; - colorPlaceholderInputFile: string; - colorPlaceholderInputFileError: string; - colorTextInput: string; - colorTextInputDisabled: string; - colorTextInputPrefix: string; - colorHeading: string; - colorHeadingInverted: string; - colorIconPrimary: string; - colorIconSecondary: string; - colorIconTertiary: string; - colorIconInfo: string; - colorIconSuccess: string; - colorIconWarning: string; - colorIconCritical: string; - colorStopoverArrow: string; - colorTextLinkPrimary: string; - colorTextLinkPrimaryHover: string; - colorTextLinkSecondary: string; - colorTextLinkSecondaryHover: string; - colorTextPrimary: string; - colorTextSecondary: string; - colorTextInfo: string; - colorTextSuccess: string; - colorTextWarning: string; - colorTextCritical: string; - colorTextWhite: string; - colorTextError: string; - colorTextAlertCritical: string; - colorTextAlertInfo: string; - colorTextAlertSuccess: string; - colorTextAlertWarning: string; - colorTextAlertLink: string; - colorTextBadgeCritical: string; - colorTextBadgeDark: string; - colorTextBadgeInfo: string; - colorTextBadgeNeutral: string; - colorTextBadgeSuccess: string; - colorTextBadgeWarning: string; - colorTextBadgeWhite: string; - colorTextButtonLinkCritical: string; - colorTextButtonLinkCriticalHover: string; - colorTextButtonLinkCriticalActive: string; - colorTextButtonLinkPrimary: string; - colorTextButtonLinkPrimaryHover: string; - colorTextButtonLinkPrimaryActive: string; - colorTextButtonLinkSecondary: string; - colorTextButtonLinkSecondaryHover: string; - colorTextButtonLinkSecondaryActive: string; - colorTextButtonLinkSecondaryCompactHover: string; - colorTextButtonLinkSecondaryCompactActive: string; - colorTextButtonCriticalSubtle: string; - colorTextButtonCriticalSubtleHover: string; - colorTextButtonCriticalSubtleActive: string; - colorTextButtonCritical: string; - colorTextButtonCriticalHover: string; - colorTextButtonCriticalActive: string; - colorTextButtonCriticalBordered: string; - colorTextButtonCriticalBorderedHover: string; - colorTextButtonCriticalBorderedActive: string; - colorTextButtonFilled: string; - colorTextButtonFilledHover: string; - colorTextButtonFilledActive: string; - colorTextButtonInfo: string; - colorTextButtonInfoHover: string; - colorTextButtonInfoActive: string; - colorTextButtonInfoBordered: string; - colorTextButtonInfoBorderedHover: string; - colorTextButtonInfoBorderedActive: string; - colorTextButtonPrimarySubtle: string; - colorTextButtonPrimarySubtleHover: string; - colorTextButtonPrimarySubtleActive: string; - colorTextButtonPrimary: string; - colorTextButtonPrimaryHover: string; - colorTextButtonPrimaryActive: string; - colorTextButtonPrimaryBordered: string; - colorTextButtonPrimaryBorderedHover: string; - colorTextButtonPrimaryBorderedActive: string; - colorTextButtonSecondary: string; - colorTextButtonSecondaryHover: string; - colorTextButtonSecondaryActive: string; - colorTextButtonSecondaryBordered: string; - colorTextButtonSecondaryBorderedHover: string; - colorTextButtonSecondaryBorderedActive: string; - colorTextButtonSuccess: string; - colorTextButtonSuccessHover: string; - colorTextButtonSuccessActive: string; - colorTextButtonSuccessBordered: string; - colorTextButtonSuccessBorderedHover: string; - colorTextButtonSuccessBorderedActive: string; - colorTextButtonWarning: string; - colorTextButtonWarningHover: string; - colorTextButtonWarningActive: string; - colorTextButtonWarningBordered: string; - colorTextButtonWarningBorderedHover: string; - colorTextButtonWarningBorderedActive: string; - colorTextButtonWhite: string; - colorTextButtonWhiteHover: string; - colorTextButtonWhiteActive: string; - colorTextButtonWhiteBordered: string; - colorTextButtonWhiteBorderedHover: string; - colorTextButtonWhiteBorderedActive: string; - colorTextButtonFacebook: string; - colorTextButtonFacebookHover: string; - colorTextButtonFacebookActive: string; - colorTextButtonFacebookBordered: string; - colorTextButtonFacebookBorderedHover: string; - colorTextButtonFacebookBorderedActive: string; - colorTextButtonGoogle: string; - colorTextButtonGoogleHover: string; - colorTextButtonGoogleActive: string; - colorTextButtonGoogleBordered: string; - colorTextButtonGoogleBorderedHover: string; - colorTextButtonGoogleBorderedActive: string; - colorTextLoading: string; - colorTextTable: string; - colorTextTag: string; - colorTextTagSelected: string; alertBackgroundCritical: string; alertBackgroundInfo: string; alertBackgroundSuccess: string; @@ -312,10 +56,6 @@ export interface Tokens { badgeWarningSubtleForeground: string; badgeWhiteBackground: string; badgeWhiteForeground: string; - borderRadiusBadge: string; - marginBadgeIcon: string; - marginButtonGroup: string; - marginButtonIcon: string; buttonLinkCriticalBackground: string; buttonLinkCriticalBackgroundHover: string; buttonLinkCriticalBackgroundActive: string; @@ -356,20 +96,8 @@ export interface Tokens { buttonCriticalForegroundHover: string; buttonCriticalForegroundActive: string; buttonSmallFontSize: string; - buttonSmallPadding: string; - buttonSmallBothIconsPadding: string; - buttonSmallLeftIconPadding: string; - buttonSmallRightIconPadding: string; buttonNormalFontSize: string; - buttonNormalPadding: string; - buttonNormalBothIconsPadding: string; - buttonNormalLeftIconPadding: string; - buttonNormalRightIconPadding: string; buttonLargeFontSize: string; - buttonLargePadding: string; - buttonLargeBothIconsPadding: string; - buttonLargeLeftIconPadding: string; - buttonLargeRightIconPadding: string; buttonInfoBackground: string; buttonInfoBackgroundHover: string; buttonInfoBackgroundActive: string; @@ -419,104 +147,6 @@ export interface Tokens { buttonWhiteForegroundHover: string; buttonWhiteForegroundActive: string; buttonWhiteBorderColorFocus: string; - boxShadowButtonFocus: string; - borderColorButtonPrimaryBordered: string; - borderColorButtonPrimaryBorderedHover: string; - borderColorButtonPrimaryBorderedActive: string; - borderColorButtonSecondaryBordered: string; - borderColorButtonSecondaryBorderedHover: string; - borderColorButtonSecondaryBorderedActive: string; - borderColorButtonFacebookBordered: string; - borderColorButtonFacebookBorderedHover: string; - borderColorButtonFacebookBorderedActive: string; - borderColorButtonGoogleBordered: string; - borderColorButtonGoogleBorderedHover: string; - borderColorButtonGoogleBorderedActive: string; - borderColorButtonInfoBordered: string; - borderColorButtonInfoBorderedHover: string; - borderColorButtonInfoBorderedActive: string; - borderColorButtonSuccessBordered: string; - borderColorButtonSuccessBorderedHover: string; - borderColorButtonSuccessBorderedActive: string; - borderColorButtonWarningBordered: string; - borderColorButtonWarningBorderedHover: string; - borderColorButtonWarningBorderedActive: string; - borderColorButtonCriticalBordered: string; - borderColorButtonCriticalBorderedHover: string; - borderColorButtonCriticalBorderedActive: string; - borderColorButtonWhiteBordered: string; - borderColorButtonWhiteBorderedHover: string; - borderColorButtonWhiteBorderedActive: string; - borderColorCard: string; - borderColorCheckboxRadio: string; - borderColorCheckboxRadioActive: string; - borderColorCheckboxRadioError: string; - borderColorCheckboxRadioFocus: string; - borderColorCheckboxRadioHover: string; - borderColorInput: string; - borderColorInputActive: string; - borderColorInputError: string; - borderColorInputErrorFocus: string; - borderColorInputErrorHover: string; - borderColorInputFocus: string; - borderColorInputHover: string; - borderColorModal: string; - borderColorTable: string; - borderColorTableCell: string; - borderColorTableHead: string; - borderColorTag: string; - borderColorTagFocus: string; - modifierScaleButtonActive: number; - modifierScaleCheckboxRadioActive: number; - fontSizeButtonSmall: string; - fontSizeButtonNormal: string; - fontSizeButtonLarge: string; - fontSizeInputSmall: string; - fontSizeInputNormal: string; - fontSizeFormFeedback: string; - fontSizeFormLabel: string; - fontSizeMessage: string; - borderStyleCard: string; - borderStyleInput: string; - borderWidthCard: string; - borderWidthInput: string; - borderWidthInputFocus: string; - widthCarrierLogo: string; - widthIconSmall: string; - widthIconMedium: string; - widthIconLarge: string; - widthBadgeCircled: string; - widthCheckbox: string; - widthRadioButton: string; - widthStopoverArrow: string; - widthCountryFlag: string; - widthModalSmall: string; - widthModalNormal: string; - widthModalLarge: string; - widthModalExtraLarge: string; - heightCarrierLogo: string; - heightButtonSmall: string; - heightButtonNormal: string; - heightButtonLarge: string; - heightInputSmall: string; - heightInputNormal: string; - heightInputLarge: string; - heightIconSmall: string; - heightIconMedium: string; - heightIconLarge: string; - heightBadge: string; - heightCheckbox: string; - heightRadioButton: string; - heightStopoverArrow: string; - heightCountryFlag: string; - heightServiceLogoSmall: string; - heightServiceLogoMedium: string; - heightServiceLogoLarge: string; - heightSeparator: string; - heightInputGroupSeparatorSmall: string; - heightInputGroupSeparatorNormal: string; - heightIllustrationSmall: string; - heightIllustrationMedium: string; countryFlagShadow: string; countryFlagBackground: string; countryFlagSmallHeight: string; @@ -555,9 +185,6 @@ export interface Tokens { formElementLabelFilledForeground: string; formElementPrefixForeground: string; formElementSmallPadding: string; - marginTopFormFeedback: string; - opacityCheckboxDisabled: string; - opacityRadioButtonDisabled: string; headingDisplayFontSize: string; headingDisplayFontWeight: string; headingDisplayLineHeight: string; @@ -603,46 +230,12 @@ export interface Tokens { illustrationMediumHeight: string; illustrationLargeHeight: string; illustrationDisplayHeight: string; - loadingForeground: string; - modalBorderRadiusMobile: string; modalBorderRadius: string; modalExtraSmallWidth: string; modalSmallWidth: string; modalNormalWidth: string; modalLargeWidth: string; modalExtraLargeWidth: string; - marginBottomSelectSuffix: string; - paddingLeftSelectPrefix: string; - socialButtonAppleBackground: string; - socialButtonAppleBackgroundHover: string; - socialButtonAppleBackgroundActive: string; - socialButtonAppleForeground: string; - socialButtonAppleForegroundHover: string; - socialButtonAppleForegroundActive: string; - socialButtonAppleBorderColorFocus: string; - socialButtonAppleIconForeground: string; - socialButtonFacebookBackground: string; - socialButtonFacebookBackgroundHover: string; - socialButtonFacebookBackgroundActive: string; - socialButtonFacebookForeground: string; - socialButtonFacebookForegroundHover: string; - socialButtonFacebookForegroundActive: string; - socialButtonFacebookIconForeground: string; - socialButtonGoogleBackground: string; - socialButtonGoogleBackgroundHover: string; - socialButtonGoogleBackgroundActive: string; - socialButtonGoogleForeground: string; - socialButtonGoogleForegroundHover: string; - socialButtonGoogleForegroundActive: string; - socialButtonGoogleIconForeground: string; - socialButtonTwitterBackground: string; - socialButtonTwitterBackgroundHover: string; - socialButtonTwitterBackgroundActive: string; - socialButtonTwitterForeground: string; - socialButtonTwitterForegroundHover: string; - socialButtonTwitterForegroundActive: string; - socialButtonTwitterBorderColorFocus: string; - socialButtonTwitterIconForeground: string; tabBundleBasicForeground: string; tabBundleBasicBackground: string; tabBundleBasicBackgroundHover: string; @@ -654,8 +247,8 @@ export interface Tokens { tabBundleTopBackground: string; tabBundleTopBackgroundHover: string; tabBundleTopForeground: string; - fontWeightTableHead: string; - fontWeightLinks: string; + backgroundTableShadowLeft: string; + backgroundTableShadowRight: string; tagColoredBackground: string; tagColoredBackgroundHover: string; tagColoredBackgroundActive: string; @@ -685,10 +278,6 @@ export interface Tokens { textLinkWhiteForeground: string; textLinkWhiteForegroundHover: string; textLinkWhiteForegroundActive: string; - textDecorationTextLinkPrimary: string; - textDecorationTextLinkPrimaryHover: string; - textDecorationTextLinkSecondary: string; - textDecorationTextLinkSecondaryHover: string; textPrimaryBackground: string; textPrimaryForeground: string; textSecondaryBackground: string; @@ -703,17 +292,12 @@ export interface Tokens { textCriticalForeground: string; textWhiteBackground: string; textWhiteForeground: string; - backgroundIllustration: string; borderRadius50: string; borderRadius100: string; borderRadius150: string; borderRadius200: string; borderRadius300: string; borderRadius400: string; - borderRadiusCircle: string; - borderRadiusSmall: string; - borderRadiusNormal: string; - borderRadiusLarge: string; borderRadiusNone: string; borderRadiusFull: string; breakpointMediumMobile: number; @@ -721,11 +305,6 @@ export interface Tokens { breakpointTablet: number; breakpointDesktop: number; breakpointLargeDesktop: number; - widthBreakpointMediumMobile: number; - widthBreakpointLargeMobile: number; - widthBreakpointTablet: number; - widthBreakpointDesktop: number; - widthBreakpointLargeDesktop: number; durationFast: string; durationNormal: string; durationSlow: string; @@ -733,34 +312,15 @@ export interface Tokens { elevationFlatBackground: string; elevationFlatBorderColor: string; elevationFlatBorderSize: string; - elevationActionBackground: string; - elevationActionBoxShadow: string; elevationLevel1BoxShadow: string; - elevationActionActiveBackground: string; - elevationActionActiveBoxShadow: string; elevationLevel2BoxShadow: string; elevationFixedBackground: string; elevationFixedBoxShadow: string; elevationFixedReverseBackground: string; elevationFixedReverseBoxShadow: string; - elevationRaisedBackground: string; - elevationRaisedBoxShadow: string; elevationLevel3BoxShadow: string; - elevationRaisedReverseBackground: string; - elevationRaisedReverseBoxShadow: string; elevationLevel3ReverseBoxShadow: string; - elevationOverlayBackground: string; - elevationOverlayBoxShadow: string; elevationLevel4BoxShadow: string; - backgroundBody: string; - boxShadowAction: string; - boxShadowActionActive: string; - boxShadowFixed: string; - boxShadowFixedReverse: string; - boxShadowOverlay: string; - boxShadowRaised: string; - boxShadowRaisedReverse: string; - opacityOverlay: string; paletteBlueLight: string; paletteBlueLightHover: string; paletteBlueLightActive: string; @@ -852,15 +412,6 @@ export interface Tokens { space1200: string; space1300: string; space1600: string; - spaceXXXSmall: string; - spaceXXSmall: string; - spaceXSmall: string; - spaceSmall: string; - spaceMedium: string; - spaceLarge: string; - spaceXLarge: string; - spaceXXLarge: string; - spaceXXXLarge: string; fontFamily: string; fontSizeTextSmall: string; fontSizeTextNormal: string; @@ -871,10 +422,6 @@ export interface Tokens { lineHeightNormal: string; lineHeightLarge: string; lineHeightExtraLarge: string; - lineHeightTextSmall: string; - lineHeightTextNormal: string; - lineHeightTextLarge: string; - lineHeightTextExtraLarge: string; fontWeightNormal: string; fontWeightMedium: string; fontWeightBold: string; @@ -888,262 +435,6 @@ export interface Tokens { } export type CreateTokens = (foundation: Foundation) => Tokens; const createTokens: CreateTokens = foundation => ({ - paddingAlert: foundation.space.medium, - paddingAlertWithIcon: foundation.space.small, - paddingBadge: `0 ${foundation.space.XSmall}`, - paddingButtonLarge: `0 28px`, - paddingButtonLargeWithIcons: `0 ${foundation.space.medium}`, - paddingButtonLargeWithLeftIcon: `0 28px 0 ${foundation.space.medium}`, - paddingButtonLargeWithRightIcon: `0 ${foundation.space.medium} 0 28px`, - paddingButtonNormal: `0 ${foundation.space.medium}`, - paddingButtonNormalWithIcons: `0 ${foundation.space.small}`, - paddingButtonNormalWithLeftIcon: `0 ${foundation.space.medium} 0 ${foundation.space.small}`, - paddingButtonNormalWithRightIcon: `0 ${foundation.space.small} 0 ${foundation.space.medium}`, - paddingButtonWithoutText: "0", - paddingButtonSmall: `0 ${foundation.space.small}`, - paddingButtonSmallWithIcons: `0 ${foundation.space.XSmall}`, - paddingButtonSmallWithLeftIcon: `0 ${foundation.space.small} 0 ${foundation.space.XSmall}`, - paddingButtonSmallWithRightIcon: `0 ${foundation.space.XSmall} 0 ${foundation.space.small}`, - paddingInputSmall: `0 ${foundation.space.small}`, - paddingInputNormal: `0 ${foundation.space.small}`, - paddingInputFile: `0 0 0 6px`, - paddingLoading: foundation.space.small, - paddingTable: `${foundation.space.small} ${foundation.space.medium}`, - paddingTableCompact: `${foundation.space.XSmall} ${foundation.space.small}`, - paddingTag: `6px ${foundation.space.XSmall}`, - paddingTagRemovable: `6px 6px 6px ${foundation.space.XSmall}`, - paddingTagRemovableWithIcon: "6px", - paddingTagWithIcon: `6px ${foundation.space.XSmall} 6px 6px`, - paddingTextareaSmall: `${foundation.space.XSmall} ${foundation.space.small}`, - paddingTextareaNormal: foundation.space.small, - backgroundAlertCritical: foundation.palette.red.light, - backgroundAlertInfo: foundation.palette.blue.light, - backgroundAlertSuccess: foundation.palette.green.light, - backgroundAlertWarning: foundation.palette.orange.light, - backgroundBadgeCritical: foundation.palette.red.normal, - backgroundBadgeCriticalSubtle: foundation.palette.red.light, - backgroundBadgeDark: foundation.palette.ink.dark, - backgroundBadgeInfo: foundation.palette.blue.normal, - backgroundBadgeInfoSubtle: foundation.palette.blue.light, - backgroundBadgeNeutral: foundation.palette.cloud.light, - backgroundBadgeSuccess: foundation.palette.green.normal, - backgroundBadgeSuccessSubtle: foundation.palette.green.light, - backgroundBadgeWarning: foundation.palette.orange.normal, - backgroundBadgeWarningSubtle: foundation.palette.orange.light, - backgroundBadgeWhite: foundation.palette.white.normal, - backgroundButtonLinkCritical: "transparent", - backgroundButtonLinkCriticalHover: foundation.palette.red.lightHover, - backgroundButtonLinkCriticalActive: foundation.palette.red.lightActive, - backgroundButtonLinkPrimary: "transparent", - backgroundButtonLinkPrimaryHover: foundation.palette.product.lightHover, - backgroundButtonLinkPrimaryActive: foundation.palette.product.lightActive, - backgroundButtonLinkSecondary: "transparent", - backgroundButtonLinkSecondaryHover: foundation.palette.cloud.lightHover, - backgroundButtonLinkSecondaryActive: foundation.palette.cloud.lightActive, - backgroundButtonBundleBasic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)", - backgroundButtonBundleBasicHover: "linear-gradient(to top right, #BD2825 0%, #D67000 100%)", - backgroundButtonBundleBasicActive: "linear-gradient(to top right, #9F1816 0%, #C36802 100%)", - backgroundButtonBundleMedium: "linear-gradient(to top right, #3719AB 0%, #8539DB 100%)", - backgroundButtonBundleMediumHover: "linear-gradient(to top right, #2D1393 0%, #7343AA 100%)", - backgroundButtonBundleMediumActive: "linear-gradient(to top right, #250F79 0%, #5A3485 100%)", - backgroundButtonBundleTop: "linear-gradient(to top right, #2D2D2E 0%, #696E73 100%)", - backgroundButtonBundleTopHover: "linear-gradient(to top right, #171718 0%, #51575C 100%)", - backgroundButtonBundleTopActive: "linear-gradient(to top right, #101011 0%, #51575C)", - backgroundButtonCriticalSubtle: foundation.palette.red.light, - backgroundButtonCriticalSubtleHover: foundation.palette.red.lightHover, - backgroundButtonCriticalSubtleActive: foundation.palette.red.lightActive, - backgroundButtonCriticalSubtleFocus: foundation.palette.red.light, - backgroundButtonCritical: foundation.palette.red.normal, - backgroundButtonCriticalHover: foundation.palette.red.normalHover, - backgroundButtonCriticalActive: foundation.palette.red.normalActive, - backgroundButtonBordered: "transparent", - backgroundButtonBorderedHover: foundation.palette.cloud.light, - backgroundButtonBorderedActive: foundation.palette.cloud.light, - backgroundButtonInfo: foundation.palette.blue.normal, - backgroundButtonInfoHover: foundation.palette.blue.normalHover, - backgroundButtonInfoActive: foundation.palette.blue.normalActive, - backgroundButtonPrimarySubtle: foundation.palette.product.light, - backgroundButtonPrimarySubtleHover: foundation.palette.product.lightHover, - backgroundButtonPrimarySubtleActive: foundation.palette.product.lightActive, - backgroundButtonPrimarySubtleFocus: foundation.palette.product.light, - backgroundButtonPrimary: foundation.palette.product.normal, - backgroundButtonPrimaryHover: foundation.palette.product.normalHover, - backgroundButtonPrimaryActive: foundation.palette.product.normalActive, - backgroundButtonSecondary: foundation.palette.cloud.normal, - backgroundButtonSecondaryHover: foundation.palette.cloud.normalHover, - backgroundButtonSecondaryActive: foundation.palette.cloud.normalActive, - backgroundButtonSuccess: foundation.palette.green.normal, - backgroundButtonSuccessHover: foundation.palette.green.normalHover, - backgroundButtonSuccessActive: foundation.palette.green.normalActive, - backgroundButtonWarning: foundation.palette.orange.normal, - backgroundButtonWarningHover: foundation.palette.orange.normalHover, - backgroundButtonWarningActive: foundation.palette.orange.normalActive, - backgroundButtonWhite: foundation.palette.white.normal, - backgroundButtonWhiteHover: foundation.palette.cloud.light, - backgroundButtonWhiteActive: foundation.palette.cloud.lightHover, - backgroundButtonWhiteBordered: "transparent", - backgroundButtonWhiteBorderedHover: transparentColor(foundation.palette.white.normal, 20), - backgroundButtonWhiteBorderedActive: transparentColor(foundation.palette.white.normal, 20), - backgroundButtonFacebook: "#3B5998", - backgroundButtonFacebookHover: "#385490", - backgroundButtonFacebookActive: "#354F88", - backgroundButtonGoogle: foundation.palette.cloud.light, - backgroundButtonGoogleHover: foundation.palette.cloud.lightHover, - backgroundButtonGoogleActive: foundation.palette.cloud.lightActive, - backgroundCard: foundation.palette.white.normal, - backgroundCarrierLogo: "transparent", - backgroundCountryFlag: "transparent", - backgroundServiceLogo: "transparent", - backgroundTooltip: foundation.palette.white.normal, - backgroundTooltipLargeMobile: foundation.palette.blue.dark, - backgroundSeparator: foundation.palette.cloud.normal, - backgroundSwitch: foundation.palette.cloud.dark, - backgroundSwitchChecked: foundation.palette.blue.normal, - backgroundInput: foundation.palette.white.normal, - backgroundInputDisabled: foundation.palette.cloud.normal, - backgroundModal: foundation.palette.white.normal, - backgroundTable: foundation.palette.white.normal, - backgroundTableEven: foundation.palette.cloud.light, - backgroundTableHover: foundation.palette.cloud.normal, - backgroundTableShadowLeft: "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))", - backgroundTableShadowRight: "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))", - backgroundTag: foundation.palette.cloud.light, - backgroundTagHover: foundation.palette.cloud.lightHover, - backgroundTagActive: foundation.palette.cloud.lightActive, - backgroundTagSelected: foundation.palette.ink.dark, - backgroundTagSelectedHover: foundation.palette.ink.darkHover, - backgroundTagSelectedActive: foundation.palette.ink.darkActive, - colorAlertIconCritical: foundation.palette.red.normal, - colorAlertIconInfo: foundation.palette.blue.normal, - colorAlertIconSuccess: foundation.palette.green.normal, - colorAlertIconWarning: foundation.palette.orange.normal, - colorFormLabel: foundation.palette.ink.dark, - colorFormLabelFilled: foundation.palette.ink.normal, - colorIconCheckboxRadio: foundation.palette.product.normal, - colorIconCheckboxRadioDisabled: foundation.palette.cloud.dark, - colorIconInput: foundation.palette.cloud.dark, - colorIconRadioButton: foundation.palette.product.normal, - colorIconRadioButtonDisabled: foundation.palette.ink.normal, - colorInfoCheckBoxRadio: foundation.palette.ink.normal, - colorPlaceholderInput: foundation.palette.ink.light, - colorPlaceholderInputError: foundation.palette.red.normal, - colorPlaceholderInputFile: foundation.palette.ink.light, - colorPlaceholderInputFileError: foundation.palette.red.normal, - colorTextInput: foundation.palette.ink.dark, - colorTextInputDisabled: foundation.palette.ink.normal, - colorTextInputPrefix: foundation.palette.ink.normal, - colorHeading: foundation.palette.ink.dark, - colorHeadingInverted: foundation.palette.white.normal, - colorIconPrimary: foundation.palette.ink.dark, - colorIconSecondary: foundation.palette.ink.normal, - colorIconTertiary: foundation.palette.cloud.dark, - colorIconInfo: foundation.palette.blue.normal, - colorIconSuccess: foundation.palette.green.normal, - colorIconWarning: foundation.palette.orange.normal, - colorIconCritical: foundation.palette.red.normal, - colorStopoverArrow: foundation.palette.ink.light, - colorTextLinkPrimary: foundation.palette.product.dark, - colorTextLinkPrimaryHover: foundation.palette.product.normal, - colorTextLinkSecondary: foundation.palette.ink.dark, - colorTextLinkSecondaryHover: foundation.palette.product.normal, - colorTextPrimary: foundation.palette.ink.dark, - colorTextSecondary: foundation.palette.ink.normal, - colorTextInfo: foundation.palette.blue.normal, - colorTextSuccess: foundation.palette.green.normal, - colorTextWarning: foundation.palette.orange.normal, - colorTextCritical: foundation.palette.red.normal, - colorTextWhite: foundation.palette.white.normal, - colorTextError: foundation.palette.red.normal, - colorTextAlertCritical: foundation.palette.red.dark, - colorTextAlertInfo: foundation.palette.blue.dark, - colorTextAlertSuccess: foundation.palette.green.dark, - colorTextAlertWarning: foundation.palette.orange.dark, - colorTextAlertLink: foundation.palette.ink.normal, - colorTextBadgeCritical: foundation.palette.red.normal, - colorTextBadgeDark: foundation.palette.white.normal, - colorTextBadgeInfo: foundation.palette.blue.normal, - colorTextBadgeNeutral: foundation.palette.ink.normal, - colorTextBadgeSuccess: foundation.palette.green.normal, - colorTextBadgeWarning: foundation.palette.orange.normal, - colorTextBadgeWhite: foundation.palette.ink.dark, - colorTextButtonLinkCritical: foundation.palette.red.normal, - colorTextButtonLinkCriticalHover: foundation.palette.red.normalHover, - colorTextButtonLinkCriticalActive: foundation.palette.red.normalActive, - colorTextButtonLinkPrimary: foundation.palette.product.normal, - colorTextButtonLinkPrimaryHover: foundation.palette.product.normalHover, - colorTextButtonLinkPrimaryActive: foundation.palette.product.normalActive, - colorTextButtonLinkSecondary: foundation.palette.ink.dark, - colorTextButtonLinkSecondaryHover: foundation.palette.ink.darkHover, - colorTextButtonLinkSecondaryActive: foundation.palette.ink.darkActive, - colorTextButtonLinkSecondaryCompactHover: foundation.palette.product.normalHover, - colorTextButtonLinkSecondaryCompactActive: foundation.palette.product.normalActive, - colorTextButtonCriticalSubtle: foundation.palette.red.dark, - colorTextButtonCriticalSubtleHover: foundation.palette.red.darkHover, - colorTextButtonCriticalSubtleActive: foundation.palette.red.darkActive, - colorTextButtonCritical: foundation.palette.white.normal, - colorTextButtonCriticalHover: foundation.palette.white.normal, - colorTextButtonCriticalActive: foundation.palette.white.normal, - colorTextButtonCriticalBordered: foundation.palette.red.normal, - colorTextButtonCriticalBorderedHover: foundation.palette.red.normalHover, - colorTextButtonCriticalBorderedActive: foundation.palette.red.normalActive, - colorTextButtonFilled: foundation.palette.white.normal, - colorTextButtonFilledHover: foundation.palette.white.normal, - colorTextButtonFilledActive: foundation.palette.white.normal, - colorTextButtonInfo: foundation.palette.white.normal, - colorTextButtonInfoHover: foundation.palette.white.normal, - colorTextButtonInfoActive: foundation.palette.white.normal, - colorTextButtonInfoBordered: foundation.palette.blue.normal, - colorTextButtonInfoBorderedHover: foundation.palette.blue.normalHover, - colorTextButtonInfoBorderedActive: foundation.palette.blue.normalActive, - colorTextButtonPrimarySubtle: foundation.palette.product.dark, - colorTextButtonPrimarySubtleHover: foundation.palette.product.darkHover, - colorTextButtonPrimarySubtleActive: foundation.palette.product.darkActive, - colorTextButtonPrimary: foundation.palette.white.normal, - colorTextButtonPrimaryHover: foundation.palette.white.normal, - colorTextButtonPrimaryActive: foundation.palette.white.normal, - colorTextButtonPrimaryBordered: foundation.palette.product.normal, - colorTextButtonPrimaryBorderedHover: foundation.palette.product.normalHover, - colorTextButtonPrimaryBorderedActive: foundation.palette.product.normalActive, - colorTextButtonSecondary: foundation.palette.ink.dark, - colorTextButtonSecondaryHover: foundation.palette.ink.darkHover, - colorTextButtonSecondaryActive: foundation.palette.ink.darkActive, - colorTextButtonSecondaryBordered: foundation.palette.ink.dark, - colorTextButtonSecondaryBorderedHover: foundation.palette.ink.darkHover, - colorTextButtonSecondaryBorderedActive: foundation.palette.ink.darkActive, - colorTextButtonSuccess: foundation.palette.white.normal, - colorTextButtonSuccessHover: foundation.palette.white.normal, - colorTextButtonSuccessActive: foundation.palette.white.normal, - colorTextButtonSuccessBordered: foundation.palette.green.normal, - colorTextButtonSuccessBorderedHover: foundation.palette.green.normalHover, - colorTextButtonSuccessBorderedActive: foundation.palette.green.normalActive, - colorTextButtonWarning: foundation.palette.white.normal, - colorTextButtonWarningHover: foundation.palette.white.normal, - colorTextButtonWarningActive: foundation.palette.white.normal, - colorTextButtonWarningBordered: foundation.palette.orange.normal, - colorTextButtonWarningBorderedHover: foundation.palette.orange.normalHover, - colorTextButtonWarningBorderedActive: foundation.palette.orange.normalActive, - colorTextButtonWhite: foundation.palette.ink.dark, - colorTextButtonWhiteHover: foundation.palette.ink.darkHover, - colorTextButtonWhiteActive: foundation.palette.ink.darkActive, - colorTextButtonWhiteBordered: foundation.palette.white.normal, - colorTextButtonWhiteBorderedHover: foundation.palette.white.normal, - colorTextButtonWhiteBorderedActive: foundation.palette.white.normal, - colorTextButtonFacebook: foundation.palette.white.normal, - colorTextButtonFacebookHover: foundation.palette.white.normal, - colorTextButtonFacebookActive: foundation.palette.white.normal, - colorTextButtonFacebookBordered: "#3B5998", - colorTextButtonFacebookBorderedHover: "#385490", - colorTextButtonFacebookBorderedActive: "#354F88", - colorTextButtonGoogle: foundation.palette.ink.dark, - colorTextButtonGoogleHover: foundation.palette.ink.darkHover, - colorTextButtonGoogleActive: foundation.palette.ink.darkActive, - colorTextButtonGoogleBordered: foundation.palette.ink.dark, - colorTextButtonGoogleBorderedHover: foundation.palette.ink.darkHover, - colorTextButtonGoogleBorderedActive: foundation.palette.ink.darkActive, - colorTextLoading: foundation.palette.cloud.dark, - colorTextTable: foundation.palette.ink.light, - colorTextTag: foundation.palette.ink.dark, - colorTextTagSelected: foundation.palette.cloud.dark, alertBackgroundCritical: foundation.palette.red.light, alertBackgroundInfo: foundation.palette.blue.light, alertBackgroundSuccess: foundation.palette.green.light, @@ -1186,10 +477,6 @@ const createTokens: CreateTokens = foundation => ({ badgeWarningSubtleForeground: foundation.palette.orange.dark, badgeWhiteBackground: foundation.palette.white.normal, badgeWhiteForeground: foundation.palette.ink.dark, - borderRadiusBadge: "12px", - marginBadgeIcon: `0 ${foundation.space.XXSmall} 0 0`, - marginButtonGroup: `0 1px 0 0`, - marginButtonIcon: foundation.space.XSmall, buttonLinkCriticalBackground: "transparent", buttonLinkCriticalBackgroundHover: foundation.palette.red.lightHover, buttonLinkCriticalBackgroundActive: foundation.palette.red.lightActive, @@ -1230,20 +517,8 @@ const createTokens: CreateTokens = foundation => ({ buttonCriticalForegroundHover: foundation.palette.white.normal, buttonCriticalForegroundActive: foundation.palette.white.normal, buttonSmallFontSize: foundation.fontSize.small, - buttonSmallPadding: `0 ${foundation.space.small}`, - buttonSmallBothIconsPadding: `0 ${foundation.space.XSmall}`, - buttonSmallLeftIconPadding: `0 ${foundation.space.small} 0 ${foundation.space.XSmall}`, - buttonSmallRightIconPadding: `0 ${foundation.space.XSmall} 0 ${foundation.space.small}`, buttonNormalFontSize: foundation.fontSize.normal, - buttonNormalPadding: `0 ${foundation.space.medium}`, - buttonNormalBothIconsPadding: `0 ${foundation.space.small}`, - buttonNormalLeftIconPadding: `0 ${foundation.space.medium} 0 ${foundation.space.small}`, - buttonNormalRightIconPadding: `0 ${foundation.space.small} 0 ${foundation.space.medium}`, buttonLargeFontSize: foundation.fontSize.large, - buttonLargePadding: `0 28px`, - buttonLargeBothIconsPadding: `0 ${foundation.space.medium}`, - buttonLargeLeftIconPadding: `0 28px 0 ${foundation.space.medium}`, - buttonLargeRightIconPadding: `0 ${foundation.space.medium} 0 28px`, buttonInfoBackground: foundation.palette.blue.normal, buttonInfoBackgroundHover: foundation.palette.blue.normalHover, buttonInfoBackgroundActive: foundation.palette.blue.normalActive, @@ -1293,110 +568,6 @@ const createTokens: CreateTokens = foundation => ({ buttonWhiteForegroundHover: foundation.palette.ink.darkHover, buttonWhiteForegroundActive: foundation.palette.ink.darkActive, buttonWhiteBorderColorFocus: transparentColor(foundation.palette.white.normalActive, 50), - boxShadowButtonFocus: boxShadow([ - { - def: ["0", "0", "4px", "1px"], - color: transparentColor(foundation.palette.blue.normal, 30), - inset: false, - }, - ]), - borderColorButtonPrimaryBordered: foundation.palette.product.normal, - borderColorButtonPrimaryBorderedHover: foundation.palette.product.normalHover, - borderColorButtonPrimaryBorderedActive: foundation.palette.product.normalActive, - borderColorButtonSecondaryBordered: foundation.palette.ink.dark, - borderColorButtonSecondaryBorderedHover: foundation.palette.ink.darkHover, - borderColorButtonSecondaryBorderedActive: foundation.palette.ink.darkActive, - borderColorButtonFacebookBordered: foundation.palette.social.facebook, - borderColorButtonFacebookBorderedHover: foundation.palette.social.facebookHover, - borderColorButtonFacebookBorderedActive: foundation.palette.social.facebookActive, - borderColorButtonGoogleBordered: foundation.palette.ink.dark, - borderColorButtonGoogleBorderedHover: foundation.palette.ink.darkHover, - borderColorButtonGoogleBorderedActive: foundation.palette.ink.darkActive, - borderColorButtonInfoBordered: foundation.palette.blue.normal, - borderColorButtonInfoBorderedHover: foundation.palette.blue.normalHover, - borderColorButtonInfoBorderedActive: foundation.palette.blue.normalActive, - borderColorButtonSuccessBordered: foundation.palette.green.normal, - borderColorButtonSuccessBorderedHover: foundation.palette.green.normalHover, - borderColorButtonSuccessBorderedActive: foundation.palette.green.normalActive, - borderColorButtonWarningBordered: foundation.palette.orange.normal, - borderColorButtonWarningBorderedHover: foundation.palette.orange.normalHover, - borderColorButtonWarningBorderedActive: foundation.palette.orange.normalActive, - borderColorButtonCriticalBordered: foundation.palette.red.normal, - borderColorButtonCriticalBorderedHover: foundation.palette.red.normalHover, - borderColorButtonCriticalBorderedActive: foundation.palette.red.normalActive, - borderColorButtonWhiteBordered: foundation.palette.white.normal, - borderColorButtonWhiteBorderedHover: foundation.palette.white.normal, - borderColorButtonWhiteBorderedActive: foundation.palette.white.normal, - borderColorCard: foundation.palette.cloud.normal, - borderColorCheckboxRadio: foundation.palette.cloud.dark, - borderColorCheckboxRadioActive: foundation.palette.ink.dark, - borderColorCheckboxRadioError: foundation.palette.red.normal, - borderColorCheckboxRadioFocus: foundation.palette.blue.normal, - borderColorCheckboxRadioHover: foundation.palette.ink.normal, - borderColorInput: foundation.palette.cloud.dark, - borderColorInputActive: foundation.palette.cloud.darkActive, - borderColorInputError: foundation.palette.red.normal, - borderColorInputErrorFocus: foundation.palette.red.normal, - borderColorInputErrorHover: foundation.palette.red.normalHover, - borderColorInputFocus: foundation.palette.blue.normal, - borderColorInputHover: foundation.palette.cloud.darkHover, - borderColorModal: foundation.palette.cloud.normal, - borderColorTable: foundation.palette.cloud.normal, - borderColorTableCell: foundation.palette.cloud.dark, - borderColorTableHead: foundation.palette.cloud.dark, - borderColorTag: foundation.palette.cloud.dark, - borderColorTagFocus: foundation.palette.blue.normal, - modifierScaleButtonActive: 0.95, - modifierScaleCheckboxRadioActive: 0.95, - fontSizeButtonSmall: foundation.fontSize.small, - fontSizeButtonNormal: foundation.fontSize.normal, - fontSizeButtonLarge: foundation.fontSize.large, - fontSizeInputSmall: foundation.fontSize.normal, - fontSizeInputNormal: foundation.fontSize.normal, - fontSizeFormFeedback: foundation.fontSize.small, - fontSizeFormLabel: foundation.fontSize.normal, - fontSizeMessage: foundation.fontSize.normal, - borderStyleCard: "solid", - borderStyleInput: "solid", - borderWidthCard: "1px", - borderWidthInput: "1px", - borderWidthInputFocus: "2px", - widthCarrierLogo: foundation.size.large, - widthIconSmall: foundation.size.small, - widthIconMedium: "20px", - widthIconLarge: "24px", - widthBadgeCircled: "24px", - widthCheckbox: "20px", - widthRadioButton: "20px", - widthStopoverArrow: "36px", - widthCountryFlag: "24px", - widthModalSmall: "540px", - widthModalNormal: "740px", - widthModalLarge: "900px", - widthModalExtraLarge: "1280px", - heightCarrierLogo: foundation.size.large, - heightButtonSmall: foundation.size.large, - heightButtonNormal: foundation.size.extraLarge, - heightButtonLarge: foundation.size.extraExtraLarge, - heightInputSmall: foundation.size.large, - heightInputNormal: foundation.size.extraLarge, - heightInputLarge: foundation.size.extraExtraLarge, - heightIconSmall: foundation.size.small, - heightIconMedium: "20px", - heightIconLarge: "24px", - heightBadge: "24px", - heightCheckbox: "20px", - heightRadioButton: "20px", - heightStopoverArrow: "7px", - heightCountryFlag: "auto", - heightServiceLogoSmall: "12px", - heightServiceLogoMedium: "24px", - heightServiceLogoLarge: "48px", - heightSeparator: "1px", - heightInputGroupSeparatorSmall: foundation.size.small, - heightInputGroupSeparatorNormal: "20px", - heightIllustrationSmall: "90px", - heightIllustrationMedium: "200px", countryFlagShadow: boxShadow([ { def: ["0", "0", "0", "1px"], @@ -1487,9 +658,6 @@ const createTokens: CreateTokens = foundation => ({ formElementLabelFilledForeground: foundation.palette.ink.normal, formElementPrefixForeground: foundation.palette.ink.normal, formElementSmallPadding: `0 ${foundation.space["300"]}`, - marginTopFormFeedback: foundation.space.XXXSmall, - opacityCheckboxDisabled: "0.5", - opacityRadioButtonDisabled: "0.5", headingDisplayFontSize: "40px", headingDisplayFontWeight: foundation.fontWeight.bold, headingDisplayLineHeight: "44px", @@ -1535,46 +703,12 @@ const createTokens: CreateTokens = foundation => ({ illustrationMediumHeight: "200px", illustrationLargeHeight: "280px", illustrationDisplayHeight: "460px", - loadingForeground: foundation.palette.cloud.dark, - modalBorderRadiusMobile: "12px", modalBorderRadius: "12px", modalExtraSmallWidth: "360px", modalSmallWidth: "540px", modalNormalWidth: "740px", modalLargeWidth: "900px", modalExtraLargeWidth: "1280px", - marginBottomSelectSuffix: foundation.space.XXXSmall, - paddingLeftSelectPrefix: "48px", - socialButtonAppleBackground: foundation.palette.ink.normal, - socialButtonAppleBackgroundHover: foundation.palette.ink.normalHover, - socialButtonAppleBackgroundActive: foundation.palette.ink.normalActive, - socialButtonAppleForeground: foundation.palette.white.normal, - socialButtonAppleForegroundHover: foundation.palette.white.normal, - socialButtonAppleForegroundActive: foundation.palette.white.normal, - socialButtonAppleBorderColorFocus: transparentColor(foundation.palette.ink.light, 50), - socialButtonAppleIconForeground: foundation.palette.white.normal, - socialButtonFacebookBackground: foundation.palette.social.facebook, - socialButtonFacebookBackgroundHover: foundation.palette.social.facebookHover, - socialButtonFacebookBackgroundActive: foundation.palette.social.facebookActive, - socialButtonFacebookForeground: foundation.palette.white.normal, - socialButtonFacebookForegroundHover: foundation.palette.white.normal, - socialButtonFacebookForegroundActive: foundation.palette.white.normal, - socialButtonFacebookIconForeground: "#3B5998", - socialButtonGoogleBackground: foundation.palette.cloud.light, - socialButtonGoogleBackgroundHover: foundation.palette.cloud.lightHover, - socialButtonGoogleBackgroundActive: foundation.palette.cloud.lightActive, - socialButtonGoogleForeground: foundation.palette.ink.dark, - socialButtonGoogleForegroundHover: foundation.palette.ink.darkHover, - socialButtonGoogleForegroundActive: foundation.palette.ink.darkActive, - socialButtonGoogleIconForeground: "currentColor", - socialButtonTwitterBackground: foundation.palette.cloud.dark, - socialButtonTwitterBackgroundHover: foundation.palette.cloud.normalHover, - socialButtonTwitterBackgroundActive: foundation.palette.cloud.normalActive, - socialButtonTwitterForeground: foundation.palette.ink.normal, - socialButtonTwitterForegroundHover: foundation.palette.ink.normal, - socialButtonTwitterForegroundActive: foundation.palette.ink.normal, - socialButtonTwitterBorderColorFocus: transparentColor(foundation.palette.ink.light, 50), - socialButtonTwitterIconForeground: "#00ACEE", tabBundleBasicForeground: "linear-gradient(80.91deg, #E13E3B 0%, #E87E09 100%)", tabBundleBasicBackground: foundation.palette.white.normal, tabBundleBasicBackgroundHover: "rgba(215, 51, 28, 0.08)", @@ -1586,8 +720,8 @@ const createTokens: CreateTokens = foundation => ({ tabBundleTopBackground: foundation.palette.white.normal, tabBundleTopBackgroundHover: foundation.palette.white.normalHover, tabBundleTopForeground: "linear-gradient(80.91deg, #2D2D2E 0%, #696E73 100%)", - fontWeightTableHead: foundation.fontWeight.bold, - fontWeightLinks: foundation.fontWeight.medium, + backgroundTableShadowLeft: "linear-gradient(to left, transparent, rgba(186, 199, 213, 23))", + backgroundTableShadowRight: "linear-gradient(to right, transparent, rgba(186, 199, 213, 23))", tagColoredBackground: foundation.palette.blue.light, tagColoredBackgroundHover: foundation.palette.blue.lightHover, tagColoredBackgroundActive: foundation.palette.blue.lightActive, @@ -1617,10 +751,6 @@ const createTokens: CreateTokens = foundation => ({ textLinkWhiteForeground: foundation.palette.white.normal, textLinkWhiteForegroundHover: foundation.palette.product.light, textLinkWhiteForegroundActive: foundation.palette.product.light, - textDecorationTextLinkPrimary: "underline", - textDecorationTextLinkPrimaryHover: "none", - textDecorationTextLinkSecondary: "underline", - textDecorationTextLinkSecondaryHover: "none", textPrimaryBackground: transparentColor(foundation.palette.ink.dark, 10), textPrimaryForeground: foundation.palette.ink.dark, textSecondaryBackground: transparentColor(foundation.palette.ink.normal, 10), @@ -1635,17 +765,12 @@ const createTokens: CreateTokens = foundation => ({ textCriticalForeground: foundation.palette.red.normal, textWhiteBackground: transparentColor(foundation.palette.white.normal, 10), textWhiteForeground: foundation.palette.white.normal, - backgroundIllustration: "transparent", borderRadius50: foundation.borderRadius["50"], borderRadius100: foundation.borderRadius["100"], borderRadius150: foundation.borderRadius["150"], borderRadius200: foundation.borderRadius["200"], borderRadius300: foundation.borderRadius["300"], borderRadius400: foundation.borderRadius["400"], - borderRadiusCircle: foundation.borderRadius.circle, - borderRadiusSmall: foundation.borderRadius.small, - borderRadiusNormal: foundation.borderRadius.normal, - borderRadiusLarge: foundation.borderRadius.large, borderRadiusNone: foundation.borderRadius.none, borderRadiusFull: foundation.borderRadius.full, breakpointMediumMobile: foundation.breakpoint.mediumMobile, @@ -1653,11 +778,6 @@ const createTokens: CreateTokens = foundation => ({ breakpointTablet: foundation.breakpoint.tablet, breakpointDesktop: foundation.breakpoint.desktop, breakpointLargeDesktop: foundation.breakpoint.largeDesktop, - widthBreakpointMediumMobile: foundation.breakpoint.mediumMobile, - widthBreakpointLargeMobile: foundation.breakpoint.largeMobile, - widthBreakpointTablet: foundation.breakpoint.tablet, - widthBreakpointDesktop: foundation.breakpoint.desktop, - widthBreakpointLargeDesktop: foundation.breakpoint.largeDesktop, durationFast: "0.15s", durationNormal: "0.3s", durationSlow: "0.4s", @@ -1665,19 +785,6 @@ const createTokens: CreateTokens = foundation => ({ elevationFlatBackground: foundation.palette.white.normal, elevationFlatBorderColor: foundation.palette.cloud.normal, elevationFlatBorderSize: "1px", - elevationActionBackground: foundation.palette.white.normal, - elevationActionBoxShadow: boxShadow([ - { - def: ["0", "0", "2px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "1px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), elevationLevel1BoxShadow: boxShadow([ { def: ["0", "0", "2px", "0"], @@ -1690,19 +797,6 @@ const createTokens: CreateTokens = foundation => ({ inset: false, }, ]), - elevationActionActiveBackground: foundation.palette.white.normal, - elevationActionActiveBoxShadow: boxShadow([ - { - def: ["0", "1px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), elevationLevel2BoxShadow: boxShadow([ { def: ["0", "1px", "4px", "0"], @@ -1741,19 +835,6 @@ const createTokens: CreateTokens = foundation => ({ inset: false, }, ]), - elevationRaisedBackground: foundation.palette.white.normal, - elevationRaisedBoxShadow: boxShadow([ - { - def: ["0", "4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "8px", "24px", "0"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - ]), elevationLevel3BoxShadow: boxShadow([ { def: ["0", "4px", "8px", "0"], @@ -1766,19 +847,6 @@ const createTokens: CreateTokens = foundation => ({ inset: false, }, ]), - elevationRaisedReverseBackground: foundation.palette.white.normal, - elevationRaisedReverseBoxShadow: boxShadow([ - { - def: ["0", "-4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "-8px", "24px", "0"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - ]), elevationLevel3ReverseBoxShadow: boxShadow([ { def: ["0", "-4px", "8px", "0"], @@ -1791,19 +859,6 @@ const createTokens: CreateTokens = foundation => ({ inset: false, }, ]), - elevationOverlayBackground: foundation.palette.white.normal, - elevationOverlayBoxShadow: boxShadow([ - { - def: ["0", "12px", "24px", "-4px"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - { - def: ["0", "8px", "60px", "0"], - color: transparentColor(foundation.palette.ink.dark, 32), - inset: false, - }, - ]), elevationLevel4BoxShadow: boxShadow([ { def: ["0", "12px", "24px", "-4px"], @@ -1816,92 +871,6 @@ const createTokens: CreateTokens = foundation => ({ inset: false, }, ]), - backgroundBody: foundation.palette.cloud.light, - boxShadowAction: boxShadow([ - { - def: ["0", "0", "2px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "1px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), - boxShadowActionActive: boxShadow([ - { - def: ["0", "1px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), - boxShadowFixed: boxShadow([ - { - def: ["0", "0", "2px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "2px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), - boxShadowFixedReverse: boxShadow([ - { - def: ["0", "0", "2px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "-2px", "4px", "0"], - color: transparentColor(foundation.palette.ink.dark, 12), - inset: false, - }, - ]), - boxShadowOverlay: boxShadow([ - { - def: ["0", "12px", "24px", "-4px"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - { - def: ["0", "8px", "60px", "0"], - color: transparentColor(foundation.palette.ink.dark, 32), - inset: false, - }, - ]), - boxShadowRaised: boxShadow([ - { - def: ["0", "4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "8px", "24px", "0"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - ]), - boxShadowRaisedReverse: boxShadow([ - { - def: ["0", "-4px", "8px", "0"], - color: transparentColor(foundation.palette.ink.dark, 16), - inset: false, - }, - { - def: ["0", "-8px", "24px", "0"], - color: transparentColor(foundation.palette.ink.dark, 24), - inset: false, - }, - ]), - opacityOverlay: "0.8", paletteBlueLight: foundation.palette.blue.light, paletteBlueLightHover: foundation.palette.blue.lightHover, paletteBlueLightActive: foundation.palette.blue.lightActive, @@ -1987,19 +956,12 @@ const createTokens: CreateTokens = foundation => ({ space400: foundation.space["400"], space500: foundation.space["500"], space600: foundation.space["600"], + space700: foundation.space["700"], space800: foundation.space["800"], space1000: foundation.space["1000"], space1200: foundation.space["1200"], + space1300: foundation.space["1300"], space1600: foundation.space["1600"], - spaceXXXSmall: foundation.space.XXXSmall, - spaceXXSmall: foundation.space.XXSmall, - spaceXSmall: foundation.space.XSmall, - spaceSmall: foundation.space.small, - spaceMedium: foundation.space.medium, - spaceLarge: foundation.space.large, - spaceXLarge: foundation.space.XLarge, - spaceXXLarge: foundation.space.XXLarge, - spaceXXXLarge: foundation.space.XXXLarge, fontFamily: foundation.fontFamily.base, fontSizeTextSmall: foundation.fontSize.small, fontSizeTextNormal: foundation.fontSize.normal, @@ -2010,10 +972,6 @@ const createTokens: CreateTokens = foundation => ({ lineHeightNormal: foundation.lineHeight.normal, lineHeightLarge: foundation.lineHeight.large, lineHeightExtraLarge: foundation.lineHeight.extraLarge, - lineHeightTextSmall: foundation.lineHeight.small, - lineHeightTextNormal: foundation.lineHeight.normal, - lineHeightTextLarge: foundation.lineHeight.large, - lineHeightTextExtraLarge: foundation.lineHeight.extraLarge, fontWeightNormal: foundation.fontWeight.normal, fontWeightMedium: foundation.fontWeight.medium, fontWeightBold: foundation.fontWeight.bold, diff --git a/packages/orbit-design-tokens/src/js/defaultFoundation.ts b/packages/orbit-design-tokens/src/js/defaultFoundation.ts index e6b06018a5..f908718ba6 100644 --- a/packages/orbit-design-tokens/src/js/defaultFoundation.ts +++ b/packages/orbit-design-tokens/src/js/defaultFoundation.ts @@ -112,11 +112,7 @@ export interface BorderRadius { 200: string; 300: string; 400: string; - circle: string; none: string; - small: string; - normal: string; - large: string; full: string; } export interface Breakpoint { @@ -149,15 +145,6 @@ export interface Space { 1200: string; 1300: string; 1600: string; - XXXSmall: string; - XXSmall: string; - XSmall: string; - small: string; - medium: string; - large: string; - XLarge: string; - XXLarge: string; - XXXLarge: string; } export interface FontFamily { base: string; @@ -316,11 +303,7 @@ const borderRadius = { 200: "8px", 300: "12px", 400: "16px", - circle: "50%", none: "0", - small: "2px", - normal: "3px", - large: "6px", full: "9999px", }; const breakpoint = { @@ -353,15 +336,6 @@ const space = { 1200: "48px", 1300: "52px", 1600: "64px", - XXXSmall: "2px", - XXSmall: "4px", - XSmall: "8px", - small: "12px", - medium: "16px", - large: "24px", - XLarge: "32px", - XXLarge: "40px", - XXXLarge: "52px", }; const fontFamily = { base: "'Roboto', -apple-system, '.SFNSText-Regular', 'San Francisco', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif",