@leafygreen-ui/badge - npm Package Compare versions

Comparing version 8.0.7 to 8.0.8

CHANGELOG.md

 # @leafygreen-ui/badge
 
+## 8.0.8
+
+### Patch Changes
+
+- 76161cf0: Updates stories for Chromatic testing
+- Updated dependencies [76161cf0]
+- Updated dependencies [76161cf0]
+- Updated dependencies [76161cf0]
+- Updated dependencies [76161cf0]
+  - @leafygreen-ui/lib@10.4.0
+  - @leafygreen-ui/tokens@2.1.1
+
 ## 8.0.7
@@ -4,0 +16,0 @@

package.json

 {
   "name": "@leafygreen-ui/badge",
-  "version": "8.0.7",
+  "version": "8.0.8",
   "description": "leafyGreen UI Kit Badge",
@@ -24,5 +24,5 @@ "main": "./dist/index.js",
     "@leafygreen-ui/emotion": "^4.0.4",
-    "@leafygreen-ui/lib": "^10.3.4",
+    "@leafygreen-ui/lib": "^10.4.0",
     "@leafygreen-ui/palette": "^4.0.3",
-    "@leafygreen-ui/tokens": "^2.1.0"
+    "@leafygreen-ui/tokens": "^2.1.1"
   },
@@ -29,0 +29,0 @@ "peerDependencies": {

stories.js

@@ -1,1 +0,1 @@
-import r from"react";import{Theme as e,storybookArgTypes as o}from"@leafygreen-ui/lib";import n from"prop-types";import{css as l,cx as a}from"@leafygreen-ui/emotion";import{useDarkMode as t}from"@leafygreen-ui/leafygreen-provider";import{palette as i}from"@leafygreen-ui/palette";import{fontFamilies as d,fontWeights as c}from"@leafygreen-ui/tokens";function g(r,e,o){return(e=function(r){var e=function(r,e){if("object"!=typeof r||null===r)return r;var o=r[Symbol.toPrimitive];if(void 0!==o){var n=o.call(r,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:String(e)}(e))in r?Object.defineProperty(r,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[e]=o,r}function u(){return u=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])}return r},u.apply(this,arguments)}function b(r,e){if(null==r)return{};var o,n,l=function(r,e){if(null==r)return{};var o,n,l={},a=Object.keys(r);for(n=0;n<a.length;n++)o=a[n],e.indexOf(o)>=0||(l[o]=r[o]);return l}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(n=0;n<a.length;n++)o=a[n],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(r,o)&&(l[o]=r[o])}return l}function y(r,e){return e||(e=r.slice(0)),Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))}var f,p,s,k,m,h,v,w,O,j,x,G,B,P,M,N,L={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},S=l(f||(f=y(["\n  font-family: ",";\n  display: inline-flex;\n  align-items: center;\n  font-weight: ",";\n  font-size: 12px;\n  line-height: 16px;\n  border-radius: 5px;\n  height: 18px;\n  padding-left: 6px;\n  padding-right: 6px;\n  text-transform: uppercase;\n  border: 1px solid;\n  letter-spacing: 0.4px;\n"])),d.default,c.bold),D=(g(N={},e.Dark,(g(w={},L.LightGray,l(p||(p=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark1,i.gray.base,i.gray.light3)),g(w,L.DarkGray,l(s||(s=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark3,i.gray.dark2,i.gray.light2)),g(w,L.Red,l(k||(k=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.red.dark3,i.red.dark2,i.red.light2)),g(w,L.Yellow,l(m||(m=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.yellow.dark3,i.yellow.dark2,i.yellow.light2)),g(w,L.Blue,l(h||(h=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.blue.dark2,i.blue.dark1,i.blue.light2)),g(w,L.Green,l(v||(v=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.green.dark3,i.green.dark2,i.green.base)),w)),g(N,e.Light,(g(M={},L.LightGray,l(O||(O=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.light3,i.gray.light2,i.gray.dark1)),g(M,L.DarkGray,l(j||(j=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark2,i.gray.dark3,i.white)),g(M,L.Red,l(x||(x=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.red.light3,i.red.light2,i.red.dark2)),g(M,L.Yellow,l(G||(G=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.yellow.light3,i.yellow.light2,i.yellow.dark2)),g(M,L.Blue,l(B||(B=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.blue.light3,i.blue.light2,i.blue.dark1)),g(M,L.Green,l(P||(P=y(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.green.light3,i.green.light2,i.green.dark2)),M)),N),E=["children","variant","className","darkMode"];function z(e){var o=e.children,n=e.variant,l=void 0===n?L.LightGray:n,i=e.className,d=e.darkMode,c=b(e,E),g=t(d).theme;return r.createElement("div",u({},c,{className:a(S,D[g][l],i)}),o)}z.displayName="Badge",z.propTypes={darkMode:n.bool,className:n.string,children:n.node,variant:n.oneOf(Object.values(L))};var R={title:"Components/Badge",component:z,parameters:{default:"Basic"},args:{darkMode:!1},argTypes:{darkMode:o.darkMode}},T=function(e){return r.createElement(z,e)}.bind({});T.args={children:"Badge"};export{T as Basic,R as default};
+import r from"react";import{Theme as e,storybookArgTypes as o}from"@leafygreen-ui/lib";import n from"prop-types";import{css as a,cx as l}from"@leafygreen-ui/emotion";import{useDarkMode as t}from"@leafygreen-ui/leafygreen-provider";import{palette as i}from"@leafygreen-ui/palette";import{fontFamilies as d,fontWeights as c}from"@leafygreen-ui/tokens";function g(r,e,o){return(e=function(r){var e=function(r,e){if("object"!=typeof r||null===r)return r;var o=r[Symbol.toPrimitive];if(void 0!==o){var n=o.call(r,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:String(e)}(e))in r?Object.defineProperty(r,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[e]=o,r}function u(){return u=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])}return r},u.apply(this,arguments)}function b(r,e){if(null==r)return{};var o,n,a=function(r,e){if(null==r)return{};var o,n,a={},l=Object.keys(r);for(n=0;n<l.length;n++)o=l[n],e.indexOf(o)>=0||(a[o]=r[o]);return a}(r,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(n=0;n<l.length;n++)o=l[n],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(r,o)&&(a[o]=r[o])}return a}function f(r,e){return e||(e=r.slice(0)),Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))}var p,y,s,m,k,h,v,w,O,j,x,G,P,B,L,M,N={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},S=a(p||(p=f(["\n  font-family: ",";\n  display: inline-flex;\n  align-items: center;\n  font-weight: ",";\n  font-size: 12px;\n  line-height: 16px;\n  border-radius: 5px;\n  height: 18px;\n  padding-left: 6px;\n  padding-right: 6px;\n  text-transform: uppercase;\n  border: 1px solid;\n  letter-spacing: 0.4px;\n"])),d.default,c.bold),E=(g(M={},e.Dark,(g(w={},N.LightGray,a(y||(y=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark1,i.gray.base,i.gray.light3)),g(w,N.DarkGray,a(s||(s=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark3,i.gray.dark2,i.gray.light2)),g(w,N.Red,a(m||(m=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.red.dark3,i.red.dark2,i.red.light2)),g(w,N.Yellow,a(k||(k=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.yellow.dark3,i.yellow.dark2,i.yellow.light2)),g(w,N.Blue,a(h||(h=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.blue.dark2,i.blue.dark1,i.blue.light2)),g(w,N.Green,a(v||(v=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.green.dark3,i.green.dark2,i.green.base)),w)),g(M,e.Light,(g(L={},N.LightGray,a(O||(O=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.light3,i.gray.light2,i.gray.dark1)),g(L,N.DarkGray,a(j||(j=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.gray.dark2,i.gray.dark3,i.white)),g(L,N.Red,a(x||(x=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.red.light3,i.red.light2,i.red.dark2)),g(L,N.Yellow,a(G||(G=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.yellow.light3,i.yellow.light2,i.yellow.dark2)),g(L,N.Blue,a(P||(P=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.blue.light3,i.blue.light2,i.blue.dark1)),g(L,N.Green,a(B||(B=f(["\n      background-color: ",";\n      border-color: ",";\n      color: ",";\n    "])),i.green.light3,i.green.light2,i.green.dark2)),L)),M),D=["children","variant","className","darkMode"];function z(e){var o=e.children,n=e.variant,a=void 0===n?N.LightGray:n,i=e.className,d=e.darkMode,c=b(e,D),g=t(d).theme;return r.createElement("div",u({},c,{className:l(S,E[g][a],i)}),o)}z.displayName="Badge",z.propTypes={darkMode:n.bool,className:n.string,children:n.node,variant:n.oneOf(Object.values(N))};var R={title:"Components/Badge",component:z,parameters:{default:"LiveExample",generate:{combineArgs:{darkMode:[!1,!0],variant:Object.values(N)}}},args:{children:"Badge"},argTypes:{darkMode:o.darkMode}},T=function(e){return r.createElement(z,e)};T.parameters={chromatic:{disableSnapshot:!0}};var Y=function(){};export{Y as Generated,T as LiveExample,R as default};

No alert changes

Improved metrics

Total package byte prevSize

112826

increased by0.98%

Lines of code

480

increased by1.91%

Dependency changes

• Updated@leafygreen-ui/lib@^10.4.0

• Updated@leafygreen-ui/tokens@^2.1.1