@dialpad/dialtone-css 8.80.0-next.4 → 8.80.0-next.5

package/lib/dist/dialtone.css

@@ -3318,27 +3318,24 @@
   .d-link--inverted-mention {
     --link-color-default: var(--dt-color-link-primary-inverted);
     --link-color-default-hover: var(--dt-color-link-primary-inverted-hover);
-    --link-text-decoration: none;
     --link-padding: 0 var(--dt-spacing-25);
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.3);
+    --link-background-color: var(--dt-color-link-mention-inverted-background);
     line-height: var(--dt-font-line-height-200);
-    border-radius: var(--dt-size-radius-200);
+    border-radius: var(--dt-size-radius-300);
+  }
+  .d-link--inverted-mention:hover {
+    --link-background-color: var(--dt-color-link-mention-inverted-background-hover);
   }
   .d-link--mention {
-    --link-text-decoration: none;
-    --link-padding: 0 var(--dt-spacing-25);
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.1);
+    --link-color-default: var(--dt-color-link-mention);
+    --link-color-default-hover: var(--dt-color-link-mention-hover);
+    --link-padding: var(--dt-spacing-1) var(--dt-spacing-25);
+    --link-background-color: var(--dt-color-link-mention-background);
     line-height: var(--dt-font-line-height-200);
-    border-radius: var(--dt-size-radius-200);
+    border-radius: var(--dt-size-radius-300);
   }
   .d-link--mention:hover {
-    --link-text-decoration: underline;
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.25);
-    text-underline-offset: var(--dt-spacing-25);
-    text-decoration-thickness: var(--dt-size-border-100);
-  }
-  .d-link--mention:active {
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.1);
+    --link-background-color: var(--dt-color-link-mention-background-hover);
   }
 }
 @layer dialtone.components {
@@ -7304,7 +7301,7 @@
   .d-notice.d-notice--important,
   .d-banner.d-banner--important,
   .d-toast.d-toast--important {
-    --notice-color-background: var(--dt-color-surface-strong);
+    --notice-color-background: var(--dt-color-surface-primary-inverted);
     --notice-color-text: var(--dt-color-foreground-primary-inverted);
     --notice-color-icon: var(--notice-color-text);
     --notice-color-shadow: transparent;
@@ -9038,6 +9035,20 @@
 .d-scrollbar .os-scrollbar .os-scrollbar-handle:active {
   opacity: var(--dt-opacity-1100);
 }
+.d-scrollbar .os-scrollbar.os-scrollbar-vertical {
+  inset-block-start: var(--dt-scrollbar-offset-block-start, 0);
+  inset-inline-end: var(--dt-scrollbar-offset-inline-end, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless {
+  inset-block: var(--dt-scrollbar-offset-block-start, 0) var(--dt-scrollbar-offset-block-end, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-horizontal {
+  inset-block-end: var(--dt-scrollbar-offset-block-end, 0);
+  inset-inline-start: var(--dt-scrollbar-offset-inline-start, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless {
+  inset-inline: var(--dt-scrollbar-offset-inline-start, 0) var(--dt-scrollbar-offset-inline-end, 0);
+}
 .d-scrollbar-disabled {
   overflow: hidden !important;
 }
@@ -14651,6 +14662,12 @@
     outline-offset: var(--outline-offset);
   }
 }
+@layer dialtone.utilities {
+  /*
+  [data-dt-brand="prota-deuter"]                      { --dt-color-surface-info-opaque: oklch(from var(--dt-color-blue-300) l c h / 0.5) !important; }
+  [data-dt-brand="prota-deuter"][data-dt-mode="dark"] { --dt-color-surface-info-opaque: oklch(from var(--dt-color-blue-300) l c h / 0.6) !important; }
+  */
+}
 @layer dialtone.utilities{
   .d-fc-neutral-white, .h\:d-fc-neutral-white:hover, .f\:d-fc-neutral-white:focus, .f\:d-fc-neutral-white:focus-within, .fv\:d-fc-neutral-white:focus-visible{
     color: oklch(from var(--dt-color-neutral-white) l c h / var(--fco, alpha)) !important;