@mirohq/design-system-themes 1.3.13 → 1.3.15

package/dist/types.d.ts

@@ -1,9 +1,9 @@
-import { Colors } from '@mirohq/design-tokens';
+import { Colors, Radii } from '@mirohq/design-tokens';
 
 /**
  * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
  */
-type AliasColors = 'background-alpha' | 'background-alpha-active' | 'background-alpha-hover' | 'background-alpha-neutrals-overlay' | 'background-alpha-neutrals-overlay-subtle' | 'background-alpha-subtle' | 'background-canvas' | 'background-disabled' | 'background-elevated' | 'background-inverted' | 'background-inverted-secondary' | 'background-layout' | 'background-overlay' | 'background-space' | 'background-static-dark' | 'background-static-dark-subtle' | 'background-static-light' | 'background-surface' | 'background-surface-secondary' | 'background-transparent' | 'background-danger-prominent' | 'background-danger-prominent-active' | 'background-danger-prominent-hover' | 'background-danger-prominent-pressed' | 'background-danger-subtle' | 'background-danger-subtle-active' | 'background-danger-subtle-hover' | 'background-danger-subtle-pressed' | 'background-interactive-danger' | 'background-interactive-danger-hover' | 'background-interactive-danger-pressed' | 'background-interactive-primary' | 'background-interactive-primary-hover' | 'background-interactive-primary-pressed' | 'background-interactive-secondary-selected' | 'background-interactive-selected' | 'background-interactive-surface-hover' | 'background-interactive-surface-pressed' | 'background-interactive-surface-secondary-hover' | 'background-interactive-surface-secondary-pressed' | 'background-neutrals' | 'background-neutrals-active' | 'background-neutrals-container' | 'background-neutrals-control' | 'background-neutrals-control-hover' | 'background-neutrals-control-pressed' | 'background-neutrals-disabled' | 'background-neutrals-hover' | 'background-neutrals-inactive' | 'background-neutrals-inactive-hover' | 'background-neutrals-inverted' | 'background-neutrals-inverted-subtle' | 'background-neutrals-layout' | 'background-neutrals-page' | 'background-neutrals-page-subtle' | 'background-neutrals-pressed' | 'background-neutrals-scrollbar' | 'background-neutrals-scrollbar-active' | 'background-neutrals-scrollbar-hover' | 'background-neutrals-subtle' | 'background-neutrals-subtle-active' | 'background-neutrals-subtle-hover' | 'background-neutrals-subtle-pressed' | 'background-neutrals-transparent' | 'background-primary-prominent' | 'background-primary-prominent-active' | 'background-primary-prominent-hover' | 'background-primary-prominent-pressed' | 'background-primary-prominent-selected' | 'background-primary-subtle' | 'background-primary-subtle-active' | 'background-primary-subtle-hover' | 'background-primary-subtle-pressed' | 'background-primary-subtle-selected' | 'status-background-error' | 'status-background-info' | 'status-background-success' | 'status-background-warning' | 'background-success-prominent' | 'background-success-prominent-active' | 'background-success-prominent-hover' | 'background-success-prominent-pressed' | 'background-success-subtle' | 'background-warning-prominent' | 'background-warning-subtle' | 'border-default' | 'border-disabled' | 'border-inverted' | 'border-inverted-subtle' | 'border-option' | 'border-option-hover' | 'border-static-dark' | 'border-static-dark-subtle' | 'border-static-light' | 'border-strong' | 'border-subtle' | 'border-transparent' | 'border-danger' | 'border-danger-active' | 'border-danger-hover' | 'border-danger-pressed' | 'border-danger-subtle' | 'border-focus-error-inner' | 'border-focus-error-middle' | 'border-focus-error-outer' | 'border-focus-inner' | 'border-focus-middle' | 'border-focus-outer' | 'border-focus-success-inner' | 'border-focus-success-middle' | 'border-focus-success-outer' | 'focus-keyboard' | 'border-interactive-danger' | 'border-interactive-danger-hover' | 'border-interactive-danger-pressed' | 'border-interactive-primary' | 'border-interactive-primary-hover' | 'border-interactive-primary-pressed' | 'border-interactive-secondary' | 'border-interactive-secondary-hover' | 'border-interactive-secondary-pressed' | 'border-interactive-selected' | 'border-neutrals' | 'border-neutrals-active' | 'border-neutrals-controls' | 'border-neutrals-controls-disabled' | 'border-neutrals-disabled' | 'border-neutrals-hover' | 'border-neutrals-inverted' | 'border-neutrals-pressed' | 'border-neutrals-subtle' | 'border-neutrals-subtle-hover' | 'border-neutrals-subtle-pressed' | 'border-neutrals-text' | 'border-neutrals-text-active' | 'border-neutrals-text-hover' | 'border-neutrals-text-subtle' | 'border-neutrals-text-subtle-active' | 'border-neutrals-text-subtle-hover' | 'border-neutrals-transparent' | 'border-primary' | 'border-primary-active' | 'border-primary-hover' | 'border-primary-inverted' | 'border-primary-pressed' | 'border-primary-selected' | 'border-primary-subtle' | 'status-border-error' | 'status-border-info' | 'status-border-success' | 'status-border-warning' | 'border-success' | 'border-success-active' | 'border-success-hover' | 'border-success-pressed' | 'border-success-subtle' | 'border-warning' | 'border-warning-subtle' | 'badge-border' | 'badge-border-inverted' | 'button-background-danger' | 'button-background-danger-hover' | 'button-background-danger-pressed' | 'button-background-ghost' | 'button-background-ghost-hover' | 'button-background-ghost-pressed' | 'button-background-primary' | 'button-background-primary-hover' | 'button-background-primary-pressed' | 'button-background-secondary' | 'button-background-secondary-hover' | 'button-background-secondary-pressed' | 'button-background-tertiary' | 'button-background-tertiary-hover' | 'button-background-tertiary-pressed' | 'button-border-danger' | 'button-border-danger-hover' | 'button-border-danger-pressed' | 'button-border-ghost-hover' | 'button-border-ghost-pressed' | 'button-border-primary' | 'button-border-primary-hover' | 'button-border-primary-pressed' | 'button-border-secondary' | 'button-border-secondary-hover' | 'button-border-secondary-pressed' | 'button-border-tertiary' | 'button-border-tertiary-hover' | 'button-border-tertiary-pressed' | 'button-icon-on-danger' | 'button-icon-on-primary' | 'button-icon-on-secondary' | 'button-icon-on-tertiary' | 'button-text-on-danger' | 'button-text-on-primary' | 'button-text-on-secondary' | 'button-text-on-tertiary' | 'chip-background' | 'chip-background-disabled' | 'chip-background-hover' | 'chip-text' | 'format-icon-diagram' | 'format-icon-docs' | 'format-icon-external' | 'format-icon-kanban' | 'format-icon-prototype' | 'format-icon-slides' | 'format-icon-table' | 'format-icon-timeline' | 'input-background-alt-default' | 'input-background-alt-focused' | 'input-background-alt-hover' | 'input-background-default' | 'input-background-disabled' | 'input-background-focused' | 'input-background-hover' | 'input-border-default' | 'input-border-disabled' | 'input-border-error' | 'input-border-focused' | 'input-border-hover' | 'input-border-success' | 'notification-background' | 'notification-border' | 'notification-border-subtle' | 'popover-background' | 'popover-border' | 'scrollbar-background' | 'scrollbar-background-hover' | 'slider-background' | 'slider-control-background' | 'slider-notch-background' | 'switch-background-default' | 'switch-background-hover' | 'switch-control-background' | 'tooltip-background' | 'tooltip-background-inset' | 'icon-danger' | 'icon-danger-active' | 'icon-danger-hover' | 'icon-danger-inverted' | 'icon-danger-pressed' | 'icon-default' | 'icon-disabled' | 'icon-inverted' | 'icon-inverted-secondary' | 'icon-muted' | 'icon-on-disabled' | 'icon-on-static-dark' | 'icon-on-static-dark-subtle' | 'icon-on-static-light' | 'icon-on-static-light-subtle' | 'icon-placeholder' | 'icon-secondary' | 'icon-interactive-on-inverted' | 'icon-interactive-on-inverted-hover' | 'icon-interactive-on-inverted-pressed' | 'icon-interactive-on-inverted-secondary' | 'icon-interactive-on-inverted-secondary-hover' | 'icon-interactive-on-inverted-secondary-pressed' | 'icon-interactive-primary' | 'icon-interactive-primary-hover' | 'icon-interactive-primary-pressed' | 'icon-interactive-secondary' | 'icon-interactive-secondary-hover' | 'icon-interactive-secondary-pressed' | 'icon-interactive-selected' | 'icon-on-interactive-danger' | 'icon-on-interactive-primary' | 'icon-on-interactive-secondary' | 'icon-on-interactive-selected' | 'icon-neutrals' | 'icon-neutrals-disabled' | 'icon-neutrals-hover' | 'icon-neutrals-inactive' | 'icon-neutrals-inactive-hover' | 'icon-neutrals-inverted' | 'icon-neutrals-inverted-hover' | 'icon-neutrals-inverted-subtle' | 'icon-neutrals-inverted-subtle-hover' | 'icon-neutrals-placeholder' | 'icon-neutrals-pressed' | 'icon-neutrals-search' | 'icon-neutrals-subtle' | 'icon-neutrals-subtle-hover' | 'icon-neutrals-subtle-pressed' | 'icon-neutrals-text' | 'icon-primary' | 'icon-primary-active' | 'icon-primary-hover' | 'icon-primary-inverted' | 'icon-primary-inverted-hover' | 'icon-primary-pressed' | 'icon-primary-selected' | 'status-icon-error' | 'status-icon-on-error' | 'status-icon-on-info' | 'status-icon-on-success' | 'status-icon-on-warning' | 'status-icon-success' | 'status-icon-warning' | 'icon-success' | 'icon-success-active' | 'icon-success-hover' | 'icon-success-inverted' | 'icon-success-pressed' | 'icon-warning' | 'icon-warning-prominent' | 'icon-warning-subtle' | 'text-danger' | 'text-danger-active' | 'text-danger-hover' | 'text-danger-inverted' | 'text-danger-pressed' | 'text-interactive-on-inverted' | 'text-interactive-on-inverted-hover' | 'text-interactive-on-inverted-pressed' | 'text-interactive-on-inverted-secondary' | 'text-interactive-on-inverted-secondary-hover' | 'text-interactive-on-inverted-secondary-pressed' | 'text-interactive-primary' | 'text-interactive-primary-hover' | 'text-interactive-primary-pressed' | 'text-interactive-secondary' | 'text-interactive-secondary-hover' | 'text-interactive-secondary-pressed' | 'text-interactive-selected' | 'text-on-interactive-danger' | 'text-on-interactive-primary' | 'text-on-interactive-secondary' | 'text-on-interactive-selected' | 'text-neutrals' | 'text-neutrals-active' | 'text-neutrals-disabled' | 'text-neutrals-hover' | 'text-neutrals-inverted' | 'text-neutrals-inverted-hover' | 'text-neutrals-inverted-subtle' | 'text-neutrals-inverted-subtle-hover' | 'text-neutrals-placeholder' | 'text-neutrals-placeholder-only' | 'text-neutrals-pressed' | 'text-neutrals-subtle' | 'text-neutrals-subtle-active' | 'text-neutrals-subtle-hover' | 'text-neutrals-subtle-pressed' | 'text-primary' | 'text-primary-active' | 'text-primary-hover' | 'text-primary-inverted' | 'text-primary-inverted-subtle' | 'text-primary-pressed' | 'text-primary-selected' | 'status-text-error' | 'status-text-on-error' | 'status-text-on-info' | 'status-text-on-success' | 'status-text-on-warning' | 'status-text-success' | 'status-text-warning' | 'text-success' | 'text-success-active' | 'text-success-hover' | 'text-success-inverted' | 'text-success-pressed' | 'text-default' | 'text-disabled' | 'text-inverted' | 'text-inverted-secondary' | 'text-muted' | 'text-on-disabled' | 'text-on-static-dark' | 'text-on-static-dark-subtle' | 'text-on-static-light' | 'text-on-static-light-subtle' | 'text-placeholder' | 'text-secondary' | 'text-warning' | 'text-warning-subtle' | 'coal-background' | 'coal-background-mild' | 'coal-background-prominent' | 'coal-background-subtle' | 'coral-background' | 'coral-background-mild' | 'coral-background-prominent' | 'coral-background-subtle' | 'cyan-background' | 'cyan-background-mild' | 'cyan-background-prominent' | 'cyan-background-subtle' | 'lilac-background' | 'lilac-background-mild' | 'lilac-background-prominent' | 'lilac-background-subtle' | 'lime-background' | 'lime-background-mild' | 'lime-background-prominent' | 'lime-background-subtle' | 'moss-background' | 'moss-background-mild' | 'moss-background-prominent' | 'moss-background-subtle' | 'ocean-background' | 'ocean-background-mild' | 'ocean-background-prominent' | 'ocean-background-subtle' | 'orange-background' | 'orange-background-mild' | 'orange-background-prominent' | 'orange-background-subtle' | 'pink-background' | 'pink-background-mild' | 'pink-background-prominent' | 'pink-background-subtle' | 'sunshine-background' | 'sunshine-background-mild' | 'sunshine-background-prominent' | 'sunshine-background-subtle' | 'teal-background' | 'teal-background-mild' | 'teal-background-prominent' | 'teal-background-subtle' | 'coal-border' | 'coal-border-prominent' | 'coal-border-subtle' | 'coral-border' | 'coral-border-prominent' | 'coral-border-subtle' | 'cyan-border' | 'cyan-border-prominent' | 'cyan-border-subtle' | 'lilac-border' | 'lilac-border-prominent' | 'lilac-border-subtle' | 'lime-border' | 'lime-border-prominent' | 'lime-border-subtle' | 'moss-border' | 'moss-border-prominent' | 'moss-border-subtle' | 'ocean-border' | 'ocean-border-prominent' | 'ocean-border-subtle' | 'orange-border' | 'orange-border-prominent' | 'orange-border-subtle' | 'pink-border' | 'pink-border-prominent' | 'pink-border-subtle' | 'sunshine-border' | 'sunshine-border-prominent' | 'sunshine-border-subtle' | 'teal-border' | 'teal-border-prominent' | 'teal-border-subtle' | 'coal-avatar-background' | 'coral-avatar-background' | 'cyan-avatar-background' | 'light-coal-avatar-background' | 'light-coral-avatar-background' | 'light-cyan-avatar-background' | 'light-lilac-avatar-background' | 'light-lime-avatar-background' | 'light-moss-avatar-background' | 'light-ocean-avatar-background' | 'light-orange-avatar-background' | 'light-pink-avatar-background' | 'light-sunshine-avatar-background' | 'light-teal-avatar-background' | 'lilac-avatar-background' | 'lime-avatar-background' | 'moss-avatar-background' | 'ocean-avatar-background' | 'orange-avatar-background' | 'pink-avatar-background' | 'sunshine-avatar-background' | 'teal-avatar-background' | 'coral-comment-background' | 'cyan-comment-background' | 'lime-comment-background' | 'coal-cursor-background' | 'coal-cursor-border' | 'coal-cursor-border-prominent' | 'coral-cursor-background' | 'coral-cursor-border' | 'coral-cursor-border-prominent' | 'cyan-cursor-background' | 'cyan-cursor-border' | 'cyan-cursor-border-prominent' | 'light-coal-cursor-background' | 'light-coral-cursor-background' | 'light-cursor-background' | 'light-cyan-cursor-background' | 'light-lilac-cursor-background' | 'light-lime-cursor-background' | 'light-moss-cursor-background' | 'light-orange-cursor-background' | 'light-pink-cursor-background' | 'light-sunshine-cursor-background' | 'light-teal-cursor-background' | 'lilac-cursor-background' | 'lilac-cursor-border' | 'lilac-cursor-border-prominent' | 'lime-cursor-background' | 'lime-cursor-border' | 'lime-cursor-border-prominent' | 'moss-cursor-background' | 'moss-cursor-border' | 'moss-cursor-border-prominent' | 'ocean-cursor-background' | 'ocean-cursor-border' | 'ocean-cursor-border-prominent' | 'orange-cursor-background' | 'orange-cursor-border' | 'orange-cursor-border-prominent' | 'pink-cursor-background' | 'pink-cursor-border-prominent' | 'pink-cursor-coal-border' | 'sunshine-cursor-background' | 'sunshine-cursor-border' | 'susnhine-cursor-border-prominent' | 'teal-cursor-background' | 'teal-cursor-border' | 'teal-cursor-border-prominent' | 'black-sticky-background' | 'coral-sticky-background' | 'cyan-sticky-background' | 'light-coal-sticky-background' | 'light-lime-sticky-background' | 'light-ocean-sticky-background' | 'light-pink-sticky-background' | 'light-sunshine-sticky-background' | 'lilac-sticky-background' | 'lime-sticky-background' | 'moss-sticky-background' | 'ocean-sticky-background' | 'orange-sticky-background' | 'pink-sticky-background' | 'sunshine-sticky-background' | 'teal-sticky-background' | 'coal-icon' | 'coal-icon-mild' | 'coal-icon-subtle' | 'coral-icon' | 'coral-icon-mild' | 'coral-icon-subtle' | 'cyan-icon' | 'cyan-icon-mild' | 'cyan-icon-subtle' | 'lilac-icon' | 'lilac-icon-mild' | 'lilac-icon-subtle' | 'lime-icon' | 'lime-icon-mild' | 'lime-icon-subtle' | 'moss-icon' | 'moss-icon-mild' | 'moss-icon-subtle' | 'ocean-icon' | 'ocean-icon-mild' | 'ocean-icon-subtle' | 'orange-icon' | 'orange-icon-mild' | 'orange-icon-subtle' | 'pink-icon' | 'pink-icon-mild' | 'pink-icon-subtle' | 'sunshine-icon' | 'sunshine-icon-mild' | 'sunshine-icon-subtle' | 'teal-icon' | 'teal-icon-mild' | 'teal-icon-subtle' | 'coal-text' | 'coal-text-mild' | 'coal-text-subtle' | 'coral-text' | 'coral-text-mild' | 'coral-text-subtle' | 'cyan-text' | 'cyan-text-mild' | 'cyan-text-subtle' | 'lilac-text' | 'lilac-text-mild' | 'lilac-text-subtle' | 'lime-text' | 'lime-text-mild' | 'lime-text-subtle' | 'moss-text' | 'moss-text-mild' | 'moss-text-subtle' | 'ocean-text' | 'ocean-text-mild' | 'ocean-text-subtle' | 'orange-text' | 'orange-text-mild' | 'orange-text-subtle' | 'pink-text' | 'pink-text-mild' | 'pink-text-subtle' | 'sunshine-text' | 'sunshine-text-mild' | 'sunshine-text-subtle' | 'teal-text' | 'teal-text-mild' | 'teal-text-subtle';
+type AliasColors = 'background-alpha' | 'background-alpha-active' | 'background-alpha-hover' | 'background-alpha-neutrals-overlay' | 'background-alpha-neutrals-overlay-subtle' | 'background-alpha-subtle' | 'background-canvas' | 'background-disabled' | 'background-elevated' | 'background-inverted' | 'background-inverted-secondary' | 'background-layout' | 'background-overlay' | 'background-space' | 'background-static-dark' | 'background-static-dark-subtle' | 'background-static-light' | 'background-surface' | 'background-surface-secondary' | 'background-transparent' | 'background-danger-prominent' | 'background-danger-prominent-active' | 'background-danger-prominent-hover' | 'background-danger-prominent-pressed' | 'background-danger-subtle' | 'background-danger-subtle-active' | 'background-danger-subtle-hover' | 'background-danger-subtle-pressed' | 'background-interactive-danger' | 'background-interactive-danger-hover' | 'background-interactive-danger-pressed' | 'background-interactive-primary' | 'background-interactive-primary-hover' | 'background-interactive-primary-pressed' | 'background-interactive-secondary-selected' | 'background-interactive-selected' | 'background-interactive-surface-hover' | 'background-interactive-surface-pressed' | 'background-interactive-surface-secondary-hover' | 'background-interactive-surface-secondary-pressed' | 'background-neutrals' | 'background-neutrals-active' | 'background-neutrals-container' | 'background-neutrals-control' | 'background-neutrals-control-hover' | 'background-neutrals-control-pressed' | 'background-neutrals-disabled' | 'background-neutrals-hover' | 'background-neutrals-inactive' | 'background-neutrals-inactive-hover' | 'background-neutrals-inverted' | 'background-neutrals-inverted-subtle' | 'background-neutrals-layout' | 'background-neutrals-page' | 'background-neutrals-page-subtle' | 'background-neutrals-pressed' | 'background-neutrals-scrollbar' | 'background-neutrals-scrollbar-active' | 'background-neutrals-scrollbar-hover' | 'background-neutrals-subtle' | 'background-neutrals-subtle-active' | 'background-neutrals-subtle-hover' | 'background-neutrals-subtle-pressed' | 'background-neutrals-transparent' | 'background-primary-prominent' | 'background-primary-prominent-active' | 'background-primary-prominent-hover' | 'background-primary-prominent-pressed' | 'background-primary-prominent-selected' | 'background-primary-subtle' | 'background-primary-subtle-active' | 'background-primary-subtle-hover' | 'background-primary-subtle-pressed' | 'background-primary-subtle-selected' | 'status-background-error' | 'status-background-info' | 'status-background-success' | 'status-background-warning' | 'background-success-prominent' | 'background-success-prominent-active' | 'background-success-prominent-hover' | 'background-success-prominent-pressed' | 'background-success-subtle' | 'background-warning-prominent' | 'background-warning-subtle' | 'border-default' | 'border-disabled' | 'border-inverted' | 'border-inverted-subtle' | 'border-option' | 'border-option-hover' | 'border-static-dark' | 'border-static-dark-subtle' | 'border-static-light' | 'border-strong' | 'border-subtle' | 'border-transparent' | 'border-danger' | 'border-danger-active' | 'border-danger-hover' | 'border-danger-pressed' | 'border-danger-subtle' | 'border-focus-error-inner' | 'border-focus-error-middle' | 'border-focus-error-outer' | 'border-focus-inner' | 'border-focus-middle' | 'border-focus-outer' | 'border-focus-success-inner' | 'border-focus-success-middle' | 'border-focus-success-outer' | 'focus-keyboard' | 'border-interactive-danger' | 'border-interactive-danger-hover' | 'border-interactive-danger-pressed' | 'border-interactive-primary' | 'border-interactive-primary-hover' | 'border-interactive-primary-pressed' | 'border-interactive-secondary' | 'border-interactive-secondary-hover' | 'border-interactive-secondary-pressed' | 'border-interactive-selected' | 'border-neutrals' | 'border-neutrals-active' | 'border-neutrals-controls' | 'border-neutrals-controls-disabled' | 'border-neutrals-disabled' | 'border-neutrals-hover' | 'border-neutrals-inverted' | 'border-neutrals-pressed' | 'border-neutrals-subtle' | 'border-neutrals-subtle-hover' | 'border-neutrals-subtle-pressed' | 'border-neutrals-text' | 'border-neutrals-text-active' | 'border-neutrals-text-hover' | 'border-neutrals-text-subtle' | 'border-neutrals-text-subtle-active' | 'border-neutrals-text-subtle-hover' | 'border-neutrals-transparent' | 'border-primary' | 'border-primary-active' | 'border-primary-hover' | 'border-primary-inverted' | 'border-primary-pressed' | 'border-primary-selected' | 'border-primary-subtle' | 'status-border-error' | 'status-border-info' | 'status-border-success' | 'status-border-warning' | 'border-success' | 'border-success-active' | 'border-success-hover' | 'border-success-pressed' | 'border-success-subtle' | 'border-warning' | 'border-warning-subtle' | 'badge-border' | 'badge-border-inverted' | 'button-background-danger' | 'button-background-danger-hover' | 'button-background-danger-pressed' | 'button-background-ghost' | 'button-background-ghost-hover' | 'button-background-ghost-pressed' | 'button-background-primary' | 'button-background-primary-hover' | 'button-background-primary-pressed' | 'button-background-secondary' | 'button-background-secondary-hover' | 'button-background-secondary-pressed' | 'button-background-tertiary' | 'button-background-tertiary-hover' | 'button-background-tertiary-pressed' | 'button-border-danger' | 'button-border-danger-hover' | 'button-border-danger-pressed' | 'button-border-ghost-hover' | 'button-border-ghost-pressed' | 'button-border-primary' | 'button-border-primary-hover' | 'button-border-primary-pressed' | 'button-border-secondary' | 'button-border-secondary-hover' | 'button-border-secondary-pressed' | 'button-border-tertiary' | 'button-border-tertiary-hover' | 'button-border-tertiary-pressed' | 'button-icon-on-danger' | 'button-icon-on-primary' | 'button-icon-on-secondary' | 'button-icon-on-tertiary' | 'button-text-on-danger' | 'button-text-on-primary' | 'button-text-on-secondary' | 'button-text-on-tertiary' | 'chip-background' | 'chip-background-disabled' | 'chip-background-hover' | 'chip-text' | 'format-icon-diagram' | 'format-icon-docs' | 'format-icon-external' | 'format-icon-kanban' | 'format-icon-prototype' | 'format-icon-slides' | 'format-icon-table' | 'format-icon-timeline' | 'input-background-alt-default' | 'input-background-alt-focused' | 'input-background-alt-hover' | 'input-background-default' | 'input-background-disabled' | 'input-background-focused' | 'input-background-hover' | 'input-border-default' | 'input-border-disabled' | 'input-border-error' | 'input-border-focused' | 'input-border-hover' | 'input-border-success' | 'notification-background-announcement' | 'notification-background-danger' | 'notification-background-info' | 'notification-background-inverted' | 'notification-background-static' | 'notification-background-warning' | 'notification-border-inverted' | 'notification-border-inverted-subtle' | 'notification-border-static' | 'notification-border-static-subtle' | 'notification-icon-on-announcement' | 'notification-icon-on-danger' | 'notification-icon-on-info' | 'notification-icon-on-warning' | 'notification-text-on-announcement' | 'notification-text-on-danger' | 'notification-text-on-info' | 'notification-text-on-warning' | 'popover-background' | 'popover-border' | 'scrollbar-background' | 'scrollbar-background-hover' | 'slider-background' | 'slider-control-background' | 'slider-notch-background' | 'switch-background-default' | 'switch-background-hover' | 'switch-control-background' | 'tooltip-background' | 'tooltip-background-inset' | 'icon-danger' | 'icon-danger-active' | 'icon-danger-hover' | 'icon-danger-inverted' | 'icon-danger-pressed' | 'icon-default' | 'icon-disabled' | 'icon-inverted' | 'icon-inverted-secondary' | 'icon-muted' | 'icon-on-disabled' | 'icon-on-static-dark' | 'icon-on-static-dark-subtle' | 'icon-on-static-light' | 'icon-on-static-light-subtle' | 'icon-placeholder' | 'icon-secondary' | 'icon-interactive-on-inverted' | 'icon-interactive-on-inverted-hover' | 'icon-interactive-on-inverted-pressed' | 'icon-interactive-on-inverted-secondary' | 'icon-interactive-on-inverted-secondary-hover' | 'icon-interactive-on-inverted-secondary-pressed' | 'icon-interactive-primary' | 'icon-interactive-primary-hover' | 'icon-interactive-primary-pressed' | 'icon-interactive-secondary' | 'icon-interactive-secondary-hover' | 'icon-interactive-secondary-pressed' | 'icon-interactive-selected' | 'icon-on-interactive-danger' | 'icon-on-interactive-primary' | 'icon-on-interactive-secondary' | 'icon-on-interactive-selected' | 'icon-neutrals' | 'icon-neutrals-disabled' | 'icon-neutrals-hover' | 'icon-neutrals-inactive' | 'icon-neutrals-inactive-hover' | 'icon-neutrals-inverted' | 'icon-neutrals-inverted-hover' | 'icon-neutrals-inverted-subtle' | 'icon-neutrals-inverted-subtle-hover' | 'icon-neutrals-placeholder' | 'icon-neutrals-pressed' | 'icon-neutrals-search' | 'icon-neutrals-subtle' | 'icon-neutrals-subtle-hover' | 'icon-neutrals-subtle-pressed' | 'icon-neutrals-text' | 'icon-primary' | 'icon-primary-active' | 'icon-primary-hover' | 'icon-primary-inverted' | 'icon-primary-inverted-hover' | 'icon-primary-pressed' | 'icon-primary-selected' | 'status-icon-error' | 'status-icon-on-error' | 'status-icon-on-info' | 'status-icon-on-success' | 'status-icon-on-warning' | 'status-icon-success' | 'status-icon-warning' | 'icon-success' | 'icon-success-active' | 'icon-success-hover' | 'icon-success-inverted' | 'icon-success-pressed' | 'icon-warning' | 'icon-warning-prominent' | 'icon-warning-subtle' | 'text-danger' | 'text-danger-active' | 'text-danger-hover' | 'text-danger-inverted' | 'text-danger-pressed' | 'text-interactive-on-inverted' | 'text-interactive-on-inverted-hover' | 'text-interactive-on-inverted-pressed' | 'text-interactive-on-inverted-secondary' | 'text-interactive-on-inverted-secondary-hover' | 'text-interactive-on-inverted-secondary-pressed' | 'text-interactive-primary' | 'text-interactive-primary-hover' | 'text-interactive-primary-pressed' | 'text-interactive-secondary' | 'text-interactive-secondary-hover' | 'text-interactive-secondary-pressed' | 'text-interactive-selected' | 'text-on-interactive-danger' | 'text-on-interactive-primary' | 'text-on-interactive-secondary' | 'text-on-interactive-selected' | 'text-neutrals' | 'text-neutrals-active' | 'text-neutrals-disabled' | 'text-neutrals-hover' | 'text-neutrals-inverted' | 'text-neutrals-inverted-hover' | 'text-neutrals-inverted-subtle' | 'text-neutrals-inverted-subtle-hover' | 'text-neutrals-placeholder' | 'text-neutrals-placeholder-only' | 'text-neutrals-pressed' | 'text-neutrals-subtle' | 'text-neutrals-subtle-active' | 'text-neutrals-subtle-hover' | 'text-neutrals-subtle-pressed' | 'text-primary' | 'text-primary-active' | 'text-primary-hover' | 'text-primary-inverted' | 'text-primary-inverted-subtle' | 'text-primary-pressed' | 'text-primary-selected' | 'status-text-error' | 'status-text-on-error' | 'status-text-on-info' | 'status-text-on-success' | 'status-text-on-warning' | 'status-text-success' | 'status-text-warning' | 'text-success' | 'text-success-active' | 'text-success-hover' | 'text-success-inverted' | 'text-success-pressed' | 'text-default' | 'text-disabled' | 'text-inverted' | 'text-inverted-secondary' | 'text-muted' | 'text-on-disabled' | 'text-on-static-dark' | 'text-on-static-dark-subtle' | 'text-on-static-light' | 'text-on-static-light-subtle' | 'text-placeholder' | 'text-secondary' | 'text-warning' | 'text-warning-subtle' | 'coal-background' | 'coal-background-mild' | 'coal-background-prominent' | 'coal-background-subtle' | 'coral-background' | 'coral-background-mild' | 'coral-background-prominent' | 'coral-background-subtle' | 'cyan-background' | 'cyan-background-mild' | 'cyan-background-prominent' | 'cyan-background-subtle' | 'lilac-background' | 'lilac-background-mild' | 'lilac-background-prominent' | 'lilac-background-subtle' | 'lime-background' | 'lime-background-mild' | 'lime-background-prominent' | 'lime-background-subtle' | 'moss-background' | 'moss-background-mild' | 'moss-background-prominent' | 'moss-background-subtle' | 'ocean-background' | 'ocean-background-mild' | 'ocean-background-prominent' | 'ocean-background-subtle' | 'orange-background' | 'orange-background-mild' | 'orange-background-prominent' | 'orange-background-subtle' | 'pink-background' | 'pink-background-mild' | 'pink-background-prominent' | 'pink-background-subtle' | 'sunshine-background' | 'sunshine-background-mild' | 'sunshine-background-prominent' | 'sunshine-background-subtle' | 'teal-background' | 'teal-background-mild' | 'teal-background-prominent' | 'teal-background-subtle' | 'coal-border' | 'coal-border-prominent' | 'coal-border-subtle' | 'coral-border' | 'coral-border-prominent' | 'coral-border-subtle' | 'cyan-border' | 'cyan-border-prominent' | 'cyan-border-subtle' | 'lilac-border' | 'lilac-border-prominent' | 'lilac-border-subtle' | 'lime-border' | 'lime-border-prominent' | 'lime-border-subtle' | 'moss-border' | 'moss-border-prominent' | 'moss-border-subtle' | 'ocean-border' | 'ocean-border-prominent' | 'ocean-border-subtle' | 'orange-border' | 'orange-border-prominent' | 'orange-border-subtle' | 'pink-border' | 'pink-border-prominent' | 'pink-border-subtle' | 'sunshine-border' | 'sunshine-border-prominent' | 'sunshine-border-subtle' | 'teal-border' | 'teal-border-prominent' | 'teal-border-subtle' | 'coal-avatar-background' | 'coral-avatar-background' | 'cyan-avatar-background' | 'light-coal-avatar-background' | 'light-coral-avatar-background' | 'light-cyan-avatar-background' | 'light-lilac-avatar-background' | 'light-lime-avatar-background' | 'light-moss-avatar-background' | 'light-ocean-avatar-background' | 'light-orange-avatar-background' | 'light-pink-avatar-background' | 'light-sunshine-avatar-background' | 'light-teal-avatar-background' | 'lilac-avatar-background' | 'lime-avatar-background' | 'moss-avatar-background' | 'ocean-avatar-background' | 'orange-avatar-background' | 'pink-avatar-background' | 'sunshine-avatar-background' | 'teal-avatar-background' | 'coral-comment-background' | 'cyan-comment-background' | 'lime-comment-background' | 'coal-cursor-background' | 'coal-cursor-border' | 'coal-cursor-border-prominent' | 'coral-cursor-background' | 'coral-cursor-border' | 'coral-cursor-border-prominent' | 'cyan-cursor-background' | 'cyan-cursor-border' | 'cyan-cursor-border-prominent' | 'light-coal-cursor-background' | 'light-coral-cursor-background' | 'light-cursor-background' | 'light-cyan-cursor-background' | 'light-lilac-cursor-background' | 'light-lime-cursor-background' | 'light-moss-cursor-background' | 'light-orange-cursor-background' | 'light-pink-cursor-background' | 'light-sunshine-cursor-background' | 'light-teal-cursor-background' | 'lilac-cursor-background' | 'lilac-cursor-border' | 'lilac-cursor-border-prominent' | 'lime-cursor-background' | 'lime-cursor-border' | 'lime-cursor-border-prominent' | 'moss-cursor-background' | 'moss-cursor-border' | 'moss-cursor-border-prominent' | 'ocean-cursor-background' | 'ocean-cursor-border' | 'ocean-cursor-border-prominent' | 'orange-cursor-background' | 'orange-cursor-border' | 'orange-cursor-border-prominent' | 'pink-cursor-background' | 'pink-cursor-border-prominent' | 'pink-cursor-coal-border' | 'sunshine-cursor-background' | 'sunshine-cursor-border' | 'susnhine-cursor-border-prominent' | 'teal-cursor-background' | 'teal-cursor-border' | 'teal-cursor-border-prominent' | 'black-sticky-background' | 'coral-sticky-background' | 'cyan-sticky-background' | 'light-coal-sticky-background' | 'light-lime-sticky-background' | 'light-ocean-sticky-background' | 'light-pink-sticky-background' | 'light-sunshine-sticky-background' | 'lilac-sticky-background' | 'lime-sticky-background' | 'moss-sticky-background' | 'ocean-sticky-background' | 'orange-sticky-background' | 'pink-sticky-background' | 'sunshine-sticky-background' | 'teal-sticky-background' | 'coal-icon' | 'coal-icon-mild' | 'coal-icon-subtle' | 'coral-icon' | 'coral-icon-mild' | 'coral-icon-subtle' | 'cyan-icon' | 'cyan-icon-mild' | 'cyan-icon-subtle' | 'lilac-icon' | 'lilac-icon-mild' | 'lilac-icon-subtle' | 'lime-icon' | 'lime-icon-mild' | 'lime-icon-subtle' | 'moss-icon' | 'moss-icon-mild' | 'moss-icon-subtle' | 'ocean-icon' | 'ocean-icon-mild' | 'ocean-icon-subtle' | 'orange-icon' | 'orange-icon-mild' | 'orange-icon-subtle' | 'pink-icon' | 'pink-icon-mild' | 'pink-icon-subtle' | 'sunshine-icon' | 'sunshine-icon-mild' | 'sunshine-icon-subtle' | 'teal-icon' | 'teal-icon-mild' | 'teal-icon-subtle' | 'coal-text' | 'coal-text-mild' | 'coal-text-subtle' | 'coral-text' | 'coral-text-mild' | 'coral-text-subtle' | 'cyan-text' | 'cyan-text-mild' | 'cyan-text-subtle' | 'lilac-text' | 'lilac-text-mild' | 'lilac-text-subtle' | 'lime-text' | 'lime-text-mild' | 'lime-text-subtle' | 'moss-text' | 'moss-text-mild' | 'moss-text-subtle' | 'ocean-text' | 'ocean-text-mild' | 'ocean-text-subtle' | 'orange-text' | 'orange-text-mild' | 'orange-text-subtle' | 'pink-text' | 'pink-text-mild' | 'pink-text-subtle' | 'sunshine-text' | 'sunshine-text-mild' | 'sunshine-text-subtle' | 'teal-text' | 'teal-text-mild' | 'teal-text-subtle';
 
 declare const aliasShadows: {
     readonly focus: "0 0 0 2px $colors$border-focus-inner, 0 0 0 4px $colors$focus-keyboard";
@@ -13,6 +13,31 @@ declare const aliasShadows: {
 };
 type AliasShadows = 50 | 100 | keyof typeof aliasShadows;
 
+/**
+ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
+ */
+declare const radii: {
+    readonly 'avatar-group': "$50";
+    readonly 'avatar-people': "$round";
+    readonly 'avatar-team': "$50";
+    readonly button: "$50";
+    readonly calendar: "$100";
+    readonly card: "$100";
+    readonly checkbox: "$50";
+    readonly dropdown: "$100";
+    readonly input: "$50";
+    readonly 'list-item': "$50";
+    readonly notification: "$100";
+    readonly panel: "$150";
+    readonly popover: "$100";
+    readonly tag: "$50";
+    readonly toolbar: "$100";
+    readonly 'toolbar-item': "$50";
+    readonly tooltip: "$100";
+};
+
+type AliasRadii = keyof typeof radii;
+type Radius = `$${Radii}` | `$${AliasRadii}` | (string & {});
 type Color = `$${Colors}` | `$${AliasColors}` | (string & {});
 type Theme = {
     colors: {
@@ -31,4 +56,4 @@ declare const newDark: Theme;
 declare const base: Theme;
 
 export { base, dark, light, newDark, newLight };
-export type { AliasColors, AliasShadows, Color, Theme };
+export type { AliasColors, AliasRadii, AliasShadows, Color, Radius, Theme };

package/light.css

@@ -6,10 +6,8 @@
   --colors-background-alpha: var(--colors-alpha-gray-100);
   --colors-background-alpha-active: var(--colors-alpha-gray-50);
   --colors-background-alpha-hover: var(--colors-alpha-gray-100);
-  --colors-background-alpha-neutrals-overlay: #12193e66;
-  --colors-background-alpha-neutrals-overlay-subtle: var(
-    --colors-alpha-black-200
-  );
+  --colors-background-alpha-neutrals-overlay: #12193E66;
+  --colors-background-alpha-neutrals-overlay-subtle: var(--colors-alpha-black-200);
   --colors-background-alpha-subtle: var(--colors-alpha-gray-50);
   --colors-background-canvas: var(--colors-gray-50);
   --colors-background-disabled: var(--colors-gray-150);
@@ -42,6 +40,7 @@
   --colors-background-interactive-secondary-selected: var(--colors-blue-150);
   --colors-background-interactive-selected: var(--colors-blue-500);
   --colors-background-interactive-surface-hover: var(--colors-gray-100);
+  --colors-background-interactive-surface-secondary-hover: var(--colors-gray-150);
   --colors-background-interactive-surface-pressed: var(--colors-gray-150);
   --colors-background-interactive-surface-secondary-hover: var(
     --colors-gray-150
@@ -114,13 +113,13 @@
   --colors-border-focus-error-inner: var(--colors-white);
   --colors-border-focus-error-middle: var(--colors-blue-400);
   --colors-border-focus-error-outer: var(--colors-blue-200);
-  --colors-border-focus-inner: #ffffff;
+  --colors-border-focus-inner: #FFFFFF;
   --colors-border-focus-middle: var(--colors-blue-400);
   --colors-border-focus-outer: var(--colors-blue-200);
   --colors-border-focus-success-inner: var(--colors-white);
   --colors-border-focus-success-middle: var(--colors-blue-400);
   --colors-border-focus-success-outer: var(--colors-blue-200);
-  --colors-focus-keyboard: #2b4df8;
+  --colors-focus-keyboard: #2B4DF8;
   --colors-border-interactive-danger: var(--colors-red-500);
   --colors-border-interactive-danger-hover: var(--colors-red-550);
   --colors-border-interactive-danger-pressed: var(--colors-red-600);
@@ -231,9 +230,24 @@
   --colors-input-border-focused: var(--colors-blue-550);
   --colors-input-border-hover: var(--colors-blue-550);
   --colors-input-border-success: var(--colors-green-500);
-  --colors-notification-background: var(--colors-gray-850);
-  --colors-notification-border: var(--colors-gray-450);
-  --colors-notification-border-subtle: var(--colors-gray-750);
+  --colors-notification-background-announcement: var(--colors-blue-200);
+  --colors-notification-background-danger: var(--colors-red-500);
+  --colors-notification-background-info: var(--colors-blue-500);
+  --colors-notification-background-inverted: var(--colors-gray-850);
+  --colors-notification-background-static: var(--colors-gray-850);
+  --colors-notification-background-warning: var(--colors-yellow-500);
+  --colors-notification-border-inverted: var(--colors-gray-450);
+  --colors-notification-border-inverted-subtle: var(--colors-gray-750);
+  --colors-notification-border-static: var(--colors-gray-450);
+  --colors-notification-border-static-subtle: var(--colors-gray-750);
+  --colors-notification-icon-on-announcement: var(--colors-blue-800);
+  --colors-notification-icon-on-danger: var(--colors-white);
+  --colors-notification-icon-on-info: var(--colors-white);
+  --colors-notification-icon-on-warning: var(--colors-yellow-800);
+  --colors-notification-text-on-announcement: var(--colors-blue-800);
+  --colors-notification-text-on-danger: var(--colors-white);
+  --colors-notification-text-on-info: var(--colors-white);
+  --colors-notification-text-on-warning: var(--colors-yellow-800);
   --colors-popover-background: var(--colors-gray-900);
   --colors-popover-border: var(--colors-gray-450);
   --colors-scrollbar-background: var(--colors-gray-300);
@@ -268,9 +282,7 @@
   --colors-icon-interactive-on-inverted-pressed: var(--colors-gray-100);
   --colors-icon-interactive-on-inverted-secondary: var(--colors-gray-150);
   --colors-icon-interactive-on-inverted-secondary-hover: var(--colors-gray-200);
-  --colors-icon-interactive-on-inverted-secondary-pressed: var(
-    --colors-gray-250
-  );
+  --colors-icon-interactive-on-inverted-secondary-pressed: var(--colors-gray-250);
   --colors-icon-interactive-primary: var(--colors-blue-500);
   --colors-icon-interactive-primary-hover: var(--colors-blue-550);
   --colors-icon-interactive-primary-pressed: var(--colors-blue-600);
@@ -330,9 +342,7 @@
   --colors-text-interactive-on-inverted-pressed: var(--colors-gray-100);
   --colors-text-interactive-on-inverted-secondary: var(--colors-gray-150);
   --colors-text-interactive-on-inverted-secondary-hover: var(--colors-gray-200);
-  --colors-text-interactive-on-inverted-secondary-pressed: var(
-    --colors-gray-250
-  );
+  --colors-text-interactive-on-inverted-secondary-pressed: var(--colors-gray-250);
   --colors-text-interactive-primary: var(--colors-blue-500);
   --colors-text-interactive-primary-hover: var(--colors-blue-550);
   --colors-text-interactive-primary-pressed: var(--colors-blue-600);
@@ -558,7 +568,7 @@
   --colors-black-sticky-background: #151515;
   --colors-coral-sticky-background: var(--colors-coral-400);
   --colors-cyan-sticky-background: var(--colors-cyan-400);
-  --colors-light-coal-sticky-background: #f3f5f7;
+  --colors-light-coal-sticky-background: #F3F5F7;
   --colors-light-lime-sticky-background: var(--colors-lime-250);
   --colors-light-ocean-sticky-background: var(--colors-ocean-250);
   --colors-light-pink-sticky-background: var(--colors-pink-250);
@@ -637,11 +647,24 @@
   --colors-teal-text: var(--colors-teal-900);
   --colors-teal-text-mild: var(--colors-teal-700);
   --colors-teal-text-subtle: var(--colors-teal-100);
+  --radii-avatar-people: var(--radii-round);
+  --radii-avatar-team: var(--radii-50);
+  --radii-avatar-group: var(--radii-50);
+  --radii-dropdown: var(--radii-100);
+  --radii-toolbar: var(--radii-100);
+  --radii-toolbar-item: var(--radii-50);
+  --radii-input: var(--radii-50);
+  --radii-button: var(--radii-50);
+  --radii-popup: var(--radii-100);
+  --radii-tooltip: var(--radii-100);
+  --radii-checkbox: var(--radii-50);
+  --radii-list-item: var(--radii-50);
+  --radii-calendar: var(--radii-50);
+  --radii-tag: var(--radii-50);
   --shadows-50: 0 4px 16px rgba(5, 0, 56, 0.07);
   --shadows-100: 0 8px 32px rgba(5, 0, 56, 0.03);
-  --shadows-focus: 0 0 0 2px var(--colors-border-focus-inner),
-    0 0 0 4px var(--colors-focus-keyboard);
+  --shadows-focus: 0 0 0 2px var(--colors-border-focus-inner), 0 0 0 4px var(--colors-focus-keyboard);
   --shadows-elevation-0: 0 0 0 1px var(--colors-gray-200);
   --shadows-elevation-100: 0 2px 4px 0px #22242814;
-  --shadows-elevation-200: 0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280a;
+  --shadows-elevation-200: 0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280A;
 }

package/metadata.json

@@ -665,20 +665,65 @@
   "inputBorderSuccess": {
     "description": "The component-specific border for input fields in a validation success state. Use within Input, Textarea, and Select components when the entered value passes validation. Do not use for general success containers; use `status-border-success` for those."
   },
-  "notificationBackground": {
+  "notificationBackgroundAnnouncement": {
     "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
   },
-  "notificationBorder": {
+  "notificationBackgroundDanger": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationBackgroundInfo": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationBackgroundInverted": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationBackgroundStatic": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationBackgroundWarning": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationBorderInverted": {
+    "description": "The component-specific border color for notification and toast components. Use within Notification and Toast components to define the visible container edge. Do not use for status banners; use `status-border-info`, `status-border-error`, `status-border-warning`, or `status-border-success` for those."
+  },
+  "notificationBorderInvertedSubtle": {
+    "description": "The component-specific subtle border for notification and toast components — a softer edge option for notifications that need reduced visual weight. Use when the standard notification border is too prominent. Do not use as the default notification border; use `notification-border` for that."
+  },
+  "notificationBorderStatic": {
     "description": "The component-specific border color for notification and toast components. Use within Notification and Toast components to define the visible container edge. Do not use for status banners; use `status-border-info`, `status-border-error`, `status-border-warning`, or `status-border-success` for those."
   },
-  "notificationBorderSubtle": {
+  "notificationBorderStaticSubtle": {
     "description": "The component-specific subtle border for notification and toast components — a softer edge option for notifications that need reduced visual weight. Use when the standard notification border is too prominent. Do not use as the default notification border; use `notification-border` for that."
   },
+  "notificationIconOnAnnouncement": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationIconOnDanger": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationIconOnInfo": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationIconOnWarning": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationTextOnAnnouncement": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationTextOnDanger": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationTextOnInfo": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
+  "notificationTextOnWarning": {
+    "description": "The component-specific background for in-app notification and toast components. Use within Notification and Toast components as the default surface fill. Do not use for status banners or alert panels; those use semantic status background tokens."
+  },
   "popoverBackground": {
-    "description": "The background color for the Popover component. Use exclusively within the Popover component. Do not use for any other floating surface; use `tooltip-background` for tooltips, `background-elevated` for dialogs."
+    "description": ""
   },
   "popoverBorder": {
-    "description": "Border for the Popover component. Use to define the visible edge of Popover surfaces. Do not use for Tooltip borders; tooltips do not use a border token. Do not use for modal or dialog borders; those are separate surface types."
+    "description": ""
   },
   "scrollbarBackground": {
     "description": "The background color for scrollbar tracks and inactive scrollbar components. Use exclusively within scrollbar elements. Do not use for any other background surface; use semantic background tokens for those."

package/new-dark.css

@@ -6,10 +6,8 @@
   --colors-background-alpha: var(--colors-alpha-black-100);
   --colors-background-alpha-active: var(--colors-alpha-black-50);
   --colors-background-alpha-hover: var(--colors-alpha-black-100);
-  --colors-background-alpha-neutrals-overlay: #12193e66;
-  --colors-background-alpha-neutrals-overlay-subtle: var(
-    --colors-alpha-black-200
-  );
+  --colors-background-alpha-neutrals-overlay: #12193E66;
+  --colors-background-alpha-neutrals-overlay-subtle: var(--colors-alpha-black-200);
   --colors-background-alpha-subtle: var(--colors-alpha-black-50);
   --colors-background-canvas: var(--colors-gray-900);
   --colors-background-disabled: var(--colors-ink-650);
@@ -42,6 +40,7 @@
   --colors-background-interactive-secondary-selected: var(--colors-blue-700);
   --colors-background-interactive-selected: var(--colors-blue-500);
   --colors-background-interactive-surface-hover: var(--colors-ink-750);
+  --colors-background-interactive-surface-secondary-hover: var(--colors-ink-650);
   --colors-background-interactive-surface-pressed: var(--colors-ink-700);
   --colors-background-interactive-surface-secondary-hover: var(
     --colors-ink-650
@@ -114,13 +113,13 @@
   --colors-border-focus-error-inner: var(--colors-gray-950);
   --colors-border-focus-error-middle: var(--colors-blue-350);
   --colors-border-focus-error-outer: var(--colors-blue-550);
-  --colors-border-focus-inner: #1a1b1e;
+  --colors-border-focus-inner: #1A1B1E;
   --colors-border-focus-middle: var(--colors-blue-350);
   --colors-border-focus-outer: var(--colors-blue-550);
   --colors-border-focus-success-inner: var(--colors-gray-950);
   --colors-border-focus-success-middle: var(--colors-blue-350);
   --colors-border-focus-success-outer: var(--colors-blue-550);
-  --colors-focus-keyboard: #2b4df8;
+  --colors-focus-keyboard: #2B4DF8;
   --colors-border-interactive-danger: var(--colors-red-500);
   --colors-border-interactive-danger-hover: var(--colors-red-450);
   --colors-border-interactive-danger-pressed: var(--colors-red-400);
@@ -231,9 +230,24 @@
   --colors-input-border-focused: var(--colors-blue-450);
   --colors-input-border-hover: var(--colors-ink-400);
   --colors-input-border-success: var(--colors-green-400);
-  --colors-notification-background: var(--colors-ink-50);
-  --colors-notification-border: var(--colors-ink-500);
-  --colors-notification-border-subtle: var(--colors-ink-200);
+  --colors-notification-background-announcement: var(--colors-blue-200);
+  --colors-notification-background-danger: var(--colors-red-500);
+  --colors-notification-background-info: var(--colors-blue-500);
+  --colors-notification-background-inverted: var(--colors-ink-50);
+  --colors-notification-background-static: var(--colors-ink-850);
+  --colors-notification-background-warning: var(--colors-yellow-500);
+  --colors-notification-border-inverted: var(--colors-ink-500);
+  --colors-notification-border-inverted-subtle: var(--colors-ink-200);
+  --colors-notification-border-static: var(--colors-ink-500);
+  --colors-notification-border-static-subtle: var(--colors-ink-700);
+  --colors-notification-icon-on-announcement: var(--colors-blue-800);
+  --colors-notification-icon-on-danger: var(--colors-white);
+  --colors-notification-icon-on-info: var(--colors-white);
+  --colors-notification-icon-on-warning: var(--colors-yellow-800);
+  --colors-notification-text-on-announcement: var(--colors-blue-800);
+  --colors-notification-text-on-danger: var(--colors-white);
+  --colors-notification-text-on-info: var(--colors-white);
+  --colors-notification-text-on-warning: var(--colors-yellow-800);
   --colors-popover-background: var(--colors-cloud-800);
   --colors-popover-border: var(--colors-cloud-600);
   --colors-scrollbar-background: var(--colors-ink-700);
@@ -268,9 +282,7 @@
   --colors-icon-interactive-on-inverted-pressed: var(--colors-ink-800);
   --colors-icon-interactive-on-inverted-secondary: var(--colors-ink-700);
   --colors-icon-interactive-on-inverted-secondary-hover: var(--colors-ink-650);
-  --colors-icon-interactive-on-inverted-secondary-pressed: var(
-    --colors-ink-600
-  );
+  --colors-icon-interactive-on-inverted-secondary-pressed: var(--colors-ink-600);
   --colors-icon-interactive-primary: var(--colors-blue-500);
   --colors-icon-interactive-primary-hover: var(--colors-blue-450);
   --colors-icon-interactive-primary-pressed: var(--colors-blue-400);
@@ -330,9 +342,7 @@
   --colors-text-interactive-on-inverted-pressed: var(--colors-ink-800);
   --colors-text-interactive-on-inverted-secondary: var(--colors-ink-750);
   --colors-text-interactive-on-inverted-secondary-hover: var(--colors-ink-650);
-  --colors-text-interactive-on-inverted-secondary-pressed: var(
-    --colors-ink-600
-  );
+  --colors-text-interactive-on-inverted-secondary-pressed: var(--colors-ink-600);
   --colors-text-interactive-primary: var(--colors-blue-500);
   --colors-text-interactive-primary-hover: var(--colors-blue-450);
   --colors-text-interactive-primary-pressed: var(--colors-blue-400);
@@ -384,7 +394,7 @@
   --colors-text-inverted-secondary: var(--colors-ink-700);
   --colors-text-muted: var(--colors-ink-400);
   --colors-text-on-disabled: var(--colors-ink-500);
-  --colors-text-on-static-dark: var(--colors-ink-50);
+  --colors-text-on-static-dark: var(--colors-white);
   --colors-text-on-static-dark-subtle: var(--colors-ink-300);
   --colors-text-on-static-light: var(--colors-ink-900);
   --colors-text-on-static-light-subtle: var(--colors-ink-700);
@@ -558,7 +568,7 @@
   --colors-black-sticky-background: #151515;
   --colors-coral-sticky-background: var(--colors-coral-400);
   --colors-cyan-sticky-background: var(--colors-cyan-400);
-  --colors-light-coal-sticky-background: #f3f5f7;
+  --colors-light-coal-sticky-background: #F3F5F7;
   --colors-light-lime-sticky-background: var(--colors-lime-250);
   --colors-light-ocean-sticky-background: var(--colors-ocean-250);
   --colors-light-pink-sticky-background: var(--colors-pink-250);
@@ -637,11 +647,28 @@
   --colors-teal-text: var(--colors-teal-900);
   --colors-teal-text-mild: var(--colors-teal-700);
   --colors-teal-text-subtle: var(--colors-teal-100);
+  --radii-avatar-people: var(--radii-round);
+  --radii-avatar-team: var(--radii-50);
+  --radii-avatar-group: var(--radii-50);
+  --radii-dropdown: var(--radii-250);
+  --radii-toolbar: var(--radii-200);
+  --radii-toolbar-item: var(--radii-150);
+  --radii-input: var(--radii-150);
+  --radii-button: var(--radii-100);
+  --radii-popup: var(--radii-100);
+  --radii-tooltip: var(--radii-100);
+  --radii-checkbox: var(--radii-75);
+  --radii-list-item: var(--radii-150);
+  --radii-tag: var(--radii-round);
+  --radii-calendar: var(--radii-250);
+  --shadows-50: 0 0 8px 0 rgba(9,9,9,.65);
+  --shadows-100: 0 0 16px 0 rgba(9,9,9,.65);
+  --shadows-focus: 0 0 0 2px var(--colors-border-focus-inner), 0 0 0 4px var(--colors-focus-keyboard);
   --shadows-50: 0 0 8px 0 rgba(9, 9, 9, 0.65);
   --shadows-100: 0 0 16px 0 rgba(9, 9, 9, 0.65);
   --shadows-focus: 0 0 0 2px var(--colors-border-focus-inner),
     0 0 0 4px var(--colors-focus-keyboard);
   --shadows-elevation-0: 0 0 0 1px var(--colors-gray-200);
   --shadows-elevation-100: 0 2px 4px 0px #22242814;
-  --shadows-elevation-200: 0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280a;
+  --shadows-elevation-200: 0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280A;
 }