@leafygreen-ui/badge - npm Package Compare versions

Comparing version 8.0.6 to 8.0.7-next.0

CHANGELOG.md

		# @leafygreen-ui/badge

		## 8.0.7-next.0

		### Patch Changes

		- b060d06ce: Updates story files for Storybook 7.x
		- b060d06ce: Exports primary component props
		- Updated dependencies [b060d06ce]
		- Updated dependencies [b060d06ce]
		- @leafygreen-ui/leafygreen-provider@3.1.3-next.0
		- @leafygreen-ui/lib@10.3.4-next.0

		## 8.0.6
		@@ -4,0 +15,0 @@

dist/Badge/Badge.d.ts

		/// <reference types="react" />
		import PropTypes from 'prop-types';
		import BadgeProps from './types';
		import { BadgeProps } from './types';
		/**
		@@ -5,0 +5,0 @@ * Badges can be used to highlight information or the status of something.

dist/Badge/types.d.ts

		/// <reference types="react" />
		import { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';
		interface BadgeProps extends HTMLElementProps<'div'>, DarkModeProps {
		export interface BadgeProps extends HTMLElementProps<'div'>, DarkModeProps {
		/**
		@@ -28,3 +28,2 @@ * An additional className to add to the component's classList
		export declare type Variant = typeof Variant[keyof typeof Variant];
		export default BadgeProps;
		//# sourceMappingURL=types.d.ts.map

dist/esm/index.js

		@@ -1,2 +0,2 @@
		import r from"react";import e from"prop-types";import{css as o,cx as n}from"@leafygreen-ui/emotion";import{useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Theme as a}from"@leafygreen-ui/lib";import{palette as t}from"@leafygreen-ui/palette";import{fontFamilies as i,fontWeights as d}from"@leafygreen-ui/tokens";function c(r,e,o){return e in r?Object.defineProperty(r,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[e]=o,r}function g(){return g=Object.assign\|\|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},g.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 u(r,e){return e\|\|(e=r.slice(0)),Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))}var y,f,p,k,h,s,m,v,w,O,x,j,G,L,N,P,B={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},D=o(y\|\|(y=u(["\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"])),i.default,d.bold),z=(c(P={},a.Dark,(c(v={},B.LightGray,o(f\|\|(f=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.gray.dark1,t.gray.base,t.gray.light3)),c(v,B.DarkGray,o(p\|\|(p=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.gray.dark3,t.gray.dark2,t.gray.light2)),c(v,B.Red,o(k\|\|(k=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.red.dark3,t.red.dark2,t.red.light2)),c(v,B.Yellow,o(h\|\|(h=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.yellow.dark3,t.yellow.dark2,t.yellow.light2)),c(v,B.Blue,o(s\|\|(s=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.blue.dark2,t.blue.dark1,t.blue.light2)),c(v,B.Green,o(m\|\|(m=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.green.dark3,t.green.dark2,t.green.base)),v)),c(P,a.Light,(c(N={},B.LightGray,o(w\|\|(w=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.gray.light3,t.gray.light2,t.gray.dark1)),c(N,B.DarkGray,o(O\|\|(O=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.gray.dark2,t.gray.dark3,t.white)),c(N,B.Red,o(x\|\|(x=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.red.light3,t.red.light2,t.red.dark2)),c(N,B.Yellow,o(j\|\|(j=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.yellow.light3,t.yellow.light2,t.yellow.dark2)),c(N,B.Blue,o(G\|\|(G=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.blue.light3,t.blue.light2,t.blue.dark1)),c(N,B.Green,o(L\|\|(L=u(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),t.green.light3,t.green.light2,t.green.dark2)),N)),P),M=["children","variant","className","darkMode"];function R(e){var o=e.children,a=e.variant,t=void 0===a?B.LightGray:a,i=e.className,d=e.darkMode,c=b(e,M),u=l(d).theme;return r.createElement("div",g({},c,{className:n(D,z[u][t],i)}),o)}R.displayName="Badge",R.propTypes={darkMode:e.bool,className:e.string,children:e.node,variant:e.oneOf(Object.values(B))};export{B as Variant,R as default};
		import r from"react";import e from"prop-types";import{css as o,cx as n}from"@leafygreen-ui/emotion";import{useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Theme as t}from"@leafygreen-ui/lib";import{palette as a}from"@leafygreen-ui/palette";import{fontFamilies as i,fontWeights as c}from"@leafygreen-ui/tokens";function d(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 g(){return g=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},g.apply(this,arguments)}function u(r,e){if(null==r)return{};var o,n,l=function(r,e){if(null==r)return{};var o,n,l={},t=Object.keys(r);for(n=0;n<t.length;n++)o=t[n],e.indexOf(o)>=0\|\|(l[o]=r[o]);return l}(r,e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);for(n=0;n<t.length;n++)o=t[n],e.indexOf(o)>=0\|\|Object.prototype.propertyIsEnumerable.call(r,o)&&(l[o]=r[o])}return l}function b(r,e){return e\|\|(e=r.slice(0)),Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(e)}}))}var y,f,p,s,k,h,m,v,w,O,j,x,G,P,N,L,S={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},B=o(y\|\|(y=b(["\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"])),i.default,c.bold),D=(d(L={},t.Dark,(d(v={},S.LightGray,o(f\|\|(f=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.gray.dark1,a.gray.base,a.gray.light3)),d(v,S.DarkGray,o(p\|\|(p=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.gray.dark3,a.gray.dark2,a.gray.light2)),d(v,S.Red,o(s\|\|(s=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.red.dark3,a.red.dark2,a.red.light2)),d(v,S.Yellow,o(k\|\|(k=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.yellow.dark3,a.yellow.dark2,a.yellow.light2)),d(v,S.Blue,o(h\|\|(h=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.blue.dark2,a.blue.dark1,a.blue.light2)),d(v,S.Green,o(m\|\|(m=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.green.dark3,a.green.dark2,a.green.base)),v)),d(L,t.Light,(d(N={},S.LightGray,o(w\|\|(w=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.gray.light3,a.gray.light2,a.gray.dark1)),d(N,S.DarkGray,o(O\|\|(O=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.gray.dark2,a.gray.dark3,a.white)),d(N,S.Red,o(j\|\|(j=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.red.light3,a.red.light2,a.red.dark2)),d(N,S.Yellow,o(x\|\|(x=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.yellow.light3,a.yellow.light2,a.yellow.dark2)),d(N,S.Blue,o(G\|\|(G=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.blue.light3,a.blue.light2,a.blue.dark1)),d(N,S.Green,o(P\|\|(P=b(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.green.light3,a.green.light2,a.green.dark2)),N)),L),z=["children","variant","className","darkMode"];function E(e){var o=e.children,t=e.variant,a=void 0===t?S.LightGray:t,i=e.className,c=e.darkMode,d=u(e,z),b=l(c).theme;return r.createElement("div",g({},d,{className:n(B,D[b][a],i)}),o)}E.displayName="Badge",E.propTypes={darkMode:e.bool,className:e.string,children:e.node,variant:e.oneOf(Object.values(S))};export{S as Variant,E as default};
		//# sourceMappingURL=index.js.map

dist/index.d.ts

		import Badge from './Badge/Badge';
		export { Variant } from './Badge/types';
		export { type BadgeProps, Variant } from './Badge/types';
		export default Badge;
		//# sourceMappingURL=index.d.ts.map

dist/index.js

		@@ -1,2 +0,2 @@
		!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens"],r):r((e="undefined"!=typeof globalThis?globalThis:e\|\|self)["@leafygreen-ui/badge"]={},e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"])}(this,(function(e,r,t,l,n,a,o,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(r),g=c(t);function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(){return p=Object.assign\|\|function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},p.apply(this,arguments)}function s(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},a=Object.keys(e);for(l=0;l<a.length;l++)t=a[l],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l<a.length;l++)t=a[l],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function f(e,r){return r\|\|(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var y,b,h,k,m,v,O,w,x,j,G,q,P,T,D,L,M={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},N=l.css(y\|\|(y=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"])),i.fontFamilies.default,i.fontWeights.bold),B=(u(L={},a.Theme.Dark,(u(w={},M.LightGray,l.css(b\|\|(b=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.gray.dark1,o.palette.gray.base,o.palette.gray.light3)),u(w,M.DarkGray,l.css(h\|\|(h=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.gray.dark3,o.palette.gray.dark2,o.palette.gray.light2)),u(w,M.Red,l.css(k\|\|(k=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.red.dark3,o.palette.red.dark2,o.palette.red.light2)),u(w,M.Yellow,l.css(m\|\|(m=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.yellow.dark3,o.palette.yellow.dark2,o.palette.yellow.light2)),u(w,M.Blue,l.css(v\|\|(v=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.blue.dark2,o.palette.blue.dark1,o.palette.blue.light2)),u(w,M.Green,l.css(O\|\|(O=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.green.dark3,o.palette.green.dark2,o.palette.green.base)),w)),u(L,a.Theme.Light,(u(D={},M.LightGray,l.css(x\|\|(x=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.gray.light3,o.palette.gray.light2,o.palette.gray.dark1)),u(D,M.DarkGray,l.css(j\|\|(j=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.gray.dark2,o.palette.gray.dark3,o.palette.white)),u(D,M.Red,l.css(G\|\|(G=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.red.light3,o.palette.red.light2,o.palette.red.dark2)),u(D,M.Yellow,l.css(q\|\|(q=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.yellow.light3,o.palette.yellow.light2,o.palette.yellow.dark2)),u(D,M.Blue,l.css(P\|\|(P=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.blue.light3,o.palette.blue.light2,o.palette.blue.dark1)),u(D,M.Green,l.css(T\|\|(T=f(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),o.palette.green.light3,o.palette.green.light2,o.palette.green.dark2)),D)),L),R=["children","variant","className","darkMode"];function z(e){var r=e.children,t=e.variant,a=void 0===t?M.LightGray:t,o=e.className,i=e.darkMode,c=s(e,R),g=n.useDarkMode(i).theme;return d.default.createElement("div",p({},c,{className:l.cx(N,B[g][a],o)}),r)}z.displayName="Badge",z.propTypes={darkMode:g.default.bool,className:g.default.string,children:g.default.node,variant:g.default.oneOf(Object.values(M))},e.Variant=M,e.default=z,Object.defineProperty(e,"__esModule",{value:!0})}));
		!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens"],r):r((e="undefined"!=typeof globalThis?globalThis:e\|\|self)["@leafygreen-ui/badge"]={},e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"])}(this,(function(e,r,t,l,n,o,a,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(r),u=c(t);function g(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e\|\|null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,r\|\|"default");if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},p.apply(this,arguments)}function f(e,r){if(null==e)return{};var t,l,n=function(e,r){if(null==e)return{};var t,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)t=o[l],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function s(e,r){return r\|\|(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var y,b,h,k,m,v,w,O,j,x,G,P,q,T,N,D,L={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},M=l.css(y\|\|(y=s(["\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"])),i.fontFamilies.default,i.fontWeights.bold),S=(g(D={},o.Theme.Dark,(g(O={},L.LightGray,l.css(b\|\|(b=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.gray.dark1,a.palette.gray.base,a.palette.gray.light3)),g(O,L.DarkGray,l.css(h\|\|(h=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.gray.dark3,a.palette.gray.dark2,a.palette.gray.light2)),g(O,L.Red,l.css(k\|\|(k=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.red.dark3,a.palette.red.dark2,a.palette.red.light2)),g(O,L.Yellow,l.css(m\|\|(m=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.yellow.dark3,a.palette.yellow.dark2,a.palette.yellow.light2)),g(O,L.Blue,l.css(v\|\|(v=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.blue.dark2,a.palette.blue.dark1,a.palette.blue.light2)),g(O,L.Green,l.css(w\|\|(w=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.green.dark3,a.palette.green.dark2,a.palette.green.base)),O)),g(D,o.Theme.Light,(g(N={},L.LightGray,l.css(j\|\|(j=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.gray.light3,a.palette.gray.light2,a.palette.gray.dark1)),g(N,L.DarkGray,l.css(x\|\|(x=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.gray.dark2,a.palette.gray.dark3,a.palette.white)),g(N,L.Red,l.css(G\|\|(G=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.red.light3,a.palette.red.light2,a.palette.red.dark2)),g(N,L.Yellow,l.css(P\|\|(P=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.yellow.light3,a.palette.yellow.light2,a.palette.yellow.dark2)),g(N,L.Blue,l.css(q\|\|(q=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.blue.light3,a.palette.blue.light2,a.palette.blue.dark1)),g(N,L.Green,l.css(T\|\|(T=s(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),a.palette.green.light3,a.palette.green.light2,a.palette.green.dark2)),N)),D),B=["children","variant","className","darkMode"];function R(e){var r=e.children,t=e.variant,o=void 0===t?L.LightGray:t,a=e.className,i=e.darkMode,c=f(e,B),u=n.useDarkMode(i).theme;return d.default.createElement("div",p({},c,{className:l.cx(M,S[u][o],a)}),r)}R.displayName="Badge",R.propTypes={darkMode:u.default.bool,className:u.default.string,children:u.default.node,variant:u.default.oneOf(Object.values(L))},e.Variant=L,e.default=R,Object.defineProperty(e,"__esModule",{value:!0})}));
		//# sourceMappingURL=index.js.map

package.json

		{
		"name": "@leafygreen-ui/badge",
		"version": "8.0.6",
		"version": "8.0.7-next.0",
		"description": "leafyGreen UI Kit Badge",
		@@ -24,3 +24,3 @@ "main": "./dist/index.js",
		"@leafygreen-ui/emotion": "^4.0.4",
		"@leafygreen-ui/lib": "^10.3.2",
		"@leafygreen-ui/lib": "^10.3.4-next.0",
		"@leafygreen-ui/palette": "^4.0.3",
		@@ -30,3 +30,3 @@ "@leafygreen-ui/tokens": "^2.1.0"
		"peerDependencies": {
		"@leafygreen-ui/leafygreen-provider": "^3.1.2"
		"@leafygreen-ui/leafygreen-provider": "^3.1.3-next.0"
		},
		@@ -33,0 +33,0 @@ "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",

src/Badge/types.ts

		import { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';

		interface BadgeProps extends HTMLElementProps<'div'>, DarkModeProps {
		export interface BadgeProps extends HTMLElementProps<'div'>, DarkModeProps {
		/**
		@@ -32,3 +32,1 @@ * An additional className to add to the component's classList
		export type Variant = typeof Variant[keyof typeof Variant];

		export default BadgeProps;

src/index.ts

		import Badge from './Badge/Badge';
		export { Variant } from './Badge/types';
		export { type BadgeProps, Variant } from './Badge/types';
		export default Badge;

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 d}from"@leafygreen-ui/palette";import{fontFamilies as i,fontWeights as c}from"@leafygreen-ui/tokens";function g(r,e,o){return 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\|\|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 p,f,k,s,h,m,v,w,O,x,j,G,B,M,N,L,P={DarkGray:"darkgray",LightGray:"lightgray",Red:"red",Yellow:"yellow",Blue:"blue",Green:"green"},D=l(p\|\|(p=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"])),i.default,c.bold),z=(g(L={},e.Dark,(g(w={},P.LightGray,l(f\|\|(f=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.gray.dark1,d.gray.base,d.gray.light3)),g(w,P.DarkGray,l(k\|\|(k=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.gray.dark3,d.gray.dark2,d.gray.light2)),g(w,P.Red,l(s\|\|(s=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.red.dark3,d.red.dark2,d.red.light2)),g(w,P.Yellow,l(h\|\|(h=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.yellow.dark3,d.yellow.dark2,d.yellow.light2)),g(w,P.Blue,l(m\|\|(m=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.blue.dark2,d.blue.dark1,d.blue.light2)),g(w,P.Green,l(v\|\|(v=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.green.dark3,d.green.dark2,d.green.base)),w)),g(L,e.Light,(g(N={},P.LightGray,l(O\|\|(O=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.gray.light3,d.gray.light2,d.gray.dark1)),g(N,P.DarkGray,l(x\|\|(x=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.gray.dark2,d.gray.dark3,d.white)),g(N,P.Red,l(j\|\|(j=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.red.light3,d.red.light2,d.red.dark2)),g(N,P.Yellow,l(G\|\|(G=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.yellow.light3,d.yellow.light2,d.yellow.dark2)),g(N,P.Blue,l(B\|\|(B=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.blue.light3,d.blue.light2,d.blue.dark1)),g(N,P.Green,l(M\|\|(M=y(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),d.green.light3,d.green.light2,d.green.dark2)),N)),L),E=["children","variant","className","darkMode"];function R(e){var o=e.children,n=e.variant,l=void 0===n?P.LightGray:n,d=e.className,i=e.darkMode,c=b(e,E),g=t(i).theme;return r.createElement("div",u({},c,{className:a(D,z[g][l],d)}),o)}R.displayName="Badge",R.propTypes={darkMode:n.bool,className:n.string,children:n.node,variant:n.oneOf(Object.values(P))};var Y={title:"Components/Badge",component:R,parameters:{controls:{exclude:["className"]}},args:{darkMode:!1},argTypes:{darkMode:o.darkMode}},S=function(e){return r.createElement(R,e)}.bind({});S.args={children:"Badge"};export{S as Basic,Y 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 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};

dist/Badge/Badge.d.ts.map