Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/forma-36-tokens
Advanced tools
@contentful/forma-36-tokens - npm Package Compare versions
Comparing version 0.10.2 to 0.10.3-next-v3-new-tokens.56
@@ -5,465 +5,772 @@ declare module '@contentful/forma-36-tokens' { | ||
| /** | ||
| * 1280px | ||
| * @description 1280px | ||
| */ | ||
| "contentWidthDefault": string, | ||
| /** | ||
| * 768px | ||
| * @description 768px | ||
| */ | ||
| "contentWidthText": string, | ||
| /** | ||
| * 100% | ||
| * @description 100% | ||
| */ | ||
| "contentWidthFull": string, | ||
| /** | ||
| * 0.25rem | ||
| * @description 0.25rem | ||
| */ | ||
| "spacing2Xs": string, | ||
| /** | ||
| * 0.5rem | ||
| * @description 0.5rem | ||
| */ | ||
| "spacingXs": string, | ||
| /** | ||
| * 0.75rem | ||
| * @description 0.75rem | ||
| */ | ||
| "spacingS": string, | ||
| /** | ||
| * 1rem | ||
| * @description 1rem | ||
| */ | ||
| "spacingM": string, | ||
| /** | ||
| * 1.5rem | ||
| * @description 1.5rem | ||
| */ | ||
| "spacingL": string, | ||
| /** | ||
| * 2rem | ||
| * @description 2rem | ||
| */ | ||
| "spacingXl": string, | ||
| /** | ||
| * 3rem | ||
| * @description 3rem | ||
| */ | ||
| "spacing2Xl": string, | ||
| /** | ||
| * 4rem | ||
| * @description 4rem | ||
| */ | ||
| "spacing3Xl": string, | ||
| /** | ||
| * 5rem | ||
| * @description 5rem | ||
| */ | ||
| "spacing4Xl": string, | ||
| /** | ||
| * -1 | ||
| * @description -1 | ||
| */ | ||
| "zIndexNegative": number, | ||
| /** | ||
| * 0 | ||
| * @description 0 | ||
| */ | ||
| "zIndexWorkbench": number, | ||
| /** | ||
| * 1 | ||
| * @description 1 | ||
| */ | ||
| "zIndexDefault": number, | ||
| /** | ||
| * 10 | ||
| * @description 10 | ||
| */ | ||
| "zIndexWorkbenchHeader": number, | ||
| /** | ||
| * 100 | ||
| * @description 100 | ||
| */ | ||
| "zIndexModal": number, | ||
| /** | ||
| * 101 | ||
| * @description 101 | ||
| */ | ||
| "zIndexModalContent": number, | ||
| /** | ||
| * 1000 | ||
| * @description 1000 | ||
| */ | ||
| "zIndexDropdown": number, | ||
| /** | ||
| * 10000 | ||
| * @description 10000 | ||
| */ | ||
| "zIndexTooltip": number, | ||
| /** | ||
| * 100000 | ||
| * @description 100000 | ||
| */ | ||
| "zIndexNotification": number, | ||
| /** | ||
| * 4px | ||
| * @description 4px | ||
| */ | ||
| "borderRadiusSmall": string, | ||
| /** | ||
| * 6px | ||
| * @description 6px | ||
| */ | ||
| "borderRadiusMedium": string, | ||
| /** | ||
| * 0px 1px 0px rgb(25, 37, 50, 0.1) | ||
| * @description 0px 1px 0px rgb(25, 37, 50, 0.1) | ||
| */ | ||
| "boxShadowPositive": string, | ||
| /** | ||
| * 0px 0px 0px 1px rgba(25, 37, 50, 0.1), 0px 3px 7px -3px rgba(25, 37, 50, 0.1), 0px 6px 12px -2px rgba(25, 37, 50, 0.1); | ||
| * @description 0px 0px 0px 1px rgba(25, 37, 50, 0.1), 0px 3px 7px -3px rgba(25, 37, 50, 0.1), 0px 6px 12px -2px rgba(25, 37, 50, 0.1); | ||
| */ | ||
| "boxShadowDefault": string, | ||
| /** | ||
| * 0px 0px 0px 1px rgba(25, 37, 50, 0.1), 0px -6px 16px -6px rgba(25, 37, 50, 0.03), 0px 8px 16px -8px rgba(25, 37, 50, 0.2), 0px 13px 27px -5px rgba(25, 37, 50, 0.15); | ||
| * @description 0px 0px 0px 1px rgba(25, 37, 50, 0.1), 0px -6px 16px -6px rgba(25, 37, 50, 0.03), 0px 8px 16px -8px rgba(25, 37, 50, 0.2), 0px 13px 27px -5px rgba(25, 37, 50, 0.15); | ||
| */ | ||
| "boxShadowHeavy": string, | ||
| /** | ||
| * inset 0px 2px 0px rgba(225, 228, 232, 0.2); | ||
| * @description inset 0px 2px 0px rgba(225, 228, 232, 0.2); | ||
| */ | ||
| "insetBoxShadowDefault": string, | ||
| /** | ||
| * 0px 0px 0px 3px #84B9F5 | ||
| * @description 0px 0px 0px 3px #98CBFF | ||
| */ | ||
| "glowPrimary": string, | ||
| /** | ||
| * 0px 0px 0px 3px #ECA7A7 | ||
| * @description 0px 0px 0px 3px #FFB1B2 | ||
| */ | ||
| "glowNegative": string, | ||
| /** | ||
| * 0px 0px 0px 3px #8AD6B1 | ||
| * @description 0px 0px 0px 3px #9ED696 | ||
| */ | ||
| "glowPositive": string, | ||
| /** | ||
| * 0px 0px 0px 3px #FFD7A2 | ||
| * @description 0px 0px 0px 3px #FDE5C0 | ||
| */ | ||
| "glowWarning": string, | ||
| /** | ||
| * 0px 0px 0px 3px #e5ebed | ||
| * @description 0px 0px 0px 3px #E7EBEE | ||
| */ | ||
| "glowMuted": string, | ||
| /** | ||
| * #174E8C | ||
| * @description #0C141C | ||
| */ | ||
| "colorBlueDark": string, | ||
| "colorBlack": string, | ||
| /** | ||
| * #2D64B3 | ||
| * @description #E8F5FF | ||
| */ | ||
| "colorBlueBase": string, | ||
| "blue100": string, | ||
| /** | ||
| * #2E75D4 | ||
| * @description #CEECFF | ||
| */ | ||
| "colorBlueMid": string, | ||
| "blue200": string, | ||
| /** | ||
| * #84B9F5 | ||
| * @description #98CBFF | ||
| */ | ||
| "colorBlueLight": string, | ||
| "blue300": string, | ||
| /** | ||
| * #EDF4FC | ||
| * @description #40A0FF | ||
| */ | ||
| "colorBlueLightest": string, | ||
| "blue400": string, | ||
| /** | ||
| * #0C141C | ||
| * @description #036FE3 | ||
| */ | ||
| "colorContrastDark": string, | ||
| "blue500": string, | ||
| /** | ||
| * #192532 | ||
| * @description #0059C8 | ||
| */ | ||
| "colorContrastMid": string, | ||
| "blue600": string, | ||
| /** | ||
| * #263545 | ||
| * @description #0041AB | ||
| */ | ||
| "colorContrastLight": string, | ||
| "blue700": string, | ||
| /** | ||
| * #d0a2a0 | ||
| * @description #003298 | ||
| */ | ||
| "colorCoralDark": string, | ||
| "blue800": string, | ||
| /** | ||
| * #fbe3e2 | ||
| * @description #002A8E | ||
| */ | ||
| "colorCoralMid": string, | ||
| "blue900": string, | ||
| /** | ||
| * #b4c3ca | ||
| * @description #F7F9FA | ||
| */ | ||
| "colorElementDarkest": string, | ||
| "gray100": string, | ||
| /** | ||
| * #c3cfd5 | ||
| * @description #E7EBEE | ||
| */ | ||
| "colorElementDark": string, | ||
| "gray200": string, | ||
| /** | ||
| * #d3dce0 | ||
| * @description #CFD9E0 | ||
| */ | ||
| "colorElementMid": string, | ||
| "gray300": string, | ||
| /** | ||
| * #e5ebed | ||
| * @description #AEC1CC | ||
| */ | ||
| "colorElementLight": string, | ||
| "gray400": string, | ||
| /** | ||
| * #f7f9fa | ||
| * @description #67728A | ||
| */ | ||
| "colorElementLightest": string, | ||
| "gray500": string, | ||
| /** | ||
| * #1A593E | ||
| * @description #5A657C | ||
| */ | ||
| "colorGreenDark": string, | ||
| "gray600": string, | ||
| /** | ||
| * #1A6848 | ||
| * @description #414D63 | ||
| */ | ||
| "colorGreenBase": string, | ||
| "gray700": string, | ||
| /** | ||
| * #16875D | ||
| * @description #1B273A | ||
| */ | ||
| "colorGreenMid": string, | ||
| "gray800": string, | ||
| /** | ||
| * #8AD6B1 | ||
| * @description #111B2B | ||
| */ | ||
| "colorGreenLight": string, | ||
| "gray900": string, | ||
| /** | ||
| * #D9F2E4 | ||
| * @description #EAF9E8 | ||
| */ | ||
| "colorGreenLightest": string, | ||
| "green100": string, | ||
| /** | ||
| * #c5d2d8 | ||
| * @description #CDF3C6 | ||
| */ | ||
| "colorIceDark": string, | ||
| "green200": string, | ||
| /** | ||
| * #e8f7ff | ||
| * @description #9ED696 | ||
| */ | ||
| "colorIceMid": string, | ||
| "green300": string, | ||
| /** | ||
| * #b7ded0 | ||
| * @description #5DB057 | ||
| */ | ||
| "colorMintDark": string, | ||
| "green400": string, | ||
| /** | ||
| * #f4fffb | ||
| * @description #008539 | ||
| */ | ||
| "colorMintMid": string, | ||
| "green500": string, | ||
| /** | ||
| * #A85701 | ||
| * @description #006D23 | ||
| */ | ||
| "colorOrangeDark": string, | ||
| "green600": string, | ||
| /** | ||
| * #DE8907 | ||
| * @description #00550C | ||
| */ | ||
| "colorOrangeBase": string, | ||
| "green700": string, | ||
| /** | ||
| * #F79B0C | ||
| * @description #004700 | ||
| */ | ||
| "colorOrangeMid": string, | ||
| "green800": string, | ||
| /** | ||
| * #FFD7A2 | ||
| * @description #003F00 | ||
| */ | ||
| "colorOrangeLight": string, | ||
| "green900": string, | ||
| /** | ||
| * #FFE8C7 | ||
| * @description #FFF2E4 | ||
| */ | ||
| "colorOrangeLightest": string, | ||
| "orange100": string, | ||
| /** | ||
| * #d2ac79 | ||
| * @description #FDE5C0 | ||
| */ | ||
| "colorPeachDark": string, | ||
| "orange200": string, | ||
| /** | ||
| * #ffe9cc | ||
| * @description #FDB882 | ||
| */ | ||
| "colorPeachMid": string, | ||
| "orange300": string, | ||
| /** | ||
| * #6426A2 | ||
| * @description #F07F23 | ||
| */ | ||
| "colorPurpleDark": string, | ||
| "orange400": string, | ||
| /** | ||
| * #7439B0 | ||
| * @description #CC4500 | ||
| */ | ||
| "colorPurpleBase": string, | ||
| "orange500": string, | ||
| /** | ||
| * #8B4DC9 | ||
| * @description #B12D00 | ||
| */ | ||
| "colorPurpleMid": string, | ||
| "orange600": string, | ||
| /** | ||
| * #D3ADF6 | ||
| * @description #892300 | ||
| */ | ||
| "colorPurpleLight": string, | ||
| "orange700": string, | ||
| /** | ||
| * #F1E2FF | ||
| * @description #731A00 | ||
| */ | ||
| "colorPurpleLightest": string, | ||
| "orange800": string, | ||
| /** | ||
| * #7C262F | ||
| * @description #631C00 | ||
| */ | ||
| "colorRedDark": string, | ||
| "orange900": string, | ||
| /** | ||
| * #A82D3E | ||
| * @description #F7F2FF | ||
| */ | ||
| "colorRedBase": string, | ||
| "purple100": string, | ||
| /** | ||
| * #BF3045 | ||
| * @description #EDE3FF | ||
| */ | ||
| "colorRedMid": string, | ||
| "purple200": string, | ||
| /** | ||
| * #ECA7A7 | ||
| * @description #D1BBFF | ||
| */ | ||
| "colorRedLight": string, | ||
| "purple300": string, | ||
| /** | ||
| * #FCE9E8 | ||
| * @description #AE89FF | ||
| */ | ||
| "colorRedLightest": string, | ||
| "purple400": string, | ||
| /** | ||
| * #2E75D4 | ||
| * @description #8553E7 | ||
| */ | ||
| "purple500": string, | ||
| /** | ||
| * @description #6C3ECF | ||
| */ | ||
| "purple600": string, | ||
| /** | ||
| * @description #5127B5 | ||
| */ | ||
| "purple700": string, | ||
| /** | ||
| * @description #3E16A4 | ||
| */ | ||
| "purple800": string, | ||
| /** | ||
| * @description #340E9C | ||
| */ | ||
| "purple900": string, | ||
| /** | ||
| * @description #FFF2F2 | ||
| */ | ||
| "red100": string, | ||
| /** | ||
| * @description #FFE0E0 | ||
| */ | ||
| "red200": string, | ||
| /** | ||
| * @description #FFB1B2 | ||
| */ | ||
| "red300": string, | ||
| /** | ||
| * @description #FF707D | ||
| */ | ||
| "red400": string, | ||
| /** | ||
| * @description #DA294A | ||
| */ | ||
| "red500": string, | ||
| /** | ||
| * @description #BD002A | ||
| */ | ||
| "red600": string, | ||
| /** | ||
| * @description #990017 | ||
| */ | ||
| "red700": string, | ||
| /** | ||
| * @description #7F0010 | ||
| */ | ||
| "red800": string, | ||
| /** | ||
| * @description #72000E | ||
| */ | ||
| "red900": string, | ||
| /** | ||
| * @description #036FE3 | ||
| */ | ||
| "colorPrimary": string, | ||
| /** | ||
| * #16875D | ||
| * @description #008539 | ||
| */ | ||
| "colorPositive": string, | ||
| /** | ||
| * #BF3045 | ||
| * @description #DA294A | ||
| */ | ||
| "colorNegative": string, | ||
| /** | ||
| * #F79B0C | ||
| * @description #F07F23 | ||
| */ | ||
| "colorWarning": string, | ||
| /** | ||
| * #192532 | ||
| * @description #ffffff | ||
| */ | ||
| "colorTextDark": string, | ||
| "colorWhite": string, | ||
| /** | ||
| * #283848 | ||
| * @description #FEF9DF | ||
| */ | ||
| "colorTextBase": string, | ||
| "yellow100": string, | ||
| /** | ||
| * #536171 | ||
| * @description #FFF6CC | ||
| */ | ||
| "colorTextMid": string, | ||
| "yellow200": string, | ||
| /** | ||
| * #606C7C | ||
| * @description #FFE993 | ||
| */ | ||
| "colorTextLight": string, | ||
| "yellow300": string, | ||
| /** | ||
| * #6B7888 | ||
| * @description #FFD960 | ||
| */ | ||
| "colorTextLightest": string, | ||
| "yellow400": string, | ||
| /** | ||
| * #ffffff | ||
| * @description #FFC835 | ||
| */ | ||
| "colorWhite": string, | ||
| "yellow500": string, | ||
| /** | ||
| * #CBA125 | ||
| * @description #EAAF09 | ||
| */ | ||
| "colorYellowDark": string, | ||
| "yellow600": string, | ||
| /** | ||
| * #E0B73A | ||
| * @description #B78300 | ||
| */ | ||
| "colorYellowBase": string, | ||
| "yellow700": string, | ||
| /** | ||
| * #FFD354 | ||
| * @description #956300 | ||
| */ | ||
| "colorYellowMid": string, | ||
| "yellow800": string, | ||
| /** | ||
| * #FFE69B | ||
| * @description #7F5200 | ||
| */ | ||
| "colorYellowLight": string, | ||
| "yellow900": string, | ||
| /** | ||
| * #FFF7DE | ||
| * @description 0.1s | ||
| */ | ||
| "colorYellowLightest": string, | ||
| /** | ||
| * 0.1s | ||
| */ | ||
| "transitionDurationShort": string, | ||
| /** | ||
| * 0.2s | ||
| * @description 0.2s | ||
| */ | ||
| "transitionDurationDefault": string, | ||
| /** | ||
| * 0.3s | ||
| * @description 0.3s | ||
| */ | ||
| "transitionDurationLong": string, | ||
| /** | ||
| * ease-in-out | ||
| * @description ease-in-out | ||
| */ | ||
| "transitionEasingDefault": string, | ||
| /** | ||
| * cubic-bezier(0.13, 0.62, 0.11, 0.99) | ||
| * @description cubic-bezier(0.13, 0.62, 0.11, 0.99) | ||
| */ | ||
| "transitionEasingCubicBezier": string, | ||
| /** | ||
| * 16 | ||
| * @description 16 | ||
| */ | ||
| "fontBaseDefault": string, | ||
| /** | ||
| * 3rem | ||
| * @description 3rem | ||
| */ | ||
| "fontSize4Xl": string, | ||
| /** | ||
| * 2.25rem | ||
| * @description 2.25rem | ||
| */ | ||
| "fontSize3Xl": string, | ||
| /** | ||
| * 1.75rem | ||
| * @description 1.75rem | ||
| */ | ||
| "fontSize2Xl": string, | ||
| /** | ||
| * 1.25rem | ||
| * @description 1.25rem | ||
| */ | ||
| "fontSizeXl": string, | ||
| /** | ||
| * 1rem | ||
| * @description 1rem | ||
| */ | ||
| "fontSizeL": string, | ||
| /** | ||
| * 0.875rem | ||
| * @description 0.875rem | ||
| */ | ||
| "fontSizeM": string, | ||
| /** | ||
| * 0.75rem | ||
| * @description 0.75rem | ||
| */ | ||
| "fontSizeS": string, | ||
| /** | ||
| * -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol | ||
| * @description -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol | ||
| */ | ||
| "fontStackPrimary": string, | ||
| /** | ||
| * SFMono-Regular, Consolas, Liberation Mono, Menlo,monospace | ||
| * @description SFMono-Regular, Consolas, Liberation Mono, Menlo,monospace | ||
| */ | ||
| "fontStackMonospace": string, | ||
| /** | ||
| * 400 | ||
| * @description 400 | ||
| */ | ||
| "fontWeightNormal": number, | ||
| /** | ||
| * 500 | ||
| * @description 500 | ||
| */ | ||
| "fontWeightMedium": number, | ||
| /** | ||
| * 600 | ||
| * @description 600 | ||
| */ | ||
| "fontWeightDemiBold": number, | ||
| /** | ||
| * 0.1rem | ||
| * @description 0.1rem | ||
| */ | ||
| "letterSpacingWide": string, | ||
| /** | ||
| * 1.5 | ||
| * @description 1.5 | ||
| */ | ||
| "lineHeightDefault": string, | ||
| /** | ||
| * 1.25 | ||
| * @description 1.25 | ||
| */ | ||
| "lineHeightCondensed": string, | ||
| /** | ||
| * 3.5rem | ||
| * @description 3.5rem | ||
| */ | ||
| "lineHeight4Xl": string, | ||
| /** | ||
| * 3rem | ||
| * @description 3rem | ||
| */ | ||
| "lineHeight3Xl": string, | ||
| /** | ||
| * 2.25rem | ||
| * @description 2.25rem | ||
| */ | ||
| "lineHeight2Xl": string, | ||
| /** | ||
| * 2rem | ||
| * @description 2rem | ||
| */ | ||
| "lineHeightXl": string, | ||
| /** | ||
| * 1.5rem | ||
| * @description 1.5rem | ||
| */ | ||
| "lineHeightL": string, | ||
| /** | ||
| * 1.25rem | ||
| * @description 1.25rem | ||
| */ | ||
| "lineHeightM": string, | ||
| /** | ||
| * 1rem | ||
| * @description 1rem | ||
| */ | ||
| "lineHeightS": string | ||
| "lineHeightS": string, | ||
| /** | ||
| * @description #E8F5FF | ||
| * @deprecated use tokens.blue100 instead | ||
| */ | ||
| "colorBlueLightest": string, | ||
| /** | ||
| * @description #98CBFF | ||
| * @deprecated use tokens.blue300 instead | ||
| */ | ||
| "colorBlueLight": string, | ||
| /** | ||
| * @description #036FE3 | ||
| * @deprecated use tokens.blue500 instead | ||
| */ | ||
| "colorBlueMid": string, | ||
| /** | ||
| * @description #0059C8 | ||
| * @deprecated use tokens.blue600 instead | ||
| */ | ||
| "colorBlueBase": string, | ||
| /** | ||
| * @description #0041AB | ||
| * @deprecated use tokens.blue700 instead | ||
| */ | ||
| "colorBlueDark": string, | ||
| /** | ||
| * @description #0C141C | ||
| * @deprecated use tokens.colorBlack instead | ||
| */ | ||
| "colorContrastDark": string, | ||
| /** | ||
| * @description #111B2B | ||
| * @deprecated use tokens.gray900 instead | ||
| */ | ||
| "colorContrastMid": string, | ||
| /** | ||
| * @description #1B273A | ||
| * @deprecated use tokens.gray800 instead | ||
| */ | ||
| "colorContrastLight": string, | ||
| /** | ||
| * @description #FFE0E0 | ||
| * @deprecated use tokens.red200 instead | ||
| */ | ||
| "colorCoralDark": string, | ||
| /** | ||
| * @description #FFF2F2 | ||
| * @deprecated use tokens.red100 instead | ||
| */ | ||
| "colorCoralMid": string, | ||
| /** | ||
| * @description #67728A | ||
| * @deprecated use tokens.gray500 instead | ||
| */ | ||
| "colorElementDarkest": string, | ||
| /** | ||
| * @description #AEC1CC | ||
| * @deprecated use tokens.gray400 instead | ||
| */ | ||
| "colorElementDark": string, | ||
| /** | ||
| * @description #CFD9E0 | ||
| * @deprecated use tokens.gray300 instead | ||
| */ | ||
| "colorElementMid": string, | ||
| /** | ||
| * @description #E7EBEE | ||
| * @deprecated use tokens.gray200 instead | ||
| */ | ||
| "colorElementLight": string, | ||
| /** | ||
| * @description #F7F9FA | ||
| * @deprecated use tokens.gray100 instead | ||
| */ | ||
| "colorElementLightest": string, | ||
| /** | ||
| * @description #00550C | ||
| * @deprecated use tokens.green700 instead | ||
| */ | ||
| "colorGreenDark": string, | ||
| /** | ||
| * @description #006D23 | ||
| * @deprecated use tokens.green600 instead | ||
| */ | ||
| "colorGreenBase": string, | ||
| /** | ||
| * @description #008539 | ||
| * @deprecated use tokens.green500 instead | ||
| */ | ||
| "colorGreenMid": string, | ||
| /** | ||
| * @description #9ED696 | ||
| * @deprecated use tokens.green300 instead | ||
| */ | ||
| "colorGreenLight": string, | ||
| /** | ||
| * @description #EAF9E8 | ||
| * @deprecated use tokens.green100 instead | ||
| */ | ||
| "colorGreenLightest": string, | ||
| /** | ||
| * @description #CEECFF | ||
| * @deprecated use tokens.blue200 instead | ||
| */ | ||
| "colorIceDark": string, | ||
| /** | ||
| * @description #E8F5FF | ||
| * @deprecated use tokens.blue100 instead | ||
| */ | ||
| "colorIceMid": string, | ||
| /** | ||
| * @description #CDF3C6 | ||
| * @deprecated use tokens.green200 instead | ||
| */ | ||
| "colorMintDark": string, | ||
| /** | ||
| * @description #EAF9E8 | ||
| * @deprecated use tokens.green100 instead | ||
| */ | ||
| "colorMintMid": string, | ||
| /** | ||
| * @description #B12D00 | ||
| * @deprecated use tokens.orange600 instead | ||
| */ | ||
| "colorOrangeDark": string, | ||
| /** | ||
| * @description #CC4500 | ||
| * @deprecated use tokens.orange500 instead | ||
| */ | ||
| "colorOrangeBase": string, | ||
| /** | ||
| * @description #F07F23 | ||
| * @deprecated use tokens.orange400 instead | ||
| */ | ||
| "colorOrangeMid": string, | ||
| /** | ||
| * @description #FDE5C0 | ||
| * @deprecated use tokens.orange200 instead | ||
| */ | ||
| "colorOrangeLight": string, | ||
| /** | ||
| * @description #FFF2E4 | ||
| * @deprecated use tokens.orange100 instead | ||
| */ | ||
| "colorOrangeLightest": string, | ||
| /** | ||
| * @description #FDE5C0 | ||
| * @deprecated use tokens.orange200 instead | ||
| */ | ||
| "colorPeachDark": string, | ||
| /** | ||
| * @description #FFF2E4 | ||
| * @deprecated use tokens.orange100 instead | ||
| */ | ||
| "colorPeachMid": string, | ||
| /** | ||
| * @description #5127B5 | ||
| * @deprecated use tokens.purple700 instead | ||
| */ | ||
| "colorPurpleDark": string, | ||
| /** | ||
| * @description #6C3ECF | ||
| * @deprecated use tokens.purple600 instead | ||
| */ | ||
| "colorPurpleBase": string, | ||
| /** | ||
| * @description #8553E7 | ||
| * @deprecated use tokens.purple500 instead | ||
| */ | ||
| "colorPurpleMid": string, | ||
| /** | ||
| * @description #D1BBFF | ||
| * @deprecated use tokens.purple300 instead | ||
| */ | ||
| "colorPurpleLight": string, | ||
| /** | ||
| * @description #F7F2FF | ||
| * @deprecated use tokens.purple100 instead | ||
| */ | ||
| "colorPurpleLightest": string, | ||
| /** | ||
| * @description #990017 | ||
| * @deprecated use tokens.red700 instead | ||
| */ | ||
| "colorRedDark": string, | ||
| /** | ||
| * @description #BD002A | ||
| * @deprecated use tokens.red600 instead | ||
| */ | ||
| "colorRedBase": string, | ||
| /** | ||
| * @description #DA294A | ||
| * @deprecated use tokens.red500 instead | ||
| */ | ||
| "colorRedMid": string, | ||
| /** | ||
| * @description #FFB1B2 | ||
| * @deprecated use tokens.red300 instead | ||
| */ | ||
| "colorRedLight": string, | ||
| /** | ||
| * @description #FFF2F2 | ||
| * @deprecated use tokens.red100 instead | ||
| */ | ||
| "colorRedLightest": string, | ||
| /** | ||
| * @description #111B2B | ||
| * @deprecated use tokens.gray900 instead | ||
| */ | ||
| "colorTextDark": string, | ||
| /** | ||
| * @description #1B273A | ||
| * @deprecated use tokens.gray800 instead | ||
| */ | ||
| "colorTextBase": string, | ||
| /** | ||
| * @description #414D63 | ||
| * @deprecated use tokens.gray700 instead | ||
| */ | ||
| "colorTextMid": string, | ||
| /** | ||
| * @description #5A657C | ||
| * @deprecated use tokens.gray600 instead | ||
| */ | ||
| "colorTextLight": string, | ||
| /** | ||
| * @description #67728A | ||
| * @deprecated use tokens.gray500 instead | ||
| */ | ||
| "colorTextLightest": string, | ||
| /** | ||
| * @description #956300 | ||
| * @deprecated use tokens.yellow800 instead | ||
| */ | ||
| "colorYellowDark": string, | ||
| /** | ||
| * @description #EAAF09 | ||
| * @deprecated use tokens.yellow600 instead | ||
| */ | ||
| "colorYellowBase": string, | ||
| /** | ||
| * @description #FFC835 | ||
| * @deprecated use tokens.yellow500 instead | ||
| */ | ||
| "colorYellowMid": string, | ||
| /** | ||
| * @description #FFD960 | ||
| * @deprecated use tokens.yellow400 instead | ||
| */ | ||
| "colorYellowLight": string, | ||
| /** | ||
| * @description #FFF6CC | ||
| * @deprecated use tokens.yellow200 instead | ||
| */ | ||
| "colorYellowLightest": string | ||
| } | ||
@@ -470,0 +777,0 @@ const tokens: F36Tokens; |
@@ -34,63 +34,127 @@ | ||
| "insetBoxShadowDefault": "inset 0px 2px 0px rgba(225, 228, 232, 0.2);", | ||
| "glowPrimary": "0px 0px 0px 3px #84B9F5", | ||
| "glowNegative": "0px 0px 0px 3px #ECA7A7", | ||
| "glowPositive": "0px 0px 0px 3px #8AD6B1", | ||
| "glowWarning": "0px 0px 0px 3px #FFD7A2", | ||
| "glowMuted": "0px 0px 0px 3px #e5ebed", | ||
| "colorBlueDark": "#174E8C", | ||
| "colorBlueBase": "#2D64B3", | ||
| "colorBlueMid": "#2E75D4", | ||
| "colorBlueLight": "#84B9F5", | ||
| "colorBlueLightest": "#EDF4FC", | ||
| "glowPrimary": "0px 0px 0px 3px #98CBFF", | ||
| "glowNegative": "0px 0px 0px 3px #FFB1B2", | ||
| "glowPositive": "0px 0px 0px 3px #9ED696", | ||
| "glowWarning": "0px 0px 0px 3px #FDE5C0", | ||
| "glowMuted": "0px 0px 0px 3px #E7EBEE", | ||
| "colorBlack": "#0C141C", | ||
| "colorBlueLightest": "#E8F5FF", | ||
| "colorBlueLight": "#98CBFF", | ||
| "colorBlueMid": "#036FE3", | ||
| "colorBlueBase": "#0059C8", | ||
| "colorBlueDark": "#0041AB", | ||
| "blue100": "#E8F5FF", | ||
| "blue200": "#CEECFF", | ||
| "blue300": "#98CBFF", | ||
| "blue400": "#40A0FF", | ||
| "blue500": "#036FE3", | ||
| "blue600": "#0059C8", | ||
| "blue700": "#0041AB", | ||
| "blue800": "#003298", | ||
| "blue900": "#002A8E", | ||
| "colorContrastDark": "#0C141C", | ||
| "colorContrastMid": "#192532", | ||
| "colorContrastLight": "#263545", | ||
| "colorCoralDark": "#d0a2a0", | ||
| "colorCoralMid": "#fbe3e2", | ||
| "colorElementDarkest": "#b4c3ca", | ||
| "colorElementDark": "#c3cfd5", | ||
| "colorElementMid": "#d3dce0", | ||
| "colorElementLight": "#e5ebed", | ||
| "colorElementLightest": "#f7f9fa", | ||
| "colorGreenDark": "#1A593E", | ||
| "colorGreenBase": "#1A6848", | ||
| "colorGreenMid": "#16875D", | ||
| "colorGreenLight": "#8AD6B1", | ||
| "colorGreenLightest": "#D9F2E4", | ||
| "colorIceDark": "#c5d2d8", | ||
| "colorIceMid": "#e8f7ff", | ||
| "colorMintDark": "#b7ded0", | ||
| "colorMintMid": "#f4fffb", | ||
| "colorOrangeDark": "#A85701", | ||
| "colorOrangeBase": "#DE8907", | ||
| "colorOrangeMid": "#F79B0C", | ||
| "colorOrangeLight": "#FFD7A2", | ||
| "colorOrangeLightest": "#FFE8C7", | ||
| "colorPeachDark": "#d2ac79", | ||
| "colorPeachMid": "#ffe9cc", | ||
| "colorPurpleDark": "#6426A2", | ||
| "colorPurpleBase": "#7439B0", | ||
| "colorPurpleMid": "#8B4DC9", | ||
| "colorPurpleLight": "#D3ADF6", | ||
| "colorPurpleLightest": "#F1E2FF", | ||
| "colorRedDark": "#7C262F", | ||
| "colorRedBase": "#A82D3E", | ||
| "colorRedMid": "#BF3045", | ||
| "colorRedLight": "#ECA7A7", | ||
| "colorRedLightest": "#FCE9E8", | ||
| "colorPrimary": "#2E75D4", | ||
| "colorPositive": "#16875D", | ||
| "colorNegative": "#BF3045", | ||
| "colorWarning": "#F79B0C", | ||
| "colorTextDark": "#192532", | ||
| "colorTextBase": "#283848", | ||
| "colorTextMid": "#536171", | ||
| "colorTextLight": "#606C7C", | ||
| "colorTextLightest": "#6B7888", | ||
| "colorContrastMid": "#111B2B", | ||
| "colorContrastLight": "#1B273A", | ||
| "colorCoralDark": "#FFE0E0", | ||
| "colorCoralMid": "#FFF2F2", | ||
| "colorElementDarkest": "#67728A", | ||
| "colorElementDark": "#AEC1CC", | ||
| "colorElementMid": "#CFD9E0", | ||
| "colorElementLight": "#E7EBEE", | ||
| "colorElementLightest": "#F7F9FA", | ||
| "gray100": "#F7F9FA", | ||
| "gray200": "#E7EBEE", | ||
| "gray300": "#CFD9E0", | ||
| "gray400": "#AEC1CC", | ||
| "gray500": "#67728A", | ||
| "gray600": "#5A657C", | ||
| "gray700": "#414D63", | ||
| "gray800": "#1B273A", | ||
| "gray900": "#111B2B", | ||
| "colorGreenDark": "#00550C", | ||
| "colorGreenBase": "#006D23", | ||
| "colorGreenMid": "#008539", | ||
| "colorGreenLight": "#9ED696", | ||
| "colorGreenLightest": "#EAF9E8", | ||
| "green100": "#EAF9E8", | ||
| "green200": "#CDF3C6", | ||
| "green300": "#9ED696", | ||
| "green400": "#5DB057", | ||
| "green500": "#008539", | ||
| "green600": "#006D23", | ||
| "green700": "#00550C", | ||
| "green800": "#004700", | ||
| "green900": "#003F00", | ||
| "colorIceDark": "#CEECFF", | ||
| "colorIceMid": "#E8F5FF", | ||
| "colorMintDark": "#CDF3C6", | ||
| "colorMintMid": "#EAF9E8", | ||
| "colorOrangeDark": "#B12D00", | ||
| "colorOrangeBase": "#CC4500", | ||
| "colorOrangeMid": "#F07F23", | ||
| "colorOrangeLight": "#FDE5C0", | ||
| "colorOrangeLightest": "#FFF2E4", | ||
| "orange100": "#FFF2E4", | ||
| "orange200": "#FDE5C0", | ||
| "orange300": "#FDB882", | ||
| "orange400": "#F07F23", | ||
| "orange500": "#CC4500", | ||
| "orange600": "#B12D00", | ||
| "orange700": "#892300", | ||
| "orange800": "#731A00", | ||
| "orange900": "#631C00", | ||
| "colorPeachDark": "#FDE5C0", | ||
| "colorPeachMid": "#FFF2E4", | ||
| "colorPurpleDark": "#5127B5", | ||
| "colorPurpleBase": "#6C3ECF", | ||
| "colorPurpleMid": "#8553E7", | ||
| "colorPurpleLight": "#D1BBFF", | ||
| "colorPurpleLightest": "#F7F2FF", | ||
| "purple100": "#F7F2FF", | ||
| "purple200": "#EDE3FF", | ||
| "purple300": "#D1BBFF", | ||
| "purple400": "#AE89FF", | ||
| "purple500": "#8553E7", | ||
| "purple600": "#6C3ECF", | ||
| "purple700": "#5127B5", | ||
| "purple800": "#3E16A4", | ||
| "purple900": "#340E9C", | ||
| "colorRedDark": "#990017", | ||
| "colorRedBase": "#BD002A", | ||
| "colorRedMid": "#DA294A", | ||
| "colorRedLight": "#FFB1B2", | ||
| "colorRedLightest": "#FFF2F2", | ||
| "red100": "#FFF2F2", | ||
| "red200": "#FFE0E0", | ||
| "red300": "#FFB1B2", | ||
| "red400": "#FF707D", | ||
| "red500": "#DA294A", | ||
| "red600": "#BD002A", | ||
| "red700": "#990017", | ||
| "red800": "#7F0010", | ||
| "red900": "#72000E", | ||
| "colorPrimary": "#036FE3", | ||
| "colorPositive": "#008539", | ||
| "colorNegative": "#DA294A", | ||
| "colorWarning": "#F07F23", | ||
| "colorTextDark": "#111B2B", | ||
| "colorTextBase": "#1B273A", | ||
| "colorTextMid": "#414D63", | ||
| "colorTextLight": "#5A657C", | ||
| "colorTextLightest": "#67728A", | ||
| "colorWhite": "#ffffff", | ||
| "colorYellowDark": "#CBA125", | ||
| "colorYellowBase": "#E0B73A", | ||
| "colorYellowMid": "#FFD354", | ||
| "colorYellowLight": "#FFE69B", | ||
| "colorYellowLightest": "#FFF7DE", | ||
| "colorYellowDark": "#956300", | ||
| "colorYellowBase": "#EAAF09", | ||
| "colorYellowMid": "#FFC835", | ||
| "colorYellowLight": "#FFD960", | ||
| "colorYellowLightest": "#FFF6CC", | ||
| "yellow100": "#FEF9DF", | ||
| "yellow200": "#FFF6CC", | ||
| "yellow300": "#FFE993", | ||
| "yellow400": "#FFD960", | ||
| "yellow500": "#FFC835", | ||
| "yellow600": "#EAAF09", | ||
| "yellow700": "#B78300", | ||
| "yellow800": "#956300", | ||
| "yellow900": "#7F5200", | ||
| "transitionDurationShort": "0.1s", | ||
@@ -97,0 +161,0 @@ "transitionDurationDefault": "0.2s", |
@@ -1,1 +0,1 @@ | ||
| {"glow-primary":"0px 0px 0px 3px #84B9F5","glow-negative":"0px 0px 0px 3px #ECA7A7","glow-positive":"0px 0px 0px 3px #8AD6B1","glow-warning":"0px 0px 0px 3px #FFD7A2","glow-muted":"0px 0px 0px 3px #e5ebed"} | ||
| {"glow-primary":"0px 0px 0px 3px #98CBFF","glow-negative":"0px 0px 0px 3px #FFB1B2","glow-positive":"0px 0px 0px 3px #9ED696","glow-warning":"0px 0px 0px 3px #FDE5C0","glow-muted":"0px 0px 0px 3px #E7EBEE"} |
@@ -1,1 +0,1 @@ | ||
| {"color-blue-dark":"#174E8C","color-blue-base":"#2D64B3","color-blue-mid":"#2E75D4","color-blue-light":"#84B9F5","color-blue-lightest":"#EDF4FC"} | ||
| {"color-blue-lightest":"#E8F5FF","color-blue-light":"#98CBFF","color-blue-mid":"#036FE3","color-blue-base":"#0059C8","color-blue-dark":"#0041AB","blue-100":"#E8F5FF","blue-200":"#CEECFF","blue-300":"#98CBFF","blue-400":"#40A0FF","blue-500":"#036FE3","blue-600":"#0059C8","blue-700":"#0041AB","blue-800":"#003298","blue-900":"#002A8E"} |
@@ -1,1 +0,1 @@ | ||
| {"color-contrast-dark":"#0C141C","color-contrast-mid":"#192532","color-contrast-light":"#263545"} | ||
| {"color-contrast-dark":"#0C141C","color-contrast-mid":"#111B2B","color-contrast-light":"#1B273A"} |
@@ -1,1 +0,1 @@ | ||
| {"color-coral-dark":"#d0a2a0","color-coral-mid":"#fbe3e2"} | ||
| {"color-coral-dark":"#FFE0E0","color-coral-mid":"#FFF2F2"} |
@@ -1,1 +0,1 @@ | ||
| {"color-element-darkest":"#b4c3ca","color-element-dark":"#c3cfd5","color-element-mid":"#d3dce0","color-element-light":"#e5ebed","color-element-lightest":"#f7f9fa"} | ||
| {"color-element-darkest":"#67728A","color-element-dark":"#AEC1CC","color-element-mid":"#CFD9E0","color-element-light":"#E7EBEE","color-element-lightest":"#F7F9FA"} |
@@ -1,1 +0,1 @@ | ||
| {"color-green-dark":"#1A593E","color-green-base":"#1A6848","color-green-mid":"#16875D","color-green-light":"#8AD6B1","color-green-lightest":"#D9F2E4"} | ||
| {"color-green-dark":"#00550C","color-green-base":"#006D23","color-green-mid":"#008539","color-green-light":"#9ED696","color-green-lightest":"#EAF9E8","green-100":"#EAF9E8","green-200":"#CDF3C6","green-300":"#9ED696","green-400":"#5DB057","green-500":"#008539","green-600":"#006D23","green-700":"#00550C","green-800":"#004700","green-900":"#003F00"} |
@@ -1,1 +0,1 @@ | ||
| {"color-ice-dark":"#c5d2d8","color-ice-mid":"#e8f7ff"} | ||
| {"color-ice-dark":"#CEECFF","color-ice-mid":"#E8F5FF"} |
@@ -1,1 +0,1 @@ | ||
| {"color-mint-dark":"#b7ded0","color-mint-mid":"#f4fffb"} | ||
| {"color-mint-dark":"#CDF3C6","color-mint-mid":"#EAF9E8"} |
@@ -1,1 +0,1 @@ | ||
| {"color-orange-dark":"#A85701","color-orange-base":"#DE8907","color-orange-mid":"#F79B0C","color-orange-light":"#FFD7A2","color-orange-lightest":"#FFE8C7"} | ||
| {"color-orange-dark":"#B12D00","color-orange-base":"#CC4500","color-orange-mid":"#F07F23","color-orange-light":"#FDE5C0","color-orange-lightest":"#FFF2E4","orange-100":"#FFF2E4","orange-200":"#FDE5C0","orange-300":"#FDB882","orange-400":"#F07F23","orange-500":"#CC4500","orange-600":"#B12D00","orange-700":"#892300","orange-800":"#731A00","orange-900":"#631C00"} |
@@ -1,1 +0,1 @@ | ||
| {"color-peach-dark":"#d2ac79","color-peach-mid":"#ffe9cc"} | ||
| {"color-peach-dark":"#FDE5C0","color-peach-mid":"#FFF2E4"} |
@@ -1,1 +0,1 @@ | ||
| {"color-purple-dark":"#6426A2","color-purple-base":"#7439B0","color-purple-mid":"#8B4DC9","color-purple-light":"#D3ADF6","color-purple-lightest":"#F1E2FF"} | ||
| {"color-purple-dark":"#5127B5","color-purple-base":"#6C3ECF","color-purple-mid":"#8553E7","color-purple-light":"#D1BBFF","color-purple-lightest":"#F7F2FF","purple-100":"#F7F2FF","purple-200":"#EDE3FF","purple-300":"#D1BBFF","purple-400":"#AE89FF","purple-500":"#8553E7","purple-600":"#6C3ECF","purple-700":"#5127B5","purple-800":"#3E16A4","purple-900":"#340E9C"} |
@@ -1,1 +0,1 @@ | ||
| {"color-red-dark":"#7C262F","color-red-base":"#A82D3E","color-red-mid":"#BF3045","color-red-light":"#ECA7A7","color-red-lightest":"#FCE9E8"} | ||
| {"color-red-dark":"#990017","color-red-base":"#BD002A","color-red-mid":"#DA294A","color-red-light":"#FFB1B2","color-red-lightest":"#FFF2F2","red-100":"#FFF2F2","red-200":"#FFE0E0","red-300":"#FFB1B2","red-400":"#FF707D","red-500":"#DA294A","red-600":"#BD002A","red-700":"#990017","red-800":"#7F0010","red-900":"#72000E"} |
@@ -1,1 +0,1 @@ | ||
| {"color-primary":"#2E75D4","color-positive":"#16875D","color-negative":"#BF3045","color-warning":"#F79B0C"} | ||
| {"color-primary":"#036FE3","color-positive":"#008539","color-negative":"#DA294A","color-warning":"#F07F23"} |
@@ -1,1 +0,1 @@ | ||
| {"color-text-dark":"#192532","color-text-base":"#283848","color-text-mid":"#536171","color-text-light":"#606C7C","color-text-lightest":"#6B7888"} | ||
| {"color-text-dark":"#111B2B","color-text-base":"#1B273A","color-text-mid":"#414D63","color-text-light":"#5A657C","color-text-lightest":"#67728A"} |
@@ -1,1 +0,1 @@ | ||
| {"color-yellow-dark":"#CBA125","color-yellow-base":"#E0B73A","color-yellow-mid":"#FFD354","color-yellow-light":"#FFE69B","color-yellow-lightest":"#FFF7DE"} | ||
| {"yellow-100":"#FEF9DF","yellow-200":"#FFF6CC","yellow-300":"#FFE993","yellow-400":"#FFD960","yellow-500":"#FFC835","yellow-600":"#EAAF09","yellow-700":"#B78300","yellow-800":"#956300","yellow-900":"#7F5200","color-yellow-dark":"#956300","color-yellow-base":"#EAAF09","color-yellow-mid":"#FFC835","color-yellow-light":"#FFD960","color-yellow-lightest":"#FFF6CC"} |
| { | ||
| "name": "@contentful/forma-36-tokens", | ||
| "description": "Forma 36 Tokens", | ||
| "version": "0.10.2", | ||
| "version": "0.10.3-next-v3-new-tokens.56+cfe56df1", | ||
| "main": "dist/index.js", | ||
@@ -25,3 +25,3 @@ "types": "dist/index.d.ts", | ||
| }, | ||
| "gitHead": "277a5c6c236a8836668a2f2f87da5dc1342323fa" | ||
| "gitHead": "cfe56df15ca5b1e4bd2b6dc23fe92d37691ae582" | ||
| } |
@@ -49,3 +49,3 @@ # Forma 36 Tokens | ||
| For local development run `yarn` from the root of this repo to install all dependencies and build all packages. | ||
| For local development run `yarn` from the root of this repo to install all dependencies and run `yarn build` from the root of this repo to build all packages. | ||
@@ -52,0 +52,0 @@ All tokens are kept in the `src/tokens` directory and organised as so: |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by63.21%
66276
- Number of package files
- increased by69.47%
161
- Lines of code
- increased by64.97%
1069
Worsened metrics
- Number of medium supply chain risk alerts
- increased byInfinity%
3
No dependency changes