@reapit/elements 2.1.2 → 2.3.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "2.1.2",
+  "version": "2.3.0-beta.1",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "homepage": "https://github.com/reapit/foundations#readme",
   "bugs": {
@@ -12,10 +12,9 @@
   },
   "license": "MIT",
   "author": "Will McVay <wmcvay@reapit.com>",
-  "main": "dist/index.js",
-  "umd:main": "dist/elements.umd.production.js",
-  "module": "dist/elements.esm.js",
-  "typings": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "v3/",
@@ -24,11 +23,12 @@
   "scripts": {
     "build": "yarn build:dist && yarn build:storybook && yarn build:v3",
     "build:storybook": "cross-env NODE_ENV=production && build-storybook -o public/dist",
-    "build:dist": "cross-env NODE_ENV=production && rimraf public/dist && tsdx build --format=cjs,esm,umd",
-    "build:v3": "cross-env NODE_ENV=production && rimraf ./v3 && yarn workspace @reapit/elements run build:dist && cd ../elements && move-file dist/ ../elements-legacy/v3/",
+    "build:dist": "cross-env NODE_ENV=production && rimraf public/dist && rollup -c",
+    "build:v3": "cross-env NODE_ENV=production && rimraf ./v3 && yarn workspace @reapit/elements run build:dist && cd ../elements && move-file dist/cjs ../elements-legacy/v3/ && cp dist/index.css ../elements-legacy/v3/index.css",
     "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 src --fix",
+    "lint": "eslint --cache --ext=ts,tsx,js src --fix",
+    "publish": "yarn npm publish --access public",
     "release": "serverless deploy",
     "start": "start-storybook -p 6006",
     "test": "cross-env TZ=UTC jest --watch --colors --silent"
@@ -39,22 +39,19 @@
     "chrome 69"
   ],
   "dependencies": {
-    "@storybook/csf": "^0.0.1",
-    "@svgr/rollup": "^5.5.0",
-    "@svgr/webpack": "^5.5.0",
-    "babel-loader": "^8.2.2",
-    "bulma": "^0.9.2",
+    "@linaria/core": "^3.0.0-beta.4",
+    "@linaria/react": "^3.0.0-beta.7",
+    "bulma": "^0.9.3",
     "file-saver": "^2.0.5",
     "formik": "^2.2.6",
     "hardtack": "^4.1.2",
     "himalaya": "^1.1.0",
     "jsonwebtoken": "^8.5.1",
-    "linaria": "^2.0.2",
     "move-file-cli": "^2.0.0",
-    "papaparse": "^5.3.0",
+    "papaparse": "^5.3.1",
     "pell": "^1.0.6",
-    "rc-dialog": "^8.5.1",
-    "rc-notification": "^4.5.4",
+    "rc-dialog": "^8.5.2",
+    "rc-notification": "^4.5.7",
     "rc-select": "^10.5.1",
     "rc-tooltip": "^4.2.3",
     "react-datasheet": "^1.4.9",
@@ -63,59 +60,86 @@
     "react-google-map": "^3.1.1",
     "react-google-maps-loader": "4.3.0",
     "react-icons": "^3.11.0",
-    "react-image-crop": "8.6.9",
-    "react-table": "^7.6.3",
-    "react-transition-group": "^4.4.1",
-    "snyk": "^1.463.0"
+    "react-image-crop": "8.6.12",
+    "react-table": "^7.7.0",
+    "react-transition-group": "^4.4.2",
+    "snyk": "^1.662.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.8",
-    "@babel/plugin-transform-runtime": "7.13.8",
-    "@babel/runtime": "7.13.8",
+    "@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",
     "@mdx-js/react": "^1.6.22",
     "@reapit/config-manager": "workspace:packages/config-manager",
     "@reapit/foundations-ts-definitions": "workspace:packages/foundations-ts-definitions",
+    "@reapit/storybook-addon-html": "^5.0.1",
     "@reapit/ts-scripts": "workspace:packages/ts-scripts",
     "@reapit/ts-types": "workspace:packages/ts-types",
     "@rollup/plugin-babel": "^5.3.0",
-    "@storybook/addon-actions": "^6.3.0",
-    "@storybook/addon-docs": "^6.3.0",
-    "@storybook/addon-essentials": "^6.3.0",
-    "@storybook/addon-links": "^6.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",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-storysource": "^6.3.0",
-    "@storybook/addons": "^6.3.0",
-    "@storybook/cli": "^6.3.0",
-    "@storybook/react": "^6.3.0",
-    "@storybook/theming": "^6.3.0",
-    "@whitespace/storybook-addon-html": "^5.0.0",
-    "concurrently": "^5.3.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/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",
     "cross-env": "^7.0.3",
     "dashify": "2.0.0",
-    "eslint": "7.23.0",
+    "eslint": "7.31.0",
+    "eslint-plugin-prettier": "^3.4.0",
     "fs-extra": "^9.1.0",
-    "jest": "^26.6.3",
+    "jest": "^27.0.6",
     "jest-coverage-badges": "^1.1.2",
-    "react-is": "^16.13.1",
+    "node-polyfill-webpack-plugin": "^1.1.4",
+    "postcss": "^8.3.6",
+    "prettier": "2.2.1",
+    "react-is": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "1.32.1",
-    "rollup-plugin-scss": "^1.0.2",
-    "rollup-plugin-typescript2": "^0.27.3",
-    "serverless": "^2.28.0",
-    "serverless-s3-deploy": "^0.10.0",
+    "rollup": "2.53.3",
+    "rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-scss": "^3.0.0",
+    "serverless": "^2.52.0",
+    "serverless-s3-deploy": "^0.10.1",
     "serverless-s3-remover": "^0.6.0",
     "serverless-single-page-app-plugin": "^1.0.2",
-    "tsdx": "^0.14.1",
-    "tslib": "^1.14.1",
-    "typescript": "^4.0.3",
-    "webpack": "^4.46.0"
+    "tslib": "^2.3.0",
+    "typescript": "^4.3.5",
+    "webpack": "^5.45.1"
   },
   "peerDependencies": {
     "dayjs": "^1.8.19",
-    "react": "^16.11.0",
-    "react-dom": "^16.11.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2"
   },
+  "resolutions": {
+    "webpack": "^5.0.0",
+    "css-loader": "^5.0.0",
+    "dotenv-webpack": "^6.0.0",
+    "html-webpack-plugin": "^5.0.0",
+    "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.0.0",
+    "webpack-dev-middleware": "^4.1.0",
+    "webpack-virtual-modules": "^0.4.2",
+    "prettier": "2.2.1"
+  },
   "snyk": true
 }

package/src/tests/badges/badge-branches.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="20" role="img" aria-label="Coverage:branches: 74.7%"><title>Coverage:branches: 74.7%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="164" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="117" height="20" fill="#555"/><rect x="117" width="47" height="20" fill="#e05d44"/><rect width="164" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="595" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1070">Coverage:branches</text><text x="595" y="140" transform="scale(.1)" fill="#fff" textLength="1070">Coverage:branches</text><text aria-hidden="true" x="1395" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="370">74.7%</text><text x="1395" y="140" transform="scale(.1)" fill="#fff" textLength="370">74.7%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170" height="20" role="img" aria-label="Coverage:branches: 80.59%"><title>Coverage:branches: 80.59%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="170" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="117" height="20" fill="#555"/><rect x="117" width="53" height="20" fill="#dfb317"/><rect width="170" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="595" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1070">Coverage:branches</text><text x="595" y="140" transform="scale(.1)" fill="#fff" textLength="1070">Coverage:branches</text><text aria-hidden="true" x="1425" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">80.59%</text><text x="1425" y="140" transform="scale(.1)" fill="#fff" textLength="430">80.59%</text></g></svg>

package/src/tests/badges/badge-functions.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170" height="20" role="img" aria-label="Coverage:functions: 92.57%"><title>Coverage:functions: 92.57%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="170" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="117" height="20" fill="#555"/><rect x="117" width="53" height="20" fill="#4c1"/><rect width="170" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="595" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1070">Coverage:functions</text><text x="595" y="140" transform="scale(.1)" fill="#fff" textLength="1070">Coverage:functions</text><text aria-hidden="true" x="1425" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">92.57%</text><text x="1425" y="140" transform="scale(.1)" fill="#fff" textLength="430">92.57%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170" height="20" role="img" aria-label="Coverage:functions: 92.36%"><title>Coverage:functions: 92.36%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="170" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="117" height="20" fill="#555"/><rect x="117" width="53" height="20" fill="#4c1"/><rect width="170" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="595" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1070">Coverage:functions</text><text x="595" y="140" transform="scale(.1)" fill="#fff" textLength="1070">Coverage:functions</text><text aria-hidden="true" x="1425" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">92.36%</text><text x="1425" y="140" transform="scale(.1)" fill="#fff" textLength="430">92.36%</text></g></svg>

package/src/tests/badges/badge-lines.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="146" height="20" role="img" aria-label="Coverage:lines: 92.14%"><title>Coverage:lines: 92.14%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="146" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="93" height="20" fill="#555"/><rect x="93" width="53" height="20" fill="#4c1"/><rect width="146" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="475" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="830">Coverage:lines</text><text x="475" y="140" transform="scale(.1)" fill="#fff" textLength="830">Coverage:lines</text><text aria-hidden="true" x="1185" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">92.14%</text><text x="1185" y="140" transform="scale(.1)" fill="#fff" textLength="430">92.14%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="146" height="20" role="img" aria-label="Coverage:lines: 91.16%"><title>Coverage:lines: 91.16%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="146" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="93" height="20" fill="#555"/><rect x="93" width="53" height="20" fill="#4c1"/><rect width="146" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="475" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="830">Coverage:lines</text><text x="475" y="140" transform="scale(.1)" fill="#fff" textLength="830">Coverage:lines</text><text aria-hidden="true" x="1185" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">91.16%</text><text x="1185" y="140" transform="scale(.1)" fill="#fff" textLength="430">91.16%</text></g></svg>

package/src/tests/badges/badge-statements.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="182" height="20" role="img" aria-label="Coverage:statements: 91.89%"><title>Coverage:statements: 91.89%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="182" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="129" height="20" fill="#555"/><rect x="129" width="53" height="20" fill="#4c1"/><rect width="182" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="655" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1190">Coverage:statements</text><text x="655" y="140" transform="scale(.1)" fill="#fff" textLength="1190">Coverage:statements</text><text aria-hidden="true" x="1545" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">91.89%</text><text x="1545" y="140" transform="scale(.1)" fill="#fff" textLength="430">91.89%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="182" height="20" role="img" aria-label="Coverage:statements: 90.94%"><title>Coverage:statements: 90.94%</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="182" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="129" height="20" fill="#555"/><rect x="129" width="53" height="20" fill="#4c1"/><rect width="182" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="655" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1190">Coverage:statements</text><text x="655" y="140" transform="scale(.1)" fill="#fff" textLength="1190">Coverage:statements</text><text aria-hidden="true" x="1545" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="430">90.94%</text><text x="1545" y="140" transform="scale(.1)" fill="#fff" textLength="430">90.94%</text></g></svg>

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

@@ -1,13 +1,19 @@
-/// <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 ElButton: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
-export declare const elButtonHasLeftChevron: string;
-export declare const elButtonHasRightChevron: string;
-export declare const ElButtonGroup: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").FunctionComponent<any> | import("react").ComponentClass<any, any> | undefined;
-}>;
+/// <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 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 ElButtonGroup: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ElButtonGroupInner: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/button/__tests__/button.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,20 +1,25 @@
-import { ButtonHTMLAttributes, FC } from 'react';
-import { Intent } from '../../helpers/intent';
-import { IconNames } from '../icon';
-export declare type ButtonSizeType = 2 | 3 | 4;
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    intent?: Intent;
-    loading?: boolean;
-    chevronLeft?: boolean;
-    chevronRight?: boolean;
-    fullWidth?: boolean;
-    className?: string;
-    size?: ButtonSizeType;
-}
-export declare const resolveButtonSize: (size: ButtonSizeType) => string;
-export declare const Button: FC<ButtonProps>;
-export declare const ButtonGroup: FC;
-export interface IFloatingButton extends ButtonProps {
-    icon: IconNames;
-}
-export declare const FloatingButton: FC<IFloatingButton>;
+import { ButtonHTMLAttributes, FC, HTMLAttributes } from 'react';
+import { Intent } from '../../helpers/intent';
+import { IconNames } from '../icon';
+export declare type ButtonSizeType = 2 | 3 | 4;
+export declare type ButtonGroupAlignment = 'left' | 'right' | 'center';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    intent?: Intent;
+    loading?: boolean;
+    chevronLeft?: boolean;
+    chevronRight?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    /** Deprecated - remains part of API to avoid a breaking change but no longer part of style guide */
+    size?: ButtonSizeType;
+}
+export interface FloatingButtonProps extends ButtonProps {
+    icon: IconNames;
+}
+export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    alignment?: ButtonGroupAlignment;
+}
+export declare const resolveButtonSize: (size: ButtonSizeType) => string;
+export declare const Button: FC<ButtonProps>;
+export declare const ButtonGroup: FC<ButtonGroupProps>;
+export declare const FloatingButton: FC<FloatingButtonProps>;

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

@@ -1,2 +1,2 @@
-export * from './__styles__';
-export * from './button';
+export * from './__styles__';
+export * from './button';