@neo4j-ndl/base 1.7.3 → 1.8.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 1.8.1
+
+### Patch Changes
+
+- 5340ee0: Align padding-left for td and th such that they both have 24px
+
+## 1.8.0
+
+### Minor Changes
+
+- dc3ba1c: Implement Widget Component
+
 ## 1.7.3
 
 ### 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-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-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-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:
 
 MIT License
 
@@ -12381,6 +12381,32 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 -----
 
+The following software may be included in this product: react-resizable. A copy of the source code may be downloaded from git@github.com:react-grid-layout/react-resizable.git. This software contains the following license and notice below:
+
+The MIT License (MIT)
+
+Copyright (c) 2016-2018 Samuel Reed
+
+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-select-event. A copy of the source code may be downloaded from git+https://github.com/romgain/react-select-event.git. This software contains the following license and notice below:
 
 Copyright 2019 Romain Bertrand

package/lib/NOTICE.txt

@@ -112,12 +112,15 @@ Third-party licenses
 │  ├─ @types/node@npm:16.18.27 (via npm:^16.11.7)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node
-│  ├─ @types/react@npm:17.0.60 (via npm:^17.0.53)
+│  ├─ @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-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
+│  ├─ @types/react-resizable@npm:3.0.4 (via npm:^3.0.4)
+│  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
+│  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-resizable
 │  ├─ @types/react-syntax-highlighter@npm:15.5.6 (via npm:^15.5.5)
 │  │  ├─ URL: https://github.com/DefinitelyTyped/DefinitelyTyped.git
 │  │  └─ VendorUrl: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-syntax-highlighter
@@ -232,6 +235,10 @@ Third-party licenses
 │  ├─ react-hot-toast@npm:2.4.1 [d75d7] (via npm:^2.3.0 [d75d7])
 │  │  ├─ URL: git+https://github.com/timolins/react-hot-toast.git
 │  │  └─ VendorName: Timo Lins
+│  ├─ react-resizable@npm:3.0.5 [d75d7] (via npm:^3.0.5 [d75d7])
+│  │  ├─ URL: git@github.com:react-grid-layout/react-resizable.git
+│  │  ├─ VendorName: Samuel Reed
+│  │  └─ VendorUrl: https://github.com/react-grid-layout/react-resizable
 │  ├─ react-select@npm:5.7.0 [a2e03] (via npm:5.7.0 [a2e03])
 │  │  ├─ URL: https://github.com/JedWatson/react-select/tree/master/packages/react-select
 │  │  └─ VendorName: Jed Watson

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 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 Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 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 Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -459,7 +459,7 @@ video {
  */
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 08:24:49 GMT
+ * Generated on Mon, 26 Jun 2023 11:25:21 GMT
  */
 :root {
   --transitions-values-properties-default: all;
@@ -3374,7 +3374,7 @@ a.ndl-btn{
       }
 /* Table head - Cell */
 .ndl-table-root .ndl-div-table .ndl-table-th {
-      padding: 12px 0 12px 28px;
+      padding: 12px 0 12px 24px;
       text-align: left;
       position: relative;
       font-weight: bold;
@@ -4209,6 +4209,70 @@ a.ndl-btn{
 .ndl-relationship-label.ndl-disabled{
   cursor: 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-widget{
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border-radius: 8px;
+  background-color: rgb(var(--palette-neutral-bg-weak));
+  padding: 1rem;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.ndl-widget.ndl-elevated{
+  --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-widget .ndl-header-wrapper{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ndl-widget .ndl-header-wrapper .ndl-header-left{
+  display: flex;
+  align-items: flex-start;
+}
+.ndl-widget .ndl-header-wrapper p {
+  font-size: var(--font-size-body-medium);
+  font-weight: var(--font-weight-normal);
+  letter-spacing: 0.016rem;
+  line-height: 1.25rem;
+}
+.ndl-widget.ndl-leftmenu .ndl-headers{
+  margin-left: 0.5rem;
+}
+.ndl-widget .ndl-resize-handle{
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+  height: 1.25rem;
+  width: 1.25rem;
+  cursor: se-resize;
+  --tw-text-opacity: 1;
+  color: rgb(178 183 189 / var(--tw-text-opacity));
+}
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -5501,15 +5565,15 @@ a.cm-editor .cm-button{
 .n-h-5{
   height: 1.25rem;
 }
+.n-h-6{
+  height: 1.5rem;
+}
 .n-h-full{
   height: 100%;
 }
 .n-h-4{
   height: 1rem;
 }
-.n-h-6{
-  height: 1.5rem;
-}
 .n-h-10{
   height: 2.5rem;
 }
@@ -5540,15 +5604,15 @@ a.cm-editor .cm-button{
 .n-w-5{
   width: 1.25rem;
 }
+.n-w-6{
+  width: 1.5rem;
+}
 .n-w-full{
   width: 100%;
 }
 .n-w-4{
   width: 1rem;
 }
-.n-w-6{
-  width: 1.5rem;
-}
 .n-w-10{
   width: 2.5rem;
 }
@@ -5587,6 +5651,9 @@ a.cm-editor .cm-button{
 .n-flex-1{
   flex: 1 1 0%;
 }
+.n-flex-grow{
+  flex-grow: 1;
+}
 .n-table-auto{
   table-layout: auto;
 }
@@ -5596,6 +5663,9 @@ a.cm-editor .cm-button{
 .n-cursor-pointer{
   cursor: pointer;
 }
+.n-cursor-grab{
+  cursor: grab;
+}
 .n-grid-cols-1{
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -22932,6 +23002,9 @@ a.cm-editor .cm-button{
 .n-p-2{
   padding: 0.5rem;
 }
+.n-p-8{
+  padding: 2rem;
+}
 .n-p-token-8{
   padding: 32px;
 }
@@ -23003,6 +23076,9 @@ a.cm-editor .cm-button{
   padding-left: 2.5rem;
   padding-right: 2.5rem;
 }
+.n-pb-\[200px\]{
+  padding-bottom: 200px;
+}
 .n-text-left{
   text-align: left;
 }

package/lib/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 08:24:49 GMT
+ * Generated on Mon, 26 Jun 2023 11:25:21 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 08:24:49 GMT
+ * Generated on Mon, 26 Jun 2023 11:25:22 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 21 Jun 2023 08:24:49 GMT
+// Generated on Mon, 26 Jun 2023 11:25:21 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 Wed, 21 Jun 2023 08:24:49 GMT
+* Generated on Mon, 26 Jun 2023 11:25:22 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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