@neo4j-ndl/react 0.8.0 → 0.8.2

package/CHANGELOG.md

@@ -0,0 +1,318 @@
+# Change Log
+
+## 0.8.2
+
+### Patch Changes
+
+- 98ea3fe: fix yarn workspace versioning issue
+- Updated dependencies [7d934b2]
+- Updated dependencies [98ea3fe]
+  - @neo4j-ndl/base@0.8.2
+
+## 0.8.1
+
+### Patch Changes
+
+- b7d901c: Relationship Graph label background and border colors adjustable
+- 62804f6: dropdown max tag width to avoid line break
+- Updated dependencies [b7d901c]
+  - @neo4j-ndl/base@0.8.1
+
+## 0.8.0
+
+### Minor Changes
+
+- 6c20210: code-block component and styling added
+
+### Patch Changes
+
+- Updated dependencies [6c20210]
+  - @neo4j-ndl/base@0.8.0
+
+## 0.7.2
+
+### Patch Changes
+
+- 9be8862: export graph-label
+
+## 0.7.1
+
+### Patch Changes
+
+- 4f8a272: remove padding and bg
+- ae5c9bf: Added checkbox tooltip functionality for a bug fix in importers implemetation of the NDL checkbox
+- Updated dependencies [4f8a272]
+  - @neo4j-ndl/base@0.7.1
+
+## 0.7.0
+
+### Minor Changes
+
+- 3cd0cf1: wizard and graph label component added
+- b2a2c91: Added graph labels
+
+### Patch Changes
+
+- 55965a1: fix centering of loading spinner for icon button
+- Updated dependencies [3cd0cf1]
+- Updated dependencies [b2a2c91]
+  - @neo4j-ndl/base@0.7.0
+
+## 0.6.3
+
+### Patch Changes
+
+- 0f46a61: fix d-n-d safari bug and small color fix
+- Updated dependencies [3f019df]
+- Updated dependencies [0f46a61]
+- Updated dependencies [b21abb3]
+- Updated dependencies [2759379]
+  - @neo4j-ndl/base@0.6.2
+
+## 0.6.2
+
+### Patch Changes
+
+- 8f74098: enable table row actions and fix group icon button background
+- Updated dependencies [8f74098]
+  - @neo4j-ndl/base@0.6.1
+
+## 0.6.1
+
+### Patch Changes
+
+- c692c1c: fix dropdown partial props for storybook inference
+- 2d4d6d4: Improve algorithm for pagination display values
+
+## 0.6.0
+
+### Minor Changes
+
+- c14db02: dropdown component added
+
+### Patch Changes
+
+- c14db02: tag extented props, add onKeyDown listener, and pass event to the remove callback
+- Updated dependencies [c14db02]
+  - @neo4j-ndl/base@0.6.0
+
+## 0.5.3
+
+### Patch Changes
+
+- f61d8db: add proper tag exporting in react lib
+
+## 0.5.2
+
+### Patch Changes
+
+- aa799f8: drag and drop responsiveness and vertical alignment
+- Updated dependencies [82bfb55]
+- Updated dependencies [aa799f8]
+  - @neo4j-ndl/base@0.5.1
+
+## 0.5.1
+
+### Patch Changes
+
+- f009031: center aligment for popover
+
+## 0.5.0
+
+### Minor Changes
+
+- 57696ad: Add Dialog and Modal components
+
+### Patch Changes
+
+- b9f5ed7: dont focus first menu item on open and disable click on events on disabled items
+- Updated dependencies [57696ad]
+- Updated dependencies [b9f5ed7]
+  - @neo4j-ndl/base@0.5.0
+
+## 0.4.0
+
+### Minor Changes
+
+- 936a731: icon button added
+- 6ca6bc1: icon array component added
+- 103d711: text input component implementation
+
+### Patch Changes
+
+- 517e42f: renamed regular size to medium in button to reflect better figma design system
+- c86128c: resolve tailwind class name conflict and fix safari inconsistencies
+- 9fa7653: table row key error fix
+- Updated dependencies [936a731]
+- Updated dependencies [6ca6bc1]
+- Updated dependencies [517e42f]
+- Updated dependencies [c86128c]
+- Updated dependencies [103d711]
+  - @neo4j-ndl/base@0.4.0
+
+## 0.3.1
+
+### Patch Changes
+
+- c7b2bea: button outline neutral fix
+- Updated dependencies [67ef31d]
+  - @neo4j-ndl/base@0.3.1
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.3.0](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.2.0...@neo4j-ndl/react@0.3.0) (2022-04-28)
+
+### Bug Fixes
+
+- **react:** table page types and state pageIndex check ([07aa817](https://github.com/neo4j/neo4j-design/commit/07aa817989dddd559f69203b8ab3647eff848b5d))
+- **repo:** tsconfig issues with merging ([b0085ad](https://github.com/neo4j/neo4j-design/commit/b0085ad720942679c5429152cdd52a79c155b1f1))
+- **table:** add support for no plugins ([ed40565](https://github.com/neo4j/neo4j-design/commit/ed405653286a75493ac58d3e8412cdda8b3cfd91))
+
+### Features
+
+- **react:** improve progress bar options ([#66](https://github.com/neo4j/neo4j-design/issues/66)) ([4427541](https://github.com/neo4j/neo4j-design/commit/442754127e2a40369d10a1e2de419b1438d9232e))
+- **react:** table ready for rfc ([6e0c538](https://github.com/neo4j/neo4j-design/commit/6e0c538a33b4d93ece003587b652a20213bd1b14))
+
+# [0.2.0](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.4...@neo4j-ndl/react@0.2.0) (2022-04-19)
+
+### Bug Fixes
+
+- **component/alert:** update styles ([0dc4e37](https://github.com/neo4j/neo4j-design/commit/0dc4e37e0b005fcc98ce8661323024b16686f0ef))
+- **react:** proper dropzone typings and better typesafety ([25e5a2e](https://github.com/neo4j/neo4j-design/commit/25e5a2e1210b2c0be12d2a23ea54e4b4b26066e1))
+- **react:** small typo ([a00a60c](https://github.com/neo4j/neo4j-design/commit/a00a60c07ab39cbf631ba65294522720001e0a9f))
+- **test:** remove react import ([5820a44](https://github.com/neo4j/neo4j-design/commit/5820a444dc8d83562747b87ce064215b4d536d57))
+
+### Features
+
+- **react/base:** sync and add custom icons ([674b67a](https://github.com/neo4j/neo4j-design/commit/674b67a86f60daee8cdc829a85b0a8403ff0f766))
+- **react:** add drag and drop component ([339763d](https://github.com/neo4j/neo4j-design/commit/339763debd7f3ae00237b06b6580944a74a13635))
+
+## [0.1.4](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.3...@neo4j-ndl/react@0.1.4) (2022-04-04)
+
+**Note:** Version bump only for package @neo4j-ndl/react
+
+## [0.1.3](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.2...@neo4j-ndl/react@0.1.3) (2022-04-04)
+
+### Bug Fixes
+
+- **react:** add label changes to PR ([bfc78a7](https://github.com/neo4j/neo4j-design/commit/bfc78a707ffdbfc1f7fba3ab8532eabb52275a58))
+- **react:** add missing progress bar export ([#52](https://github.com/neo4j/neo4j-design/issues/52)) ([c559d59](https://github.com/neo4j/neo4j-design/commit/c559d59334315a9b9998bf4011bf7af4d1917fdd))
+- **react:** propagate button and menu item events ([b8d5b71](https://github.com/neo4j/neo4j-design/commit/b8d5b71b38f2094080e57acf3a7ca6654276fe74))
+- **tests:** fix label test with color prop ([2f8422b](https://github.com/neo4j/neo4j-design/commit/2f8422b59db2e1da85a09707a3ce7e9c993c2462))
+- **view-selector:** pass classname to children ([2817e56](https://github.com/neo4j/neo4j-design/commit/2817e567ac03446b0702268b354046101e5cc3e5))
+
+## [0.1.2](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.1...@neo4j-ndl/react@0.1.2) (2022-03-14)
+
+### Bug Fixes
+
+- **react:** use generic forwardRef to fix typing issues ([fb5e836](https://github.com/neo4j/neo4j-design/commit/fb5e836b5a491d6c08e7359d5443824560ae072d))
+
+## [0.1.1](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.0...@neo4j-ndl/react@0.1.1) (2022-03-14)
+
+### Bug Fixes
+
+- **alert:** add name prop for a11y ([cd10794](https://github.com/neo4j/neo4j-design/commit/cd10794cb384f426c3ceb678d81e5b3b8d40e6f4))
+- **alert:** allow react node as title ([7d06925](https://github.com/neo4j/neo4j-design/commit/7d06925dce54fa993d58d374b893c78c3ced712c))
+- **alert:** style title as title if children provided ([5c005bf](https://github.com/neo4j/neo4j-design/commit/5c005bf1d86c7a6bb8391a404ed07107b89349a8))
+- **base:** change components to appropriate typescale classes ([97c3af3](https://github.com/neo4j/neo4j-design/commit/97c3af3a17bcf3a68f283ba77186b76b77a33e49))
+- **button:** fix button link click working when disabled ([f0a5272](https://github.com/neo4j/neo4j-design/commit/f0a52721d7565cb4d1b8a2778f73cd7c4dbc6a21))
+- **button:** fix loading spinner pushing text to end on wide buttons ([65e673a](https://github.com/neo4j/neo4j-design/commit/65e673a0f0889d83ac82b75d01dcff04511ecf79))
+- fix ref types and prop types in stories ([2bf548e](https://github.com/neo4j/neo4j-design/commit/2bf548e017ca15061ade731f18c7bf13acc0c1a6))
+- **label:** fix label semi filled classes not being applied ([6fc0ff9](https://github.com/neo4j/neo4j-design/commit/6fc0ff9a8023d535879d02bafbda64c01d560cca))
+- **menu:** fix menu propogating arrow keys to parent menu ([af32c3b](https://github.com/neo4j/neo4j-design/commit/af32c3b7a38b4d3a9996d076e36155402b32d514))
+- pass all extra props and forward all refs ([46190b9](https://github.com/neo4j/neo4j-design/commit/46190b9ec35511a1aaaee8ece4640536a5b0c85f))
+- **react:** make sure className is always forwarded ([5feda6e](https://github.com/neo4j/neo4j-design/commit/5feda6eb4ff45b9cee98b9ad7fc630546e8b0478))
+
+# 0.1.0 (2022-03-01)
+
+### Bug Fixes
+
+- **alert:** prefix alert classes ([eb53aa0](https://github.com/neo4j/neo4j-design/commit/eb53aa0ef98c9415de4a533276bd43214e43ee83))
+- **base:** Update colors to match color document ([e3cf9e2](https://github.com/neo4j/neo4j-design/commit/e3cf9e270907894eddb3404cf4ed04eeef33b195))
+- **button:** add "as" prop ([b94beeb](https://github.com/neo4j/neo4j-design/commit/b94beeb3a327893302c5754a778c4ec1eaa0cec0))
+- **button:** clean up button load/disabled state ([213ae48](https://github.com/neo4j/neo4j-design/commit/213ae48349d4f9faaa944ee752d19208a1af5197))
+- **button:** prefix button root class with ndl ([b30e27a](https://github.com/neo4j/neo4j-design/commit/b30e27a6155ba3851adb6ba49332c34b19a2332a))
+- **button:** update text button colors ([6400389](https://github.com/neo4j/neo4j-design/commit/640038987b544361099762404d972e786d70cabd))
+- **context-menu:** move to next item with menuitem role ([183ff01](https://github.com/neo4j/neo4j-design/commit/183ff015b22ab15d624297a3c0bd77a943457634))
+- **input:** scope input css classes ([e26ff55](https://github.com/neo4j/neo4j-design/commit/e26ff550c06c95ad0ccaa78e2fb11a531684c991))
+- **label:** rename classNames to className ([49643c5](https://github.com/neo4j/neo4j-design/commit/49643c50a2ccad6ad8f3537044010a592efc71ac))
+- **label:** scope css classes ([400daf8](https://github.com/neo4j/neo4j-design/commit/400daf855b5fef3154af2d40f4c023ee2d7ec956))
+- **loading-spinner:** export loading spinner ([0cb4261](https://github.com/neo4j/neo4j-design/commit/0cb42613f5d2b6c0931518310be1ab5e1d5c7ca9))
+- **loading-spinner:** scope css classes ([03c7593](https://github.com/neo4j/neo4j-design/commit/03c7593808d6940a24268b67b36689ecde57c6bc))
+- **menu:** add disabled state to menu item. map menu enter pressed to click event ([cac6c50](https://github.com/neo4j/neo4j-design/commit/cac6c5036822b34d66161ec036fbfb595cb98f80))
+- **menu:** scope css classes ([572917e](https://github.com/neo4j/neo4j-design/commit/572917eeb6e94927a53b474a91bbeb5cc0dfc9d9))
+- **popover:** scope css classes ([3cb3207](https://github.com/neo4j/neo4j-design/commit/3cb3207fc224cfe3bd160bdd13c8d179e5f54168))
+- **popover:** use react portal to avoid pos fixed + transform issues ([3253a8e](https://github.com/neo4j/neo4j-design/commit/3253a8e43a6ed84b8f115a43c914cf7994c33690))
+- **popover:** use react portal to avoid pos fixed + transform issues ([81f803e](https://github.com/neo4j/neo4j-design/commit/81f803ea923dfcd977dc267ef782af410ba8ba43))
+- **progress-bar:** scope css classes ([8316e36](https://github.com/neo4j/neo4j-design/commit/8316e36da210e7b9bc0458adbd9e088e7dff5980))
+- **react:** bad refactor ([26fc799](https://github.com/neo4j/neo4j-design/commit/26fc7992c4c1597aa9b17a58080c7895cb896af7))
+- **react:** button component hover cursor and storybook disabled prop missing ([861fb8e](https://github.com/neo4j/neo4j-design/commit/861fb8ecff51e8f5f5fc2b739cdd8ae990fbe0ca))
+- **react:** button test ([efb6026](https://github.com/neo4j/neo4j-design/commit/efb60263ded373a74c93eb589220280e6d7793e4))
+- **react:** components naming ([69a4510](https://github.com/neo4j/neo4j-design/commit/69a4510aa9e772eb0c14aa9f378ede1b9ece04e0))
+- **react:** removed false as class names and forced neods-font-sans ([49991f6](https://github.com/neo4j/neo4j-design/commit/49991f6242b03e0488ac1a9e702238b8db49e5c8))
+- **react:** safari render of context menu item and chore ([9a44fbd](https://github.com/neo4j/neo4j-design/commit/9a44fbd5261a020c88c6bc88211d0754d6d4f8f5))
+- **react:** view-selector export ([c4d7320](https://github.com/neo4j/neo4j-design/commit/c4d7320ce29bdf268a882d93b34575f26b0e4827))
+- **storybook-typography:** fix incorrect tailwind class ([a073fcf](https://github.com/neo4j/neo4j-design/commit/a073fcf35042fd06802a307ed2ddeabf60320ca8))
+- **storybook:** pills path ([8911016](https://github.com/neo4j/neo4j-design/commit/8911016e0f65da3dfcf6b41a05e65ece0b43c8c2))
+- **tabs:** export tabs ([20f6683](https://github.com/neo4j/neo4j-design/commit/20f668368ebc7c08ef67a6c0c3e16af04ce44024))
+- **tabs:** scope css classes ([b0137a0](https://github.com/neo4j/neo4j-design/commit/b0137a02645a58473590f8d6c4f09158cf9e101c))
+- **tag:** scope css classes ([89086e1](https://github.com/neo4j/neo4j-design/commit/89086e1d0c47479cc040327fd8105728ef8c46d9))
+- **tooltip:** scope css classes ([0e56690](https://github.com/neo4j/neo4j-design/commit/0e56690b88b970cdcd6da90c9458386d67ee3746))
+- **view-selector:** scope css classes ([6262035](https://github.com/neo4j/neo4j-design/commit/62620353f1ff1f371b2ea463302cafbff9d8a5f4))
+
+### Features
+
+- add tooltip component ([#23](https://github.com/neo4j/neo4j-design/issues/23)) ([c02f5d6](https://github.com/neo4j/neo4j-design/commit/c02f5d634b1a4e266a415feec6c48ce9bf064ef5))
+- **base:** typography added ([e24a090](https://github.com/neo4j/neo4j-design/commit/e24a090c9734acc9543731a32da99e222fe0ea0f))
+- **icons:** add web-component icons ([ad453b6](https://github.com/neo4j/neo4j-design/commit/ad453b6152b4e0f379c67d9be37996a56791289c))
+- **popover:** create popover from menu ([d1a20a4](https://github.com/neo4j/neo4j-design/commit/d1a20a49761e9cfcba43ec6d2078f3e9f6a11faa))
+- **project:** button finished, pill renamed to label with +1 variant and Tailwind v2 to v3 ([3093d4f](https://github.com/neo4j/neo4j-design/commit/3093d4f34d6d41818f7f560c2dde1ed96ab0652e))
+- **react:** add alert component ([2b9b8ed](https://github.com/neo4j/neo4j-design/commit/2b9b8ed0b0248b0e35d964764dfb671e247cbe4a))
+- **react:** add context menu ([acc319d](https://github.com/neo4j/neo4j-design/commit/acc319d25e7def7168d6fd5761434044c506ed3d))
+- **react:** add radio, checkbox and switch components ([9fa81f3](https://github.com/neo4j/neo4j-design/commit/9fa81f3d6dd8b560e96a01ddbdd07431ea95c2e8))
+- **react:** add switch and checkbox component ([a82f962](https://github.com/neo4j/neo4j-design/commit/a82f9627e1cede05b8013d9eb0326720ff5b9163))
+- **react:** add Tag component ([91f6972](https://github.com/neo4j/neo4j-design/commit/91f69721bf5c4d5fb207019125b4edd1fbc56857))
+- **react:** icons added ([c97bd25](https://github.com/neo4j/neo4j-design/commit/c97bd25db1650e36558c714988b46a4584f8eabb))
+- **react:** loading spinner ([0e3a583](https://github.com/neo4j/neo4j-design/commit/0e3a5836ee8a60bab2dbbda3d4bdbad689eef8e1))
+- **react:** view-selector component ([17a0789](https://github.com/neo4j/neo4j-design/commit/17a0789a9600aa02eb1c4d8e34e43d689d52af7c))
+- **tabs:** add tabs ([1186a66](https://github.com/neo4j/neo4j-design/commit/1186a66d5d08ee26480c1aefba156314050914ef))
+
+## [0.1.2](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.1...@neo4j-ndl/react@0.1.2) (2021-12-02)
+
+### Bug Fixes
+
+- **react:** removed false as class names and forced neods-font-sans ([49991f6](https://github.com/neo4j/neo4j-design/commit/49991f6242b03e0488ac1a9e702238b8db49e5c8))
+- **storybook:** pills path ([8911016](https://github.com/neo4j/neo4j-design/commit/8911016e0f65da3dfcf6b41a05e65ece0b43c8c2))
+
+## [0.1.1](https://github.com/neo4j/neo4j-design/compare/@neo4j-ndl/react@0.1.0...@neo4j-ndl/react@0.1.1) (2021-12-02)
+
+### Bug Fixes
+
+- **react:** components naming ([69a4510](https://github.com/neo4j/neo4j-design/commit/69a4510aa9e772eb0c14aa9f378ede1b9ece04e0))
+
+# 0.1.0 (2021-12-01)
+
+### Features
+
+- **base:** typography added ([e24a090](https://github.com/neo4j/neo4j-design/commit/e24a090c9734acc9543731a32da99e222fe0ea0f))
+
+## [0.0.4](https://github.com/konsalex/neo4j-design/compare/@neo4j-ndl/buttons@0.0.3...@neo4j-ndl/buttons@0.0.4) (2021-11-24)
+
+**Note:** Version bump only for package @neo4j-ndl/buttons
+
+## [0.0.3](https://github.com/konsalex/neo4j-design/compare/@neo4j-ndl/buttons@0.0.2...@neo4j-ndl/buttons@0.0.3) (2021-11-23)
+
+### Bug Fixes
+
+- **base:** fix tailwind conflicts with existing css files, disabled pre-flight and more ([1d8fb98](https://github.com/konsalex/neo4j-design/commit/1d8fb985cf8ac4082029f35e55b1039d38dee866))
+
+## 0.0.2 (2021-11-23)
+
+### Bug Fixes
+
+- **packages:** renamed packages to test - unpublished are still active ([b4693d2](https://github.com/konsalex/neo4j-design/commit/b4693d2f5c1ec8bf7730f9301578b7f2a3a8bff1))
+
+## 0.0.2 (2021-11-23)
+
+**Note:** Version bump only for package @neo4j-ndl/button

package/lib/cjs/dropdown/Dropdown.js

@@ -78,7 +78,7 @@ const customStyles = ({ errorText, size, }) => {
                     ? `1px solid ${focusedBorderColor}`
                     : `1px solid ${defaultBorder}`,
             } })),
-        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
+        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
         indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
             /**
              * The right icon has padding of 8px so:

package/lib/cjs/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/graph-label/GraphLabel.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -35,8 +58,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
+const color_1 = require("./color");
 /**
  *
  *
@@ -44,7 +69,9 @@ const classnames_1 = __importDefault(require("classnames"));
  *
  *
  */
-const HexagonEnd = ({ direction = 'left' }) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [(0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-inner", fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }), (0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-outer", d: "M 9 0 V -0.5 H 9.5 V 0.5 H 9 Z M 9 24 H 9 V 24 Z M 0.315 13.1094 L 0.739 12.8443 L 0.7464 12.8563 L 0.7532 12.8686 L 0.315 13.1094 Z M 0.315 10.8906 L 0.7532 11.1314 L 0.7464 11.1437 L 0.739 11.1557 L 0.315 10.8906 Z M 5.7302 22.9632 L 6.1684 22.7224 L 5.7302 22.9632 Z M 5.7302 1.0368 L 6.1684 1.2776 L 5.7302 1.0368 Z M 9 0.5 H 7.483 V -0.5 H 9 V 0.5 Z M 9 23.5 H 9.5 V 24.5 H 9 Z M 7.483 23.5 H 9 V 24.5 H 7.483 V 23.5 Z M 5.292 23.204 L -0.1232 13.3502 L 0.7532 12.8686 L 6.1684 22.7224 L 5.292 23.204 Z M -0.1089 13.3745 C -0.6304 12.5405 -0.6304 11.4595 -0.1089 10.6255 L 0.739 11.1557 C 0.4203 11.6653 0.4203 12.3347 0.739 12.8443 L -0.1089 13.3745 Z M -0.1232 10.6498 L 5.292 0.796 L 6.1684 1.2776 L 0.7532 11.1314 L -0.1232 10.6498 Z M 7.483 24.5 C 6.571 24.5 5.7313 24.0033 5.292 23.204 L 6.1684 22.7224 C 6.432 23.202 6.9358 23.5 7.483 23.5 V 24.5 Z M 7.483 0.5 C 6.9358 0.5 6.432 0.798 6.1684 1.2776 L 5.292 0.796 C 5.7313 -0.0033 6.571 -0.5 7.483 -0.5 V 0.5 Z", mask: "url(#ndl-relationship-label-mask-outer-border)" })] })), (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+const HexagonEnd = ({ direction = 'left', color }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-inner", style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })), (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+};
 /**
  *
  *
@@ -53,7 +80,16 @@ const HexagonEnd = ({ direction = 'left' }) => ((0, jsx_runtime_1.jsxs)("div", O
  *
  */
 const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
-    var { type = 'node', disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "disabled", "selected", "as", "onClick"]);
+    var { type = 'node', color, disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "color", "disabled", "selected", "as", "onClick"]);
+    const [isHover, setIsHover] = (0, react_1.useState)(false);
+    const handleMouseEnter = (event) => {
+        setIsHover(true);
+        props.onMouseEnter && props.onMouseEnter(event);
+    };
+    const handleMouseLeave = (event) => {
+        setIsHover(false);
+        props.onMouseLeave && props.onMouseLeave(event);
+    };
     const handleClick = (e) => {
         // By default, a <button /> element with disabled set to true will not get its
         // on click handler called. To support the same behavior on <a /> tags we
@@ -68,51 +104,53 @@ const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
             onClick(e);
         }
     };
-    switch (type) {
-        case 'node':
-            return ((0, jsx_runtime_1.jsx)(NodeLabel, Object.assign({}, props, { color: props.color, disabled: disabled, selected: selected, className: props.className, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'relationship':
-            return ((0, jsx_runtime_1.jsx)(RelationshipLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'propertyKey':
-            return ((0, jsx_runtime_1.jsx)(PropertyKeyLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-    }
-});
-const NodeLabel = react_1.default.forwardRef(function NodeLabel(_a, ref) {
-    var { children, disabled, selected, color = '', className, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "color", "className", "as"]);
+    let backgroundColor = (0, react_1.useMemo)(() => {
+        if (!color) {
+            switch (type) {
+                case 'node':
+                    return tokens_1.default.colors.warning[40];
+                case 'relationship':
+                    return tokens_1.default.palette.light.neutral.bg.strong;
+                default:
+                    return tokens_1.default.palette.light.neutral.bg.strongest;
+            }
+        }
+        return color;
+    }, [color, type]);
+    const hoverColor = (0, react_1.useMemo)(() => (0, color_1.getHoverColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    const textColor = (0, react_1.useMemo)(() => (0, color_1.getTextColorFromBackground)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    const disabledTextColor = (0, react_1.useMemo)(() => (0, color_1.getDisabledTextColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    if (isHover && !disabled)
+        backgroundColor = hoverColor;
+    if (disabled)
+        backgroundColor = (0, color_1.getDisabledColor)(backgroundColor);
     let Component = 'button';
     if (as) {
         Component = as;
     }
-    const classes = (0, classnames_1.default)('ndl-node-label', className, {
-        disabled: disabled,
-        selected: selected,
-        'n-bg-warning-40': !color && !className,
-    });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: color }, props.style) }, { children: children })));
-});
-const RelationshipLabel = react_1.default.forwardRef(function RelationshipLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    if (type === 'node') {
+        const classes = (0, classnames_1.default)('ndl-node-label', props.className, {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: props.children })));
     }
-    const classes = (0, classnames_1.default)('ndl-relationship-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "left" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-relationship-label-content" }, { children: children })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "right" })] })));
-});
-const PropertyKeyLabel = react_1.default.forwardRef(function PropertyKeyLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    else if (type === 'relationship') {
+        const classes = (0, classnames_1.default)('ndl-relationship-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { color: disabled ? disabledTextColor : textColor }), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "left", color: backgroundColor }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-relationship-label-content", style: {
+                        backgroundColor: backgroundColor,
+                    } }, { children: props.children })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "right", color: backgroundColor })] })));
+    }
+    else {
+        const classes = (0, classnames_1.default)('ndl-property-key-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: props.children })));
     }
-    const classes = (0, classnames_1.default)('ndl-property-key-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
 });
 exports.default = GraphLabel;
 //# sourceMappingURL=GraphLabel.js.map

package/lib/cjs/graph-label/GraphLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAiD;AACjD,4DAAoC;AAEpC,kFAA0D;AAC1D,mCAKiB;AA6BjB;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAmB,EAAE,EAAE;IACpE,OAAO,CACL,+CAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,iBAC5C,8CACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAGlC,iCACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,IACE,EACN,8CACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kWAAkW,GACpW,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CACrD,EAQkB,EAClB,GAAuC;QATvC,EACE,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,OAAO,OAES,EADb,KAAK,cAPV,0DAQC,CADS;IAIV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAAG,CACvB,KAAsD,EACtD,EAAE;QACF,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CACvB,KAAsD,EACtD,EAAE;QACF,UAAU,CAAC,KAAK,CAAC,CAAC;QAElB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,8EAA8E;QAC9E,yEAAyE;QACzE,iFAAiF;QACjF,4CAA4C;QAC5C,IAAI,QAAQ,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,IAAI,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,KAAK,EAAE;YACV,QAAQ,IAAI,EAAE;gBACZ,KAAK,MAAM;oBACT,OAAO,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACnC,KAAK,cAAc;oBACjB,OAAO,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC;gBAChD;oBACE,OAAO,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC;aACpD;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CACH,IAAA,qBAAa,EACX,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,IAAA,kCAA0B,EACxB,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CACH,IAAA,4BAAoB,EAClB,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAI,OAAO,IAAI,CAAC,QAAQ;QAAE,eAAe,GAAG,UAAU,CAAC;IACvD,IAAI,QAAQ;QAAE,eAAe,GAAG,IAAA,wBAAgB,EAAC,eAAe,CAAC,CAAC;IAElE,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,EAAE,EAAE;QACN,SAAS,GAAG,EAAE,CAAC;KAChB;IAED,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE;YAC5D,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,kBACH,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,IAC5C,KAAK,CAAC,KAAK,GAEhB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,gBAE7B,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;YACnD,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,wBAAC,SAAS,oBACJ,KAAK,IACT,KAAK,kCACA,KAAK,CAAC,KAAK,KACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,KAEjD,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG,iBAER,8CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAC7B,+CAAM,EAAE,EAAC,0CAA0C,EAAC,IAAI,EAAC,OAAO,gBAC9D,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,IACG,IACH,EACN,uBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,eAAe,GAAI,EACvD,8CACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,gBAEA,KAAK,CAAC,QAAQ,IACX,EACN,uBAAC,UAAU,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,eAAe,GAAI,KAC9C,CACb,CAAC;KACH;SAAM;QACL,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;YACnD,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,KAAK,kBACH,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,IAC5C,KAAK,CAAC,KAAK,GAEhB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG,gBAEP,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;KACH;AACH,CAAC,CAAC,CAAC;AAEH,kBAAe,UAAU,CAAC"}

package/lib/cjs/graph-label/color.js

@@ -0,0 +1,87 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDisabledColor = exports.getDisabledTextColor = exports.getHoverColor = exports.getTextColorFromBackground = void 0;
+const tinycolor2_1 = __importDefault(require("tinycolor2"));
+const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
+/**
+ * Takes a color string and returns color string
+ * that is readable on top of that background. Prioritizes pallete
+ *  text colors and uses black or white as fallback.
+ */
+const getTextColorFromBackground = (color) => {
+    return tinycolor2_1.default
+        .mostReadable(color, [
+        tokens_1.default.palette.light.neutral.text.default,
+        tokens_1.default.palette.light.neutral.text.inverse,
+    ], {
+        includeFallbackColors: true,
+    })
+        .toString();
+};
+exports.getTextColorFromBackground = getTextColorFromBackground;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+const getHoverColor = (color) => {
+    const hslColor = (0, tinycolor2_1.default)(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return (0, tinycolor2_1.default)(color).lighten(10).toString();
+    }
+    return (0, tinycolor2_1.default)(color).darken(10).toString();
+};
+exports.getHoverColor = getHoverColor;
+/**
+ * Returns the most readlabale color on the given background color
+ *  as a string from a list of palette text colors
+ */
+const getDisabledTextColor = (backgroundColor) => {
+    //TODO: update to token when dark theme is available
+    //inverse of text.weaker color should probably be replaced by token
+    const inverseTextColor = '#8e887f';
+    return tinycolor2_1.default
+        .mostReadable(backgroundColor, [
+        inverseTextColor,
+        tokens_1.default.palette.light.neutral.text.weakest,
+        tokens_1.default.palette.light.neutral.text.weak,
+        tokens_1.default.palette.light.neutral.text.weaker,
+    ])
+        .toString();
+};
+exports.getDisabledTextColor = getDisabledTextColor;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+const getDisabledColor = (color) => {
+    const hslColor = (0, tinycolor2_1.default)(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return (0, tinycolor2_1.default)(color).lighten(15).toString();
+    }
+    return (0, tinycolor2_1.default)(color).darken(15).toString();
+};
+exports.getDisabledColor = getDisabledColor;
+//# sourceMappingURL=color.js.map

package/lib/cjs/graph-label/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/graph-label/color.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,4DAAmC;AACnC,kFAA0D;AAE1D;;;;GAIG;AACI,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAU,EAAE;IAClE,OAAO,oBAAS;SACb,YAAY,CACX,KAAK,EACL;QACE,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC1C,EACD;QACE,qBAAqB,EAAE,IAAI;KAC5B,CACF;SACA,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAbW,QAAA,0BAA0B,8BAarC;AAEF;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE;IACrD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEF;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,eAAuB,EAAU,EAAE;IACtE,oDAAoD;IACpD,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,oBAAS;SACb,YAAY,CAAC,eAAe,EAAE;QAC7B,gBAAgB;QAChB,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACtC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM;KACzC,CAAC;SACD,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEF;;;GAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}

package/lib/esm/dropdown/Dropdown.js

@@ -72,7 +72,7 @@ const customStyles = ({ errorText, size, }) => {
                     ? `1px solid ${focusedBorderColor}`
                     : `1px solid ${defaultBorder}`,
             } })),
-        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
+        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
         indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
             /**
              * The right icon has padding of 8px so:

package/lib/esm/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/esm/graph-label/GraphLabel.js

@@ -30,8 +30,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React from 'react';
+import React, { useMemo, useState } from 'react';
 import classnames from 'classnames';
+import tokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
+import { getDisabledColor, getDisabledTextColor, getHoverColor, getTextColorFromBackground, } from './color';
 /**
  *
  *
@@ -39,7 +41,9 @@ import classnames from 'classnames';
  *
  *
  */
-const HexagonEnd = ({ direction = 'left' }) => (_jsxs("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [_jsxs("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: "ndl-hexagon-end-inner", fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }), _jsx("path", { className: "ndl-hexagon-end-outer", d: "M 9 0 V -0.5 H 9.5 V 0.5 H 9 Z M 9 24 H 9 V 24 Z M 0.315 13.1094 L 0.739 12.8443 L 0.7464 12.8563 L 0.7532 12.8686 L 0.315 13.1094 Z M 0.315 10.8906 L 0.7532 11.1314 L 0.7464 11.1437 L 0.739 11.1557 L 0.315 10.8906 Z M 5.7302 22.9632 L 6.1684 22.7224 L 5.7302 22.9632 Z M 5.7302 1.0368 L 6.1684 1.2776 L 5.7302 1.0368 Z M 9 0.5 H 7.483 V -0.5 H 9 V 0.5 Z M 9 23.5 H 9.5 V 24.5 H 9 Z M 7.483 23.5 H 9 V 24.5 H 7.483 V 23.5 Z M 5.292 23.204 L -0.1232 13.3502 L 0.7532 12.8686 L 6.1684 22.7224 L 5.292 23.204 Z M -0.1089 13.3745 C -0.6304 12.5405 -0.6304 11.4595 -0.1089 10.6255 L 0.739 11.1557 C 0.4203 11.6653 0.4203 12.3347 0.739 12.8443 L -0.1089 13.3745 Z M -0.1232 10.6498 L 5.292 0.796 L 6.1684 1.2776 L 0.7532 11.1314 L -0.1232 10.6498 Z M 7.483 24.5 C 6.571 24.5 5.7313 24.0033 5.292 23.204 L 6.1684 22.7224 C 6.432 23.202 6.9358 23.5 7.483 23.5 V 24.5 Z M 7.483 0.5 C 6.9358 0.5 6.432 0.798 6.1684 1.2776 L 5.292 0.796 C 5.7313 -0.0033 6.571 -0.5 7.483 -0.5 V 0.5 Z", mask: "url(#ndl-relationship-label-mask-outer-border)" })] })), _jsx("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+const HexagonEnd = ({ direction = 'left', color }) => {
+    return (_jsxs("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [_jsx("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { className: "ndl-hexagon-end-inner", style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })), _jsx("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+};
 /**
  *
  *
@@ -48,7 +52,16 @@ const HexagonEnd = ({ direction = 'left' }) => (_jsxs("div", Object.assign({ cla
  *
  */
 const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
-    var { type = 'node', disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "disabled", "selected", "as", "onClick"]);
+    var { type = 'node', color, disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "color", "disabled", "selected", "as", "onClick"]);
+    const [isHover, setIsHover] = useState(false);
+    const handleMouseEnter = (event) => {
+        setIsHover(true);
+        props.onMouseEnter && props.onMouseEnter(event);
+    };
+    const handleMouseLeave = (event) => {
+        setIsHover(false);
+        props.onMouseLeave && props.onMouseLeave(event);
+    };
     const handleClick = (e) => {
         // By default, a <button /> element with disabled set to true will not get its
         // on click handler called. To support the same behavior on <a /> tags we
@@ -63,51 +76,53 @@ const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
             onClick(e);
         }
     };
-    switch (type) {
-        case 'node':
-            return (_jsx(NodeLabel, Object.assign({}, props, { color: props.color, disabled: disabled, selected: selected, className: props.className, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'relationship':
-            return (_jsx(RelationshipLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'propertyKey':
-            return (_jsx(PropertyKeyLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-    }
-});
-const NodeLabel = React.forwardRef(function NodeLabel(_a, ref) {
-    var { children, disabled, selected, color = '', className, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "color", "className", "as"]);
+    let backgroundColor = useMemo(() => {
+        if (!color) {
+            switch (type) {
+                case 'node':
+                    return tokens.colors.warning[40];
+                case 'relationship':
+                    return tokens.palette.light.neutral.bg.strong;
+                default:
+                    return tokens.palette.light.neutral.bg.strongest;
+            }
+        }
+        return color;
+    }, [color, type]);
+    const hoverColor = useMemo(() => getHoverColor(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
+    const textColor = useMemo(() => getTextColorFromBackground(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
+    const disabledTextColor = useMemo(() => getDisabledTextColor(backgroundColor ? backgroundColor : tokens.colors.warning[40]), [backgroundColor]);
+    if (isHover && !disabled)
+        backgroundColor = hoverColor;
+    if (disabled)
+        backgroundColor = getDisabledColor(backgroundColor);
     let Component = 'button';
     if (as) {
         Component = as;
     }
-    const classes = classnames('ndl-node-label', className, {
-        disabled: disabled,
-        selected: selected,
-        'n-bg-warning-40': !color && !className,
-    });
-    return (_jsx(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: color }, props.style) }, { children: children })));
-});
-const RelationshipLabel = React.forwardRef(function RelationshipLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    if (type === 'node') {
+        const classes = classnames('ndl-node-label', props.className, {
+            disabled: disabled,
+            selected: selected,
+        });
+        return (_jsx(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: props.children })));
     }
-    const classes = classnames('ndl-relationship-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return (_jsxs(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: [_jsx("svg", Object.assign({ style: { display: 'none' } }, { children: _jsx("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), _jsx(HexagonEnd, { direction: "left" }), _jsx("div", Object.assign({ className: "ndl-relationship-label-content" }, { children: children })), _jsx(HexagonEnd, { direction: "right" })] })));
-});
-const PropertyKeyLabel = React.forwardRef(function PropertyKeyLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    else if (type === 'relationship') {
+        const classes = classnames('ndl-relationship-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return (_jsxs(Component, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { color: disabled ? disabledTextColor : textColor }), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: [_jsx("svg", Object.assign({ style: { display: 'none' } }, { children: _jsx("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), _jsx(HexagonEnd, { direction: "left", color: backgroundColor }), _jsx("div", Object.assign({ className: "ndl-relationship-label-content", style: {
+                        backgroundColor: backgroundColor,
+                    } }, { children: props.children })), _jsx(HexagonEnd, { direction: "right", color: backgroundColor })] })));
+    }
+    else {
+        const classes = classnames('ndl-property-key-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return (_jsx(Component, Object.assign({}, props, { style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: props.children })));
     }
-    const classes = classnames('ndl-property-key-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return (_jsx(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
 });
 export default GraphLabel;
 //# sourceMappingURL=GraphLabel.js.map

package/lib/esm/graph-label/GraphLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}

package/lib/esm/graph-label/color.js

@@ -0,0 +1,77 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import tinycolor from 'tinycolor2';
+import tokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
+/**
+ * Takes a color string and returns color string
+ * that is readable on top of that background. Prioritizes pallete
+ *  text colors and uses black or white as fallback.
+ */
+export const getTextColorFromBackground = (color) => {
+    return tinycolor
+        .mostReadable(color, [
+        tokens.palette.light.neutral.text.default,
+        tokens.palette.light.neutral.text.inverse,
+    ], {
+        includeFallbackColors: true,
+    })
+        .toString();
+};
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export const getHoverColor = (color) => {
+    const hslColor = tinycolor(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return tinycolor(color).lighten(10).toString();
+    }
+    return tinycolor(color).darken(10).toString();
+};
+/**
+ * Returns the most readlabale color on the given background color
+ *  as a string from a list of palette text colors
+ */
+export const getDisabledTextColor = (backgroundColor) => {
+    //TODO: update to token when dark theme is available
+    //inverse of text.weaker color should probably be replaced by token
+    const inverseTextColor = '#8e887f';
+    return tinycolor
+        .mostReadable(backgroundColor, [
+        inverseTextColor,
+        tokens.palette.light.neutral.text.weakest,
+        tokens.palette.light.neutral.text.weak,
+        tokens.palette.light.neutral.text.weaker,
+    ])
+        .toString();
+};
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export const getDisabledColor = (color) => {
+    const hslColor = tinycolor(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return tinycolor(color).lighten(15).toString();
+    }
+    return tinycolor(color).darken(15).toString();
+};
+//# sourceMappingURL=color.js.map

package/lib/esm/graph-label/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/graph-label/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAU,EAAE;IAClE,OAAO,SAAS;SACb,YAAY,CACX,KAAK,EACL;QACE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC1C,EACD;QACE,qBAAqB,EAAE,IAAI;KAC5B,CACF;SACA,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE;IACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,eAAuB,EAAU,EAAE;IACtE,oDAAoD;IACpD,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,SAAS;SACb,YAAY,CAAC,eAAe,EAAE;QAC7B,gBAAgB;QAChB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACtC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM;KACzC,CAAC;SACD,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC"}

package/lib/types/graph-label/GraphLabel.d.ts

@@ -19,52 +19,25 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { ElementBase } from '../helpers';
 /**
  *
  *
- * Types
+ * GraphLabel Component
  *
  *
  */
-declare type NodeLabelProps = {
+declare const GraphLabel: React.ForwardRefExoticComponent<{
+    type: 'node' | 'relationship' | 'propertyKey';
     children?: React.ReactNode;
+    /** The background color of the label only applicable to type node and relationship*/
+    color?: string | undefined;
     /** Sets the label to the disabled style */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Additional classes only applicable to type node*/
-    className?: string;
-    /** The background color of the label only applicable to type node*/
-    color?: string;
-    /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type RelationshipLabelProps = {
-    children?: React.ReactNode;
-    /** Sets the label to the disabled style */
-    disabled?: boolean;
-    /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type PropertyKeyLabelProps = {
-    children?: React.ReactNode;
-    /** Sets the label to the disabled style */
-    disabled?: boolean;
+    className?: string | undefined;
     /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type GraphLabelProps = ({
-    type: 'node';
-} & NodeLabelProps) | ({
-    type: 'relationship';
-} & RelationshipLabelProps) | ({
-    type: 'propertyKey';
-} & PropertyKeyLabelProps);
-/**
- *
- *
- * GraphLabel Component
- *
- *
- */
-declare const GraphLabel: React.ForwardRefExoticComponent<GraphLabelProps & React.RefAttributes<HTMLDivElement>>;
+    selected?: boolean | undefined;
+} & Omit<React.HTMLProps<HTMLButtonElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
+    as?: string | React.ComponentType<any> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default GraphLabel;

package/lib/types/graph-label/color.d.ts

@@ -0,0 +1,41 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/**
+ * Takes a color string and returns color string
+ * that is readable on top of that background. Prioritizes pallete
+ *  text colors and uses black or white as fallback.
+ */
+export declare const getTextColorFromBackground: (color: string) => string;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export declare const getHoverColor: (color: string) => string;
+/**
+ * Returns the most readlabale color on the given background color
+ *  as a string from a list of palette text colors
+ */
+export declare const getDisabledTextColor: (backgroundColor: string) => string;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export declare const getDisabledColor: (color: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -48,6 +48,7 @@
     "@types/jest-axe": "^3.5.3",
     "@types/react-dom": "^17.0.11",
     "@types/react-table": "^7.7.10",
+    "@types/tinycolor2": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
     "babel-jest": "^27.3.1",
@@ -68,13 +69,14 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.8.0",
+    "@neo4j-ndl/base": "^0.8.2",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",
     "react-dropzone": "^14.0.0",
     "react-select": "^5.3.2",
     "react-syntax-highlighter": "^15.5.0",
     "react-table": "^7.7.0",
-    "react-use": "^17.4.0"
+    "react-use": "^17.4.0",
+    "tinycolor2": "^1.4.2"
   }
-}
+}