Socket
Socket
Sign inDemoInstall

@leafygreen-ui/tokens

Package Overview
Dependencies
Maintainers
5
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@leafygreen-ui/tokens - npm Package Compare versions

Comparing version 2.8.0 to 2.9.0

13

CHANGELOG.md
# @leafygreen-ui/tokens
## 2.9.0
### Minor Changes
- 29d50edaa: Adds 72px spacing token
[LG-4341](https://jira.mongodb.org/browse/LG-4341)
### Patch Changes
- Updated dependencies [7a901b954]
- @leafygreen-ui/lib@13.6.0
## 2.8.0

@@ -4,0 +17,0 @@

2

dist/esm/index.js

@@ -1,2 +0,2 @@

import{Theme as e}from"@leafygreen-ui/lib";import{palette as r}from"@leafygreen-ui/palette";var a={0:0,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24},o={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function t(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var o=a.call(e,r);if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}function l(e,r,a){return(r=t(r))in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}var i={Background:"background",Border:"border",Icon:"icon",Text:"text"},u={Disabled:"disabled",Placeholder:"placeholder",Primary:"primary",Secondary:"secondary",InversePrimary:"inversePrimary",InverseSecondary:"inverseSecondary",Info:"info",Warning:"warning",Error:"error",Success:"success",Link:"link"},s={Default:"default",Hover:"hover",Focus:"focus"},c=r.black,d=r.blue,g=r.gray,n=r.green,f=r.red,h=r.white,v=r.yellow,k={background:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,c),s.Hover,g.dark2),s.Focus,d.dark3)),u.Secondary,l(l(l({},s.Default,g.dark4),s.Hover,g.dark2),s.Focus,d.dark3)),u.InversePrimary,l(l(l({},s.Default,g.light2),s.Hover,g.light3),s.Focus,d.light2)),u.Info,l(l(l({},s.Default,d.dark3),s.Hover,d.dark3),s.Focus,d.dark3)),u.Warning,l(l(l({},s.Default,v.dark3),s.Hover,v.dark3),s.Focus,v.dark3)),u.Success,l(l(l({},s.Default,n.dark3),s.Hover,n.dark3),s.Focus,n.dark3)),u.Error,l(l(l({},s.Default,f.dark3),s.Hover,f.dark3),s.Focus,f.dark3)),u.Disabled,l(l(l({},s.Default,g.dark3),s.Hover,g.dark3),s.Focus,g.dark3)),border:l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.base),s.Hover,g.base),s.Focus,d.light1)),u.Secondary,l(l(l({},s.Default,g.dark2),s.Hover,g.dark2),s.Focus,d.light1)),u.Success,l(l(l({},s.Default,n.dark1),s.Hover,n.dark1),s.Focus,d.light1)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,d.light1)),u.Disabled,l(l(l({},s.Default,g.dark2),s.Hover,g.dark2),s.Focus,g.dark2)),icon:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.light1),s.Hover,g.light3),s.Focus,d.light3)),u.Secondary,l(l(l({},s.Default,g.base),s.Hover,g.light3),s.Focus,d.light3)),u.InversePrimary,l(l(l({},s.Default,h),s.Hover,c),s.Focus,d.dark2)),u.Info,l(l(l({},s.Default,d.light1),s.Hover,d.light1),s.Focus,d.light1)),u.Warning,l(l(l({},s.Default,v.base),s.Hover,v.base),s.Focus,v.base)),u.Success,l(l(l({},s.Default,n.base),s.Hover,n.base),s.Focus,n.base)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),text:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.light2),s.Hover,g.light2),s.Focus,d.light3)),u.Placeholder,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),u.Secondary,l(l(l({},s.Default,g.light1),s.Hover,g.light2),s.Focus,d.light3)),u.InversePrimary,l(l(l({},s.Default,c),s.Hover,c),s.Focus,d.dark2)),u.InverseSecondary,l(l(l({},s.Default,g.dark2),s.Hover,c),s.Focus,d.dark2)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),u.Link,l(l(l({},s.Default,d.light1),s.Hover,d.light1),s.Focus,d.light1))},D=r.black,b=r.blue,H=r.gray,F=r.green,y=r.red,m=r.white,S=r.yellow,p={background:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,m),s.Hover,H.light2),s.Focus,b.light3)),u.Secondary,l(l(l({},s.Default,H.light3),s.Hover,H.light2),s.Focus,b.light3)),u.InversePrimary,l(l(l({},s.Default,D),s.Hover,H.dark3),s.Focus,b.dark2)),u.Info,l(l(l({},s.Default,b.light3),s.Hover,b.light3),s.Focus,b.light3)),u.Warning,l(l(l({},s.Default,S.light3),s.Hover,S.light3),s.Focus,S.light3)),u.Success,l(l(l({},s.Default,F.light3),s.Hover,F.light3),s.Focus,F.light3)),u.Error,l(l(l({},s.Default,y.light3),s.Hover,y.light3),s.Focus,y.light3)),u.Disabled,l(l(l({},s.Default,H.light2),s.Hover,H.light2),s.Focus,H.light2)),border:l(l(l(l(l({},u.Primary,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,b.light1)),u.Secondary,l(l(l({},s.Default,H.light2),s.Hover,H.light2),s.Focus,b.light1)),u.Success,l(l(l({},s.Default,F.dark1),s.Hover,F.dark1),s.Focus,b.light1)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,b.light1)),u.Disabled,l(l(l({},s.Default,H.light1),s.Hover,H.light1),s.Focus,H.light1)),icon:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,H.dark1),s.Hover,D),s.Focus,b.dark1)),u.Secondary,l(l(l({},s.Default,H.base),s.Hover,D),s.Focus,b.dark1)),u.InversePrimary,l(l(l({},s.Default,m),s.Hover,m),s.Focus,b.light2)),u.Info,l(l(l({},s.Default,b.base),s.Hover,b.base),s.Focus,b.base)),u.Warning,l(l(l({},s.Default,S.dark2),s.Hover,S.dark2),s.Focus,S.dark2)),u.Success,l(l(l({},s.Default,F.dark1),s.Hover,F.dark1),s.Focus,F.dark1)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,y.base)),u.Disabled,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),text:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,D),s.Hover,D),s.Focus,b.dark1)),u.Secondary,l(l(l({},s.Default,H.dark1),s.Hover,D),s.Focus,b.dark1)),u.InversePrimary,l(l(l({},s.Default,m),s.Hover,m),s.Focus,b.light2)),u.InverseSecondary,l(l(l({},s.Default,H.light1),s.Hover,m),s.Focus,b.light2)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,y.base)),u.Disabled,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Placeholder,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Link,l(l(l({},s.Default,b.base),s.Hover,b.base),s.Focus,b.base))},P=l(l({},e.Dark,k),e.Light,p),x={Dark:"dark",Light:"light"},I=l(l({},x.Light,{default:"0 0 0 2px ".concat(r.white,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),x.Dark,{default:"0 0 0 2px ".concat(r.black,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),w={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},E={regular:400,medium:500,bold:700},L=l(l({},x.Light,{gray:"0 0 0 3px ".concat(r.gray.light2),green:"0 0 0 3px ".concat(r.green.light2),red:"0 0 0 3px ".concat(r.red.light2)}),x.Dark,{gray:"0 0 0 3px ".concat(r.gray.dark2),green:"0 0 0 3px ".concat(r.green.dark3),red:"0 0 0 3px ".concat(r.yellow.dark3)}),B={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},z={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},T={faster:100,default:150,slower:300,slowest:500},W={Body1:13,Body2:16},j={body1:{fontSize:W.Body1,lineHeight:20},body2:{fontSize:W.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}};export{W as BaseFontSize,s as InteractionState,x as Mode,i as Property,B as Size,s as State,i as Type,u as Variant,a as borderRadius,o as breakpoints,P as color,I as focusRing,w as fontFamilies,E as fontWeights,L as hoverRing,z as spacing,T as transitionDuration,j as typeScales};
import{Theme as e}from"@leafygreen-ui/lib";import{palette as r}from"@leafygreen-ui/palette";var a={0:0,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24},o={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function t(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var o=a.call(e,r);if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}function l(e,r,a){return(r=t(r))in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}var i={Background:"background",Border:"border",Icon:"icon",Text:"text"},u={Disabled:"disabled",Placeholder:"placeholder",Primary:"primary",Secondary:"secondary",InversePrimary:"inversePrimary",InverseSecondary:"inverseSecondary",Info:"info",Warning:"warning",Error:"error",Success:"success",Link:"link"},s={Default:"default",Hover:"hover",Focus:"focus"},c=r.black,d=r.blue,g=r.gray,n=r.green,f=r.red,h=r.white,v=r.yellow,k={background:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,c),s.Hover,g.dark2),s.Focus,d.dark3)),u.Secondary,l(l(l({},s.Default,g.dark4),s.Hover,g.dark2),s.Focus,d.dark3)),u.InversePrimary,l(l(l({},s.Default,g.light2),s.Hover,g.light3),s.Focus,d.light2)),u.Info,l(l(l({},s.Default,d.dark3),s.Hover,d.dark3),s.Focus,d.dark3)),u.Warning,l(l(l({},s.Default,v.dark3),s.Hover,v.dark3),s.Focus,v.dark3)),u.Success,l(l(l({},s.Default,n.dark3),s.Hover,n.dark3),s.Focus,n.dark3)),u.Error,l(l(l({},s.Default,f.dark3),s.Hover,f.dark3),s.Focus,f.dark3)),u.Disabled,l(l(l({},s.Default,g.dark3),s.Hover,g.dark3),s.Focus,g.dark3)),border:l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.base),s.Hover,g.base),s.Focus,d.light1)),u.Secondary,l(l(l({},s.Default,g.dark2),s.Hover,g.dark2),s.Focus,d.light1)),u.Success,l(l(l({},s.Default,n.dark1),s.Hover,n.dark1),s.Focus,d.light1)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,d.light1)),u.Disabled,l(l(l({},s.Default,g.dark2),s.Hover,g.dark2),s.Focus,g.dark2)),icon:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.light1),s.Hover,g.light3),s.Focus,d.light3)),u.Secondary,l(l(l({},s.Default,g.base),s.Hover,g.light3),s.Focus,d.light3)),u.InversePrimary,l(l(l({},s.Default,h),s.Hover,c),s.Focus,d.dark2)),u.Info,l(l(l({},s.Default,d.light1),s.Hover,d.light1),s.Focus,d.light1)),u.Warning,l(l(l({},s.Default,v.base),s.Hover,v.base),s.Focus,v.base)),u.Success,l(l(l({},s.Default,n.base),s.Hover,n.base),s.Focus,n.base)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),text:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,g.light2),s.Hover,g.light2),s.Focus,d.light3)),u.Placeholder,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),u.Secondary,l(l(l({},s.Default,g.light1),s.Hover,g.light2),s.Focus,d.light3)),u.InversePrimary,l(l(l({},s.Default,c),s.Hover,c),s.Focus,d.dark2)),u.InverseSecondary,l(l(l({},s.Default,g.dark2),s.Hover,c),s.Focus,d.dark2)),u.Error,l(l(l({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,l(l(l({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,g.dark1)),u.Link,l(l(l({},s.Default,d.light1),s.Hover,d.light1),s.Focus,d.light1))},D=r.black,b=r.blue,H=r.gray,F=r.green,y=r.red,m=r.white,S=r.yellow,p={background:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,m),s.Hover,H.light2),s.Focus,b.light3)),u.Secondary,l(l(l({},s.Default,H.light3),s.Hover,H.light2),s.Focus,b.light3)),u.InversePrimary,l(l(l({},s.Default,D),s.Hover,H.dark3),s.Focus,b.dark2)),u.Info,l(l(l({},s.Default,b.light3),s.Hover,b.light3),s.Focus,b.light3)),u.Warning,l(l(l({},s.Default,S.light3),s.Hover,S.light3),s.Focus,S.light3)),u.Success,l(l(l({},s.Default,F.light3),s.Hover,F.light3),s.Focus,F.light3)),u.Error,l(l(l({},s.Default,y.light3),s.Hover,y.light3),s.Focus,y.light3)),u.Disabled,l(l(l({},s.Default,H.light2),s.Hover,H.light2),s.Focus,H.light2)),border:l(l(l(l(l({},u.Primary,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,b.light1)),u.Secondary,l(l(l({},s.Default,H.light2),s.Hover,H.light2),s.Focus,b.light1)),u.Success,l(l(l({},s.Default,F.dark1),s.Hover,F.dark1),s.Focus,b.light1)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,b.light1)),u.Disabled,l(l(l({},s.Default,H.light1),s.Hover,H.light1),s.Focus,H.light1)),icon:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,H.dark1),s.Hover,D),s.Focus,b.dark1)),u.Secondary,l(l(l({},s.Default,H.base),s.Hover,D),s.Focus,b.dark1)),u.InversePrimary,l(l(l({},s.Default,m),s.Hover,m),s.Focus,b.light2)),u.Info,l(l(l({},s.Default,b.base),s.Hover,b.base),s.Focus,b.base)),u.Warning,l(l(l({},s.Default,S.dark2),s.Hover,S.dark2),s.Focus,S.dark2)),u.Success,l(l(l({},s.Default,F.dark1),s.Hover,F.dark1),s.Focus,F.dark1)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,y.base)),u.Disabled,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),text:l(l(l(l(l(l(l(l({},u.Primary,l(l(l({},s.Default,D),s.Hover,D),s.Focus,b.dark1)),u.Secondary,l(l(l({},s.Default,H.dark1),s.Hover,D),s.Focus,b.dark1)),u.InversePrimary,l(l(l({},s.Default,m),s.Hover,m),s.Focus,b.light2)),u.InverseSecondary,l(l(l({},s.Default,H.light1),s.Hover,m),s.Focus,b.light2)),u.Error,l(l(l({},s.Default,y.base),s.Hover,y.base),s.Focus,y.base)),u.Disabled,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Placeholder,l(l(l({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Link,l(l(l({},s.Default,b.base),s.Hover,b.base),s.Focus,b.base))},P=l(l({},e.Dark,k),e.Light,p),x={Dark:"dark",Light:"light"},I=l(l({},x.Light,{default:"0 0 0 2px ".concat(r.white,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),x.Dark,{default:"0 0 0 2px ".concat(r.black,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),w={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},E={regular:400,medium:500,bold:700},L=l(l({},x.Light,{gray:"0 0 0 3px ".concat(r.gray.light2),green:"0 0 0 3px ".concat(r.green.light2),red:"0 0 0 3px ".concat(r.red.light2)}),x.Dark,{gray:"0 0 0 3px ".concat(r.gray.dark2),green:"0 0 0 3px ".concat(r.green.dark3),red:"0 0 0 3px ".concat(r.yellow.dark3)}),B={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},z={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1800:72,1:4,2:8,3:16,4:24,5:32,6:64,7:88},T={faster:100,default:150,slower:300,slowest:500},W={Body1:13,Body2:16},j={body1:{fontSize:W.Body1,lineHeight:20},body2:{fontSize:W.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}};export{W as BaseFontSize,s as InteractionState,x as Mode,i as Property,B as Size,s as State,i as Type,u as Variant,a as borderRadius,o as breakpoints,P as color,I as focusRing,w as fontFamilies,E as fontWeights,L as hoverRing,z as spacing,T as transitionDuration,j as typeScales};
//# sourceMappingURL=index.js.map

@@ -1,2 +0,2 @@

!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/lib","@leafygreen-ui/palette"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"])}(this,(function(e,r,a){"use strict";function t(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,r);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}function l(e,r,a){return(r=t(r))in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}var o={Background:"background",Border:"border",Icon:"icon",Text:"text"},i={Disabled:"disabled",Placeholder:"placeholder",Primary:"primary",Secondary:"secondary",InversePrimary:"inversePrimary",InverseSecondary:"inverseSecondary",Info:"info",Warning:"warning",Error:"error",Success:"success",Link:"link"},u={Default:"default",Hover:"hover",Focus:"focus"},s=a.palette.black,c=a.palette.blue,n=a.palette.gray,d=a.palette.green,g=a.palette.red,f=a.palette.white,h=a.palette.yellow,v={background:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,s),u.Hover,n.dark2),u.Focus,c.dark3)),i.Secondary,l(l(l({},u.Default,n.dark4),u.Hover,n.dark2),u.Focus,c.dark3)),i.InversePrimary,l(l(l({},u.Default,n.light2),u.Hover,n.light3),u.Focus,c.light2)),i.Info,l(l(l({},u.Default,c.dark3),u.Hover,c.dark3),u.Focus,c.dark3)),i.Warning,l(l(l({},u.Default,h.dark3),u.Hover,h.dark3),u.Focus,h.dark3)),i.Success,l(l(l({},u.Default,d.dark3),u.Hover,d.dark3),u.Focus,d.dark3)),i.Error,l(l(l({},u.Default,g.dark3),u.Hover,g.dark3),u.Focus,g.dark3)),i.Disabled,l(l(l({},u.Default,n.dark3),u.Hover,n.dark3),u.Focus,n.dark3)),border:l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.base),u.Hover,n.base),u.Focus,c.light1)),i.Secondary,l(l(l({},u.Default,n.dark2),u.Hover,n.dark2),u.Focus,c.light1)),i.Success,l(l(l({},u.Default,d.dark1),u.Hover,d.dark1),u.Focus,c.light1)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,c.light1)),i.Disabled,l(l(l({},u.Default,n.dark2),u.Hover,n.dark2),u.Focus,n.dark2)),icon:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.light1),u.Hover,n.light3),u.Focus,c.light3)),i.Secondary,l(l(l({},u.Default,n.base),u.Hover,n.light3),u.Focus,c.light3)),i.InversePrimary,l(l(l({},u.Default,f),u.Hover,s),u.Focus,c.dark2)),i.Info,l(l(l({},u.Default,c.light1),u.Hover,c.light1),u.Focus,c.light1)),i.Warning,l(l(l({},u.Default,h.base),u.Hover,h.base),u.Focus,h.base)),i.Success,l(l(l({},u.Default,d.base),u.Hover,d.base),u.Focus,d.base)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,g.light1)),i.Disabled,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),text:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.light2),u.Hover,n.light2),u.Focus,c.light3)),i.Placeholder,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),i.Secondary,l(l(l({},u.Default,n.light1),u.Hover,n.light2),u.Focus,c.light3)),i.InversePrimary,l(l(l({},u.Default,s),u.Hover,s),u.Focus,c.dark2)),i.InverseSecondary,l(l(l({},u.Default,n.dark2),u.Hover,s),u.Focus,c.dark2)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,g.light1)),i.Disabled,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),i.Link,l(l(l({},u.Default,c.light1),u.Hover,c.light1),u.Focus,c.light1))},b=a.palette.black,k=a.palette.blue,D=a.palette.gray,y=a.palette.green,H=a.palette.red,p=a.palette.white,F=a.palette.yellow,m={background:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,p),u.Hover,D.light2),u.Focus,k.light3)),i.Secondary,l(l(l({},u.Default,D.light3),u.Hover,D.light2),u.Focus,k.light3)),i.InversePrimary,l(l(l({},u.Default,b),u.Hover,D.dark3),u.Focus,k.dark2)),i.Info,l(l(l({},u.Default,k.light3),u.Hover,k.light3),u.Focus,k.light3)),i.Warning,l(l(l({},u.Default,F.light3),u.Hover,F.light3),u.Focus,F.light3)),i.Success,l(l(l({},u.Default,y.light3),u.Hover,y.light3),u.Focus,y.light3)),i.Error,l(l(l({},u.Default,H.light3),u.Hover,H.light3),u.Focus,H.light3)),i.Disabled,l(l(l({},u.Default,D.light2),u.Hover,D.light2),u.Focus,D.light2)),border:l(l(l(l(l({},i.Primary,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,k.light1)),i.Secondary,l(l(l({},u.Default,D.light2),u.Hover,D.light2),u.Focus,k.light1)),i.Success,l(l(l({},u.Default,y.dark1),u.Hover,y.dark1),u.Focus,k.light1)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,k.light1)),i.Disabled,l(l(l({},u.Default,D.light1),u.Hover,D.light1),u.Focus,D.light1)),icon:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,D.dark1),u.Hover,b),u.Focus,k.dark1)),i.Secondary,l(l(l({},u.Default,D.base),u.Hover,b),u.Focus,k.dark1)),i.InversePrimary,l(l(l({},u.Default,p),u.Hover,p),u.Focus,k.light2)),i.Info,l(l(l({},u.Default,k.base),u.Hover,k.base),u.Focus,k.base)),i.Warning,l(l(l({},u.Default,F.dark2),u.Hover,F.dark2),u.Focus,F.dark2)),i.Success,l(l(l({},u.Default,y.dark1),u.Hover,y.dark1),u.Focus,y.dark1)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,H.base)),i.Disabled,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),text:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,b),u.Hover,b),u.Focus,k.dark1)),i.Secondary,l(l(l({},u.Default,D.dark1),u.Hover,b),u.Focus,k.dark1)),i.InversePrimary,l(l(l({},u.Default,p),u.Hover,p),u.Focus,k.light2)),i.InverseSecondary,l(l(l({},u.Default,D.light1),u.Hover,p),u.Focus,k.light2)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,H.base)),i.Disabled,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),i.Placeholder,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),i.Link,l(l(l({},u.Default,k.base),u.Hover,k.base),u.Focus,k.base))},S=l(l({},r.Theme.Dark,v),r.Theme.Light,m),P={Dark:"dark",Light:"light"},x=l(l({},P.Light,{default:"0 0 0 2px ".concat(a.palette.white,", 0 0 0 4px ").concat(a.palette.blue.light1),input:"0 0 0 3px ".concat(a.palette.blue.light1)}),P.Dark,{default:"0 0 0 2px ".concat(a.palette.black,", 0 0 0 4px ").concat(a.palette.blue.light1),input:"0 0 0 3px ".concat(a.palette.blue.light1)}),I=l(l({},P.Light,{gray:"0 0 0 3px ".concat(a.palette.gray.light2),green:"0 0 0 3px ".concat(a.palette.green.light2),red:"0 0 0 3px ".concat(a.palette.red.light2)}),P.Dark,{gray:"0 0 0 3px ".concat(a.palette.gray.dark2),green:"0 0 0 3px ".concat(a.palette.green.dark3),red:"0 0 0 3px ".concat(a.palette.yellow.dark3)}),w={Body1:13,Body2:16},E={body1:{fontSize:w.Body1,lineHeight:20},body2:{fontSize:w.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}};e.BaseFontSize=w,e.InteractionState=u,e.Mode=P,e.Property=o,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.State=u,e.Type=o,e.Variant=i,e.borderRadius={0:0,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24},e.breakpoints={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440},e.color=S,e.focusRing=x,e.fontFamilies={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},e.fontWeights={regular:400,medium:500,bold:700},e.hoverRing=I,e.spacing={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},e.transitionDuration={faster:100,default:150,slower:300,slowest:500},e.typeScales=E}));
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/lib","@leafygreen-ui/palette"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"])}(this,(function(e,r,a){"use strict";function t(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,r);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof r?r:r+""}function l(e,r,a){return(r=t(r))in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}var o={Background:"background",Border:"border",Icon:"icon",Text:"text"},i={Disabled:"disabled",Placeholder:"placeholder",Primary:"primary",Secondary:"secondary",InversePrimary:"inversePrimary",InverseSecondary:"inverseSecondary",Info:"info",Warning:"warning",Error:"error",Success:"success",Link:"link"},u={Default:"default",Hover:"hover",Focus:"focus"},s=a.palette.black,c=a.palette.blue,n=a.palette.gray,d=a.palette.green,g=a.palette.red,f=a.palette.white,h=a.palette.yellow,v={background:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,s),u.Hover,n.dark2),u.Focus,c.dark3)),i.Secondary,l(l(l({},u.Default,n.dark4),u.Hover,n.dark2),u.Focus,c.dark3)),i.InversePrimary,l(l(l({},u.Default,n.light2),u.Hover,n.light3),u.Focus,c.light2)),i.Info,l(l(l({},u.Default,c.dark3),u.Hover,c.dark3),u.Focus,c.dark3)),i.Warning,l(l(l({},u.Default,h.dark3),u.Hover,h.dark3),u.Focus,h.dark3)),i.Success,l(l(l({},u.Default,d.dark3),u.Hover,d.dark3),u.Focus,d.dark3)),i.Error,l(l(l({},u.Default,g.dark3),u.Hover,g.dark3),u.Focus,g.dark3)),i.Disabled,l(l(l({},u.Default,n.dark3),u.Hover,n.dark3),u.Focus,n.dark3)),border:l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.base),u.Hover,n.base),u.Focus,c.light1)),i.Secondary,l(l(l({},u.Default,n.dark2),u.Hover,n.dark2),u.Focus,c.light1)),i.Success,l(l(l({},u.Default,d.dark1),u.Hover,d.dark1),u.Focus,c.light1)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,c.light1)),i.Disabled,l(l(l({},u.Default,n.dark2),u.Hover,n.dark2),u.Focus,n.dark2)),icon:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.light1),u.Hover,n.light3),u.Focus,c.light3)),i.Secondary,l(l(l({},u.Default,n.base),u.Hover,n.light3),u.Focus,c.light3)),i.InversePrimary,l(l(l({},u.Default,f),u.Hover,s),u.Focus,c.dark2)),i.Info,l(l(l({},u.Default,c.light1),u.Hover,c.light1),u.Focus,c.light1)),i.Warning,l(l(l({},u.Default,h.base),u.Hover,h.base),u.Focus,h.base)),i.Success,l(l(l({},u.Default,d.base),u.Hover,d.base),u.Focus,d.base)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,g.light1)),i.Disabled,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),text:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,n.light2),u.Hover,n.light2),u.Focus,c.light3)),i.Placeholder,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),i.Secondary,l(l(l({},u.Default,n.light1),u.Hover,n.light2),u.Focus,c.light3)),i.InversePrimary,l(l(l({},u.Default,s),u.Hover,s),u.Focus,c.dark2)),i.InverseSecondary,l(l(l({},u.Default,n.dark2),u.Hover,s),u.Focus,c.dark2)),i.Error,l(l(l({},u.Default,g.light1),u.Hover,g.light1),u.Focus,g.light1)),i.Disabled,l(l(l({},u.Default,n.dark1),u.Hover,n.dark1),u.Focus,n.dark1)),i.Link,l(l(l({},u.Default,c.light1),u.Hover,c.light1),u.Focus,c.light1))},b=a.palette.black,k=a.palette.blue,D=a.palette.gray,y=a.palette.green,H=a.palette.red,p=a.palette.white,F=a.palette.yellow,m={background:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,p),u.Hover,D.light2),u.Focus,k.light3)),i.Secondary,l(l(l({},u.Default,D.light3),u.Hover,D.light2),u.Focus,k.light3)),i.InversePrimary,l(l(l({},u.Default,b),u.Hover,D.dark3),u.Focus,k.dark2)),i.Info,l(l(l({},u.Default,k.light3),u.Hover,k.light3),u.Focus,k.light3)),i.Warning,l(l(l({},u.Default,F.light3),u.Hover,F.light3),u.Focus,F.light3)),i.Success,l(l(l({},u.Default,y.light3),u.Hover,y.light3),u.Focus,y.light3)),i.Error,l(l(l({},u.Default,H.light3),u.Hover,H.light3),u.Focus,H.light3)),i.Disabled,l(l(l({},u.Default,D.light2),u.Hover,D.light2),u.Focus,D.light2)),border:l(l(l(l(l({},i.Primary,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,k.light1)),i.Secondary,l(l(l({},u.Default,D.light2),u.Hover,D.light2),u.Focus,k.light1)),i.Success,l(l(l({},u.Default,y.dark1),u.Hover,y.dark1),u.Focus,k.light1)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,k.light1)),i.Disabled,l(l(l({},u.Default,D.light1),u.Hover,D.light1),u.Focus,D.light1)),icon:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,D.dark1),u.Hover,b),u.Focus,k.dark1)),i.Secondary,l(l(l({},u.Default,D.base),u.Hover,b),u.Focus,k.dark1)),i.InversePrimary,l(l(l({},u.Default,p),u.Hover,p),u.Focus,k.light2)),i.Info,l(l(l({},u.Default,k.base),u.Hover,k.base),u.Focus,k.base)),i.Warning,l(l(l({},u.Default,F.dark2),u.Hover,F.dark2),u.Focus,F.dark2)),i.Success,l(l(l({},u.Default,y.dark1),u.Hover,y.dark1),u.Focus,y.dark1)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,H.base)),i.Disabled,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),text:l(l(l(l(l(l(l(l({},i.Primary,l(l(l({},u.Default,b),u.Hover,b),u.Focus,k.dark1)),i.Secondary,l(l(l({},u.Default,D.dark1),u.Hover,b),u.Focus,k.dark1)),i.InversePrimary,l(l(l({},u.Default,p),u.Hover,p),u.Focus,k.light2)),i.InverseSecondary,l(l(l({},u.Default,D.light1),u.Hover,p),u.Focus,k.light2)),i.Error,l(l(l({},u.Default,H.base),u.Hover,H.base),u.Focus,H.base)),i.Disabled,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),i.Placeholder,l(l(l({},u.Default,D.base),u.Hover,D.base),u.Focus,D.base)),i.Link,l(l(l({},u.Default,k.base),u.Hover,k.base),u.Focus,k.base))},S=l(l({},r.Theme.Dark,v),r.Theme.Light,m),P={Dark:"dark",Light:"light"},x=l(l({},P.Light,{default:"0 0 0 2px ".concat(a.palette.white,", 0 0 0 4px ").concat(a.palette.blue.light1),input:"0 0 0 3px ".concat(a.palette.blue.light1)}),P.Dark,{default:"0 0 0 2px ".concat(a.palette.black,", 0 0 0 4px ").concat(a.palette.blue.light1),input:"0 0 0 3px ".concat(a.palette.blue.light1)}),I=l(l({},P.Light,{gray:"0 0 0 3px ".concat(a.palette.gray.light2),green:"0 0 0 3px ".concat(a.palette.green.light2),red:"0 0 0 3px ".concat(a.palette.red.light2)}),P.Dark,{gray:"0 0 0 3px ".concat(a.palette.gray.dark2),green:"0 0 0 3px ".concat(a.palette.green.dark3),red:"0 0 0 3px ".concat(a.palette.yellow.dark3)}),w={Body1:13,Body2:16},E={body1:{fontSize:w.Body1,lineHeight:20},body2:{fontSize:w.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}};e.BaseFontSize=w,e.InteractionState=u,e.Mode=P,e.Property=o,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.State=u,e.Type=o,e.Variant=i,e.borderRadius={0:0,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24},e.breakpoints={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440},e.color=S,e.focusRing=x,e.fontFamilies={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},e.fontWeights={regular:400,medium:500,bold:700},e.hoverRing=I,e.spacing={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1800:72,1:4,2:8,3:16,4:24,5:32,6:64,7:88},e.transitionDuration={faster:100,default:150,slower:300,slowest:500},e.typeScales=E}));
//# sourceMappingURL=index.js.map

@@ -18,2 +18,3 @@ declare const spacing: {

readonly 1600: 64;
readonly 1800: 72;
/** @deprecated use 100 instead */

@@ -20,0 +21,0 @@ readonly 1: 4;

{
"name": "@leafygreen-ui/tokens",
"version": "2.8.0",
"version": "2.9.0",
"description": "leafyGreen UI Kit Tokens",

@@ -25,3 +25,3 @@ "main": "./dist/index.js",

"dependencies": {
"@leafygreen-ui/lib": "^13.5.0",
"@leafygreen-ui/lib": "^13.6.0",
"@leafygreen-ui/palette": "^4.0.9"

@@ -28,0 +28,0 @@ },

@@ -18,2 +18,3 @@ const spacing = {

1600: 64,
1800: 72,

@@ -20,0 +21,0 @@ /** @deprecated use 100 instead */

@@ -1,1 +0,1 @@

import e from"react";import t from"lodash/startCase";import{css as a}from"@leafygreen-ui/emotion";import{Theme as n}from"@leafygreen-ui/lib";import{palette as r}from"@leafygreen-ui/palette";function l(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function i(e,t,a){return(t=l(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var o,d,s,u,g,h,m,p,b,k,f,x,y,v,E,w,N,S,j,z,O,H={Dark:"dark",Light:"light"},D=8,M="disabled",P="placeholder",C="primary",L="secondary",T="inversePrimary",A="inverseSecondary",F="info",I="warning",B="error",R="success",V="link",q="default",G="hover",J="focus",K=r.black,Q=r.blue,U=r.gray,W=r.green,X=r.red,Y=r.white,Z=r.yellow,$={background:i(i(i(i(i(i(i(i({},C,i(i(i({},q,K),G,U.dark2),J,Q.dark3)),L,i(i(i({},q,U.dark4),G,U.dark2),J,Q.dark3)),T,i(i(i({},q,U.light2),G,U.light3),J,Q.light2)),F,i(i(i({},q,Q.dark3),G,Q.dark3),J,Q.dark3)),I,i(i(i({},q,Z.dark3),G,Z.dark3),J,Z.dark3)),R,i(i(i({},q,W.dark3),G,W.dark3),J,W.dark3)),B,i(i(i({},q,X.dark3),G,X.dark3),J,X.dark3)),M,i(i(i({},q,U.dark3),G,U.dark3),J,U.dark3)),border:i(i(i(i(i({},C,i(i(i({},q,U.base),G,U.base),J,Q.light1)),L,i(i(i({},q,U.dark2),G,U.dark2),J,Q.light1)),R,i(i(i({},q,W.dark1),G,W.dark1),J,Q.light1)),B,i(i(i({},q,X.light1),G,X.light1),J,Q.light1)),M,i(i(i({},q,U.dark2),G,U.dark2),J,U.dark2)),icon:i(i(i(i(i(i(i(i({},C,i(i(i({},q,U.light1),G,U.light3),J,Q.light3)),L,i(i(i({},q,U.base),G,U.light3),J,Q.light3)),T,i(i(i({},q,Y),G,K),J,Q.dark2)),F,i(i(i({},q,Q.light1),G,Q.light1),J,Q.light1)),I,i(i(i({},q,Z.base),G,Z.base),J,Z.base)),R,i(i(i({},q,W.base),G,W.base),J,W.base)),B,i(i(i({},q,X.light1),G,X.light1),J,X.light1)),M,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),text:i(i(i(i(i(i(i(i({},C,i(i(i({},q,U.light2),G,U.light2),J,Q.light3)),P,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),L,i(i(i({},q,U.light1),G,U.light2),J,Q.light3)),T,i(i(i({},q,K),G,K),J,Q.dark2)),A,i(i(i({},q,U.dark2),G,K),J,Q.dark2)),B,i(i(i({},q,X.light1),G,X.light1),J,X.light1)),M,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),V,i(i(i({},q,Q.light1),G,Q.light1),J,Q.light1))},_=r.black,ee=r.blue,te=r.gray,ae=r.green,ne=r.red,re=r.white,le=r.yellow,ie={background:i(i(i(i(i(i(i(i({},C,i(i(i({},q,re),G,te.light2),J,ee.light3)),L,i(i(i({},q,te.light3),G,te.light2),J,ee.light3)),T,i(i(i({},q,_),G,te.dark3),J,ee.dark2)),F,i(i(i({},q,ee.light3),G,ee.light3),J,ee.light3)),I,i(i(i({},q,le.light3),G,le.light3),J,le.light3)),R,i(i(i({},q,ae.light3),G,ae.light3),J,ae.light3)),B,i(i(i({},q,ne.light3),G,ne.light3),J,ne.light3)),M,i(i(i({},q,te.light2),G,te.light2),J,te.light2)),border:i(i(i(i(i({},C,i(i(i({},q,te.base),G,te.base),J,ee.light1)),L,i(i(i({},q,te.light2),G,te.light2),J,ee.light1)),R,i(i(i({},q,ae.dark1),G,ae.dark1),J,ee.light1)),B,i(i(i({},q,ne.base),G,ne.base),J,ee.light1)),M,i(i(i({},q,te.light1),G,te.light1),J,te.light1)),icon:i(i(i(i(i(i(i(i({},C,i(i(i({},q,te.dark1),G,_),J,ee.dark1)),L,i(i(i({},q,te.base),G,_),J,ee.dark1)),T,i(i(i({},q,re),G,re),J,ee.light2)),F,i(i(i({},q,ee.base),G,ee.base),J,ee.base)),I,i(i(i({},q,le.dark2),G,le.dark2),J,le.dark2)),R,i(i(i({},q,ae.dark1),G,ae.dark1),J,ae.dark1)),B,i(i(i({},q,ne.base),G,ne.base),J,ne.base)),M,i(i(i({},q,te.base),G,te.base),J,te.base)),text:i(i(i(i(i(i(i(i({},C,i(i(i({},q,_),G,_),J,ee.dark1)),L,i(i(i({},q,te.dark1),G,_),J,ee.dark1)),T,i(i(i({},q,re),G,re),J,ee.light2)),A,i(i(i({},q,te.light1),G,re),J,ee.light2)),B,i(i(i({},q,ne.base),G,ne.base),J,ne.base)),M,i(i(i({},q,te.base),G,te.base),J,te.base)),P,i(i(i({},q,te.base),G,te.base),J,te.base)),V,i(i(i({},q,ee.base),G,ee.base),J,ee.base))},ce=i(i({},n.Dark,$),n.Light,ie),oe=i(i({},H.Light,{default:"0 0 0 2px ".concat(r.white,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),H.Dark,{default:"0 0 0 2px ".concat(r.black,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),de={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},se=i(i({},H.Light,{gray:"0 0 0 3px ".concat(r.gray.light2),green:"0 0 0 3px ".concat(r.green.light2),red:"0 0 0 3px ".concat(r.red.light2)}),H.Dark,{gray:"0 0 0 3px ".concat(r.gray.dark2),green:"0 0 0 3px ".concat(r.green.dark3),red:"0 0 0 3px ".concat(r.yellow.dark3)}),ue={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},ge=100,he={body1:{fontSize:13,lineHeight:20},body2:{fontSize:16,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}},me=function(t){var r=t.children,l=t.darkMode,i=l?n.Dark:n.Light;return e.createElement("div",{className:a(o||(o=c(["\n padding: 24px;\n min-height: 68px; // 48px + 20px (padding + line-height)\n border-radius: 24px;\n color: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: ",";\n "])),ce[i].text.primary.default,ce[i].background.primary.default,ce[i].border.secondary.default,l?"box-shadow: 0 4px 20px -4px #01121A":"0 4px 10px -4px rgba(0, 30, 43, 0.3)")},r)},pe={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},be=a(d||(d=c(["\n margin-left: ","px;\n"])),ue[3]),ke=Object.keys(ue).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t,n){var l=t;return e[l]=a(s||(s=c(["\n background-color: ",";\n width: ","px;\n height: ","px;\n "])),r.purple.light2,ue[l],ue[l]),e}),{});function fe(t){var a=t.space;return e.createElement("div",{className:be},e.createElement("code",null,"spacing[",a,"]: ",ue[a]),e.createElement("div",{className:ke[a]}))}var xe=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:a(u||(u=c(["\n display: flex;\n flex-direction: column;\n gap: ","px;\n "])),ue[100])},Object.keys(ue).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(fe,{space:t,key:t})}))))},ye=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(he).map((function(t){var n=t;return e.createElement("div",{key:n,className:a(g||(g=c(["\n font-family: ",";\n font-size: ","px;\n line-height: ","px;\n margin: ","px 0;\n "])),n.includes("code")?de.code:de.default,he[n].fontSize,he[n].lineHeight,ue[3])},e.createElement("div",null,n))})))},ve=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(de).map((function(t){var n=t;return e.createElement("div",{key:n,className:a(h||(h=c(["\n font-family: ",";\n margin: ","px 0;\n "])),de[n],ue[3])},e.createElement("div",null,n))})))},Ee=function(){return e.createElement("div",{className:a(N||(N=c(["\n display: flex;\n flex-direction: column;\n gap: ","px;\n "])),ue[400])},e.createElement("h2",null,"Color Tokens"),Object.values(n).map((function(t){return function(t){var r=!(t!==n.Dark);return e.createElement(me,{darkMode:r},e.createElement("h3",{className:a(m||(m=c(["\n color: ",";\n text-transform: capitalize;\n "])),ce[t].text.primary.default)},t," Mode"),e.createElement("div",{className:a(p||(p=c(["\n display: flex;\n gap: ","px;\n "])),ue[400])},Object.keys(ce[t]).map((function(n){return e.createElement(me,{darkMode:r,key:"color-".concat(t,"-").concat(n)},e.createElement("table",{className:a(b||(b=c(["\n border-spacing: ","px;\n "])),ue[400])},e.createElement("thead",{className:a(k||(k=c(["\n font-size: 10px;\n text-align: left;\n "])))},e.createElement("tr",null,e.createElement("th",{className:a(f||(f=c(["\n color: ",";\n width: 100px;\n "])),ce[t].text.primary.default)},e.createElement("code",null,n)),e.createElement("th",{className:a(x||(x=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"default")),e.createElement("th",{className:a(y||(y=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"hover")),e.createElement("th",{className:a(v||(v=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"focus")))),Object.keys(ce[t][n]).map((function(r){return e.createElement("tbody",{key:"color-".concat(t,"-").concat(n,"-").concat(r),className:a(E||(E=c(["\n font-size: 10px;\n "])))},e.createElement("tr",null,e.createElement("td",null,e.createElement("code",null,r)),Object.keys(ce[t][n][r]).map((function(l){return e.createElement("td",{key:"color-".concat(t,"-").concat(n,"-").concat(r,"-").concat(l)},e.createElement("div",{className:a(w||(w=c(["\n aspect-ratio: 1/1;\n border: 1px solid\n ",";\n background-color: ",";\n border-radius: ","px;\n "])),ce[t].border.primary.default,ce[t][n][r][l],D)}))}))))}))))}))))}(t)})))};Ee.parameters={chromatic:{disableSnapshot:!0}};var we=function(){var n=function(e){return"dark"===e?"light":"dark"},l=function(e){return a(S||(S=c(["\n display: flex;\n gap: ","px;\n color: ",";\n background-color: ",";\n border: 1px solid\n ",";\n border-radius: ","px;\n padding: ","px;\n margin: ","px 0;\n "])),ue[2],"dark"===e?r.white:r.black,"dark"===e?r.black:r.white,"dark"===e?r.gray.light3:r.gray.dark3,ue[3],ue[4],ue[3])},i=a(j||(j=c(["\n font-family: ",";\n font-size: ","px;\n outline: none;\n background-color: unset;\n border: unset;\n padding: ","px;\n border-radius: ","px;\n cursor: pointer;\n transition: box-shadow ","ms ease-in-out;\n "])),de.default,he.body2.fontSize,ue[2],ue[1],ge);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(H).map((function(o){return e.createElement("div",{key:o,className:l(o)},Object.keys(se[o]).map((function(l){var d=l;return e.createElement("button",{key:d,className:a(z||(z=c(["\n ",";\n background-color: ",";\n color: ",";\n &:hover {\n box-shadow: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n "])),i,r[d]["".concat(o,"3")],r[d]["".concat(n(o),"2")],se[o][d],oe[o].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:a(O||(O=c(["\n ",";\n border: 1px solid ",";\n &:hover {\n box-shadow: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n "])),i,r.gray["".concat(o,"1")],se[o].gray,oe[o].input)}))}))))};we.parameters={chromatic:{disableSnapshot:!0}};export{Ee as Colors,ve as FontFamilies,we as InteractionRings,xe as Spacing,ye as TypeScales,pe as default};
import e from"react";import t from"lodash/startCase";import{css as a}from"@leafygreen-ui/emotion";import{Theme as n}from"@leafygreen-ui/lib";import{palette as r}from"@leafygreen-ui/palette";function l(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function i(e,t,a){return(t=l(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var o,d,s,u,g,h,m,p,b,k,f,x,y,v,E,w,N,S,j,z,O,H={Dark:"dark",Light:"light"},D=8,M="disabled",P="placeholder",C="primary",L="secondary",T="inversePrimary",A="inverseSecondary",F="info",I="warning",B="error",R="success",V="link",q="default",G="hover",J="focus",K=r.black,Q=r.blue,U=r.gray,W=r.green,X=r.red,Y=r.white,Z=r.yellow,$={background:i(i(i(i(i(i(i(i({},C,i(i(i({},q,K),G,U.dark2),J,Q.dark3)),L,i(i(i({},q,U.dark4),G,U.dark2),J,Q.dark3)),T,i(i(i({},q,U.light2),G,U.light3),J,Q.light2)),F,i(i(i({},q,Q.dark3),G,Q.dark3),J,Q.dark3)),I,i(i(i({},q,Z.dark3),G,Z.dark3),J,Z.dark3)),R,i(i(i({},q,W.dark3),G,W.dark3),J,W.dark3)),B,i(i(i({},q,X.dark3),G,X.dark3),J,X.dark3)),M,i(i(i({},q,U.dark3),G,U.dark3),J,U.dark3)),border:i(i(i(i(i({},C,i(i(i({},q,U.base),G,U.base),J,Q.light1)),L,i(i(i({},q,U.dark2),G,U.dark2),J,Q.light1)),R,i(i(i({},q,W.dark1),G,W.dark1),J,Q.light1)),B,i(i(i({},q,X.light1),G,X.light1),J,Q.light1)),M,i(i(i({},q,U.dark2),G,U.dark2),J,U.dark2)),icon:i(i(i(i(i(i(i(i({},C,i(i(i({},q,U.light1),G,U.light3),J,Q.light3)),L,i(i(i({},q,U.base),G,U.light3),J,Q.light3)),T,i(i(i({},q,Y),G,K),J,Q.dark2)),F,i(i(i({},q,Q.light1),G,Q.light1),J,Q.light1)),I,i(i(i({},q,Z.base),G,Z.base),J,Z.base)),R,i(i(i({},q,W.base),G,W.base),J,W.base)),B,i(i(i({},q,X.light1),G,X.light1),J,X.light1)),M,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),text:i(i(i(i(i(i(i(i({},C,i(i(i({},q,U.light2),G,U.light2),J,Q.light3)),P,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),L,i(i(i({},q,U.light1),G,U.light2),J,Q.light3)),T,i(i(i({},q,K),G,K),J,Q.dark2)),A,i(i(i({},q,U.dark2),G,K),J,Q.dark2)),B,i(i(i({},q,X.light1),G,X.light1),J,X.light1)),M,i(i(i({},q,U.dark1),G,U.dark1),J,U.dark1)),V,i(i(i({},q,Q.light1),G,Q.light1),J,Q.light1))},_=r.black,ee=r.blue,te=r.gray,ae=r.green,ne=r.red,re=r.white,le=r.yellow,ie={background:i(i(i(i(i(i(i(i({},C,i(i(i({},q,re),G,te.light2),J,ee.light3)),L,i(i(i({},q,te.light3),G,te.light2),J,ee.light3)),T,i(i(i({},q,_),G,te.dark3),J,ee.dark2)),F,i(i(i({},q,ee.light3),G,ee.light3),J,ee.light3)),I,i(i(i({},q,le.light3),G,le.light3),J,le.light3)),R,i(i(i({},q,ae.light3),G,ae.light3),J,ae.light3)),B,i(i(i({},q,ne.light3),G,ne.light3),J,ne.light3)),M,i(i(i({},q,te.light2),G,te.light2),J,te.light2)),border:i(i(i(i(i({},C,i(i(i({},q,te.base),G,te.base),J,ee.light1)),L,i(i(i({},q,te.light2),G,te.light2),J,ee.light1)),R,i(i(i({},q,ae.dark1),G,ae.dark1),J,ee.light1)),B,i(i(i({},q,ne.base),G,ne.base),J,ee.light1)),M,i(i(i({},q,te.light1),G,te.light1),J,te.light1)),icon:i(i(i(i(i(i(i(i({},C,i(i(i({},q,te.dark1),G,_),J,ee.dark1)),L,i(i(i({},q,te.base),G,_),J,ee.dark1)),T,i(i(i({},q,re),G,re),J,ee.light2)),F,i(i(i({},q,ee.base),G,ee.base),J,ee.base)),I,i(i(i({},q,le.dark2),G,le.dark2),J,le.dark2)),R,i(i(i({},q,ae.dark1),G,ae.dark1),J,ae.dark1)),B,i(i(i({},q,ne.base),G,ne.base),J,ne.base)),M,i(i(i({},q,te.base),G,te.base),J,te.base)),text:i(i(i(i(i(i(i(i({},C,i(i(i({},q,_),G,_),J,ee.dark1)),L,i(i(i({},q,te.dark1),G,_),J,ee.dark1)),T,i(i(i({},q,re),G,re),J,ee.light2)),A,i(i(i({},q,te.light1),G,re),J,ee.light2)),B,i(i(i({},q,ne.base),G,ne.base),J,ne.base)),M,i(i(i({},q,te.base),G,te.base),J,te.base)),P,i(i(i({},q,te.base),G,te.base),J,te.base)),V,i(i(i({},q,ee.base),G,ee.base),J,ee.base))},ce=i(i({},n.Dark,$),n.Light,ie),oe=i(i({},H.Light,{default:"0 0 0 2px ".concat(r.white,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),H.Dark,{default:"0 0 0 2px ".concat(r.black,", 0 0 0 4px ").concat(r.blue.light1),input:"0 0 0 3px ".concat(r.blue.light1)}),de={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},se=i(i({},H.Light,{gray:"0 0 0 3px ".concat(r.gray.light2),green:"0 0 0 3px ".concat(r.green.light2),red:"0 0 0 3px ".concat(r.red.light2)}),H.Dark,{gray:"0 0 0 3px ".concat(r.gray.dark2),green:"0 0 0 3px ".concat(r.green.dark3),red:"0 0 0 3px ".concat(r.yellow.dark3)}),ue={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,500:20,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1800:72,1:4,2:8,3:16,4:24,5:32,6:64,7:88},ge=100,he={body1:{fontSize:13,lineHeight:20},body2:{fontSize:16,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:24}},me=function(t){var r=t.children,l=t.darkMode,i=l?n.Dark:n.Light;return e.createElement("div",{className:a(o||(o=c(["\n padding: 24px;\n min-height: 68px; // 48px + 20px (padding + line-height)\n border-radius: 24px;\n color: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: ",";\n "])),ce[i].text.primary.default,ce[i].background.primary.default,ce[i].border.secondary.default,l?"box-shadow: 0 4px 20px -4px #01121A":"0 4px 10px -4px rgba(0, 30, 43, 0.3)")},r)},pe={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},be=a(d||(d=c(["\n margin-left: ","px;\n"])),ue[400]),ke=Object.keys(ue).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t,n){var l=t;return e[l]=a(s||(s=c(["\n background-color: ",";\n width: ","px;\n height: ","px;\n "])),r.purple.light2,ue[l],ue[l]),e}),{});function fe(t){var a=t.space;return e.createElement("div",{className:be},e.createElement("code",null,"spacing[",a,"]: ",ue[a]),e.createElement("div",{className:ke[a]}))}var xe=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:a(u||(u=c(["\n display: flex;\n flex-direction: column;\n gap: ","px;\n "])),ue[100])},Object.keys(ue).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(fe,{space:t,key:t})}))))},ye=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(he).map((function(t){var n=t;return e.createElement("div",{key:n,className:a(g||(g=c(["\n font-family: ",";\n font-size: ","px;\n line-height: ","px;\n margin: ","px 0;\n "])),n.includes("code")?de.code:de.default,he[n].fontSize,he[n].lineHeight,ue[400])},e.createElement("div",null,n))})))},ve=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(de).map((function(t){var n=t;return e.createElement("div",{key:n,className:a(h||(h=c(["\n font-family: ",";\n margin: ","px 0;\n "])),de[n],ue[400])},e.createElement("div",null,n))})))},Ee=function(){return e.createElement("div",{className:a(N||(N=c(["\n display: flex;\n flex-direction: column;\n gap: ","px;\n "])),ue[400])},e.createElement("h2",null,"Color Tokens"),Object.values(n).map((function(t){return function(t){var r=!(t!==n.Dark);return e.createElement(me,{darkMode:r},e.createElement("h3",{className:a(m||(m=c(["\n color: ",";\n text-transform: capitalize;\n "])),ce[t].text.primary.default)},t," Mode"),e.createElement("div",{className:a(p||(p=c(["\n display: flex;\n gap: ","px;\n "])),ue[400])},Object.keys(ce[t]).map((function(n){return e.createElement(me,{darkMode:r,key:"color-".concat(t,"-").concat(n)},e.createElement("table",{className:a(b||(b=c(["\n border-spacing: ","px;\n "])),ue[400])},e.createElement("thead",{className:a(k||(k=c(["\n font-size: 10px;\n text-align: left;\n "])))},e.createElement("tr",null,e.createElement("th",{className:a(f||(f=c(["\n color: ",";\n width: 100px;\n "])),ce[t].text.primary.default)},e.createElement("code",null,n)),e.createElement("th",{className:a(x||(x=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"default")),e.createElement("th",{className:a(y||(y=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"hover")),e.createElement("th",{className:a(v||(v=c(["\n width: ","px;\n "])),ue[1600])},e.createElement("code",null,"focus")))),Object.keys(ce[t][n]).map((function(r){return e.createElement("tbody",{key:"color-".concat(t,"-").concat(n,"-").concat(r),className:a(E||(E=c(["\n font-size: 10px;\n "])))},e.createElement("tr",null,e.createElement("td",null,e.createElement("code",null,r)),Object.keys(ce[t][n][r]).map((function(l){return e.createElement("td",{key:"color-".concat(t,"-").concat(n,"-").concat(r,"-").concat(l)},e.createElement("div",{className:a(w||(w=c(["\n aspect-ratio: 1/1;\n border: 1px solid\n ",";\n background-color: ",";\n border-radius: ","px;\n "])),ce[t].border.primary.default,ce[t][n][r][l],D)}))}))))}))))}))))}(t)})))};Ee.parameters={chromatic:{disableSnapshot:!0}};var we=function(){var n=function(e){return"dark"===e?"light":"dark"},l=function(e){return a(S||(S=c(["\n display: flex;\n gap: ","px;\n color: ",";\n background-color: ",";\n border: 1px solid\n ",";\n border-radius: ","px;\n padding: ","px;\n margin: ","px 0;\n "])),ue[200],"dark"===e?r.white:r.black,"dark"===e?r.black:r.white,"dark"===e?r.gray.light3:r.gray.dark3,ue[400],ue[600],ue[400])},i=a(j||(j=c(["\n font-family: ",";\n font-size: ","px;\n outline: none;\n background-color: unset;\n border: unset;\n padding: ","px;\n border-radius: ","px;\n cursor: pointer;\n transition: box-shadow ","ms ease-in-out;\n "])),de.default,he.body2.fontSize,ue[200],ue[100],ge);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(H).map((function(o){return e.createElement("div",{key:o,className:l(o)},Object.keys(se[o]).map((function(l){var d=l;return e.createElement("button",{key:d,className:a(z||(z=c(["\n ",";\n background-color: ",";\n color: ",";\n &:hover {\n box-shadow: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n "])),i,r[d]["".concat(o,"3")],r[d]["".concat(n(o),"2")],se[o][d],oe[o].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:a(O||(O=c(["\n ",";\n border: 1px solid ",";\n &:hover {\n box-shadow: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n "])),i,r.gray["".concat(o,"1")],se[o].gray,oe[o].input)}))}))))};we.parameters={chromatic:{disableSnapshot:!0}};export{Ee as Colors,ve as FontFamilies,we as InteractionRings,xe as Spacing,ye as TypeScales,pe as default};

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