From 601b50a04b65bed0673a160d5eb69970103b1cf4 Mon Sep 17 00:00:00 2001 From: brooke Date: Wed, 3 Jul 2024 11:01:18 -0400 Subject: [PATCH 1/5] brooke/update-comps --- package-lock.json | 247 +++++++++++++++++++++++----------------------- package.json | 28 +++--- 2 files changed, 140 insertions(+), 135 deletions(-) diff --git a/package-lock.json b/package-lock.json index f35d7f74..113ef8e7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,46 +15,46 @@ "@leafygreen-ui/banner": "^8.0.1", "@leafygreen-ui/button": "^21.2.1", "@leafygreen-ui/callout": "^9.0.22", - "@leafygreen-ui/card": "^10.0.7", + "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/code": "^14.3.3", "@leafygreen-ui/combobox": "^9.1.0", "@leafygreen-ui/confirmation-modal": "^5.2.0", - "@leafygreen-ui/copyable": "^8.0.25", + "@leafygreen-ui/copyable": "^8.1.0", "@leafygreen-ui/date-picker": "^1.2.0", "@leafygreen-ui/empty-state": "^1.0.17", - "@leafygreen-ui/expandable-card": "^3.2.2", + "@leafygreen-ui/expandable-card": "^3.2.3", "@leafygreen-ui/form-footer": "^4.0.0", "@leafygreen-ui/guide-cue": "^5.1.0", - "@leafygreen-ui/icon": "^12.5.3", - "@leafygreen-ui/icon-button": "^15.0.21", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/icon-button": "^15.0.22", "@leafygreen-ui/info-sprinkle": "^1.0.5", "@leafygreen-ui/leafygreen-provider": "^3.1.12", "@leafygreen-ui/loading-indicator": "^2.0.12", "@leafygreen-ui/logo": "^9.1.1", "@leafygreen-ui/marketing-modal": "^4.2.3", - "@leafygreen-ui/modal": "^16.0.8", + "@leafygreen-ui/modal": "^16.0.9", "@leafygreen-ui/number-input": "^2.2.0", "@leafygreen-ui/pagination": "^1.0.24", "@leafygreen-ui/password-input": "^2.0.0", "@leafygreen-ui/pipeline": "^5.0.20", "@leafygreen-ui/radio-box-group": "^13.0.0", "@leafygreen-ui/radio-group": "^11.0.1", - "@leafygreen-ui/search-input": "^3.1.0", + "@leafygreen-ui/search-input": "^3.1.1", "@leafygreen-ui/segmented-control": "^8.2.13", "@leafygreen-ui/select": "^12.1.0", "@leafygreen-ui/side-nav": "^14.1.3", - "@leafygreen-ui/skeleton-loader": "^1.2.0", - "@leafygreen-ui/split-button": "^1.1.0", + "@leafygreen-ui/skeleton-loader": "^1.2.1", + "@leafygreen-ui/split-button": "^1.1.1", "@leafygreen-ui/stepper": "^3.2.13", - "@leafygreen-ui/table": "^12.6.3", - "@leafygreen-ui/tabs": "^12.0.0", + "@leafygreen-ui/table": "^12.6.4", + "@leafygreen-ui/tabs": "^12.0.1", "@leafygreen-ui/text-area": "^9.1.0", "@leafygreen-ui/text-input": "^13.1.0", - "@leafygreen-ui/toast": "^6.1.25", + "@leafygreen-ui/toast": "^6.1.26", "@leafygreen-ui/toggle": "^10.1.1", - "@leafygreen-ui/tokens": "^2.8.0", + "@leafygreen-ui/tokens": "^2.9.0", "@leafygreen-ui/tooltip": "^11.1.0", - "@leafygreen-ui/typography": "^19.1.2", + "@leafygreen-ui/typography": "^19.2.0", "@lg-tools/storybook-utils": "^0.1.1", "@next/third-parties": "^14.2.3", "@storybook/react": "^8.0.10", @@ -800,14 +800,14 @@ } }, "node_modules/@leafygreen-ui/card": { - "version": "10.0.7", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/card/-/card-10.0.7.tgz", - "integrity": "sha512-eQFV1IkBuzA4cqT8ozA+13voVDiQD96MGW0JqS8bdZYIjim6HDGLq31PTz1zwuZOvpXa55p/byyBeq94rjSX5w==", + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/card/-/card-11.0.0.tgz", + "integrity": "sha512-o5rVAkjLHsK5/ACLBeZHOkdNPfHKk+V9xe8KFW5PSjuxxNR1RPL9UOJBsgiMORaqd7obXgdhcF+jDH6klXHH2A==", "dependencies": { - "@leafygreen-ui/box": "^3.1.9", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/lib": "^13.3.0", - "@leafygreen-ui/palette": "^4.0.9", + "@leafygreen-ui/palette": "^4.1.0", + "@leafygreen-ui/polymorphic": "^2.0.2", "@leafygreen-ui/tokens": "^2.5.2", "polished": "^4.2.2" }, @@ -925,19 +925,19 @@ } }, "node_modules/@leafygreen-ui/copyable": { - "version": "8.0.25", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/copyable/-/copyable-8.0.25.tgz", - "integrity": "sha512-+k0vOMSsYAtvNOP80DE+PxgVWInzJgrC7hu9t3qiRaVA0xn+Ck4VycxchtYHCgQvibSETv880wa2u3GFBns/MQ==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/copyable/-/copyable-8.1.0.tgz", + "integrity": "sha512-2bQp6Jg0xfiwCcmp80shnXiEn8PHs9iBUPTJ7AU5p/JmwOiq+ME6V+2nXk4dcWKx52drXcW69pbEKohH44J4ZQ==", "dependencies": { "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.0.1", - "@leafygreen-ui/lib": "^13.3.0", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/tokens": "^2.5.2", + "@leafygreen-ui/tokens": "^2.9.0", "@leafygreen-ui/tooltip": "^11.0.4", - "@leafygreen-ui/typography": "^19.0.0", + "@leafygreen-ui/typography": "^19.2.0", "clipboard": "^2.0.6", "polished": "^4.2.2" }, @@ -986,9 +986,9 @@ } }, "node_modules/@leafygreen-ui/descendants": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/descendants/-/descendants-0.1.1.tgz", - "integrity": "sha512-Qds2sISuZp4E7EVR7iceCVwQFG/ahN0JMkQnrs538w6FhMkLNHe4ai+v8FhXKhtLTSbZJ3lVEC/7BEECkT9tTQ==", + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/descendants/-/descendants-0.2.0.tgz", + "integrity": "sha512-BZ5tYt4s7GV0vgyDRFmHWXzDodLc4ZBs25kegyBdjsVWcZkVDw1wME1Pcu0u/4TeLhgPFelIW9fGLvr3UAUDXA==", "dependencies": { "@leafygreen-ui/hooks": "^8.1.3", "lodash": "^4.17.21" @@ -1023,17 +1023,17 @@ } }, "node_modules/@leafygreen-ui/expandable-card": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/expandable-card/-/expandable-card-3.2.2.tgz", - "integrity": "sha512-dlQVtTaNftDoM4m7JG+LIrPxBBRsfVHMmQsrqy9iSw2qskdnuToUeRDb2u57+x5e5snt+gf3k1ku+ACihSUgWA==", + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/expandable-card/-/expandable-card-3.2.3.tgz", + "integrity": "sha512-skuw3ajEP603sgoO603IB/ZqVipKunzR3L36lLIyjGHKReEvUvSSC1In97pJErGHt/lmmbmlxI51S0K8EOaPxg==", "dependencies": { - "@leafygreen-ui/card": "^10.0.7", + "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.0.1", "@leafygreen-ui/icon-button": "^15.0.21", "@leafygreen-ui/lib": "^13.3.0", - "@leafygreen-ui/palette": "^4.0.9", + "@leafygreen-ui/palette": "^4.1.0", "@leafygreen-ui/tokens": "^2.5.2", "@leafygreen-ui/typography": "^19.0.0", "react-transition-group": "^4.4.5" @@ -1110,18 +1110,18 @@ } }, "node_modules/@leafygreen-ui/icon": { - "version": "12.5.3", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon/-/icon-12.5.3.tgz", - "integrity": "sha512-hbQBBseIEd0MxvE8mYsDwiQ+b2dP8D+VE/icKAQ9qTdasT1yu9so+5olUCMbR4F8AjB1/jz/xPYC990HmYqDCg==", + "version": "12.5.4", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon/-/icon-12.5.4.tgz", + "integrity": "sha512-RsoIN4hfBtJDGuR5ClElCYvpX5+YqjB381EJDZQGC12iQGhhJwCuD4p4NW4O+jWXpt7KGISDKg0Ieao5R/vmpw==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/icon-button": { - "version": "15.0.21", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon-button/-/icon-button-15.0.21.tgz", - "integrity": "sha512-zdgsgVDlbDO8eb7e12vHfF2UEr8XlinhwjgwFniKZngE/I8HnrA9zNNHlGiKg1icXHzzBuE9Xi6UR7DqvQaaFg==", + "version": "15.0.22", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon-button/-/icon-button-15.0.22.tgz", + "integrity": "sha512-o9+gSUfL5ZE6g05m89vv0BRtD+qcfOpfgbuusN5KXdvbAKPgUaweySFl6rMHgSybfdMM1E36rmxyyCwEo7Vahw==", "dependencies": { "@leafygreen-ui/a11y": "^1.4.13", "@leafygreen-ui/box": "^3.1.9", @@ -1129,7 +1129,8 @@ "@leafygreen-ui/icon": "^12.0.1", "@leafygreen-ui/lib": "^13.3.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/tokens": "^2.5.2" + "@leafygreen-ui/tokens": "^2.5.2", + "polished": "^4.2.2" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" @@ -1166,17 +1167,17 @@ } }, "node_modules/@leafygreen-ui/input-option": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-1.1.3.tgz", - "integrity": "sha512-f6TWJg0PTxfNN3eQo2fI7h7/hOOus+K5i/axhJGQqJItV26ESadNW8xRY/T3Glxb2lpH7MHLRsG5err0BFMTnw==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-1.1.4.tgz", + "integrity": "sha512-tti2719MBIId67OwbAnXXm71kqDRGa6Xjiy2cCVWL0au6rYpcm7RXio9J6KZyk4aUvHGu3f6jMNKQgifapvSlw==", "dependencies": { "@leafygreen-ui/a11y": "^1.4.13", "@leafygreen-ui/emotion": "^4.0.8", - "@leafygreen-ui/lib": "^13.3.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^1.3.7", - "@leafygreen-ui/tokens": "^2.5.2", - "@leafygreen-ui/typography": "^19.0.0" + "@leafygreen-ui/polymorphic": "^2.0.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.0" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" @@ -1192,9 +1193,9 @@ } }, "node_modules/@leafygreen-ui/lib": { - "version": "13.5.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-13.5.0.tgz", - "integrity": "sha512-wrA8Au2DzgRFdgy+P023ChSDsdzRcRjXMFx4taCEJ368aVCeGJRNXQzsarpf89A4D46gSbqP9Fzi69TKij9Ktg==", + "version": "13.6.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-13.6.0.tgz", + "integrity": "sha512-4TglZhImmJ5G13nEoBsNkwBEDZLS0Qo4b3hfPnJsXQ0+BYguxExevan6S7i7hQ4iwvZekCVKGd/yrp0UonrOHQ==", "dependencies": { "@storybook/csf": "^0.1.0", "lodash": "^4.17.21", @@ -1248,19 +1249,19 @@ } }, "node_modules/@leafygreen-ui/menu": { - "version": "24.2.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/menu/-/menu-24.2.0.tgz", - "integrity": "sha512-NyOrCmUqPH8cVQYv5w/ugd+kFSELPjrbMzhBt6Ubsp7kTDN7eBFtOV3x3k1IvEaUzjZ3mAXEbzS7p09OyCdb9w==", + "version": "24.2.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/menu/-/menu-24.2.1.tgz", + "integrity": "sha512-bMbR82t1kYx1E8GwoBffK4gNRv2OiQieihD111xXgSxk8o3u+Xnx3YBbcKTX7LCqH17PFny+GQZlO1ltkrEnGw==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^1.3.7", + "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", - "@leafygreen-ui/tokens": "^2.8.0", + "@leafygreen-ui/tokens": "^2.9.0", "lodash": "^4.17.21", "react-transition-group": "^4.4.5" }, @@ -1269,14 +1270,14 @@ } }, "node_modules/@leafygreen-ui/modal": { - "version": "16.0.8", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/modal/-/modal-16.0.8.tgz", - "integrity": "sha512-G/r/LkFyjt0xJEsV0RM4ZEPUJfVHYDLjo57IbnjN/5BsDKYaxJuqkVlOeYgp8nCAUtowNO+B/YH1aXThw2MyYw==", + "version": "16.0.9", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/modal/-/modal-16.0.9.tgz", + "integrity": "sha512-WWcIkapE8Q4m4dJVXIp5t6RhEEoWGwbGW+nB36UC27JrqQHBtfViGQ9zgZFEfZE0qG8jgLke/PvpEoublNZa4A==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.5.0", - "@leafygreen-ui/icon-button": "^15.0.21", + "@leafygreen-ui/icon-button": "^15.0.22", "@leafygreen-ui/lib": "^13.5.0", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/portal": "^5.1.1", @@ -1335,9 +1336,9 @@ } }, "node_modules/@leafygreen-ui/palette": { - "version": "4.0.10", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-4.0.10.tgz", - "integrity": "sha512-0vhKwMfBv7eO9txSxkgxijjI8M9L8uLFge+JpbBXql37+rKJuiQl7wCb5OPIJM+aV2HaHElGMyf9nRliabk30w==" + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/palette/-/palette-4.1.0.tgz", + "integrity": "sha512-Mqpy1duYs+yZ6+ksvXmUHfi1xpF2qrAUuQvA+eSVLW0vkcFjTmq4YjfAVqCiFNPT03XxKUQLMAQKN4n/OVd0tw==" }, "node_modules/@leafygreen-ui/password-input": { "version": "2.0.0", @@ -1378,9 +1379,13 @@ } }, "node_modules/@leafygreen-ui/polymorphic": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-1.3.7.tgz", - "integrity": "sha512-Tr2TmpS0YFJ3hGNbVWQpeseJRo4kTrVumVlZ4aF4hId1JYDzF0TU5JJO40v+brhbgnKsyBu7+Rvz6ExY1NcKew==" + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/polymorphic/-/polymorphic-2.0.2.tgz", + "integrity": "sha512-OjP+hPG/cwADShcGa1SZdm51G2wVpbNqpU0B3GonEAvGLcAvG4LDMXa7BWo3GDliNkPtVMS86w0eZzEDmLfKmQ==", + "dependencies": { + "@leafygreen-ui/lib": "^13.6.0", + "lodash": "^4.17.21" + } }, "node_modules/@leafygreen-ui/popover": { "version": "11.4.0", @@ -1451,22 +1456,22 @@ } }, "node_modules/@leafygreen-ui/search-input": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/search-input/-/search-input-3.1.0.tgz", - "integrity": "sha512-UdlPXk6goCoBw5J5isP2EP1ADb0AddTe0FuEh359prpUuvHcqjPh4gWBtKBbq+MxypKibPSrobk/YL5H4gacBQ==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/search-input/-/search-input-3.1.1.tgz", + "integrity": "sha512-UtLU+xZWfIJRcd6PT9phWs7utOFalqBGpXVfSpwg+d9RqS2goQgA0Rmtn6NMiXxMcxIzYXJRWQOxPgAU7PPk5Q==", "dependencies": { "@leafygreen-ui/a11y": "^1.4.13", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/input-option": "^1.1.3", - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/input-option": "^1.1.4", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.10", - "@leafygreen-ui/polymorphic": "^1.3.7", + "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", - "@leafygreen-ui/tokens": "^2.8.0", - "@leafygreen-ui/typography": "^19.0.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.0", "lodash": "^4.17.21", "polished": "^4.2.2" }, @@ -1549,14 +1554,14 @@ } }, "node_modules/@leafygreen-ui/skeleton-loader": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/skeleton-loader/-/skeleton-loader-1.2.0.tgz", - "integrity": "sha512-czgfCRxKOgIkHAf2jt/DLXnD86x30iBFS3KFWJGcqp1YRHI3v3DFGsYQYqAeP9/mCb9DD+dZHVq/W2nUi1tNyQ==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/skeleton-loader/-/skeleton-loader-1.2.1.tgz", + "integrity": "sha512-RpKONJI85L6z3+6vNsPD7W+TVDzBdF6uYLH8LO2hoHE/WiDKsuh6cpHBgjg0grA5it3eb/VYQ9NrmpZz1H6qHA==", "dependencies": { - "@leafygreen-ui/card": "^10.0.7", + "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/lib": "^13.3.0", - "@leafygreen-ui/palette": "^4.0.9", + "@leafygreen-ui/palette": "^4.1.0", "@leafygreen-ui/tokens": "^2.5.2", "@leafygreen-ui/typography": "^19.0.0", "lodash": "^4.17.21" @@ -1566,20 +1571,20 @@ } }, "node_modules/@leafygreen-ui/split-button": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/split-button/-/split-button-1.1.0.tgz", - "integrity": "sha512-ZMlrfL0fdv6YU2YZQlmq+V4PVCSwcb9sOGkr+PB1k5YicEYiJoEnE0YVMXzTkJ1T1UwWh+ghu1X1JesBdkrGTw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/split-button/-/split-button-1.1.1.tgz", + "integrity": "sha512-I178QbYHx7SJnIbuHyolimgCd3T1uXF5DXN1aEL8h3k2Rrzv4EIOAzF/MsJNyJMYRKbZhSo4o1fUU3JbU1VQBg==", "dependencies": { "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", - "@leafygreen-ui/lib": "^13.5.0", - "@leafygreen-ui/menu": "^24.2.0", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/lib": "^13.6.0", + "@leafygreen-ui/menu": "^24.2.1", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^1.3.7", + "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", - "@leafygreen-ui/tokens": "^2.8.0" + "@leafygreen-ui/tokens": "^2.9.0" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" @@ -1603,20 +1608,20 @@ } }, "node_modules/@leafygreen-ui/table": { - "version": "12.6.3", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/table/-/table-12.6.3.tgz", - "integrity": "sha512-mWIiBJ9crV0/2sAATaHGLy85S2ZuiscDUr7d4Bi9XmVLbqiGsDted8j4bIqFNVMbrjpcFFcNX6e3oS998g7JiA==", + "version": "12.6.4", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/table/-/table-12.6.4.tgz", + "integrity": "sha512-bXnYUrn+SWdLcaUIjfr3CwLilpdjpLJrW8GY/co4SOqlA57/ih8pi1dei3ltmsjtCxOkupU0jZeMUoF45JNikg==", "dependencies": { "@leafygreen-ui/checkbox": "^13.1.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.0.1", + "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/lib": "^13.3.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^1.3.7", - "@leafygreen-ui/tokens": "^2.5.2", - "@leafygreen-ui/typography": "^19.0.0", + "@leafygreen-ui/polymorphic": "^2.0.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.0", "@tanstack/react-table": "^8.13.2", "lodash": "^4.17.21", "polished": "^4.2.2", @@ -1656,19 +1661,19 @@ } }, "node_modules/@leafygreen-ui/tabs": { - "version": "12.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-12.0.0.tgz", - "integrity": "sha512-oK27W5tQNkL39Hu16tZ87VCbl6sAaxQz1ybbVvY0zgIXwk8RDRqKWMe5ta/Llic5GJ6KsywqmaDNZroavuwcQg==", + "version": "12.0.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-12.0.1.tgz", + "integrity": "sha512-HaZEfLPEDdnAtHxkKEnV/dU1tJnRbYCgct6upFTBLyPeTnnO3pD4u2/zHUGkD3tzWQZbNYVbq0vvrEUKw/6shA==", "dependencies": { "@leafygreen-ui/a11y": "^1.4.13", - "@leafygreen-ui/descendants": "^0.1.1", + "@leafygreen-ui/descendants": "^0.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^1.3.7", - "@leafygreen-ui/tokens": "^2.8.0", - "@leafygreen-ui/typography": "^19.1.1", + "@leafygreen-ui/polymorphic": "^2.0.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.0", "@lg-tools/test-harnesses": "0.1.2" }, "peerDependencies": { @@ -1712,16 +1717,16 @@ } }, "node_modules/@leafygreen-ui/toast": { - "version": "6.1.25", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/toast/-/toast-6.1.25.tgz", - "integrity": "sha512-zd84n+D0uDmYRdQMzO+G+ZmUWahrdn3Ih4BRnzUl9MBinGs1uNseZkBR2rViebKjm3MBf1jkV7b8nF6aKsFJRg==", + "version": "6.1.26", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/toast/-/toast-6.1.26.tgz", + "integrity": "sha512-xpiDgij4B92bVc3RMPE90zb4y4Rhy1zvIfaF1eaCuiSjl2SNwzOIP7OmnB5NDhSpRA4An5xRL5aa2yUHsZaJHw==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.0.1", "@leafygreen-ui/icon-button": "^15.0.21", "@leafygreen-ui/lib": "^13.3.0", - "@leafygreen-ui/palette": "^4.0.9", + "@leafygreen-ui/palette": "^4.1.0", "@leafygreen-ui/portal": "^5.1.1", "@leafygreen-ui/tokens": "^2.5.2", "@leafygreen-ui/typography": "^19.0.0", @@ -1751,11 +1756,11 @@ } }, "node_modules/@leafygreen-ui/tokens": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/tokens/-/tokens-2.8.0.tgz", - "integrity": "sha512-OTSJFGm2avqDVwbzdAEDXWuwRWBKkB6bP6eNnjNhq3wNRTQpLGiBmLXw191iZETBjYl1h/14JG5M1SbynnkqCg==", + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/tokens/-/tokens-2.9.0.tgz", + "integrity": "sha512-Ogn250aFFHylmkKZAtdyS6qhA3JiHra+Zx8tMK500kkWTo8lwh7bSiK6nVwKWzkkeReEr8Iq41a08RjaRaf4HQ==", "dependencies": { - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9" } }, @@ -1780,16 +1785,16 @@ } }, "node_modules/@leafygreen-ui/typography": { - "version": "19.1.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-19.1.2.tgz", - "integrity": "sha512-Fd5NJWrH5yaUSylqDlh+j53AxWmbng1lbjXtCpJ6l6YS4YBgnhjGH3+wGh3XjPxhsiSQv9/eyMNZ1BIgH5V11w==", + "version": "19.2.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-19.2.0.tgz", + "integrity": "sha512-57O0eplpV3nYQMVtSYuOGafPhGC26ShPDTK46HF9I9xCgLRul4YHFM3jwXQEvdWcZO5JSMHzx5iH7ec2+pHBrA==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", - "@leafygreen-ui/icon": "^12.5.2", - "@leafygreen-ui/lib": "^13.4.0", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.10", - "@leafygreen-ui/polymorphic": "^1.3.7", - "@leafygreen-ui/tokens": "^2.7.0" + "@leafygreen-ui/polymorphic": "^2.0.0", + "@leafygreen-ui/tokens": "^2.9.0" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" diff --git a/package.json b/package.json index 17efee84..441e8c99 100644 --- a/package.json +++ b/package.json @@ -17,46 +17,46 @@ "@leafygreen-ui/banner": "^8.0.1", "@leafygreen-ui/button": "^21.2.1", "@leafygreen-ui/callout": "^9.0.22", - "@leafygreen-ui/card": "^10.0.7", + "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/code": "^14.3.3", "@leafygreen-ui/combobox": "^9.1.0", "@leafygreen-ui/confirmation-modal": "^5.2.0", - "@leafygreen-ui/copyable": "^8.0.25", + "@leafygreen-ui/copyable": "^8.1.0", "@leafygreen-ui/date-picker": "^1.2.0", "@leafygreen-ui/empty-state": "^1.0.17", - "@leafygreen-ui/expandable-card": "^3.2.2", + "@leafygreen-ui/expandable-card": "^3.2.3", "@leafygreen-ui/form-footer": "^4.0.0", "@leafygreen-ui/guide-cue": "^5.1.0", - "@leafygreen-ui/icon": "^12.5.3", - "@leafygreen-ui/icon-button": "^15.0.21", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/icon-button": "^15.0.22", "@leafygreen-ui/info-sprinkle": "^1.0.5", "@leafygreen-ui/leafygreen-provider": "^3.1.12", "@leafygreen-ui/loading-indicator": "^2.0.12", "@leafygreen-ui/logo": "^9.1.1", "@leafygreen-ui/marketing-modal": "^4.2.3", - "@leafygreen-ui/modal": "^16.0.8", + "@leafygreen-ui/modal": "^16.0.9", "@leafygreen-ui/number-input": "^2.2.0", "@leafygreen-ui/pagination": "^1.0.24", "@leafygreen-ui/password-input": "^2.0.0", "@leafygreen-ui/pipeline": "^5.0.20", "@leafygreen-ui/radio-box-group": "^13.0.0", "@leafygreen-ui/radio-group": "^11.0.1", - "@leafygreen-ui/search-input": "^3.1.0", + "@leafygreen-ui/search-input": "^3.1.1", "@leafygreen-ui/segmented-control": "^8.2.13", "@leafygreen-ui/select": "^12.1.0", "@leafygreen-ui/side-nav": "^14.1.3", - "@leafygreen-ui/skeleton-loader": "^1.2.0", - "@leafygreen-ui/split-button": "^1.1.0", + "@leafygreen-ui/skeleton-loader": "^1.2.1", + "@leafygreen-ui/split-button": "^1.1.1", "@leafygreen-ui/stepper": "^3.2.13", - "@leafygreen-ui/table": "^12.6.3", - "@leafygreen-ui/tabs": "^12.0.0", + "@leafygreen-ui/table": "^12.6.4", + "@leafygreen-ui/tabs": "^12.0.1", "@leafygreen-ui/text-area": "^9.1.0", "@leafygreen-ui/text-input": "^13.1.0", - "@leafygreen-ui/toast": "^6.1.25", + "@leafygreen-ui/toast": "^6.1.26", "@leafygreen-ui/toggle": "^10.1.1", - "@leafygreen-ui/tokens": "^2.8.0", + "@leafygreen-ui/tokens": "^2.9.0", "@leafygreen-ui/tooltip": "^11.1.0", - "@leafygreen-ui/typography": "^19.1.2", + "@leafygreen-ui/typography": "^19.2.0", "@lg-tools/storybook-utils": "^0.1.1", "@next/third-parties": "^14.2.3", "@storybook/react": "^8.0.10", From 6894d4efa9a9189683f9507b33497e0c58d3f28f Mon Sep 17 00:00:00 2001 From: brooke Date: Mon, 8 Jul 2024 09:56:34 -0400 Subject: [PATCH 2/5] updates components --- package-lock.json | 152 +++++++++--------- package.json | 12 +- src/components/global/Search/Search.styles.ts | 16 ++ src/components/global/{ => Search}/Search.tsx | 34 ++-- src/components/global/Search/index.ts | 1 + .../global/SideNavigation/SideNavigation.tsx | 2 +- src/components/global/index.ts | 2 +- 7 files changed, 115 insertions(+), 104 deletions(-) create mode 100644 src/components/global/Search/Search.styles.ts rename src/components/global/{ => Search}/Search.tsx (75%) create mode 100644 src/components/global/Search/index.ts diff --git a/package-lock.json b/package-lock.json index 113ef8e7..de23b015 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,7 +17,7 @@ "@leafygreen-ui/callout": "^9.0.22", "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/code": "^14.3.3", - "@leafygreen-ui/combobox": "^9.1.0", + "@leafygreen-ui/combobox": "^9.1.1", "@leafygreen-ui/confirmation-modal": "^5.2.0", "@leafygreen-ui/copyable": "^8.1.0", "@leafygreen-ui/date-picker": "^1.2.0", @@ -39,22 +39,22 @@ "@leafygreen-ui/pipeline": "^5.0.20", "@leafygreen-ui/radio-box-group": "^13.0.0", "@leafygreen-ui/radio-group": "^11.0.1", - "@leafygreen-ui/search-input": "^3.1.1", + "@leafygreen-ui/search-input": "^3.1.2", "@leafygreen-ui/segmented-control": "^8.2.13", - "@leafygreen-ui/select": "^12.1.0", + "@leafygreen-ui/select": "^12.1.2", "@leafygreen-ui/side-nav": "^14.1.3", "@leafygreen-ui/skeleton-loader": "^1.2.1", - "@leafygreen-ui/split-button": "^1.1.1", + "@leafygreen-ui/split-button": "^1.1.2", "@leafygreen-ui/stepper": "^3.2.13", "@leafygreen-ui/table": "^12.6.4", - "@leafygreen-ui/tabs": "^12.0.1", + "@leafygreen-ui/tabs": "^12.0.2", "@leafygreen-ui/text-area": "^9.1.0", "@leafygreen-ui/text-input": "^13.1.0", "@leafygreen-ui/toast": "^6.1.26", "@leafygreen-ui/toggle": "^10.1.1", "@leafygreen-ui/tokens": "^2.9.0", "@leafygreen-ui/tooltip": "^11.1.0", - "@leafygreen-ui/typography": "^19.2.0", + "@leafygreen-ui/typography": "^19.2.1", "@lg-tools/storybook-utils": "^0.1.1", "@next/third-parties": "^14.2.3", "@storybook/react": "^8.0.10", @@ -720,13 +720,13 @@ } }, "node_modules/@leafygreen-ui/a11y": { - "version": "1.4.13", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/a11y/-/a11y-1.4.13.tgz", - "integrity": "sha512-ufiO4B40jyqLORhD0mQIpd4aBGpeCnM0dp9BrYggp0vJKhJV5sNSOJb5ytmSPGYXut5yhUZe4smYN5b94YWygQ==", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/a11y/-/a11y-1.5.0.tgz", + "integrity": "sha512-QKnzWWFsw8FR9+KVqQbgzSGC5T2NcsUI1+6bc6+mNh1HwH8nUctrXj0tjTkrV+Dmab8zdeArUz24ly9eEvl7UA==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/lib": "^13.3.0" + "@leafygreen-ui/lib": "^13.6.1" } }, "node_modules/@leafygreen-ui/badge": { @@ -835,16 +835,16 @@ } }, "node_modules/@leafygreen-ui/chip": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/chip/-/chip-1.0.2.tgz", - "integrity": "sha512-6bUi08tlwTWK5itfr/Wpf4jPGBvVEOMZ8m4AkicOzG+1kczUw3SGhQQO1axhVjaN8UC7fGjnPzSpEBm8zeseGg==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/chip/-/chip-1.1.0.tgz", + "integrity": "sha512-oNqNkoqJKSQ0nGyg56uP+1/PYTbAAaXQDYtNnYuHnVEBl90Qc9+io9K1dC2anc08LcDVRI0g82q6AHv/8+s1cg==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", - "@leafygreen-ui/icon": "^12.0.1", + "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/inline-definition": "^6.0.15", - "@leafygreen-ui/lib": "^13.3.0", + "@leafygreen-ui/lib": "^13.6.0", "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/tokens": "^2.5.2" + "@leafygreen-ui/tokens": "^2.9.0" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" @@ -880,23 +880,23 @@ } }, "node_modules/@leafygreen-ui/combobox": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/combobox/-/combobox-9.1.0.tgz", - "integrity": "sha512-SFoeRfawHnfe8fsqMY8Oqnc5w4p9GNlE6ZD8890NhpileJQdI1FvRiO2DTfE/AhI33JIKqQh3td+NWO2s9YDBw==", + "version": "9.1.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/combobox/-/combobox-9.1.1.tgz", + "integrity": "sha512-aFeKOkB1rs5k6o1fJp3+zsbbUOVIiCTv5IyxAcljHYhdlAW9k7GGWEOgRpCejK5bo0o/uJjT592XmjhnuNJbxw==", "dependencies": { "@leafygreen-ui/checkbox": "^13.1.0", - "@leafygreen-ui/chip": "^1.0.2", + "@leafygreen-ui/chip": "^1.1.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.0", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", + "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/input-option": "^1.1.3", - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/input-option": "^2.0.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/popover": "^11.4.0", - "@leafygreen-ui/tokens": "^2.8.0", - "@leafygreen-ui/typography": "^19.1.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.1", "chalk": "^4.1.2", "lodash": "^4.17.21", "polished": "^4.2.2" @@ -986,9 +986,9 @@ } }, "node_modules/@leafygreen-ui/descendants": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/descendants/-/descendants-0.2.0.tgz", - "integrity": "sha512-BZ5tYt4s7GV0vgyDRFmHWXzDodLc4ZBs25kegyBdjsVWcZkVDw1wME1Pcu0u/4TeLhgPFelIW9fGLvr3UAUDXA==", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/descendants/-/descendants-0.3.0.tgz", + "integrity": "sha512-nfJIUPtRpFCUzQtaPKvT4QzDwjLnPRgvNUarfChIK4eXZKnV9W8PvLsz/jJGxF4stCWPP8Mx85zNppLsuyBZgg==", "dependencies": { "@leafygreen-ui/hooks": "^8.1.3", "lodash": "^4.17.21" @@ -1167,17 +1167,17 @@ } }, "node_modules/@leafygreen-ui/input-option": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-1.1.4.tgz", - "integrity": "sha512-tti2719MBIId67OwbAnXXm71kqDRGa6Xjiy2cCVWL0au6rYpcm7RXio9J6KZyk4aUvHGu3f6jMNKQgifapvSlw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-2.0.0.tgz", + "integrity": "sha512-gfT6/sX1CidhKDhYZATxIFFXoybJOZ1nbXCx2exJ8DzwB4gGKqZV3WtfrVYz9qT7oevqM1kyHBe/y3/y1j1iLw==", "dependencies": { - "@leafygreen-ui/a11y": "^1.4.13", + "@leafygreen-ui/a11y": "^1.5.0", "@leafygreen-ui/emotion": "^4.0.8", - "@leafygreen-ui/lib": "^13.6.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/tokens": "^2.9.0", - "@leafygreen-ui/typography": "^19.2.0" + "@leafygreen-ui/typography": "^19.2.1" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^3.1.12" @@ -1193,9 +1193,9 @@ } }, "node_modules/@leafygreen-ui/lib": { - "version": "13.6.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-13.6.0.tgz", - "integrity": "sha512-4TglZhImmJ5G13nEoBsNkwBEDZLS0Qo4b3hfPnJsXQ0+BYguxExevan6S7i7hQ4iwvZekCVKGd/yrp0UonrOHQ==", + "version": "13.6.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-13.6.1.tgz", + "integrity": "sha512-NaA0qmbY3QUg0GMpbaK0cdif2lRnGrzXMadi3ETRXHgMRljHi4y5I+v02bjggQ7vOW9VWhSooCF5HTtNd5j3fw==", "dependencies": { "@storybook/csf": "^0.1.0", "lodash": "^4.17.21", @@ -1249,20 +1249,24 @@ } }, "node_modules/@leafygreen-ui/menu": { - "version": "24.2.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/menu/-/menu-24.2.1.tgz", - "integrity": "sha512-bMbR82t1kYx1E8GwoBffK4gNRv2OiQieihD111xXgSxk8o3u+Xnx3YBbcKTX7LCqH17PFny+GQZlO1ltkrEnGw==", + "version": "25.0.0", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/menu/-/menu-25.0.0.tgz", + "integrity": "sha512-YcQ0FMCcSl189xWuQ9Xf8P7eBWQJXYBziHGWROZ43QuOLT2YV0qvkzSX+n43IcAENUaUu2BXiB6TZeaxvk0mKQ==", "dependencies": { + "@leafygreen-ui/descendants": "^0.3.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/lib": "^13.6.0", + "@leafygreen-ui/input-option": "^2.0.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.1", "lodash": "^4.17.21", + "polished": "^4.3.1", "react-transition-group": "^4.4.5" }, "peerDependencies": { @@ -1456,22 +1460,22 @@ } }, "node_modules/@leafygreen-ui/search-input": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/search-input/-/search-input-3.1.1.tgz", - "integrity": "sha512-UtLU+xZWfIJRcd6PT9phWs7utOFalqBGpXVfSpwg+d9RqS2goQgA0Rmtn6NMiXxMcxIzYXJRWQOxPgAU7PPk5Q==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/search-input/-/search-input-3.1.2.tgz", + "integrity": "sha512-zsiXZ4QfTSYiNUvcLxAoi+xNDO8dKRpb+FMixvg7EeqLGUnirgj3PgbQMaBTUiyIsr0ZG5MffqafO3iORHaPvg==", "dependencies": { - "@leafygreen-ui/a11y": "^1.4.13", + "@leafygreen-ui/a11y": "^1.5.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.5.4", "@leafygreen-ui/icon-button": "^15.0.21", - "@leafygreen-ui/input-option": "^1.1.4", - "@leafygreen-ui/lib": "^13.6.0", + "@leafygreen-ui/input-option": "^2.0.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.10", "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", "@leafygreen-ui/tokens": "^2.9.0", - "@leafygreen-ui/typography": "^19.2.0", + "@leafygreen-ui/typography": "^19.2.1", "lodash": "^4.17.21", "polished": "^4.2.2" }, @@ -1500,21 +1504,21 @@ } }, "node_modules/@leafygreen-ui/select": { - "version": "12.1.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-12.1.0.tgz", - "integrity": "sha512-4NaDvlYWciwg83snMwKrmUx9mvUrGzucqGRAIShsH9M4R21Bvdy2sXMWcjX/w8tZCwT500Jk6xWJll9op2Yx9w==", + "version": "12.1.2", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-12.1.2.tgz", + "integrity": "sha512-Nj9Y0JT60LBPIVedmkZ0uay5YBindExdBaZKxbyRODr7/7/eyMTb2KSlUvk63l8QyZKWL4CS2giqtOu5jj+5Wg==", "dependencies": { "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.0", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/icon": "^12.5.0", - "@leafygreen-ui/input-option": "^1.1.3", - "@leafygreen-ui/lib": "^13.5.0", + "@leafygreen-ui/icon": "^12.5.4", + "@leafygreen-ui/input-option": "^2.0.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.10", "@leafygreen-ui/popover": "^11.4.0", - "@leafygreen-ui/tokens": "^2.8.0", - "@leafygreen-ui/typography": "^19.1.0", + "@leafygreen-ui/tokens": "^2.9.0", + "@leafygreen-ui/typography": "^19.2.1", "@lg-tools/test-harnesses": "^0.1.2", "@types/react-is": "^18.0.0", "lodash": "^4.17.21", @@ -1571,16 +1575,16 @@ } }, "node_modules/@leafygreen-ui/split-button": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/split-button/-/split-button-1.1.1.tgz", - "integrity": "sha512-I178QbYHx7SJnIbuHyolimgCd3T1uXF5DXN1aEL8h3k2Rrzv4EIOAzF/MsJNyJMYRKbZhSo4o1fUU3JbU1VQBg==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/split-button/-/split-button-1.1.2.tgz", + "integrity": "sha512-sMryVfNlct5rBH3hly6BzB6J/x1V2EyFx9O4ibtmXRFdzSglis6ueQGJYhSFgd/WropS8O8AAFuieF5H6u2WGw==", "dependencies": { "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.5.4", - "@leafygreen-ui/lib": "^13.6.0", - "@leafygreen-ui/menu": "^24.2.1", + "@leafygreen-ui/lib": "^13.6.1", + "@leafygreen-ui/menu": "^25.0.0", "@leafygreen-ui/palette": "^4.0.9", "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/popover": "^11.4.0", @@ -1661,19 +1665,19 @@ } }, "node_modules/@leafygreen-ui/tabs": { - "version": "12.0.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-12.0.1.tgz", - "integrity": "sha512-HaZEfLPEDdnAtHxkKEnV/dU1tJnRbYCgct6upFTBLyPeTnnO3pD4u2/zHUGkD3tzWQZbNYVbq0vvrEUKw/6shA==", + "version": "12.0.2", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-12.0.2.tgz", + "integrity": "sha512-hlD8R78zVJS9RVY6sYYHsmaX5LP0GNVi+PGea/GBX2hXaKCrYksy16O/4+KiCEnHQxDtGnVCtIOrjxhKwpp1lQ==", "dependencies": { - "@leafygreen-ui/a11y": "^1.4.13", - "@leafygreen-ui/descendants": "^0.2.0", + "@leafygreen-ui/a11y": "^1.5.0", + "@leafygreen-ui/descendants": "^0.3.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/hooks": "^8.1.3", - "@leafygreen-ui/lib": "^13.6.0", - "@leafygreen-ui/palette": "^4.0.9", - "@leafygreen-ui/polymorphic": "^2.0.0", + "@leafygreen-ui/lib": "^13.6.1", + "@leafygreen-ui/palette": "^4.1.0", + "@leafygreen-ui/polymorphic": "^2.0.2", "@leafygreen-ui/tokens": "^2.9.0", - "@leafygreen-ui/typography": "^19.2.0", + "@leafygreen-ui/typography": "^19.2.1", "@lg-tools/test-harnesses": "0.1.2" }, "peerDependencies": { @@ -1785,13 +1789,13 @@ } }, "node_modules/@leafygreen-ui/typography": { - "version": "19.2.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-19.2.0.tgz", - "integrity": "sha512-57O0eplpV3nYQMVtSYuOGafPhGC26ShPDTK46HF9I9xCgLRul4YHFM3jwXQEvdWcZO5JSMHzx5iH7ec2+pHBrA==", + "version": "19.2.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-19.2.1.tgz", + "integrity": "sha512-pLTHlLpj8uRBbVkqXpL7JWZe7e2qAIhZQzXQ/NJVY3VN/dUyFchEL1FGptQoIIP7LdSI6n9PikANZMcy9gplog==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/icon": "^12.5.4", - "@leafygreen-ui/lib": "^13.6.0", + "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.10", "@leafygreen-ui/polymorphic": "^2.0.0", "@leafygreen-ui/tokens": "^2.9.0" diff --git a/package.json b/package.json index 441e8c99..7c1ad488 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,7 @@ "@leafygreen-ui/callout": "^9.0.22", "@leafygreen-ui/card": "^11.0.0", "@leafygreen-ui/code": "^14.3.3", - "@leafygreen-ui/combobox": "^9.1.0", + "@leafygreen-ui/combobox": "^9.1.1", "@leafygreen-ui/confirmation-modal": "^5.2.0", "@leafygreen-ui/copyable": "^8.1.0", "@leafygreen-ui/date-picker": "^1.2.0", @@ -41,22 +41,22 @@ "@leafygreen-ui/pipeline": "^5.0.20", "@leafygreen-ui/radio-box-group": "^13.0.0", "@leafygreen-ui/radio-group": "^11.0.1", - "@leafygreen-ui/search-input": "^3.1.1", + "@leafygreen-ui/search-input": "^3.1.2", "@leafygreen-ui/segmented-control": "^8.2.13", - "@leafygreen-ui/select": "^12.1.0", + "@leafygreen-ui/select": "^12.1.2", "@leafygreen-ui/side-nav": "^14.1.3", "@leafygreen-ui/skeleton-loader": "^1.2.1", - "@leafygreen-ui/split-button": "^1.1.1", + "@leafygreen-ui/split-button": "^1.1.2", "@leafygreen-ui/stepper": "^3.2.13", "@leafygreen-ui/table": "^12.6.4", - "@leafygreen-ui/tabs": "^12.0.1", + "@leafygreen-ui/tabs": "^12.0.2", "@leafygreen-ui/text-area": "^9.1.0", "@leafygreen-ui/text-input": "^13.1.0", "@leafygreen-ui/toast": "^6.1.26", "@leafygreen-ui/toggle": "^10.1.1", "@leafygreen-ui/tokens": "^2.9.0", "@leafygreen-ui/tooltip": "^11.1.0", - "@leafygreen-ui/typography": "^19.2.0", + "@leafygreen-ui/typography": "^19.2.1", "@lg-tools/storybook-utils": "^0.1.1", "@next/third-parties": "^14.2.3", "@storybook/react": "^8.0.10", diff --git a/src/components/global/Search/Search.styles.ts b/src/components/global/Search/Search.styles.ts new file mode 100644 index 00000000..fdc8bc11 --- /dev/null +++ b/src/components/global/Search/Search.styles.ts @@ -0,0 +1,16 @@ +import { css } from '@emotion/css'; +import { spacing } from '@leafygreen-ui/tokens'; + +export const searchInputStyle = css` + margin: ${spacing[400]}px ${spacing[600]}px; +`; + +export const descriptionStyle = css` + text-transform: capitalize; +`; + +export const searchResultStyle = css` + display: flex; + align-items: center; + gap: ${spacing[200]}px; +`; diff --git a/src/components/global/Search.tsx b/src/components/global/Search/Search.tsx similarity index 75% rename from src/components/global/Search.tsx rename to src/components/global/Search/Search.tsx index 608a84bf..02d86a9e 100644 --- a/src/components/global/Search.tsx +++ b/src/components/global/Search/Search.tsx @@ -1,15 +1,19 @@ import React, { useEffect, useState, useCallback } from 'react'; -import Link from 'next/link'; -import { css } from '@emotion/css'; +import { useRouter } from 'next/navigation'; import Fuse, { IFuseOptions } from 'fuse.js'; import debounce from 'lodash/debounce'; // @ts-expect-error import LockIcon from '@leafygreen-ui/icon/dist/Lock'; import { SearchInput, SearchResult } from '@leafygreen-ui/search-input'; -import { spacing } from '@leafygreen-ui/tokens'; import { useSession } from '@/hooks'; import { components } from '@/utils/components'; +import { + descriptionStyle, + searchInputStyle, + searchResultStyle, +} from './Search.styles'; + const fuseOptions = { includeScore: true, keys: ['name', 'subComponents', 'group'], @@ -22,6 +26,7 @@ const useFuseSearch = (data: any[], options: IFuseOptions) => { }; export function Search() { + const router = useRouter(); const session = useSession(); const [searchTerm, setSearchTerm] = useState(''); const [results, setResults] = useState(components); @@ -54,34 +59,19 @@ export function Search() { size="small" value={searchTerm} onChange={handleSearchChange} - className={css` - margin: ${spacing[400]}px ${spacing[600]}px; - `} + className={searchInputStyle} > {results.map(item => ( router.push(item.navPath ?? '/')} description={ -
+
{item.group.split('-').join(' ')}
} - href={item.navPath ?? '/'} - // @ts-expect-error Polymorphic - as={Link} > -
+
{item.name} {item.isPrivate && !session?.user && }
diff --git a/src/components/global/Search/index.ts b/src/components/global/Search/index.ts new file mode 100644 index 00000000..6860ea7e --- /dev/null +++ b/src/components/global/Search/index.ts @@ -0,0 +1 @@ +export { Search } from './Search'; diff --git a/src/components/global/SideNavigation/SideNavigation.tsx b/src/components/global/SideNavigation/SideNavigation.tsx index 3f1b92a9..f8494625 100644 --- a/src/components/global/SideNavigation/SideNavigation.tsx +++ b/src/components/global/SideNavigation/SideNavigation.tsx @@ -24,7 +24,7 @@ import { color, spacing } from '@leafygreen-ui/tokens'; import { SIDE_NAV_WIDTH } from '@/constants'; import { useMediaQuery } from '@/hooks'; import { ComponentMeta, Group, groupedComponents } from '@/utils/components'; -import { Search } from '../Search'; +import { Search } from '../Search/Search'; import { Drawer } from './Drawer'; import { SideNavItem } from './SideNavItem'; import { SideNavLabel } from './SideNavLabel'; diff --git a/src/components/global/index.ts b/src/components/global/index.ts index 90a2c499..41321b49 100644 --- a/src/components/global/index.ts +++ b/src/components/global/index.ts @@ -3,6 +3,6 @@ export { Footer } from './Footer'; export { LogIn } from './LogIn'; export { NotFound } from './NotFound'; export { RootStyleRegistry } from './RootStyleRegistry'; -export { Search } from './Search'; +export { Search } from './Search/Search'; export { SideNavigation } from './SideNavigation'; export { UserMenu } from './UserMenu'; From fed8605207451c2df3e7a6de8060863bb3759e9d Mon Sep 17 00:00:00 2001 From: brooke Date: Mon, 8 Jul 2024 10:18:39 -0400 Subject: [PATCH 3/5] fix build error --- src/components/home/HomeCard.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/home/HomeCard.tsx b/src/components/home/HomeCard.tsx index de36fbb4..f13a4bda 100644 --- a/src/components/home/HomeCard.tsx +++ b/src/components/home/HomeCard.tsx @@ -22,6 +22,7 @@ export function HomeCard({ title, description, link, ...rest }: HomeCardProps) { const router = useRouter(); return ( + // @ts-expect-error properties ref incompatible Date: Mon, 8 Jul 2024 14:17:02 -0400 Subject: [PATCH 4/5] update fixes --- package-lock.json | 16 ++++++++-------- package.json | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index de23b015..39a3d217 100644 --- a/package-lock.json +++ b/package-lock.json @@ -41,7 +41,7 @@ "@leafygreen-ui/radio-group": "^11.0.1", "@leafygreen-ui/search-input": "^3.1.2", "@leafygreen-ui/segmented-control": "^8.2.13", - "@leafygreen-ui/select": "^12.1.2", + "@leafygreen-ui/select": "^12.1.3", "@leafygreen-ui/side-nav": "^14.1.3", "@leafygreen-ui/skeleton-loader": "^1.2.1", "@leafygreen-ui/split-button": "^1.1.2", @@ -1167,9 +1167,9 @@ } }, "node_modules/@leafygreen-ui/input-option": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-2.0.0.tgz", - "integrity": "sha512-gfT6/sX1CidhKDhYZATxIFFXoybJOZ1nbXCx2exJ8DzwB4gGKqZV3WtfrVYz9qT7oevqM1kyHBe/y3/y1j1iLw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/input-option/-/input-option-2.0.1.tgz", + "integrity": "sha512-6BSiSm4M+v6wp7RVdYOxdzv30vgV+iyIsmHbZH0J99hp1YzlQ2+9iv/CCO0k0v4nSjI0kbf6/WxEiHQKfOqXHQ==", "dependencies": { "@leafygreen-ui/a11y": "^1.5.0", "@leafygreen-ui/emotion": "^4.0.8", @@ -1504,16 +1504,16 @@ } }, "node_modules/@leafygreen-ui/select": { - "version": "12.1.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-12.1.2.tgz", - "integrity": "sha512-Nj9Y0JT60LBPIVedmkZ0uay5YBindExdBaZKxbyRODr7/7/eyMTb2KSlUvk63l8QyZKWL4CS2giqtOu5jj+5Wg==", + "version": "12.1.3", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-12.1.3.tgz", + "integrity": "sha512-ukhrtJI0iWwKAJVYnYsrXTXkAnJ6vN1jT4tWYuZQO0irKX84sDDED6X4oJxCuoWrNVp8zy0fUsmeouu0lr4V5w==", "dependencies": { "@leafygreen-ui/button": "^21.2.0", "@leafygreen-ui/emotion": "^4.0.8", "@leafygreen-ui/form-field": "^1.2.0", "@leafygreen-ui/hooks": "^8.1.3", "@leafygreen-ui/icon": "^12.5.4", - "@leafygreen-ui/input-option": "^2.0.0", + "@leafygreen-ui/input-option": "^2.0.1", "@leafygreen-ui/lib": "^13.6.1", "@leafygreen-ui/palette": "^4.0.10", "@leafygreen-ui/popover": "^11.4.0", diff --git a/package.json b/package.json index 7c1ad488..d58cb3ee 100644 --- a/package.json +++ b/package.json @@ -43,7 +43,7 @@ "@leafygreen-ui/radio-group": "^11.0.1", "@leafygreen-ui/search-input": "^3.1.2", "@leafygreen-ui/segmented-control": "^8.2.13", - "@leafygreen-ui/select": "^12.1.2", + "@leafygreen-ui/select": "^12.1.3", "@leafygreen-ui/side-nav": "^14.1.3", "@leafygreen-ui/skeleton-loader": "^1.2.1", "@leafygreen-ui/split-button": "^1.1.2", From c9f82faefb5f4c6d2ad2337f413670fb8535dfa4 Mon Sep 17 00:00:00 2001 From: brooke Date: Mon, 8 Jul 2024 14:18:32 -0400 Subject: [PATCH 5/5] BETTER --- src/components/global/Search/Search.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/global/Search/Search.tsx b/src/components/global/Search/Search.tsx index 02d86a9e..c69ba069 100644 --- a/src/components/global/Search/Search.tsx +++ b/src/components/global/Search/Search.tsx @@ -1,5 +1,5 @@ import React, { useEffect, useState, useCallback } from 'react'; -import { useRouter } from 'next/navigation'; +import Link from 'next/link'; import Fuse, { IFuseOptions } from 'fuse.js'; import debounce from 'lodash/debounce'; // @ts-expect-error @@ -26,7 +26,6 @@ const useFuseSearch = (data: any[], options: IFuseOptions) => { }; export function Search() { - const router = useRouter(); const session = useSession(); const [searchTerm, setSearchTerm] = useState(''); const [results, setResults] = useState(components); @@ -64,7 +63,8 @@ export function Search() { {results.map(item => ( router.push(item.navPath ?? '/')} + href={item.navPath ?? '/'} + as={Link} description={
{item.group.split('-').join(' ')}