@leafygreen-ui/tokens - npm Package Compare versions

Comparing version 2.10.0 to 2.11.0

CHANGELOG.md

 # @leafygreen-ui/tokens
 
+## 2.11.0
+
+### Minor Changes
+
+- f91e1ce97: Unsets lowest level shadow for darkMode. (sets `shadow.dark[100]` to `"unset"`)
+
 ## 2.10.0
@@ -4,0 +10,0 @@

dist/esm/index.js

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

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("polished")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/lib","@leafygreen-ui/palette","polished"],a):a((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.polished)}(this,(function(e,a,r,t){"use strict";function l(e){var a=function(e,a){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,a);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof a?a:a+""}function o(e,a,r){return(a=l(a))in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,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.palette.black,n=r.palette.blue,d=r.palette.gray,g=r.palette.green,f=r.palette.red,h=r.palette.white,v=r.palette.yellow,b={background:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,c),s.Hover,d.dark2),s.Focus,n.dark3)),u.Secondary,o(o(o({},s.Default,d.dark4),s.Hover,d.dark2),s.Focus,n.dark3)),u.InversePrimary,o(o(o({},s.Default,d.light2),s.Hover,d.light3),s.Focus,n.light2)),u.Info,o(o(o({},s.Default,n.dark3),s.Hover,n.dark3),s.Focus,n.dark3)),u.Warning,o(o(o({},s.Default,v.dark3),s.Hover,v.dark3),s.Focus,v.dark3)),u.Success,o(o(o({},s.Default,g.dark3),s.Hover,g.dark3),s.Focus,g.dark3)),u.Error,o(o(o({},s.Default,f.dark3),s.Hover,f.dark3),s.Focus,f.dark3)),u.Disabled,o(o(o({},s.Default,d.dark3),s.Hover,d.dark3),s.Focus,d.dark3)),border:o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.base),s.Hover,d.base),s.Focus,n.light1)),u.Secondary,o(o(o({},s.Default,d.dark2),s.Hover,d.dark2),s.Focus,n.light1)),u.Success,o(o(o({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,n.light1)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,n.light1)),u.Disabled,o(o(o({},s.Default,d.dark2),s.Hover,d.dark2),s.Focus,d.dark2)),icon:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.light1),s.Hover,d.light3),s.Focus,n.light3)),u.Secondary,o(o(o({},s.Default,d.base),s.Hover,d.light3),s.Focus,n.light3)),u.InversePrimary,o(o(o({},s.Default,h),s.Hover,c),s.Focus,n.dark2)),u.Info,o(o(o({},s.Default,n.light1),s.Hover,n.light1),s.Focus,n.light1)),u.Warning,o(o(o({},s.Default,v.base),s.Hover,v.base),s.Focus,v.base)),u.Success,o(o(o({},s.Default,g.base),s.Hover,g.base),s.Focus,g.base)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),text:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.light2),s.Hover,d.light2),s.Focus,n.light3)),u.Placeholder,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),u.Secondary,o(o(o({},s.Default,d.light1),s.Hover,d.light2),s.Focus,n.light3)),u.InversePrimary,o(o(o({},s.Default,c),s.Hover,c),s.Focus,n.dark2)),u.InverseSecondary,o(o(o({},s.Default,d.dark2),s.Hover,c),s.Focus,n.dark2)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),u.Link,o(o(o({},s.Default,n.light1),s.Hover,n.light1),s.Focus,n.light1))},k=r.palette.black,p=r.palette.blue,D=r.palette.gray,y=r.palette.green,H=r.palette.red,F=r.palette.white,m=r.palette.yellow,S={background:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,F),s.Hover,D.light2),s.Focus,p.light3)),u.Secondary,o(o(o({},s.Default,D.light3),s.Hover,D.light2),s.Focus,p.light3)),u.InversePrimary,o(o(o({},s.Default,k),s.Hover,D.dark3),s.Focus,p.dark2)),u.Info,o(o(o({},s.Default,p.light3),s.Hover,p.light3),s.Focus,p.light3)),u.Warning,o(o(o({},s.Default,m.light3),s.Hover,m.light3),s.Focus,m.light3)),u.Success,o(o(o({},s.Default,y.light3),s.Hover,y.light3),s.Focus,y.light3)),u.Error,o(o(o({},s.Default,H.light3),s.Hover,H.light3),s.Focus,H.light3)),u.Disabled,o(o(o({},s.Default,D.light2),s.Hover,D.light2),s.Focus,D.light2)),border:o(o(o(o(o({},u.Primary,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,p.light1)),u.Secondary,o(o(o({},s.Default,D.light2),s.Hover,D.light2),s.Focus,p.light1)),u.Success,o(o(o({},s.Default,y.dark1),s.Hover,y.dark1),s.Focus,p.light1)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,p.light1)),u.Disabled,o(o(o({},s.Default,D.light1),s.Hover,D.light1),s.Focus,D.light1)),icon:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,D.dark1),s.Hover,k),s.Focus,p.dark1)),u.Secondary,o(o(o({},s.Default,D.base),s.Hover,k),s.Focus,p.dark1)),u.InversePrimary,o(o(o({},s.Default,F),s.Hover,F),s.Focus,p.light2)),u.Info,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,p.base)),u.Warning,o(o(o({},s.Default,m.dark2),s.Hover,m.dark2),s.Focus,m.dark2)),u.Success,o(o(o({},s.Default,y.dark1),s.Hover,y.dark1),s.Focus,y.dark1)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Disabled,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,D.base)),text:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,k),s.Hover,k),s.Focus,p.dark1)),u.Secondary,o(o(o({},s.Default,D.dark1),s.Hover,k),s.Focus,p.dark1)),u.InversePrimary,o(o(o({},s.Default,F),s.Hover,F),s.Focus,p.light2)),u.InverseSecondary,o(o(o({},s.Default,D.light1),s.Hover,F),s.Focus,p.light2)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Disabled,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,D.base)),u.Placeholder,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,D.base)),u.Link,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,p.base))},x=o(o({},a.Theme.Dark,b),a.Theme.Light,S),P={Dark:"dark",Light:"light"},I=o(o({},P.Light,{default:"0 0 0 2px ".concat(r.palette.white,", 0 0 0 4px ").concat(r.palette.blue.light1),input:"0 0 0 3px ".concat(r.palette.blue.light1)}),P.Dark,{default:"0 0 0 2px ".concat(r.palette.black,", 0 0 0 4px ").concat(r.palette.blue.light1),input:"0 0 0 3px ".concat(r.palette.blue.light1)}),w=o(o({},P.Light,{gray:"0 0 0 3px ".concat(r.palette.gray.light2),green:"0 0 0 3px ".concat(r.palette.green.light2),red:"0 0 0 3px ".concat(r.palette.red.light2)}),P.Dark,{gray:"0 0 0 3px ".concat(r.palette.gray.dark2),green:"0 0 0 3px ".concat(r.palette.green.dark3),red:"0 0 0 3px ".concat(r.palette.yellow.dark3)}),E=t.transparentize(.75,r.palette.black),T=t.transparentize(.85,r.palette.white),z=o(o({},a.Theme.Light,{100:"0px 2px 4px 1px ".concat(E)}),a.Theme.Dark,{100:"0px 4px 20px -4px ".concat(T)}),L={Body1:13,Body2:16},B={body1:{fontSize:L.Body1,lineHeight:20},body2:{fontSize:L.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=L,e.InteractionState=s,e.Mode=P,e.Property=i,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.State=s,e.Type=i,e.Variant=u,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=x,e.focusRing=I,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=w,e.shadow=z,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=B}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("polished")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/lib","@leafygreen-ui/palette","polished"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.polished)}(this,(function(e,r,a,t){"use strict";function l(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 o(e,r,a){return(r=l(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=a.palette.black,n=a.palette.blue,d=a.palette.gray,g=a.palette.green,f=a.palette.red,h=a.palette.white,v=a.palette.yellow,b={background:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,c),s.Hover,d.dark2),s.Focus,n.dark3)),u.Secondary,o(o(o({},s.Default,d.dark4),s.Hover,d.dark2),s.Focus,n.dark3)),u.InversePrimary,o(o(o({},s.Default,d.light2),s.Hover,d.light3),s.Focus,n.light2)),u.Info,o(o(o({},s.Default,n.dark3),s.Hover,n.dark3),s.Focus,n.dark3)),u.Warning,o(o(o({},s.Default,v.dark3),s.Hover,v.dark3),s.Focus,v.dark3)),u.Success,o(o(o({},s.Default,g.dark3),s.Hover,g.dark3),s.Focus,g.dark3)),u.Error,o(o(o({},s.Default,f.dark3),s.Hover,f.dark3),s.Focus,f.dark3)),u.Disabled,o(o(o({},s.Default,d.dark3),s.Hover,d.dark3),s.Focus,d.dark3)),border:o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.base),s.Hover,d.base),s.Focus,n.light1)),u.Secondary,o(o(o({},s.Default,d.dark2),s.Hover,d.dark2),s.Focus,n.light1)),u.Success,o(o(o({},s.Default,g.dark1),s.Hover,g.dark1),s.Focus,n.light1)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,n.light1)),u.Disabled,o(o(o({},s.Default,d.dark2),s.Hover,d.dark2),s.Focus,d.dark2)),icon:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.light1),s.Hover,d.light3),s.Focus,n.light3)),u.Secondary,o(o(o({},s.Default,d.base),s.Hover,d.light3),s.Focus,n.light3)),u.InversePrimary,o(o(o({},s.Default,h),s.Hover,c),s.Focus,n.dark2)),u.Info,o(o(o({},s.Default,n.light1),s.Hover,n.light1),s.Focus,n.light1)),u.Warning,o(o(o({},s.Default,v.base),s.Hover,v.base),s.Focus,v.base)),u.Success,o(o(o({},s.Default,g.base),s.Hover,g.base),s.Focus,g.base)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),text:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,d.light2),s.Hover,d.light2),s.Focus,n.light3)),u.Placeholder,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),u.Secondary,o(o(o({},s.Default,d.light1),s.Hover,d.light2),s.Focus,n.light3)),u.InversePrimary,o(o(o({},s.Default,c),s.Hover,c),s.Focus,n.dark2)),u.InverseSecondary,o(o(o({},s.Default,d.dark2),s.Hover,c),s.Focus,n.dark2)),u.Error,o(o(o({},s.Default,f.light1),s.Hover,f.light1),s.Focus,f.light1)),u.Disabled,o(o(o({},s.Default,d.dark1),s.Hover,d.dark1),s.Focus,d.dark1)),u.Link,o(o(o({},s.Default,n.light1),s.Hover,n.light1),s.Focus,n.light1))},k=a.palette.black,D=a.palette.blue,p=a.palette.gray,y=a.palette.green,H=a.palette.red,F=a.palette.white,m=a.palette.yellow,S={background:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,F),s.Hover,p.light2),s.Focus,D.light3)),u.Secondary,o(o(o({},s.Default,p.light3),s.Hover,p.light2),s.Focus,D.light3)),u.InversePrimary,o(o(o({},s.Default,k),s.Hover,p.dark3),s.Focus,D.dark2)),u.Info,o(o(o({},s.Default,D.light3),s.Hover,D.light3),s.Focus,D.light3)),u.Warning,o(o(o({},s.Default,m.light3),s.Hover,m.light3),s.Focus,m.light3)),u.Success,o(o(o({},s.Default,y.light3),s.Hover,y.light3),s.Focus,y.light3)),u.Error,o(o(o({},s.Default,H.light3),s.Hover,H.light3),s.Focus,H.light3)),u.Disabled,o(o(o({},s.Default,p.light2),s.Hover,p.light2),s.Focus,p.light2)),border:o(o(o(o(o({},u.Primary,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,D.light1)),u.Secondary,o(o(o({},s.Default,p.light2),s.Hover,p.light2),s.Focus,D.light1)),u.Success,o(o(o({},s.Default,y.dark1),s.Hover,y.dark1),s.Focus,D.light1)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,D.light1)),u.Disabled,o(o(o({},s.Default,p.light1),s.Hover,p.light1),s.Focus,p.light1)),icon:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,p.dark1),s.Hover,k),s.Focus,D.dark1)),u.Secondary,o(o(o({},s.Default,p.base),s.Hover,k),s.Focus,D.dark1)),u.InversePrimary,o(o(o({},s.Default,F),s.Hover,F),s.Focus,D.light2)),u.Info,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,D.base)),u.Warning,o(o(o({},s.Default,m.dark2),s.Hover,m.dark2),s.Focus,m.dark2)),u.Success,o(o(o({},s.Default,y.dark1),s.Hover,y.dark1),s.Focus,y.dark1)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Disabled,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,p.base)),text:o(o(o(o(o(o(o(o({},u.Primary,o(o(o({},s.Default,k),s.Hover,k),s.Focus,D.dark1)),u.Secondary,o(o(o({},s.Default,p.dark1),s.Hover,k),s.Focus,D.dark1)),u.InversePrimary,o(o(o({},s.Default,F),s.Hover,F),s.Focus,D.light2)),u.InverseSecondary,o(o(o({},s.Default,p.light1),s.Hover,F),s.Focus,D.light2)),u.Error,o(o(o({},s.Default,H.base),s.Hover,H.base),s.Focus,H.base)),u.Disabled,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,p.base)),u.Placeholder,o(o(o({},s.Default,p.base),s.Hover,p.base),s.Focus,p.base)),u.Link,o(o(o({},s.Default,D.base),s.Hover,D.base),s.Focus,D.base))},P=o(o({},r.Theme.Dark,b),r.Theme.Light,S),x={Dark:"dark",Light:"light"},I=o(o({},x.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)}),x.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)}),w=o(o({},x.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)}),x.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)}),E=t.transparentize(.75,a.palette.black),T=o(o({},r.Theme.Light,{100:"0px 2px 4px 1px ".concat(E)}),r.Theme.Dark,{100:"unset"}),L={Body1:13,Body2:16},z={body1:{fontSize:L.Body1,lineHeight:20},body2:{fontSize:L.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=L,e.InteractionState=s,e.Mode=x,e.Property=i,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.State=s,e.Type=i,e.Variant=u,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=P,e.focusRing=I,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=w,e.shadow=T,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=z}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/tokens",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "leafyGreen UI Kit Tokens",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/shadow.ts

@@ -6,4 +6,3 @@ import { transparentize } from 'polished';
 
-const lightModeShadow = transparentize(0.75, palette.black);
-const darkModeShadow = transparentize(0.85, palette.white);
+const lightModeShadowColor = transparentize(0.75, palette.black);
 
@@ -16,7 +15,7 @@ interface Value {
   [Theme.Light]: {
-    100: `0px 2px 4px 1px ${lightModeShadow}`,
+    100: `0px 2px 4px 1px ${lightModeShadowColor}`,
   },
   [Theme.Dark]: {
-    100: `0px 4px 20px -4px ${darkModeShadow}`,
+    100: `unset`, // no shadow in dark mode
   },
 } as const;

stories.js

@@ -1,1 +0,1 @@
-import e from"react";import t from"lodash/startCase";import{css as a}from"@leafygreen-ui/emotion";import{Theme as r}from"@leafygreen-ui/lib";import{palette as n}from"@leafygreen-ui/palette";import{transparentize as l}from"polished";function i(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function o(e,t,a){return(t=i(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 d,s,u,g,h,p,m,b,k,f,x,y,v,E,w,N,S,j,z,O,H,D,L,M,P,C={Dark:"dark",Light:"light"},T=8,A="disabled",F="placeholder",I="primary",B="secondary",R="inversePrimary",V="inverseSecondary",q="info",G="warning",J="error",K="success",Q="link",U="default",W="hover",X="focus",Y=n.black,Z=n.blue,$=n.gray,_=n.green,ee=n.red,te=n.white,ae=n.yellow,re={background:o(o(o(o(o(o(o(o({},I,o(o(o({},U,Y),W,$.dark2),X,Z.dark3)),B,o(o(o({},U,$.dark4),W,$.dark2),X,Z.dark3)),R,o(o(o({},U,$.light2),W,$.light3),X,Z.light2)),q,o(o(o({},U,Z.dark3),W,Z.dark3),X,Z.dark3)),G,o(o(o({},U,ae.dark3),W,ae.dark3),X,ae.dark3)),K,o(o(o({},U,_.dark3),W,_.dark3),X,_.dark3)),J,o(o(o({},U,ee.dark3),W,ee.dark3),X,ee.dark3)),A,o(o(o({},U,$.dark3),W,$.dark3),X,$.dark3)),border:o(o(o(o(o({},I,o(o(o({},U,$.base),W,$.base),X,Z.light1)),B,o(o(o({},U,$.dark2),W,$.dark2),X,Z.light1)),K,o(o(o({},U,_.dark1),W,_.dark1),X,Z.light1)),J,o(o(o({},U,ee.light1),W,ee.light1),X,Z.light1)),A,o(o(o({},U,$.dark2),W,$.dark2),X,$.dark2)),icon:o(o(o(o(o(o(o(o({},I,o(o(o({},U,$.light1),W,$.light3),X,Z.light3)),B,o(o(o({},U,$.base),W,$.light3),X,Z.light3)),R,o(o(o({},U,te),W,Y),X,Z.dark2)),q,o(o(o({},U,Z.light1),W,Z.light1),X,Z.light1)),G,o(o(o({},U,ae.base),W,ae.base),X,ae.base)),K,o(o(o({},U,_.base),W,_.base),X,_.base)),J,o(o(o({},U,ee.light1),W,ee.light1),X,ee.light1)),A,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),text:o(o(o(o(o(o(o(o({},I,o(o(o({},U,$.light2),W,$.light2),X,Z.light3)),F,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),B,o(o(o({},U,$.light1),W,$.light2),X,Z.light3)),R,o(o(o({},U,Y),W,Y),X,Z.dark2)),V,o(o(o({},U,$.dark2),W,Y),X,Z.dark2)),J,o(o(o({},U,ee.light1),W,ee.light1),X,ee.light1)),A,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),Q,o(o(o({},U,Z.light1),W,Z.light1),X,Z.light1))},ne=n.black,le=n.blue,ie=n.gray,oe=n.green,ce=n.red,de=n.white,se=n.yellow,ue={background:o(o(o(o(o(o(o(o({},I,o(o(o({},U,de),W,ie.light2),X,le.light3)),B,o(o(o({},U,ie.light3),W,ie.light2),X,le.light3)),R,o(o(o({},U,ne),W,ie.dark3),X,le.dark2)),q,o(o(o({},U,le.light3),W,le.light3),X,le.light3)),G,o(o(o({},U,se.light3),W,se.light3),X,se.light3)),K,o(o(o({},U,oe.light3),W,oe.light3),X,oe.light3)),J,o(o(o({},U,ce.light3),W,ce.light3),X,ce.light3)),A,o(o(o({},U,ie.light2),W,ie.light2),X,ie.light2)),border:o(o(o(o(o({},I,o(o(o({},U,ie.base),W,ie.base),X,le.light1)),B,o(o(o({},U,ie.light2),W,ie.light2),X,le.light1)),K,o(o(o({},U,oe.dark1),W,oe.dark1),X,le.light1)),J,o(o(o({},U,ce.base),W,ce.base),X,le.light1)),A,o(o(o({},U,ie.light1),W,ie.light1),X,ie.light1)),icon:o(o(o(o(o(o(o(o({},I,o(o(o({},U,ie.dark1),W,ne),X,le.dark1)),B,o(o(o({},U,ie.base),W,ne),X,le.dark1)),R,o(o(o({},U,de),W,de),X,le.light2)),q,o(o(o({},U,le.base),W,le.base),X,le.base)),G,o(o(o({},U,se.dark2),W,se.dark2),X,se.dark2)),K,o(o(o({},U,oe.dark1),W,oe.dark1),X,oe.dark1)),J,o(o(o({},U,ce.base),W,ce.base),X,ce.base)),A,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),text:o(o(o(o(o(o(o(o({},I,o(o(o({},U,ne),W,ne),X,le.dark1)),B,o(o(o({},U,ie.dark1),W,ne),X,le.dark1)),R,o(o(o({},U,de),W,de),X,le.light2)),V,o(o(o({},U,ie.light1),W,de),X,le.light2)),J,o(o(o({},U,ce.base),W,ce.base),X,ce.base)),A,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),F,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),Q,o(o(o({},U,le.base),W,le.base),X,le.base))},ge=o(o({},r.Dark,re),r.Light,ue),he=o(o({},C.Light,{default:"0 0 0 2px ".concat(n.white,", 0 0 0 4px ").concat(n.blue.light1),input:"0 0 0 3px ".concat(n.blue.light1)}),C.Dark,{default:"0 0 0 2px ".concat(n.black,", 0 0 0 4px ").concat(n.blue.light1),input:"0 0 0 3px ".concat(n.blue.light1)}),pe={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},me=o(o({},C.Light,{gray:"0 0 0 3px ".concat(n.gray.light2),green:"0 0 0 3px ".concat(n.green.light2),red:"0 0 0 3px ".concat(n.red.light2)}),C.Dark,{gray:"0 0 0 3px ".concat(n.gray.dark2),green:"0 0 0 3px ".concat(n.green.dark3),red:"0 0 0 3px ".concat(n.yellow.dark3)}),be=l(.75,n.black),ke=l(.85,n.white),fe=o(o({},r.Light,{100:"0px 2px 4px 1px ".concat(be)}),r.Dark,{100:"0px 4px 20px -4px ".concat(ke)}),xe={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},ye=100,ve={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}},Ee=function(t){var n=t.children,l=t.darkMode,i=l?r.Dark:r.Light;return e.createElement("div",{className:a(d||(d=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      "])),ge[i].text.primary.default,ge[i].background.primary.default,ge[i].border.secondary.default,l?fe.dark[100]:fe.light[100])},n)},we={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},Ne=a(s||(s=c(["\n  margin-left: ","px;\n"])),xe[400]),Se=Object.keys(xe).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t){var r=t;return e[r]=a(u||(u=c(["\n      background-color: ",";\n      width: ","px;\n      height: ","px;\n    "])),n.purple.light2,xe[r],xe[r]),e}),{});function je(t){var a=t.space;return e.createElement("div",{className:Ne},e.createElement("code",null,"spacing[",a,"]: ",xe[a]),e.createElement("div",{className:Se[a]}))}var ze=function(){return e.createElement("div",{className:a(g||(g=c(["\n      display: flex;\n      gap: ","px;\n    "])),xe[400])},e.createElement("div",{className:a(h||(h=c(["\n        box-shadow: ",";\n        background-color: ",";\n        padding: ","px;\n        border-radius: ","px;\n        border: 1px solid ",";\n        color: ",";\n      "])),fe.light[100],ge.light.background.primary.default,xe[1600],T,ge.light.border.secondary.default,ge.light.text.primary.default)},"shadow.light[100]"),e.createElement("div",{className:a(p||(p=c(["\n        padding: ","px;\n        background-color: ",";\n      "])),xe[600],ge.dark.background.primary.default)},e.createElement("div",{className:a(m||(m=c(["\n          box-shadow: ",";\n          background-color: ",";\n          padding: ","px;\n          border-radius: ","px;\n          border: 1px solid ",";\n          color: ",";\n        "])),fe.dark[100],ge.dark.background.primary.default,xe[1600],T,ge.dark.border.secondary.default,ge.dark.text.primary.default)},"shadow.dark[100]")))},Oe=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:a(b||(b=c(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),xe[100])},Object.keys(xe).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(je,{space:t,key:t})}))))},He=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(ve).map((function(t){var r=t;return e.createElement("div",{key:r,className:a(k||(k=c(["\n              font-family: ",";\n              font-size: ","px;\n              line-height: ","px;\n              margin: ","px 0;\n            "])),r.includes("code")?pe.code:pe.default,ve[r].fontSize,ve[r].lineHeight,xe[400])},e.createElement("div",null,r))})))},De=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(pe).map((function(t){var r=t;return e.createElement("div",{key:r,className:a(f||(f=c(["\n            font-family: ",";\n            margin: ","px 0;\n          "])),pe[r],xe[400])},e.createElement("div",null,r))})))},Le=function(){return e.createElement("div",{className:a(H||(H=c(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),xe[400])},e.createElement("h2",null,"Color Tokens"),Object.values(r).map((function(t){return function(t){var n=!(t!==r.Dark);return e.createElement(Ee,{darkMode:n},e.createElement("h3",{className:a(x||(x=c(["\n          color: ",";\n          text-transform: capitalize;\n        "])),ge[t].text.primary.default)},t," Mode"),e.createElement("div",{className:a(y||(y=c(["\n          display: flex;\n          gap: ","px;\n        "])),xe[400])},Object.keys(ge[t]).map((function(r){return e.createElement(Ee,{darkMode:n,key:"color-".concat(t,"-").concat(r)},e.createElement("table",{className:a(v||(v=c(["\n                border-spacing: ","px;\n              "])),xe[400])},e.createElement("thead",{className:a(E||(E=c(["\n                  font-size: 10px;\n                  text-align: left;\n                "])))},e.createElement("tr",null,e.createElement("th",{className:a(w||(w=c(["\n                      color: ",";\n                      width: 100px;\n                    "])),ge[t].text.primary.default)},e.createElement("code",null,r)),e.createElement("th",{className:a(N||(N=c(["\n                      width: ","px;\n                    "])),xe[1600])},e.createElement("code",null,"default")),e.createElement("th",{className:a(S||(S=c(["\n                      width: ","px;\n                    "])),xe[1600])},e.createElement("code",null,"hover")),e.createElement("th",{className:a(j||(j=c(["\n                      width: ","px;\n                    "])),xe[1600])},e.createElement("code",null,"focus")))),Object.keys(ge[t][r]).map((function(n){return e.createElement("tbody",{key:"color-".concat(t,"-").concat(r,"-").concat(n),className:a(z||(z=c(["\n                    font-size: 10px;\n                  "])))},e.createElement("tr",null,e.createElement("td",null,e.createElement("code",null,n)),Object.keys(ge[t][r][n]).map((function(l){return e.createElement("td",{key:"color-".concat(t,"-").concat(r,"-").concat(n,"-").concat(l)},e.createElement("div",{className:a(O||(O=c(["\n                            aspect-ratio: 1/1;\n                            border: 1px solid\n                              ",";\n                            background-color: ",";\n                            border-radius: ","px;\n                          "])),ge[t].border.primary.default,ge[t][r][n][l],T)}))}))))}))))}))))}(t)})))};Le.parameters={chromatic:{disableSnapshot:!0}};var Me=function(){var r=function(e){return"dark"===e?"light":"dark"},l=function(e){return a(D||(D=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  "])),xe[200],"dark"===e?n.white:n.black,"dark"===e?n.black:n.white,"dark"===e?n.gray.light3:n.gray.dark3,xe[400],xe[600],xe[400])},i=a(L||(L=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  "])),pe.default,ve.body2.fontSize,xe[200],xe[100],ye);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(C).map((function(o){return e.createElement("div",{key:o,className:l(o)},Object.keys(me[o]).map((function(l){var d=l;return e.createElement("button",{key:d,className:a(M||(M=c(["\n                    ",";\n                    background-color: ",";\n                    color: ",";\n                    &:hover {\n                      box-shadow: ",";\n                    }\n                    &:focus {\n                      box-shadow: ",";\n                    }\n                  "])),i,n[d]["".concat(o,"3")],n[d]["".concat(r(o),"2")],me[o][d],he[o].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:a(P||(P=c(["\n                ",";\n                border: 1px solid ",";\n                &:hover {\n                  box-shadow: ",";\n                }\n                &:focus {\n                  box-shadow: ",";\n                }\n              "])),i,n.gray["".concat(o,"1")],me[o].gray,he[o].input)}))}))))};Me.parameters={chromatic:{disableSnapshot:!0}};export{Le as Colors,De as FontFamilies,Me as InteractionRings,ze as Shadow,Oe as Spacing,He as TypeScales,we as default};
+import e from"react";import t from"lodash/startCase";import{css as a}from"@leafygreen-ui/emotion";import{Theme as r}from"@leafygreen-ui/lib";import{palette as n}from"@leafygreen-ui/palette";import{transparentize as l}from"polished";function i(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function o(e,t,a){return(t=i(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 d,s,u,g,h,m,p,b,k,f,x,y,v,E,N,w,S,j,z,O,H,D,L,M,P,C={Dark:"dark",Light:"light"},T=8,A="disabled",F="placeholder",I="primary",B="secondary",R="inversePrimary",V="inverseSecondary",q="info",G="warning",J="error",K="success",Q="link",U="default",W="hover",X="focus",Y=n.black,Z=n.blue,$=n.gray,_=n.green,ee=n.red,te=n.white,ae=n.yellow,re={background:o(o(o(o(o(o(o(o({},I,o(o(o({},U,Y),W,$.dark2),X,Z.dark3)),B,o(o(o({},U,$.dark4),W,$.dark2),X,Z.dark3)),R,o(o(o({},U,$.light2),W,$.light3),X,Z.light2)),q,o(o(o({},U,Z.dark3),W,Z.dark3),X,Z.dark3)),G,o(o(o({},U,ae.dark3),W,ae.dark3),X,ae.dark3)),K,o(o(o({},U,_.dark3),W,_.dark3),X,_.dark3)),J,o(o(o({},U,ee.dark3),W,ee.dark3),X,ee.dark3)),A,o(o(o({},U,$.dark3),W,$.dark3),X,$.dark3)),border:o(o(o(o(o({},I,o(o(o({},U,$.base),W,$.base),X,Z.light1)),B,o(o(o({},U,$.dark2),W,$.dark2),X,Z.light1)),K,o(o(o({},U,_.dark1),W,_.dark1),X,Z.light1)),J,o(o(o({},U,ee.light1),W,ee.light1),X,Z.light1)),A,o(o(o({},U,$.dark2),W,$.dark2),X,$.dark2)),icon:o(o(o(o(o(o(o(o({},I,o(o(o({},U,$.light1),W,$.light3),X,Z.light3)),B,o(o(o({},U,$.base),W,$.light3),X,Z.light3)),R,o(o(o({},U,te),W,Y),X,Z.dark2)),q,o(o(o({},U,Z.light1),W,Z.light1),X,Z.light1)),G,o(o(o({},U,ae.base),W,ae.base),X,ae.base)),K,o(o(o({},U,_.base),W,_.base),X,_.base)),J,o(o(o({},U,ee.light1),W,ee.light1),X,ee.light1)),A,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),text:o(o(o(o(o(o(o(o({},I,o(o(o({},U,$.light2),W,$.light2),X,Z.light3)),F,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),B,o(o(o({},U,$.light1),W,$.light2),X,Z.light3)),R,o(o(o({},U,Y),W,Y),X,Z.dark2)),V,o(o(o({},U,$.dark2),W,Y),X,Z.dark2)),J,o(o(o({},U,ee.light1),W,ee.light1),X,ee.light1)),A,o(o(o({},U,$.dark1),W,$.dark1),X,$.dark1)),Q,o(o(o({},U,Z.light1),W,Z.light1),X,Z.light1))},ne=n.black,le=n.blue,ie=n.gray,oe=n.green,ce=n.red,de=n.white,se=n.yellow,ue={background:o(o(o(o(o(o(o(o({},I,o(o(o({},U,de),W,ie.light2),X,le.light3)),B,o(o(o({},U,ie.light3),W,ie.light2),X,le.light3)),R,o(o(o({},U,ne),W,ie.dark3),X,le.dark2)),q,o(o(o({},U,le.light3),W,le.light3),X,le.light3)),G,o(o(o({},U,se.light3),W,se.light3),X,se.light3)),K,o(o(o({},U,oe.light3),W,oe.light3),X,oe.light3)),J,o(o(o({},U,ce.light3),W,ce.light3),X,ce.light3)),A,o(o(o({},U,ie.light2),W,ie.light2),X,ie.light2)),border:o(o(o(o(o({},I,o(o(o({},U,ie.base),W,ie.base),X,le.light1)),B,o(o(o({},U,ie.light2),W,ie.light2),X,le.light1)),K,o(o(o({},U,oe.dark1),W,oe.dark1),X,le.light1)),J,o(o(o({},U,ce.base),W,ce.base),X,le.light1)),A,o(o(o({},U,ie.light1),W,ie.light1),X,ie.light1)),icon:o(o(o(o(o(o(o(o({},I,o(o(o({},U,ie.dark1),W,ne),X,le.dark1)),B,o(o(o({},U,ie.base),W,ne),X,le.dark1)),R,o(o(o({},U,de),W,de),X,le.light2)),q,o(o(o({},U,le.base),W,le.base),X,le.base)),G,o(o(o({},U,se.dark2),W,se.dark2),X,se.dark2)),K,o(o(o({},U,oe.dark1),W,oe.dark1),X,oe.dark1)),J,o(o(o({},U,ce.base),W,ce.base),X,ce.base)),A,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),text:o(o(o(o(o(o(o(o({},I,o(o(o({},U,ne),W,ne),X,le.dark1)),B,o(o(o({},U,ie.dark1),W,ne),X,le.dark1)),R,o(o(o({},U,de),W,de),X,le.light2)),V,o(o(o({},U,ie.light1),W,de),X,le.light2)),J,o(o(o({},U,ce.base),W,ce.base),X,ce.base)),A,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),F,o(o(o({},U,ie.base),W,ie.base),X,ie.base)),Q,o(o(o({},U,le.base),W,le.base),X,le.base))},ge=o(o({},r.Dark,re),r.Light,ue),he=o(o({},C.Light,{default:"0 0 0 2px ".concat(n.white,", 0 0 0 4px ").concat(n.blue.light1),input:"0 0 0 3px ".concat(n.blue.light1)}),C.Dark,{default:"0 0 0 2px ".concat(n.black,", 0 0 0 4px ").concat(n.blue.light1),input:"0 0 0 3px ".concat(n.blue.light1)}),me={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},pe=o(o({},C.Light,{gray:"0 0 0 3px ".concat(n.gray.light2),green:"0 0 0 3px ".concat(n.green.light2),red:"0 0 0 3px ".concat(n.red.light2)}),C.Dark,{gray:"0 0 0 3px ".concat(n.gray.dark2),green:"0 0 0 3px ".concat(n.green.dark3),red:"0 0 0 3px ".concat(n.yellow.dark3)}),be=l(.75,n.black),ke=o(o({},r.Light,{100:"0px 2px 4px 1px ".concat(be)}),r.Dark,{100:"unset"}),fe={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},xe=100,ye={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}},ve=function(t){var n=t.children,l=t.darkMode,i=l?r.Dark:r.Light;return e.createElement("div",{className:a(d||(d=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      "])),ge[i].text.primary.default,ge[i].background.primary.default,ge[i].border.secondary.default,l?ke.dark[100]:ke.light[100])},n)},Ee={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},Ne=a(s||(s=c(["\n  margin-left: ","px;\n"])),fe[400]),we=Object.keys(fe).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t){var r=t;return e[r]=a(u||(u=c(["\n      background-color: ",";\n      width: ","px;\n      height: ","px;\n    "])),n.purple.light2,fe[r],fe[r]),e}),{});function Se(t){var a=t.space;return e.createElement("div",{className:Ne},e.createElement("code",null,"spacing[",a,"]: ",fe[a]),e.createElement("div",{className:we[a]}))}var je=function(){return e.createElement("div",{className:a(g||(g=c(["\n      display: flex;\n      gap: ","px;\n    "])),fe[400])},e.createElement("div",{className:a(h||(h=c(["\n        box-shadow: ",";\n        background-color: ",";\n        padding: ","px;\n        border-radius: ","px;\n        border: 1px solid ",";\n        color: ",";\n      "])),ke.light[100],ge.light.background.primary.default,fe[1600],T,ge.light.border.secondary.default,ge.light.text.primary.default)},"shadow.light[100]"),e.createElement("div",{className:a(m||(m=c(["\n        padding: ","px;\n        background-color: ",";\n      "])),fe[600],ge.dark.background.primary.default)},e.createElement("div",{className:a(p||(p=c(["\n          box-shadow: ",";\n          background-color: ",";\n          padding: ","px;\n          border-radius: ","px;\n          border: 1px solid ",";\n          color: ",";\n        "])),ke.dark[100],ge.dark.background.primary.default,fe[1600],T,ge.dark.border.secondary.default,ge.dark.text.primary.default)},"shadow.dark[100]")))},ze=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:a(b||(b=c(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),fe[100])},Object.keys(fe).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(Se,{space:t,key:t})}))))},Oe=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(ye).map((function(t){var r=t;return e.createElement("div",{key:r,className:a(k||(k=c(["\n              font-family: ",";\n              font-size: ","px;\n              line-height: ","px;\n              margin: ","px 0;\n            "])),r.includes("code")?me.code:me.default,ye[r].fontSize,ye[r].lineHeight,fe[400])},e.createElement("div",null,r))})))},He=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(me).map((function(t){var r=t;return e.createElement("div",{key:r,className:a(f||(f=c(["\n            font-family: ",";\n            margin: ","px 0;\n          "])),me[r],fe[400])},e.createElement("div",null,r))})))},De=function(){return e.createElement("div",{className:a(H||(H=c(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),fe[400])},e.createElement("h2",null,"Color Tokens"),Object.values(r).map((function(t){return function(t){var n=!(t!==r.Dark);return e.createElement(ve,{darkMode:n},e.createElement("h3",{className:a(x||(x=c(["\n          color: ",";\n          text-transform: capitalize;\n        "])),ge[t].text.primary.default)},t," Mode"),e.createElement("div",{className:a(y||(y=c(["\n          display: flex;\n          gap: ","px;\n        "])),fe[400])},Object.keys(ge[t]).map((function(r){return e.createElement(ve,{darkMode:n,key:"color-".concat(t,"-").concat(r)},e.createElement("table",{className:a(v||(v=c(["\n                border-spacing: ","px;\n              "])),fe[400])},e.createElement("thead",{className:a(E||(E=c(["\n                  font-size: 10px;\n                  text-align: left;\n                "])))},e.createElement("tr",null,e.createElement("th",{className:a(N||(N=c(["\n                      color: ",";\n                      width: 100px;\n                    "])),ge[t].text.primary.default)},e.createElement("code",null,r)),e.createElement("th",{className:a(w||(w=c(["\n                      width: ","px;\n                    "])),fe[1600])},e.createElement("code",null,"default")),e.createElement("th",{className:a(S||(S=c(["\n                      width: ","px;\n                    "])),fe[1600])},e.createElement("code",null,"hover")),e.createElement("th",{className:a(j||(j=c(["\n                      width: ","px;\n                    "])),fe[1600])},e.createElement("code",null,"focus")))),Object.keys(ge[t][r]).map((function(n){return e.createElement("tbody",{key:"color-".concat(t,"-").concat(r,"-").concat(n),className:a(z||(z=c(["\n                    font-size: 10px;\n                  "])))},e.createElement("tr",null,e.createElement("td",null,e.createElement("code",null,n)),Object.keys(ge[t][r][n]).map((function(l){return e.createElement("td",{key:"color-".concat(t,"-").concat(r,"-").concat(n,"-").concat(l)},e.createElement("div",{className:a(O||(O=c(["\n                            aspect-ratio: 1/1;\n                            border: 1px solid\n                              ",";\n                            background-color: ",";\n                            border-radius: ","px;\n                          "])),ge[t].border.primary.default,ge[t][r][n][l],T)}))}))))}))))}))))}(t)})))};De.parameters={chromatic:{disableSnapshot:!0}};var Le=function(){var r=function(e){return"dark"===e?"light":"dark"},l=function(e){return a(D||(D=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  "])),fe[200],"dark"===e?n.white:n.black,"dark"===e?n.black:n.white,"dark"===e?n.gray.light3:n.gray.dark3,fe[400],fe[600],fe[400])},i=a(L||(L=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  "])),me.default,ye.body2.fontSize,fe[200],fe[100],xe);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(C).map((function(o){return e.createElement("div",{key:o,className:l(o)},Object.keys(pe[o]).map((function(l){var d=l;return e.createElement("button",{key:d,className:a(M||(M=c(["\n                    ",";\n                    background-color: ",";\n                    color: ",";\n                    &:hover {\n                      box-shadow: ",";\n                    }\n                    &:focus {\n                      box-shadow: ",";\n                    }\n                  "])),i,n[d]["".concat(o,"3")],n[d]["".concat(r(o),"2")],pe[o][d],he[o].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:a(P||(P=c(["\n                ",";\n                border: 1px solid ",";\n                &:hover {\n                  box-shadow: ",";\n                }\n                &:focus {\n                  box-shadow: ",";\n                }\n              "])),i,n.gray["".concat(o,"1")],pe[o].gray,he[o].input)}))}))))};Le.parameters={chromatic:{disableSnapshot:!0}};export{De as Colors,He as FontFamilies,Le as InteractionRings,je as Shadow,ze as Spacing,Oe as TypeScales,Ee as default};

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

155873

decreased by-0.2%

Lines of code

1963

decreased by-0.1%

No dependency changes