From 17cffa86334eff139aec63e286adc442270e4732 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 13:56:26 +0000 Subject: [PATCH 01/22] feat: add react-aria and react-stately --- package.json | 4 +- yarn.lock | 999 ++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 1001 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 5722a4e..16f8626 100644 --- a/package.json +++ b/package.json @@ -85,6 +85,8 @@ "react": "^16.14.0 || ^17.0.0" }, "dependencies": { - "@stitches/react": "^1.2.5" + "@stitches/react": "^1.2.5", + "react-aria": "^3.12.0", + "react-stately": "^3.11.0" } } diff --git a/yarn.lock b/yarn.lock index 510a756..802fcc8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1330,6 +1330,13 @@ dependencies: regenerator-runtime "^0.13.4" +"@babel/runtime@^7.1.2", "@babel/runtime@^7.6.2": + version "7.16.7" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.7.tgz#03ff99f64106588c9c403c6ecb8c3bafbbdff1fa" + integrity sha512-9E9FJowqAsytyOY6LG+1KuueckRL+aQW+mKvXRXnuFGyRAyepJPmEo9vgMfXUA6O9u3IeEdv9MAkppFcaQwogQ== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/template@^7.12.13", "@babel/template@^7.3.3": version "7.12.13" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.12.13.tgz#530265be8a2589dbb37523844c5bcb55947fb327" @@ -1714,6 +1721,45 @@ minimatch "^3.0.4" strip-json-comments "^3.1.1" +"@formatjs/ecma402-abstract@1.11.1": + version "1.11.1" + resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.1.tgz#595ba3ef4ba38634c012b3ca01954f8d12eb4bf4" + integrity sha512-tgtNODZUGuUI6PAcnvaLZpGrZLVkXnnAvgzOiueYMzFdOdcOw4iH1WKhCe3+r6VR8rHKToJ2HksUGNCB+zt/bg== + dependencies: + "@formatjs/intl-localematcher" "0.2.22" + tslib "^2.1.0" + +"@formatjs/fast-memoize@1.2.1": + version "1.2.1" + resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz#e6f5aee2e4fd0ca5edba6eba7668e2d855e0fc21" + integrity sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg== + dependencies: + tslib "^2.1.0" + +"@formatjs/icu-messageformat-parser@2.0.16": + version "2.0.16" + resolved "https://registry.yarnpkg.com/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.0.16.tgz#edfde10bbdea42658d2b8a28028314f2a694be3c" + integrity sha512-sYg0ImXsAqBbjU/LotoCD9yKC5nUpWVy3s4DwWerHXD4sm62FcjMF8mekwudRk3eZLHqSO+M21MpFUUjDQ+Q5Q== + dependencies: + "@formatjs/ecma402-abstract" "1.11.1" + "@formatjs/icu-skeleton-parser" "1.3.3" + tslib "^2.1.0" + +"@formatjs/icu-skeleton-parser@1.3.3": + version "1.3.3" + resolved "https://registry.yarnpkg.com/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.3.tgz#9462a3a7d0ff04e0957cafcb227b4baef4bb2b8c" + integrity sha512-ifWnzjmHPHUF89UpCvClTP66sXYFc8W/qg7Qt+qtTUB9BqRWlFeUsevAzaMYDJsRiOy4S2WJFrJoZgRKUFfPGQ== + dependencies: + "@formatjs/ecma402-abstract" "1.11.1" + tslib "^2.1.0" + +"@formatjs/intl-localematcher@0.2.22": + version "0.2.22" + resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.2.22.tgz#300708cf7067dbd49f258467cc386c0b32437415" + integrity sha512-z+TvbHW8Q/g2l7/PnfUl0mV9gWxV4d0HT6GQyzkO5QI6QjCvCZGiztnmLX7zoyS16uSMvZ2PoMDfSK9xvZkRRA== + dependencies: + tslib "^2.1.0" + "@humanwhocodes/config-array@^0.5.0": version "0.5.0" resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9" @@ -1728,6 +1774,28 @@ resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45" integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA== +"@internationalized/date@3.0.0-alpha.1": + version "3.0.0-alpha.1" + resolved "https://registry.yarnpkg.com/@internationalized/date/-/date-3.0.0-alpha.1.tgz#987a86a98b837f275bce084ef502421bc5cdb5f7" + integrity sha512-fxciU4AQ/4XBYfse/mT9h1nsyNkmQkxwQtTmQVu6b4Tp2u95Y3m5BNgWgV2m3vLiiKZ82NtHJXAIGoqiK53w4g== + dependencies: + "@babel/runtime" "^7.6.2" + +"@internationalized/message@^3.0.2": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@internationalized/message/-/message-3.0.3.tgz#bdedde42d02f935e06a1cb2f3b0dacc5228e782a" + integrity sha512-TpNLP6FgzD9kukdNOhcxYhULf1mcE7Du+eMZe5voSP/yWlAl9GsJqPVY2knsR5Ld1oQELhxU61griqn6uhGsnA== + dependencies: + "@babel/runtime" "^7.6.2" + intl-messageformat "^9.6.12" + +"@internationalized/number@^3.0.2": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@internationalized/number/-/number-3.0.3.tgz#d29003dffdff54ca6f2287ec0cb77ff3d045478f" + integrity sha512-ewFoVvsxSyd9QZnknvOWPjirYqdMQhXTeDhJg3hM6C/FeZt0banpGH1nZ0SGMZXHz8NK9uAa2KVIq+jqAIOg4w== + dependencies: + "@babel/runtime" "^7.6.2" + "@istanbuljs/load-nyc-config@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced" @@ -2284,6 +2352,859 @@ prop-types "^15.6.1" react-lifecycles-compat "^3.0.4" +"@react-aria/breadcrumbs@^3.1.5": + version "3.1.5" + resolved "https://registry.yarnpkg.com/@react-aria/breadcrumbs/-/breadcrumbs-3.1.5.tgz#d3e77a73fa31fdd504c23397c7dacb74220cd69b" + integrity sha512-0ruIP6gP4hkGyX/b3g8MeuaP7ZX9M4mvauPHvuqGHNpUAZdESMj4jHo5ERImaTUJTObC2Vid2674OyzYFITSUA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.2" + "@react-aria/interactions" "^3.5.1" + "@react-aria/link" "^3.1.4" + "@react-aria/utils" "^3.8.2" + "@react-types/breadcrumbs" "^3.2.1" + "@react-types/shared" "^3.8.0" + +"@react-aria/button@^3.3.4": + version "3.3.4" + resolved "https://registry.yarnpkg.com/@react-aria/button/-/button-3.3.4.tgz#3af6eb4e0a479a76ba7386d541051d1273cd68fa" + integrity sha512-vebTcf9YpwaKCvsca2VWhn6eYPa15OJtMENwaGop72UrL35Oa7xDgU0RG22RAjRjt8HRVlAfLpHkJQW6GBGU3g== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/interactions" "^3.6.0" + "@react-aria/utils" "^3.9.0" + "@react-stately/toggle" "^3.2.3" + "@react-types/button" "^3.4.1" + +"@react-aria/checkbox@^3.2.3": + version "3.2.3" + resolved "https://registry.yarnpkg.com/@react-aria/checkbox/-/checkbox-3.2.3.tgz#be7f1f881e6d0fb554b5b20b9243e31e222207d5" + integrity sha512-bLNdVefKGFA2+QT84htWHYUpxLqA5r3L4q6ilBLOzcRiKpgQM2OW2bQGLN6Zw26MKjmTzEMrR2Db+a/O5e1fUQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/label" "^3.1.3" + "@react-aria/toggle" "^3.1.4" + "@react-aria/utils" "^3.8.2" + "@react-stately/checkbox" "^3.0.3" + "@react-stately/toggle" "^3.2.3" + "@react-types/checkbox" "^3.2.3" + +"@react-aria/combobox@^3.2.1": + version "3.2.1" + resolved "https://registry.yarnpkg.com/@react-aria/combobox/-/combobox-3.2.1.tgz#dab1504b1ba77b224b59d89f4e7ab99c71e28806" + integrity sha512-1wWZZfmlSjede8d0o3kNMfr6KDTgZuaKLmkzZ5NOwAip76HQ1u+sJdZrT+6xZrN1QPGM+MLZbBfQJBSEZsoHOA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/listbox" "^3.4.0" + "@react-aria/live-announcer" "^3.0.1" + "@react-aria/menu" "^3.3.0" + "@react-aria/overlays" "^3.7.3" + "@react-aria/selection" "^3.7.1" + "@react-aria/textfield" "^3.5.0" + "@react-aria/utils" "^3.11.0" + "@react-stately/collections" "^3.3.3" + "@react-stately/combobox" "^3.0.1" + "@react-stately/layout" "^3.4.0" + "@react-types/button" "^3.4.1" + "@react-types/combobox" "^3.2.1" + "@react-types/shared" "^3.10.1" + +"@react-aria/dialog@^3.1.4": + version "3.1.4" + resolved "https://registry.yarnpkg.com/@react-aria/dialog/-/dialog-3.1.4.tgz#7fe3f33e09b75dcdf598d0523e982262d6c89220" + integrity sha512-OtQGBol3CfcbBpjqXDqXzH5Ygny44PIuyAsZ1e3dfIdtaI+XHsoglyZnvDaVVealIgedHkMubreZnyNYnlzPLg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/utils" "^3.8.2" + "@react-stately/overlays" "^3.1.3" + "@react-types/dialog" "^3.3.1" + +"@react-aria/focus@^3.4.1", "@react-aria/focus@^3.5.0": + version "3.5.0" + resolved "https://registry.yarnpkg.com/@react-aria/focus/-/focus-3.5.0.tgz#02b85f97d6114af1eccc0902ce40723b626cb7f9" + integrity sha512-Eib75Q6QgQdn8VVVByg5Vipaaj/C//8Bs++sQY7nkomRx4sdArOnXbDppul3YHP6mRfU9VRLvAigEUlReQF/Xw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/interactions" "^3.6.0" + "@react-aria/utils" "^3.9.0" + "@react-types/shared" "^3.9.0" + clsx "^1.1.1" + +"@react-aria/grid@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@react-aria/grid/-/grid-3.2.0.tgz#c6893f401d063c0c2f9f2a31b5badeb1566f367a" + integrity sha512-RVpYjN2e7JugHL+AXwe/BlrRaD4Vl4PFaw8jl+X7e3OnvM6aeLxYTD+v3AJgTlPdeGxyjA6vcTjAYFCX8rfNGA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/live-announcer" "^3.0.1" + "@react-aria/selection" "^3.7.1" + "@react-aria/utils" "^3.11.0" + "@react-stately/grid" "^3.1.0" + "@react-stately/selection" "^3.9.0" + "@react-stately/virtualizer" "^3.1.6" + "@react-types/checkbox" "^3.2.3" + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.10.1" + +"@react-aria/i18n@^3.3.2", "@react-aria/i18n@^3.3.3": + version "3.3.4" + resolved "https://registry.yarnpkg.com/@react-aria/i18n/-/i18n-3.3.4.tgz#172b8bcff0273410e67af31f7d84e49dd3ada463" + integrity sha512-1DV3I82UfL2dT8WBI/88TwtokO80B7ISSyuz6rO/6n7q76A/nC2AtVINbrGYrcKsCcxCEoEMxW5RVJ39fcLijA== + dependencies: + "@babel/runtime" "^7.6.2" + "@internationalized/date" "3.0.0-alpha.1" + "@internationalized/message" "^3.0.2" + "@internationalized/number" "^3.0.2" + "@react-aria/ssr" "^3.0.3" + "@react-aria/utils" "^3.10.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/interactions@^3.5.1", "@react-aria/interactions@^3.6.0", "@react-aria/interactions@^3.7.0": + version "3.7.0" + resolved "https://registry.yarnpkg.com/@react-aria/interactions/-/interactions-3.7.0.tgz#eb19c1068b557a6b6df1e1c4abef07de719e9f25" + integrity sha512-Xomchjb9bqvh3ocil+QCEYFSxsTy8PHEz43mNP6z2yuu3UqTpl2FsWfyKgF/Yy0WKVkyV2dO2uz758KJTCLZhw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/utils" "^3.10.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/label@^3.1.3", "@react-aria/label@^3.2.1": + version "3.2.1" + resolved "https://registry.yarnpkg.com/@react-aria/label/-/label-3.2.1.tgz#e6562259e6b17e3856c4c3e0060903cf705d094b" + integrity sha512-QZ5/dpJKRjB1JtFZfOVd5GUiCpA2yMgmNA6ky6jT5XNAo7H14QqGRFUGDTLAQYGd+Bc3s+NayOT3NKUYur/3Xw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/utils" "^3.10.0" + "@react-types/label" "^3.5.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/link@^3.1.4", "@react-aria/link@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@react-aria/link/-/link-3.2.0.tgz#9ced97b2e304a8413ad2e6f11f9f57efa4626ce6" + integrity sha512-UTAA1x+8n1t/SPAbP6LRnwru0nn/VySOwWp3tl3SJ8WLqtDQf5YTJL7shjkWf3HxVkGUv/pT4XvOPX49Yg7YtQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/interactions" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-types/link" "^3.2.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/listbox@^3.4.0": + version "3.4.0" + resolved "https://registry.yarnpkg.com/@react-aria/listbox/-/listbox-3.4.0.tgz#384f72f544540b53cb56f5734949aff6f3be723e" + integrity sha512-Tc6JAPHrNKbjFMOCI50YHFBltSxBc84CaLIQdVo4c9KYiwgoAy1ULeSnRyp4ru3qpnffJZEUCNWD+864+MZVEQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/interactions" "^3.7.0" + "@react-aria/label" "^3.2.1" + "@react-aria/selection" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-stately/collections" "^3.3.3" + "@react-stately/list" "^3.4.0" + "@react-types/listbox" "^3.2.1" + "@react-types/shared" "^3.10.0" + +"@react-aria/live-announcer@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@react-aria/live-announcer/-/live-announcer-3.0.1.tgz#772888326808d180adc5bc9fa0b4b1416ec08811" + integrity sha512-c63UZ4JhXxy29F6FO1LUkQLDRzv17W4g3QQ+sy6tmFw7R5I5r8uh8jR7RCbBX7bdGCLnQDwOQ055KsM/a9MT3A== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/utils" "^3.8.2" + "@react-aria/visually-hidden" "^3.2.3" + +"@react-aria/menu@^3.3.0": + version "3.3.0" + resolved "https://registry.yarnpkg.com/@react-aria/menu/-/menu-3.3.0.tgz#09364a306b3b0dec7f3cf532bfa184a1f4e26da7" + integrity sha512-e/5zlWSwcsUYxH+kLrACPhLxh/Z+8/xvAB90G7xjBble1RusYQ+iH+M2U1n5vqoenZ3vjBpmEDsdo6vHeFeKxQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/interactions" "^3.7.0" + "@react-aria/overlays" "^3.7.3" + "@react-aria/selection" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-stately/collections" "^3.3.3" + "@react-stately/menu" "^3.2.3" + "@react-stately/tree" "^3.2.0" + "@react-types/button" "^3.4.1" + "@react-types/menu" "^3.3.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/meter@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-aria/meter/-/meter-3.1.3.tgz#d4529b4fad84b52ae956509e173bb510ae6b6ba3" + integrity sha512-/UORZsn3Q8clxUMZuI68VYLEkdDjpa32c1FAwv1adyTlQrGvX06iWwvMPKwsJsL6S7AHD5ZMl65H3QT7WXJpbQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/progress" "^3.1.3" + "@react-types/meter" "^3.1.2" + "@react-types/shared" "^3.8.0" + +"@react-aria/numberfield@^3.1.1": + version "3.1.1" + resolved "https://registry.yarnpkg.com/@react-aria/numberfield/-/numberfield-3.1.1.tgz#1e09b964831d15aa78b86fad4b9d99c643cefe9a" + integrity sha512-6ep+sgNe4ZymoBHNfsSiqxhwqeTjN6eRQyCjfrq0WUq5ttjrL9a91w3pSoOGQKI7CQ92y7pvvLcCghkeP2meGQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/live-announcer" "^3.0.1" + "@react-aria/spinbutton" "^3.0.1" + "@react-aria/textfield" "^3.5.0" + "@react-aria/utils" "^3.10.0" + "@react-stately/numberfield" "^3.0.2" + "@react-types/button" "^3.4.1" + "@react-types/numberfield" "^3.1.0" + "@react-types/shared" "^3.10.0" + "@react-types/textfield" "^3.3.0" + +"@react-aria/overlays@^3.7.3": + version "3.7.3" + resolved "https://registry.yarnpkg.com/@react-aria/overlays/-/overlays-3.7.3.tgz#b107b1d31c04c538355e566b1034d23e5696c18a" + integrity sha512-N5F/TVJ9KIYgGuOknVMrRnqqzkNKcFos4nxLHQz4TeFZTp4/P+NqEHd/VBmjsSTNEjEuNAivG+U2o4F1NWn/Pw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-aria/visually-hidden" "^3.2.3" + "@react-stately/overlays" "^3.1.3" + "@react-types/button" "^3.4.1" + "@react-types/overlays" "^3.5.1" + dom-helpers "^3.3.1" + +"@react-aria/progress@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-aria/progress/-/progress-3.1.3.tgz#5b60adfbf52ee2b012a11cfa2c2acf12a56343a0" + integrity sha512-8He91F3MYPT63s/3XUYvaRHHGsPgG3/b4TzdhO5GqmpfCnvDyrXrBI5cj+uyIB9gczU59zENJcnP8Q0oOITiMA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.2" + "@react-aria/label" "^3.1.3" + "@react-aria/utils" "^3.8.2" + "@react-types/progress" "^3.1.2" + "@react-types/shared" "^3.8.0" + +"@react-aria/radio@^3.1.6": + version "3.1.6" + resolved "https://registry.yarnpkg.com/@react-aria/radio/-/radio-3.1.6.tgz#6fc26d750db8026d58ff3900877df3c09ffe08c5" + integrity sha512-ngpnlSXWcwOB65HoEw510BkG7I/REeM59cz8y1TQ4k1zPX//qsWOpl2ngmT4yZybLAg+B9VwDkdE5kw5KlRo1g== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/label" "^3.2.1" + "@react-aria/utils" "^3.10.0" + "@react-stately/radio" "^3.3.2" + "@react-types/radio" "^3.1.2" + +"@react-aria/searchfield@^3.2.2": + version "3.2.2" + resolved "https://registry.yarnpkg.com/@react-aria/searchfield/-/searchfield-3.2.2.tgz#8bbd408bf5ba6d96f0adafbb633f7bf1bb3b1386" + integrity sha512-efW0hGIDwpvb2eBR1XkKBk1CTYbCP1/afjQmjYya+BFHT3r/ukUZL1P4mOUe9kITQByY50qRb1/qjMGcs9Pkxg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/textfield" "^3.5.0" + "@react-aria/utils" "^3.11.0" + "@react-stately/searchfield" "^3.1.3" + "@react-types/button" "^3.4.1" + "@react-types/searchfield" "^3.1.2" + "@react-types/shared" "^3.10.1" + +"@react-aria/select@^3.6.0": + version "3.6.0" + resolved "https://registry.yarnpkg.com/@react-aria/select/-/select-3.6.0.tgz#d5750614de36af7b26c6d2285bf996647818f8cc" + integrity sha512-jHLyeiy1iR1qaoFdJpQa2V7RL4Nb9JfVDNHNbgp8I5peoU+2oIN34NbqHTnsKlOBfhBRih2PnLogT2Iw4FZ3+Q== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/label" "^3.2.1" + "@react-aria/listbox" "^3.4.0" + "@react-aria/menu" "^3.3.0" + "@react-aria/selection" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-aria/visually-hidden" "^3.2.3" + "@react-stately/select" "^3.1.3" + "@react-types/button" "^3.4.1" + "@react-types/select" "^3.5.0" + "@react-types/shared" "^3.10.0" + +"@react-aria/selection@^3.7.0", "@react-aria/selection@^3.7.1": + version "3.7.1" + resolved "https://registry.yarnpkg.com/@react-aria/selection/-/selection-3.7.1.tgz#885e02f8d424b11f1f8ca7840228c18fd26dd783" + integrity sha512-XvDv0W5QRDjZl9nPETy5cFuQ0xi7RHogagt2cf2TUjJ11sSB1pLcb5WJvG5enLl50ENaIDxZduZzLEziC0dEmw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/utils" "^3.11.0" + "@react-stately/collections" "^3.3.3" + "@react-stately/selection" "^3.9.0" + "@react-types/shared" "^3.10.1" + +"@react-aria/separator@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-aria/separator/-/separator-3.1.3.tgz#58937d639caabd461e8325085eafe57256cece6d" + integrity sha512-Vl5UjLvt7NojRZOmKunXzttDqrjZp9i3oIKmwk5ydppchfzvriKsPeFinbWzcRMzIaHOljQ8Gj8yqgGjJtuvuQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/utils" "^3.8.2" + "@react-types/shared" "^3.8.0" + +"@react-aria/slider@^3.0.3": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@react-aria/slider/-/slider-3.0.3.tgz#de6945970cb7f7fd5c462f57bcb6245bfa0b6f73" + integrity sha512-cXTombpZopb8Wy/g4GGmIvK1PPAmCxmgx6eM/r56wQBa/BCIIhlSUlv2SxzgV6tM8M6RnTu0NtPUFGIk3MtS1Q== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/i18n" "^3.3.2" + "@react-aria/interactions" "^3.5.1" + "@react-aria/label" "^3.1.3" + "@react-aria/utils" "^3.8.2" + "@react-stately/radio" "^3.3.2" + "@react-stately/slider" "^3.0.3" + "@react-types/radio" "^3.1.2" + "@react-types/slider" "^3.0.2" + +"@react-aria/spinbutton@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@react-aria/spinbutton/-/spinbutton-3.0.1.tgz#e0d5595e1c74518ca46acdeebf7bd19022ee5d50" + integrity sha512-V2wUhSgJDxSqzo5HPbx7OgGpFeuvxq8/7nNO8mT3cEZfZASUGvjIdCRmAf243qyfo9Yby4zdx9E/BxNOGCZ9cQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.2" + "@react-aria/live-announcer" "^3.0.1" + "@react-aria/utils" "^3.8.2" + "@react-types/button" "^3.4.1" + "@react-types/shared" "^3.8.0" + +"@react-aria/ssr@^3.0.3", "@react-aria/ssr@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-aria/ssr/-/ssr-3.1.0.tgz#b7163e6224725c30121932a8d1422ef91d1fab22" + integrity sha512-RxqQKmE8sO7TGdrcSlHTcVzMP450hqowtBSd2bBS9oPlcokVkaGq28c3Rwa8ty5ctw4EBCjXqjP7xdcKMGDzug== + dependencies: + "@babel/runtime" "^7.6.2" + +"@react-aria/switch@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-aria/switch/-/switch-3.1.3.tgz#eb369cf6154055cf8429d5ec81caa97443b09f18" + integrity sha512-JXRIY9rzRc1iBrwO0EzBukMViU6Ty+TXA9SOsp0DhVfF0QZbIwKKd/M6rFq5xvCItUNMWTqdEdqh2c7hFjhZjQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/toggle" "^3.1.4" + "@react-stately/toggle" "^3.2.3" + "@react-types/switch" "^3.1.2" + +"@react-aria/table@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@react-aria/table/-/table-3.2.0.tgz#b40959dc9e1138e24f1daea92cc2750bf52c8c66" + integrity sha512-0KC7EdRZ8LeKEVRizUCl1/HNblfA515VxN2Ur4h8dA7en6f3+oee/9Em+tb7184wacqVZY170m9LOlcdr/OteQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/grid" "^3.2.0" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/live-announcer" "^3.0.1" + "@react-aria/selection" "^3.7.1" + "@react-aria/utils" "^3.11.0" + "@react-stately/table" "^3.1.0" + "@react-stately/virtualizer" "^3.1.6" + "@react-types/checkbox" "^3.2.3" + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.10.1" + "@react-types/table" "^3.1.0" + +"@react-aria/tabs@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-aria/tabs/-/tabs-3.1.0.tgz#e64b17a592610195466026d7866bde0b32784e69" + integrity sha512-3mU8UclpGVI7muLVTXlJVgHn7RJ+eyBWxPzlgFPBR35acdBrhIt1hBv7PGTAhCg6Zj75CQr07BM/Kdi1WWOP5g== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/selection" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-stately/list" "^3.4.0" + "@react-stately/tabs" "^3.0.1" + "@react-types/shared" "^3.10.0" + "@react-types/tabs" "^3.0.1" + +"@react-aria/textfield@^3.5.0": + version "3.5.0" + resolved "https://registry.yarnpkg.com/@react-aria/textfield/-/textfield-3.5.0.tgz#d711378e351b1374e6f11eda2896e6e481f0b0ba" + integrity sha512-EUsr5YCavNbp/nUoBCfiLiir0I0/NiZ2i/RPtOzzsGHMHw2xOME9PiRHYPrj7vOQQEfNgN1btr1psvLML4dk5w== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.5.0" + "@react-aria/label" "^3.2.1" + "@react-aria/utils" "^3.10.0" + "@react-types/shared" "^3.10.0" + "@react-types/textfield" "^3.3.0" + +"@react-aria/toggle@^3.1.4": + version "3.1.5" + resolved "https://registry.yarnpkg.com/@react-aria/toggle/-/toggle-3.1.5.tgz#dcb78c15fc45e241cbb4756c47fa323740ce5818" + integrity sha512-Oe6EpRxOJeXmKL9kD6LfoPRERLMj6Romx11KBEk7bkfO5zf8gm/NSmQCzN1h7SGRsUCkbCgVXPK63j5IlHK/Xw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/interactions" "^3.7.0" + "@react-aria/utils" "^3.10.0" + "@react-stately/toggle" "^3.2.3" + "@react-types/checkbox" "^3.2.3" + "@react-types/shared" "^3.10.0" + "@react-types/switch" "^3.1.2" + +"@react-aria/tooltip@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-aria/tooltip/-/tooltip-3.1.3.tgz#cf967d9306170ed2ec0ed589fe1cb4cc081ddbe6" + integrity sha512-l2/BS1XBKrLpg+dovI3xy6NdCgJ5n82TS4p8vQJa7GcynI1I64R0IjOUFv0lc6ZZsr1G8Wg71SNYfmlgTrPr2w== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/focus" "^3.4.1" + "@react-aria/interactions" "^3.5.1" + "@react-aria/utils" "^3.8.2" + "@react-stately/tooltip" "^3.0.5" + "@react-types/shared" "^3.8.0" + "@react-types/tooltip" "^3.1.2" + +"@react-aria/utils@^3.10.0", "@react-aria/utils@^3.11.0", "@react-aria/utils@^3.8.2", "@react-aria/utils@^3.9.0": + version "3.11.0" + resolved "https://registry.yarnpkg.com/@react-aria/utils/-/utils-3.11.0.tgz#215ea23a5435672a822cd713bdb8217972c5c80b" + integrity sha512-4yFA8E9xqDCUlolYSsoyp/qxrkiQrnEqx1BQOrKDuicpW7MBJ39pJC23YFMpyK2a6xEptc6xJEeIEFJXp57jJw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/ssr" "^3.1.0" + "@react-stately/utils" "^3.3.0" + "@react-types/shared" "^3.10.1" + clsx "^1.1.1" + +"@react-aria/visually-hidden@^3.2.3": + version "3.2.3" + resolved "https://registry.yarnpkg.com/@react-aria/visually-hidden/-/visually-hidden-3.2.3.tgz#4779df0a468873550afb42a7f5fcb2411d82db8d" + integrity sha512-iAe5EFI7obEOwTnIdAwWrKq+CrIJFGTw85v8fXnQ7CIVGRDblX85GOUww9bzQNPDLLRYWS4VF702ii8kV4+JCw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/interactions" "^3.5.1" + "@react-aria/utils" "^3.8.2" + clsx "^1.1.1" + +"@react-stately/checkbox@^3.0.3": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@react-stately/checkbox/-/checkbox-3.0.3.tgz#18ee6bd3b544334b6f853bb5c5f7017ac3bb9c37" + integrity sha512-amT889DTLdbjAVjZ9j9TytN73PszynGIspKi1QSUCvXeA2OVyCwShxhV0Pn7yYX8cMinvGXrjhWdhn0nhYeMdg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/toggle" "^3.2.3" + "@react-stately/utils" "^3.2.2" + "@react-types/checkbox" "^3.2.3" + +"@react-stately/collections@^3.3.3": + version "3.3.4" + resolved "https://registry.yarnpkg.com/@react-stately/collections/-/collections-3.3.4.tgz#ca9e481d2769dbebb593d5a1ed4bcc54013aef9d" + integrity sha512-HnlQip9RH+3nGNh8U2U1YkCdA+zGSedQLWVCdR53w/n6To7kIp7yDLby5dkmP+9VGQEkyfsoSjwGJ1NF94CCZg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-types/shared" "^3.8.0" + +"@react-stately/combobox@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@react-stately/combobox/-/combobox-3.0.1.tgz#b94f395ec751cfd038ee281032c9c5f3f86cb9a2" + integrity sha512-kUzlFz7ZtgE6JtxAR6f42KA/cwiJoQyBojz3jew3CQMiPmzdsqcrnVrOSrWm78IprYW1fBgnyydsLXVUTgGnfQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/list" "^3.3.0" + "@react-stately/menu" "^3.2.3" + "@react-stately/select" "^3.1.3" + "@react-stately/utils" "^3.2.2" + "@react-types/combobox" "^3.0.1" + "@react-types/shared" "^3.8.0" + +"@react-stately/data@^3.4.3": + version "3.4.3" + resolved "https://registry.yarnpkg.com/@react-stately/data/-/data-3.4.3.tgz#e2221176f0fff99ff4de9d18405c5372d773a8b2" + integrity sha512-JEyR9XLDlTiY/mQygzAvrwymvTibs9+stnUIcVYK3BWzou+ItHJIaoGFjxUtHWgodiHuGSkMDUKxv7srfYrWfQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-types/shared" "^3.10.0" + +"@react-stately/grid@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-stately/grid/-/grid-3.1.0.tgz#c899d65c6ce1ef6e2e85f8312acc905a45e66a95" + integrity sha512-9nbmLqjWUw9v8n/1HDAziZZvDQ0SbJh1Kb79KvC4ccK2YxvQ6Q/DSLbqlEP8+r4w5C6OK+OB4R12RpxMGq3z8A== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/selection" "^3.8.0" + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.10.0" + +"@react-stately/layout@^3.4.0": + version "3.4.2" + resolved "https://registry.yarnpkg.com/@react-stately/layout/-/layout-3.4.2.tgz#a9d6258ee8a00a23327250f1dbc6724a7c4a0e81" + integrity sha512-t+dNIDFtTHNH1Z/9nK4WACHdDlb9Af1+l9UCbZka7I1d1Bz695NCvYTrsGO8I0CuEz9M/eTSo0GzlMYZkCAp5g== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/virtualizer" "^3.1.5" + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.8.0" + "@react-types/table" "^3.0.0" + +"@react-stately/list@^3.3.0", "@react-stately/list@^3.4.0", "@react-stately/list@^3.4.1": + version "3.4.1" + resolved "https://registry.yarnpkg.com/@react-stately/list/-/list-3.4.1.tgz#5dbe31340bcf4b69e063bf02f4e80aa827100983" + integrity sha512-M4uJij6gyBoyhbtj1AaiatVkQnb0sk43gnOYEDEZ7tMvq1QqS0+lXK5T8UWNQrygUUpwSMmMEcJJssmv5owTdg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/collections" "^3.3.3" + "@react-stately/selection" "^3.9.0" + "@react-stately/utils" "^3.3.0" + "@react-types/shared" "^3.10.1" + +"@react-stately/menu@^3.2.3": + version "3.2.3" + resolved "https://registry.yarnpkg.com/@react-stately/menu/-/menu-3.2.3.tgz#eb58e3cfc941d49637bac04aa474935f08bc7215" + integrity sha512-r09qH8F+OaH7PTc9t2iAOfeCPy3jSg9uAwlDiGaev3zknM618XafIoQ1sWUNQYecSQ5BWWUyBYh5Vl8i2HnEvw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/overlays" "^3.1.3" + "@react-stately/utils" "^3.2.2" + "@react-types/menu" "^3.3.0" + "@react-types/shared" "^3.8.0" + +"@react-stately/numberfield@^3.0.2": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@react-stately/numberfield/-/numberfield-3.0.2.tgz#2e2831e60cafb7cc4b3124fe5f135a7bbd70e590" + integrity sha512-hxJt/Bj9cqJ8EPp9Vb0BL2CMWaRROWvxveiy76zcMMAT1TN33Wjhta+r+RjhJeUqDCHyvgcbYUeyxEbqrcipRA== + dependencies: + "@babel/runtime" "^7.6.2" + "@internationalized/number" "^3.0.2" + "@react-stately/utils" "^3.2.2" + "@react-types/numberfield" "^3.0.1" + "@react-types/shared" "^3.8.0" + +"@react-stately/overlays@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-stately/overlays/-/overlays-3.1.3.tgz#b0bb4061c1b20e712dfc32c933ae4bb23e5ccc0e" + integrity sha512-X8H/h9F8ZjevwJ7P8ak7v500qQd5x4Y76LsXUXrR6LtcO8FXfp2I+W8sGmBtLZwLQpTJiF1U0WMQqXLE1g6eLA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/utils" "^3.2.2" + "@react-types/overlays" "^3.5.1" + +"@react-stately/radio@^3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@react-stately/radio/-/radio-3.3.2.tgz#be489c1e7fe00fadff579776a2e2f4908fae029f" + integrity sha512-U1GfO7NflkyYiUP56/iFWwoLuMxE6Ydb4wEY3ZAlkMcWqes9YBQCzfPeckl6f77i+1ldc3Irs3NH9fDrKp8Oow== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/utils" "^3.2.2" + "@react-types/radio" "^3.1.2" + +"@react-stately/searchfield@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-stately/searchfield/-/searchfield-3.1.3.tgz#c2fe18be4ca8478c3bb3fdebc7e9e4a14ebfae07" + integrity sha512-IIsgZ87RgdSTLcXB3U+EdgbtAXlpw50G9fDYhwpjIaiZQ60RsaEz0mo+s1+oapXGudCFWyQYNR+nqF7jzNKxwg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/utils" "^3.2.2" + "@react-types/searchfield" "^3.1.2" + "@react-types/shared" "^3.8.0" + +"@react-stately/select@^3.1.3": + version "3.1.3" + resolved "https://registry.yarnpkg.com/@react-stately/select/-/select-3.1.3.tgz#539340e9ccdf8d0b331d289f18f1bb5c81ab3655" + integrity sha512-r0M2gcyyfo7vDDZGsOb64XQlVHtNQl+3mId3gYA46sHEu81C8Lhy4YSPZjItppnCLigBlm88hISl/i0e+XBx8g== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/collections" "^3.3.3" + "@react-stately/list" "^3.3.0" + "@react-stately/menu" "^3.2.3" + "@react-stately/selection" "^3.7.0" + "@react-stately/utils" "^3.2.2" + "@react-types/select" "^3.3.1" + "@react-types/shared" "^3.8.0" + +"@react-stately/selection@^3.7.0", "@react-stately/selection@^3.8.0", "@react-stately/selection@^3.9.0": + version "3.9.0" + resolved "https://registry.yarnpkg.com/@react-stately/selection/-/selection-3.9.0.tgz#1aead3d1a34ccc1013bc8131e93dc04af07c3ee8" + integrity sha512-HT6//yALwPp1Mth1Xe26IG0jxTNIpX5BvVhpA9REKpnAIAtv9GK15ZPqDWcIabI+yW6/LI/Chey5Zk8dWDgdAg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/collections" "^3.3.3" + "@react-stately/utils" "^3.3.0" + "@react-types/shared" "^3.10.1" + +"@react-stately/slider@^3.0.3": + version "3.0.3" + resolved "https://registry.yarnpkg.com/@react-stately/slider/-/slider-3.0.3.tgz#77f85eb459d1542a74baf68ff545fcc569e5c309" + integrity sha512-6A9TUIYiBXyLcwUdmfGyVeEmOc9KMrrjtAfCLghDUyUFUUlxd5NO3gBs4zicdu7zbOMI/zB0kj5dWyfdZiiEmw== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/i18n" "^3.3.2" + "@react-aria/utils" "^3.8.2" + "@react-stately/utils" "^3.2.2" + "@react-types/slider" "^3.0.2" + +"@react-stately/table@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-stately/table/-/table-3.1.0.tgz#5bfefbb09ee6df9c8e1de4292588d79186974722" + integrity sha512-s3p/EJ6pnGBCDNoHE2Cp7nAk4rq7ZE8cLctNGnwqQYb9HhFkgTDj/WPlgObHnYclchdART5hWoiYX9wznfPYRQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/collections" "^3.3.3" + "@react-stately/grid" "^3.1.0" + "@react-stately/selection" "^3.8.0" + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.10.0" + "@react-types/table" "^3.1.0" + +"@react-stately/tabs@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@react-stately/tabs/-/tabs-3.0.1.tgz#7df000f8c5c14b3bf973348c491e12bcfcafe49d" + integrity sha512-XhF/5mt8eme3mu0+4nC7Du+e5OWSu0W8SeKfbH9JmTWTCayZpPtui68nRStJK6OkgHs28gA+j55RSsTqT/N1Fg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/list" "^3.3.0" + "@react-stately/utils" "^3.2.2" + "@react-types/tabs" "^3.0.1" + +"@react-stately/toggle@^3.2.3": + version "3.2.3" + resolved "https://registry.yarnpkg.com/@react-stately/toggle/-/toggle-3.2.3.tgz#a4de6edc16982990492c6c557e5194f46dacc809" + integrity sha512-p5eVjXwNo4y4CeybxfjYmbTzNMNiI67uspbRAJnawWBVWw8X+yIvRfpjYAsqmvsJ+DsvwybSTlQDT6taGoWEsA== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/utils" "^3.2.2" + "@react-types/checkbox" "^3.2.3" + "@react-types/shared" "^3.8.0" + +"@react-stately/tooltip@^3.0.5": + version "3.0.5" + resolved "https://registry.yarnpkg.com/@react-stately/tooltip/-/tooltip-3.0.5.tgz#0cb716791ef3242acd810794162d651b1c47a328" + integrity sha512-rHqPSfkxbx0T0B/j+WDl4G2CfLjFeBfyaifGiIUJWHO/0Kwvh5am88VeHtuTVzC2DPEGTdtXqYns21EuJOrDlQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/overlays" "^3.1.3" + "@react-stately/utils" "^3.2.2" + "@react-types/tooltip" "^3.1.2" + +"@react-stately/tree@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@react-stately/tree/-/tree-3.2.0.tgz#151c90f161c5c8339b6876f59a4f0502be08670b" + integrity sha512-FfHfs79KeXN0Yi8X5O/oRWL1ZTZByhIT++NEUX4aCO3VSxnqhcl9/ErSmH/fYr36q0xdYZsX3BFvk/fm1EDkXQ== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-stately/collections" "^3.3.3" + "@react-stately/selection" "^3.7.0" + "@react-stately/utils" "^3.2.2" + "@react-types/shared" "^3.8.0" + +"@react-stately/utils@^3.2.2", "@react-stately/utils@^3.3.0": + version "3.3.0" + resolved "https://registry.yarnpkg.com/@react-stately/utils/-/utils-3.3.0.tgz#99866c5788539268a06035acd5925b25bb4cedde" + integrity sha512-f//Y8q0+FFcS04xvCNvbba7WWRLHzj2AegLgdgwTxsnk9Gb+AyuasdRrRY7bGQhdHuEJ7OIiQZ9EQWndDbrTcg== + dependencies: + "@babel/runtime" "^7.6.2" + +"@react-stately/virtualizer@^3.1.5", "@react-stately/virtualizer@^3.1.6": + version "3.1.6" + resolved "https://registry.yarnpkg.com/@react-stately/virtualizer/-/virtualizer-3.1.6.tgz#df803dbe032b73244b1d2f5cf09ac0ec9fcd9d04" + integrity sha512-7ZgLa6L3c4um6oXOFhOGVytDJOjzxeD+OfQmL1Ly5WpDn++0EdYBA56PD38Umx8Lcjw+3OoMQyiZVKgLoR0Qtg== + dependencies: + "@babel/runtime" "^7.6.2" + "@react-aria/utils" "^3.10.0" + "@react-types/shared" "^3.10.0" + +"@react-types/breadcrumbs@^3.2.1": + version "3.2.1" + resolved "https://registry.yarnpkg.com/@react-types/breadcrumbs/-/breadcrumbs-3.2.1.tgz#9dbca1b34d0e0ac5d34fdfc53691ad7379b2bec4" + integrity sha512-njXfiYTlACKAz5xVp34tXb7gtm6avzgzrkYT70r3HHk8g7cBUS7iJPiSIgCRxUGwIpesIYeZY3a1Nvqzvohgmg== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/button@^3.4.1": + version "3.4.1" + resolved "https://registry.yarnpkg.com/@react-types/button/-/button-3.4.1.tgz#715ac9d4997c79233be4d9020b58f85936b8252b" + integrity sha512-B54M84LxdEppwjXNlkBEJyMfe9fd+bvFV7R6+NJvupGrZm/LuFNYjFcHk7yjMKWTdWm6DbpIuQz54n5qTW7Vlg== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/checkbox@^3.2.3": + version "3.2.3" + resolved "https://registry.yarnpkg.com/@react-types/checkbox/-/checkbox-3.2.3.tgz#2b9d529c55c9884519c7f626f0fe8be7d0f18be1" + integrity sha512-YqeAFyrpaxI/eW6zQ7tVkKIASgzpywRrc6C/rV6Mw0zzGGSSvmYvdOBx9yHOEvpts7dLgaGlmLK6CeG7s4yGKg== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/combobox@^3.0.1", "@react-types/combobox@^3.2.1": + version "3.2.1" + resolved "https://registry.yarnpkg.com/@react-types/combobox/-/combobox-3.2.1.tgz#6947e67df67957d9f82a8072106045308a9ec1ed" + integrity sha512-YBlbIK7von3A+cS4mq2bqknp87O+pmyuJ4KDIpVu9keogeUtEpqfo1iW9+iEKBAK8bTI6MQW2Z7oaEHLDRMIMw== + dependencies: + "@react-types/shared" "^3.10.1" + +"@react-types/dialog@^3.3.1": + version "3.3.1" + resolved "https://registry.yarnpkg.com/@react-types/dialog/-/dialog-3.3.1.tgz#eb07e3d703643f7967243d56951d58a2cf77096f" + integrity sha512-1i6fVtixUNlftSNbVPFRieyEy3N/GNqcqpeOsJUB1jby28ppbM+JCp3Icb0ijaNC9Nl8c/oI8srtOWIQIKUJiQ== + dependencies: + "@react-types/overlays" "^3.5.1" + "@react-types/shared" "^3.8.0" + +"@react-types/grid@^3.0.0": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@react-types/grid/-/grid-3.0.0.tgz#a69446e4f99623102339b1351701c371a0c95323" + integrity sha512-OO3i2KfCzyLPK7fPYlVEybobiQmjZGT53rncwzOWAqD3YihTueGXYeAIpbbIZ75BrJzdcntfedPqcWwYNOaNbw== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/label@^3.5.0": + version "3.5.0" + resolved "https://registry.yarnpkg.com/@react-types/label/-/label-3.5.0.tgz#c7093871f42c62e1b5523f61a0856a2f58d4cf2a" + integrity sha512-a9lpQUyV4XwsZv0gV1jPjPWicSSa+DRliuXLTwORirxNLF0kMk89DLYf0a9CZhiEniJYqoqR3laJDvLAFW1x/Q== + dependencies: + "@react-types/shared" "^3.9.0" + +"@react-types/link@^3.2.0": + version "3.2.0" + resolved "https://registry.yarnpkg.com/@react-types/link/-/link-3.2.0.tgz#13d9058791664c57bac5af30991a8cd99690dcc3" + integrity sha512-0oSFoU2EenKCyhyJE+BN33lHVnOIN/+Gl4zj2ilJToY+obzOtzjSDFgiCJ0izVp9l9BQnkzc247RrVKhTLZ8Rw== + dependencies: + "@react-aria/interactions" "^3.7.0" + "@react-types/shared" "^3.10.0" + +"@react-types/listbox@^3.2.1": + version "3.2.1" + resolved "https://registry.yarnpkg.com/@react-types/listbox/-/listbox-3.2.1.tgz#881bbc9690343f35fe08a99526a90618f53328bf" + integrity sha512-uBYx5BgL8gyH62UhSXAFyFDwAD4ALcK5gjOk+p/vWsFm0vvmtutALkb3yYjDQvwdI89pSZDjN4j7QChCmlNcmQ== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/menu@^3.3.0": + version "3.4.1" + resolved "https://registry.yarnpkg.com/@react-types/menu/-/menu-3.4.1.tgz#42f58ce3b79b844441627c5cd3126705b3b00063" + integrity sha512-9xx7x13h2/DpnD8m2+eN09ViEwXldYXGtD0WSExO99ZulNi4tbzwJfnUBBJWj1aq9v2ZgObECOSqwkIDOJo6qA== + dependencies: + "@react-types/overlays" "^3.5.1" + "@react-types/shared" "^3.9.0" + +"@react-types/meter@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/meter/-/meter-3.1.2.tgz#1a362218e3727a62b720009e957c59d3887fd186" + integrity sha512-rF14kgjXkafmwaMGTpNsDMfjXhGNvKLdf02fwVBEqQjUJ5PFu/DubrIecu4Q6+TG/hEXjD0EryU+YxAwVOzkmg== + dependencies: + "@react-types/progress" "^3.1.2" + "@react-types/shared" "^3.8.0" + +"@react-types/numberfield@^3.0.1", "@react-types/numberfield@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-types/numberfield/-/numberfield-3.1.0.tgz#30aff4352a24797a235a74e538a8dd86c5c60af3" + integrity sha512-+QfvGqWD/QWOIyOCRDX/KyyV6QWdA/BQZKVpkFd0Vyy11GGT0eiKGyBevlN22/mwQkHbu53smVrRKXlHdB1tUQ== + dependencies: + "@react-types/shared" "^3.9.0" + +"@react-types/overlays@^3.5.1": + version "3.5.1" + resolved "https://registry.yarnpkg.com/@react-types/overlays/-/overlays-3.5.1.tgz#35350dfca639d04a8fbd973de59b141450df1b46" + integrity sha512-T3o6wQ5NNm1rSniIa01bIa6fALC8jbwpYxFMaQRrdEpIvwktt0Fi5Xo6/97+oe4HvzzU0JMhtwWDTdRySvgeZw== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/progress@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/progress/-/progress-3.1.2.tgz#7878ce5b03bfa92f5f8ca999a4cafc545f3d07a4" + integrity sha512-RLddv7VLuN/vWi13zbCmp8L5spbO/ArzimplJ5v59XrDNi/obbFkMOxne8/NrIS06aRiYiP8scXgC+koyyqpJg== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/radio@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/radio/-/radio-3.1.2.tgz#a2a6aed62c0036b9c3647edd9ce944aa80624346" + integrity sha512-vkIic8abrVUyl/YjKU3yTVwn8QgebzuadfV89PsaKc3hdmSiHhDsln5wYsfWOEotqMwPrG1aEv9yRMYO78OQXQ== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/searchfield@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/searchfield/-/searchfield-3.1.2.tgz#184770b67f1fad57a6024ad00b7e42cf934ed54b" + integrity sha512-lIyXEzoS/XXmddAvgZk/a8/8qAkVt5XbUrX7CrpZOiwqIPsVDI2bDYiv7N9GdS0pMeSyu1X9mXCnJfvzu/Dkow== + dependencies: + "@react-types/textfield" "^3.2.3" + +"@react-types/select@^3.3.1", "@react-types/select@^3.5.0": + version "3.5.1" + resolved "https://registry.yarnpkg.com/@react-types/select/-/select-3.5.1.tgz#4cc472143534ccd79ce0c162c0481de65cf466cb" + integrity sha512-aDLwIx3NOiSnnhCGxWyBIE7j+tLsZx8n5mUL2T8a+UJc38iPXtWEu042nFUpFAMyQOIEvmB58Y4Xy9LoDPRj1w== + dependencies: + "@react-types/shared" "^3.10.1" + +"@react-types/shared@^3.10.0", "@react-types/shared@^3.10.1", "@react-types/shared@^3.8.0", "@react-types/shared@^3.9.0": + version "3.10.1" + resolved "https://registry.yarnpkg.com/@react-types/shared/-/shared-3.10.1.tgz#16cd3038361dee63f351fa4d0fd25d90480a149b" + integrity sha512-U3dLJtstvOiZ8XLrWdNv9WXuruoDyfIfSXguTs9N0naDdO+M0MIbt/1Hg7Toe43ueAe56GM14IFL+S0/jhv8ow== + +"@react-types/slider@^3.0.2": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@react-types/slider/-/slider-3.0.2.tgz#81313a14caa30ee27feeb66a50a3854a6923ca56" + integrity sha512-cok3e2fLpSGXggwtACDH5WYERhAQtHmyjbYANvf4CA855h7uMbX9L+wuRnvaj+j2W79oE9INDDBt7lG+vJuSiA== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/switch@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/switch/-/switch-3.1.2.tgz#f7015e5e66035c9ae517966842a4f9e5d589fa26" + integrity sha512-EaYWoLvUCpOnt//Ov8VBxOjbs4hBpYE/rBAzzIknXaFvKOu867iZBFL7FJbcemOgC8/dwyaj6GUZ1Gw3Z1g59w== + dependencies: + "@react-types/checkbox" "^3.2.3" + "@react-types/shared" "^3.8.0" + +"@react-types/table@^3.0.0", "@react-types/table@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-types/table/-/table-3.1.0.tgz#ff0b73bc79f38dc00834edeade9492e98da52b8f" + integrity sha512-sJdD5SY6gn5vk6adfjbnlTOXKy606mHFojBeRWqYHMEMcv29GOmVqMF45kYeETRJXPPmXKk04Jvf53FpukcNPQ== + dependencies: + "@react-types/grid" "^3.0.0" + "@react-types/shared" "^3.10.0" + +"@react-types/tabs@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@react-types/tabs/-/tabs-3.0.1.tgz#a32931e95303d4442e51d4c687d4e154654014f6" + integrity sha512-GvPVU9GAqImHFhU+Do+pdGK/vZA4kqA699Gly1V95DUmtdG3GSwTnwlvM/Sy80/F9fKZDGokZnQmBFo8MFZyIw== + dependencies: + "@react-types/shared" "^3.8.0" + +"@react-types/textfield@^3.2.3", "@react-types/textfield@^3.3.0": + version "3.3.0" + resolved "https://registry.yarnpkg.com/@react-types/textfield/-/textfield-3.3.0.tgz#07a447fda327df4843e7d36cbd00f87f8a73e725" + integrity sha512-lOf0tx3c3dVaomH/uvKpOKFVTXQ232kLnMhOJTtj97JDX7fTr3SNhDUV0G8Zf4M0vr+l+xkTrJkywYE23rzliw== + dependencies: + "@react-types/shared" "^3.9.0" + +"@react-types/tooltip@^3.1.2": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@react-types/tooltip/-/tooltip-3.1.2.tgz#a80d1ab5a37337156881a032cdaa136a9e028e32" + integrity sha512-puyiRi3IaEeKH25AErZzQKthnxk1McU+7S+Qo2kFLy3F3PyXV0cmSqvKKOhH6kU5Cw4ZnuAlNjCI0tV8PYdlYA== + dependencies: + "@react-types/overlays" "^3.5.1" + "@react-types/shared" "^3.8.0" + "@semantic-release/commit-analyzer@^9.0.0": version "9.0.1" resolved "https://registry.yarnpkg.com/@semantic-release/commit-analyzer/-/commit-analyzer-9.0.1.tgz#e9b75a966898cae36493c7eb8158135eb302e270" @@ -6263,6 +7184,13 @@ dom-converter@^0.2.0: dependencies: utila "~0.4" +dom-helpers@^3.3.1: + version "3.4.0" + resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.4.0.tgz#e9b369700f959f62ecde5a6babde4bccd9169af8" + integrity sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA== + dependencies: + "@babel/runtime" "^7.1.2" + dom-serializer@0: version "0.2.2" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51" @@ -8801,6 +9729,16 @@ interpret@^2.2.0: resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9" integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw== +intl-messageformat@^9.6.12: + version "9.11.1" + resolved "https://registry.yarnpkg.com/intl-messageformat/-/intl-messageformat-9.11.1.tgz#915b04ea3730b0bb80de8ff9b1a33383a61fc5b0" + integrity sha512-kT0i8AIa1Aez8jGn1i9Xva/sdbjOPY15abR82qnU4jnESjxtynHLW1CBh9ehs13sPA8cE/4A2d6LEne91oDp4w== + dependencies: + "@formatjs/ecma402-abstract" "1.11.1" + "@formatjs/fast-memoize" "1.2.1" + "@formatjs/icu-messageformat-parser" "2.0.16" + tslib "^2.1.0" + into-stream@^6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/into-stream/-/into-stream-6.0.0.tgz#4bfc1244c0128224e18b8870e85b2de8e66c6702" @@ -12593,6 +13531,41 @@ rc@^1.2.8: minimist "^1.2.0" strip-json-comments "~2.0.1" +react-aria@^3.12.0: + version "3.12.0" + resolved "https://registry.yarnpkg.com/react-aria/-/react-aria-3.12.0.tgz#274db3a8ad40aec024dd226607ff44f3e7a698fb" + integrity sha512-5AasexJE5b/tIX6wFQIkVhUGbV5tLSlCOIdvII6+ulH3xlwgfxhh+qArXiQlUGGGIUlkzPkpk9KYdKHpxCgmNQ== + dependencies: + "@react-aria/breadcrumbs" "^3.1.5" + "@react-aria/button" "^3.3.4" + "@react-aria/checkbox" "^3.2.3" + "@react-aria/combobox" "^3.2.1" + "@react-aria/dialog" "^3.1.4" + "@react-aria/focus" "^3.5.0" + "@react-aria/i18n" "^3.3.3" + "@react-aria/interactions" "^3.7.0" + "@react-aria/label" "^3.2.1" + "@react-aria/link" "^3.2.0" + "@react-aria/listbox" "^3.4.0" + "@react-aria/menu" "^3.3.0" + "@react-aria/meter" "^3.1.3" + "@react-aria/numberfield" "^3.1.1" + "@react-aria/overlays" "^3.7.3" + "@react-aria/progress" "^3.1.3" + "@react-aria/radio" "^3.1.6" + "@react-aria/searchfield" "^3.2.2" + "@react-aria/select" "^3.6.0" + "@react-aria/separator" "^3.1.3" + "@react-aria/slider" "^3.0.3" + "@react-aria/ssr" "^3.1.0" + "@react-aria/switch" "^3.1.3" + "@react-aria/table" "^3.2.0" + "@react-aria/tabs" "^3.1.0" + "@react-aria/textfield" "^3.5.0" + "@react-aria/tooltip" "^3.1.3" + "@react-aria/utils" "^3.11.0" + "@react-aria/visually-hidden" "^3.2.3" + react-colorful@^5.1.2: version "5.5.1" resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.5.1.tgz#29d9c4e496f2ca784dd2bb5053a3a4340cfaf784" @@ -12752,6 +13725,30 @@ react-sizeme@^3.0.1: shallowequal "^1.1.0" throttle-debounce "^3.0.1" +react-stately@^3.11.0: + version "3.11.0" + resolved "https://registry.yarnpkg.com/react-stately/-/react-stately-3.11.0.tgz#fe1454def38f1c1ab9c610e0e8e9980b3ed8ce79" + integrity sha512-tWZoAdQDA0KLY+4YGPAqy6GQw6bcU9aL/p13th/dTe8wKx4/K2BLqaW8UfyWzN1lIF0mFpaEepAKKMUhht+pIw== + dependencies: + "@react-stately/checkbox" "^3.0.3" + "@react-stately/collections" "^3.3.3" + "@react-stately/combobox" "^3.0.1" + "@react-stately/data" "^3.4.3" + "@react-stately/list" "^3.4.1" + "@react-stately/menu" "^3.2.3" + "@react-stately/numberfield" "^3.0.2" + "@react-stately/overlays" "^3.1.3" + "@react-stately/radio" "^3.3.2" + "@react-stately/searchfield" "^3.1.3" + "@react-stately/select" "^3.1.3" + "@react-stately/selection" "^3.9.0" + "@react-stately/slider" "^3.0.3" + "@react-stately/table" "^3.1.0" + "@react-stately/tabs" "^3.0.1" + "@react-stately/toggle" "^3.2.3" + "@react-stately/tooltip" "^3.0.5" + "@react-stately/tree" "^3.2.0" + react-syntax-highlighter@^13.5.3: version "13.5.3" resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-13.5.3.tgz#9712850f883a3e19eb858cf93fad7bb357eea9c6" @@ -14599,7 +15596,7 @@ tslib@^1.8.1: resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg== -tslib@^2, tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.3.0: +tslib@^2, tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0: version "2.3.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01" integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw== From 23e5e0d1bcaf68b7776879207a1760d503f1c622 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 13:58:20 +0000 Subject: [PATCH 02/22] feat: add simple react-aria checkbox --- src/components/Checkbox.tsx | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/components/Checkbox.tsx diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx new file mode 100644 index 0000000..3e67d52 --- /dev/null +++ b/src/components/Checkbox.tsx @@ -0,0 +1,16 @@ +import { useRef } from 'react'; +import { useCheckbox } from 'react-aria'; +import { useToggleState } from 'react-stately'; + +export const Checkbox = (props: { children: HTMLElement }) => { + const state = useToggleState(props); + const ref = useRef(null); + const { inputProps } = useCheckbox(props, state, ref); + + return ( + + ); +}; From e254aa565ebcc7bbaa1f8222526c1e0dfdc18861 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 14:02:29 +0000 Subject: [PATCH 03/22] feat: add simple checkbox story --- src/components/Checkbox.tsx | 2 +- src/components/stories/Checkbox.stories.tsx | 19 +++++++++++++++++++ 2 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 src/components/stories/Checkbox.stories.tsx diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index 3e67d52..b1d3b3f 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -2,7 +2,7 @@ import { useRef } from 'react'; import { useCheckbox } from 'react-aria'; import { useToggleState } from 'react-stately'; -export const Checkbox = (props: { children: HTMLElement }) => { +export const Checkbox = (props: { children: string }) => { const state = useToggleState(props); const ref = useRef(null); const { inputProps } = useCheckbox(props, state, ref); diff --git a/src/components/stories/Checkbox.stories.tsx b/src/components/stories/Checkbox.stories.tsx new file mode 100644 index 0000000..414effa --- /dev/null +++ b/src/components/stories/Checkbox.stories.tsx @@ -0,0 +1,19 @@ +import { styled } from '../../../stitches.config'; +import { Checkbox } from '../Checkbox'; + +const Wrapper = styled('div', { + display: 'flex', + flexFlow: 'row wrap', + width: '100%', +}); + +export const CheckboxStory = () => ( + + Test + +); + +export default { + component: CheckboxStory, + title: 'Checkbox', +}; From 1ce89d53b5c39a322f6e22765e764fe3efb058e3 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 15:25:16 +0000 Subject: [PATCH 04/22] feat: add disabled and enabled checkbox styles --- src/components/Checkbox.tsx | 20 ++++++++++++++++++-- src/components/stories/Checkbox.stories.tsx | 8 +++++--- stitches.config.ts | 9 +++++++++ 3 files changed, 32 insertions(+), 5 deletions(-) diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index b1d3b3f..a46b17f 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -1,15 +1,31 @@ import { useRef } from 'react'; import { useCheckbox } from 'react-aria'; import { useToggleState } from 'react-stately'; +import { styled } from '../../stitches.config'; -export const Checkbox = (props: { children: string }) => { +const Input = styled('input', { + '&:disabled': { + borderColor: '$gray30', + }, + appearance: 'none', + backgroundColor: '$brandWhite', + borderColor: '$gray50', + borderRadius: '$4', + borderStyle: '$solid', + borderWidth: '$thin', + height: '24px', + margin: '0', + width: '24px', +}); + +export const Checkbox = (props: { children?: string; disabled?: boolean }) => { const state = useToggleState(props); const ref = useRef(null); const { inputProps } = useCheckbox(props, state, ref); return ( ); diff --git a/src/components/stories/Checkbox.stories.tsx b/src/components/stories/Checkbox.stories.tsx index 414effa..90160cc 100644 --- a/src/components/stories/Checkbox.stories.tsx +++ b/src/components/stories/Checkbox.stories.tsx @@ -4,16 +4,18 @@ import { Checkbox } from '../Checkbox'; const Wrapper = styled('div', { display: 'flex', flexFlow: 'row wrap', + gap: '$16', width: '100%', }); -export const CheckboxStory = () => ( +export const AllCheckboxes = () => ( - Test + + ); export default { - component: CheckboxStory, + component: AllCheckboxes, title: 'Checkbox', }; diff --git a/stitches.config.ts b/stitches.config.ts index 12de719..0117da0 100644 --- a/stitches.config.ts +++ b/stitches.config.ts @@ -14,7 +14,16 @@ export const { } = createStitches({ media: {}, theme: { + borderStyles: { + solid: 'solid', + }, + borderWidths: { + thin: '2px', + }, colors: colorPrimitives, + radii: { + 4: '4px', + }, space: { 4: '4px', 8: '8px', From 5c819c1715e1f15358a8d38dc7277741b33fb3b6 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 17:44:26 +0000 Subject: [PATCH 05/22] feat: add state styling to checkbox --- src/components/Checkbox.tsx | 66 +++++++++++++++++++-- src/components/stories/Checkbox.stories.tsx | 7 ++- 2 files changed, 68 insertions(+), 5 deletions(-) diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index a46b17f..ac3743c 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -2,11 +2,49 @@ import { useRef } from 'react'; import { useCheckbox } from 'react-aria'; import { useToggleState } from 'react-stately'; import { styled } from '../../stitches.config'; +import { Check16pxIcon } from '../icons'; + +const Label = styled('label', { + '& input:checked:disabled + div': { + color: '$gray50', + }, + display: 'block', + position: 'relative', +}); const Input = styled('input', { + '&:checked': { + backgroundColor: '$brandYellow', + borderColor: '$brandYellow', + }, + '&:checked&:disabled': { + backgroundColor: '$yellow20', + borderColor: '$yellow20', + }, '&:disabled': { borderColor: '$gray30', }, + '&:focus': { + outline: '2px solid $brandYellow', + outlineOffset: '2px', + }, + '&:indeterminate': { + borderColor: '$brandYellow', + position: 'relative', + }, + '&:indeterminate:after': { + backgroundColor: '$brandYellow', + content: '""', + height: '12px', + left: '50%', + position: 'absolute', + top: '50%', + transform: 'translate(-50%, -50%)', + width: '12px', + }, + '&[aria-invalid="true"]': { + borderColor: '$uiErrorRegular', + }, appearance: 'none', backgroundColor: '$brandWhite', borderColor: '$gray50', @@ -15,18 +53,38 @@ const Input = styled('input', { borderWidth: '$thin', height: '24px', margin: '0', + position: 'relative', width: '24px', }); -export const Checkbox = (props: { children?: string; disabled?: boolean }) => { +const IconContainer = styled('div', { + left: '50%', + position: 'absolute', + top: '50%', + transform: 'translate(-50%, -50%)', +}); + +export const Checkbox = (props: { + autoFocus?: boolean; + children?: string; + defaultSelected?: boolean; + isDisabled?: boolean; + isIndeterminate?: boolean; + validationState?: 'invalid' | 'valid'; +}) => { const state = useToggleState(props); const ref = useRef(null); const { inputProps } = useCheckbox(props, state, ref); return ( - ); }; diff --git a/src/components/stories/Checkbox.stories.tsx b/src/components/stories/Checkbox.stories.tsx index 90160cc..92edd04 100644 --- a/src/components/stories/Checkbox.stories.tsx +++ b/src/components/stories/Checkbox.stories.tsx @@ -10,8 +10,13 @@ const Wrapper = styled('div', { export const AllCheckboxes = () => ( - + + + + + + ); From d86c95d52b2c7507207b0435c7ee9eb3e3ee353f Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 17:50:08 +0000 Subject: [PATCH 06/22] style: update All Checkbox component name to Checkbox States --- src/components/stories/Checkbox.stories.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/stories/Checkbox.stories.tsx b/src/components/stories/Checkbox.stories.tsx index 92edd04..e1924ca 100644 --- a/src/components/stories/Checkbox.stories.tsx +++ b/src/components/stories/Checkbox.stories.tsx @@ -8,7 +8,7 @@ const Wrapper = styled('div', { width: '100%', }); -export const AllCheckboxes = () => ( +export const CheckboxStates = () => ( @@ -21,6 +21,6 @@ export const AllCheckboxes = () => ( ); export default { - component: AllCheckboxes, + component: CheckboxStates, title: 'Checkbox', }; From 59efa9f3c0d1982ddd7cb8d8f7f11f0a1e816dc7 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Wed, 5 Jan 2022 18:08:20 +0000 Subject: [PATCH 07/22] fix: update autoFocus attribute element to match the order on figma --- src/components/stories/Checkbox.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/stories/Checkbox.stories.tsx b/src/components/stories/Checkbox.stories.tsx index e1924ca..2627ec8 100644 --- a/src/components/stories/Checkbox.stories.tsx +++ b/src/components/stories/Checkbox.stories.tsx @@ -12,8 +12,8 @@ export const CheckboxStates = () => ( - + From c66b5cda47dfe8556c42ad69bab83470cea1589c Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Thu, 6 Jan 2022 09:51:12 +0000 Subject: [PATCH 08/22] chore: move stitches to devdependencies --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 16f8626..21afdde 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "@commitlint/cli": "^14.1.0", "@commitlint/config-conventional": "^14.1.0", "@skypack/package-check": "^0.2.2", + "@stitches/react": "^1.2.5", "@storybook/addon-actions": "^6.3.12", "@storybook/addon-essentials": "^6.3.12", "@storybook/addon-links": "^6.3.12", @@ -85,7 +86,6 @@ "react": "^16.14.0 || ^17.0.0" }, "dependencies": { - "@stitches/react": "^1.2.5", "react-aria": "^3.12.0", "react-stately": "^3.11.0" } From ca95774c5f897caf3be98937fa49a1d5bcd7a92a Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Thu, 6 Jan 2022 09:52:06 +0000 Subject: [PATCH 09/22] fix: add react-aria and react-stately to build-cjs --- bin/build-cjs.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/bin/build-cjs.js b/bin/build-cjs.js index 8ba43a4..86b2d92 100644 --- a/bin/build-cjs.js +++ b/bin/build-cjs.js @@ -8,7 +8,13 @@ const sharedConfig = { platform: 'node', sourcemap: true, bundle: true, - external: ['react', 'react-dom', '@stitches/react'], + external: [ + 'react', + 'react-dom', + '@stitches/react', + 'react-aria', + 'react-stately', + ], target: ['node12'], inject: ['./bin/util/react-shim.js'], }; From 0a41a35ea13fc1c0f50687e06e67a9ef808062ec Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Thu, 6 Jan 2022 13:51:09 +0000 Subject: [PATCH 10/22] feat: add aria-label to checkbox --- src/components/Checkbox.tsx | 3 ++- src/components/stories/Checkbox.stories.tsx | 14 +++++++------- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index ac3743c..74c7665 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -65,6 +65,7 @@ const IconContainer = styled('div', { }); export const Checkbox = (props: { + 'aria-label': string; autoFocus?: boolean; children?: string; defaultSelected?: boolean; @@ -78,7 +79,7 @@ export const Checkbox = (props: { return ( ); From aa97e6c684b66d168bb5ec7943ca1493a5639c82 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Tue, 11 Jan 2022 02:32:02 +0000 Subject: [PATCH 21/22] fix: aria-label console warnings --- src/components/Checkbox.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index b607bf8..20606ac 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -83,7 +83,11 @@ export const Checkbox = ({ ToggleProps) => { const ref = useRef(null); const state = useToggleState({ defaultSelected, validationState }); - const { inputProps } = useCheckbox({ isIndeterminate }, state, ref); + const { inputProps } = useCheckbox( + { isIndeterminate, ...restProps }, + state, + ref + ); const checkedTl = useRef(gsap.timeline({ paused: true })); useEffect(() => { From 8b505fa751462540dda9df596b3538cdc34409b3 Mon Sep 17 00:00:00 2001 From: Luke Bailey Date: Tue, 11 Jan 2022 02:32:30 +0000 Subject: [PATCH 22/22] feat: update checkbox animation timings --- src/components/Checkbox.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index 20606ac..73e326b 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -94,12 +94,12 @@ export const Checkbox = ({ checkedTl.current .to(ref.current, { duration: 0.1, - ease: 'expo.easeIn', - scale: 1.2, + ease: 'quad.easeIn', + scale: 0.9, }) .to(ref.current, { duration: 0.1, - ease: 'expo.easeOut', + ease: 'quad.easeOut', scale: 1, }); }, []);