@mirohq/design-system-themes 1.3.3 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/types.d.ts CHANGED
@@ -3,7 +3,7 @@ import { Colors } from '@mirohq/design-tokens';
3
3
  /**
4
4
  * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
5
5
  */
6
- 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-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-selected' | 'background-interactive-surface-hover' | 'background-interactive-surface-secondary-hover' | '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-static-dark' | 'border-static-dark-subtle' | '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' | '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-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-active' | 'input-background-alt-active' | 'input-background-alt-default' | 'input-background-alt-hover' | 'input-background-default' | 'input-background-disabled' | 'input-background-hover' | 'input-border-active' | 'input-border-default' | 'input-border-disabled' | 'input-border-error' | 'input-border-hover' | 'input-border-selection-control' | 'input-border-success' | 'notification-background' | 'notification-border' | 'notification-border-subtle' | 'popover-background' | 'popover-border' | 'scrollbar-background' | 'scrollbar-background-hover' | 'slider-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-placeholder' | 'icon-secondary' | 'icon-interactive-selected' | 'icon-link' | 'icon-link-hover' | 'icon-link-on-inverted' | 'icon-link-on-inverted-hover' | 'icon-link-on-inverted-pressed' | 'icon-link-on-inverted-secondary' | 'icon-link-on-inverted-secondary-hover' | 'icon-link-on-inverted-secondary-pressed' | 'icon-link-pressed' | 'icon-link-secondary' | 'icon-link-secondary-hover' | 'icon-link-secondary-pressed' | '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-selected' | 'text-link' | 'text-link-hover' | 'text-link-on-inverted' | 'text-link-on-inverted-hover' | 'text-link-on-inverted-pressed' | 'text-link-on-inverted-secondary' | 'text-link-on-inverted-secondary-hover' | 'text-link-on-inverted-secondary-pressed' | 'text-link-pressed' | 'text-link-secondary' | 'text-link-secondary-hover' | 'text-link-secondary-pressed' | '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-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';
6
+ 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-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-selected' | 'background-interactive-surface-hover' | 'background-interactive-surface-secondary-hover' | '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-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' | '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-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-active' | 'input-background-alt-active' | 'input-background-alt-default' | 'input-background-alt-hover' | 'input-background-default' | 'input-background-disabled' | '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-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-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';
7
7
 
8
8
  declare const aliasShadows: {
9
9
  readonly focus: "0 0 0 2px $colors$border-focus-inner, 0 0 0 4px $colors$focus-keyboard";
package/light.css CHANGED
@@ -92,6 +92,8 @@
92
92
  --colors-border-disabled: var(--colors-gray-150);
93
93
  --colors-border-inverted: var(--colors-white);
94
94
  --colors-border-inverted-subtle: var(--colors-gray-700);
95
+ --colors-border-option: var(--colors-gray-450);
96
+ --colors-border-option-hover: var(--colors-blue-550);
95
97
  --colors-border-static-dark: var(--colors-gray-450);
96
98
  --colors-border-static-dark-subtle: var(--colors-gray-750);
97
99
  --colors-border-strong: var(--colors-gray-400);
@@ -213,12 +215,11 @@
213
215
  --colors-input-background-default: var(--colors-white);
214
216
  --colors-input-background-disabled: var(--colors-gray-150);
215
217
  --colors-input-background-hover: var(--colors-white);
216
- --colors-input-border-active: var(--colors-blue-550);
217
218
  --colors-input-border-default: var(--colors-gray-200);
218
219
  --colors-input-border-disabled: var(--colors-transparent);
219
220
  --colors-input-border-error: var(--colors-red-500);
221
+ --colors-input-border-focused: var(--colors-blue-550);
220
222
  --colors-input-border-hover: var(--colors-blue-550);
221
- --colors-input-border-selection-control: var(--colors-gray-450);
222
223
  --colors-input-border-success: var(--colors-green-500);
223
224
  --colors-notification-background: var(--colors-gray-850);
224
225
  --colors-notification-border: var(--colors-gray-450);
@@ -228,6 +229,7 @@
228
229
  --colors-scrollbar-background: var(--colors-gray-300);
229
230
  --colors-scrollbar-background-hover: var(--colors-gray-350);
230
231
  --colors-slider-background: var(--colors-gray-300);
232
+ --colors-slider-control-background: var(--colors-white);
231
233
  --colors-slider-notch-background: var(--colors-gray-300);
232
234
  --colors-switch-background-default: var(--colors-gray-300);
233
235
  --colors-switch-background-hover: var(--colors-gray-350);
@@ -249,19 +251,21 @@
249
251
  --colors-icon-on-static-dark-subtle: var(--colors-gray-300);
250
252
  --colors-icon-placeholder: var(--colors-gray-475);
251
253
  --colors-icon-secondary: var(--colors-gray-500);
254
+ --colors-icon-interactive-on-inverted: var(--colors-white);
255
+ --colors-icon-interactive-on-inverted-hover: var(--colors-gray-50);
256
+ --colors-icon-interactive-on-inverted-pressed: var(--colors-gray-100);
257
+ --colors-icon-interactive-on-inverted-secondary: var(--colors-gray-150);
258
+ --colors-icon-interactive-on-inverted-secondary-hover: var(--colors-gray-200);
259
+ --colors-icon-interactive-on-inverted-secondary-pressed: var(
260
+ --colors-gray-250
261
+ );
262
+ --colors-icon-interactive-primary: var(--colors-blue-500);
263
+ --colors-icon-interactive-primary-hover: var(--colors-blue-550);
264
+ --colors-icon-interactive-primary-pressed: var(--colors-blue-600);
265
+ --colors-icon-interactive-secondary: var(--colors-gray-500);
266
+ --colors-icon-interactive-secondary-hover: var(--colors-gray-550);
267
+ --colors-icon-interactive-secondary-pressed: var(--colors-gray-600);
252
268
  --colors-icon-interactive-selected: var(--colors-blue-550);
253
- --colors-icon-link: var(--colors-blue-500);
254
- --colors-icon-link-hover: var(--colors-blue-550);
255
- --colors-icon-link-on-inverted: var(--colors-white);
256
- --colors-icon-link-on-inverted-hover: var(--colors-gray-50);
257
- --colors-icon-link-on-inverted-pressed: var(--colors-gray-100);
258
- --colors-icon-link-on-inverted-secondary: var(--colors-gray-150);
259
- --colors-icon-link-on-inverted-secondary-hover: var(--colors-gray-200);
260
- --colors-icon-link-on-inverted-secondary-pressed: var(--colors-gray-250);
261
- --colors-icon-link-pressed: var(--colors-blue-600);
262
- --colors-icon-link-secondary: var(--colors-gray-500);
263
- --colors-icon-link-secondary-hover: var(--colors-gray-550);
264
- --colors-icon-link-secondary-pressed: var(--colors-gray-600);
265
269
  --colors-icon-on-interactive-danger: var(--colors-white);
266
270
  --colors-icon-on-interactive-primary: var(--colors-white);
267
271
  --colors-icon-on-interactive-secondary: var(--colors-gray-900);
@@ -309,19 +313,21 @@
309
313
  --colors-text-danger-hover: var(--colors-red-550);
310
314
  --colors-text-danger-inverted: var(--colors-red-50);
311
315
  --colors-text-danger-pressed: var(--colors-red-600);
316
+ --colors-text-interactive-on-inverted: var(--colors-white);
317
+ --colors-text-interactive-on-inverted-hover: var(--colors-gray-50);
318
+ --colors-text-interactive-on-inverted-pressed: var(--colors-gray-100);
319
+ --colors-text-interactive-on-inverted-secondary: var(--colors-gray-150);
320
+ --colors-text-interactive-on-inverted-secondary-hover: var(--colors-gray-200);
321
+ --colors-text-interactive-on-inverted-secondary-pressed: var(
322
+ --colors-gray-250
323
+ );
324
+ --colors-text-interactive-primary: var(--colors-blue-500);
325
+ --colors-text-interactive-primary-hover: var(--colors-blue-550);
326
+ --colors-text-interactive-primary-pressed: var(--colors-blue-600);
327
+ --colors-text-interactive-secondary: var(--colors-gray-500);
328
+ --colors-text-interactive-secondary-hover: var(--colors-gray-550);
329
+ --colors-text-interactive-secondary-pressed: var(--colors-gray-600);
312
330
  --colors-text-interactive-selected: var(--colors-blue-550);
313
- --colors-text-link: var(--colors-blue-500);
314
- --colors-text-link-hover: var(--colors-blue-550);
315
- --colors-text-link-on-inverted: var(--colors-white);
316
- --colors-text-link-on-inverted-hover: var(--colors-gray-50);
317
- --colors-text-link-on-inverted-pressed: var(--colors-gray-100);
318
- --colors-text-link-on-inverted-secondary: var(--colors-gray-150);
319
- --colors-text-link-on-inverted-secondary-hover: var(--colors-gray-200);
320
- --colors-text-link-on-inverted-secondary-pressed: var(--colors-gray-250);
321
- --colors-text-link-pressed: var(--colors-blue-600);
322
- --colors-text-link-secondary: var(--colors-gray-500);
323
- --colors-text-link-secondary-hover: var(--colors-gray-550);
324
- --colors-text-link-secondary-pressed: var(--colors-gray-600);
325
331
  --colors-text-on-interactive-danger: var(--colors-white);
326
332
  --colors-text-on-interactive-primary: var(--colors-white);
327
333
  --colors-text-on-interactive-secondary: var(--colors-gray-900);