@neo4j-ndl/base 3.0.19 → 3.1.0

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:22 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:23 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:22 GMT
 */
 module.exports = {
     "transitions": {

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:22 GMT
 */
 export const tokens = {
     "transitions": [

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:23 GMT
 */
 export const tokens = {
     "transitions": {

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

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:22 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -3621,6 +3621,7 @@ a.ndl-btn {
       display:flex;
       height:auto;
       align-items:center;
+      overflow:hidden;
       text-overflow:ellipsis;
       white-space:pre-line;
       padding-top:10px;
@@ -3634,6 +3635,9 @@ a.ndl-btn {
   letter-spacing:0.016rem;
   line-height:1.25rem;
     }
+.ndl-data-grid-root .ndl-div-table .ndl-data-grid-td:hover {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+}
 .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td.ndl-data-grid-custom-cell {
   padding:0px;
 }
@@ -7301,6 +7305,128 @@ button.ndl-avatar:focus-visible {
   background-color:rgb(var(--theme-palette-warning-bg-weak));
   color:rgb(var(--theme-palette-warning-text));
 }
+.ndl-skeleton {
+  height:auto;
+  border-radius:4px;
+}
+.ndl-skeleton.ndl-skeleton-weak{
+    background:linear-gradient(
+      90deg,
+      rgba(var(--theme-palette-neutral-bg-strong)),
+      rgba(var(--theme-palette-neutral-bg-default)),
+      rgba(var(--theme-palette-neutral-bg-strong))
+    );
+    animation:leftToRight 1.5s infinite reverse;
+    animation-timing-function:linear;
+    background-size:200%;
+  }
+.ndl-skeleton.ndl-skeleton-default{
+    background:linear-gradient(
+      90deg,
+      rgba(var(--theme-palette-neutral-bg-stronger)),
+      rgba(var(--theme-palette-neutral-bg-strong)),
+      rgba(var(--theme-palette-neutral-bg-stronger))
+    );
+    animation:leftToRight 2s infinite reverse;
+    animation-timing-function:linear;
+    background-size:200%;
+  }
+.ndl-skeleton.ndl-skeleton-circular{
+    border-radius:50%;
+  }
+.ndl-skeleton .ndl-skeleton-content {
+  visibility:hidden;
+}
+@keyframes leftToRight{
+  0%{
+    background-position:-100% 0;
+  }
+
+  100%{
+    background-position:100% 0;
+  }
+}
+.ndl-time-picker{
+}
+.ndl-time-picker-popover {
+  min-width:166px;
+  overflow:hidden;
+  border-radius:4px;
+  border-width:1px;
+  border-color:rgb(var(--theme-palette-neutral-border-strong));
+  background-color:rgb(var(--theme-palette-neutral-bg-weak));
+  --tw-shadow:var(--theme-shadow-overlay);
+  --tw-shadow-colored:var(--theme-shadow-overlay);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline:2px solid transparent;
+  outline-offset:2px;
+}
+.ndl-time-picker-popover ul {
+  height:166px;
+  overflow-y:scroll;
+  border-radius:4px;
+  padding-top:8px;
+  padding-bottom:8px;
+}
+.ndl-time-picker-popover li {
+  position:relative;
+  margin-left:8px;
+  margin-right:8px;
+  margin-top:2px;
+  margin-bottom:2px;
+  cursor:pointer;
+  border-radius:8px;
+  background-color:rgb(var(--theme-palette-neutral-bg-weak));
+}
+.ndl-time-picker-popover li.focused,
+    .ndl-time-picker-popover li:hover,
+    .ndl-time-picker-popover li:focus {
+  background-color:rgb(var(--theme-palette-neutral-hover));
+  outline:2px solid transparent;
+  outline-offset:2px;
+}
+.ndl-time-picker-popover li[aria-selected='true'] {
+  background-color:rgb(var(--theme-palette-primary-bg-selected));
+  color:rgb(var(--theme-palette-primary-text));
+}
+.ndl-time-picker-popover li[aria-selected='true']::before {
+  position:absolute;
+  top:0px;
+  left:-12px;
+  height:100%;
+  width:8px;
+  border-radius:4px;
+  background-color:rgb(var(--theme-palette-primary-bg-strong));
+  --tw-content:"";
+  content:var(--tw-content);
+}
+.ndl-time-picker-popover li.ndl-fluid {
+  width:100%;
+}
+.ndl-time-picker-popover.ndl-small li {
+  padding:2px;
+  font-family:var(--font-font-family-body-medium), sans-serif;
+  font-size:var(--font-size-body-medium);
+  font-weight:var(--font-weight-normal);
+  letter-spacing:0.016rem;
+  line-height:1.25rem;
+}
+.ndl-time-picker-popover.ndl-medium li {
+  padding:8px;
+  font-family:var(--font-font-family-body-medium), sans-serif;
+  font-size:var(--font-size-body-medium);
+  font-weight:var(--font-weight-normal);
+  letter-spacing:0.016rem;
+  line-height:1.25rem;
+}
+.ndl-time-picker-popover.ndl-large li {
+  padding:12px;
+  font-family:var(--font-font-family-body-large), sans-serif;
+  font-size:var(--font-size-body-large);
+  font-weight:var(--font-weight-normal);
+  letter-spacing:0.016rem;
+  line-height:1.5rem;
+}
 .n-sr-only {
   position:absolute;
   width:1px;
@@ -7367,6 +7493,9 @@ button.ndl-avatar:focus-visible {
   margin-top:auto;
   margin-bottom:auto;
 }
+.n-mb-4 {
+  margin-bottom:16px;
+}
 .n-ml-token-0 {
   margin-left:0px;
 }
@@ -7444,6 +7573,9 @@ button.ndl-avatar:focus-visible {
 .n-h-28 {
   height:112px;
 }
+.n-h-36 {
+  height:144px;
+}
 .n-h-5 {
   height:20px;
 }
@@ -7471,9 +7603,16 @@ button.ndl-avatar:focus-visible {
 .n-w-48 {
   width:192px;
 }
+.n-w-72 {
+  width:288px;
+}
 .n-w-\[300px\] {
   width:300px;
 }
+.n-w-fit {
+  width:-moz-fit-content;
+  width:fit-content;
+}
 .n-w-full {
   width:100%;
 }
@@ -7517,6 +7656,9 @@ button.ndl-avatar:focus-visible {
 .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));
 }
+.n-cursor-default {
+  cursor:default;
+}
 .n-cursor-grab {
   cursor:grab;
 }
@@ -7562,6 +7704,9 @@ button.ndl-avatar:focus-visible {
 .n-justify-between {
   justify-content:space-between;
 }
+.n-gap-2 {
+  gap:8px;
+}
 .n-gap-9 {
   gap:36px;
 }
@@ -7627,6 +7772,9 @@ button.ndl-avatar:focus-visible {
 .n-rounded-2xl {
   border-radius:14px;
 }
+.n-rounded-3xl {
+  border-radius:16px;
+}
 .n-rounded-5xl {
   border-radius:20px;
 }
@@ -42306,6 +42454,9 @@ button.ndl-avatar:focus-visible {
 .n-p-14 {
   padding:56px;
 }
+.n-p-2 {
+  padding:8px;
+}
 .n-p-token-0 {
   padding:0px;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 10:07:26 GMT
+ * Generated on Wed, 08 Jan 2025 11:29:22 GMT
  */
 
 :root {

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

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 19 Dec 2024 10:07:27 GMT
+ * Generated on Wed, 08 Jan 2025 11:29:22 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:23 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 19 Dec 2024 10:07:26 GMT
+// Generated on Wed, 08 Jan 2025 11:29:22 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-quick: 100ms;

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

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 19 Dec 2024 10:07:27 GMT
+* Generated on Wed, 08 Jan 2025 11:29:22 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

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