@neo4j-ndl/base 4.20.2 → 4.21.1

package/lib/neo4j-ds-styles.css

@@ -2146,271 +2146,102 @@ a.ndl-btn {
 .ndl-banner .ndl-banner-actions .ndl-btn.ndl-text-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-btn.ndl-outlined-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-btn.ndl-filled-button:not(:disabled):active {
   background-color:var(--theme-color-neutral-pressed);
 }
-.ndl-form-item .ndl-form-item-label {
-  display:inline-flex;
-  align-items:center;
-  -moz-column-gap:8px;
-       column-gap:8px;
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-form-item .ndl-form-item-label.ndl-fluid {
+.ndl-form-label-row{
+  margin-bottom:4px;
   display:flex;
   width:100%;
+  align-items:center;
+  gap:4px;
 }
-.ndl-form-item .ndl-form-item-label.ndl-label-before {
-  flex-direction:row-reverse;
+.ndl-form-label-row.ndl-visually-hidden {
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0;
 }
-.ndl-form-item .ndl-form-item-wrapper{
-    display:flex;
-    width:100%;
-  }
-.ndl-form-item .ndl-form-item-wrapper .ndl-form-item-optional {
-  color:var(--theme-color-neutral-text-weaker);
-      font-style:italic;
-      margin-left:auto;
+.ndl-form-label-row .ndl-form-label {
+  color:var(--theme-color-neutral-text-weak);
 }
-.ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-small {
-  margin-top:2px;
-  margin-left:3px;
+.ndl-form-label-row .ndl-form-label-indicator{
+    margin-left:auto;
+    font-style:italic;
+    color:var(--theme-color-neutral-text-weaker);
+  }
+.ndl-form-label-row .ndl-information-icon-small {
   width:16px;
   height:16px;
   color:var(--theme-color-neutral-text-weak);
 }
-.ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large {
-  margin-top:2px;
-  margin-left:3px;
+.ndl-form-label-row .ndl-information-icon-large {
   width:20px;
   height:20px;
   color:var(--theme-color-neutral-text-weak);
 }
-.ndl-form-item.ndl-type-text .ndl-form-item-label {
-  flex-direction:column-reverse;
-  align-items:flex-start;
-  row-gap:5px;
-}
-.ndl-form-item.ndl-type-text .ndl-form-item-no-label {
-  row-gap:0px;
-}
-.ndl-form-item.ndl-type-text:not(.ndl-disabled) .ndl-form-label-text {
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-form-item.ndl-disabled .ndl-form-label-text {
+.ndl-disabled .ndl-form-label-row .ndl-form-label,
+  .ndl-disabled .ndl-form-label-row .ndl-form-label-indicator {
   color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-form-item.ndl-disabled .ndl-form-item-label {
+.ndl-disabled .ndl-form-label-row .ndl-form-label {
   cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-form-item .ndl-form-msg {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
+.ndl-form-inline-field {
+  display:inline-flex;
+  max-width:100%;
   align-items:center;
-  gap:4px;
-  font-size:0.75rem;
-  line-height:1rem;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-form-item .ndl-form-msg .ndl-error-text{
-      display:inline-block;
-    }
-.ndl-form-item.ndl-has-error input:not(:active):not(:focus) {
-  outline-style:solid;
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:var(--theme-color-danger-border-strong);
-}
-.ndl-form-item.ndl-has-error .ndl-form-msg {
-  color:var(--theme-color-danger-text);
-}
-.ndl-form-item.ndl-has-leading-icon input[type='text'],
-    .ndl-form-item.ndl-has-leading-icon input[type='email'],
-    .ndl-form-item.ndl-has-leading-icon input[type='password'],
-    .ndl-form-item.ndl-has-leading-icon input[type='number'],
-    .ndl-form-item.ndl-has-leading-icon input[type='url'] {
-  padding-left:36px;
-}
-.ndl-form-item.ndl-has-trailing-icon input[type='text'],
-    .ndl-form-item.ndl-has-trailing-icon input[type='email'],
-    .ndl-form-item.ndl-has-trailing-icon input[type='password'],
-    .ndl-form-item.ndl-has-trailing-icon input[type='number'],
-    .ndl-form-item.ndl-has-trailing-icon input[type='url'] {
-  padding-right:36px;
-}
-.ndl-form-item.ndl-has-icon .ndl-error-icon {
-  width:20px;
-  height:20px;
-  color:var(--theme-color-danger-text);
-}
-.ndl-form-item.ndl-has-icon .ndl-icon {
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-form-item.ndl-has-icon.ndl-right-icon {
-  position:absolute;
-  cursor:pointer;
-}
-.ndl-form-item.ndl-has-icon.ndl-disabled .ndl-right-icon {
-  cursor:not-allowed;
-}
-.ndl-form-item.ndl-has-icon.ndl-disabled .ndl-icon {
-  cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
-}
-.ndl-form-item.ndl-large input[type='text'],
-    .ndl-form-item.ndl-large input[type='email'],
-    .ndl-form-item.ndl-large input[type='password'],
-    .ndl-form-item.ndl-large input[type='number'],
-    .ndl-form-item.ndl-large input[type='url'] {
-  height:48px;
-  padding-top:12px;
-  padding-bottom:12px;
-  font:var(--typography-body-large);
-  letter-spacing:var(--typography-body-large-letter-spacing);
-  font-family:var(--typography-body-large-font-family), sans-serif;
-}
-.ndl-form-item.ndl-large input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:-moz-read-only:not(:disabled) {
-  height:24px;
-}
-.ndl-form-item.ndl-large input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:read-only:not(:disabled) {
-  height:24px;
-}
-.ndl-form-item.ndl-large .ndl-form-item-label{
-  font:var(--typography-body-large);
-  letter-spacing:var(--typography-body-large-letter-spacing);
-  font-family:var(--typography-body-large-font-family), sans-serif;
-}
-.ndl-form-item.ndl-large .ndl-form-msg{
+  -moz-column-gap:8px;
+       column-gap:8px;
+  color:var(--theme-color-neutral-text-default);
   font:var(--typography-body-medium);
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
 }
-.ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='text'],
-      .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='email'],
-      .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='password'],
-      .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='number'],
-      .ndl-form-item.ndl-large.ndl-has-trailing-icon input[type='url']{
-        padding-right:42px;
-      }
-.ndl-form-item.ndl-large.ndl-has-leading-icon input[type='text'],
-      .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='email'],
-      .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='password'],
-      .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='number'],
-      .ndl-form-item.ndl-large.ndl-has-leading-icon input[type='url']{
-        padding-left:42px;
-      }
-.ndl-form-item.ndl-large.ndl-has-icon .ndl-icon {
-  position:absolute;
-  width:24px;
-  height:24px;
+.ndl-form-inline-field.ndl-fluid {
+  display:flex;
+  width:100%;
 }
-.ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon{
-          top:calc(50% - 12px);
-          left:16px;
-        }
-.ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
-        top:calc(50% - 12px);
-        right:16px;
-      }
-.ndl-form-item.ndl-medium input[type='text'],
-    .ndl-form-item.ndl-medium input[type='email'],
-    .ndl-form-item.ndl-medium input[type='password'],
-    .ndl-form-item.ndl-medium input[type='number'],
-    .ndl-form-item.ndl-medium input[type='url'] {
-  height:36px;
-  padding-top:8px;
-  padding-bottom:8px;
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
+.ndl-form-inline-label-text.ndl-truncated {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
 }
-.ndl-form-item.ndl-medium input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:-moz-read-only:not(:disabled) {
-  height:20px;
+.ndl-form-inline-label-text.ndl-disabled {
+  cursor:not-allowed;
+  color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-form-item.ndl-medium input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:read-only:not(:disabled) {
-  height:20px;
+.ndl-form-message:not(:empty) {
+  margin-top:4px;
+  color:var(--theme-color-neutral-text-weak);
 }
-.ndl-form-item.ndl-medium .ndl-form-item-label{
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
+.ndl-form-message .ndl-form-message-content {
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:4px;
 }
-.ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='text'],
-      .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='email'],
-      .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='password'],
-      .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='number'],
-      .ndl-form-item.ndl-medium.ndl-has-leading-icon input[type='url'] {
-  padding-left:36px;
+.ndl-form-message .ndl-form-message-icon {
+  width:16px;
+  height:16px;
+  flex-shrink:0;
 }
-.ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon {
-  position:absolute;
+.ndl-form-message .ndl-form-message-icon .ndl-icon-svg {
+  width:100%;
+  height:100%;
+}
+.ndl-form-message.ndl-large .ndl-form-message-icon {
   width:20px;
   height:20px;
 }
-.ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon.ndl-left-icon{
-          top:calc(50% - 10px);
-          left:12px;
-        }
-.ndl-form-item.ndl-medium.ndl-has-icon .ndl-right-icon{
-        top:calc(50% - 10px);
-        right:12px;
-      }
-.ndl-form-item.ndl-small{
-    line-height:1.25rem;
-  }
-.ndl-form-item.ndl-small input[type='text'],
-    .ndl-form-item.ndl-small input[type='email'],
-    .ndl-form-item.ndl-small input[type='password'],
-    .ndl-form-item.ndl-small input[type='number'],
-    .ndl-form-item.ndl-small input[type='url'] {
-  height:24px;
-  padding-top:2px;
-  padding-bottom:2px;
-  padding-left:8px;
-  padding-right:8px;
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled) {
-  height:24px;
-}
-.ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled) {
-  height:24px;
-}
-.ndl-form-item.ndl-small .ndl-form-item-label{
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
+.ndl-form-message.ndl-error .ndl-form-message-icon {
+  color:var(--theme-color-danger-icon);
 }
-.ndl-form-item.ndl-small.ndl-has-leading-icon input[type='text'],
-      .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='email'],
-      .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='password'],
-      .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='number'],
-      .ndl-form-item.ndl-small.ndl-has-leading-icon input[type='url'] {
-  padding-left:28px;
-}
-.ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='text'],
-      .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='email'],
-      .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='password'],
-      .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='number'],
-      .ndl-form-item.ndl-small.ndl-has-trailing-icon input[type='url'] {
-  padding-right:28px;
-}
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon {
-  position:absolute;
-  width:16px;
-  height:16px;
+.ndl-form-message.ndl-error .ndl-form-message-text {
+  color:var(--theme-color-danger-text);
 }
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
-          top:calc(50% - 8px);
-          left:8px;
-        }
-.ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
-        top:calc(50% - 8px);
-        right:8px;
-      }
 .ndl-progress-bar-wrapper {
   display:flex;
   flex-direction:column;
@@ -4320,30 +4151,9 @@ a.ndl-btn {
   outline-offset:0px;
   outline-color:var(--theme-color-primary-focus);
 }
-.ndl-select {
+.ndl-select{
   display:inline-flex;
   flex-direction:column;
-  row-gap:4px;
-}
-.ndl-select.ndl-small .ndl-error-icon {
-  width:16px;
-  height:16px;
-}
-.ndl-select.ndl-medium .ndl-error-icon {
-  width:20px;
-  height:20px;
-}
-.ndl-select.ndl-large .ndl-error-icon {
-  width:24px;
-  height:24px;
-}
-.ndl-select.ndl-large label{
-  font:var(--typography-body-large);
-  letter-spacing:var(--typography-body-large-letter-spacing);
-  font-family:var(--typography-body-large-font-family), sans-serif;
-}
-.ndl-select.ndl-large .ndl-sub-text {
-  color:var(--theme-color-neutral-text-weak);
 }
 .ndl-select.ndl-fluid {
   display:flex;
@@ -4352,27 +4162,6 @@ a.ndl-btn {
   cursor:not-allowed;
   color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-select.ndl-disabled label {
-  color:var(--theme-color-neutral-text-weakest);
-}
-.ndl-select label {
-  color:var(--theme-color-neutral-text-weak);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-select .ndl-sub-text {
-  color:var(--theme-color-neutral-text-weaker);
-  font:var(--typography-body-small);
-  letter-spacing:var(--typography-body-small-letter-spacing);
-  font-family:var(--typography-body-small-font-family), sans-serif;
-}
-.ndl-select .ndl-error-text {
-  color:var(--theme-color-danger-text);
-}
-.ndl-select .ndl-error-icon {
-  color:var(--theme-color-danger-icon);
-}
 .ndl-select-input {
   margin:0px;
   box-sizing:border-box;
@@ -4650,9 +4439,6 @@ a.ndl-btn {
 .ndl-select-option.ndl-is-multi:hover {
   background-color:var(--theme-color-neutral-hover);
 }
-.ndl-select-option.ndl-form-item {
-  margin-top:0px;
-}
 .ndl-select-option.ndl-focused {
   background-color:var(--theme-color-neutral-hover);
 }
@@ -5942,9 +5728,8 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 }
 .ndl-text-area .ndl-text-area-label {
   display:inline-flex;
+  flex-direction:column;
   align-items:flex-start;
-  -moz-column-gap:12px;
-       column-gap:12px;
   font:var(--typography-body-medium);
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
@@ -5953,78 +5738,15 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   display:flex;
   width:100%;
 }
-.ndl-text-area .ndl-text-area-label.ndl-label-before {
-  flex-direction:row-reverse;
-}
 .ndl-text-area .ndl-text-area-wrapper{
     display:flex;
     width:100%;
   }
-.ndl-text-area .ndl-text-area-wrapper .ndl-text-area-optional {
-  color:var(--theme-color-neutral-text-weaker);
-      font-style:italic;
-      margin-left:auto;
-}
-.ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-small {
-  margin-top:2px;
-  margin-left:3px;
-  width:16px;
-  height:16px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-area .ndl-text-area-wrapper .ndl-information-icon-large {
-  margin-top:2px;
-  margin-left:3px;
-  width:20px;
-  height:20px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-area.ndl-type-text .ndl-text-area-label {
-  flex-direction:column-reverse;
-  align-items:flex-start;
-  row-gap:5px;
-}
-.ndl-text-area.ndl-type-text .ndl-text-area-label .ndl-text-area-label-text {
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-area.ndl-type-text .ndl-text-area-no-label {
-  row-gap:0px;
-}
-.ndl-text-area.ndl-type-radio {
-  display:flex;
-  align-items:center;
-  color:var(--theme-color-neutral-text-default);
-}
-.ndl-text-area.ndl-disabled .ndl-text-area-label {
-  cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
-}
-.ndl-text-area .ndl-text-area-msg {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
-  align-items:center;
-  gap:4px;
-  font-size:0.75rem;
-  line-height:1rem;
-  color:var(--theme-color-neutral-text-weaker);
-}
-.ndl-text-area .ndl-text-area-msg .ndl-error-text{
-      display:inline-block;
-    }
 .ndl-text-area.ndl-has-error textarea {
   outline-color:var(--theme-color-danger-border-strong);
   border-width:2px;
   border-color:var(--theme-color-danger-border-strong);
 }
-.ndl-text-area.ndl-has-error .ndl-text-area-msg {
-  color:var(--theme-color-danger-text);
-}
-.ndl-text-area.ndl-has-icon .ndl-error-icon {
-  width:20px;
-  height:20px;
-  color:var(--theme-color-danger-text);
-}
 .ndl-text-area.ndl-large textarea {
   padding-top:12px;
   padding-bottom:12px;
@@ -6038,17 +5760,6 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:var(--typography-body-large-letter-spacing);
   font-family:var(--typography-body-large-font-family), sans-serif;
 }
-.ndl-text-area.ndl-large .ndl-text-area-msg{
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-text-area.ndl-large.ndl-has-icon .ndl-icon {
-  position:absolute;
-  width:24px;
-  height:24px;
-  color:var(--theme-color-neutral-text-weak);
-}
 .ndl-text-area.ndl-small textarea, .ndl-text-area.ndl-medium textarea {
   padding-top:8px;
   padding-bottom:8px;
@@ -6061,12 +5772,6 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
 }
-.ndl-text-area.ndl-small.ndl-has-icon .ndl-icon, .ndl-text-area.ndl-medium.ndl-has-icon .ndl-icon {
-  width:20px;
-  height:20px;
-  position:absolute;
-  color:var(--theme-color-neutral-text-weak);
-}
 .ndl-status-indicator {
   display:inline-block;
 }
@@ -7027,12 +6732,10 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-tree-view-new .ndl-tree-view-new-item:not(.ndl-tree-view-new-item--disabled)
       > .ndl-tree-view-new-item-content:active {
-  border-radius:4px;
   background-color:var(--theme-color-neutral-pressed);
 }
 .ndl-tree-view-new .ndl-tree-view-new-item:not(.ndl-tree-view-new-item--disabled)
       > .ndl-tree-view-new-item-content:hover {
-  border-radius:4px;
   background-color:var(--theme-color-neutral-hover);
 }
 .ndl-tree-view-new .ndl-tree-view-new-item[aria-busy='true']{
@@ -7102,7 +6805,7 @@ button.ndl-avatar:focus-visible {
       var(--tree-level-indent) + 4px + var(--tree-chevron-size)
     );
   }
-.ndl-tree-view-new:not([aria-multiselectable]) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content::before{
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content::before{
       content:'';
       position:absolute;
       top:0px;
@@ -7112,18 +6815,42 @@ button.ndl-avatar:focus-visible {
       width:4px;
       border-radius:9999px;
     }
-.ndl-tree-view-new:not([aria-multiselectable]) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content {
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content {
   background-color:var(--theme-color-neutral-bg-strong);
 }
-.ndl-tree-view-new:not([aria-multiselectable]) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content:hover {
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox) .ndl-tree-view-new-item--selected > .ndl-tree-view-new-item-content:hover {
   background-color:var(--theme-color-neutral-bg-strong);
 }
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox) .ndl-tree-view-new-item--selected-top > .ndl-tree-view-new-item-content,
+    .ndl-tree-view-new:not(.ndl-tree-view-new--checkbox)
+      .ndl-tree-view-new-item--selected-top
+      > .ndl-tree-view-new-item-content::before {
+  border-bottom-right-radius:0;
+  border-bottom-left-radius:0;
+}
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox)
+      .ndl-tree-view-new-item--selected-middle
+      > .ndl-tree-view-new-item-content,
+    .ndl-tree-view-new:not(.ndl-tree-view-new--checkbox)
+      .ndl-tree-view-new-item--selected-middle
+      > .ndl-tree-view-new-item-content::before {
+  border-radius:0;
+}
+.ndl-tree-view-new:not(.ndl-tree-view-new--checkbox)
+      .ndl-tree-view-new-item--selected-bottom
+      > .ndl-tree-view-new-item-content,
+    .ndl-tree-view-new:not(.ndl-tree-view-new--checkbox)
+      .ndl-tree-view-new-item--selected-bottom
+      > .ndl-tree-view-new-item-content::before {
+  border-top-left-radius:0;
+  border-top-right-radius:0;
+}
 .ndl-tree-view-new .ndl-tree-view-new-checkbox {
   display:flex;
   flex-shrink:0;
   align-items:center;
 }
-.ndl-tree-view-new .ndl-tree-view-new-checkbox .ndl-checkbox-label {
+.ndl-tree-view-new .ndl-tree-view-new-checkbox > label {
   margin:0px;
 }
 .ndl-tree-view-new .ndl-tree-view-new-item-content-title {
@@ -7185,6 +6912,17 @@ button.ndl-avatar:focus-visible {
   padding-right:4px;
     padding-inline-start:calc(var(--tree-level-indent) + 12px);
 }
+.ndl-tree-view-new-live-region {
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0;
+}
 .ndl-toast {
   display:flex;
   width:420px;
@@ -7451,64 +7189,18 @@ button.ndl-avatar:focus-visible {
 .ndl-text-input .ndl-input-wrapper .ndl-element .ndl-btn{
         height:var(--text-input-button-height);
       }
-.ndl-text-input .ndl-form-item-label {
+.ndl-text-input .ndl-text-input-label {
   display:block;
   width:-moz-fit-content;
   width:fit-content;
   line-height:1.25rem;
 }
-.ndl-text-input .ndl-form-item-label .ndl-label-text-wrapper {
-  margin-bottom:4px;
-  display:flex;
-}
-.ndl-text-input .ndl-form-item-label .ndl-label-text {
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-input .ndl-form-item-label .ndl-form-item-optional {
-  margin-left:auto;
-  font-style:italic;
-  color:var(--theme-color-neutral-text-weaker);
-}
-.ndl-text-input .ndl-form-item-label .ndl-information-icon-small {
-  margin-top:2px;
-  margin-left:3px;
-  width:16px;
-  height:16px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-input .ndl-form-item-label .ndl-information-icon-large {
-  margin-top:2px;
-  margin-left:3px;
-  width:20px;
-  height:20px;
-  color:var(--theme-color-neutral-text-weak);
-}
 .ndl-text-input input::-moz-placeholder {
   color:var(--theme-color-neutral-text-weaker);
 }
 .ndl-text-input input::placeholder {
   color:var(--theme-color-neutral-text-weaker);
 }
-.ndl-text-input .ndl-form-message {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
-  gap:4px;
-  font-size:0.75rem;
-  line-height:1rem;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-text-input .ndl-form-message .ndl-error-icon {
-  width:20px;
-  height:20px;
-  color:var(--theme-color-danger-text);
-}
-.ndl-text-input .ndl-form-message .ndl-error-text {
-  color:var(--theme-color-danger-text);
-}
-.ndl-text-input.ndl-disabled .ndl-label-text {
-  color:var(--theme-color-neutral-text-weakest);
-}
 .ndl-text-input.ndl-disabled .ndl-input-wrapper {
   cursor:not-allowed;
   border-color:var(--theme-color-neutral-border-strong);
@@ -7529,12 +7221,12 @@ button.ndl-avatar:focus-visible {
 .ndl-text-input.ndl-read-only:not(.ndl-disabled) .ndl-input-wrapper .ndl-input-container input {
   color:var(--theme-color-neutral-text-weak);
 }
-.ndl-text-input .ndl-form-item-label.ndl-fluid {
+.ndl-text-input .ndl-text-input-label.ndl-fluid {
   display:flex;
   width:100%;
   flex-direction:column;
 }
-.ndl-text-input .ndl-form-item-label.ndl-fluid .ndl-input-wrapper {
+.ndl-text-input .ndl-text-input-label.ndl-fluid .ndl-input-wrapper {
   display:flex;
   width:100%;
 }
@@ -7983,22 +7675,6 @@ button.ndl-avatar:focus-visible {
 .ndl-time-picker .ndl-time-picker-label {
   display:flex;
   flex-direction:column;
-  gap:4px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-time-picker .ndl-time-picker-error-wrapper {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
-  align-items:center;
-  gap:2px;
-  color:var(--theme-color-danger-text);
-}
-.ndl-time-picker .ndl-time-picker-error-wrapper .ndl-time-picker-error-icon {
-  width:20px;
-  height:20px;
-  flex-shrink:0;
-  color:var(--theme-color-danger-icon);
 }
 .ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper {
   outline-style:solid;
@@ -8009,9 +7685,6 @@ button.ndl-avatar:focus-visible {
 .ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper:has(input:focus) {
   outline-color:var(--theme-color-danger-border-strong);
 }
-.ndl-time-picker.ndl-disabled .ndl-time-picker-label {
-  color:var(--theme-color-neutral-text-weakest);
-}
 .ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper {
   cursor:not-allowed;
   border-color:var(--theme-color-neutral-border-weak);
@@ -8188,22 +7861,6 @@ button.ndl-avatar:focus-visible {
 .ndl-timezone-picker .ndl-timezone-picker-label {
   display:flex;
   flex-direction:column;
-  gap:4px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-timezone-picker .ndl-timezone-picker-error-wrapper {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
-  align-items:center;
-  gap:2px;
-  color:var(--theme-color-danger-text);
-}
-.ndl-timezone-picker .ndl-timezone-picker-error-wrapper .ndl-timezone-picker-error-icon {
-  width:20px;
-  height:20px;
-  flex-shrink:0;
-  color:var(--theme-color-danger-icon);
 }
 .ndl-timezone-picker.ndl-error .ndl-timezone-picker-input-wrapper {
   outline-style:solid;
@@ -8214,9 +7871,6 @@ button.ndl-avatar:focus-visible {
 .ndl-timezone-picker.ndl-error .ndl-timezone-picker-input-wrapper:has(input:focus) {
   outline-color:var(--theme-color-danger-border-strong);
 }
-.ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-label {
-  color:var(--theme-color-neutral-text-weakest);
-}
 .ndl-timezone-picker.ndl-disabled .ndl-timezone-picker-input-wrapper {
   cursor:not-allowed;
   border-color:var(--theme-color-neutral-border-weak);
@@ -9411,25 +9065,6 @@ button.ndl-avatar:focus-visible {
 .ndl-tooltip-content-simple .ndl-kbd .ndl-kbd-key {
   border-color:var(--theme-color-neutral-border-strongest);
 }
-.ndl-checkbox-label {
-  display:inline-flex;
-  max-width:100%;
-  align-items:center;
-  -moz-column-gap:8px;
-       column-gap:8px;
-  color:var(--theme-color-neutral-text-default);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-checkbox-label.ndl-fluid {
-  display:flex;
-  width:100%;
-}
-.ndl-checkbox-label:has(.ndl-checkbox.ndl-disabled) .ndl-checkbox-label-text {
-  cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
-}
 .ndl-checkbox {
   position:relative;
   width:16px;
@@ -9521,30 +9156,6 @@ button.ndl-avatar:focus-visible {
               mask-position:calc(100% - 1px) 0;
       transform:translateY(-50%);
     }
-.ndl-radio-label {
-  display:inline-flex;
-  max-width:100%;
-  align-items:center;
-  -moz-column-gap:8px;
-       column-gap:8px;
-  color:var(--theme-color-neutral-text-default);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-radio-label.ndl-fluid {
-  display:flex;
-  width:100%;
-}
-.ndl-radio-label:has(.ndl-radio:disabled) .ndl-radio-label-text {
-  cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
-}
-.ndl-radio-label .ndl-radio-label-text {
-  overflow:hidden;
-  text-overflow:ellipsis;
-  white-space:nowrap;
-}
 .ndl-radio {
   position:relative;
   width:16px;
@@ -9599,25 +9210,6 @@ button.ndl-avatar:focus-visible {
     border-radius:9999px;
     top:0;
   }
-.ndl-switch-label {
-  display:inline-flex;
-  max-width:100%;
-  align-items:center;
-  -moz-column-gap:8px;
-       column-gap:8px;
-  color:var(--theme-color-neutral-text-default);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-switch-label.ndl-fluid {
-  display:flex;
-  width:100%;
-}
-.ndl-switch-label:has(.ndl-switch:disabled) .ndl-switch-label-text {
-  cursor:not-allowed;
-  color:var(--theme-color-neutral-text-weakest);
-}
 .ndl-switch{
   --thumb-size:12px;
   --track-height:20px;
@@ -10981,52 +10573,6 @@ button.ndl-avatar:focus-visible {
 .ndl-combobox.ndl-combobox-custom-trigger {
   display:contents;
 }
-.ndl-combobox .ndl-combobox-label-row {
-  margin-bottom:4px;
-  display:flex;
-  align-items:center;
-  gap:4px;
-}
-.ndl-combobox .ndl-combobox-label-row.ndl-visually-hidden {
-  position:absolute;
-  width:1px;
-  height:1px;
-  padding:0;
-  margin:-1px;
-  overflow:hidden;
-  clip:rect(0, 0, 0, 0);
-  white-space:nowrap;
-  border-width:0;
-}
-.ndl-combobox .ndl-combobox-label {
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-combobox .ndl-combobox-label-indicator{
-    margin-left:auto;
-    font-style:italic;
-    color:var(--theme-color-neutral-text-weaker);
-  }
-.ndl-combobox .ndl-combobox-message:not(:empty) {
-  margin-top:4px;
-  display:flex;
-  flex-direction:row;
-  align-items:center;
-  gap:4px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-combobox .ndl-combobox-message .ndl-error-icon {
-  width:16px;
-  height:16px;
-  flex-shrink:0;
-  color:var(--theme-color-danger-text);
-}
-.ndl-combobox .ndl-combobox-message .ndl-error-text {
-  color:var(--theme-color-danger-text);
-}
-.ndl-combobox.ndl-large .ndl-combobox-message .ndl-error-icon {
-  width:20px;
-  height:20px;
-}
 .ndl-combobox .ndl-combobox-control{
     position:relative;
     box-sizing:border-box;
@@ -11228,9 +10774,7 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-combobox.ndl-disabled .ndl-combobox-single-value,
     .ndl-combobox.ndl-disabled .ndl-combobox-placeholder,
-    .ndl-combobox.ndl-disabled .ndl-combobox-icon,
-    .ndl-combobox.ndl-disabled .ndl-combobox-label,
-    .ndl-combobox.ndl-disabled .ndl-combobox-label-indicator {
+    .ndl-combobox.ndl-disabled .ndl-combobox-icon {
   color:var(--theme-color-neutral-text-weakest);
 }
 .ndl-combobox .ndl-combobox-indicators-container {
@@ -11502,7 +11046,7 @@ button.ndl-avatar:focus-visible {
   align-self:flex-start;
   pointer-events:none;
 }
-.ndl-combobox-option-content .ndl-combobox-option-content-multi-select-indicator .ndl-checkbox-label {
+.ndl-combobox-option-content .ndl-combobox-option-content-multi-select-indicator > label {
   margin:0px;
 }
 .ndl-combobox-option-content .ndl-combobox-option-content-main {