@intellihr/blueberry 1.0.0-alpha.2 → 1.0.0-alpha.4

package/README.md

@@ -64,6 +64,10 @@ We're using [Radix](https://www.radix-ui.com/) components as the basis for many
 
 We're using [Font Awesome 6 Pro](https://fontawesome.com/) icons for a consistent library of icons. Blueberry uses the [Individual import method](https://fontawesome.com/docs/web/use-with/react/add-icons#add-individual-icons-explicitly) and exports a curated subset of icons with our own wrapper.
 
+### Vite (Build)
+
+We're using [Vite](https://vitejs.dev/) for fast, optimized builds of Blueberry. Code splitting helps us keep imports small and efficient for consumers.
+
 ## Contributing to Blueberry
 
 Blueberry is composed of a few separate apps which can each be run individually both inside and outside of docker. We recommend running outside of docker for local development.
@@ -115,3 +119,17 @@ Blueberry is built on top of Create React App. The following scripts are availab
 - `npm run build` - Builds the app for production to the `build` folder.
 
 - `npm run eject` - Ejects the app from CRA's single build config
+
+### Semantic Release
+
+Blueberry uses [semantic-release](https://github.com/semantic-release/semantic-release) to manage its release, versioning, and publish processes.
+
+The package relies on commit messages to determine how to handle the version upgrade:
+
+| Commit message | Release type |
+| --- | --- |
+| fix(button): stop click from firing twice | Fix Release (patch) |
+| feat(button): add Button component | Feature Release (minor) |
+| perf(button): remove `size` prop<br><br>BREAKING CHANGE: Button no longer supports sizes. Use the ButtonIcon component for smaller buttons. | Breaking Release (major)<br><br>(Note that the BREAKING CHANGE: token must be in the footer of the commit) |
+
+If semantic-release is run without a commit that matches one of the following formats, nothing will happen.

package/dist/Alert/Alert.css.d.ts

@@ -0,0 +1,19 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const alert: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    tone: {
+        info: {
+            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+        };
+        highlight: {
+            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+        };
+        caution: {
+            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+        };
+        critical: {
+            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+        };
+    };
+}>;
+export declare type AlertVariants = NonNullable<RecipeVariants<typeof alert>>;
+//# sourceMappingURL=Alert.css.d.ts.map

package/dist/Alert/Alert.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;EAsBhB,CAAA;AAEF,oBAAY,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAA"}

package/dist/Alert/Alert.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AlertVariants } from './Alert.css';
+declare type IAlert = {
+    /** Change the color and icon */
+    tone: AlertVariants['tone'];
+    /** Attach a data-cy prop for Cypress to reference */
+    id?: string;
+    children: React.ReactNode;
+};
+declare const Alert: React.FC<IAlert>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,aAAK,MAAM,GAAG;IACZ,gCAAgC;IAChC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuB3B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/Alert/useAlertTone.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { AlertVariants } from './Alert.css';
+import { IIcon } from '../_private/Icon';
+import { theme } from '../_theme/themeContract.css';
+declare type AlertTone = {
+    color: keyof typeof theme.color;
+    background: keyof typeof theme.color;
+    iconColor: keyof typeof theme.color;
+    Icon: React.FC<IIcon>;
+};
+export declare const useAlertTone: (tone: AlertVariants['tone']) => AlertTone;
+export {};
+//# sourceMappingURL=useAlertTone.d.ts.map

package/dist/Alert/useAlertTone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertTone.d.ts","sourceRoot":"","sources":["../../src/Alert/useAlertTone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,aAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,OAAO,KAAK,CAAC,KAAK,CAAA;IAC/B,UAAU,EAAE,MAAM,OAAO,KAAK,CAAC,KAAK,CAAA;IACpC,SAAS,EAAE,MAAM,OAAO,KAAK,CAAC,KAAK,CAAA;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,aAAa,CAAC,MAAM,CAAC,KAAG,SAgC1D,CAAA"}

package/dist/Avatar/Avatar.css.d.ts

@@ -0,0 +1,58 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const avatar: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    size: {
+        small: {
+            fontSize: import("@vanilla-extract/private").CSSVarFunction;
+            height: import("@vanilla-extract/private").CSSVarFunction;
+            lineHeight: import("@vanilla-extract/private").CSSVarFunction;
+            width: import("@vanilla-extract/private").CSSVarFunction;
+        };
+        medium: {
+            fontSize: import("@vanilla-extract/private").CSSVarFunction;
+            height: import("@vanilla-extract/private").CSSVarFunction;
+            lineHeight: import("@vanilla-extract/private").CSSVarFunction;
+            width: import("@vanilla-extract/private").CSSVarFunction;
+        };
+        large: {
+            fontSize: import("@vanilla-extract/private").CSSVarFunction;
+            height: import("@vanilla-extract/private").CSSVarFunction;
+            lineHeight: import("@vanilla-extract/private").CSSVarFunction;
+            width: import("@vanilla-extract/private").CSSVarFunction;
+        };
+    };
+    placeholder: {
+        true: {
+            border: `2px dashed var(--${string})` | `2px dashed var(--${string}, ${string})` | `2px dashed var(--${string}, ${number})`;
+            color: import("@vanilla-extract/private").CSSVarFunction;
+            selectors: {
+                '&:after': {
+                    display: "none";
+                };
+            };
+        };
+    };
+    shape: {
+        person: {};
+        object: {
+            alignItems: "center";
+            borderRadius: import("@vanilla-extract/private").CSSVarFunction;
+            display: "flex";
+            selectors: {
+                '&:after': {
+                    display: "none";
+                };
+            };
+        };
+    };
+    avatarGroupMask: {
+        true: {
+            '@supports': {
+                'not (mask: radial-gradient(white 0, black 0)) and not (-webkit-mask: radial-gradient(white 0, black 0))': {
+                    outline: `2px solid var(--${string})` | `2px solid var(--${string}, ${string})` | `2px solid var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare type AvatarVariants = NonNullable<RecipeVariants<typeof avatar>>;
+//# sourceMappingURL=Avatar.css.d.ts.map

package/dist/Avatar/Avatar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.css.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA2BjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsHjB,CAAA;AAEF,oBAAY,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA"}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { AvatarVariants } from './Avatar.css';
+interface IAvatar {
+    /** Set the avatar size */
+    size?: AvatarVariants['size'];
+    /** Display a user photo */
+    image?: string;
+    /** Descriptive label eg. full name */
+    name?: string;
+    /** The initials of the person eg. LM. Fallback if no image set */
+    initials?: string;
+    /** Use a logo for the image instead of an user photo */
+    shape?: AvatarVariants['shape'];
+    /** Attach a data-cy prop for Cypress to reference */
+    id?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<IAvatar & React.RefAttributes<HTMLHeadingElement>>;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAA;AAIrD,UAAU,OAAO;IACf,0BAA0B;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,QAAA,MAAM,MAAM,oFAuBX,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/AvatarGroup/AvatarGroup.css.d.ts

@@ -0,0 +1,2 @@
+export declare const avatarGroup: string;
+//# sourceMappingURL=AvatarGroup.css.d.ts.map

package/dist/AvatarGroup/AvatarGroup.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.css.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAGtB,CAAA"}

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IAvatarGroup {
+    /** Overlap the Avatars */
+    overlap?: boolean;
+    children: React.ReactNode[];
+}
+/** If the avatars overlap, apply a mask to each to cut-out their neighbour */
+declare const AvatarGroup: React.FC<IAvatarGroup>;
+export default AvatarGroup;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/AvatarGroup/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,YAAY;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC5B;AAED,8EAA8E;AAC9E,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQvC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/AvatarGroup/AvatarGroupContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type IAvatarGroupContext = {
+    overlap: boolean;
+};
+declare const AvatarGroupContext: React.Context<IAvatarGroupContext>;
+declare const useApplyAvatarGroupMask: () => boolean;
+export default AvatarGroupContext;
+export { useApplyAvatarGroupMask };
+//# sourceMappingURL=AvatarGroupContext.d.ts.map

package/dist/AvatarGroup/AvatarGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,aAAK,mBAAmB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAE/C,QAAA,MAAM,kBAAkB,oCAA+D,CAAA;AAIvF,QAAA,MAAM,uBAAuB,eAAwC,CAAA;AAErE,eAAe,kBAAkB,CAAA;AACjC,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/AvatarGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/BlueberryProvider/BlueberryProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IBlueberryContext } from '../_private/BlueberryContext/BlueberryContext';
+interface IBlueberryProvider {
+    theme?: IBlueberryContext['theme'];
+    i18n?: IBlueberryContext['i18n'];
+    i18nLocale?: IBlueberryContext['i18nLocale'];
+    userTimezone?: IBlueberryContext['userTimezone'];
+    utcOffset?: IBlueberryContext['utcOffset'];
+    anchorOnClick?: IBlueberryContext['anchorOnClick'];
+    children: React.ReactNode;
+}
+declare const BlueberryProvider: React.FC<IBlueberryProvider>;
+export default BlueberryProvider;
+//# sourceMappingURL=BlueberryProvider.d.ts.map

package/dist/BlueberryProvider/BlueberryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlueberryProvider.d.ts","sourceRoot":"","sources":["../../src/BlueberryProvider/BlueberryProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAyB,EACvB,iBAAiB,EAElB,MAAM,4CAA4C,CAAA;AAInD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAA;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyBnD,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/BlueberryProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BlueberryProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/BlueberryProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BlueberryProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}