Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-tokens

Package Overview
Dependencies
Maintainers
103
Versions
245
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-tokens - npm Package Compare versions

Comparing version 4.0.1-next-v4-5566.2134 to 4.0.1-next-v4-5635.2153

dist/css/colors/colors-black.css

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

# [0.11.0](https://github.com/contentful/forma-36/compare/@contentful/forma-36-tokens@0.10.2...@contentful/forma-36-tokens@0.11.0) (2021-07-22)
### Features
* new colors tokens update ([#1041](https://github.com/contentful/forma-36/issues/1041)) ([fc0beba](https://github.com/contentful/forma-36/commit/fc0beba32310d2ab31e59006f6701f6ab7c0f79f))
* Updated color system that contains a new set of tokens with new namespaces ([#1041](https://github.com/contentful/forma-36/issues/1041)) ([fc0beba](https://github.com/contentful/forma-36/commit/fc0beba32310d2ab31e59006f6701f6ab7c0f79f))
## [0.10.2](https://github.com/contentful/forma-36/compare/@contentful/forma-36-tokens@0.10.1...@contentful/forma-36-tokens@0.10.2) (2021-05-07)

@@ -8,0 +19,0 @@

651

dist/index.d.ts

@@ -5,467 +5,774 @@ declare module '@contentful/f36-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
};
export type ColorTokens = | 'colorBlueDark' | 'colorBlueBase' | 'colorBlueMid' | 'colorBlueLight' | 'colorBlueLightest' | 'colorContrastDark' | 'colorContrastMid' | 'colorContrastLight' | 'colorCoralDark' | 'colorCoralMid' | 'colorElementDarkest' | 'colorElementDark' | 'colorElementMid' | 'colorElementLight' | 'colorElementLightest' | 'colorGreenDark' | 'colorGreenBase' | 'colorGreenMid' | 'colorGreenLight' | 'colorGreenLightest' | 'colorIceDark' | 'colorIceMid' | 'colorMintDark' | 'colorMintMid' | 'colorOrangeDark' | 'colorOrangeBase' | 'colorOrangeMid' | 'colorOrangeLight' | 'colorOrangeLightest' | 'colorPeachDark' | 'colorPeachMid' | 'colorPurpleDark' | 'colorPurpleBase' | 'colorPurpleMid' | 'colorPurpleLight' | 'colorPurpleLightest' | 'colorRedDark' | 'colorRedBase' | 'colorRedMid' | 'colorRedLight' | 'colorRedLightest' | 'colorPrimary' | 'colorPositive' | 'colorNegative' | 'colorWarning' | 'colorTextDark' | 'colorTextBase' | 'colorTextMid' | 'colorTextLight' | 'colorTextLightest' | 'colorWhite' | 'colorYellowDark' | 'colorYellowBase' | 'colorYellowMid' | 'colorYellowLight' | 'colorYellowLightest';
export type ColorTokens = | 'colorBlack' | 'colorBlueLightest' | 'colorBlueLight' | 'colorBlueMid' | 'colorBlueBase' | 'colorBlueDark' | 'colorContrastDark' | 'colorContrastMid' | 'colorContrastLight' | 'colorCoralDark' | 'colorCoralMid' | 'colorElementDarkest' | 'colorElementDark' | 'colorElementMid' | 'colorElementLight' | 'colorElementLightest' | 'colorGreenDark' | 'colorGreenBase' | 'colorGreenMid' | 'colorGreenLight' | 'colorGreenLightest' | 'colorIceDark' | 'colorIceMid' | 'colorMintDark' | 'colorMintMid' | 'colorOrangeDark' | 'colorOrangeBase' | 'colorOrangeMid' | 'colorOrangeLight' | 'colorOrangeLightest' | 'colorPeachDark' | 'colorPeachMid' | 'colorPurpleDark' | 'colorPurpleBase' | 'colorPurpleMid' | 'colorPurpleLight' | 'colorPurpleLightest' | 'colorRedDark' | 'colorRedBase' | 'colorRedMid' | 'colorRedLight' | 'colorRedLightest' | 'colorPrimary' | 'colorPositive' | 'colorNegative' | 'colorWarning' | 'colorTextDark' | 'colorTextBase' | 'colorTextMid' | 'colorTextLight' | 'colorTextLightest' | 'colorWhite' | 'colorYellowDark' | 'colorYellowBase' | 'colorYellowMid' | 'colorYellowLight' | 'colorYellowLightest';
export type SpacingTokens = | 'spacing2Xs' | 'spacingXs' | 'spacingS' | 'spacingM' | 'spacingL' | 'spacingXl' | 'spacing2Xl' | 'spacing3Xl' | 'spacing4Xl';

@@ -472,0 +779,0 @@ export type FontSizeTokens = | 'fontSize4Xl' | 'fontSize3Xl' | 'fontSize2Xl' | 'fontSizeXl' | 'fontSizeL' | 'fontSizeM' | 'fontSizeS';

@@ -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/f36-tokens",
"description": "Forma 36 Tokens",
"version": "4.0.1-next-v4-5566.2134+9f149b09",
"version": "4.0.1-next-v4-5635.2153+5ed0eac7",
"main": "dist/index.js",

@@ -25,3 +25,3 @@ "types": "dist/index.d.ts",

},
"gitHead": "9f149b09d11c5b8f7293df140458e6020dc8090d"
"gitHead": "5ed0eac7f02eaf0ae3181b42d06712ebf2b97fe5"
}

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc