@launchdarkly/toolbar 0.22.1-beta.1 → 0.22.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/js/index.js +35 -14
  2. package/package.json +1 -1
package/dist/js/index.js CHANGED
@@ -592,7 +592,7 @@ var __webpack_modules__ = {
592
592
  ]);
593
593
  const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
594
594
  },
595
- "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V227jIBBA3/MVo0ortdJS4TRJE/K4H7LCNrZpMSDAjbOr/vsKbC924qSp2pckMMNczlzy+HvXVDv6guHvAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPkfRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTjH+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8z/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW6/2+DupJs8Rsliz8Rz1hjr20UrfrYvhzU5bbP+9svRAjhDpeW+JKTrWsCPSwuMWvbzbBSibJIoqXwPhXSvTMxymJhPzFd0Qrv1xYW4tpaifhr0hzX6tJl2TxakPWRkOiX81VWeT1Z5Px4frtL4nt2UY/Swmf5XJCdJFufhRGE5F+vMdM+tktu3cvRXTfzNRj6knjXGMOl++cT3i/d/eH3aB8cIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
595
+ "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V3W7bIBSA7/MUZ5UmtdKocJqkCbncg0zYxjYtBgS4cTb13SewPezESVN1N0ngHM7Pd37y+GvXVDv6guHPAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPlvRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTj7+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8y/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW7/t8HdSTd5jJLFnonnrDHWt4tW/GxfDmty2mb97ZejBXCGSst9SUjXtYAflxYYtezH2ShE2SRRUvkeCulemZjlMDGfmK/ohHbriwtxbS1F/TToD2v0aTPtnixIe8jIdEpYt/CN11oZR6X76l7PJ3u9n5UP92p8z25KOHrYTP84kpOMi/NworCci3Vm1Of2yu0rOvqrJv5mIx9SzxpjmHQ/feL7xftf38IxqNQIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
596
596
  __webpack_require__.d(__webpack_exports__, {
597
597
  A: ()=>__WEBPACK_DEFAULT_EXPORT__
598
598
  });
@@ -703,8 +703,8 @@ var __webpack_modules__ = {
703
703
  ._9uh9ajc {
704
704
  align-items: center;
705
705
  gap: 8px;
706
- padding-right: 0;
707
706
  display: flex;
707
+ padding-right: 0 !important;
708
708
  }
709
709
 
710
710
  ._9uh9ajd {
@@ -1667,7 +1667,7 @@ var __webpack_modules__ = {
1667
1667
  ]);
1668
1668
  const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
1669
1669
  },
1670
- "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
1670
+ "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMDpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
1671
1671
  __webpack_require__.d(__webpack_exports__, {
1672
1672
  A: ()=>__WEBPACK_DEFAULT_EXPORT__
1673
1673
  });
@@ -1701,6 +1701,10 @@ var __webpack_modules__ = {
1701
1701
  background-color: var(--lp-color-gray-800);
1702
1702
  }
1703
1703
 
1704
+ .i03vv30:focus {
1705
+ outline: none;
1706
+ }
1707
+
1704
1708
  .i03vv31 {
1705
1709
  width: 30px;
1706
1710
  height: 30px;
@@ -2617,7 +2621,7 @@ const CircleLogo = /*#__PURE__*/ forwardRef((props, ref)=>{
2617
2621
  })
2618
2622
  }, "circle-logo");
2619
2623
  });
2620
- var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V227jIBBA3/MVo0ortdJS4TRJE/K4H7LCNrZpMSDAjbOr/vsKbC924qSp2pckMMNczlzy+HvXVDv6guHvAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPkfRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTjH+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8z/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW6/2+DupJs8Rsliz8Rz1hjr20UrfrYvhzU5bbP+9svRAjhDpeW+JKTrWsCPSwuMWvbzbBSibJIoqXwPhXSvTMxymJhPzFd0Qrv1xYW4tpaifhr0hzX6tJl2TxakPWRkOiX81VWeT1Z5Px4frtL4nt2UY/Swmf5XJCdJFufhRGE5F+vMdM+tktu3cvRXTfzNRj6knjXGMOl++cT3i/d/eH3aB8cIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2624
+ var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V3W7bIBSA7/MUZ5UmtdKocJqkCbncg0zYxjYtBgS4cTb13SewPezESVN1N0ngHM7Pd37y+GvXVDv6guHPAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPlvRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTj7+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8y/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW7/t8HdSTd5jJLFnonnrDHWt4tW/GxfDmty2mb97ZejBXCGSst9SUjXtYAflxYYtezH2ShE2SRRUvkeCulemZjlMDGfmK/ohHbriwtxbS1F/TToD2v0aTPtnixIe8jIdEpYt/CN11oZR6X76l7PJ3u9n5UP92p8z25KOHrYTP84kpOMi/NworCci3Vm1Of2yu0rOvqrJv5mIx9SzxpjmHQ/feL7xftf38IxqNQIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2621
2625
  var webpack_plugin_extracted_options = {};
2622
2626
  webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
2623
2627
  webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -2680,7 +2684,7 @@ function EnvironmentLabel(props) {
2680
2684
  })
2681
2685
  });
2682
2686
  }
2683
- var _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2687
+ var _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMDpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2684
2688
  var _vanilla_extract_webpack_plugin_extracted_options = {};
2685
2689
  _vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
2686
2690
  _vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -2740,17 +2744,31 @@ function SearchSection(props) {
2740
2744
  const handleBlur = ()=>{
2741
2745
  if (!searchTerm.trim()) setSearchIsExpanded(false);
2742
2746
  };
2747
+ const handleClear = ()=>{
2748
+ if (searchTerm.trim()) onSearch('');
2749
+ else setSearchIsExpanded(false);
2750
+ };
2743
2751
  return /*#__PURE__*/ jsx(motion.div, {
2744
2752
  className: searchFieldWrapper,
2745
2753
  initial: {
2746
- scale: 0.95
2754
+ scale: 0.9,
2755
+ opacity: 0,
2756
+ x: -20
2747
2757
  },
2748
2758
  animate: {
2749
- scale: 1
2759
+ scale: 1,
2760
+ opacity: 1,
2761
+ x: 0
2750
2762
  },
2751
2763
  transition: {
2752
- duration: 0.2,
2753
- ease: 'easeOut'
2764
+ duration: 0.25,
2765
+ ease: [
2766
+ 0.25,
2767
+ 0.46,
2768
+ 0.45,
2769
+ 0.94
2770
+ ],
2771
+ delay: 0.15
2754
2772
  },
2755
2773
  children: /*#__PURE__*/ jsx(SearchField, {
2756
2774
  "aria-label": "Search",
@@ -2771,7 +2789,7 @@ function SearchSection(props) {
2771
2789
  /*#__PURE__*/ jsx(IconButton, {
2772
2790
  icon: /*#__PURE__*/ jsx(CancelCircleIcon, {}),
2773
2791
  label: "Clear",
2774
- onClick: ()=>onSearch(''),
2792
+ onClick: handleClear,
2775
2793
  size: "medium"
2776
2794
  })
2777
2795
  ]
@@ -2963,6 +2981,7 @@ function ActionButtons(props) {
2963
2981
  className: rightSection,
2964
2982
  children: [
2965
2983
  showSearchButton && /*#__PURE__*/ jsx(AnimatePresence, {
2984
+ mode: "wait",
2966
2985
  children: !searchIsExpanded && /*#__PURE__*/ jsx(motion.div, {
2967
2986
  className: searchButtonArea,
2968
2987
  initial: {
@@ -2981,8 +3000,8 @@ function ActionButtons(props) {
2981
3000
  x: 10
2982
3001
  },
2983
3002
  transition: {
2984
- duration: 0.2,
2985
- ease: 'easeInOut'
3003
+ duration: 0.15,
3004
+ ease: 'easeOut'
2986
3005
  },
2987
3006
  children: /*#__PURE__*/ jsx(IconButton, {
2988
3007
  icon: /*#__PURE__*/ jsx(SearchIcon, {}),
@@ -3662,10 +3681,12 @@ function Header(props) {
3662
3681
  },
3663
3682
  exit: {
3664
3683
  opacity: 0,
3665
- scale: 0.95
3684
+ scale: 0.9,
3685
+ x: -20
3666
3686
  },
3667
3687
  transition: {
3668
- duration: 0.2
3688
+ duration: 0.15,
3689
+ ease: 'easeIn'
3669
3690
  },
3670
3691
  children: /*#__PURE__*/ jsx(SearchSection, {
3671
3692
  searchTerm: searchTerm,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchdarkly/toolbar",
3
- "version": "0.22.1-beta.1",
3
+ "version": "0.22.2-beta.1",
4
4
  "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
5
5
  "keywords": [
6
6
  "launchdarkly",