@bookjane2/bookjane-design-library 7.3.55 → 8.0.1

package/lib/components/BKJAlert/BKJAlert.styled.js

@@ -0,0 +1,33 @@
+import styled from 'styled-components';
+export const BKJAlertWrapper = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 16px;
+  width: 496px;
+  height: fit-content;
+  background-color: ${({ theme }) => theme.colors.Grey1};
+`;
+export const IconWrapper = styled.div ``;
+export const AlertText = styled.p `
+  ${({ theme }) => theme.typography.Caption};
+  color: ${({ status, theme }) => status === 'conflict' ? theme.colors.ErrorDefault : theme.colors.TextDarkGrey};
+  margin: 0px 12px;
+`;
+export const DismissButton = styled.button `
+  margin-top: auto;
+  margin-bottom: auto;
+  border: none;
+  background: none;
+  ${({ theme }) => theme.typography.TextLink};
+  color: ${({ theme }) => theme.colors.PrimaryDefault};
+  text-decoration: underline;
+  cursor: pointer;
+  &:hover {
+    color: ${({ theme }) => theme.colors.PrimaryHover};
+  }
+  &:active {
+    color: ${({ theme }) => theme.colors.PrimaryClick};
+  }
+`;
+//# sourceMappingURL=BKJAlert.styled.js.map

package/lib/components/BKJAlert/BKJAlert.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAlert.styled.js","sourceRoot":"","sources":["../../../src/components/BKJAlert/BKJAlert.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;sBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAgC;IAC7D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;WAChC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;CAEhF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;IAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ;WACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;;;aAIxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;aAGxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;CAEpD,CAAC"}

package/lib/components/BKJAlert/BKJAlert.types.d.ts

@@ -0,0 +1,6 @@
+export type BKJAlertStatusType = 'dismissable' | 'warning' | 'conflict';
+export interface IBKJAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: BKJAlertStatusType;
+    onDismiss?: () => void;
+}
+//# sourceMappingURL=BKJAlert.types.d.ts.map

package/lib/components/BKJAlert/BKJAlert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAlert.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAlert/BKJAlert.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,MAAM,EAAE,kBAAkB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/lib/components/BKJAlert/BKJAlert.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJAlert.types.js.map

package/lib/components/BKJAlert/BKJAlert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAlert.types.js","sourceRoot":"","sources":["../../../src/components/BKJAlert/BKJAlert.types.ts"],"names":[],"mappings":""}

package/lib/components/BKJAlert/index.d.ts

@@ -0,0 +1,3 @@
+import { BKJAlert } from './BKJAlert.js';
+export { BKJAlert };
+//# sourceMappingURL=index.d.ts.map

package/lib/components/BKJAlert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/BKJAlert/index.js

@@ -0,0 +1,3 @@
+import { BKJAlert } from './BKJAlert.js';
+export { BKJAlert };
+//# sourceMappingURL=index.js.map

package/lib/components/BKJAlert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IBKJAvatarProps } from './BKJAvatar.types.js';
+export declare const BKJAvatar: React.FC<IBKJAvatarProps>;
+//# sourceMappingURL=BKJAvatar.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyB/C,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { BKJIcon } from '../index.js';
+import { BKJImage } from '../BKJImage/index.js';
+import { PendingSignUpIcon, ImageContainer } from './BKJAvatar.styled.js';
+export const BKJAvatar = ({ src, fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
+    const FallbackLoadingComponent = useCallback(() => _jsx(BKJIcon, { color: fallbackAvatarColor, fontSize: fontSize, iconName: "Avatar", ...rest }), [fallbackAvatarColor, fontSize, rest]);
+    return (_jsxs(ImageContainer, { children: [_jsx(BKJImage, { alt: "Avatar", src: src || '', LoadingComponent: FallbackLoadingComponent, FallbackComponent: FallbackLoadingComponent, variant: 'Round', ...rest }), showPendingSignUp && _jsx(PendingSignUpIcon, { iconName: "PendingSignup", ...rest })] }));
+};
+//# sourceMappingURL=BKJAvatar.js.map

package/lib/components/BKJAvatar/BKJAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACnD,GAAG,EACH,QAAQ,GAAG,EAAE,EACb,mBAAmB,EACnB,iBAAiB,GAAG,KAAK,EACzB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,WAAW,CAC1C,GAAG,EAAE,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,QAAQ,KAAK,IAAI,GAAI,EAC7F,CAAC,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,eACb,KAAC,QAAQ,IACP,GAAG,EAAC,QAAQ,EACZ,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,gBAAgB,EAAE,wBAAwB,EAC1C,iBAAiB,EAAE,wBAAwB,EAC3C,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,EACD,iBAAiB,IAAI,KAAC,iBAAiB,IAAC,QAAQ,EAAC,eAAe,KAAK,IAAI,GAAI,IAC/D,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.stories.d.ts

@@ -0,0 +1,40 @@
+import { IBKJAvatarProps } from './BKJAvatar.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJAvatarProps>;
+    argTypes: {
+        src: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        height: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        fallbackAvatarColor: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        showPendingSignUp: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJAvatarProps>;
+//# sourceMappingURL=BKJAvatar.stories.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpD,wBAmCE;AAQF,eAAO,MAAM,OAAO,sGAKlB,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.stories.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJAvatar } from './BKJAvatar.js';
+import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+export default {
+    title: 'Basic Elements/BKJAvatar',
+    component: BKJAvatar,
+    argTypes: {
+        src: {
+            name: 'Src',
+            control: {
+                type: 'text',
+            },
+        },
+        width: {
+            name: 'Width',
+            control: {
+                type: 'text',
+            },
+        },
+        height: {
+            name: 'Height',
+            control: {
+                type: 'text',
+            },
+        },
+        fallbackAvatarColor: {
+            name: 'Avatar Color',
+            control: {
+                type: 'color',
+            },
+        },
+        showPendingSignUp: {
+            name: 'Pending SignUp',
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+};
+const Template = ({ ...rest }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJAvatar, { ...rest }) }));
+export const Default = Template.bind({
+    src: 'https://s3.amazonaws.com/bjk2-0/sandbox/user/avatar/15605/small_8153694F-2098-49BE-A135-4C2B9EBA3DFA.jpg',
+    width: '20px',
+    height: '20px',
+    fallbackAvatarColor: 'Grey3',
+});
+//# sourceMappingURL=BKJAvatar.stories.js.map

package/lib/components/BKJAvatar/BKJAvatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.stories.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,IAAI,EAAE,KAAK;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA6B,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1D,KAAC,gBAAgB,cACf,KAAC,SAAS,OAAK,IAAI,GAAI,GACN,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;IACnC,GAAG,EAAE,0GAA0G;IAC/G,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mBAAmB,EAAE,OAAO;CAC7B,CAAC,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.styled.d.ts

@@ -0,0 +1,13 @@
+export declare const Avatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+    fontSize: number;
+}>> & string;
+export declare const PendingSignUpIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps & {
+    children?: import("react").ReactNode;
+}, "string" | "target" | "name" | "filter" | "fill" | "values" | "style" | "id" | "type" | "end" | "accumulate" | "local" | "color" | "clip" | "unicode" | "stroke" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "width" | "css" | "children" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "className" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "clipPath" | "mask" | "path" | "offset" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "iconName" | "secondaryColor" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, {
+    width: string;
+    height: string;
+}>> & string & Omit<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=BKJAvatar.styled.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;cAA0B,MAAM;YASlD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;WACrB,MAAM;YACL,MAAM;wIAUf,CAAC;AACF,eAAO,MAAM,cAAc,6NAE1B,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.styled.js

@@ -0,0 +1,24 @@
+import styled, { css } from 'styled-components';
+import { BKJIcon } from '../BKJIcon/BKJIcon.js';
+export const Avatar = styled.img `
+  border: 1px solid ${({ theme }) => theme.colors.Grey3};
+  border-radius: 50%;
+  ${({ fontSize }) => fontSize &&
+    css `
+      width: ${fontSize}px;
+      height: ${fontSize}px;
+    `}
+`;
+export const PendingSignUpIcon = styled(BKJIcon) `
+  position: absolute;
+  ${({ width }) => width &&
+    css `
+      top: calc(${width} / 1.8);
+      left: calc(${width} / 1.8);
+      width: calc(${width} / 3.5);
+    `};
+`;
+export const ImageContainer = styled.div `
+  position: relative;
+`;
+//# sourceMappingURL=BKJAvatar.styled.js.map

package/lib/components/BKJAvatar/BKJAvatar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.styled.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAsB;sBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;IAEnD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;eACQ,QAAQ;gBACP,QAAQ;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,CAG9C;;IAEE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;kBACW,KAAK;mBACJ,KAAK;oBACJ,KAAK;KACpB;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC"}

package/lib/components/BKJAvatar/BKJAvatar.types.d.ts

@@ -0,0 +1,10 @@
+import { BKJThemeColorType } from '../../index.js';
+export interface IBKJAvatarProps {
+    src?: string | null;
+    fontSize?: number;
+    width: string;
+    height: string;
+    showPendingSignUp?: boolean;
+    fallbackAvatarColor: BKJThemeColorType;
+}
+//# sourceMappingURL=BKJAvatar.types.d.ts.map

package/lib/components/BKJAvatar/BKJAvatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,iBAAiB,CAAC;CACxC"}

package/lib/components/BKJAvatar/BKJAvatar.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJAvatar.types.js.map

package/lib/components/BKJAvatar/BKJAvatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJAvatar.types.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.types.ts"],"names":[],"mappings":""}

package/lib/components/BKJAvatar/index.d.ts

@@ -0,0 +1,3 @@
+import { BKJAvatar } from './BKJAvatar.js';
+export { BKJAvatar };
+//# sourceMappingURL=index.d.ts.map

package/lib/components/BKJAvatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/BKJAvatar/index.js

@@ -0,0 +1,3 @@
+import { BKJAvatar } from './BKJAvatar.js';
+export { BKJAvatar };
+//# sourceMappingURL=index.js.map

package/lib/components/BKJAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/BKJBadge/BKJBadge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IBKJBadgeProps } from './BKJBadge.types.js';
+export declare const BKJBadge: React.FC<IBKJBadgeProps>;
+//# sourceMappingURL=BKJBadge.d.ts.map

package/lib/components/BKJBadge/BKJBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAI7C,CAAC"}

package/lib/components/BKJBadge/BKJBadge.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BadgeWrapper } from './BKJBadge.styled.js';
+export const BKJBadge = ({ variant, children, ...rest }) => (_jsx(BadgeWrapper, { variant: variant, ...rest, children: children }));
+//# sourceMappingURL=BKJBadge.js.map

package/lib/components/BKJBadge/BKJBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.js","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACpF,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,YACrC,QAAQ,GACI,CAChB,CAAC"}

package/lib/components/BKJBadge/BKJBadge.stories.d.ts

@@ -0,0 +1,21 @@
+import { IBKJBadgeProps } from './BKJBadge.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJBadgeProps>;
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            option: string[];
+        };
+        children: {
+            name: string;
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJBadgeProps>;
+//# sourceMappingURL=BKJBadge.stories.d.ts.map

package/lib/components/BKJBadge/BKJBadge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;AAElD,wBA4CE;AAQF,eAAO,MAAM,OAAO,qGAAoB,CAAC"}

package/lib/components/BKJBadge/BKJBadge.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJBadge } from './BKJBadge.js';
+import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
+export default {
+    title: 'Basic Elements/BKJBadge',
+    component: BKJBadge,
+    argTypes: {
+        variant: {
+            name: 'Variation',
+            control: {
+                type: 'select',
+            },
+            option: [
+                'Orange',
+                'OrangePill',
+                'Green',
+                'GreenPill',
+                'Red',
+                'RedPill',
+                'Grey',
+                'GreyPill',
+                'LightGrey',
+                'LightGreyPill',
+                'MidGrey',
+                'MidGreyPill',
+                'DarkGrey',
+                'DarkGreyPill',
+                'GreyOutline',
+                'AcceptedPill',
+                'AssignedPill',
+                'CancelledPill',
+                'CompletedPill',
+                'InProgressPill',
+                'OpenPill',
+                'PendingPill',
+                'RejectedPill',
+                'RequestedPill',
+                'UnfulfilledPill',
+                'SwappedPill',
+                'AbsentPill',
+            ],
+        },
+        children: {
+            name: 'Text',
+            type: 'string',
+        },
+    },
+};
+const Template = ({ children, ...rest }) => (_jsx(BKJThemeProvider, { children: _jsx(BKJBadge, { ...rest, children: children }) }));
+export const Default = Template.bind({});
+Default.args = { children: 'Accepted', variant: 'GreenPill' };
+//# sourceMappingURL=BKJBadge.stories.js.map

package/lib/components/BKJBadge/BKJBadge.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.stories.js","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAGpE,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE;gBACN,QAAQ;gBACR,YAAY;gBACZ,OAAO;gBACP,WAAW;gBACX,KAAK;gBACL,SAAS;gBACT,MAAM;gBACN,UAAU;gBACV,WAAW;gBACX,eAAe;gBACf,SAAS;gBACT,aAAa;gBACb,UAAU;gBACV,cAAc;gBACd,aAAa;gBACb,cAAc;gBACd,cAAc;gBACd,eAAe;gBACf,eAAe;gBACf,gBAAgB;gBAChB,UAAU;gBACV,aAAa;gBACb,cAAc;gBACd,eAAe;gBACf,iBAAiB;gBACjB,aAAa;gBACb,YAAY;aACb;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,QAAQ;SACf;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnE,KAAC,gBAAgB,cACf,KAAC,QAAQ,OAAK,IAAI,YAAG,QAAQ,GAAY,GACxB,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/BKJBadge/BKJBadge.styled.d.ts

@@ -0,0 +1,5 @@
+import { BKJThemeBadgeVariantType } from './BKJBadge.types.js';
+export declare const BadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: BKJThemeBadgeVariantType;
+}>> & string;
+//# sourceMappingURL=BKJBadge.styled.d.ts.map

package/lib/components/BKJBadge/BKJBadge.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,eAAO,MAAM,YAAY;aAAyB,wBAAwB;YAezE,CAAC"}

package/lib/components/BKJBadge/BKJBadge.styled.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+export const BadgeWrapper = styled.div `
+  ${({ theme, variant }) => theme.badge[variant]}
+  padding: 2px 14px;
+  display: flex;
+  width: fit-content;
+  height: 25px;
+  min-height: 25px;
+  max-height: 25px;
+  justify-content: center;
+  align-items: center;
+  -webkit-font-smoothing: antialiased;
+  ${({ theme }) => theme.fonts.PoppinsTextMedium};
+  ${({ theme }) => theme.common.Ellipsis};
+  font-size: 14px;
+  line-height: 22px;
+`;
+//# sourceMappingURL=BKJBadge.styled.js.map

package/lib/components/BKJBadge/BKJBadge.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.styled.js","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.styled.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAuC;IACzE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;;;;;IAU5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;IAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;;CAGvC,CAAC"}

package/lib/components/BKJBadge/BKJBadge.theme.d.ts

@@ -0,0 +1,3 @@
+import { IBKJThemeBadge } from './BKJBadge.types.js';
+export declare const BKJThemeBadge: IBKJThemeBadge;
+//# sourceMappingURL=BKJBadge.theme.d.ts.map

package/lib/components/BKJBadge/BKJBadge.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.theme.d.ts","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,cAiI3B,CAAC"}

package/lib/components/BKJBadge/BKJBadge.theme.js

@@ -0,0 +1,132 @@
+import { css } from 'styled-components';
+export const BKJThemeBadge = {
+    Orange: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.SecondaryPendingDefault};
+  `,
+    OrangePill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.SecondaryPendingDefault};
+    border-radius: 19px;
+  `,
+    Green: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
+  `,
+    GreenPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.SecondaryAcceptedDefault};
+    border-radius: 19px;
+  `,
+    Red: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.ErrorDefault};
+  `,
+    RedPill: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.ErrorDefault};
+    border-radius: 19px;
+  `,
+    Grey: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.Grey6};
+  `,
+    GreyPill: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.Grey6};
+    border-radius: 19px;
+  `,
+    LightGrey: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.Grey3};
+  `,
+    LightGreyPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.Grey3};
+    border-radius: 19px;
+  `,
+    MidGrey: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.Grey4};
+  `,
+    MidGreyPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.Grey4};
+    border-radius: 19px;
+  `,
+    DarkGrey: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.Grey7};
+  `,
+    DarkGreyPill: css `
+    color: ${({ theme }) => theme.colors.White};
+    background-color: ${({ theme }) => theme.colors.Grey7};
+    border-radius: 19px;
+  `,
+    GreyOutline: css `
+    border: 1px solid ${({ theme }) => theme.colors.TextSubtleGrey};
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    border-radius: 2px;
+  `,
+    AcceptedPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftAccepted};
+    border-radius: 19px;
+  `,
+    AssignedPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftAssigned};
+    border-radius: 19px;
+  `,
+    CancelledPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftCancelled};
+    border-radius: 19px;
+  `,
+    CompletedPill: css `
+    color: ${({ theme }) => theme.colors.TextWhite};
+    background-color: ${({ theme }) => theme.colors.ShiftCompleted};
+    border-radius: 19px;
+  `,
+    InProgressPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftInProgress};
+    border-radius: 19px;
+  `,
+    OpenPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftOpen};
+    border-radius: 19px;
+  `,
+    PendingPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftPending};
+    border-radius: 19px;
+  `,
+    RejectedPill: css `
+    color: ${({ theme }) => theme.colors.TextWhite};
+    background-color: ${({ theme }) => theme.colors.ShiftRejected};
+    border-radius: 19px;
+  `,
+    RequestedPill: css `
+    color: ${({ theme }) => theme.colors.TextHighlight1};
+    background-color: ${({ theme }) => theme.colors.ShiftRequested};
+    border-radius: 19px;
+  `,
+    UnfulfilledPill: css `
+    color: ${({ theme }) => theme.colors.TextWhite};
+    background-color: ${({ theme }) => theme.colors.ShiftUnfulfilledStroke};
+    border-radius: 19px;
+  `,
+    SwappedPill: css `
+    color: ${({ theme }) => theme.colors.TextWhite};
+    background-color: ${({ theme }) => theme.colors.ShiftSwapped};
+    border-radius: 19px;
+  `,
+    AbsentPill: css `
+    color: ${({ theme }) => theme.colors.TextDarkGrey};
+    background-color: ${({ theme }) => theme.colors.ShiftAbsent};
+    border-radius: 19px;
+  `,
+};
+//# sourceMappingURL=BKJBadge.theme.js.map

package/lib/components/BKJBadge/BKJBadge.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJBadge.theme.js","sourceRoot":"","sources":["../../../src/components/BKJBadge/BKJBadge.theme.ts"],"names":[],"mappings":"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"}