@neo4j-ndl/base 1.8.14 → 1.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 1.10.0
+
+### Minor Changes
+
+- 95c8c78: new accordion component
+
+## 1.9.0
+
+### Minor Changes
+
+- 46bd73c: Added DatePicker component
+
 ## 1.8.14
 
 ### Patch Changes

package/lib/LICENSES.txt

@@ -5210,7 +5210,7 @@ MIT License
 
 -----
 
-The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
+The following software may be included in this product: @types/jest, @types/jest-axe, @types/node, @types/react, @types/react-datepicker, @types/react-dom, @types/react-resizable, @types/react-syntax-highlighter, @types/react-table, @types/tinycolor2. A copy of the source code may be downloaded from https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/jest-axe), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/node), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-datepicker), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-dom), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-resizable), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-syntax-highlighter), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/react-table), https://github.com/DefinitelyTyped/DefinitelyTyped.git (@types/tinycolor2). This software contains the following license and notice below:
 
 MIT License
 
@@ -5529,6 +5529,32 @@ SOFTWARE.
 
 -----
 
+The following software may be included in this product: date-fns. A copy of the source code may be downloaded from https://github.com/date-fns/date-fns. This software contains the following license and notice below:
+
+MIT License
+
+Copyright (c) 2021 Sasha Koss and Lesha Koss https://kossnocorp.mit-license.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: dedent. A copy of the source code may be downloaded from git://github.com/dmnd/dedent.git. This software contains the following license and notice below:
 
 The MIT License (MIT)
@@ -12268,6 +12294,32 @@ Apache License
 
 -----
 
+The following software may be included in this product: react-datepicker. A copy of the source code may be downloaded from git://github.com/Hacker0x01/react-datepicker.git. This software contains the following license and notice below:
+
+The MIT License (MIT)
+
+Copyright (c) 2014-2023 HackerOne Inc and individual contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-----
+
 The following software may be included in this product: react-dropzone. A copy of the source code may be downloaded from https://github.com/react-dropzone/react-dropzone.git. This software contains the following license and notice below:
 
 The MIT License (MIT)

package/lib/NOTICE.txt

@@ -117,6 +117,9 @@ Third-party licenses
 │  ├─ @types/react@npm:17.0.62 (via npm:^17.0.62)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react
+│  ├─ @types/react-datepicker@npm:4.11.2 (via npm:^4.11.2)
+│  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
+│  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-datepicker
 │  ├─ @types/react-dom@npm:17.0.18 (via npm:17.0.18)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom
@@ -160,6 +163,8 @@ Third-party licenses
 │  ├─ concurrently@npm:7.6.0 (via npm:^7.4.0)
 │  │  ├─ URL: https://github.com/open-cli-tools/concurrently.git
 │  │  └─ VendorName: Kimmo Brunfeldt
+│  ├─ date-fns@npm:2.30.0 (via npm:^2.30.0)
+│  │  └─ URL: https://github.com/date-fns/date-fns
 │  ├─ dedent@npm:0.7.0 (via npm:^0.7.0)
 │  │  ├─ URL: git://github.com/dmnd/dedent.git
 │  │  ├─ VendorName: Desmond Brand
@@ -223,6 +228,10 @@ Third-party licenses
 │  ├─ react@npm:17.0.2 (via npm:^17.0.2)
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/
+│  ├─ react-datepicker@npm:4.14.1 [a2e03] (via npm:^4.14.1 [a2e03])
+│  │  ├─ URL: git://github.com/Hacker0x01/react-datepicker.git
+│  │  ├─ VendorName: HackerOne
+│  │  └─ VendorUrl: https://github.com/Hacker0x01/react-datepicker
 │  ├─ react-dom@npm:17.0.2 [d75d7] (via npm:^17.0.2 [d75d7])
 │  │  ├─ URL: https://github.com/facebook/react.git
 │  │  └─ VendorUrl: https://reactjs.org/

package/lib/cjs/tokens/js/storybook-design-token.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens-esm.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 exports.__esModule = true;
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 module.exports = {
     "transitions": {

package/lib/esm/tokens/js/storybook-design-token.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 export const tokens = {
     "transitions": [

package/lib/esm/tokens/js/tokens-esm.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 export const tokens = {
     "transitions": {

package/lib/esm/tokens/js/tokens.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 12:39:54 GMT
+ * Generated on Fri, 04 Aug 2023 06:56:18 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -972,6 +972,137 @@ h6,
   --palette-success-border-weak: var(--palette-light-success-border-weak);
   color: rgb(var(--palette-neutral-text-default));
 }
+/**
+ *
+ *  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/>.
+ */
+.ndl-accordion{
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 1rem;
+}
+.ndl-accordion .ndl-accordion-item{
+  box-sizing: border-box;
+  width: auto;
+  border-style: solid;
+  border-color: rgb(var(--palette-neutral-border-weak));
+    border-bottom-width: 1px;
+}
+.ndl-accordion .ndl-accordion-item-header{
+  display: flex;
+  width: 100%;
+  color: rgb(var(--palette-neutral-text-default));
+}
+.ndl-accordion .ndl-accordion-item-header-disabled{
+  color: rgb(var(--palette-neutral-text-weakest));
+}
+.ndl-accordion .ndl-accordion-item-header-button{
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-right: 0.75rem;
+}
+.ndl-accordion .ndl-accordion-item-header-button-disabled{
+  cursor: not-allowed;
+  color: rgb(var(--palette-neutral-text-weakest));
+}
+.ndl-accordion .ndl-accordion-item-header-button:focus-visible{
+  border-radius: 4px;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 1px;
+  outline-color: rgb(var(--palette-primary-focus));
+}
+.ndl-accordion .ndl-accordion-item-header-button:hover:before{
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: 4px;
+  background-color: var(--palette-neutral-hover);
+    content: '';
+    z-index: 1;
+}
+.ndl-accordion .ndl-accordion-item-header-button:active:before{
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: 4px;
+  background-color: var(--palette-neutral-pressed);
+    content: '';
+    z-index: 1;
+}
+.ndl-accordion .ndl-accordion-item-header-button-title{
+  margin-left: 0.75rem;
+  display: flex;
+  width: 100%;
+}
+.ndl-accordion .ndl-accordion-item-header-button-title-right{
+  align-content: space-between;
+}
+.ndl-accordion .ndl-accordion-item-header-icon-wrapper{
+  pointer-events: none;
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+}
+.ndl-accordion .ndl-accordion-item-header-icon-wrapper-right{
+  flex-direction: row-reverse;
+}
+.ndl-accordion .ndl-accordion-item-header-icon{
+  margin-left: 0.75rem;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.ndl-accordion .ndl-accordion-item-content{
+  visibility: hidden;
+  height: 0px;
+  overflow: hidden;
+}
+.ndl-accordion .ndl-accordion-item-content:focus-visible{
+  border-radius: 4px;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 1px;
+  outline-color: rgb(var(--palette-primary-focus));
+}
+.ndl-accordion .ndl-accordion-item-content-right{
+  padding-left: 2.25rem;
+}
+.ndl-accordion .ndl-accordion-item-content-expanded{
+  visibility: visible;
+  height: auto;
+}
+.ndl-accordion .ndl-accordion-item-content-inner{
+  box-sizing: border-box;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-top: 0.25rem;
+}
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -2785,6 +2916,256 @@ a.ndl-btn{
   border-color: rgb(238 241 246 / var(--tw-border-opacity));
   border-color: rgb(var(--divider-color));
 }
+/**
+ *
+ *  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/>.
+ */
+.ndl-datepicker .react-datepicker-wrapper{
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.ndl-datepicker .react-datepicker-popper{
+  z-index: 10;
+  margin-top: 0.5rem;
+  border-radius: 6px;
+  border-width: 1px;
+  border-color: rgb(var(--palette-neutral-border-strong));
+  background-color: rgb(var(--palette-neutral-bg-weak));
+  padding: 1.5rem;
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ndl-datepicker .react-datepicker-popper .react-datepicker__aria-live{
+  display: none;
+}
+.ndl-datepicker .ndl-datepicker-header{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects{
+  margin-left: 0.25rem;
+  display: flex;
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.ndl-datepicker .ndl-datepicker-header .ndl-datepicker-chevron{
+  height: 1.25rem;
+  width: 1.25rem;
+  color: rgb(var(--palette-neutral-text-weak));
+}
+.ndl-datepicker .react-datepicker__day-names{
+  display: flex;
+}
+.ndl-datepicker .react-datepicker__day-name{
+  margin: 0.25rem;
+  height: 2rem;
+  width: 2rem;
+  text-align: center;
+  color: rgb(var(--palette-neutral-text-weaker));
+  font-size: var(--font-size-body-medium);
+  font-weight: var(--font-weight-normal);
+  letter-spacing: 0.016rem;
+  line-height: 1.25rem;
+}
+.ndl-datepicker .react-datepicker__day-name:first-child{
+  margin-left: 0px;
+}
+.ndl-datepicker .react-datepicker__day-name:last-child{
+  margin-right: 0px;
+}
+.ndl-datepicker .react-datepicker__day-name {
+    line-height: 32px;
+  }
+.ndl-datepicker .react-datepicker__month{
+  display: flex;
+  flex-direction: column;
+}
+.ndl-datepicker .react-datepicker__week{
+  display: flex;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day{
+  margin: 0.25rem;
+  display: flex;
+  height: 2rem;
+  width: 2rem;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 8px;
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:first-child{
+  margin-left: 0px;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:last-child{
+  margin-right: 0px;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day {
+      line-height: 32px;
+    }
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled){
+  cursor: pointer;
+}
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):hover:not(.react-datepicker__day--selecting-range-start):not(
+            .react-datepicker__day--selected
+          ){
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--outside-month{
+  visibility: hidden;
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--highlighted{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-color: rgb(var(--palette-neutral-bg-strongest));
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: 0;
+  line-height: 1.25rem;
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-selecting-range:not(
+        .react-datepicker__day--selected
+      ):not(.react-datepicker__day--keyboard-selected):not(
+        .react-datepicker__day--selecting-range-start
+      ){
+  background-color: rgb(var(--palette-primary-bg-weak));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-range{
+  margin-left: 0px;
+  margin-right: 0px;
+  width: 2.5rem;
+  border-radius: 0px;
+  background-color: rgb(var(--palette-primary-bg-weak));
+  color: rgb(var(--palette-neutral-text-default));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--in-range:hover{
+  background-color: var(--palette-primary-hover-weak);
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--selected, 
+    .ndl-datepicker .react-datepicker__week .react-datepicker__day--keyboard-selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--selected:hover,  .ndl-datepicker .react-datepicker__week .react-datepicker__day--keyboard-selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start, 
+    .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start{
+  margin-left: 2px;
+  width: 2.25rem;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start:hover,  .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-end{
+  margin-right: 2px;
+  width: 2.25rem;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__week .react-datepicker__day--range-end:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__month-wrapper{
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__month-text{
+  margin: 0.25rem;
+  width: 4rem;
+  cursor: pointer;
+  border-radius: 8px;
+  font-size: var(--font-size-body-medium);
+  font-weight: var(--font-weight-normal);
+  letter-spacing: 0.016rem;
+  line-height: 1.25rem;
+    line-height: 32px;
+}
+.ndl-datepicker .react-datepicker__month-text:hover{
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__month-text--selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__month-text--selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker__year-wrapper{
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  text-align: center;
+}
+.ndl-datepicker .react-datepicker__year-text{
+  margin: 0.25rem;
+  width: 4rem;
+  cursor: pointer;
+  border-radius: 8px;
+    line-height: 32px;
+}
+.ndl-datepicker .react-datepicker__year-text:hover{
+  background-color: var(--palette-neutral-hover);
+}
+.ndl-datepicker .react-datepicker__year-text--selected{
+  background-color: rgb(var(--palette-primary-bg-strong));
+  color: rgb(var(--palette-neutral-text-inverse));
+}
+.ndl-datepicker .react-datepicker__year-text--selected:hover{
+  background-color: rgb(var(--palette-primary-hover-strong));
+}
+.ndl-datepicker .react-datepicker-time__caption{
+  display: none;
+}
+.ndl-datepicker .react-datepicker__day--disabled, 
+  .ndl-datepicker .react-datepicker__month-text--disabled, 
+  .ndl-datepicker .react-datepicker__year-text--disabled{
+  cursor: not-allowed;
+  color: rgb(var(--palette-neutral-text-weakest));
+}
+.ndl-datepicker .react-datepicker__day--disabled:hover,  .ndl-datepicker .react-datepicker__month-text--disabled:hover,  .ndl-datepicker .react-datepicker__year-text--disabled:hover{
+  background-color: transparent;
+}
+.ndl-datepicker .react-datepicker__aria-live {
+    position: absolute;
+    -webkit-clip-path: circle(0);
+            clip-path: circle(0);
+    border: 0;
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    width: 1px;
+    white-space: nowrap;
+  }
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -5641,6 +6022,9 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .n-mt-4{
   margin-top: 1rem;
 }
+.n-box-border{
+  box-sizing: border-box;
+}
 .n-flex{
   display: flex;
 }
@@ -5757,6 +6141,14 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .n-table-auto{
   table-layout: auto;
 }
+.-n-rotate-180{
+  --tw-rotate: -180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.n-rotate-180{
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .n-transform{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -23096,12 +23488,12 @@ a.ndl-cypher-editor .cm-editor .cm-button,  a .ndl-codemirror-editor .cm-editor
 .n-fill-palette-neutral-border-strong{
   fill: rgb(var(--palette-neutral-border-strong));
 }
-.n-p-4{
-  padding: 1rem;
-}
 .n-p-2{
   padding: 0.5rem;
 }
+.n-p-4{
+  padding: 1rem;
+}
 .n-p-8{
   padding: 2rem;
 }

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 12:39:54 GMT
+ * Generated on Fri, 04 Aug 2023 06:56:18 GMT
  */
 
 :root {

package/lib/tokens/js/tokens-raw.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jul 2023 12:39:54 GMT
+ * Generated on Fri, 04 Aug 2023 06:56:18 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 25 Jul 2023 12:39:54 GMT
+// Generated on Fri, 04 Aug 2023 06:56:18 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 25 Jul 2023 12:39:54 GMT
+* Generated on Fri, 04 Aug 2023 06:56:18 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "1.8.14",
+  "version": "1.10.0",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "",