Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Storybook a11y addon #80069

Merged
merged 14 commits into from
Oct 15, 2020
Merged

Add Storybook a11y addon #80069

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
0c87181
Add Storybook a11y addon
smith Oct 8, 2020
59e35c4
Remove extra deps
smith Oct 9, 2020
3e0a24a
Update to latest
smith Oct 9, 2020
2bb4bd1
Move storybook to main package.json
smith Oct 9, 2020
df29aff
dev utils
smith Oct 9, 2020
be62410
Move more deps
smith Oct 11, 2020
a2d7386
Merge remote-tracking branch 'upstream/master' into nls/sb-a11y
smith Oct 11, 2020
5d31a96
remove duplicate
smith Oct 11, 2020
8599702
put back devdeps
smith Oct 11, 2020
a57926f
Remove ts-expect-error
smith Oct 11, 2020
c711015
fix canvas probs
smith Oct 11, 2020
e9e2ea7
Merge remote-tracking branch 'upstream/master' into nls/sb-a11y
smith Oct 12, 2020
fab4a9b
Merge branch 'master' into nls/sb-a11y
kibanamachine Oct 13, 2020
f962301
Merge remote-tracking branch 'upstream/master' into nls/sb-a11y
smith Oct 15, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion packages/kbn-storybook/lib/default_config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,12 @@
import { StorybookConfig } from '@storybook/core/types';

export const defaultConfig: StorybookConfig = {
addons: ['@kbn/storybook/preset', '@storybook/addon-knobs', '@storybook/addon-essentials'],
addons: [
'@kbn/storybook/preset',
'@storybook/addon-a11y',
'@storybook/addon-knobs',
'@storybook/addon-essentials',
],
stories: ['../**/*.stories.tsx'],
typescript: {
reactDocgen: false,
Expand Down
5 changes: 3 additions & 2 deletions packages/kbn-storybook/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
"main": "./target/index.js",
"dependencies": {
"@kbn/dev-utils": "1.0.0",
"@kbn/utils": "1.0.0",
"@storybook/addon-a11y": "^6.0.16",
"@storybook/addon-actions": "^6.0.16",
"@storybook/addon-essentials": "^6.0.16",
"@storybook/addon-knobs": "^6.0.16",
Expand All @@ -17,15 +19,14 @@
"@types/webpack": "^4.41.3",
"@types/webpack-env": "^1.15.2",
"@types/webpack-merge": "^4.1.5",
"@kbn/utils": "1.0.0",
"babel-loader": "^8.0.6",
"copy-webpack-plugin": "^6.0.2",
"fast-glob": "2.2.7",
"glob-watcher": "5.0.3",
"jest-specific-snapshot": "2.0.0",
"jest-styled-components": "^7.0.2",
"mkdirp": "0.5.1",
"mini-css-extract-plugin": "0.8.0",
"mkdirp": "0.5.1",
"normalize-path": "^3.0.0",
"react-docgen-typescript-loader": "^3.1.1",
"rxjs": "^6.5.5",
Expand Down
1 change: 1 addition & 0 deletions x-pack/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@
"@mapbox/mapbox-gl-draw": "^1.2.0",
"@mapbox/mapbox-gl-rtl-text": "^0.2.3",
"@scant/router": "^0.1.0",
"@storybook/addon-a11y": "^6.0.16",
"@storybook/addon-actions": "^6.0.16",
"@storybook/addon-essentials": "^6.0.16",
"@storybook/addon-knobs": "^6.0.16",
Expand Down
198 changes: 197 additions & 1 deletion yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2749,6 +2749,28 @@
"@types/node" ">=8.9.0"
axios "^0.18.0"

"@storybook/addon-a11y@^6.0.16":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-6.0.26.tgz#b71761d9b8f8b340894eb9826d51ce319ce65116"
integrity sha512-sx1Ethl9W3Kfns0qB1v0CoAymKTC+odB+rCjUKM1h/ILS/n8ZzwkzAj0L7DU/6wA0nZwZDQ+1wL2ZN7r+vxr8A==
dependencies:
"@storybook/addons" "6.0.26"
"@storybook/api" "6.0.26"
"@storybook/channels" "6.0.26"
"@storybook/client-api" "6.0.26"
"@storybook/client-logger" "6.0.26"
"@storybook/components" "6.0.26"
"@storybook/core-events" "6.0.26"
"@storybook/theming" "6.0.26"
axe-core "^3.5.2"
core-js "^3.0.1"
global "^4.3.2"
lodash "^4.17.15"
react-sizeme "^2.5.2"
regenerator-runtime "^0.13.3"
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/addon-actions@6.0.16", "@storybook/addon-actions@^6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.0.16.tgz#869c90291fdfec4a0644e8415f5004cc57e59145"
Expand Down Expand Up @@ -2955,6 +2977,21 @@
global "^4.3.2"
regenerator-runtime "^0.13.3"

"@storybook/addons@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.0.26.tgz#343cbea3eee2d39413b80bc2d66535a7f61488fc"
integrity sha512-OhAApFKgsj9an7FLYfHI4cJQuZ4Zm6yoGOpaxhOvKQMw7dXUPsLvbCyw/6dZOLvaFhjJjQiXtbxtZG+UjR8nvA==
dependencies:
"@storybook/api" "6.0.26"
"@storybook/channels" "6.0.26"
"@storybook/client-logger" "6.0.26"
"@storybook/core-events" "6.0.26"
"@storybook/router" "6.0.26"
"@storybook/theming" "6.0.26"
core-js "^3.0.1"
global "^4.3.2"
regenerator-runtime "^0.13.3"

"@storybook/api@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.16.tgz#56cdfc6f7a21d62d1a4ab06b4741c1560160d320"
Expand All @@ -2981,6 +3018,32 @@
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/api@6.0.26":
spalger marked this conversation as resolved.
Show resolved Hide resolved
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.26.tgz#c45222c132eb8bc2e383536adfebbeb7a89867d0"
integrity sha512-aszDoz1c6T+eRtTUwWvySoyd3gRXmQxsingD084NnEp4VfFLA5H7VS/0sre0ZvU5GWh8d9COxY0DS2Ry/QSKvw==
dependencies:
"@reach/router" "^1.3.3"
"@storybook/channels" "6.0.26"
"@storybook/client-logger" "6.0.26"
"@storybook/core-events" "6.0.26"
"@storybook/csf" "0.0.1"
"@storybook/router" "6.0.26"
"@storybook/semver" "^7.3.2"
"@storybook/theming" "6.0.26"
"@types/reach__router" "^1.3.5"
core-js "^3.0.1"
fast-deep-equal "^3.1.1"
global "^4.3.2"
lodash "^4.17.15"
memoizerific "^1.11.3"
react "^16.8.3"
regenerator-runtime "^0.13.3"
store2 "^2.7.1"
telejson "^5.0.2"
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/channel-postmessage@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.16.tgz#a617578c49543b0de9f53eb28daae2bd3c9e1754"
Expand All @@ -2994,6 +3057,19 @@
qs "^6.6.0"
telejson "^5.0.2"

"@storybook/channel-postmessage@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.26.tgz#a98a0132d6bdf06741afac2607e9feabe34ab98b"
integrity sha512-FT6lC8M5JlNBxPT0rYfmF1yl9mBv04nfYs82TZpp1CzpLxf7wxdCBZ8SSRmvWIVBoNwGZPDhIk5+6JWyDEISBg==
dependencies:
"@storybook/channels" "6.0.26"
"@storybook/client-logger" "6.0.26"
"@storybook/core-events" "6.0.26"
core-js "^3.0.1"
global "^4.3.2"
qs "^6.6.0"
telejson "^5.0.2"

"@storybook/channels@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.16.tgz#94e521b9eae535da80afb23feae593aa69bfe75d"
Expand All @@ -3003,6 +3079,15 @@
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/channels@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.26.tgz#3e8678b4b40085081257a39b9e85fab13a19943c"
integrity sha512-H0iUorayYqS+zfhbjd+cYRzAdRLGLWUeWFu2Aa+oJ4/zeAQNL+DafWboHc567RQ4Vb5KqE5QZoCFskWUUYqJYA==
dependencies:
core-js "^3.0.1"
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/client-api@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.16.tgz#4af47caccf92a31326ab77c5094dd4f90f888b91"
Expand All @@ -3026,6 +3111,29 @@
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/client-api@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.26.tgz#ac9334ba86834e5cb23fc4fb577de60bda66164d"
integrity sha512-Qd5wR5b5lio/EchuJMhAmmJAE1pfvnEyu+JnyFGwMZLV9mN9NSspz+YsqbSCCDZsYcP5ewvPEnumIWqmj/wagQ==
dependencies:
"@storybook/addons" "6.0.26"
"@storybook/channel-postmessage" "6.0.26"
"@storybook/channels" "6.0.26"
"@storybook/client-logger" "6.0.26"
"@storybook/core-events" "6.0.26"
"@storybook/csf" "0.0.1"
"@types/qs" "^6.9.0"
"@types/webpack-env" "^1.15.2"
core-js "^3.0.1"
global "^4.3.2"
lodash "^4.17.15"
memoizerific "^1.11.3"
qs "^6.6.0"
stable "^0.1.8"
store2 "^2.7.1"
ts-dedent "^1.1.1"
util-deprecate "^1.0.2"

"@storybook/client-logger@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.16.tgz#6265d2b869a82be64538eaac39470e3845c9e069"
Expand All @@ -3034,6 +3142,14 @@
core-js "^3.0.1"
global "^4.3.2"

"@storybook/client-logger@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.26.tgz#e3d28bd8dc02ec2c53a9d69773a68189590b746f"
integrity sha512-VNoL6/oehVhn3hZi9vrTNT+C/3oAZKV+smfZFnPtsCR/Fq7CKbmsBd0pGPL57f81RU8e8WygwrIlAGJTDSNIjw==
dependencies:
core-js "^3.0.1"
global "^4.3.2"

"@storybook/components@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.0.16.tgz#d4c797f7897cefa11bbdb8dfd07bb3d4fa66b3e9"
Expand Down Expand Up @@ -3062,13 +3178,48 @@
react-textarea-autosize "^8.1.1"
ts-dedent "^1.1.1"

"@storybook/components@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.0.26.tgz#e1f6e16aae850a71c9ac7bdd1d44a068ec9cfdc1"
integrity sha512-8wigI1pDFJO1m1IQWPguOK+nOsaAVRWkVdu+2te/rDcIR9QNvMzzou0+Lhfp3zKSVT4E6mEoGB/TWXXF5Iq0sQ==
dependencies:
"@storybook/client-logger" "6.0.26"
"@storybook/csf" "0.0.1"
"@storybook/theming" "6.0.26"
"@types/overlayscrollbars" "^1.9.0"
"@types/react-color" "^3.0.1"
"@types/react-syntax-highlighter" "11.0.4"
core-js "^3.0.1"
fast-deep-equal "^3.1.1"
global "^4.3.2"
lodash "^4.17.15"
markdown-to-jsx "^6.11.4"
memoizerific "^1.11.3"
overlayscrollbars "^1.10.2"
polished "^3.4.4"
popper.js "^1.14.7"
react "^16.8.3"
react-color "^2.17.0"
react-dom "^16.8.3"
react-popper-tooltip "^2.11.0"
react-syntax-highlighter "^12.2.1"
react-textarea-autosize "^8.1.1"
ts-dedent "^1.1.1"

"@storybook/core-events@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.16.tgz#3f8cd525c15fd80c9f327389851cce82a4b96850"
integrity sha512-ib+58N4OY8AOix2qcBH9ICRmVHUocpGaGRVlIo79WxJrpnB/HNQ8pEaniD+OAavDRq1B7uJqFlMkTXCC0GoFiQ==
dependencies:
core-js "^3.0.1"

"@storybook/core-events@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.26.tgz#61181c9a8610d26cc85d47f133a563879044ca2d"
integrity sha512-nWjS/+kMiw31OPgeJQaiFsJk9ZJJo3/d4c+kc6GOl2iC1H3Q4/5cm3NvJBn/7bUtKHmSFwfbDouj+XjUk5rZbQ==
dependencies:
core-js "^3.0.1"

"@storybook/core@6.0.16", "@storybook/core@^6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.0.16.tgz#ec9aa8c0fd1c23d29bf8401b650c0876c41d1b5f"
Expand Down Expand Up @@ -3235,6 +3386,18 @@
memoizerific "^1.11.3"
qs "^6.6.0"

"@storybook/router@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.0.26.tgz#5b991001afa7d7eb5e40c53cd4c58266b6f9edfd"
integrity sha512-kQ1LF/2gX3IkjS1wX7CsoeBc9ptHQzOsyax16rUyJa769DT5vMNtFtQxjNXMqSiSapPg2yrXJFKQNaoWvKgQEQ==
dependencies:
"@reach/router" "^1.3.3"
"@types/reach__router" "^1.3.5"
core-js "^3.0.1"
global "^4.3.2"
memoizerific "^1.11.3"
qs "^6.6.0"

"@storybook/semver@^7.3.2":
version "7.3.2"
resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0"
Expand Down Expand Up @@ -3277,6 +3440,24 @@
resolve-from "^5.0.0"
ts-dedent "^1.1.1"

"@storybook/theming@6.0.26":
version "6.0.26"
resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.0.26.tgz#e5b545fb2653dfd1b043b567197d490b1c3c0da3"
integrity sha512-9yon2ofb9a+RT1pdvn8Njydy7XRw0qXcIsMqGsJRKoZecmRRozqB6DxH9Gbdf1vRSbM9gYUUDjbiMDFz7+4RiQ==
dependencies:
"@emotion/core" "^10.0.20"
"@emotion/is-prop-valid" "^0.8.6"
"@emotion/styled" "^10.0.17"
"@storybook/client-logger" "6.0.26"
core-js "^3.0.1"
deep-object-diff "^1.1.0"
emotion-theming "^10.0.19"
global "^4.3.2"
memoizerific "^1.11.3"
polished "^3.4.4"
resolve-from "^5.0.0"
ts-dedent "^1.1.1"

"@storybook/ui@6.0.16":
version "6.0.16"
resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.0.16.tgz#448d2286404554afb13e27fecd9efb0861fa9286"
Expand Down Expand Up @@ -6720,6 +6901,11 @@ aws4@^1.8.0:
resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==

axe-core@^3.5.2:
version "3.5.5"
resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.5.5.tgz#84315073b53fa3c0c51676c588d59da09a192227"
integrity sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==

axe-core@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.0.2.tgz#c7cf7378378a51fcd272d3c09668002a4990b1cb"
Expand Down Expand Up @@ -11198,7 +11384,7 @@ elegant-spinner@^1.0.1:
resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
integrity sha1-2wQ1IcldfjA/2PNFvtwzSc+wcp4=

element-resize-detector@^1.1.12:
element-resize-detector@^1.1.12, element-resize-detector@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.2.1.tgz#b0305194447a4863155e58f13323a0aef30851d1"
integrity sha512-BdFsPepnQr9fznNPF9nF4vQ457U/ZJXQDSNF1zBe7yaga8v9AdZf3/NElYxFdUh7SitSGt040QygiTo6dtatIw==
Expand Down Expand Up @@ -23050,6 +23236,16 @@ react-sizeme@^2.3.6:
invariant "^2.2.2"
lodash "^4.17.4"

react-sizeme@^2.5.2:
version "2.6.12"
resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-2.6.12.tgz#ed207be5476f4a85bf364e92042520499455453e"
integrity sha512-tL4sCgfmvapYRZ1FO2VmBmjPVzzqgHA7kI8lSJ6JS6L78jXFNRdOZFpXyK6P1NBZvKPPCZxReNgzZNUajAerZw==
dependencies:
element-resize-detector "^1.2.1"
invariant "^2.2.4"
shallowequal "^1.1.0"
throttle-debounce "^2.1.0"

react-sizeme@^2.6.7:
version "2.6.10"
resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-2.6.10.tgz#9993dcb5e67fab94a8e5d078a0d3820609010f17"
Expand Down