@launchdarkly/toolbar 0.21.0-beta.1 → 0.22.1-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 (9) hide show
  1. package/dist/js/index.js +119 -63
  2. package/dist/ui/Toolbar/Header/Header.d.ts +1 -0
  3. package/dist/ui/Toolbar/Header/components/LogoSection.d.ts +6 -1
  4. package/dist/ui/Toolbar/components/CircleLogo.d.ts +2 -1
  5. package/dist/ui/Toolbar/components/ExpandedToolbarContent.d.ts +1 -0
  6. package/dist/ui/Toolbar/components/Popover.css.d.ts +2 -0
  7. package/dist/ui/Toolbar/components/icons/LaunchDarklyLogo.d.ts +2 -1
  8. package/dist/ui/constants/zIndex.d.ts +4 -0
  9. package/package.json +1 -1
package/dist/js/index.js CHANGED
@@ -740,7 +740,7 @@ var __webpack_modules__ = {
740
740
  ]);
741
741
  const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
742
742
  },
743
- "../../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/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61UwW7jIBC95yvmslJyoMLZZJuSj6kwYHsaAhaMU6er/vsKnKRx4q661R5neLx5M2/g4blwK4XHI4ffM4DWRyT0TkCFvdHbGcAbQ6dNL6DgnKdEKdWuDr5zmilvfRBwkGHOmG2HmNVBHtkT54uM9kGbIKBoe4jeop5EP57Q/mBCZf2rgAa1Ni7lVBdiqtJ6dGRCSmmMrZVHAZU1fUpIi7VjSGYfBShzxr10kbA6MuUdGUcfR++zh3PjRW48YN2QgCVv+0E1kd9/xBSki5UPe+YD1ujECTHcG/EtM5811Xfo0rUR288pdeTbv3GRbyd0rSZ0fYHoTtE689yZcoX4NUJoU8nOUqqQ3GIag1HDjilvu7278y9SMKSaSQMzRSQZxqIeb7ZXltHbjsylyTX/sb20fwpeUVMjYLUZ+m/MMOVz/D+XbJP1nQoubwqeY1++GEWswsThHUnMs6nQUnpBZfbUmRjnfAHoDibQvFhcBhubgG4ngI/El9ar3UjL07WWgg+zuGv2M6+uiGQm+rfvYOqBD18EC1JjFwUUyzSOqzplrrNHxy4WrfkNRmXMVy1rpdboagGbtofT9L/zrX2uWWc9SYaAYjt7/wMZkZDPaAUAAA==\"}!../../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__) {
743
+ "../../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/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA7VU0Y7aMBB85yv8UgkefHIoFDAfUzm2k+xhvJHtcKHV/XtlB3IkhBO9qo/rjMezs7N5+ZnZlYTzmZHfM0Jq9BAALScFtFrtZ4T8omCVbjlZZqvNirGMsXicC3koHTZWUYkGHScn4eaUmrqraenEme4YWyQ0OqUdJ1ndEo8G1CR6c0HjSbvC4BsnFSilbTyTjfPxlRrBBu3ikQJfG3HmpDC6jQfCQGkpBH30nEh9xb02PkBxphJt0DZ8fHqfvVzbz1L7DsoqcLJkddupDgGPH3VwwvoC3ZGigxIsvyC6ewO+ZeIzuvgKXbw2YPs+pS5g/RlXwHpC12pC1xNEd4rWieduKDeIHwOE0oVoTIgvxGlRBU7LLmkSTXO0d/Pzwekgq8kBJgofhBuK2owyLHKPpgm6b3LNvu379i/FG6hQcbLadv1XunP5Wv9zyP7vqnRo6oSCxvc9TSwLNsGA1ZxYtHroGi9QNp6ewENudPKwRy8fqchNo+n6urAdnGJReB3SrdETVdzpRP2cG9vEfEOxTZcvw1qOhnWtMX/VMtACov9og4CUqwJMiJbmaR+s9n7OFgTsSbswzxZ9KH3lwB44YYPB5wblYaBld6slY53nd0F5lPMbIvEXjuw++TmOUpCN/c/TO0ewtI/3mo0wMmGejXstlAJbcrKtW3Jx/ys5f6xZJT1RBifZfvb+B/3yT8aqBgAA\"}!../../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__) {
744
744
  __webpack_require__.d(__webpack_exports__, {
745
745
  A: ()=>__WEBPACK_DEFAULT_EXPORT__
746
746
  });
@@ -752,7 +752,7 @@ var __webpack_modules__ = {
752
752
  ___CSS_LOADER_EXPORT___.push([
753
753
  module.id,
754
754
  `._1n4ciyy0 {
755
- z-index: 1000;
755
+ z-index: 2147400100;
756
756
  background-color: var(--lp-color-gray-900);
757
757
  border: 1px solid var(--lp-color-gray-700);
758
758
  cursor: pointer;
@@ -799,6 +799,11 @@ var __webpack_modules__ = {
799
799
  }
800
800
 
801
801
  ._1n4ciyy7 {
802
+ background-color: var(--lp-color-gray-900);
803
+ border: 1px solid var(--lp-color-gray-700);
804
+ cursor: pointer;
805
+ border-radius: 50%;
806
+ outline: none;
802
807
  justify-content: center;
803
808
  align-items: center;
804
809
  width: 48px;
@@ -809,6 +814,15 @@ var __webpack_modules__ = {
809
814
  left: 50%;
810
815
  }
811
816
 
817
+ ._1n4ciyy7:focus-visible {
818
+ outline: 2px solid var(--lp-color-blue-500);
819
+ outline-offset: 2px;
820
+ }
821
+
822
+ ._1n4ciyy7:hover {
823
+ background-color: var(--lp-color-gray-800);
824
+ }
825
+
812
826
  ._1n4ciyy8 {
813
827
  object-fit: contain;
814
828
  filter: brightness(0) invert();
@@ -1804,6 +1818,25 @@ var __webpack_modules__ = {
1804
1818
  font-weight: 500;
1805
1819
  position: absolute;
1806
1820
  }
1821
+ `,
1822
+ ""
1823
+ ]);
1824
+ const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
1825
+ },
1826
+ "../../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/Popover.css.ts.vanilla.css\",\"source\":\"LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ==\"}!../../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__) {
1827
+ __webpack_require__.d(__webpack_exports__, {
1828
+ A: ()=>__WEBPACK_DEFAULT_EXPORT__
1829
+ });
1830
+ var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
1831
+ var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
1832
+ var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/api.js");
1833
+ var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
1834
+ var ___CSS_LOADER_EXPORT___ = _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
1835
+ ___CSS_LOADER_EXPORT___.push([
1836
+ module.id,
1837
+ `.znayjc0 {
1838
+ z-index: 2147400110 !important;
1839
+ }
1807
1840
  `,
1808
1841
  ""
1809
1842
  ]);
@@ -2511,7 +2544,7 @@ function LaunchDarklyIcon({ className }) {
2511
2544
  })
2512
2545
  });
2513
2546
  }
2514
- var 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/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61UwW7jIBC95yvmslJyoMLZZJuSj6kwYHsaAhaMU6er/vsKnKRx4q661R5neLx5M2/g4blwK4XHI4ffM4DWRyT0TkCFvdHbGcAbQ6dNL6DgnKdEKdWuDr5zmilvfRBwkGHOmG2HmNVBHtkT54uM9kGbIKBoe4jeop5EP57Q/mBCZf2rgAa1Ni7lVBdiqtJ6dGRCSmmMrZVHAZU1fUpIi7VjSGYfBShzxr10kbA6MuUdGUcfR++zh3PjRW48YN2QgCVv+0E1kd9/xBSki5UPe+YD1ujECTHcG/EtM5811Xfo0rUR288pdeTbv3GRbyd0rSZ0fYHoTtE689yZcoX4NUJoU8nOUqqQ3GIag1HDjilvu7278y9SMKSaSQMzRSQZxqIeb7ZXltHbjsylyTX/sb20fwpeUVMjYLUZ+m/MMOVz/D+XbJP1nQoubwqeY1++GEWswsThHUnMs6nQUnpBZfbUmRjnfAHoDibQvFhcBhubgG4ngI/El9ar3UjL07WWgg+zuGv2M6+uiGQm+rfvYOqBD18EC1JjFwUUyzSOqzplrrNHxy4WrfkNRmXMVy1rpdboagGbtofT9L/zrX2uWWc9SYaAYjt7/wMZkZDPaAUAAA==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2547
+ var 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/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA7VU0Y7aMBB85yv8UgkefHIoFDAfUzm2k+xhvJHtcKHV/XtlB3IkhBO9qo/rjMezs7N5+ZnZlYTzmZHfM0Jq9BAALScFtFrtZ4T8omCVbjlZZqvNirGMsXicC3koHTZWUYkGHScn4eaUmrqraenEme4YWyQ0OqUdJ1ndEo8G1CR6c0HjSbvC4BsnFSilbTyTjfPxlRrBBu3ikQJfG3HmpDC6jQfCQGkpBH30nEh9xb02PkBxphJt0DZ8fHqfvVzbz1L7DsoqcLJkddupDgGPH3VwwvoC3ZGigxIsvyC6ewO+ZeIzuvgKXbw2YPs+pS5g/RlXwHpC12pC1xNEd4rWieduKDeIHwOE0oVoTIgvxGlRBU7LLmkSTXO0d/Pzwekgq8kBJgofhBuK2owyLHKPpgm6b3LNvu379i/FG6hQcbLadv1XunP5Wv9zyP7vqnRo6oSCxvc9TSwLNsGA1ZxYtHroGi9QNp6ewENudPKwRy8fqchNo+n6urAdnGJReB3SrdETVdzpRP2cG9vEfEOxTZcvw1qOhnWtMX/VMtACov9og4CUqwJMiJbmaR+s9n7OFgTsSbswzxZ9KH3lwB44YYPB5wblYaBld6slY53nd0F5lPMbIvEXjuw++TmOUpCN/c/TO0ewtI/3mo0wMmGejXstlAJbcrKtW3Jx/ys5f6xZJT1RBifZfvb+B/3yT8aqBgAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
2515
2548
  var extracted_options = {};
2516
2549
  extracted_options.styleTagTransform = styleTagTransform_default();
2517
2550
  extracted_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -2607,7 +2640,8 @@ var header = '_9uh9aj0';
2607
2640
  var actionButton = '_9uh9aj9';
2608
2641
  var searchGroup = '_9uh9ajc';
2609
2642
  var leftSection = '_9uh9aj1';
2610
- function LaunchDarklyLogo({ className }) {
2643
+ function LaunchDarklyLogo(props) {
2644
+ const { className, onMouseDown } = props;
2611
2645
  return /*#__PURE__*/ jsx("svg", {
2612
2646
  className: className,
2613
2647
  fill: "currentColor",
@@ -2616,17 +2650,23 @@ function LaunchDarklyLogo({ className }) {
2616
2650
  xmlns: "http://www.w3.org/2000/svg",
2617
2651
  role: "img",
2618
2652
  "aria-label": "LaunchDarkly",
2653
+ onMouseDown: onMouseDown,
2654
+ style: onMouseDown ? {
2655
+ cursor: 'grab'
2656
+ } : void 0,
2619
2657
  children: /*#__PURE__*/ jsx("path", {
2620
2658
  d: "M9.33 18.729V16.45H2.578V5.272H0v13.457h9.33Zm6.485-.424a4.01 4.01 0 0 0 1.276-1.67v2.093h2.472v-6.49c0-.688-.16-1.324-.505-1.854s-.85-.954-1.488-1.245c-.638-.291-1.41-.45-2.286-.45a8.26 8.26 0 0 0-1.41.132c-.45.08-.876.212-1.275.371-.399.159-.77.344-1.09.556l.08 2.305a8.662 8.662 0 0 1 1.78-.9 5.624 5.624 0 0 1 1.941-.319c.558 0 1.01.133 1.33.398.318.265.478.609.478 1.033v.662h-2.233c-1.329 0-2.366.265-3.136.821-.771.557-1.143 1.325-1.143 2.305 0 .556.133 1.033.372 1.483.265.45.611.795 1.09 1.034.478.264 1.036.37 1.648.37.85 0 1.541-.212 2.1-.635Zm-2.232-1.67a1.078 1.078 0 0 1-.426-.873c0-.45.186-.795.585-1.034.372-.238.957-.37 1.701-.37h1.595v.37c0 .318-.08.636-.266.98a2.349 2.349 0 0 1-.824.875c-.372.238-.797.37-1.276.37-.452 0-.824-.105-1.09-.317Zm13.848 1.643c.585-.503 1.01-1.192 1.276-2.04v2.49h2.498V8.98h-2.498v4.556c0 .663-.107 1.245-.32 1.749-.212.503-.504.927-.903 1.192a2.23 2.23 0 0 1-1.356.424c-.558 0-.983-.16-1.302-.477-.292-.318-.452-.795-.452-1.404V8.98h-2.498v6.093c0 1.271.292 2.225.903 2.914.612.689 1.41 1.033 2.446 1.033.903 0 1.621-.239 2.206-.742Zm9.01-4.106c0-.662.107-1.245.32-1.748.212-.503.505-.927.877-1.192.372-.292.824-.424 1.329-.424.558 0 .983.159 1.302.477.293.318.452.794.452 1.404v6.066h2.525v-6.093c0-1.271-.292-2.225-.904-2.914-.61-.688-1.408-1.033-2.445-1.033-.877 0-1.595.265-2.18.742-.558.503-.983 1.192-1.275 2.04v-2.49h-2.499v9.748h2.499v-4.583ZM51.7 18.94c.319-.053.638-.132.904-.212.292-.079.531-.185.797-.264l.026-2.358c-.398.212-.824.344-1.275.45a5.923 5.923 0 0 1-1.356.16c-.665 0-1.25-.133-1.701-.372a2.24 2.24 0 0 1-1.01-1.033 3.26 3.26 0 0 1-.32-1.457c0-.53.107-1.006.32-1.457.212-.424.558-.768 1.01-1.033.452-.265 1.01-.37 1.648-.37.505 0 .957.052 1.409.158.451.106.85.265 1.249.45l-.027-2.436c-.292-.106-.558-.212-.824-.265a4.252 4.252 0 0 0-.903-.16 6.336 6.336 0 0 0-1.037-.079c-1.116 0-2.073.239-2.897.689a4.949 4.949 0 0 0-1.914 1.854c-.452.795-.665 1.67-.665 2.676 0 .98.24 1.88.691 2.649a4.646 4.646 0 0 0 1.914 1.801c.824.424 1.781.662 2.871.662.399.027.77 0 1.09-.053Zm6.459-.212v-4.556c0-.662.106-1.245.319-1.748.212-.503.505-.927.904-1.192a2.15 2.15 0 0 1 1.328-.424c.585 0 1.01.159 1.303.477.292.318.452.794.452 1.404v6.066h2.498v-6.093c0-1.271-.292-2.225-.903-2.914-.612-.688-1.41-1.033-2.446-1.033-.877 0-1.621.265-2.18.742-.584.503-1.01 1.192-1.275 2.04V5.27h-2.472v13.457h2.472Zm14.885 0c1.435 0 2.658-.264 3.668-.82 1.01-.557 1.78-1.325 2.312-2.332.532-1.007.798-2.199.798-3.55 0-1.35-.266-2.543-.798-3.55a5.657 5.657 0 0 0-2.312-2.357c-1.01-.556-2.233-.821-3.668-.821H67.86v13.457h5.183v-.026Zm-2.605-2.278v-8.9h2.578c1.303 0 2.313.397 3.03 1.165.745.795 1.09 1.881 1.09 3.285 0 1.404-.372 2.517-1.09 3.285-.744.768-1.754 1.165-3.03 1.165h-2.578Zm15.921 1.855a4.01 4.01 0 0 0 1.276-1.67v2.093h2.472v-6.49c0-.688-.16-1.324-.505-1.854s-.85-.954-1.488-1.245c-.638-.291-1.409-.45-2.286-.45-.479 0-.957.053-1.409.132-.452.08-.877.212-1.276.371-.398.159-.77.344-1.09.556l.08 2.305a8.662 8.662 0 0 1 1.781-.9 5.624 5.624 0 0 1 1.94-.319c.559 0 1.01.133 1.33.398.319.265.478.609.478 1.033v.662h-2.18c-1.329 0-2.365.265-3.136.821-.771.557-1.143 1.325-1.143 2.305 0 .556.133 1.033.372 1.483.266.45.611.795 1.09 1.034.478.264 1.036.37 1.648.37.824 0 1.488-.212 2.046-.635Zm-2.232-1.67a1.078 1.078 0 0 1-.425-.873c0-.45.186-.795.584-1.034.372-.238.957-.37 1.701-.37h1.595v.37c0 .318-.08.636-.266.98a2.349 2.349 0 0 1-.824.875c-.372.238-.77.344-1.249.344-.452.027-.824-.08-1.116-.291Zm11.03 2.093V14.57c0-1.086.24-1.907.692-2.463.452-.556 1.09-.848 1.86-.848.372 0 .718.053 1.037.16V9.006a3.096 3.096 0 0 0-.478-.106c-.16-.027-.346-.027-.532-.027a2.15 2.15 0 0 0-1.568.636c-.426.424-.771 1.033-.984 1.775v-2.33h-2.498v9.748h2.472v.026Zm7.682 0v-3.152l.904-.848 2.924 4h2.977l-4.173-5.695 4.093-4.053h-3.136l-3.562 3.444V5.272h-2.472v13.457h2.445Zm10.819 0V5.271h-2.499v13.457h2.499Zm3.827 3.63c.93 0 1.675-.186 2.259-.557.585-.37 1.064-1.033 1.462-1.96l4.492-10.86h-2.578l-2.631 6.807-2.712-6.808H115.2l4.014 9.722-.213.503c-.133.318-.292.583-.531.716-.213.158-.559.238-1.011.238h-2.073v2.199h2.1ZM144.092 24a.56.56 0 0 1-.478-.291c-.08-.186-.08-.371.053-.53l5.661-7.762-9.914 4.027c-.08.026-.133.053-.213.053a.518.518 0 0 1-.505-.371c-.079-.212.027-.45.213-.583l8.718-5.112-15.337-.875a.525.525 0 0 1-.505-.53c0-.238.16-.503.505-.53l15.337-.873-8.718-5.113c-.186-.133-.292-.37-.213-.583a.544.544 0 0 1 .505-.37c.08 0 .133.026.213.052l9.914 4.027-5.661-7.788c-.106-.16-.133-.371-.053-.53.079-.186.265-.292.478-.292.133 0 .266.053.372.16l11.27 11.205a.88.88 0 0 1 .24.609.93.93 0 0 1-.24.61l-11.27 11.231a.525.525 0 0 1-.372.159Z"
2621
2659
  })
2622
2660
  });
2623
2661
  }
2624
- function LogoSection() {
2662
+ function LogoSection(props) {
2663
+ const { onMouseDown } = props;
2625
2664
  return /*#__PURE__*/ jsx("div", {
2626
2665
  className: leftSection,
2627
2666
  "aria-hidden": "true",
2628
2667
  children: /*#__PURE__*/ jsx(LaunchDarklyLogo, {
2629
- className: logo
2668
+ className: logo,
2669
+ onMouseDown: onMouseDown
2630
2670
  })
2631
2671
  });
2632
2672
  }
@@ -3584,7 +3624,7 @@ function ConnectionStatus(props) {
3584
3624
  });
3585
3625
  }
3586
3626
  function Header(props) {
3587
- const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label, mode } = props;
3627
+ const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label, mode, onMouseDown } = props;
3588
3628
  const { state, refresh } = useDevServerContext();
3589
3629
  const { connectionStatus } = state;
3590
3630
  const isConnected = 'connected' === connectionStatus;
@@ -3603,7 +3643,9 @@ function Header(props) {
3603
3643
  /*#__PURE__*/ jsxs("div", {
3604
3644
  className: header,
3605
3645
  children: [
3606
- /*#__PURE__*/ jsx(LogoSection, {}),
3646
+ /*#__PURE__*/ jsx(LogoSection, {
3647
+ onMouseDown: onMouseDown
3648
+ }),
3607
3649
  /*#__PURE__*/ jsx("div", {
3608
3650
  className: centerSection,
3609
3651
  children: (showEnvironment || showSearch) && /*#__PURE__*/ jsx(AnimatePresence, {
@@ -3879,6 +3921,16 @@ function deepEqual(a, b) {
3879
3921
  }
3880
3922
  return a === b;
3881
3923
  }
3924
+ var Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_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/Popover.css.ts.vanilla.css\",\"source\":\"LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
3925
+ var Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
3926
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
3927
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
3928
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
3929
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
3930
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
3931
+ injectStylesIntoStyleTag_default()(Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A, Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
3932
+ Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A && Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals && Popover_css_ts_vanilla_css_source_LnpuYXlqYzAgewogIHotaW5kZXg6IDIxNDc0MDAxMTAgIWltcG9ydGFudDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals;
3933
+ var popover = 'znayjc1 znayjc0';
3882
3934
  var _3CwGAAA_node_modules_pnpm_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/FlagControls.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA72UzXLCIBCA73mKvXSmPeAk0fqDxz5IhwRMdorAAJrYju/eCUYTrbXqtD2ywMfut8DgdaI3az+O4SMCWGjlicN3QSFJTT2PAHIttaWwZvaREGlIGJPCsg0ZxfHTPNpGg5aRBAZHZyTbUFhIEQhMYqEIerF0FHKhvLBNuGCGwrQ5pE+QLBMycDKWvxVWrxQnbQ7eMuUMs0L5/qb0pmObacLRityjVhSsrg7ZjHYlL1GRCrkvGwtxG2P1ITaOj7Me3pRAV9d5q7NgFSDTlgtLITE1OC2Rn109OVpNLOO4chTGu6xLgUXpKQzbZma6btqLqqD7HZmu91ooJAcV7QbDOEdVELvjpPcJGgVBF7jxBV97aBw/9JnPgdlyQsG7y/S/gvsPZvTjg0lbVs9fqFyvhV1IXVEokXOhmpgXtSfdhJASjUMXjJToBXGG5YKC0pVl5qSF1/f9ulvbaR8H7Uc9OXPc5afbS7UDT77t532Oezb+QneX+PTkt/pS7K2vZRaAv3wnOjw76uDJR7EfL1BKCvnKNkW8NHbn0fYTl/8/3CwGAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
3883
3935
  var _3CwGAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
3884
3936
  _3CwGAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
@@ -3938,6 +3990,7 @@ function MultivariateFlagControl(props) {
3938
3990
  }),
3939
3991
  /*#__PURE__*/ jsx(Popover, {
3940
3992
  "data-theme": "dark",
3993
+ className: popover,
3941
3994
  children: /*#__PURE__*/ jsx(ListBox, {
3942
3995
  children: flag.availableVariations.map((variation)=>/*#__PURE__*/ jsx(ListBoxItem, {
3943
3996
  id: variation._id,
@@ -5098,6 +5151,7 @@ function ProjectSelector(props) {
5098
5151
  }),
5099
5152
  /*#__PURE__*/ jsx(Popover, {
5100
5153
  "data-theme": "dark",
5154
+ className: popover,
5101
5155
  children: /*#__PURE__*/ jsx(ListBox, {
5102
5156
  children: availableProjects.map((projectKey)=>/*#__PURE__*/ jsx(ListBoxItem, {
5103
5157
  id: projectKey,
@@ -5137,6 +5191,7 @@ function PositionSelector(props) {
5137
5191
  }),
5138
5192
  /*#__PURE__*/ jsx(Popover, {
5139
5193
  "data-theme": "dark",
5194
+ className: popover,
5140
5195
  children: /*#__PURE__*/ jsx(ListBox, {
5141
5196
  children: TOOLBAR_POSITIONS.map((position)=>/*#__PURE__*/ jsx(ListBoxItem, {
5142
5197
  id: position,
@@ -5438,7 +5493,7 @@ function getHeaderLabel(currentProjectKey, sourceEnvironmentKey) {
5438
5493
  return label;
5439
5494
  }
5440
5495
  const ExpandedToolbarContent = /*#__PURE__*/ react.forwardRef((props, ref)=>{
5441
- const { activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTogglePin, isPinned, onTabChange, setSearchIsExpanded, mode, flagOverridePlugin, eventInterceptionPlugin, baseUrl, defaultActiveTab } = props;
5496
+ const { activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTogglePin, isPinned, onTabChange, setSearchIsExpanded, mode, flagOverridePlugin, eventInterceptionPlugin, baseUrl, defaultActiveTab, onHeaderMouseDown } = props;
5442
5497
  const { state } = useDevServerContext();
5443
5498
  const headerLabel = getHeaderLabel(state.currentProjectKey, state.sourceEnvironmentKey);
5444
5499
  const { error } = state;
@@ -5490,7 +5545,8 @@ const ExpandedToolbarContent = /*#__PURE__*/ react.forwardRef((props, ref)=>{
5490
5545
  searchIsExpanded: searchIsExpanded,
5491
5546
  setSearchIsExpanded: setSearchIsExpanded,
5492
5547
  label: headerLabel,
5493
- mode: mode
5548
+ mode: mode,
5549
+ onMouseDown: onHeaderMouseDown
5494
5550
  }),
5495
5551
  shouldShowError && /*#__PURE__*/ jsx(ErrorMessage, {
5496
5552
  error: error
@@ -5688,50 +5744,6 @@ function useToolbarState(props) {
5688
5744
  setSearchIsExpanded
5689
5745
  };
5690
5746
  }
5691
- function useToolbarAnimations(props) {
5692
- const { isExpanded, setIsAnimating, onExpandComplete, onCollapseComplete } = props;
5693
- const previousIsExpanded = useRef(isExpanded);
5694
- const containerAnimations = useMemo(()=>({
5695
- width: isExpanded ? DIMENSIONS.expanded.width : DIMENSIONS.collapsed.width,
5696
- height: isExpanded ? 'auto' : DIMENSIONS.collapsed.height,
5697
- borderRadius: isExpanded ? DIMENSIONS.expanded.borderRadius : DIMENSIONS.collapsed.borderRadius,
5698
- scale: isExpanded ? DIMENSIONS.scale.expanded : DIMENSIONS.scale.collapsed,
5699
- boxShadow: isExpanded ? SHADOWS.expanded : SHADOWS.collapsed
5700
- }), [
5701
- isExpanded
5702
- ]);
5703
- const animationConfig = useMemo(()=>{
5704
- const wasExpanded = previousIsExpanded.current;
5705
- const currentlyExpanded = isExpanded;
5706
- previousIsExpanded.current = isExpanded;
5707
- if (!wasExpanded && currentlyExpanded) return ANIMATION_CONFIG.containerExpand;
5708
- if (wasExpanded && !currentlyExpanded) return ANIMATION_CONFIG.containerCollapse;
5709
- return ANIMATION_CONFIG.containerExpand;
5710
- }, [
5711
- isExpanded
5712
- ]);
5713
- const handleAnimationStart = useCallback(()=>{
5714
- setIsAnimating(true);
5715
- }, [
5716
- setIsAnimating
5717
- ]);
5718
- const handleAnimationComplete = useCallback(()=>{
5719
- setIsAnimating(false);
5720
- if (isExpanded && onExpandComplete) onExpandComplete();
5721
- else if (!isExpanded && onCollapseComplete) onCollapseComplete();
5722
- }, [
5723
- setIsAnimating,
5724
- isExpanded,
5725
- onExpandComplete,
5726
- onCollapseComplete
5727
- ]);
5728
- return {
5729
- containerAnimations,
5730
- animationConfig,
5731
- handleAnimationStart,
5732
- handleAnimationComplete
5733
- };
5734
- }
5735
5747
  function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
5736
5748
  const draggedRef = useRef(false);
5737
5749
  const handleMouseDown = useCallback((event)=>{
@@ -5799,6 +5811,50 @@ function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
5799
5811
  isDragging
5800
5812
  };
5801
5813
  }
5814
+ function useToolbarAnimations(props) {
5815
+ const { isExpanded, setIsAnimating, onExpandComplete, onCollapseComplete } = props;
5816
+ const previousIsExpanded = useRef(isExpanded);
5817
+ const containerAnimations = useMemo(()=>({
5818
+ width: isExpanded ? DIMENSIONS.expanded.width : DIMENSIONS.collapsed.width,
5819
+ height: isExpanded ? 'fit-content' : DIMENSIONS.collapsed.height,
5820
+ borderRadius: isExpanded ? DIMENSIONS.expanded.borderRadius : DIMENSIONS.collapsed.borderRadius,
5821
+ scale: isExpanded ? DIMENSIONS.scale.expanded : DIMENSIONS.scale.collapsed,
5822
+ boxShadow: isExpanded ? SHADOWS.expanded : SHADOWS.collapsed
5823
+ }), [
5824
+ isExpanded
5825
+ ]);
5826
+ const animationConfig = useMemo(()=>{
5827
+ const wasExpanded = previousIsExpanded.current;
5828
+ const currentlyExpanded = isExpanded;
5829
+ previousIsExpanded.current = isExpanded;
5830
+ if (!wasExpanded && currentlyExpanded) return ANIMATION_CONFIG.containerExpand;
5831
+ if (wasExpanded && !currentlyExpanded) return ANIMATION_CONFIG.containerCollapse;
5832
+ return ANIMATION_CONFIG.containerExpand;
5833
+ }, [
5834
+ isExpanded
5835
+ ]);
5836
+ const handleAnimationStart = useCallback(()=>{
5837
+ setIsAnimating(true);
5838
+ }, [
5839
+ setIsAnimating
5840
+ ]);
5841
+ const handleAnimationComplete = useCallback(()=>{
5842
+ setIsAnimating(false);
5843
+ if (isExpanded && onExpandComplete) onExpandComplete();
5844
+ else if (!isExpanded && onCollapseComplete) onCollapseComplete();
5845
+ }, [
5846
+ setIsAnimating,
5847
+ isExpanded,
5848
+ onExpandComplete,
5849
+ onCollapseComplete
5850
+ ]);
5851
+ return {
5852
+ containerAnimations,
5853
+ animationConfig,
5854
+ handleAnimationStart,
5855
+ handleAnimationComplete
5856
+ };
5857
+ }
5802
5858
  const useToolbarVisibility_STORAGE_KEY = TOOLBAR_STORAGE_KEYS.DISABLED;
5803
5859
  function useToolbarVisibility() {
5804
5860
  const [isDisabled, setIsDisabled] = useState(()=>{
@@ -5867,13 +5923,6 @@ function LdToolbar(props) {
5867
5923
  }, [
5868
5924
  circleButtonRef
5869
5925
  ]);
5870
- const { containerAnimations, animationConfig, handleAnimationStart, handleAnimationComplete } = useToolbarAnimations({
5871
- isExpanded,
5872
- setIsAnimating,
5873
- onExpandComplete: focusExpandedToolbar,
5874
- onCollapseComplete: focusCollapsedToolbar
5875
- });
5876
- const isDragEnabled = !isExpanded;
5877
5926
  const handleDragEnd = useCallback((clientX, clientY)=>{
5878
5927
  const screenWidth = window.innerWidth;
5879
5928
  const screenHeight = window.innerHeight;
@@ -5888,10 +5937,16 @@ function LdToolbar(props) {
5888
5937
  analytics
5889
5938
  ]);
5890
5939
  const { handleMouseDown, isDragging } = useToolbarDrag({
5891
- enabled: isDragEnabled,
5940
+ enabled: true,
5892
5941
  onDragEnd: handleDragEnd,
5893
5942
  elementRef: toolbarRef
5894
5943
  });
5944
+ const { containerAnimations, animationConfig, handleAnimationStart, handleAnimationComplete } = useToolbarAnimations({
5945
+ isExpanded,
5946
+ setIsAnimating,
5947
+ onExpandComplete: focusExpandedToolbar,
5948
+ onCollapseComplete: focusCollapsedToolbar
5949
+ });
5895
5950
  const handleCircleClickWithDragCheck = useCallback(()=>{
5896
5951
  if (!isDragging()) handleCircleClick();
5897
5952
  }, [
@@ -5948,7 +6003,8 @@ function LdToolbar(props) {
5948
6003
  eventInterceptionPlugin: eventInterceptionPlugin,
5949
6004
  mode: mode,
5950
6005
  baseUrl: baseUrl,
5951
- defaultActiveTab: defaultActiveTab
6006
+ defaultActiveTab: defaultActiveTab,
6007
+ onHeaderMouseDown: handleMouseDown
5952
6008
  })
5953
6009
  })
5954
6010
  ]
package/dist/ui/Toolbar/Header/Header.d.ts CHANGED
@@ -8,5 +8,6 @@ export interface HeaderProps {
8
8
  setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
9
9
  label: string;
10
10
  mode: ToolbarMode;
11
+ onMouseDown?: (event: React.MouseEvent) => void;
11
12
  }
12
13
  export declare function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;
package/dist/ui/Toolbar/Header/components/LogoSection.d.ts CHANGED
@@ -1 +1,6 @@
1
- export declare function LogoSection(): import("react/jsx-runtime").JSX.Element;
1
+ import type React from 'react';
2
+ interface LogoSectionProps {
3
+ onMouseDown?: (event: React.MouseEvent) => void;
4
+ }
5
+ export declare function LogoSection(props: LogoSectionProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
package/dist/ui/Toolbar/components/CircleLogo.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { type MouseEvent } from 'react';
1
2
  interface CircleLogoProps {
2
3
  onClick: () => void;
3
- onMouseDown: (event: React.MouseEvent) => void;
4
+ onMouseDown: (event: MouseEvent) => void;
4
5
  }
5
6
  export declare const CircleLogo: import("react").ForwardRefExoticComponent<CircleLogoProps & import("react").RefAttributes<HTMLButtonElement>>;
6
7
  export {};
package/dist/ui/Toolbar/components/ExpandedToolbarContent.d.ts CHANGED
@@ -17,6 +17,7 @@ interface ExpandedToolbarContentProps {
17
17
  defaultActiveTab: ActiveTabId;
18
18
  flagOverridePlugin?: IFlagOverridePlugin;
19
19
  eventInterceptionPlugin?: IEventInterceptionPlugin;
20
+ onHeaderMouseDown?: (event: React.MouseEvent) => void;
20
21
  }
21
22
  export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
22
23
  export {};
package/dist/ui/Toolbar/components/Popover.css.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const basePopover: string;
2
+ export declare const popover: string;
package/dist/ui/Toolbar/components/icons/LaunchDarklyLogo.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  interface LaunchDarklyLogoProps {
2
2
  className?: string;
3
+ onMouseDown?: (event: React.MouseEvent) => void;
3
4
  }
4
- export declare function LaunchDarklyLogo({ className }: LaunchDarklyLogoProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function LaunchDarklyLogo(props: LaunchDarklyLogoProps): import("react/jsx-runtime").JSX.Element;
5
6
  export {};
package/dist/ui/constants/zIndex.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const Z_INDEX: {
2
+ readonly TOOLBAR: 2147400100;
3
+ readonly POPOVER: number;
4
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchdarkly/toolbar",
3
- "version": "0.21.0-beta.1",
3
+ "version": "0.22.1-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",