@neo4j-ndl/base 5.0.0-alpha.0.b2b2481 → 5.0.0

package/lib/neo4j-ds-styles.css

@@ -940,64 +940,6 @@ h6,
 .ndl-icon-svg ellipse{
   vector-effect:non-scaling-stroke;
 }
-.container {
-  width:100%;
-}
-@media (min-width: 320px) {
-  .container {
-    max-width:320px;
-  }
-}
-@media (min-width: 360px) {
-  .container {
-    max-width:360px;
-  }
-}
-@media (min-width: 375px) {
-  .container {
-    max-width:375px;
-  }
-}
-@media (min-width: 512px) {
-  .container {
-    max-width:512px;
-  }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width:768px;
-  }
-}
-@media (min-width: 864px) {
-  .container {
-    max-width:864px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    max-width:1024px;
-  }
-}
-@media (min-width: 1280px) {
-  .container {
-    max-width:1280px;
-  }
-}
-@media (min-width: 1440px) {
-  .container {
-    max-width:1440px;
-  }
-}
-@media (min-width: 1680px) {
-  .container {
-    max-width:1680px;
-  }
-}
-@media (min-width: 1920px) {
-  .container {
-    max-width:1920px;
-  }
-}
 :where(:root, :host){
   --theme-color-neutral-text-weakest:var(--theme-light-color-neutral-text-weakest);
   --theme-color-neutral-text-weaker:var(--theme-light-color-neutral-text-weaker);
@@ -11336,551 +11278,6 @@ button.ndl-avatar:focus-visible {
 .ndl-combobox-option-content .ndl-combobox-option-content-selection-indicator.ndl-disabled {
   color:var(--theme-color-neutral-text-weakest);
 }
-.\!visible {
-  visibility:visible !important;
-}
-.visible {
-  visibility:visible;
-}
-.collapse {
-  visibility:collapse;
-}
-.static {
-  position:static;
-}
-.fixed {
-  position:fixed;
-}
-.absolute {
-  position:absolute;
-}
-.relative {
-  position:relative;
-}
-.left-\[auto\] {
-  left:auto;
-}
-.right-token-4 {
-  right:4px;
-}
-.top-24 {
-  top:96px;
-}
-.top-\[110px\] {
-  top:110px;
-}
-.top-token-4 {
-  top:4px;
-}
-.isolate {
-  isolation:isolate;
-}
-.m-auto {
-  margin:auto;
-}
-.m-token-32 {
-  margin:32px;
-}
-.m-token-4 {
-  margin:4px;
-}
-.mx-auto {
-  margin-left:auto;
-  margin-right:auto;
-}
-.mx-token-12 {
-  margin-left:12px;
-  margin-right:12px;
-}
-.mx-token-16 {
-  margin-left:16px;
-  margin-right:16px;
-}
-.mx-token-24 {
-  margin-left:24px;
-  margin-right:24px;
-}
-.my-12 {
-  margin-top:48px;
-  margin-bottom:48px;
-}
-.my-5 {
-  margin-top:20px;
-  margin-bottom:20px;
-}
-.mb-2 {
-  margin-bottom:8px;
-}
-.mb-4 {
-  margin-bottom:16px;
-}
-.mb-token-8 {
-  margin-bottom:8px;
-}
-.ml-0 {
-  margin-left:0px;
-}
-.ml-7 {
-  margin-left:28px;
-}
-.ml-auto {
-  margin-left:auto;
-}
-.mr-token-8 {
-  margin-right:8px;
-}
-.mt-5 {
-  margin-top:20px;
-}
-.mt-auto {
-  margin-top:auto;
-}
-.mt-token-16 {
-  margin-top:16px;
-}
-.mt-token-2 {
-  margin-top:2px;
-}
-.mt-token-32 {
-  margin-top:32px;
-}
-.mt-token-8 {
-  margin-top:8px;
-}
-.box-border {
-  box-sizing:border-box;
-}
-.block {
-  display:block;
-}
-.inline {
-  display:inline;
-}
-.flex {
-  display:flex;
-}
-.table {
-  display:table;
-}
-.table-cell {
-  display:table-cell;
-}
-.grid {
-  display:grid;
-}
-.inline-grid {
-  display:inline-grid;
-}
-.contents {
-  display:contents;
-}
-.hidden {
-  display:none;
-}
-.size-36 {
-  width:144px;
-  height:144px;
-}
-.size-5 {
-  width:20px;
-  height:20px;
-}
-.size-7 {
-  width:28px;
-  height:28px;
-}
-.size-full {
-  width:100%;
-  height:100%;
-}
-.size-token-16 {
-  width:16px;
-  height:16px;
-}
-.size-token-24 {
-  width:24px;
-  height:24px;
-}
-.size-token-32 {
-  width:32px;
-  height:32px;
-}
-.size-token-48 {
-  width:48px;
-  height:48px;
-}
-.h-10 {
-  height:40px;
-}
-.h-28 {
-  height:112px;
-}
-.h-36 {
-  height:144px;
-}
-.h-48 {
-  height:192px;
-}
-.h-5 {
-  height:20px;
-}
-.h-52 {
-  height:208px;
-}
-.h-6 {
-  height:24px;
-}
-.h-7 {
-  height:28px;
-}
-.h-\[1000px\] {
-  height:1000px;
-}
-.h-\[100px\] {
-  height:100px;
-}
-.h-\[120px\] {
-  height:120px;
-}
-.h-\[200px\] {
-  height:200px;
-}
-.h-\[290px\] {
-  height:290px;
-}
-.h-\[500px\] {
-  height:500px;
-}
-.h-\[700px\] {
-  height:700px;
-}
-.h-\[calc\(40vh-32px\)\] {
-  height:calc(40vh - 32px);
-}
-.h-fit {
-  height:-moz-fit-content;
-  height:fit-content;
-}
-.h-full {
-  height:100%;
-}
-.h-screen {
-  height:100vh;
-}
-.h-token-12 {
-  height:12px;
-}
-.h-token-16 {
-  height:16px;
-}
-.h-token-32 {
-  height:32px;
-}
-.h-token-48 {
-  height:48px;
-}
-.max-h-64 {
-  max-height:256px;
-}
-.max-h-96 {
-  max-height:384px;
-}
-.max-h-\[240px\] {
-  max-height:240px;
-}
-.min-h-0 {
-  min-height:0px;
-}
-.min-h-\[700px\] {
-  min-height:700px;
-}
-.w-1\/2 {
-  width:50%;
-}
-.w-24 {
-  width:96px;
-}
-.w-48 {
-  width:192px;
-}
-.w-60 {
-  width:240px;
-}
-.w-72 {
-  width:288px;
-}
-.w-80 {
-  width:320px;
-}
-.w-\[1200px\] {
-  width:1200px;
-}
-.w-\[26px\] {
-  width:26px;
-}
-.w-\[300px\] {
-  width:300px;
-}
-.w-\[400px\] {
-  width:400px;
-}
-.w-\[440px\] {
-  width:440px;
-}
-.w-fit {
-  width:-moz-fit-content;
-  width:fit-content;
-}
-.w-full {
-  width:100%;
-}
-.w-max {
-  width:-moz-max-content;
-  width:max-content;
-}
-.w-token-32 {
-  width:32px;
-}
-.max-w-32 {
-  max-width:128px;
-}
-.max-w-4xl {
-  max-width:56rem;
-}
-.max-w-96 {
-  max-width:384px;
-}
-.max-w-\[1024px\] {
-  max-width:1024px;
-}
-.max-w-\[1200px\] {
-  max-width:1200px;
-}
-.max-w-\[768px\] {
-  max-width:768px;
-}
-.max-w-\[85\%\] {
-  max-width:85%;
-}
-.max-w-max {
-  max-width:-moz-max-content;
-  max-width:max-content;
-}
-.max-w-xl {
-  max-width:36rem;
-}
-.flex-1 {
-  flex:1 1 0%;
-}
-.flex-shrink-0 {
-  flex-shrink:0;
-}
-.shrink-0 {
-  flex-shrink:0;
-}
-.grow {
-  flex-grow:1;
-}
-.table-auto {
-  table-layout:auto;
-}
-.border-separate {
-  border-collapse:separate;
-}
-.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));
-}
-.cursor-pointer {
-  cursor:pointer;
-}
-.resize {
-  resize:both;
-}
-.list-decimal {
-  list-style-type:decimal;
-}
-.list-disc {
-  list-style-type:disc;
-}
-.grid-cols-1 {
-  grid-template-columns:repeat(1, minmax(0, 1fr));
-}
-.grid-cols-3 {
-  grid-template-columns:repeat(3, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns:repeat(4, minmax(0, 1fr));
-}
-.grid-cols-6 {
-  grid-template-columns:repeat(6, minmax(0, 1fr));
-}
-.grid-rows-2 {
-  grid-template-rows:repeat(2, minmax(0, 1fr));
-}
-.flex-row {
-  flex-direction:row;
-}
-.flex-col {
-  flex-direction:column;
-}
-.flex-wrap {
-  flex-wrap:wrap;
-}
-.place-items-center {
-  place-items:center;
-}
-.items-start {
-  align-items:flex-start;
-}
-.items-end {
-  align-items:flex-end;
-}
-.items-center {
-  align-items:center;
-}
-.justify-start {
-  justify-content:flex-start;
-}
-.justify-end {
-  justify-content:flex-end;
-}
-.justify-center {
-  justify-content:center;
-}
-.justify-between {
-  justify-content:space-between;
-}
-.justify-items-center {
-  justify-items:center;
-}
-.gap-1 {
-  gap:4px;
-}
-.gap-1\.5 {
-  gap:6px;
-}
-.gap-12 {
-  gap:48px;
-}
-.gap-2 {
-  gap:8px;
-}
-.gap-4 {
-  gap:16px;
-}
-.gap-6 {
-  gap:24px;
-}
-.gap-9 {
-  gap:36px;
-}
-.gap-token-12 {
-  gap:12px;
-}
-.gap-token-16 {
-  gap:16px;
-}
-.gap-token-2 {
-  gap:2px;
-}
-.gap-token-32 {
-  gap:32px;
-}
-.gap-token-4 {
-  gap:4px;
-}
-.gap-token-48 {
-  gap:48px;
-}
-.gap-token-6 {
-  gap:6px;
-}
-.gap-token-64 {
-  gap:64px;
-}
-.gap-token-8 {
-  gap:8px;
-}
-.gap-x-token-48 {
-  -moz-column-gap:48px;
-       column-gap:48px;
-}
-.gap-y-token-2 {
-  row-gap:2px;
-}
-.gap-y-token-32 {
-  row-gap:32px;
-}
-.gap-y-token-8 {
-  row-gap:8px;
-}
-.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)));
-}
-.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));
-}
-.justify-self-end {
-  justify-self:end;
-}
-.overflow-auto {
-  overflow:auto;
-}
-.overflow-hidden {
-  overflow:hidden;
-}
-.overflow-y-auto {
-  overflow-y:auto;
-}
-.overflow-x-hidden {
-  overflow-x:hidden;
-}
-.overflow-x-scroll {
-  overflow-x:scroll;
-}
-.whitespace-nowrap {
-  white-space:nowrap;
-}
-.break-all {
-  word-break:break-all;
-}
-.rounded-2xl {
-  border-radius:16px;
-}
-.rounded-lg {
-  border-radius:8px;
-}
-.rounded-md {
-  border-radius:6px;
-}
-.rounded-sm {
-  border-radius:4px;
-}
-.rounded-xl {
-  border-radius:12px;
-}
-.border {
-  border-width:1px;
-}
-.border-2 {
-  border-width:2px;
-}
-.border-\[0\.5px\] {
-  border-width:0.5px;
-}
-.border-b {
-  border-bottom-width:1px;
-}
-.border-b-2 {
-  border-bottom-width:2px;
-}
-.border-dashed {
-  border-style:dashed;
-}
 .border-danger-bg-status {
   border-color:var(--theme-color-danger-bg-status);
 }
@@ -21376,12 +20773,6 @@ button.ndl-avatar:focus-visible {
 .border-warning-text {
   border-color:var(--theme-color-warning-text);
 }
-.bg-baltic-10 {
-  background-color:#e7fafbff;
-}
-.bg-baltic-40 {
-  background-color:#4c99a4ff;
-}
 .bg-danger-bg-status {
   background-color:var(--theme-color-danger-bg-status);
 }
@@ -25594,9 +24985,6 @@ button.ndl-avatar:focus-visible {
 .bg-discovery-text {
   background-color:var(--theme-color-discovery-text);
 }
-.bg-hibiscus-35 {
-  background-color:#e84e2cff;
-}
 .bg-light-danger-bg-status {
   background-color:#e84e2cff;
 }
@@ -30859,9 +30247,6 @@ button.ndl-avatar:focus-visible {
 .bg-success-text {
   background-color:var(--theme-color-success-text);
 }
-.bg-transparent {
-  background-color:transparent;
-}
 .bg-warning-bg-status {
   background-color:var(--theme-color-warning-bg-status);
 }
@@ -30883,159 +30268,6 @@ button.ndl-avatar:focus-visible {
 .bg-warning-text {
   background-color:var(--theme-color-warning-text);
 }
-.bg-cover {
-  background-size:cover;
-}
-.bg-center {
-  background-position:center;
-}
-.bg-no-repeat {
-  background-repeat:no-repeat;
-}
-.p-0 {
-  padding:0px;
-}
-.p-14 {
-  padding:56px;
-}
-.p-2 {
-  padding:8px;
-}
-.p-3 {
-  padding:12px;
-}
-.p-4 {
-  padding:16px;
-}
-.p-8 {
-  padding:32px;
-}
-.p-token-16 {
-  padding:16px;
-}
-.p-token-24 {
-  padding:24px;
-}
-.p-token-32 {
-  padding:32px;
-}
-.p-token-4 {
-  padding:4px;
-}
-.p-token-8 {
-  padding:8px;
-}
-.px-10 {
-  padding-left:40px;
-  padding-right:40px;
-}
-.px-4 {
-  padding-left:16px;
-  padding-right:16px;
-}
-.px-token-12 {
-  padding-left:12px;
-  padding-right:12px;
-}
-.px-token-16 {
-  padding-left:16px;
-  padding-right:16px;
-}
-.px-token-32 {
-  padding-left:32px;
-  padding-right:32px;
-}
-.px-token-4 {
-  padding-left:4px;
-  padding-right:4px;
-}
-.px-token-8 {
-  padding-left:8px;
-  padding-right:8px;
-}
-.py-token-16 {
-  padding-top:16px;
-  padding-bottom:16px;
-}
-.py-token-2 {
-  padding-top:2px;
-  padding-bottom:2px;
-}
-.py-token-4 {
-  padding-top:4px;
-  padding-bottom:4px;
-}
-.py-token-8 {
-  padding-top:8px;
-  padding-bottom:8px;
-}
-.pb-1 {
-  padding-bottom:4px;
-}
-.pb-4 {
-  padding-bottom:16px;
-}
-.pb-token-16 {
-  padding-bottom:16px;
-}
-.pb-token-4 {
-  padding-bottom:4px;
-}
-.pl-token-4 {
-  padding-left:4px;
-}
-.pl-token-8 {
-  padding-left:8px;
-}
-.pr-token-4 {
-  padding-right:4px;
-}
-.pt-4 {
-  padding-top:16px;
-}
-.pt-token-64 {
-  padding-top:64px;
-}
-.text-left {
-  text-align:left;
-}
-.text-center {
-  text-align:center;
-}
-.align-top {
-  vertical-align:top;
-}
-.font-sans {
-  font-family:"Public Sans";
-}
-.text-xs {
-  font-size:0.75rem;
-  line-height:1rem;
-}
-.font-bold {
-  font-weight:700;
-}
-.font-semibold {
-  font-weight:600;
-}
-.uppercase {
-  text-transform:uppercase;
-}
-.lowercase {
-  text-transform:lowercase;
-}
-.capitalize {
-  text-transform:capitalize;
-}
-.italic {
-  font-style:italic;
-}
-.tracking-wide {
-  letter-spacing:0.025em;
-}
-.text-baltic-50 {
-  color:#0a6190ff;
-}
 .text-danger-bg-status {
   color:var(--theme-color-danger-bg-status);
 }
@@ -35248,9 +34480,6 @@ button.ndl-avatar:focus-visible {
 .text-discovery-text {
   color:var(--theme-color-discovery-text);
 }
-.text-highlights-periwinkle {
-  color:#6a82ffff;
-}
 .text-light-danger-bg-status {
   color:#e84e2cff;
 }
@@ -40534,71 +39763,6 @@ button.ndl-avatar:focus-visible {
 .text-warning-text {
   color:var(--theme-color-warning-text);
 }
-.underline {
-  text-decoration-line:underline;
-}
-.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);
-}
-.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);
-}
-.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);
-}
-.outline {
-  outline-style:solid;
-}
-.ring {
-  --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(3px + 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);
-}
-.blur {
-  --tw-blur:blur(8px);
-  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter {
-  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.transition-all {
-  transition-property:all;
-  transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1);
-  transition-duration:100ms;
-}
-.delay {
-  transition-delay:0ms;
-}
-.duration-quick {
-  transition-duration:100ms;
-}
-.duration-slow {
-  transition-duration:250ms;
-}
-.transition-quick {
-  transition:100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
-}
-.transition-slow {
-  transition:250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
-}
-.transition-delayed {
-  transition:100ms cubic-bezier(0.42, 0, 0.58, 1) 100ms;
-}
-.duration-quick {
-  transition-duration:100ms;
-}
-.duration-slow {
-  transition-duration:250ms;
-}
-.ease-standard {
-  transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1);
-}
 body,
 html,
 :host{
@@ -40611,18 +39775,6 @@ html,
   outline-style:solid;
   outline-color:var(--theme-color-primary-focus);
 }
-.first\:rounded-t-sm:first-child {
-  border-top-left-radius:4px;
-  border-top-right-radius:4px;
-}
-.last\:rounded-b-sm:last-child {
-  border-bottom-right-radius:4px;
-  border-bottom-left-radius:4px;
-}
-.hover\: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\:border-danger-bg-status:hover {
   border-color:var(--theme-color-danger-bg-status);
 }
@@ -69108,15 +68260,6 @@ html,
 .hover\:text-warning-text:hover {
   color:var(--theme-color-warning-text);
 }
-.focus-visible\:outline-2:focus-visible {
-  outline-width:2px;
-}
-.focus-visible\:outline-offset-\[3px\]:focus-visible {
-  outline-offset:3px;
-}
-.focus-visible\:outline-primary-focus:focus-visible {
-  outline-color:var(--theme-color-primary-focus);
-}
 .active\:bg-danger-bg-status:active {
   background-color:var(--theme-color-danger-bg-status);
 }
@@ -78612,35 +77755,3 @@ html,
 .active\:bg-warning-text:active {
   background-color:var(--theme-color-warning-text);
 }
-@media (min-width: 864px) {
-  .sm\:grid-cols-2 {
-    grid-template-columns:repeat(2, minmax(0, 1fr));
-  }
-  .sm\:flex-row {
-    flex-direction:row;
-  }
-  .sm\: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\: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\:w-2\/12 {
-    width:16.666667%;
-  }
-  .md\:w-2\/4 {
-    width:50%;
-  }
-  .md\:grid-cols-5 {
-    grid-template-columns:repeat(5, minmax(0, 1fr));
-  }
-  .md\:bg-baltic-50 {
-    background-color:#0a6190ff;
-  }
-}