@reapit/elements 2.3.0 → 2.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "homepage": "https://github.com/reapit/foundations#readme",
   "bugs": {
@@ -28,7 +28,7 @@
     "commit": "concurrently \"yarn test --coverage --no-cache --silent --forceExit --detectOpenHandles --runInBand --watch=false && jest-coverage-badges --input src/tests/coverage/coverage-summary.json --output src/tests/badges\" \"yarn lint\"",
     "conf": "yarn config-manager --namespace cloud --entity elements-legacy --name local --mode fetch",
     "lint": "eslint --cache --ext=ts,tsx,js src --fix",
-    "publish": "yarn npm publish --access public",
+    "publis": "yarn npm publish --access public",
     "release": "serverless deploy",
     "start": "start-storybook -p 6006",
     "test": "cross-env TZ=UTC jest --watch --colors --silent"
@@ -39,18 +39,18 @@
     "chrome 69"
   ],
   "dependencies": {
-    "@linaria/core": "^3.0.0-beta.4",
-    "@linaria/react": "^3.0.0-beta.7",
+    "@linaria/core": "^3.0.0-beta.15",
+    "@linaria/react": "^3.0.0-beta.15",
     "bulma": "^0.9.3",
     "file-saver": "^2.0.5",
-    "formik": "^2.2.6",
+    "formik": "^2.2.9",
     "hardtack": "^4.1.2",
     "himalaya": "^1.1.0",
     "jsonwebtoken": "^8.5.1",
     "move-file-cli": "^2.0.0",
     "papaparse": "^5.3.1",
     "pell": "^1.0.6",
-    "rc-dialog": "^8.5.2",
+    "rc-dialog": "^8.6.0",
     "rc-notification": "^4.5.7",
     "rc-select": "^10.5.1",
     "rc-tooltip": "^4.2.3",
@@ -63,15 +63,15 @@
     "react-image-crop": "8.6.12",
     "react-table": "^7.7.0",
     "react-transition-group": "^4.4.2",
-    "snyk": "^1.662.0"
+    "snyk": "^1.793.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/plugin-transform-runtime": "7.14.5",
-    "@babel/runtime": "7.14.6",
-    "@linaria/babel-preset": "^3.0.0-beta.4",
-    "@linaria/shaker": "^3.0.0-beta.8",
-    "@linaria/webpack-loader": "^3.0.0-beta.7",
+    "@babel/core": "^7.16.5",
+    "@babel/plugin-transform-runtime": "7.16.5",
+    "@babel/runtime": "7.16.5",
+    "@linaria/babel-preset": "^3.0.0-beta.15",
+    "@linaria/shaker": "^3.0.0-beta.15",
+    "@linaria/webpack-loader": "^3.0.0-beta.16",
     "@mdx-js/react": "^1.6.22",
     "@reapit/config-manager": "workspace:packages/config-manager",
     "@reapit/foundations-ts-definitions": "workspace:packages/foundations-ts-definitions",
@@ -79,49 +79,49 @@
     "@reapit/ts-scripts": "workspace:packages/ts-scripts",
     "@reapit/ts-types": "workspace:packages/ts-types",
     "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-typescript": "^8.2.3",
-    "@storybook/addon-actions": "^6.4.0-alpha.18",
-    "@storybook/addon-docs": "^6.4.0-alpha.18",
-    "@storybook/addon-essentials": "^6.4.0-alpha.18",
-    "@storybook/addon-links": "^6.4.0-alpha.18",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@storybook/addon-actions": "^6.4.9",
+    "@storybook/addon-docs": "^6.4.9",
+    "@storybook/addon-essentials": "^6.4.9",
+    "@storybook/addon-links": "^6.4.9",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storysource": "^6.4.0-alpha.18",
-    "@storybook/addons": "^6.4.0-alpha.18",
-    "@storybook/builder-webpack5": "^6.4.0-alpha.18",
-    "@storybook/cli": "^6.4.0-alpha.18",
+    "@storybook/addon-storysource": "^6.4.9",
+    "@storybook/addons": "^6.4.9",
+    "@storybook/builder-webpack5": "^6.4.9",
+    "@storybook/cli": "^6.4.9",
     "@storybook/csf": "^0.0.2-alpha.0",
-    "@storybook/manager-webpack5": "^6.4.0-alpha.18",
-    "@storybook/react": "^6.4.0-alpha.18",
-    "@storybook/theming": "^6.4.0-alpha.18",
-    "@svgr/rollup": "^5.5.0",
-    "@svgr/webpack": "^5.5.0",
-    "@typescript-eslint/eslint-plugin": "^4.28.4",
-    "@typescript-eslint/parser": "^4.28.4",
-    "babel-jest": "^27.0.6",
-    "babel-loader": "^8.2.2",
-    "concurrently": "^6.2.0",
+    "@storybook/manager-webpack5": "^6.4.9",
+    "@storybook/react": "^6.4.9",
+    "@storybook/theming": "^6.4.9",
+    "@svgr/rollup": "^6.1.2",
+    "@svgr/webpack": "^6.1.2",
+    "@typescript-eslint/eslint-plugin": "^5.7.0",
+    "@typescript-eslint/parser": "^5.7.0",
+    "babel-jest": "^27.4.5",
+    "babel-loader": "^8.2.3",
+    "concurrently": "^6.4.0",
     "cross-env": "^7.0.3",
     "dashify": "2.0.0",
-    "eslint": "7.31.0",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint": "8.4.1",
+    "eslint-plugin-prettier": "^4.0.0",
     "fs-extra": "^9.1.0",
-    "jest": "^27.0.6",
+    "jest": "^27.4.5",
     "jest-coverage-badges": "^1.1.2",
     "node-polyfill-webpack-plugin": "^1.1.4",
-    "postcss": "^8.3.6",
+    "postcss": "^8.4.5",
     "prettier": "2.2.1",
     "react-is": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "2.53.3",
+    "rollup": "2.61.1",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-scss": "^3.0.0",
-    "serverless": "^2.52.0",
+    "serverless": "^2.69.1",
     "serverless-s3-deploy": "^0.10.1",
     "serverless-s3-remover": "^0.6.0",
-    "serverless-single-page-app-plugin": "^1.0.2",
-    "tslib": "^2.3.0",
+    "serverless-single-page-app-plugin": "^1.0.4",
+    "tslib": "^2.3.1",
     "typescript": "^4.3.5",
-    "webpack": "^5.45.1"
+    "webpack": "^5.65.0"
   },
   "peerDependencies": {
     "dayjs": "^1.8.19",

package/v3/components/button/__styles__/index.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-export declare const elButtonSize2: string;
-export declare const elButtonSize3: string;
-export declare const elButtonSize4: string;
-export declare const elFloatingButton: string;
-export declare const elButtonGroupAlignLeft: string;
-export declare const elButtonGroupAlignRight: string;
-export declare const elButtonGroupAlignCenter: string;
+export declare const elButtonSize2: import("@linaria/core").LinariaClassName;
+export declare const elButtonSize3: import("@linaria/core").LinariaClassName;
+export declare const elButtonSize4: import("@linaria/core").LinariaClassName;
+export declare const elFloatingButton: import("@linaria/core").LinariaClassName;
+export declare const elButtonGroupAlignLeft: import("@linaria/core").LinariaClassName;
+export declare const elButtonGroupAlignRight: import("@linaria/core").LinariaClassName;
+export declare const elButtonGroupAlignCenter: import("@linaria/core").LinariaClassName;
 export declare const ElButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elButtonHasLeftChevron: string;
-export declare const elButtonHasRightChevron: string;
+export declare const elButtonHasLeftChevron: import("@linaria/core").LinariaClassName;
+export declare const elButtonHasRightChevron: import("@linaria/core").LinariaClassName;
 export declare const ElButtonGroup: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/card/__styles__/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const elCardContextMenuOpen: string;
-export declare const elCardFocussed: string;
+export declare const elCardContextMenuOpen: import("@linaria/core").LinariaClassName;
+export declare const elCardFocussed: import("@linaria/core").LinariaClassName;
 export declare const ElCardWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -16,15 +16,15 @@ export declare const ElCardHeading: import("@linaria/core").StyledMeta & import(
 export declare const ElCardSubHeading: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elCardSubHeadingAdditionalExpanded: string;
+export declare const elCardSubHeadingAdditionalExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardSubHeadingAdditional: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elCardBodyWrapExpanded: string;
+export declare const elCardBodyWrapExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardBodyWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elMobileListToggle: string;
+export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
 export declare const ElMobileToggle: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -34,7 +34,7 @@ export declare const ElCardImageWrap: import("@linaria/core").StyledMeta & impor
 export declare const ElCardList: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elCardListMainWrapExpanded: string;
+export declare const elCardListMainWrapExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardListMainWrap: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -44,7 +44,7 @@ export declare const ElCardListHeading: import("@linaria/core").StyledMeta & imp
 export declare const ElCardListSubHeading: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elCardListItemExpanded: string;
+export declare const elCardListItemExpanded: import("@linaria/core").LinariaClassName;
 export declare const ElCardListItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/grid/__styles__/units.d.ts

@@ -1,58 +1,58 @@
-export declare const elColGap0: string;
-export declare const elColGap1: string;
-export declare const elColGap2: string;
-export declare const elColGap3: string;
-export declare const elColGap4: string;
-export declare const elColGap6: string;
-export declare const elColGap8: string;
-export declare const elColGap10: string;
-export declare const elColGap12: string;
-export declare const elRowGap0: string;
-export declare const elRowGap1: string;
-export declare const elRowGap2: string;
-export declare const elRowGap3: string;
-export declare const elRowGap4: string;
-export declare const elRowGap6: string;
-export declare const elRowGap8: string;
-export declare const elRowGap10: string;
-export declare const elRowGap12: string;
-export declare const elSpan1: string;
-export declare const elSpan2: string;
-export declare const elSpan3: string;
-export declare const elSpan4: string;
-export declare const elSpan5: string;
-export declare const elSpan6: string;
-export declare const elSpan7: string;
-export declare const elSpan8: string;
-export declare const elSpan9: string;
-export declare const elSpan10: string;
-export declare const elSpan11: string;
-export declare const elSpan12: string;
-export declare const elSpan13: string;
-export declare const elSpan14: string;
-export declare const elSpan15: string;
-export declare const elSpan16: string;
-export declare const elSpan17: string;
-export declare const elSpan18: string;
-export declare const elSpan19: string;
-export declare const elSpan20: string;
-export declare const elOffset1: string;
-export declare const elOffset2: string;
-export declare const elOffset3: string;
-export declare const elOffset4: string;
-export declare const elOffset5: string;
-export declare const elOffset6: string;
-export declare const elOffset7: string;
-export declare const elOffset8: string;
-export declare const elOffset9: string;
-export declare const elOffset10: string;
-export declare const elOffset11: string;
-export declare const elOffset12: string;
-export declare const elOffset13: string;
-export declare const elOffset14: string;
-export declare const elOffset15: string;
-export declare const elOffset16: string;
-export declare const elOffset17: string;
-export declare const elOffset18: string;
-export declare const elOffset19: string;
-export declare const elOffset20: string;
+export declare const elColGap0: import("@linaria/core").LinariaClassName;
+export declare const elColGap1: import("@linaria/core").LinariaClassName;
+export declare const elColGap2: import("@linaria/core").LinariaClassName;
+export declare const elColGap3: import("@linaria/core").LinariaClassName;
+export declare const elColGap4: import("@linaria/core").LinariaClassName;
+export declare const elColGap6: import("@linaria/core").LinariaClassName;
+export declare const elColGap8: import("@linaria/core").LinariaClassName;
+export declare const elColGap10: import("@linaria/core").LinariaClassName;
+export declare const elColGap12: import("@linaria/core").LinariaClassName;
+export declare const elRowGap0: import("@linaria/core").LinariaClassName;
+export declare const elRowGap1: import("@linaria/core").LinariaClassName;
+export declare const elRowGap2: import("@linaria/core").LinariaClassName;
+export declare const elRowGap3: import("@linaria/core").LinariaClassName;
+export declare const elRowGap4: import("@linaria/core").LinariaClassName;
+export declare const elRowGap6: import("@linaria/core").LinariaClassName;
+export declare const elRowGap8: import("@linaria/core").LinariaClassName;
+export declare const elRowGap10: import("@linaria/core").LinariaClassName;
+export declare const elRowGap12: import("@linaria/core").LinariaClassName;
+export declare const elSpan1: import("@linaria/core").LinariaClassName;
+export declare const elSpan2: import("@linaria/core").LinariaClassName;
+export declare const elSpan3: import("@linaria/core").LinariaClassName;
+export declare const elSpan4: import("@linaria/core").LinariaClassName;
+export declare const elSpan5: import("@linaria/core").LinariaClassName;
+export declare const elSpan6: import("@linaria/core").LinariaClassName;
+export declare const elSpan7: import("@linaria/core").LinariaClassName;
+export declare const elSpan8: import("@linaria/core").LinariaClassName;
+export declare const elSpan9: import("@linaria/core").LinariaClassName;
+export declare const elSpan10: import("@linaria/core").LinariaClassName;
+export declare const elSpan11: import("@linaria/core").LinariaClassName;
+export declare const elSpan12: import("@linaria/core").LinariaClassName;
+export declare const elSpan13: import("@linaria/core").LinariaClassName;
+export declare const elSpan14: import("@linaria/core").LinariaClassName;
+export declare const elSpan15: import("@linaria/core").LinariaClassName;
+export declare const elSpan16: import("@linaria/core").LinariaClassName;
+export declare const elSpan17: import("@linaria/core").LinariaClassName;
+export declare const elSpan18: import("@linaria/core").LinariaClassName;
+export declare const elSpan19: import("@linaria/core").LinariaClassName;
+export declare const elSpan20: import("@linaria/core").LinariaClassName;
+export declare const elOffset1: import("@linaria/core").LinariaClassName;
+export declare const elOffset2: import("@linaria/core").LinariaClassName;
+export declare const elOffset3: import("@linaria/core").LinariaClassName;
+export declare const elOffset4: import("@linaria/core").LinariaClassName;
+export declare const elOffset5: import("@linaria/core").LinariaClassName;
+export declare const elOffset6: import("@linaria/core").LinariaClassName;
+export declare const elOffset7: import("@linaria/core").LinariaClassName;
+export declare const elOffset8: import("@linaria/core").LinariaClassName;
+export declare const elOffset9: import("@linaria/core").LinariaClassName;
+export declare const elOffset10: import("@linaria/core").LinariaClassName;
+export declare const elOffset11: import("@linaria/core").LinariaClassName;
+export declare const elOffset12: import("@linaria/core").LinariaClassName;
+export declare const elOffset13: import("@linaria/core").LinariaClassName;
+export declare const elOffset14: import("@linaria/core").LinariaClassName;
+export declare const elOffset15: import("@linaria/core").LinariaClassName;
+export declare const elOffset16: import("@linaria/core").LinariaClassName;
+export declare const elOffset17: import("@linaria/core").LinariaClassName;
+export declare const elOffset18: import("@linaria/core").LinariaClassName;
+export declare const elOffset19: import("@linaria/core").LinariaClassName;
+export declare const elOffset20: import("@linaria/core").LinariaClassName;

package/v3/components/icon/__styles__/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const elIconSizeSmallest: string;
-export declare const elIconSizeSmall: string;
-export declare const elIconSizeMedium: string;
-export declare const elIconSizeLarge: string;
-export declare const elIconSizeLargest: string;
-export declare const elIconMenu: string;
+export declare const elIconSizeSmallest: import("@linaria/core").LinariaClassName;
+export declare const elIconSizeSmall: import("@linaria/core").LinariaClassName;
+export declare const elIconSizeMedium: import("@linaria/core").LinariaClassName;
+export declare const elIconSizeLarge: import("@linaria/core").LinariaClassName;
+export declare const elIconSizeLargest: import("@linaria/core").LinariaClassName;
+export declare const elIconMenu: import("@linaria/core").LinariaClassName;
 export declare const ElIcon: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/icon/icons/index.d.ts

@@ -111,4 +111,23 @@ export declare const iconSet: {
     myAppsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     webhooksInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     selectInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    devicesInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    doorLockInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedAltInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    globeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    htmlInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoKeyInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoSettingsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    refreshInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    reportingInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    serverInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userDeviceInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userHouseInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userAuthInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    foundationsCustomerInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    newCustomerInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    propTechInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    webDeveloperInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
 };

package/v3/components/icon/icons/infographic-icons/devicesInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/doorLockInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/feedAltInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/feedInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/foundationsCustomerInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/globeInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/htmlInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/logoKeyInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/logoSettingsInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/newCustomerInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/propTechInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/refreshInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/reportingInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/serverInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userAuthInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userDeviceInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userHouseInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/userInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/icon/icons/infographic-icons/webDeveloperInfographic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/input-error/__styles__/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ElInputError: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/input-error/index.d.ts

@@ -0,0 +1 @@
+export * from './input-error';

package/v3/components/input-error/input-error.d.ts

@@ -0,0 +1,4 @@
+export interface InputErrorInterface {
+    message: string;
+}
+export declare const InputError: ({ message }: InputErrorInterface) => JSX.Element;

package/v3/components/input-group/input-group.d.ts

@@ -20,6 +20,7 @@ export interface InputGroupProps extends React.InputHTMLAttributes<HTMLInputElem
      * Added to the InputGroup `div`
      */
     className?: string;
+    errorMessage?: string;
 }
 export declare type InputGroupWrapped = React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<React.InputHTMLAttributes<HTMLInputElement>>>;
 export declare const InputGroup: InputGroupWrapped;

package/v3/components/multi-select/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elHasGreyChips: string;
+export declare const elHasGreyChips: import("@linaria/core").LinariaClassName;
 export declare const ElMultiSelectCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/nav/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: string;
+export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
 export declare const ElNavContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -9,13 +9,13 @@ export declare const ElNavSubContainer: import("@linaria/core").StyledMeta & imp
 export declare const ElNavItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavItemActive: string;
-export declare const elNavItemExpanded: string;
-export declare const elNavItemHideDesktop: string;
-export declare const elNavItemIcon: string;
+export declare const elNavItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavItemIcon: import("@linaria/core").LinariaClassName;
 export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavSubItemExpanded: string;
-export declare const elNavSubItemActive: string;
-export declare const elNavItemSecondary: string;
+export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;

package/v3/components/nav/use-nav.stories.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const UseNavStory: () => JSX.Element;
 export declare const UseNavMobileSubMenuStory: () => JSX.Element;

package/v3/components/pagination/__styles__/index.d.ts

@@ -8,4 +8,4 @@ export declare const ElPaginationText: import("@linaria/core").StyledMeta & impo
 export declare const ElPaginationButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elPaginationPrimary: string;
+export declare const elPaginationPrimary: import("@linaria/core").LinariaClassName;

package/v3/components/persistant-notification/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elPnIsFullWidth: string;
-export declare const elPnIsFixed: string;
-export declare const elPnIsInline: string;
-export declare const elPnIcon: string;
-export declare const elPnContent: string;
+export declare const elPnIsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elPnIsFixed: import("@linaria/core").LinariaClassName;
+export declare const elPnIsInline: import("@linaria/core").LinariaClassName;
+export declare const elPnIcon: import("@linaria/core").LinariaClassName;
+export declare const elPnContent: import("@linaria/core").LinariaClassName;
 export declare const ElPersistantNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/progress-bar/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elProgressBarItemDarkBlue: string;
-export declare const elProgressBarItemMediumBlue: string;
-export declare const elProgressBarItemLightBlue: string;
-export declare const elProgressBarItemLightestBlue: string;
-export declare const elProgressBarItemOrange: string;
+export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightestBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemOrange: import("@linaria/core").LinariaClassName;
 export declare const ElProgressBarContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -16,5 +16,5 @@ export declare const ElProgressBarInner: import("@linaria/core").StyledMeta & im
 export declare const ElProgressBarItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elProgressBarLabelRight: string;
-export declare const elProgressBarLabelLeft: string;
+export declare const elProgressBarLabelRight: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarLabelLeft: import("@linaria/core").LinariaClassName;