@carbon/styles 1.84.0-rc.0 → 1.85.0-rc.0

package/css/styles.css

@@ -12055,6 +12055,37 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
+.cds--data-table-container--ai-enabled {
+  position: relative;
+  padding: 1px;
+  border: none;
+}
+
+.cds--data-table-container--ai-enabled::after {
+  position: absolute;
+  z-index: -1;
+  background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset: 0;
+  pointer-events: none;
+}
+
+.cds--data-table-container--ai-enabled tbody {
+  position: relative;
+}
+
+.cds--data-table-container--ai-enabled tbody::before {
+  position: absolute;
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+}
+
 .cds--data-table-header {
   background-color: var(--cds-layer);
   padding-block: 1rem 1.5rem;
@@ -19229,6 +19260,9 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 1px;
 }
 
+.cds--form-item {
+  position: relative;
+}
 .cds--form-item:has(.cds--text-area__wrapper--cols) {
   inline-size: -moz-fit-content;
   inline-size: fit-content;
@@ -19356,6 +19390,11 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 100%;
 }
 
+.cds--form-requirement {
+  position: absolute;
+  inset-block-start: 100%;
+}
+
 .cds--text-area--fluid .cds--text-area__wrapper {
   position: relative;
   flex-direction: column;
@@ -22720,6 +22759,17 @@ span.cds--pagination__text.cds--pagination__items-count {
   padding-inline: var(--cds-layout-density-padding-inline-local);
 }
 
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--progress-bar__track {
+    background-color: Canvas;
+    forced-color-adjust: none;
+    outline: 2px solid rgba(0, 0, 0, 0);
+    outline-offset: -2px;
+  }
+  .cds--progress-bar__bar {
+    background-color: CanvasText;
+  }
+}
 .cds--progress {
   box-sizing: border-box;
   padding: 0;
@@ -25710,6 +25760,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--tree-node.cds--tree-parent-node > .cds--tree-node__label {
+  inline-size: auto;
+}
+
 .cds--tree-node--disabled:focus > .cds--tree-node__label {
   outline: none;
 }
@@ -25754,10 +25808,14 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  position: relative;
   display: flex;
+  box-sizing: border-box;
   flex: 1 1;
   align-items: center;
+  inline-size: 100%;
   min-block-size: 2rem;
+  padding-inline-end: 1rem;
 }
 .cds--tree-node__label:hover {
   background-color: var(--cds-layer-hover-01, #e8e8e8);
@@ -25793,6 +25851,7 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
 .cds--tree-node__label__details {
   display: flex;
   align-items: center;
+  min-inline-size: 0;
 }
 
 .cds--tree-node--with-icon .cds--tree-parent-node__toggle {
@@ -25874,6 +25933,52 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
   margin-block-start: 0;
 }
 
+.cds--tree-node__label__text {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: block;
+  overflow: hidden;
+  line-height: 1.2;
+  padding-inline-start: 0.25rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cds--tree-node__label .cds--icon-tooltip {
+  inline-size: 100%;
+}
+
+.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only {
+  padding: 0;
+  border: none;
+  background: transparent;
+  block-size: auto;
+  color: inherit;
+  inline-size: 100%;
+  min-block-size: unset;
+  text-align: start;
+}
+
+.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only .cds--tree-node__label__text {
+  color: inherit;
+  inline-size: 100%;
+}
+
+.cds--tree-node__label .cds--tooltip-content {
+  padding: 1rem;
+}
+
+.cds--tree-node__label .cds--popover-container {
+  inline-size: 100%;
+}
+
+.cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
+  box-shadow: none;
+  outline: 2px solid var(--cds-focus, #0f62fe);
+}
+
 .cds--content {
   padding: 2rem;
   color: var(--cds-text-primary, #161616);