@neo4j-ndl/base 4.11.0 → 4.11.2

package/lib/neo4j-ds-styles.css

@@ -2759,7 +2759,7 @@ a.ndl-btn {
 .ndl-menu .ndl-menu-item:hover:not(.ndl-disabled) {
   background-color:var(--theme-color-neutral-hover);
 }
-.ndl-menu .ndl-menu-item:focus-visible:not(.ndl-disabled) {
+.ndl-menu .ndl-menu-item:focus-visible {
   outline-style:solid;
   outline-width:2px;
   outline-offset:-2px;
@@ -10450,6 +10450,519 @@ button.ndl-avatar:focus-visible {
   gap:12px;
   padding:12px;
 }
+.n-fixed {
+  position:fixed;
+}
+.n-absolute {
+  position:absolute;
+}
+.n-relative {
+  position:relative;
+}
+.n-left-\[auto\] {
+  left:auto;
+}
+.n-right-token-4 {
+  right:4px;
+}
+.n-top-24 {
+  top:96px;
+}
+.n-top-\[110px\] {
+  top:110px;
+}
+.n-top-token-4 {
+  top:4px;
+}
+.n-isolate {
+  isolation:isolate;
+}
+.n-m-auto {
+  margin:auto;
+}
+.n-m-token-32 {
+  margin:32px;
+}
+.n-m-token-4 {
+  margin:4px;
+}
+.n-mx-auto {
+  margin-left:auto;
+  margin-right:auto;
+}
+.n-mx-token-12 {
+  margin-left:12px;
+  margin-right:12px;
+}
+.n-mx-token-16 {
+  margin-left:16px;
+  margin-right:16px;
+}
+.n-mx-token-24 {
+  margin-left:24px;
+  margin-right:24px;
+}
+.n-my-12 {
+  margin-top:48px;
+  margin-bottom:48px;
+}
+.n-my-5 {
+  margin-top:20px;
+  margin-bottom:20px;
+}
+.n-mb-4 {
+  margin-bottom:16px;
+}
+.n-mb-token-8 {
+  margin-bottom:8px;
+}
+.n-ml-0 {
+  margin-left:0px;
+}
+.n-ml-7 {
+  margin-left:28px;
+}
+.n-ml-auto {
+  margin-left:auto;
+}
+.n-mr-token-8 {
+  margin-right:8px;
+}
+.n-mt-5 {
+  margin-top:20px;
+}
+.n-mt-auto {
+  margin-top:auto;
+}
+.n-mt-token-16 {
+  margin-top:16px;
+}
+.n-mt-token-32 {
+  margin-top:32px;
+}
+.n-box-border {
+  box-sizing:border-box;
+}
+.n-inline {
+  display:inline;
+}
+.n-flex {
+  display:flex;
+}
+.n-inline-flex {
+  display:inline-flex;
+}
+.n-table {
+  display:table;
+}
+.n-table-cell {
+  display:table-cell;
+}
+.n-grid {
+  display:grid;
+}
+.n-inline-grid {
+  display:inline-grid;
+}
+.n-size-36 {
+  width:144px;
+  height:144px;
+}
+.n-size-4 {
+  width:16px;
+  height:16px;
+}
+.n-size-5 {
+  width:20px;
+  height:20px;
+}
+.n-size-7 {
+  width:28px;
+  height:28px;
+}
+.n-size-full {
+  width:100%;
+  height:100%;
+}
+.n-size-token-16 {
+  width:16px;
+  height:16px;
+}
+.n-size-token-24 {
+  width:24px;
+  height:24px;
+}
+.n-size-token-32 {
+  width:32px;
+  height:32px;
+}
+.n-size-token-48 {
+  width:48px;
+  height:48px;
+}
+.n-size-token-64 {
+  width:64px;
+  height:64px;
+}
+.n-h-10 {
+  height:40px;
+}
+.n-h-28 {
+  height:112px;
+}
+.n-h-36 {
+  height:144px;
+}
+.n-h-48 {
+  height:192px;
+}
+.n-h-5 {
+  height:20px;
+}
+.n-h-6 {
+  height:24px;
+}
+.n-h-7 {
+  height:28px;
+}
+.n-h-\[1000px\] {
+  height:1000px;
+}
+.n-h-\[100px\] {
+  height:100px;
+}
+.n-h-\[200px\] {
+  height:200px;
+}
+.n-h-\[290px\] {
+  height:290px;
+}
+.n-h-\[500px\] {
+  height:500px;
+}
+.n-h-\[700px\] {
+  height:700px;
+}
+.n-h-\[calc\(40vh-32px\)\] {
+  height:calc(40vh - 32px);
+}
+.n-h-fit {
+  height:-moz-fit-content;
+  height:fit-content;
+}
+.n-h-full {
+  height:100%;
+}
+.n-h-screen {
+  height:100vh;
+}
+.n-h-token-12 {
+  height:12px;
+}
+.n-h-token-16 {
+  height:16px;
+}
+.n-h-token-32 {
+  height:32px;
+}
+.n-h-token-48 {
+  height:48px;
+}
+.n-min-h-\[700px\] {
+  min-height:700px;
+}
+.n-w-1\/2 {
+  width:50%;
+}
+.n-w-24 {
+  width:96px;
+}
+.n-w-48 {
+  width:192px;
+}
+.n-w-60 {
+  width:240px;
+}
+.n-w-72 {
+  width:288px;
+}
+.n-w-80 {
+  width:320px;
+}
+.n-w-\[1200px\] {
+  width:1200px;
+}
+.n-w-\[26px\] {
+  width:26px;
+}
+.n-w-\[300px\] {
+  width:300px;
+}
+.n-w-\[440px\] {
+  width:440px;
+}
+.n-w-fit {
+  width:-moz-fit-content;
+  width:fit-content;
+}
+.n-w-full {
+  width:100%;
+}
+.n-w-max {
+  width:-moz-max-content;
+  width:max-content;
+}
+.n-w-token-32 {
+  width:32px;
+}
+.n-max-w-32 {
+  max-width:128px;
+}
+.n-max-w-52 {
+  max-width:208px;
+}
+.n-max-w-80 {
+  max-width:320px;
+}
+.n-max-w-96 {
+  max-width:384px;
+}
+.n-max-w-\[1024px\] {
+  max-width:1024px;
+}
+.n-max-w-\[1200px\] {
+  max-width:1200px;
+}
+.n-max-w-\[600px\] {
+  max-width:600px;
+}
+.n-max-w-\[85\%\] {
+  max-width:85%;
+}
+.n-max-w-max {
+  max-width:-moz-max-content;
+  max-width:max-content;
+}
+.n-flex-1 {
+  flex:1 1 0%;
+}
+.n-flex-shrink-0 {
+  flex-shrink:0;
+}
+.n-shrink-0 {
+  flex-shrink:0;
+}
+.n-grow {
+  flex-grow:1;
+}
+.n-table-auto {
+  table-layout:auto;
+}
+.n-border-separate {
+  border-collapse:separate;
+}
+.-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));
+}
+.n-cursor-pointer {
+  cursor:pointer;
+}
+.n-list-decimal {
+  list-style-type:decimal;
+}
+.n-list-disc {
+  list-style-type:disc;
+}
+.n-grid-cols-1 {
+  grid-template-columns:repeat(1, minmax(0, 1fr));
+}
+.n-grid-cols-3 {
+  grid-template-columns:repeat(3, minmax(0, 1fr));
+}
+.n-grid-cols-4 {
+  grid-template-columns:repeat(4, minmax(0, 1fr));
+}
+.n-grid-cols-6 {
+  grid-template-columns:repeat(6, minmax(0, 1fr));
+}
+.n-grid-cols-\[auto_auto_auto_auto\] {
+  grid-template-columns:auto auto auto auto;
+}
+.n-grid-rows-2 {
+  grid-template-rows:repeat(2, minmax(0, 1fr));
+}
+.n-flex-row {
+  flex-direction:row;
+}
+.n-flex-col {
+  flex-direction:column;
+}
+.n-flex-wrap {
+  flex-wrap:wrap;
+}
+.n-place-items-center {
+  place-items:center;
+}
+.n-items-start {
+  align-items:flex-start;
+}
+.n-items-end {
+  align-items:flex-end;
+}
+.n-items-center {
+  align-items:center;
+}
+.n-justify-start {
+  justify-content:flex-start;
+}
+.n-justify-end {
+  justify-content:flex-end;
+}
+.n-justify-center {
+  justify-content:center;
+}
+.n-justify-between {
+  justify-content:space-between;
+}
+.n-justify-items-center {
+  justify-items:center;
+}
+.n-gap-1 {
+  gap:4px;
+}
+.n-gap-1\.5 {
+  gap:6px;
+}
+.n-gap-12 {
+  gap:48px;
+}
+.n-gap-2 {
+  gap:8px;
+}
+.n-gap-4 {
+  gap:16px;
+}
+.n-gap-6 {
+  gap:24px;
+}
+.n-gap-9 {
+  gap:36px;
+}
+.n-gap-token-12 {
+  gap:12px;
+}
+.n-gap-token-16 {
+  gap:16px;
+}
+.n-gap-token-2 {
+  gap:2px;
+}
+.n-gap-token-32 {
+  gap:32px;
+}
+.n-gap-token-4 {
+  gap:4px;
+}
+.n-gap-token-48 {
+  gap:48px;
+}
+.n-gap-token-6 {
+  gap:6px;
+}
+.n-gap-token-64 {
+  gap:64px;
+}
+.n-gap-token-8 {
+  gap:8px;
+}
+.n-gap-x-token-48 {
+  -moz-column-gap:48px;
+       column-gap:48px;
+}
+.n-gap-y-token-2 {
+  row-gap:2px;
+}
+.n-gap-y-token-32 {
+  row-gap:32px;
+}
+.n-gap-y-token-8 {
+  row-gap:8px;
+}
+.n-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse:0;
+  margin-right:calc(16px * var(--tw-space-x-reverse));
+  margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)));
+}
+.n-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse:0;
+  margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(12px * var(--tw-space-y-reverse));
+}
+.n-self-center {
+  align-self:center;
+}
+.n-justify-self-end {
+  justify-self:end;
+}
+.n-overflow-auto {
+  overflow:auto;
+}
+.n-overflow-hidden {
+  overflow:hidden;
+}
+.n-overflow-y-auto {
+  overflow-y:auto;
+}
+.n-overflow-x-scroll {
+  overflow-x:scroll;
+}
+.n-whitespace-nowrap {
+  white-space:nowrap;
+}
+.n-break-all {
+  word-break:break-all;
+}
+.n-rounded-2xl {
+  border-radius:16px;
+}
+.n-rounded-lg {
+  border-radius:8px;
+}
+.n-rounded-md {
+  border-radius:6px;
+}
+.n-rounded-sm {
+  border-radius:4px;
+}
+.n-rounded-xl {
+  border-radius:12px;
+}
+.n-border {
+  border-width:1px;
+}
+.n-border-2 {
+  border-width:2px;
+}
+.n-border-\[0\.5px\] {
+  border-width:0.5px;
+}
+.n-border-b {
+  border-bottom-width:1px;
+}
+.n-border-b-2 {
+  border-bottom-width:2px;
+}
+.n-border-dashed {
+  border-style:dashed;
+}
 .n-border-danger-bg-status {
   border-color:var(--theme-color-danger-bg-status);
 }
@@ -19945,6 +20458,12 @@ button.ndl-avatar:focus-visible {
 .n-border-warning-text {
   border-color:var(--theme-color-warning-text);
 }
+.n-bg-baltic-10 {
+  background-color:#e7fafbff;
+}
+.n-bg-baltic-40 {
+  background-color:#4c99a4ff;
+}
 .n-bg-danger-bg-status {
   background-color:var(--theme-color-danger-bg-status);
 }
@@ -24157,6 +24676,9 @@ button.ndl-avatar:focus-visible {
 .n-bg-discovery-text {
   background-color:var(--theme-color-discovery-text);
 }
+.n-bg-hibiscus-35 {
+  background-color:#e84e2cff;
+}
 .n-bg-light-danger-bg-status {
   background-color:#e84e2cff;
 }
@@ -29419,6 +29941,9 @@ button.ndl-avatar:focus-visible {
 .n-bg-success-text {
   background-color:var(--theme-color-success-text);
 }
+.n-bg-transparent {
+  background-color:transparent;
+}
 .n-bg-warning-bg-status {
   background-color:var(--theme-color-warning-bg-status);
 }
@@ -29440,6 +29965,180 @@ button.ndl-avatar:focus-visible {
 .n-bg-warning-text {
   background-color:var(--theme-color-warning-text);
 }
+.n-bg-cover {
+  background-size:cover;
+}
+.n-bg-center {
+  background-position:center;
+}
+.n-bg-no-repeat {
+  background-repeat:no-repeat;
+}
+.n-fill-danger-bg-strong {
+  fill:var(--theme-color-danger-bg-strong);
+}
+.n-fill-neutral-bg-stronger {
+  fill:var(--theme-color-neutral-bg-stronger);
+}
+.n-fill-neutral-bg-weak {
+  fill:var(--theme-color-neutral-bg-weak);
+}
+.n-fill-primary-bg-strong {
+  fill:var(--theme-color-primary-bg-strong);
+}
+.n-stroke-primary-bg-strong {
+  stroke:var(--theme-color-primary-bg-strong);
+}
+.n-p-0 {
+  padding:0px;
+}
+.n-p-14 {
+  padding:56px;
+}
+.n-p-2 {
+  padding:8px;
+}
+.n-p-3 {
+  padding:12px;
+}
+.n-p-4 {
+  padding:16px;
+}
+.n-p-8 {
+  padding:32px;
+}
+.n-p-token-16 {
+  padding:16px;
+}
+.n-p-token-24 {
+  padding:24px;
+}
+.n-p-token-32 {
+  padding:32px;
+}
+.n-p-token-4 {
+  padding:4px;
+}
+.n-p-token-8 {
+  padding:8px;
+}
+.n-px-10 {
+  padding-left:40px;
+  padding-right:40px;
+}
+.n-px-4 {
+  padding-left:16px;
+  padding-right:16px;
+}
+.n-px-token-12 {
+  padding-left:12px;
+  padding-right:12px;
+}
+.n-px-token-16 {
+  padding-left:16px;
+  padding-right:16px;
+}
+.n-px-token-32 {
+  padding-left:32px;
+  padding-right:32px;
+}
+.n-px-token-4 {
+  padding-left:4px;
+  padding-right:4px;
+}
+.n-px-token-8 {
+  padding-left:8px;
+  padding-right:8px;
+}
+.n-py-token-16 {
+  padding-top:16px;
+  padding-bottom:16px;
+}
+.n-py-token-2 {
+  padding-top:2px;
+  padding-bottom:2px;
+}
+.n-py-token-4 {
+  padding-top:4px;
+  padding-bottom:4px;
+}
+.n-py-token-8 {
+  padding-top:8px;
+  padding-bottom:8px;
+}
+.n-pb-1 {
+  padding-bottom:4px;
+}
+.n-pb-4 {
+  padding-bottom:16px;
+}
+.n-pb-token-16 {
+  padding-bottom:16px;
+}
+.n-pb-token-4 {
+  padding-bottom:4px;
+}
+.n-pl-token-4 {
+  padding-left:4px;
+}
+.n-pl-token-8 {
+  padding-left:8px;
+}
+.n-pr-token-4 {
+  padding-right:4px;
+}
+.n-pt-4 {
+  padding-top:16px;
+}
+.n-pt-token-64 {
+  padding-top:64px;
+}
+.n-text-left {
+  text-align:left;
+}
+.n-text-center {
+  text-align:center;
+}
+.n-align-top {
+  vertical-align:top;
+}
+.n-font-sans {
+  font-family:"Public Sans";
+}
+.n-text-xs {
+  font-size:0.75rem;
+  line-height:1rem;
+}
+.n-font-bold {
+  font-weight:700;
+}
+.n-font-light {
+  font-weight:300;
+}
+.n-font-normal {
+  font-weight:400;
+}
+.n-font-semibold {
+  font-weight:600;
+}
+.n-uppercase {
+  text-transform:uppercase;
+}
+.n-lowercase {
+  text-transform:lowercase;
+}
+.n-capitalize {
+  text-transform:capitalize;
+}
+.n-italic {
+  font-style:italic;
+}
+.n-tracking-wide {
+  letter-spacing:0.025em;
+}
+.n-text-baltic-50 {
+  color:#0a6190ff;
+}
 .n-text-danger-bg-status {
   color:var(--theme-color-danger-bg-status);
 }
@@ -33652,6 +34351,9 @@ button.ndl-avatar:focus-visible {
 .n-text-discovery-text {
   color:var(--theme-color-discovery-text);
 }
+.n-text-highlights-periwinkle {
+  color:#6a82ffff;
+}
 .n-text-light-danger-bg-status {
   color:#e84e2cff;
 }
@@ -38935,6 +39637,35 @@ button.ndl-avatar:focus-visible {
 .n-text-warning-text {
   color:var(--theme-color-warning-text);
 }
+.n-shadow-light-raised {
+  --tw-shadow:0px 1px 2px 0px rgb(from #1a1b1dff r g b / 0.18);
+  --tw-shadow-colored:0px 1px 2px 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);
+}
+.n-shadow-overlay {
+  --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);
+}
+.n-shadow-raised {
+  --tw-shadow:var(--theme-shadow-raised);
+  --tw-shadow-colored:var(--theme-shadow-raised);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.n-transition-all {
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1);
+  transition-duration:100ms;
+}
+.n-duration-slow {
+  transition-duration:250ms;
+}
+.n-transition-quick {
+  transition:100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
+}
+.n-duration-slow {
+  transition-duration:250ms;
+}
 body,
 html,
 :host{
@@ -38947,6 +39678,18 @@ html,
   outline-style:solid;
   outline-color:var(--theme-color-primary-focus);
 }
+.first\:n-rounded-t-sm:first-child {
+  border-top-left-radius:4px;
+  border-top-right-radius:4px;
+}
+.last\:n-rounded-b-sm:last-child {
+  border-bottom-right-radius:4px;
+  border-bottom-left-radius:4px;
+}
+.hover\:n-rotate-12:hover {
+  --tw-rotate:12deg;
+  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));
+}
 .hover\:n-border-danger-bg-status:hover {
   border-color:var(--theme-color-danger-bg-status);
 }
@@ -67432,6 +68175,15 @@ html,
 .hover\:n-text-warning-text:hover {
   color:var(--theme-color-warning-text);
 }
+.focus-visible\:n-outline-2:focus-visible {
+  outline-width:2px;
+}
+.focus-visible\:n-outline-offset-\[3px\]:focus-visible {
+  outline-offset:3px;
+}
+.focus-visible\:n-outline-primary-focus:focus-visible {
+  outline-color:var(--theme-color-primary-focus);
+}
 .active\:n-bg-danger-bg-status:active {
   background-color:var(--theme-color-danger-bg-status);
 }
@@ -76927,3 +77679,32 @@ html,
 .active\:n-bg-warning-text:active {
   background-color:var(--theme-color-warning-text);
 }
+@media (min-width: 864px) {
+  .sm\:n-grid-cols-2 {
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+  }
+  .sm\:n-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse:0;
+    margin-right:calc(16px * var(--tw-space-x-reverse));
+    margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)));
+  }
+  .sm\:n-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse:0;
+    margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(0px * var(--tw-space-y-reverse));
+  }
+}
+@media (min-width: 1024px) {
+  .md\:n-w-2\/12 {
+    width:16.666667%;
+  }
+  .md\:n-w-2\/4 {
+    width:50%;
+  }
+  .md\:n-grid-cols-5 {
+    grid-template-columns:repeat(5, minmax(0, 1fr));
+  }
+  .md\:n-bg-baltic-50 {
+    background-color:#0a6190ff;
+  }
+}