@intellihr/blueberry 1.0.0-beta.2 → 1.0.0-beta.20

package/README.md

@@ -23,11 +23,12 @@ Blueberry exports a single package containing all the components and utilities y
 
 ### First time set up
 
-1. Add Blueberry as a dependency
+1. Add a .npmrc file with our FontAwesome auth token to the root of the project. Look for 'Font Awesome Pro .npmrc' on 1Password for the contents of this file.
+2. Add Blueberry as a dependency
    - `yarn add @intellihr/blueberry`
-2. Wrap the `BlueberryProvider` component around the top level of your app (you'll likely have a stack of providers already).
+3. Wrap the `BlueberryProvider` component around the top level of your app (you'll likely have a stack of providers already).
    - This provider sets up the global styles and theme variables - none of our components will work correctly without this.
-3. Start importing components!
+4. Start importing components!
 
 #### BlueberryProvider configuration
 
@@ -40,7 +41,6 @@ The following props can be used to customize your implementation:
 - `locale` takes a locale for certain require components that require it. Defaults to `en-AU`.
 - `userCurrency` Takes a 3 letter currency for components that require it. Defaults to `AUD`.
 - `userTimezone` takes a timezone for the Timezone Disclaimer. Defaults to `Brisbane/Australia`.
-- `utcOffset` takes a UTC offset as a number between `-12` and `14` for date components that require it. Defaults to `10`.
 - `anchorOnClick` takes a function that gets called when a user interacts with any `a` element rendered by Blueberry.
   - `undefined` will be used if no callback is specified.
   - If you don't use a routing library like `react-router` you can ignore this prop.

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

@@ -1,17 +1,17 @@
 import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const alert: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const alert: import("@vanilla-extract/recipes").RuntimeFn<{
     tone: {
         info: {
-            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+            borderLeftColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         highlight: {
-            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+            borderLeftColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         caution: {
-            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+            borderLeftColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         critical: {
-            borderLeftColor: import("@vanilla-extract/private").CSSVarFunction;
+            borderLeftColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;

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

@@ -1,35 +1,35 @@
 import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const avatar: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+export declare const avatar: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             fontSize: "0.75rem";
-            height: import("@vanilla-extract/private").CSSVarFunction;
-            lineHeight: import("@vanilla-extract/private").CSSVarFunction;
-            width: import("@vanilla-extract/private").CSSVarFunction;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         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;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         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;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         xLarge: {
-            fontSize: import("@vanilla-extract/private").CSSVarFunction;
-            height: import("@vanilla-extract/private").CSSVarFunction;
-            lineHeight: import("@vanilla-extract/private").CSSVarFunction;
-            width: import("@vanilla-extract/private").CSSVarFunction;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     placeholder: {
         true: {
             border: `2px dashed var(--${string})` | `2px dashed var(--${string}, ${string})` | `2px dashed var(--${string}, ${number})`;
-            color: import("@vanilla-extract/private").CSSVarFunction;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 '&::after': {
                     display: "none";
@@ -41,7 +41,7 @@ export declare const avatar: import("@vanilla-extract/recipes/dist/declarations/
         person: {};
         object: {
             alignItems: "center";
-            borderRadius: import("@vanilla-extract/private").CSSVarFunction;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             display: "flex";
             selectors: {
                 '&::after': {
@@ -59,6 +59,33 @@ export declare const avatar: import("@vanilla-extract/recipes/dist/declarations/
             };
         };
     };
+    interactable: {
+        true: {
+            selectors: {
+                '&:hover': {
+                    cursor: "pointer";
+                };
+                '&::before': {
+                    borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    boxShadow: "0 0 1px rgba(0,0,0,0.15) inset";
+                    content: "";
+                    height: "100%";
+                    left: "0";
+                    position: "absolute";
+                    pointerEvents: "none";
+                    top: "0";
+                    width: "100%";
+                    backgroundColor: "white";
+                    opacity: "0";
+                    transition: `opacity var(--${string}) var(--${string})` | `opacity var(--${string}) var(--${string}, ${string})` | `opacity var(--${string}) var(--${string}, ${number})` | `opacity var(--${string}, ${string}) var(--${string})` | `opacity var(--${string}, ${string}) var(--${string}, ${string})` | `opacity var(--${string}, ${string}) var(--${string}, ${number})` | `opacity var(--${string}, ${number}) var(--${string})` | `opacity var(--${string}, ${number}) var(--${string}, ${string})` | `opacity var(--${string}, ${number}) var(--${string}, ${number})`;
+                };
+                '&:hover::before': {
+                    opacity: "0.4";
+                };
+            };
+        };
+    };
 }>;
+export declare const avatarImage: string;
 export type AvatarVariants = NonNullable<RecipeVariants<typeof avatar>>;
 //# sourceMappingURL=Avatar.css.d.ts.map

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

@@ -1 +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;AA4BjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HjB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Avatar.css.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA6BjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2JjB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA"}

package/dist/Avatar/Avatar.d.ts

@@ -16,4 +16,5 @@ interface IAvatar {
 }
 declare const Avatar: React.ForwardRefExoticComponent<IAvatar & React.RefAttributes<HTMLDivElement>>;
 export default Avatar;
+export type { IAvatar };
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +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;AASD,QAAA,MAAM,MAAM,gFAuBX,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAuB,cAAc,EAAE,MAAM,cAAc,CAAA;AAMlE,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;AASD,QAAA,MAAM,MAAM,gFAmDX,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,YAAY,EAAE,OAAO,EAAE,CAAA"}

package/dist/Avatar/index.d.ts

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

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

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

package/dist/BlueberryProvider/BlueberryProvider.d.ts

@@ -6,7 +6,6 @@ interface IBlueberryProvider {
     locale?: IBlueberryContext['locale'];
     userCurrency?: IBlueberryContext['userCurrency'];
     userTimezone?: IBlueberryContext['userTimezone'];
-    utcOffset?: IBlueberryContext['utcOffset'];
     dateFormat?: IBlueberryContext['dateFormat'];
     anchorOnClick?: IBlueberryContext['anchorOnClick'];
     children: React.ReactNode;

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

@@ -1 +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;AAMnD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,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,CAgCnD,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"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;AAMnD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,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,CA8BnD,CAAA;AAED,eAAe,iBAAiB,CAAA"}