@intellihr/blueberry 1.0.0-beta.9 → 1.0.0-beta.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intellihr/blueberry",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0-beta.90",
   "author": "intelliHR Engineering <engineering@intellihr.com>",
   "homepage": "https://gitlab.com/intellihr/engineering/blueberry",
   "license": "ISC",
@@ -34,35 +34,37 @@
     "url": "https://gitlab.com/intellihr/engineering/blueberry"
   },
   "dependencies": {
-    "@craco/craco": "7.0.0-alpha.7",
-    "@dessert-box/react": "^0.4.0",
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/pro-duotone-svg-icons": "^6.3.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
+    "@craco/craco": "7.1.0",
+    "@dessert-box/react": "0.5.0",
+    "@fortawesome/fontawesome-svg-core": "6.4.0",
+    "@fortawesome/pro-duotone-svg-icons": "6.4.0",
+    "@fortawesome/pro-solid-svg-icons": "6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@headlessui/react": "^1.7.4",
-    "@radix-ui/react-alert-dialog": "^1.0.0",
-    "@radix-ui/react-dialog": "^1.0.0",
-    "@radix-ui/react-dropdown-menu": "^1.0.0",
-    "@radix-ui/react-popover": "^1.0.0",
-    "@radix-ui/react-switch": "^1.0.0",
-    "@radix-ui/react-toast": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.0.0",
+    "@humanforce/mango-ui": "0.1.0-alpha.99",
+    "@radix-ui/react-alert-dialog": "1.0.5",
+    "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-dropdown-menu": "2.0.6",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-switch": "1.0.3",
+    "@radix-ui/react-toast": "1.1.5",
+    "@radix-ui/react-tooltip": "1.0.7",
     "@tanstack/react-table": "^8.5.13",
     "@vanilla-extract/css": "^1.7.2",
-    "@vanilla-extract/recipes": "^0.2.5",
+    "@vanilla-extract/recipes": "0.4.0",
     "@vanilla-extract/sprinkles": "^1.4.1",
     "clsx": "^1.2.1",
     "date-fns": "^2.29.3",
     "dayjs": "^1.11.7",
     "focus-trap-react": "^10.1.1",
-    "libphonenumber-js": "^1.10.16",
+    "libphonenumber-js": "^1.10.54",
     "mini-css-extract-plugin": "^2.6.1",
     "react-autosize-textarea": "^7.1.0",
     "react-beautiful-dnd": "^13.1.1",
-    "react-day-picker": "8.6.0",
+    "react-day-picker": "8.7.1",
     "react-markdown": "^8.0.3",
-    "use-debounce": "^9.0.3"
+    "use-debounce": "^9.0.3",
+    "uuid": "^9.0.1"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -91,45 +93,47 @@
     "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/node-logger": "^6.5.15",
     "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "6.5.15",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/react": "6.5.16",
+    "@storybook/react-docgen-typescript-plugin": "^1.0.1",
+    "@storybook/testing-library": "^0.1.0",
     "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^28.1.6",
-    "@types/node": "^18.11.10",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "29.5.1",
+    "@types/node": "^18.16.0",
     "@types/react": "^18.0.9",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-dom": "^18.0.4",
+    "@types/uuid": "^9.0.7",
     "@typescript-eslint/eslint-plugin": "^5.30.6",
     "@typescript-eslint/parser": "^5.30.6",
     "@vanilla-extract/babel-plugin": "^1.1.7",
     "@vanilla-extract/vite-plugin": "^3.7.0",
     "@vanilla-extract/webpack-plugin": "^2.1.11",
-    "@vitejs/plugin-react": "^2.2.0",
+    "@vitejs/plugin-react": "4.0.0",
     "babel-plugin-macros": "^3.1.0",
-    "eslint": "^8.19.0",
+    "eslint": "8.19.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-mdx": "^2.0.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.10",
-    "eslint_d": "^11.1.1",
+    "eslint_d": "12.2.1",
     "mini-css-extract-plugin": "^2.6.1",
     "npm-run-all": "^4.1.5",
     "onchange": "^7.1.0",
-    "playroom": "^0.28.0",
-    "prettier": "2.7.1",
+    "playroom": "0.31.0",
+    "prettier": "2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "semantic-release": "^19.0.5",
     "tsc-alias": "^1.8.1",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
-    "typescript": "^4.9.4",
-    "vite": "^3.2.4",
-    "vite-plugin-css-injected-by-js": "^2.1.1",
-    "vite-plugin-static-copy": "^0.13.0",
+    "tsconfig-paths-webpack-plugin": "4.0.1",
+    "typescript": "^5.0.3",
+    "vite": "4.3.1",
+    "vite-plugin-css-injected-by-js": "3.1.0",
+    "vite-plugin-static-copy": "^0.14.0",
     "webpack": "^5.70.0",
     "webpack-env": "^0.8.0"
   },
@@ -139,6 +143,7 @@
     "build:scripts": "vite build",
     "build:types": "tsc --emitDeclarationOnly && tsc-alias",
     "test": "TZ=Australia/Brisbane craco test",
+    "test:coverage": "TZ=Australia/Brisbane craco test --coverage --watchAll=false",
     "eject": "react-scripts eject",
     "lint": "eslint_d --cache \"src/**/*.{ts,tsx,mdx}\"",
     "lint:fix": "eslint_d --cache --fix \"src/**/*.{ts,tsx,mdx}\"",
@@ -169,6 +174,10 @@
     "testMatch": [
       "<rootDir>/src/**/*.(test).{js,jsx,tsx}"
     ],
+    "collectCoverageFrom": [
+      "!<rootDir>/src/**/*.(snippets).{js,ts,jsx,tsx}",
+      "!<rootDir>/src/**/(snippets|source.macro|_defaults).{js,ts}"
+    ],
     "moduleNameMapper": {
       "@assets/(.*)": "<rootDir>public/assets/$1",
       "@private/(.*)": "<rootDir>src/_private/$1",
@@ -176,7 +185,10 @@
       "@utils/(.*)": "<rootDir>src/_utils/$1",
       "@/(.*)": "<rootDir>src/$1",
       "react-markdown": "<rootDir>/node_modules/react-markdown/react-markdown.min.js"
-    }
+    },
+    "transformIgnorePatterns": [
+      "node_modules/(?!@humanforce)/"
+    ]
   },
   "browserslist": {
     "production": [

package/dist/ButtonIcon/ButtonIcon.css.d.ts

@@ -1,46 +0,0 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const buttonIcon: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
-    variant: {
-        default: {
-            color: import("@vanilla-extract/private").CSSVarFunction;
-            selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                };
-                '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                };
-            };
-        };
-        destructive: {
-            color: import("@vanilla-extract/private").CSSVarFunction;
-            selectors: {
-                '&:hover, &:focus': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                };
-                '&:active': {
-                    backgroundColor: import("@vanilla-extract/private").CSSVarFunction;
-                };
-            };
-        };
-    };
-    disabled: {
-        true: {
-            color: import("@vanilla-extract/private").CSSVarFunction;
-            cursor: "not-allowed";
-            selectors: {
-                '&:hover, &:focus, &:active': {
-                    backgroundColor: "transparent";
-                };
-            };
-        };
-    };
-    bleed: {
-        true: {
-            marginBottom: string;
-            marginTop: string;
-        };
-    };
-}>;
-export type ButtonIconVariants = NonNullable<RecipeVariants<typeof buttonIcon>>;
-//# sourceMappingURL=ButtonIcon.css.d.ts.map

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

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

package/dist/Icons/IconPageContactUs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPageContactUs.d.ts","sourceRoot":"","sources":["../../src/Icons/IconPageContactUs.tsx"],"names":[],"mappings":";AAEA,OAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;gCAEpB,KAAK;AAA5B,wBAAqE"}

package/dist/Icons/IconPageKnowledgeBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPageKnowledgeBase.d.ts","sourceRoot":"","sources":["../../src/Icons/IconPageKnowledgeBase.tsx"],"names":[],"mappings":";AAEA,OAAa,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;gCAEpB,KAAK;AAA5B,wBAA2E"}

package/dist/_private/buildDataAttributes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildDataAttributes.d.ts","sourceRoot":"","sources":["../../src/_private/buildDataAttributes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;gCAExC,gBAAgB,KAAQ,gBAAgB;AAA9D,wBASC"}

package/dist/_theme/intelli.css.d.ts

@@ -1,231 +0,0 @@
-export declare const intelli: string, intelliThemeContract: import("@vanilla-extract/private").MapLeafNodes<{
-    color: {
-        brandBg: string;
-        brandBgDark: string;
-        brandBgDarkest: string;
-        brandLight: string;
-        brand: string;
-        brandDark: string;
-        brandText: string;
-        brandContrast: string;
-        highlightBg: string;
-        highlightBgDark: string;
-        highlightBgDarkest: string;
-        highlightLight: string;
-        highlight: string;
-        highlightDark: string;
-        highlightText: string;
-        highlightContrast: string;
-        infoBg: string;
-        infoBgDark: string;
-        infoBgDarkest: string;
-        infoLight: string;
-        info: string;
-        infoDark: string;
-        infoText: string;
-        infoContrast: string;
-        positiveBg: string;
-        positiveBgDark: string;
-        positiveBgDarkest: string;
-        positiveLight: string;
-        positive: string;
-        positiveDark: string;
-        positiveText: string;
-        positiveContrast: string;
-        cautionBg: string;
-        cautionBgDark: string;
-        cautionBgDarkest: string;
-        cautionLight: string;
-        caution: string;
-        cautionDark: string;
-        cautionText: string;
-        cautionContrast: string;
-        criticalBg: string;
-        criticalBgDark: string;
-        criticalBgDarkest: string;
-        criticalLight: string;
-        critical: string;
-        criticalDark: string;
-        criticalText: string;
-        criticalContrast: string;
-        neutralBg: string;
-        neutralBgDark: string;
-        neutralBgDarkest: string;
-        neutralLight: string;
-        neutral: string;
-        neutralDark: string;
-        neutralText: string;
-        neutralContrast: string;
-        surfaceBg: string;
-        surfaceBgDarkest: string;
-        surfaceText: string;
-        surfaceTextLight: string;
-    };
-    fontSize: {
-        small: string;
-        body: string;
-        large: string;
-        xLarge: string;
-        xxLarge: string;
-    };
-    fontWeight: {
-        normal: string;
-        semiBold: string;
-        bold: string;
-    };
-    lineHeight: {
-        xxSmall: string;
-        xSmall: string;
-        small: string;
-        default: string;
-    };
-    radius: {
-        sharp: string;
-        default: string;
-        smooth: string;
-        round: string;
-    };
-    size: {
-        xxxSmall: string;
-        xxSmall: string;
-        xSmall: string;
-        small: string;
-        medium: string;
-        large: string;
-        xLarge: string;
-        xxLarge: string;
-        xxxLarge: string;
-        xxxxLarge: string;
-        xxxxxLarge: string;
-    };
-    shadow: {
-        default: string;
-        hover: string;
-    };
-    space: {
-        xxxSmall: string;
-        xxSmall: string;
-        xSmall: string;
-        small: string;
-        medium: string;
-        large: string;
-        xLarge: string;
-        xxLarge: string;
-        xxxLarge: string;
-    };
-    transition: {
-        defaultDuration: string;
-        mediumDuration: string;
-        slowDuration: string;
-        defaultEasing: string;
-        bounceEasing: string;
-    };
-    _unsafe: {
-        staticColor: {
-            grey: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            indigo: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            lightblue: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            green: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            yellow: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            orange: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            red: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            pink: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            purple: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            mint: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-            blue: {
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-            };
-        };
-    };
-}, import("@vanilla-extract/private").CSSVarFunction>;
-export declare const slideDownBasic = "slideDownBasic";
-export declare const slideUpBasic = "slideUpBasic";
-export declare const slideLeftBasic = "slideLeftBasic";
-export declare const slideRightBasic = "slideRightBasic";
-//# sourceMappingURL=intelli.css.d.ts.map

package/dist/_theme/intelli.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intelli.css.d.ts","sourceRoot":"","sources":["../../src/_theme/intelli.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAO,OAAO,UAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAmJzC,CAAA;AAwBF,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAM9C,eAAO,MAAM,YAAY,iBAAiB,CAAA;AAM1C,eAAO,MAAM,cAAc,mBAAmB,CAAA;AAM9C,eAAO,MAAM,eAAe,oBAAoB,CAAA"}

package/dist/_theme/palette.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.css.d.ts","sourceRoot":"","sources":["../../src/_theme/palette.css.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGnB,CAAA"}