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

package/lib/dist/tokens/tokens-contrast-high-light.css

@@ -2,21 +2,21 @@
  * Do not edit directly, this file was auto-generated.
  */:root {
   color-scheme: light;
-  --dt-color-border-bold: oklch(0 0 0 / 0.5);
-  --dt-color-border-moderate: oklch(0 0 0 / 0.85);
-  --dt-color-border-default: oklch(0 0 0 / 0.66);
-  --dt-color-border-subtle: oklch(0 0 0 / 0.5);
+  --dt-color-border-bold: oklch(0.16 0 84.6 / 0.5);
+  --dt-color-border-moderate: oklch(0.16 0 84.6 / 0.85);
+  --dt-color-border-default: oklch(0.16 0 84.6 / 0.66);
+  --dt-color-border-subtle: oklch(0.16 0 84.6 / 0.5);
   --dt-color-foreground-disabled: var(--dt-color-black-700); /* Used for text paired with disabled content or components, like the form elements. */
   --dt-color-foreground-placeholder: var(--dt-color-black-700); /* Text color for placeholder text within form elements. */
-  --dt-color-foreground-muted: oklch(0 0 0 / 0.5);
+  --dt-color-foreground-muted: oklch(0.16 0 84.6 / 0.5);
   --dt-color-foreground-tertiary: var(--dt-color-black-800); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
   --dt-color-foreground-secondary: var(--dt-color-black-900); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
   --dt-color-foreground-primary: var(--dt-color-black-1000); /* Default text color throughout the UI. */
-  --dt-shell-color-border-default: oklch(0 0 0 / 0.17);
-  --dt-shell-color-border-subtle: oklch(0 0 0 / 0.1);
-  --dt-shell-color-foreground-muted: oklch(0.23 0 0 / 0.6);
-  --dt-shell-color-foreground-tertiary: oklch(0.23 0 0 / 0.72);
-  --dt-shell-color-foreground-secondary: oklch(0.23 0 0 / 0.86);
+  --dt-shell-color-border-default: oklch(0.16 0 84.6 / 0.17);
+  --dt-shell-color-border-subtle: oklch(0.16 0 84.6 / 0.1);
+  --dt-shell-color-foreground-muted: oklch(0.26 0.01 78.2 / 0.6);
+  --dt-shell-color-foreground-tertiary: oklch(0.26 0.01 78.2 / 0.72);
+  --dt-shell-color-foreground-secondary: oklch(0.26 0.01 78.2 / 0.86);
   --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
   --dt-action-color-border-positive-default: var(--dt-color-border-subtle);
   --dt-action-color-border-muted-default: var(--dt-color-border-subtle);

package/lib/dist/tokens/tokens-debug-dp.css

@@ -115,6 +115,7 @@
   --dt-theme-mention-color-background-strong: oklch(0.7 0.25 54.01);
   --dt-theme-mention-color-foreground: oklch(0.7 0.25 54.01);
   --dt-theme-color-base: oklch(0.7 0.25 54.01);
+  --dt-action-color-background-positive-primary-active: oklch(0.7 0.25 54.01);
   --dt-action-color-background-positive-primary-hover: oklch(0.7 0.25 54.01);
   --dt-action-color-background-positive-primary-default: oklch(0.7 0.25 54.01); /* Postive, accepting, or success actions. */
   --dt-action-color-background-positive-default: oklch(0.7 0.25 54.01);
@@ -420,19 +421,16 @@
   --dt-color-border-brand-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-info-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-strong-inverted: oklch(0.7 0.25 54.01);
-  --dt-color-border-success-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-positive-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-info-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-subtle-inverted: oklch(0.7 0.25 54.01);
-  --dt-color-border-success-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-positive-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-info-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-inverted: oklch(0.7 0.25 54.01);
-  --dt-color-border-success-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-positive-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-bold-inverted: oklch(0.7 0.25 54.01);
@@ -442,19 +440,16 @@
   --dt-color-border-brand-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-info-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-strong: oklch(0.7 0.25 54.01);
-  --dt-color-border-success-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-positive-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-info-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-subtle: oklch(0.7 0.25 54.01);
-  --dt-color-border-success-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-positive-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-brand: oklch(0.7 0.25 54.01);
   --dt-color-border-info: oklch(0.7 0.25 54.01);
   --dt-color-border-warning: oklch(0.7 0.25 54.01);
-  --dt-color-border-success: oklch(0.7 0.25 54.01);
   --dt-color-border-positive: oklch(0.7 0.25 54.01);
   --dt-color-border-critical: oklch(0.7 0.25 54.01);
   --dt-color-border-bold: oklch(0.7 0.25 54.01);
@@ -465,13 +460,11 @@
   --dt-color-surface-backdrop: oklch(0.7 0.25 54.01); /* Background color for a modal-like backdrop. */
   --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
   --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque-inverted: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
   --dt-color-surface-positive-opaque-inverted: oklch(0.7 0.25 54.01); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque-inverted: oklch(0.7 0.25 54.01); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque-inverted: oklch(0.7 0.25 54.01); /* Critical surface as opaque background color. */
@@ -487,13 +480,11 @@
   --dt-color-surface-critical-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
-  --dt-color-surface-success-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
   --dt-color-surface-positive-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the Critical surface. */
   --dt-color-surface-brand-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
-  --dt-color-surface-success-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-positive-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning-inverted: oklch(0.7 0.25 54.01); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
@@ -505,13 +496,11 @@
   --dt-color-surface-primary-inverted: oklch(0.7 0.25 54.01); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
   --dt-color-surface-positive-subtle-opaque: oklch(0.7 0.25 54.01); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque: oklch(0.7 0.25 54.01); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque: oklch(0.7 0.25 54.01); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
   --dt-color-surface-positive-opaque: oklch(0.7 0.25 54.01); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque: oklch(0.7 0.25 54.01); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque: oklch(0.7 0.25 54.01); /* Critical surface as opaque background color. */
@@ -522,19 +511,16 @@
   --dt-color-surface-secondary-opaque: oklch(0.7 0.25 54.01); /* Secondary surface as opaque background color. */
   --dt-color-surface-brand-strong: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-success-strong: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-positive-strong: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong: oklch(0.7 0.25 54.01); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong: oklch(0.7 0.25 54.01); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
-  --dt-color-surface-success-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
   --dt-color-surface-positive-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle: oklch(0.7 0.25 54.01); /* A softer version of the Critical surface. */
   --dt-color-surface-brand: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
-  --dt-color-surface-success: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-positive: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning: oklch(0.7 0.25 54.01); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical: oklch(0.7 0.25 54.01); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
@@ -548,14 +534,14 @@
   --dt-color-link-warning-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-link-info-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-info: oklch(0.7 0.25 54.01);
   --dt-color-link-warning-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary: oklch(0.7 0.25 54.01);
   --dt-color-foreground-info-strong-inverted: oklch(0.7 0.25 54.01); /* Info strong text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-info-inverted: oklch(0.7 0.25 54.01); /* Info text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-warning-inverted: oklch(0.7 0.25 54.01); /* Warning text that sits on high-contrast surfaces or backgrounds */
-  --dt-color-foreground-success-strong-inverted: oklch(0.7 0.25 54.01); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-success-inverted: oklch(0.7 0.25 54.01); /* Success text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-positive-strong-inverted: oklch(0.7 0.25 54.01); /* Positive strong text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-positive-inverted: oklch(0.7 0.25 54.01); /* Positive text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-critical-strong-inverted: oklch(0.7 0.25 54.01); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
@@ -569,8 +555,6 @@
   --dt-color-foreground-info-strong: oklch(0.7 0.25 54.01); /* Indicates a generally informational state on surfaces that require a stronger contrast. */
   --dt-color-foreground-info: oklch(0.7 0.25 54.01); /* Indicates a generally informational state. */
   --dt-color-foreground-warning: oklch(0.7 0.25 54.01); /* Indicates information that requires user’s attention and further action may be necessary. */
-  --dt-color-foreground-success-strong: oklch(0.7 0.25 54.01); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
-  --dt-color-foreground-success: oklch(0.7 0.25 54.01); /* Indicates a positive state. */
   --dt-color-foreground-positive-strong: oklch(0.7 0.25 54.01); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
   --dt-color-foreground-positive: oklch(0.7 0.25 54.01); /* Indicates a positive state. */
   --dt-color-foreground-critical-strong: oklch(0.7 0.25 54.01); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
@@ -669,7 +653,6 @@
   --dt-action-color-border-inverted-outlined-default: oklch(0.7 0.25 54.01);
   --dt-action-color-border-critical-outlined-default: oklch(0.7 0.25 54.01);
   --dt-action-color-border-base-outlined-default: oklch(0.7 0.25 54.01);
-  --dt-action-color-background-positive-primary-active: oklch(0.7 0.25 54.01);
   --dt-action-color-background-positive-hover: oklch(0.7 0.25 54.01);
   --dt-action-color-background-disabled-default: oklch(0.7 0.25 54.01);
   --dt-action-color-background-muted-hover: oklch(0.7 0.25 54.01);
@@ -818,8 +801,29 @@
   --dt-color-chart-categorical-14: oklch(0.7 0.25 54.01);
   --dt-color-chart-categorical-13: oklch(0.7 0.25 54.01);
   --dt-color-chart-categorical-12: oklch(0.7 0.25 54.01);
+  --dt-color-border-success-strong-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-success-subtle-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-success-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-success-strong: oklch(0.7 0.25 54.01);
+  --dt-color-border-success-subtle: oklch(0.7 0.25 54.01);
+  --dt-color-border-success: oklch(0.7 0.25 54.01);
+  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-opaque-inverted: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
   --dt-color-surface-primary-opaque-inverted: oklch(0.7 0.25 54.01); /* Secondary surface as opaque background color. */
+  --dt-color-surface-success-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
+  --dt-color-surface-success-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-success-subtle-opaque: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-opaque: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
   --dt-color-surface-primary-opaque: oklch(0.7 0.25 54.01); /* Primary surface as opaque background color. */
+  --dt-color-surface-success-strong: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-success-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
+  --dt-color-surface-success: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-link-mention-inverted-background-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-mention-inverted-background: oklch(0.7 0.25 54.01);
+  --dt-color-link-mention-background-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-mention-background: oklch(0.7 0.25 54.01);
+  --dt-color-link-mention-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-mention: oklch(0.7 0.25 54.01);
   --dt-color-link-disabled-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-disabled-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-muted-inverted: oklch(0.7 0.25 54.01);
@@ -835,8 +839,6 @@
   --dt-color-link-disabled: oklch(0.7 0.25 54.01);
   --dt-color-link-muted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-muted: oklch(0.7 0.25 54.01);
-  --dt-color-link-info-hover: oklch(0.7 0.25 54.01);
-  --dt-color-link-info: oklch(0.7 0.25 54.01);
   --dt-color-link-warning: oklch(0.7 0.25 54.01);
   --dt-color-link-success-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-success: oklch(0.7 0.25 54.01); /* positive */
@@ -844,6 +846,10 @@
   --dt-color-link-positive: oklch(0.7 0.25 54.01); /* positive */
   --dt-color-link-critical-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-critical: oklch(0.7 0.25 54.01);
+  --dt-color-foreground-success-strong-inverted: oklch(0.7 0.25 54.01); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-inverted: oklch(0.7 0.25 54.01); /* Success text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-strong: oklch(0.7 0.25 54.01); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-success: oklch(0.7 0.25 54.01); /* Indicates a positive state. */
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
   --dt-shell-action-color-background-muted-selected: oklch(0.7 0.25 54.01);
   --dt-shell-action-color-background-muted-active: oklch(0.7 0.25 54.01);