// Component application
// Depends on semantic applications
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.6.0

// Accordion

// scss-docs-start ouds-component-accordion
$ouds-accordion-faq-size-expanding-indicator-desktop: $ouds-size-icon-with-label-large-size-medium !default;
$ouds-accordion-faq-size-expanding-indicator-mobile: $ouds-size-icon-with-label-large-size-small !default;
$ouds-accordion-faq-size-expanding-indicator-tablet: $ouds-size-icon-with-label-large-size-small !default;
$ouds-accordion-faq-size-icon-desktop: $ouds-size-icon-with-label-xlarge-size-medium !default;
$ouds-accordion-faq-size-icon-mobile: $ouds-size-icon-with-label-large-size-medium !default;
$ouds-accordion-faq-size-icon-tablet: $ouds-size-icon-with-label-large-size-medium !default;
$ouds-accordion-faq-size-min-height-desktop: $core-ouds-dimension-800 !default;
$ouds-accordion-faq-size-min-height-mobile: $core-ouds-dimension-650 !default;
$ouds-accordion-faq-size-min-height-tablet: $core-ouds-dimension-650 !default;
$ouds-accordion-faq-space-column-gap-desktop: $ouds-space-column-gap-large !default;
$ouds-accordion-faq-space-column-gap-mobile: $ouds-space-column-gap-medium !default;
$ouds-accordion-faq-space-column-gap-tablet: $ouds-space-column-gap-medium !default;
$ouds-accordion-faq-space-padding-block-bottom-expand-container-desktop: $ouds-space-padding-block-4xlarge !default;
$ouds-accordion-faq-space-padding-block-bottom-expand-container-mobile: $ouds-space-padding-block-3xlarge !default;
$ouds-accordion-faq-space-padding-block-bottom-expand-container-tablet: $ouds-space-padding-block-3xlarge !default;
$ouds-accordion-faq-space-padding-block-bottom-slot-list-item-container-desktop: $ouds-space-padding-block-xlarge !default;
$ouds-accordion-faq-space-padding-block-bottom-slot-list-item-container-mobile: $ouds-space-padding-block-large !default;
$ouds-accordion-faq-space-padding-block-bottom-slot-list-item-container-tablet: $ouds-space-padding-block-large !default;
$ouds-accordion-faq-space-padding-block-desktop: $ouds-space-padding-block-large !default;
$ouds-accordion-faq-space-padding-block-mobile: $ouds-space-padding-block-medium !default;
$ouds-accordion-faq-space-padding-block-tablet: $ouds-space-padding-block-medium !default;
$ouds-accordion-space-padding-block-bottom-expand-container-default: $ouds-space-padding-block-3xlarge !default;
$ouds-accordion-space-padding-block-bottom-expand-container-small: $ouds-space-padding-block-2xlarge !default;
$ouds-accordion-space-padding-block-top-expand-container: $ouds-space-padding-block-xsmall !default;
// scss-docs-end ouds-component-accordion

// Alert

// scss-docs-start ouds-component-alert
$ouds-alert-border-radius-default: $ouds-border-radius-default !default;
$ouds-alert-border-radius-rounded: $ouds-border-radius-large !default;
$ouds-alert-border-width: $ouds-border-width-none !default;
$ouds-alert-size-icon: $ouds-size-icon-with-label-large-size-small !default;
$ouds-alert-size-min-height-bottom-action-placement: $core-ouds-dimension-1050 !default;
$ouds-alert-size-min-height: $ouds-size-min-interactive-area-default !default;
$ouds-alert-size-min-width: $core-ouds-dimension-1800 !default;
$ouds-alert-space-column-gap-action: $ouds-space-column-gap-small !default;
$ouds-alert-space-column-gap: $ouds-space-column-gap-medium !default;
$ouds-alert-space-padding-block: $ouds-space-padding-block-medium !default;
$ouds-alert-space-padding-inline: $ouds-space-padding-inline-large !default;
$ouds-alert-space-row-gap-action: $ouds-space-row-gap-2xsmall !default;
$ouds-alert-space-row-gap-bullet: $ouds-space-row-gap-2xsmall !default;
$ouds-alert-space-row-gap: $ouds-space-row-gap-small !default;
// scss-docs-end ouds-component-alert

// Badge

// scss-docs-start ouds-component-badge
$ouds-badge-size-large: $ouds-dimension-3xsmall !default;
$ouds-badge-size-medium: $ouds-dimension-4xsmall !default;
$ouds-badge-size-small: $ouds-dimension-5xsmall !default;
$ouds-badge-size-xsmall: $ouds-dimension-8xsmall !default;
$ouds-badge-space-inset-medium-large: $core-ouds-dimension-out-of-system-75 !default;
$ouds-badge-space-inset-small: $core-ouds-dimension-out-of-system-50 !default;
$ouds-badge-space-inset-xsmall: $core-ouds-dimension-out-of-system-25 !default;
$ouds-badge-space-padding-inline-large: $ouds-space-padding-inline-2xsmall !default;
$ouds-badge-space-padding-inline-medium: $ouds-space-padding-inline-3xsmall !default;
// scss-docs-end ouds-component-badge

// Breadcrumb

// scss-docs-start ouds-component-breadcrumb
$ouds-breadcrumb-size-icon: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-breadcrumb-space-column-gap-links: $ouds-space-column-gap-2xsmall !default;
// scss-docs-end ouds-component-breadcrumb

// Bullet

// scss-docs-start ouds-component-bullet
$ouds-bullet-list-space-column-gap-body-large: $ouds-space-column-gap-small !default;
$ouds-bullet-list-space-column-gap-body-medium: $ouds-space-column-gap-small !default;
$ouds-bullet-list-space-padding-block-body-large: $ouds-space-padding-block-2xsmall !default;
$ouds-bullet-list-space-padding-block-body-medium: $ouds-space-padding-block-2xsmall !default;
$ouds-bullet-list-space-padding-inline-level-0: $core-ouds-dimension-50 !default;
$ouds-bullet-list-space-padding-inline-level-1: $core-ouds-dimension-450 !default;
$ouds-bullet-list-space-padding-inline-level-2: $core-ouds-dimension-850 !default;
// scss-docs-end ouds-component-bullet

// Button

// scss-docs-start ouds-component-button
$ouds-button-border-radius-ai-icon-only: $ouds-border-radius-pill !default;
$ouds-button-border-radius-default: $ouds-border-radius-default !default;
$ouds-button-border-radius-rounded: $ouds-border-radius-medium !default;
$ouds-button-border-radius-social: $ouds-border-radius-pill !default;
$ouds-button-border-width-ai-interaction: $ouds-border-width-medium !default;
$ouds-button-border-width-ai: $ouds-border-width-default !default;
$ouds-button-border-width-default-interaction-mono: $ouds-border-width-none !default;
$ouds-button-border-width-default-interaction: $ouds-border-width-medium !default;
$ouds-button-border-width-default: $ouds-border-width-default !default;
$ouds-button-color-bg-ai-disabled: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-ai-enabled: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-ai-focus: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-ai-hover: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-ai-loading: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-ai-pressed: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-brand-enabled: $ouds-color-surface-brand-primary !default;
$ouds-button-color-bg-brand-focus: $ouds-color-action-focus !default;
$ouds-button-color-bg-brand-hover: $ouds-color-action-hover !default;
$ouds-button-color-bg-brand-loading: var(--#{$prefix}button-color-bg-brand-loading) !default;
$ouds-button-color-bg-brand-pressed: var(--#{$prefix}button-color-bg-brand-pressed) !default;
$ouds-button-color-bg-default-disabled: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-default-enabled: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-default-focus: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-default-hover: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-default-loading: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-default-pressed: $ouds-color-opacity-transparent !default;
$ouds-button-color-bg-minimal-focus: $ouds-color-action-support-focus !default;
$ouds-button-color-bg-minimal-hover: $ouds-color-action-support-hover !default;
$ouds-button-color-bg-minimal-pressed: $ouds-color-action-support-pressed !default;
$ouds-button-color-border-ai-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-border-ai-enabled: $ouds-color-opacity-transparent !default;
$ouds-button-color-border-ai-focus: $ouds-color-opacity-transparent !default;
$ouds-button-color-border-ai-hover: $ouds-color-opacity-transparent !default;
$ouds-button-color-border-ai-loading: $ouds-color-opacity-transparent !default;
$ouds-button-color-border-ai-pressed: $ouds-color-opacity-transparent !default;
$ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-border-default-enabled: $ouds-color-action-enabled !default;
$ouds-button-color-border-default-focus: $ouds-color-action-focus !default;
$ouds-button-color-border-default-hover: $ouds-color-action-hover !default;
$ouds-button-color-border-default-loading: $ouds-color-action-loading !default;
$ouds-button-color-border-default-pressed: $ouds-color-action-pressed !default;
$ouds-button-color-content-ai-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-content-ai-enabled: $ouds-color-action-enabled !default;
$ouds-button-color-content-ai-focus: $ouds-color-action-focus !default;
$ouds-button-color-content-ai-hover: $ouds-color-action-hover !default;
$ouds-button-color-content-ai-loading: $ouds-color-action-loading !default;
$ouds-button-color-content-ai-pressed: $ouds-color-action-pressed !default;
$ouds-button-color-content-brand-enabled: $ouds-color-content-on-brand-primary !default;
$ouds-button-color-content-brand-focus: $ouds-color-content-on-action-focus !default;
$ouds-button-color-content-brand-hover: $ouds-color-content-on-action-hover !default;
$ouds-button-color-content-brand-loading: var(--#{$prefix}button-color-content-brand-loading) !default;
$ouds-button-color-content-brand-pressed: var(--#{$prefix}button-color-content-brand-pressed) !default;
$ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-content-default-enabled: $ouds-color-action-enabled !default;
$ouds-button-color-content-default-focus: $ouds-color-action-focus !default;
$ouds-button-color-content-default-hover: $ouds-color-action-hover !default;
$ouds-button-color-content-default-loading: $ouds-color-action-loading !default;
$ouds-button-color-content-default-pressed: $ouds-color-action-pressed !default;
$ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default;
$ouds-button-color-content-minimal-enabled: $ouds-color-action-enabled !default;
$ouds-button-color-content-minimal-focus: $ouds-color-action-focus !default;
$ouds-button-color-content-minimal-hover: $ouds-color-action-hover !default;
$ouds-button-color-content-minimal-loading: $ouds-color-content-default !default;
$ouds-button-color-content-minimal-pressed: $ouds-color-action-pressed !default;
$ouds-button-mono-color-bg-default-disabled: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-bg-default-enabled: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-bg-default-focus: var(--#{$prefix}button-mono-color-bg-default-focus) !default;
$ouds-button-mono-color-bg-default-hover: var(--#{$prefix}button-mono-color-bg-default-hover) !default;
$ouds-button-mono-color-bg-default-loading: var(--#{$prefix}button-mono-color-bg-default-loading) !default;
$ouds-button-mono-color-bg-default-pressed: var(--#{$prefix}button-mono-color-bg-default-pressed) !default;
$ouds-button-mono-color-bg-minimal-focus: var(--#{$prefix}button-mono-color-bg-minimal-focus) !default;
$ouds-button-mono-color-bg-minimal-hover: var(--#{$prefix}button-mono-color-bg-minimal-hover) !default;
$ouds-button-mono-color-bg-minimal-pressed: var(--#{$prefix}button-mono-color-bg-minimal-pressed) !default;
$ouds-button-mono-color-bg-strong-disabled: var(--#{$prefix}button-mono-color-bg-strong-disabled) !default;
$ouds-button-mono-color-bg-strong-enabled: var(--#{$prefix}button-mono-color-bg-strong-enabled) !default;
$ouds-button-mono-color-bg-strong-focus: var(--#{$prefix}button-mono-color-bg-strong-focus) !default;
$ouds-button-mono-color-bg-strong-hover: var(--#{$prefix}button-mono-color-bg-strong-hover) !default;
$ouds-button-mono-color-bg-strong-loading: var(--#{$prefix}button-mono-color-bg-strong-loading) !default;
$ouds-button-mono-color-bg-strong-pressed: var(--#{$prefix}button-mono-color-bg-strong-pressed) !default;
$ouds-button-mono-color-border-default-disabled: var(--#{$prefix}button-mono-color-border-default-disabled) !default;
$ouds-button-mono-color-border-default-enabled: var(--#{$prefix}button-mono-color-border-default-enabled) !default;
$ouds-button-mono-color-border-default-focus: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-border-default-hover: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-border-default-loading: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-border-default-pressed: $ouds-color-opacity-transparent !default;
$ouds-button-mono-color-content-default-disabled: var(--#{$prefix}button-mono-color-content-default-disabled) !default;
$ouds-button-mono-color-content-default-enabled: var(--#{$prefix}button-mono-color-content-default-enabled) !default;
$ouds-button-mono-color-content-default-focus: var(--#{$prefix}button-mono-color-content-default-focus) !default;
$ouds-button-mono-color-content-default-hover: var(--#{$prefix}button-mono-color-content-default-hover) !default;
$ouds-button-mono-color-content-default-loading: var(--#{$prefix}button-mono-color-content-default-loading) !default;
$ouds-button-mono-color-content-default-pressed: var(--#{$prefix}button-mono-color-content-default-pressed) !default;
$ouds-button-mono-color-content-minimal-disabled: var(--#{$prefix}button-mono-color-content-minimal-disabled) !default;
$ouds-button-mono-color-content-minimal-enabled: var(--#{$prefix}button-mono-color-content-minimal-enabled) !default;
$ouds-button-mono-color-content-minimal-focus: var(--#{$prefix}button-mono-color-content-minimal-focus) !default;
$ouds-button-mono-color-content-minimal-hover: var(--#{$prefix}button-mono-color-content-minimal-hover) !default;
$ouds-button-mono-color-content-minimal-loading: var(--#{$prefix}button-mono-color-content-minimal-loading) !default;
$ouds-button-mono-color-content-minimal-pressed: var(--#{$prefix}button-mono-color-content-minimal-pressed) !default;
$ouds-button-mono-color-content-strong-disabled: var(--#{$prefix}button-mono-color-content-strong-disabled) !default;
$ouds-button-mono-color-content-strong-enabled: var(--#{$prefix}button-mono-color-content-strong-enabled) !default;
$ouds-button-mono-color-content-strong-focus: var(--#{$prefix}button-mono-color-content-strong-focus) !default;
$ouds-button-mono-color-content-strong-hover: var(--#{$prefix}button-mono-color-content-strong-hover) !default;
$ouds-button-mono-color-content-strong-loading: var(--#{$prefix}button-mono-color-content-strong-loading) !default;
$ouds-button-mono-color-content-strong-pressed: var(--#{$prefix}button-mono-color-content-strong-pressed) !default;
$ouds-button-size-icon-default: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-button-size-icon-only-default: $ouds-size-icon-with-label-large-size-small !default;
$ouds-button-size-icon-only-small: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-button-size-icon-small: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-button-size-max-size-icon-only-default: $ouds-size-min-interactive-area-default !default;
$ouds-button-size-max-size-icon-only-small: $ouds-size-min-interactive-area-small !default;
$ouds-button-size-min-height-default: $ouds-size-min-interactive-area-default !default;
$ouds-button-size-min-height-small: $ouds-size-min-interactive-area-small !default;
$ouds-button-size-min-width-default: $ouds-size-min-interactive-area-default !default;
$ouds-button-size-min-width-small: $ouds-size-min-interactive-area-small !default;
$ouds-button-size-progress-indicator-default: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-button-size-progress-indicator-small: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-button-space-column-gap-chevron-default: $ouds-space-column-gap-xsmall !default;
$ouds-button-space-column-gap-chevron-small: $ouds-space-column-gap-2xsmall !default;
$ouds-button-space-column-gap-icon-chevron-default: $ouds-space-column-gap-2xsmall !default;
$ouds-button-space-column-gap-icon-chevron-small: $ouds-space-column-gap-3xsmall !default;
$ouds-button-space-column-gap-icon-default: $ouds-space-column-gap-xsmall !default;
$ouds-button-space-column-gap-icon-small: $ouds-space-column-gap-xsmall !default;
$ouds-button-space-inset-icon-only-default: $ouds-space-inset-medium !default;
$ouds-button-space-inset-icon-only-small: $ouds-space-inset-small !default;
$ouds-button-space-inset-progress-indicator-only-default: $ouds-space-inset-4xsmall !default;
$ouds-button-space-inset-progress-indicator-only-small: $ouds-space-inset-4xsmall !default;
$ouds-button-space-padding-block-default: $ouds-space-padding-block-medium !default;
$ouds-button-space-padding-block-small: $ouds-space-padding-block-small !default;
$ouds-button-space-padding-inline-chevron-end-default: $ouds-space-padding-inline-large !default;
$ouds-button-space-padding-inline-chevron-end-small: $ouds-space-padding-inline-medium !default;
$ouds-button-space-padding-inline-chevron-start-default: $ouds-space-padding-inline-large !default;
$ouds-button-space-padding-inline-chevron-start-small: $ouds-space-padding-inline-medium !default;
$ouds-button-space-padding-inline-end-icon-start-default: $ouds-space-padding-inline-3xlarge !default;
$ouds-button-space-padding-inline-end-icon-start-small: $ouds-space-padding-inline-2xlarge !default;
$ouds-button-space-padding-inline-icon-none-default: $ouds-space-padding-inline-3xlarge !default;
$ouds-button-space-padding-inline-icon-none-small: $ouds-space-padding-inline-2xlarge !default;
$ouds-button-space-padding-inline-icon-start-default: $ouds-space-padding-inline-xlarge !default;
$ouds-button-space-padding-inline-icon-start-small: $ouds-space-padding-inline-large !default;
$ouds-button-space-padding-inline-start-icon-end-default: $ouds-space-padding-inline-3xlarge !default;
$ouds-button-space-padding-inline-start-icon-end-small: $ouds-space-padding-inline-2xlarge !default;
// scss-docs-end ouds-component-button

// Checkbox

// scss-docs-start ouds-component-checkbox
$ouds-checkbox-border-radius: $ouds-border-radius-default !default;
$ouds-checkbox-border-width-selected-focus: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-selected-hover: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-selected-pressed: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-selected: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-unselected-focus: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-unselected-hover: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-unselected-pressed: $ouds-border-width-medium !default;
$ouds-checkbox-border-width-unselected: $ouds-border-width-thin !default;
$ouds-checkbox-size-indicator: $ouds-size-icon-with-label-large-size-xsmall !default; // deprecated
$ouds-checkbox-size-max-height: $ouds-size-min-interactive-area-default !default;
$ouds-checkbox-size-min-height: $ouds-size-min-interactive-area-default !default;
$ouds-checkbox-size-min-width: $ouds-size-min-interactive-area-default !default;
// scss-docs-end ouds-component-checkbox

// Chip

// scss-docs-start ouds-component-chip
$ouds-chip-badge-color-bg: $ouds-color-surface-inverse-high !default;
$ouds-chip-badge-color-content: $ouds-color-content-inverse !default;
$ouds-chip-border-radius: $ouds-border-radius-pill !default;
$ouds-chip-border-width-selected: $ouds-border-width-medium !default;
$ouds-chip-border-width-unselected-interaction: $ouds-border-width-medium !default;
$ouds-chip-border-width-unselected: $ouds-border-width-default !default;
$ouds-chip-color-bg-selected-disabled: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-selected-enabled: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-selected-focus: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-selected-hover: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-selected-pressed: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-unselected-disabled: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-unselected-enabled: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-unselected-focus: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-unselected-hover: $ouds-color-opacity-transparent !default;
$ouds-chip-color-bg-unselected-pressed: $ouds-color-opacity-transparent !default;
$ouds-chip-color-border-selected-disabled: $ouds-color-action-disabled !default;
$ouds-chip-color-border-selected-enabled: $ouds-color-action-selected !default;
$ouds-chip-color-border-selected-focus: $ouds-color-action-focus !default;
$ouds-chip-color-border-selected-hover: $ouds-color-action-hover !default;
$ouds-chip-color-border-selected-pressed: $ouds-color-action-pressed !default;
$ouds-chip-color-border-unselected-disabled: $ouds-color-action-disabled !default;
$ouds-chip-color-border-unselected-enabled: $ouds-color-border-default !default;
$ouds-chip-color-border-unselected-focus: $ouds-color-action-focus !default;
$ouds-chip-color-border-unselected-hover: $ouds-color-action-hover !default;
$ouds-chip-color-border-unselected-pressed: $ouds-color-action-pressed !default;
$ouds-chip-color-content-selected-disabled: $ouds-color-action-disabled !default;
$ouds-chip-color-content-selected-enabled: $ouds-color-action-enabled !default;
$ouds-chip-color-content-selected-focus: $ouds-color-action-focus !default;
$ouds-chip-color-content-selected-hover: $ouds-color-action-hover !default;
$ouds-chip-color-content-selected-pressed: $ouds-color-action-pressed !default;
$ouds-chip-color-content-selected-tick-enabled: $ouds-color-action-selected !default;
$ouds-chip-color-content-unselected-disabled: $ouds-color-action-disabled !default;
$ouds-chip-color-content-unselected-enabled: $ouds-color-action-enabled !default;
$ouds-chip-color-content-unselected-focus: $ouds-color-action-focus !default;
$ouds-chip-color-content-unselected-hover: $ouds-color-action-hover !default;
$ouds-chip-color-content-unselected-pressed: $ouds-color-action-pressed !default;
$ouds-chip-size-icon: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-chip-size-min-height-interactive-area: $ouds-size-min-interactive-area-default !default;
$ouds-chip-size-min-height: $ouds-dimension-xsmall !default;
$ouds-chip-size-min-width: $ouds-dimension-2xlarge !default;
$ouds-chip-space-column-gap-badge-chevron: $ouds-space-column-gap-2xsmall !default;
$ouds-chip-space-column-gap-icon: $ouds-space-column-gap-xsmall !default;
$ouds-chip-space-padding-block-icon-only: $ouds-space-padding-block-xsmall !default;
$ouds-chip-space-padding-block: $ouds-space-padding-block-2xsmall !default;
$ouds-chip-space-padding-inline-badge-start: $ouds-space-padding-inline-4xsmall !default;
$ouds-chip-space-padding-inline-chevron-end: $ouds-space-padding-inline-2xsmall !default;
$ouds-chip-space-padding-inline-icon-none: $ouds-space-padding-inline-large !default;
$ouds-chip-space-padding-inline-icon: $ouds-space-padding-inline-small !default;
// scss-docs-end ouds-component-chip

// Divider

// scss-docs-start ouds-component-divider
$ouds-divider-border-width: $ouds-border-width-thin !default;
// scss-docs-end ouds-component-divider

// Input

// scss-docs-start ouds-component-input
$ouds-input-tag-border-width-default-interaction: $ouds-border-width-medium !default;
$ouds-input-tag-border-width-default: $ouds-border-width-default !default;
$ouds-input-tag-color-bg-enabled: $ouds-color-action-support-enabled !default;
$ouds-input-tag-color-bg-focus: $ouds-color-action-support-focus !default;
$ouds-input-tag-color-bg-hover: $ouds-color-action-support-hover !default;
$ouds-input-tag-color-bg-pressed: $ouds-color-action-support-pressed !default;
$ouds-input-tag-color-border-enabled: $ouds-color-border-default !default;
$ouds-input-tag-color-border-focus: $ouds-color-action-focus !default;
$ouds-input-tag-color-border-hover: $ouds-color-action-hover !default;
$ouds-input-tag-color-border-pressed: $ouds-color-action-pressed !default;
$ouds-input-tag-color-content-enabled: $ouds-color-action-enabled !default;
$ouds-input-tag-color-content-focus: $ouds-color-action-focus !default;
$ouds-input-tag-color-content-hover: $ouds-color-action-hover !default;
$ouds-input-tag-color-content-pressed: $ouds-color-action-pressed !default;
// scss-docs-end ouds-component-input

// Link

// scss-docs-start ouds-component-link
$ouds-link-color-chevron-enabled: $ouds-color-content-brand-primary !default;
$ouds-link-color-chevron-focus: var(--#{$prefix}link-color-chevron-focus) !default;
$ouds-link-color-chevron-hover: var(--#{$prefix}link-color-chevron-hover) !default;
$ouds-link-color-chevron-pressed: var(--#{$prefix}link-color-chevron-pressed) !default;
$ouds-link-color-content-enabled: $ouds-color-action-enabled !default;
$ouds-link-color-content-focus: $ouds-color-action-focus !default;
$ouds-link-color-content-hover: $ouds-color-action-hover !default;
$ouds-link-color-content-pressed: $ouds-color-action-pressed !default;
$ouds-link-mono-color-content-disabled: var(--#{$prefix}link-mono-color-content-disabled) !default;
$ouds-link-mono-color-content-enabled: var(--#{$prefix}link-mono-color-content-enabled) !default;
$ouds-link-mono-color-content-focus: var(--#{$prefix}link-mono-color-content-focus) !default;
$ouds-link-mono-color-content-hover: var(--#{$prefix}link-mono-color-content-hover) !default;
$ouds-link-mono-color-content-pressed: var(--#{$prefix}link-mono-color-content-pressed) !default;
$ouds-link-size-icon-default: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-link-size-icon-small: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-link-size-min-height-compact-density: $ouds-dimension-xsmall !default;
$ouds-link-size-min-height-default: $ouds-size-min-interactive-area-default !default;
$ouds-link-size-min-height-small: $ouds-size-min-interactive-area-small !default;
$ouds-link-size-min-width-small: $ouds-size-min-interactive-area-small !default; // deprecated
$ouds-link-size-min-width: $ouds-dimension-xsmall !default;
$ouds-link-space-column-gap-chevron-default: $ouds-space-column-gap-2xsmall !default;
$ouds-link-space-column-gap-chevron-small: $ouds-space-column-gap-2xsmall !default;
$ouds-link-space-column-gap-icon-default: $ouds-space-column-gap-xsmall !default;
$ouds-link-space-column-gap-icon-small: $ouds-space-column-gap-xsmall !default;
$ouds-link-space-padding-block-compact-density-default: $ouds-space-padding-block-3xsmall !default;
$ouds-link-space-padding-block-compact-density-small: $ouds-space-padding-block-2xsmall !default;
$ouds-link-space-padding-block-default: $ouds-space-padding-block-medium !default;
$ouds-link-space-padding-block-small: $ouds-space-padding-block-small !default;
$ouds-link-space-padding-inline: $ouds-space-padding-inline-none !default;
// scss-docs-end ouds-component-link

// List

// scss-docs-start ouds-component-list
$ouds-list-item-border-radius-current-indicator: $ouds-border-radius-none !default;
$ouds-list-item-border-radius-default: $ouds-border-radius-default !default;
$ouds-list-item-border-radius-item-only: $ouds-border-radius-default !default; // deprecated
$ouds-list-item-border-radius-media-rounded: $ouds-border-radius-small !default;
$ouds-list-item-border-radius-media: $ouds-border-radius-default !default;
$ouds-list-item-border-radius-rounded: $ouds-border-radius-medium !default;
$ouds-list-item-border-width-current-page: $ouds-border-width-medium !default;
$ouds-list-item-border-width-default: $ouds-border-width-default !default;
$ouds-list-item-color-bg-badge-safety-area: $ouds-color-bg-primary !default;
$ouds-list-item-color-bg-current-disabled: $ouds-color-action-support-disabled !default;
$ouds-list-item-color-bg-current-enabled: $ouds-color-action-support-enabled !default;
$ouds-list-item-color-bg-current-focus: $ouds-color-action-support-focus !default;
$ouds-list-item-color-bg-current-hover: $ouds-color-action-support-hover !default;
$ouds-list-item-color-bg-current-pressed: $ouds-color-action-support-pressed !default;
$ouds-list-item-color-bg-focus: var(--#{$prefix}list-item-color-bg-focus) !default;
$ouds-list-item-color-bg-hover: var(--#{$prefix}list-item-color-bg-hover) !default;
$ouds-list-item-color-bg-loading: var(--#{$prefix}list-item-color-bg-loading) !default;
$ouds-list-item-color-bg-pressed: var(--#{$prefix}list-item-color-bg-pressed) !default;
$ouds-list-item-color-content-current-disabled: $ouds-color-content-default !default;
$ouds-list-item-color-content-current-enabled: $ouds-color-content-default !default;
$ouds-list-item-color-content-current-focus: $ouds-color-content-default !default;
$ouds-list-item-color-content-current-hover: $ouds-color-content-default !default;
$ouds-list-item-color-content-current-pressed: $ouds-color-content-default !default;
$ouds-list-item-color-content-loader: var(--#{$prefix}list-item-color-content-loader) !default;
$ouds-list-item-font-letter-spacing-avatar-initial-xlarge: $core-ouds-font-letter-spacing-350 !default;
$ouds-list-item-font-line-height-avatar-initial-xlarge: $core-ouds-font-line-height-550 !default;
$ouds-list-item-font-size-avatar-initial-xlarge: $core-ouds-font-size-350 !default;
$ouds-list-item-opacity-current-divider: $ouds-opacity-opaque !default;
$ouds-list-item-opacity-current-indicator: $ouds-opacity-opaque !default;
$ouds-list-item-size-asset-large: $ouds-dimension-medium !default;
$ouds-list-item-size-asset-medium: $ouds-size-icon-with-label-large-size-medium !default;
$ouds-list-item-size-asset-small: $ouds-size-icon-with-label-large-size-small !default;
$ouds-list-item-size-asset-xlarge: $ouds-dimension-3xlarge !default;
$ouds-list-item-size-control-indicator: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-list-item-size-current-indicator-width: $core-ouds-dimension-50 !default;
$ouds-list-item-size-error-icon: $ouds-size-icon-with-label-large-size-small !default; // deprecated
$ouds-list-item-size-flag-height: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-list-item-size-icon: $ouds-size-icon-with-label-large-size-medium !default; // deprecated
$ouds-list-item-size-loader: $ouds-size-icon-with-label-large-size-small !default; // deprecated
$ouds-list-item-size-max-height-assets-container: $core-ouds-dimension-1000 !default; // deprecated
$ouds-list-item-size-max-size-leading-trailing-slot: $ouds-dimension-8xlarge !default;
$ouds-list-item-size-max-width: $core-ouds-dimension-4000 !default;
$ouds-list-item-size-min-height-default: $core-ouds-dimension-650 !default;
$ouds-list-item-size-min-height-small: $ouds-size-min-interactive-area-default !default;
$ouds-list-item-size-min-width: $core-ouds-dimension-1800 !default;
$ouds-list-item-space-column-gap: $ouds-space-column-gap-medium !default;
$ouds-list-item-space-padding-block-bottom-slot-list-item-container: $ouds-space-padding-block-large !default;
$ouds-list-item-space-padding-block-default: $ouds-space-padding-block-medium !default;
$ouds-list-item-space-padding-block-slot-text-container: $ouds-space-padding-block-4xsmall !default;
$ouds-list-item-space-padding-block-small: $ouds-space-padding-block-xsmall !default;
$ouds-list-item-space-padding-block-top-alignment-top-counterweight-default: $ouds-space-padding-block-small !default;
$ouds-list-item-space-padding-block-top-alignment-top-counterweight-small: $ouds-space-padding-block-xsmall !default;
$ouds-list-item-space-padding-block-top-alignment-top-text-container-default: $ouds-space-padding-block-4xsmall !default;
$ouds-list-item-space-padding-block-top-alignment-top-text-container-small: $ouds-space-padding-block-none !default;
$ouds-list-item-space-padding-block-top-helper-text: $ouds-space-padding-block-xsmall !default;
$ouds-list-item-space-padding-inline-error-icon: $ouds-space-padding-inline-4xsmall !default; // deprecated
$ouds-list-item-space-padding-inline: $ouds-space-padding-inline-large !default;
$ouds-list-item-space-row-gap: $ouds-space-row-gap-none !default;
// scss-docs-end ouds-component-list

// Pin

// scss-docs-start ouds-component-pin
$ouds-pin-code-input-size-max-width: $ouds-dimension-3xlarge !default;
$ouds-pin-code-input-size-min-width: $ouds-dimension-large !default;
$ouds-pin-code-input-space-column-gap-digit-input: $ouds-space-column-gap-medium !default;
// scss-docs-end ouds-component-pin

// Progress

// scss-docs-start ouds-component-progress
$ouds-progress-indicator-border-radius-default: $ouds-border-radius-none !default;
$ouds-progress-indicator-border-radius-rounded: $ouds-border-radius-pill !default;
$ouds-progress-indicator-color-content-track: var(--#{$prefix}progress-indicator-color-content-track) !default;
$ouds-progress-indicator-mono-color-content-indicator: var(--#{$prefix}progress-indicator-mono-color-content-indicator) !default;
$ouds-progress-indicator-mono-color-content-track: var(--#{$prefix}progress-indicator-mono-color-content-track) !default;
$ouds-progress-indicator-size-linear-indicator-height: $ouds-dimension-10xsmall !default;
$ouds-progress-indicator-space-column-gap: $ouds-space-column-gap-small !default;
$ouds-progress-indicator-space-padding-block: $ouds-space-padding-block-xsmall !default;
// scss-docs-end ouds-component-progress

// Quantity

// scss-docs-start ouds-component-quantity
$ouds-quantity-input-size-max-width: $core-ouds-dimension-3000 !default;
$ouds-quantity-input-size-min-width: $core-ouds-dimension-2225 !default;
$ouds-quantity-input-space-column-gap-default: $ouds-space-column-gap-xsmall !default;
$ouds-quantity-input-space-column-gap-leading-icon: $ouds-space-column-gap-medium !default;
$ouds-quantity-input-space-column-gap-quantity-selector: $core-ouds-dimension-out-of-system-25 !default;
// scss-docs-end ouds-component-quantity

// Radio

// scss-docs-start ouds-component-radio
$ouds-radio-button-border-radius: $ouds-border-radius-pill !default;
$ouds-radio-button-border-width-selected-focus: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-selected-hover: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-selected-pressed: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-selected: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-unselected-focus: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-unselected-hover: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-unselected-pressed: $ouds-border-width-medium !default;
$ouds-radio-button-border-width-unselected: $ouds-border-width-thin !default;
$ouds-radio-button-size-max-height: $ouds-size-min-interactive-area-default !default;
$ouds-radio-button-size-min-height: $ouds-size-min-interactive-area-default !default;
$ouds-radio-button-size-min-width: $ouds-size-min-interactive-area-default !default;
// scss-docs-end ouds-component-radio

// Select

// scss-docs-start ouds-component-select
$ouds-select-input-size-min-width: $ouds-dimension-8xlarge !default;
// scss-docs-end ouds-component-select

// Skeleton

// scss-docs-start ouds-component-skeleton
$ouds-skeleton-color-bg: $ouds-color-opacity-lowest !default;
$ouds-skeleton-color-gradient-middle: $ouds-color-opacity-lower !default;
$ouds-skeleton-color-gradient-start-end: $ouds-color-opacity-transparent !default;
// scss-docs-end ouds-component-skeleton

// Switch

// scss-docs-start ouds-component-switch
$ouds-switch-border-radius-cursor: $ouds-border-radius-pill !default;
$ouds-switch-border-radius-track: $ouds-border-radius-pill !default;
$ouds-switch-color-check-interaction: $ouds-color-content-default !default;
$ouds-switch-color-check: $ouds-color-content-default !default;
$ouds-switch-color-cursor: var(--#{$prefix}switch-color-cursor) !default;
$ouds-switch-color-track-selected-interaction: var(--#{$prefix}switch-color-track-selected-interaction) !default;
$ouds-switch-color-track-selected: var(--#{$prefix}switch-color-track-selected) !default;
$ouds-switch-color-track-unselected-interaction: var(--#{$prefix}switch-color-track-unselected-interaction) !default;
$ouds-switch-color-track-unselected: var(--#{$prefix}switch-color-track-unselected) !default;
$ouds-switch-opacity-check: $ouds-opacity-opaque !default;
$ouds-switch-size-height-cursor-selected: $ouds-dimension-3xsmall !default;
$ouds-switch-size-height-cursor-unselected: $ouds-dimension-5xsmall !default;
$ouds-switch-size-height-track: $ouds-dimension-xsmall !default;
$ouds-switch-size-max-height: $ouds-dimension-xsmall !default;
$ouds-switch-size-min-height-interactive-area: $ouds-size-min-interactive-area-default !default;
$ouds-switch-size-min-height: $ouds-dimension-xsmall !default;
$ouds-switch-size-min-width: $ouds-dimension-2xlarge !default;
$ouds-switch-size-width-cursor-selected-pressed: $ouds-dimension-xsmall !default;
$ouds-switch-size-width-cursor-selected: $ouds-dimension-3xsmall !default;
$ouds-switch-size-width-cursor-unselected-pressed: $ouds-dimension-3xsmall !default;
$ouds-switch-size-width-cursor-unselected: $ouds-dimension-5xsmall !default;
$ouds-switch-size-width-track: $ouds-dimension-2xlarge !default;
$ouds-switch-space-padding-inline-selected: $ouds-space-padding-inline-3xsmall !default;
$ouds-switch-space-padding-inline-unselected: $ouds-space-padding-inline-xsmall !default;
// scss-docs-end ouds-component-switch

// Tag

// scss-docs-start ouds-component-tag
$ouds-tag-border-radius: $ouds-border-radius-pill !default;
$ouds-tag-size-asset-default: $ouds-size-icon-with-label-medium-size-small !default;
$ouds-tag-size-asset-small: $ouds-size-icon-with-label-small-size-small !default;
$ouds-tag-size-min-height-default: $ouds-dimension-xsmall !default;
$ouds-tag-size-min-height-interactive-area: $ouds-size-min-interactive-area-default !default;
$ouds-tag-size-min-height-small: $ouds-dimension-3xsmall !default;
$ouds-tag-size-min-width-default: $ouds-dimension-xsmall !default;
$ouds-tag-size-min-width-small: $ouds-dimension-2xsmall !default;
$ouds-tag-space-column-gap-default: $ouds-space-column-gap-2xsmall !default;
$ouds-tag-space-column-gap-small: $ouds-space-column-gap-2xsmall !default;
$ouds-tag-space-inset-bullet-default: $core-ouds-dimension-out-of-system-75 !default;
$ouds-tag-space-inset-bullet-small: $ouds-space-inset-4xsmall !default;
$ouds-tag-space-inset-icon-default: $ouds-space-inset-5xsmall !default;
$ouds-tag-space-inset-icon-small: $ouds-space-inset-none !default;
$ouds-tag-space-inset-progress-indicator-default: $ouds-space-inset-4xsmall !default;
$ouds-tag-space-inset-progress-indicator-small: $ouds-space-inset-5xsmall !default;
$ouds-tag-space-padding-block-default: $ouds-space-padding-block-2xsmall !default;
$ouds-tag-space-padding-block-small: $ouds-space-padding-block-3xsmall !default;
$ouds-tag-space-padding-inline-asset-default: $ouds-space-padding-inline-2xsmall !default;
$ouds-tag-space-padding-inline-asset-small: $ouds-space-padding-inline-2xsmall !default;
$ouds-tag-space-padding-inline-default: $ouds-space-padding-inline-medium !default;
$ouds-tag-space-padding-inline-small: $ouds-space-padding-inline-small !default;
// scss-docs-end ouds-component-tag

// Text

// scss-docs-start ouds-component-text
$ouds-text-area-size-max-height-assets-container: $core-ouds-dimension-950 !default;
$ouds-text-area-size-max-height-input: $core-ouds-dimension-2500 !default;
$ouds-text-area-size-max-width: $core-ouds-dimension-6000 !default;
$ouds-text-area-size-min-height-input: $core-ouds-dimension-750 !default;
$ouds-text-area-space-padding-block-empty-trailing-container: $ouds-space-padding-block-3xsmall !default;
$ouds-text-area-space-padding-block-top-empty: $ouds-space-padding-block-large !default;
$ouds-text-area-space-padding-block-trailing-container: $ouds-space-padding-block-xsmall !default;
$ouds-text-area-space-padding-block: $ouds-space-padding-block-xsmall !default;
$ouds-text-input-border-radius-default: $ouds-border-radius-default !default;
$ouds-text-input-border-radius-rounded: $ouds-border-radius-medium !default;
$ouds-text-input-border-width-default: $ouds-border-width-default !default;
$ouds-text-input-border-width-focus: $ouds-border-width-medium !default;
$ouds-text-input-color-border-enabled: $ouds-color-border-default !default;
$ouds-text-input-color-border-focus: $ouds-color-border-emphasized !default;
$ouds-text-input-color-border-hover: $ouds-color-action-hover !default;
$ouds-text-input-color-border-loading: $ouds-color-border-emphasized !default;
$ouds-text-input-size-country-selector-flag-height: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-text-input-size-label-max-height: $core-ouds-dimension-500 !default;
$ouds-text-input-size-leading-icon: $ouds-size-icon-with-label-large-size-small !default;
$ouds-text-input-size-max-width: $core-ouds-dimension-4000 !default;
$ouds-text-input-size-min-height: $core-ouds-dimension-650 !default;
$ouds-text-input-size-min-width: $core-ouds-dimension-2500 !default;
$ouds-text-input-size-vertical-divider-height: $ouds-dimension-4xsmall !default;
$ouds-text-input-space-column-gap-default: $ouds-space-column-gap-medium !default;
$ouds-text-input-space-column-gap-inline-text: $ouds-space-column-gap-xsmall !default;
$ouds-text-input-space-column-gap-label-asterisk: $ouds-space-column-gap-2xsmall !default;
$ouds-text-input-space-column-gap-label-small-asterisk: $core-ouds-dimension-out-of-system-75 !default;
$ouds-text-input-space-column-gap-trailing-error-action: $ouds-space-column-gap-xsmall !default;
$ouds-text-input-space-padding-block-default: $ouds-space-padding-block-2xsmall !default;
$ouds-text-input-space-padding-block-top-helper-text: $ouds-space-padding-block-xsmall !default;
$ouds-text-input-space-padding-inline-country-selector-end: $ouds-space-padding-inline-xsmall !default;
$ouds-text-input-space-padding-inline-country-selector-start: $ouds-space-padding-inline-small !default;
$ouds-text-input-space-padding-inline-default: $ouds-space-padding-inline-large !default;
$ouds-text-input-space-padding-inline-trailing-action: $ouds-space-padding-inline-2xsmall !default;
$ouds-text-input-space-row-gap-label-input: $ouds-space-row-gap-none !default;
// scss-docs-end ouds-component-text

// Typography

// scss-docs-start ouds-component-typography
$ouds-typography-heading-large-marker: true !default;
$ouds-typography-space-padding-block-bottom-heading-large-marker: $ouds-space-padding-block-4xsmall !default;
$ouds-typography-space-padding-block-top-heading-large-marker: $ouds-space-padding-block-3xsmall !default;
// scss-docs-end ouds-component-typography