@koobiq/components 20.1.0 → 20.3.0

package/core/styles/theming/_components-theming.scss

@@ -1,1927 +0,0 @@
-@use 'sass:map';
-
-@function kbq-components-theme($tokens, $scheme) {
-    $alert: (
-        default: (
-            contrast: (
-                background: map.get($tokens, 'alert-#{$scheme}-default-contrast-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-default-contrast-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-default-contrast-container-text')
-            ),
-            error: (
-                background: map.get($tokens, 'alert-#{$scheme}-default-error-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-default-error-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-default-error-container-text')
-            ),
-            warning: (
-                background: map.get($tokens, 'alert-#{$scheme}-default-warning-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-default-warning-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-default-warning-container-text')
-            ),
-            success: (
-                background: map.get($tokens, 'alert-#{$scheme}-default-success-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-default-success-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-default-success-container-text')
-            ),
-            theme: (
-                background: map.get($tokens, 'alert-#{$scheme}-default-theme-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-default-theme-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-default-theme-container-text')
-            )
-        ),
-        colored: (
-            contrast: (
-                background: map.get($tokens, 'alert-#{$scheme}-colored-contrast-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-colored-contrast-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-colored-contrast-container-text')
-            ),
-            error: (
-                background: map.get($tokens, 'alert-#{$scheme}-colored-error-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-colored-error-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-colored-error-container-text')
-            ),
-            warning: (
-                background: map.get($tokens, 'alert-#{$scheme}-colored-warning-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-colored-warning-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-colored-warning-container-text')
-            ),
-            success: (
-                background: map.get($tokens, 'alert-#{$scheme}-colored-success-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-colored-success-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-colored-success-container-text')
-            ),
-            theme: (
-                background: map.get($tokens, 'alert-#{$scheme}-colored-theme-container-background'),
-                title: map.get($tokens, 'alert-#{$scheme}-colored-theme-container-title'),
-                text: map.get($tokens, 'alert-#{$scheme}-colored-theme-container-text')
-            )
-        )
-    );
-
-    $popup: (
-        shadow: map.get($tokens, 'popup-#{$scheme}-shadow'),
-        border: map.get($tokens, 'popup-#{$scheme}-border'),
-        background: map.get($tokens, 'popup-#{$scheme}-background'),
-        footer-background: map.get($tokens, 'popup-#{$scheme}-footer-background')
-    );
-
-    $dropdown: (
-        box-shadow: map.get($tokens, 'dropdown-#{$scheme}-container-box-shadow'),
-        background: map.get($tokens, 'dropdown-#{$scheme}-container-background')
-    );
-
-    $badge: (
-        filled: (
-            fade-off: (
-                theme: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-icon')
-                ),
-                success: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-success-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-success-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-success-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-success-icon')
-                ),
-                warning: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-warning-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-warning-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-warning-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-warning-icon')
-                ),
-                error: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-error-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-error-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-error-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-off-error-icon')
-                )
-            ),
-            fade-on: (
-                theme: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-theme-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-theme-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-theme-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-theme-icon')
-                ),
-                contrast: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-contrast-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-contrast-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-contrast-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-contrast-icon')
-                ),
-                success: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-success-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-success-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-success-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-success-icon')
-                ),
-                warning: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-warning-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-warning-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-warning-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-warning-icon')
-                ),
-                error: (
-                    color: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-error-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-error-background'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-error-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-filled-fade-on-error-icon')
-                )
-            )
-        ),
-        outline: (
-            fade-on: (
-                theme: (
-                    color: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-theme-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-theme-background'),
-                    border: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-theme-border'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-theme-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-theme-icon')
-                ),
-                contrast: (
-                    color: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-contrast-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-contrast-background'),
-                    border: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-contrast-border'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-contrast-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-contrast-icon')
-                ),
-                success: (
-                    color: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-success-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-success-background'),
-                    border: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-success-border'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-success-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-success-icon')
-                ),
-                warning: (
-                    color: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-warning-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-warning-background'),
-                    border: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-warning-border'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-warning-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-warning-icon')
-                ),
-                error: (
-                    color: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-error-color'),
-                    background: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-error-background'),
-                    border: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-error-border'),
-                    caption: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-error-caption'),
-                    icon: map.get($tokens, 'badge-#{$scheme}-outline-fade-on-error-icon')
-                )
-            )
-        )
-    );
-
-    $button: (
-        filled: (
-            contrast-fade-off: (
-                border: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-active-background'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-disabled-foreground'
-                    ),
-                states-disabled-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-disabled-background'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-off-states-disabled-right-icon'
-                    )
-            ),
-            contrast-fade-on: (
-                border: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-active-background'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-disabled-foreground'
-                    ),
-                states-disabled-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-disabled-background'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-filled-contrast-fade-on-states-disabled-right-icon'
-                    )
-            )
-        ),
-        outline: (
-            theme-fade-on: (
-                border: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-active-background'
-                    ),
-                states_disabled_border: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-disabled-border'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-disabled-foreground'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-theme-fade-on-states-disabled-right-icon'
-                    )
-            ),
-            contrast-fade-on: (
-                border: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-active-background'
-                    ),
-                states_disabled_border: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-disabled-border'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-disabled-foreground'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-outline-contrast-fade-on-states-disabled-right-icon'
-                    )
-            )
-        ),
-        transparent: (
-            theme-fade-on: (
-                border: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-theme-fade-on-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-theme-fade-on-states-active-background'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-theme-fade-on-states-disabled-foreground'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-theme-fade-on-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-theme-fade-on-states-disabled-right-icon'
-                    )
-            ),
-            contrast-fade-on: (
-                border: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-border'),
-                foreground: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-foreground'),
-                background: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-background'),
-                left-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-left-icon'),
-                right-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-right-icon'),
-                states-hover-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-contrast-fade-on-states-hover-background'
-                    ),
-                states-active-background: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-contrast-fade-on-states-active-background'
-                    ),
-                states-disabled-foreground: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-foreground'
-                    ),
-                states-disabled-left-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-left-icon'
-                    ),
-                states-disabled-right-icon: map.get(
-                        $tokens,
-                        'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-right-icon'
-                    )
-            )
-        )
-    );
-
-    $button-toggle: (
-        container: (
-            background: map.get($tokens, 'button-toggle-#{$scheme}-container-background')
-        ),
-        item: (
-            default: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-default-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-default-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-default-icon')
-            ),
-            states-hover: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-hover-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-hover-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-hover-icon')
-            ),
-            states-active: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-active-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-active-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-active-icon')
-            ),
-            states-selected: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-icon')
-            ),
-            states-selected-hover: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-hover-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-hover-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-hover-icon')
-            ),
-            states-selected-active: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-active-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-active-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-active-icon')
-            ),
-            states-selected-disabled: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-disabled-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-disabled-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-selected-disabled-icon')
-            ),
-            states-disabled: (
-                background: map.get($tokens, 'button-toggle-#{$scheme}-item-states-disabled-background'),
-                text: map.get($tokens, 'button-toggle-#{$scheme}-item-states-disabled-text'),
-                icon: map.get($tokens, 'button-toggle-#{$scheme}-item-states-disabled-icon')
-            ),
-            states-focused: map.get($tokens, 'button-toggle-#{$scheme}-item-states-focused-outline')
-        )
-    );
-
-    $checkbox: (
-        theme: (
-            default: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-default-border'),
-                color: map.get($tokens, 'checkbox-#{$scheme}-theme-default-color'),
-                text: map.get($tokens, 'checkbox-#{$scheme}-theme-default-text'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-default-background'),
-                caption: map.get($tokens, 'checkbox-#{$scheme}-theme-default-caption')
-            ),
-            hover: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-hover-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-hover-background')
-            ),
-            checked: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-background')
-            ),
-            checked-hover: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-hover-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-hover-background')
-            ),
-            focused: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-focused-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-focused-background'),
-                outline: map.get($tokens, 'checkbox-#{$scheme}-theme-states-focused-outline')
-            ),
-            checked-focused: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-focused-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-focused-background'),
-                outline: map.get($tokens, 'checkbox-#{$scheme}-theme-states-checked-focused-outline')
-            ),
-            disabled: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-border'),
-                color: map.get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-color'),
-                text: map.get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-text'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-background'),
-                caption: map.get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-caption')
-            )
-        ),
-        error: (
-            default: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-default-border'),
-                color: map.get($tokens, 'checkbox-#{$scheme}-error-default-color'),
-                text: map.get($tokens, 'checkbox-#{$scheme}-error-default-text'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-default-background')
-            ),
-
-            hover: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-hover-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-hover-background')
-            ),
-            checked: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-background')
-            ),
-            checked-hover: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-hover-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-hover-background')
-            ),
-            focused: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-focused-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-focused-background'),
-                outline: map.get($tokens, 'checkbox-#{$scheme}-error-states-focused-outline')
-            ),
-            checked-focused: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-focused-border'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-focused-background'),
-                outline: map.get($tokens, 'checkbox-#{$scheme}-error-states-checked-focused-outline')
-            ),
-            disabled: (
-                border: map.get($tokens, 'checkbox-#{$scheme}-error-states-disabled-border'),
-                color: map.get($tokens, 'checkbox-#{$scheme}-error-states-disabled-color'),
-                text: map.get($tokens, 'checkbox-#{$scheme}-error-states-disabled-text'),
-                background: map.get($tokens, 'checkbox-#{$scheme}-error-states-disabled-background')
-            )
-        )
-    );
-
-    $code-block: (
-        filled: (
-            container: (
-                background: map.get($tokens, 'code-block-#{$scheme}-filled-container-background'),
-                border: map.get($tokens, 'code-block-#{$scheme}-filled-container-border-color')
-            ),
-            header: (
-                background: map.get($tokens, 'code-block-#{$scheme}-filled-header-background'),
-                shadow: map.get($tokens, 'code-block-#{$scheme}-filled-header-shadow')
-            ),
-            actionbar: (
-                fade-gradient: map.get($tokens, 'code-block-#{$scheme}-filled-actionbar-fade-gradient'),
-                background: map.get($tokens, 'code-block-#{$scheme}-filled-actionbar-background')
-            ),
-            collapse: (
-                expanded-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-expanded-background'),
-                collapsed-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-collapsed-background'),
-                button-expand-background: map.get(
-                        $tokens,
-                        'code-block-#{$scheme}-filled-collapse-button-expand-background'
-                    )
-            )
-        ),
-        outline: (
-            container: (
-                background: map.get($tokens, 'code-block-#{$scheme}-outline-container-background'),
-                border: map.get($tokens, 'code-block-#{$scheme}-outline-container-border-color')
-            ),
-            header: (
-                background: map.get($tokens, 'code-block-#{$scheme}-outline-header-background'),
-                shadow: map.get($tokens, 'code-block-#{$scheme}-outline-header-shadow')
-            ),
-            actionbar: (
-                fade-gradient: map.get($tokens, 'code-block-#{$scheme}-outline-actionbar-fade-gradient'),
-                background: map.get($tokens, 'code-block-#{$scheme}-outline-actionbar-background')
-            ),
-            collapse: (
-                expanded-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-expanded-background'),
-                collapsed-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-collapsed-background'),
-                button-expand-background: map.get(
-                        $tokens,
-                        'code-block-#{$scheme}-outline-collapse-button-expand-background'
-                    )
-            )
-        ),
-
-        hljs: (
-            addition-background: map.get($tokens, 'code-block-#{$scheme}-hljs-addition-background'),
-            addition-color: map.get($tokens, 'code-block-#{$scheme}-hljs-addition-color'),
-            attr-background: map.get($tokens, 'code-block-#{$scheme}-hljs-attr-background'),
-            attr-color: map.get($tokens, 'code-block-#{$scheme}-hljs-attr-color'),
-            attribute-background: map.get($tokens, 'code-block-#{$scheme}-hljs-attribute-background'),
-            attribute-color: map.get($tokens, 'code-block-#{$scheme}-hljs-attribute-color'),
-            built-in-background: map.get($tokens, 'code-block-#{$scheme}-hljs-built-in-background'),
-            built-in-color: map.get($tokens, 'code-block-#{$scheme}-hljs-built-in-color'),
-            bullet-background: map.get($tokens, 'code-block-#{$scheme}-hljs-bullet-background'),
-            bullet-color: map.get($tokens, 'code-block-#{$scheme}-hljs-bullet-color'),
-            char-escape-background: map.get($tokens, 'code-block-#{$scheme}-hljs-char-escape-background'),
-            char-escape-color: map.get($tokens, 'code-block-#{$scheme}-hljs-char-escape-color'),
-            class-background: map.get($tokens, 'code-block-#{$scheme}-hljs-class-background'),
-            class-color: map.get($tokens, 'code-block-#{$scheme}-hljs-class-color'),
-            code-background: map.get($tokens, 'code-block-#{$scheme}-hljs-code-background'),
-            code-color: map.get($tokens, 'code-block-#{$scheme}-hljs-code-color'),
-            comment-background: map.get($tokens, 'code-block-#{$scheme}-hljs-comment-background'),
-            comment-color: map.get($tokens, 'code-block-#{$scheme}-hljs-comment-color'),
-            deletion-background: map.get($tokens, 'code-block-#{$scheme}-hljs-deletion-background'),
-            deletion-color: map.get($tokens, 'code-block-#{$scheme}-hljs-deletion-color'),
-            doctag-background: map.get($tokens, 'code-block-#{$scheme}-hljs-doctag-background'),
-            doctag-color: map.get($tokens, 'code-block-#{$scheme}-hljs-doctag-color'),
-            emphasis-background: map.get($tokens, 'code-block-#{$scheme}-hljs-emphasis-background'),
-            emphasis-color: map.get($tokens, 'code-block-#{$scheme}-hljs-emphasis-color'),
-            formula-background: map.get($tokens, 'code-block-#{$scheme}-hljs-formula-background'),
-            formula-color: map.get($tokens, 'code-block-#{$scheme}-hljs-formula-color'),
-            function-background: map.get($tokens, 'code-block-#{$scheme}-hljs-function-background'),
-            function-color: map.get($tokens, 'code-block-#{$scheme}-hljs-function-color'),
-            keyword-background: map.get($tokens, 'code-block-#{$scheme}-hljs-keyword-background'),
-            keyword-color: map.get($tokens, 'code-block-#{$scheme}-hljs-keyword-color'),
-            line-numbers-color: map.get($tokens, 'code-block-#{$scheme}-hljs-line-numbers-color'),
-            link-background: map.get($tokens, 'code-block-#{$scheme}-hljs-link-background'),
-            link-color: map.get($tokens, 'code-block-#{$scheme}-hljs-link-color'),
-            literal-background: map.get($tokens, 'code-block-#{$scheme}-hljs-literal-background'),
-            literal-color: map.get($tokens, 'code-block-#{$scheme}-hljs-literal-color'),
-            meta-background: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-background'),
-            meta-color: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-color'),
-            meta-keyword-background: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-keyword-background'),
-            meta-keyword-color: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-keyword-color'),
-            meta-string-background: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-string-background'),
-            meta-string-color: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-string-color'),
-            meta-prompt-background: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-prompt-background'),
-            meta-prompt-color: map.get($tokens, 'code-block-#{$scheme}-hljs-meta-prompt-color'),
-            name-background: map.get($tokens, 'code-block-#{$scheme}-hljs-name-background'),
-            name-color: map.get($tokens, 'code-block-#{$scheme}-hljs-name-color'),
-            number-background: map.get($tokens, 'code-block-#{$scheme}-hljs-number-background'),
-            number-color: map.get($tokens, 'code-block-#{$scheme}-hljs-number-color'),
-            operator-background: map.get($tokens, 'code-block-#{$scheme}-hljs-operator-background'),
-            operator-color: map.get($tokens, 'code-block-#{$scheme}-hljs-operator-color'),
-            params-background: map.get($tokens, 'code-block-#{$scheme}-hljs-params-background'),
-            params-color: map.get($tokens, 'code-block-#{$scheme}-hljs-params-color'),
-            property-background: map.get($tokens, 'code-block-#{$scheme}-hljs-property-background'),
-            property-color: map.get($tokens, 'code-block-#{$scheme}-hljs-property-color'),
-            punctuation-background: map.get($tokens, 'code-block-#{$scheme}-hljs-punctuation-background'),
-            punctuation-color: map.get($tokens, 'code-block-#{$scheme}-hljs-punctuation-color'),
-            quote-background: map.get($tokens, 'code-block-#{$scheme}-hljs-quote-background'),
-            quote-color: map.get($tokens, 'code-block-#{$scheme}-hljs-quote-color'),
-            regexp-background: map.get($tokens, 'code-block-#{$scheme}-hljs-regexp-background'),
-            regexp-color: map.get($tokens, 'code-block-#{$scheme}-hljs-regexp-color'),
-            section-background: map.get($tokens, 'code-block-#{$scheme}-hljs-section-background'),
-            section-color: map.get($tokens, 'code-block-#{$scheme}-hljs-section-color'),
-            selector-attr-background: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-attr-background'),
-            selector-attr-color: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-attr-color'),
-            selector-class-background: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-class-background'),
-            selector-class-color: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-class-color'),
-            selector-id-background: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-id-background'),
-            selector-id-color: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-id-color'),
-            selector-pseudo-background: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-pseudo-background'),
-            selector-pseudo-color: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-pseudo-color'),
-            selector-tag-background: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-tag-background'),
-            selector-tag-color: map.get($tokens, 'code-block-#{$scheme}-hljs-selector-tag-color'),
-            string-background: map.get($tokens, 'code-block-#{$scheme}-hljs-string-background'),
-            string-color: map.get($tokens, 'code-block-#{$scheme}-hljs-string-color'),
-            strong-background: map.get($tokens, 'code-block-#{$scheme}-hljs-strong-background'),
-            strong-color: map.get($tokens, 'code-block-#{$scheme}-hljs-strong-color'),
-            subst-background: map.get($tokens, 'code-block-#{$scheme}-hljs-subst-background'),
-            subst-color: map.get($tokens, 'code-block-#{$scheme}-hljs-subst-color'),
-            symbol-background: map.get($tokens, 'code-block-#{$scheme}-hljs-symbol-background'),
-            symbol-color: map.get($tokens, 'code-block-#{$scheme}-hljs-symbol-color'),
-            tag-background: map.get($tokens, 'code-block-#{$scheme}-hljs-tag-background'),
-            tag-color: map.get($tokens, 'code-block-#{$scheme}-hljs-tag-color'),
-            template-tag-background: map.get($tokens, 'code-block-#{$scheme}-hljs-template-tag-background'),
-            template-tag-color: map.get($tokens, 'code-block-#{$scheme}-hljs-template-tag-color'),
-            template-variable-background: map.get($tokens, 'code-block-#{$scheme}-hljs-template-variable-background'),
-            template-variable-color: map.get($tokens, 'code-block-#{$scheme}-hljs-template-variable-color'),
-            title-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-background'),
-            title-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-color'),
-            title-class-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-background'),
-            title-class-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-color'),
-            title-class-inherited-background: map.get(
-                    $tokens,
-                    'code-block-#{$scheme}-hljs-title-class-inherited-background'
-                ),
-            title-class-inherited-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-inherited-color'),
-            title-function-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-background'),
-            title-function-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-color'),
-            title-function-invoke-background: map.get(
-                    $tokens,
-                    'code-block-#{$scheme}-hljs-title-function-invoke-background'
-                ),
-            title-function-invoke-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-invoke-color'),
-            type-background: map.get($tokens, 'code-block-#{$scheme}-hljs-type-background'),
-            type-color: map.get($tokens, 'code-block-#{$scheme}-hljs-type-color'),
-            variable-background: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-background'),
-            variable-color: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-color'),
-            variable-constant-background: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-constant-background'),
-            variable-constant-color: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-constant-color'),
-            variable-language-background: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-language-background'),
-            variable-language-color: map.get($tokens, 'code-block-#{$scheme}-hljs-variable-language-color')
-        )
-    );
-
-    $datepicker: (
-        container: (
-            background: map.get($tokens, 'datepicker-#{$scheme}-container-background'),
-            box-shadow: map.get($tokens, 'datepicker-#{$scheme}-container-box-shadow')
-        ),
-        header: (
-            text: map.get($tokens, 'datepicker-#{$scheme}-header-text'),
-            divider: map.get($tokens, 'datepicker-#{$scheme}-header-divider')
-        ),
-
-        cell: (
-            default: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-default-background'),
-                text: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-default-text')
-            ),
-            today: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-today-background'),
-                text: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-today-text')
-            ),
-            hover: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-hover-background')
-            ),
-            active: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-active-background')
-            ),
-            selected: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-selected-background'),
-                text: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-selected-text')
-            ),
-            selected-hover: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-selected-hover-background')
-            ),
-            disabled: (
-                background: map.get($tokens, 'datepicker-#{$scheme}-grid-cell-states-disabled-background')
-            )
-        )
-    );
-
-    $divider: (
-        color: map.get($tokens, 'divider-#{$scheme}-color')
-    );
-
-    $dl: (
-        dt: map.get($tokens, 'description-list-#{$scheme}-term-color'),
-        dd: map.get($tokens, 'description-list-#{$scheme}-description-color')
-    );
-
-    $empty-state: (
-        title: map.get($tokens, 'empty-state-#{$scheme}-title'),
-        color: map.get($tokens, 'empty-state-#{$scheme}-color')
-    );
-
-    $form-field: (
-        default: (
-            border: map.get($tokens, 'form-field-#{$scheme}-default-border-color'),
-            background: map.get($tokens, 'form-field-#{$scheme}-default-background'),
-            placeholder: map.get($tokens, 'form-field-#{$scheme}-default-placeholder'),
-            text: map.get($tokens, 'form-field-#{$scheme}-default-text')
-        ),
-        states-focused: (
-            border: map.get($tokens, 'form-field-#{$scheme}-states-focused-border-color'),
-            background: map.get($tokens, 'form-field-#{$scheme}-states-focused-background'),
-            placeholder: map.get($tokens, 'form-field-#{$scheme}-states-focused-placeholder'),
-            text: map.get($tokens, 'form-field-#{$scheme}-states-focused-text'),
-            focus-outline: map.get($tokens, 'form-field-#{$scheme}-states-focused-focus-outline')
-        ),
-        states-error: (
-            border: map.get($tokens, 'form-field-#{$scheme}-states-error-border-color'),
-            background: map.get($tokens, 'form-field-#{$scheme}-states-error-background'),
-            placeholder: map.get($tokens, 'form-field-#{$scheme}-states-error-placeholder'),
-            text: map.get($tokens, 'form-field-#{$scheme}-states-error-text'),
-            focus-outline: map.get($tokens, 'form-field-#{$scheme}-states-error-focused-focus-outline')
-        ),
-        states-autofill: (
-            border: map.get($tokens, 'form-field-#{$scheme}-states-autofill-border-color'),
-            background: map.get($tokens, 'form-field-#{$scheme}-states-autofill-background'),
-            placeholder: map.get($tokens, 'form-field-#{$scheme}-states-autofill-placeholder'),
-            text: map.get($tokens, 'form-field-#{$scheme}-states-autofill-text')
-        ),
-        states-disabled: (
-            border: map.get($tokens, 'form-field-#{$scheme}-states-disabled-border-color'),
-            background: map.get($tokens, 'form-field-#{$scheme}-states-disabled-background'),
-            placeholder: map.get($tokens, 'form-field-#{$scheme}-states-disabled-placeholder'),
-            text: map.get($tokens, 'form-field-#{$scheme}-states-disabled-text')
-        )
-    );
-
-    $form-field-hint: (
-        text: map.get($tokens, 'form-field-hint-#{$scheme}-text')
-    );
-
-    $hint: (
-        fill-text-on: (
-            fade-contrast: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-on-fade-contrast-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-on-fade-contrast-icon')
-            ),
-            success: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-on-success-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-on-success-icon')
-            ),
-            warning: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-on-warning-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-on-warning-icon')
-            ),
-            error: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-on-error-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-on-error-icon')
-            )
-        ),
-        fill-text-off: (
-            fade-contrast: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-off-fade-contrast-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-off-fade-contrast-icon')
-            ),
-            success: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-off-success-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-off-success-icon')
-            ),
-            warning: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-off-warning-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-off-warning-icon')
-            ),
-            error: (
-                text: map.get($tokens, 'hint-#{$scheme}-fill-text-off-error-text'),
-                icon: map.get($tokens, 'hint-#{$scheme}-fill-text-off-error-icon')
-            )
-        )
-    );
-
-    $file-upload: (
-        single: (
-            default: (
-                border: map.get($tokens, 'file-upload-#{$scheme}-single-default-container-border'),
-                background: map.get($tokens, 'file-upload-#{$scheme}-single-default-container-background'),
-                upload-icon: map.get($tokens, 'file-upload-#{$scheme}-single-default-upload-icon-color'),
-                left-icon: map.get($tokens, 'file-upload-#{$scheme}-single-default-left-icon-color'),
-                text-block: map.get($tokens, 'file-upload-#{$scheme}-single-default-text-block-color'),
-                icon-button: map.get($tokens, 'file-upload-#{$scheme}-single-default-icon-button-color')
-            ),
-            states: (
-                on-drag: (
-                    border: map.get($tokens, 'file-upload-#{$scheme}-single-states-on-drag-container-border'),
-                    background: map.get($tokens, 'file-upload-#{$scheme}-single-states-on-drag-container-background'),
-                    upload-icon: map.get($tokens, 'file-upload-#{$scheme}-single-states-on-drag-upload-icon-color'),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-single-states-on-drag-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-single-states-on-drag-text-block-color')
-                ),
-                error: (
-                    border: map.get($tokens, 'file-upload-#{$scheme}-single-states-error-container-border'),
-                    background: map.get($tokens, 'file-upload-#{$scheme}-single-states-error-container-background'),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-single-states-error-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-single-states-error-text-block-color')
-                ),
-                disabled: (
-                    border: map.get($tokens, 'file-upload-#{$scheme}-single-states-disabled-container-border'),
-                    background: map.get($tokens, 'file-upload-#{$scheme}-single-states-disabled-container-background'),
-                    upload-icon: map.get($tokens, 'file-upload-#{$scheme}-single-states-disabled-upload-icon-color'),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-single-states-disabled-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-single-states-disabled-text-block-color')
-                ),
-                focused: map.get($tokens, 'file-upload-#{$scheme}-single-states-focused-focus-outline-color')
-            )
-        ),
-        multiple: (
-            default: (
-                border: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-container-border'),
-                background: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-container-background'),
-                upload-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-upload-icon-color'),
-                left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-left-icon-color'),
-                text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-text-block-color'),
-                icon-button: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-icon-button-color'),
-                grid-divider: map.get($tokens, 'file-upload-#{$scheme}-multiple-default-grid-divider-color')
-            ),
-            states: (
-                on-drag: (
-                    border: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-container-border'),
-                    background: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-container-background'),
-                    upload-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-upload-icon-color'),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-text-block-color'),
-                    icon-button: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-icon-button-color'),
-                    grid-divider: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-grid-divider-color')
-                ),
-                error: (
-                    grid-cell-background: map.get(
-                            $tokens,
-                            'file-upload-#{$scheme}-multiple-states-error-grid-cell-background'
-                        ),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-text-block-color'),
-                    icon-button: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-icon-button-color')
-                ),
-                disabled: (
-                    border: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-container-border'),
-                    background: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-container-background'),
-                    upload-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-upload-icon-color'),
-                    left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-left-icon-color'),
-                    text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-text-block-color'),
-                    grid-divider: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-disabled-grid-divider-color')
-                )
-            )
-        )
-    );
-
-    $forms: (
-        label: map.get($tokens, 'forms-#{$scheme}-label'),
-        legend: map.get($tokens, 'forms-#{$scheme}-legend')
-    );
-
-    $icon: (
-        theme: (
-            color: map.get($tokens, 'icon-#{$scheme}-theme-color')
-        ),
-        contrast: (
-            color: map.get($tokens, 'icon-#{$scheme}-contrast-color')
-        ),
-        fade-contrast: (
-            color: map.get($tokens, 'icon-#{$scheme}-fade-contrast-color')
-        ),
-        error: (
-            color: map.get($tokens, 'icon-#{$scheme}-error-color')
-        ),
-        warning: (
-            color: map.get($tokens, 'icon-#{$scheme}-warning-color')
-        ),
-        success: (
-            color: map.get($tokens, 'icon-#{$scheme}-success-color')
-        )
-    );
-
-    $icon-item: (
-        fade-off: (
-            theme: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-theme-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-theme-background')
-            ),
-            contrast: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-contrast-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-contrast-background')
-            ),
-            error: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-error-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-error-background')
-            ),
-            warning: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-warning-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-warning-background')
-            ),
-            success: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-success-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-off-success-background')
-            )
-        ),
-        fade-on: (
-            theme: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-theme-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-theme-background')
-            ),
-            contrast: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-contrast-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-contrast-background')
-            ),
-            error: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-error-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-error-background')
-            ),
-            warning: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-warning-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-warning-background')
-            ),
-            success: (
-                color: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-success-color'),
-                background: map.get($tokens, 'icon-item-#{$scheme}-filled-fade-on-success-background')
-            )
-        )
-    );
-
-    $icon-button: (
-        theme: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-theme-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-theme-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-theme-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-theme-states-disabled')
-        ),
-        contrast: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-contrast-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-contrast-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-contrast-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-contrast-states-disabled')
-        ),
-        fade-contrast: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-fade-contrast-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-fade-contrast-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-fade-contrast-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-fade-contrast-states-disabled')
-        ),
-        error: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-error-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-error-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-error-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-error-states-disabled')
-        ),
-        success: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-success-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-success-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-success-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-success-states-disabled')
-        ),
-        warning: (
-            default: map.get($tokens, 'icon-button-#{$scheme}-warning-default'),
-            state-hover: map.get($tokens, 'icon-button-#{$scheme}-warning-states-hover'),
-            state-active: map.get($tokens, 'icon-button-#{$scheme}-warning-states-active'),
-            state-disabled: map.get($tokens, 'icon-button-#{$scheme}-warning-states-disabled')
-        )
-    );
-
-    $link: (
-        text: map.get($tokens, 'link-#{$scheme}-text'),
-        border-bottom: map.get($tokens, 'link-#{$scheme}-border-bottom'),
-        state-visited: (
-            text: map.get($tokens, 'link-#{$scheme}-state-visited-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-visited-border-bottom')
-        ),
-        state-visited-hover: (
-            text: map.get($tokens, 'link-#{$scheme}-state-visited-hover-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-visited-hover-border-bottom')
-        ),
-        state-visited-active: (
-            text: map.get($tokens, 'link-#{$scheme}-state-visited-active-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-visited-active-border-bottom')
-        ),
-        state-hover: (
-            text: map.get($tokens, 'link-#{$scheme}-state-hover-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-hover-border-bottom')
-        ),
-        state-active: (
-            text: map.get($tokens, 'link-#{$scheme}-state-active-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-active-border-bottom')
-        ),
-        state-focused: (
-            outline: map.get($tokens, 'link-#{$scheme}-state-focused-outline')
-        ),
-        state-disabled: (
-            text: map.get($tokens, 'link-#{$scheme}-state-disabled-text'),
-            border-bottom: map.get($tokens, 'link-#{$scheme}-state-disabled-border-bottom')
-        )
-    );
-
-    $list-item: (
-        default: (
-            container-background: map.get($tokens, 'list-#{$scheme}-default-container-background'),
-            text: map.get($tokens, 'list-#{$scheme}-default-text-color'),
-            icon: map.get($tokens, 'list-#{$scheme}-default-icon-color'),
-            icon-button: map.get($tokens, 'list-#{$scheme}-default-icon-button-color'),
-            caption: map.get($tokens, 'list-#{$scheme}-default-caption-color')
-        ),
-        states-hover: (
-            container-background: map.get($tokens, 'list-#{$scheme}-states-hover-container-background'),
-            text: map.get($tokens, 'list-#{$scheme}-states-hover-text-color'),
-            icon: map.get($tokens, 'list-#{$scheme}-states-hover-icon-color'),
-            icon-button: map.get($tokens, 'list-#{$scheme}-states-hover-icon-button-color')
-        ),
-        states-selected: (
-            container-background: map.get($tokens, 'list-#{$scheme}-states-selected-container-background'),
-            text: map.get($tokens, 'list-#{$scheme}-states-selected-text-color'),
-            icon: map.get($tokens, 'list-#{$scheme}-states-selected-icon-color'),
-            icon-button: map.get($tokens, 'list-#{$scheme}-states-selected-icon-button-color')
-        ),
-        states-selected-hover: (
-            container-background: map.get($tokens, 'list-#{$scheme}-states-selected-hover-container-background'),
-            text: map.get($tokens, 'list-#{$scheme}-states-selected-hover-text-color'),
-            icon: map.get($tokens, 'list-#{$scheme}-states-selected-hover-icon-color'),
-            icon-button: map.get($tokens, 'list-#{$scheme}-states-selected-hover-icon-button-color')
-        ),
-        states-focused: (
-            focus-outline: map.get($tokens, 'list-#{$scheme}-states-focused-focus-outline-color')
-        ),
-        states-disabled: (
-            container-background: map.get($tokens, 'list-#{$scheme}-states-disabled-container-background'),
-            text: map.get($tokens, 'list-#{$scheme}-states-disabled-text-color'),
-            icon: map.get($tokens, 'list-#{$scheme}-states-disabled-icon-color'),
-            icon-button: map.get($tokens, 'list-#{$scheme}-states-disabled-icon-button-color'),
-            caption: map.get($tokens, 'list-#{$scheme}-states-disabled-caption-color')
-        )
-    );
-
-    $loader-overlay: (
-        filled: (
-            background: map.get($tokens, 'loader-overlay-#{$scheme}-filled-overlay-background'),
-            text: map.get($tokens, 'loader-overlay-#{$scheme}-filled-text-color'),
-            caption: map.get($tokens, 'loader-overlay-#{$scheme}-filled-caption-color')
-        ),
-        transparent: (
-            background: map.get($tokens, 'loader-overlay-#{$scheme}-transparent-overlay-background'),
-            text: map.get($tokens, 'loader-overlay-#{$scheme}-transparent-text-color'),
-            caption: map.get($tokens, 'loader-overlay-#{$scheme}-transparent-caption-color')
-        )
-    );
-
-    $modal: (
-        container-background: map.get($tokens, 'modal-#{$scheme}-container-background'),
-        container-box-shadow: map.get($tokens, 'modal-#{$scheme}-container-shadow'),
-        close-button: map.get($tokens, 'modal-#{$scheme}-close-button-color'),
-        header: map.get($tokens, 'modal-#{$scheme}-header-text-color'),
-        content: map.get($tokens, 'modal-#{$scheme}-content-text-color'),
-        overlay: map.get($tokens, 'modal-#{$scheme}-overlay-background')
-    );
-
-    $markdown: (
-        h1-color: map.get($tokens, 'markdown-h1-#{$scheme}-color'),
-        h2-color: map.get($tokens, 'markdown-h2-#{$scheme}-color'),
-        h3-color: map.get($tokens, 'markdown-h3-#{$scheme}-color'),
-        h4-color: map.get($tokens, 'markdown-h4-#{$scheme}-color'),
-        h5-color: map.get($tokens, 'markdown-h5-#{$scheme}-color'),
-        h6-color: map.get($tokens, 'markdown-h6-#{$scheme}-color'),
-        p-color: map.get($tokens, 'markdown-p-#{$scheme}-color'),
-        list-color: map.get($tokens, 'markdown-list-#{$scheme}-color'),
-        blockquote-text: map.get($tokens, 'markdown-blockquote-#{$scheme}-text'),
-        blockquote-line: map.get($tokens, 'markdown-blockquote-#{$scheme}-line'),
-        blockquote-background: map.get($tokens, 'markdown-blockquote-#{$scheme}-background'),
-        blockquote-border: map.get($tokens, 'markdown-blockquote-#{$scheme}-border'),
-        code-text: map.get($tokens, 'markdown-code-#{$scheme}-text'),
-        code-background: map.get($tokens, 'markdown-code-#{$scheme}-background'),
-        code-border: map.get($tokens, 'markdown-code-#{$scheme}-border'),
-        link-text: map.get($tokens, 'markdown-link-#{$scheme}-text'),
-        link-border-bottom: map.get($tokens, 'markdown-link-#{$scheme}-border-bottom'),
-        link-state-visited-text: map.get($tokens, 'markdown-link-#{$scheme}-state-visited-text'),
-        link-state-visited-border-bottom: map.get($tokens, 'markdown-link-#{$scheme}-state-visited-border-bottom'),
-        link-state-hover-text: map.get($tokens, 'markdown-link-#{$scheme}-state-hover-text'),
-        link-state-hover-border-bottom: map.get($tokens, 'markdown-link-#{$scheme}-state-hover-border-bottom'),
-        link-state-active-text: map.get($tokens, 'markdown-link-#{$scheme}-state-active'),
-        link-state-focused-outline: map.get($tokens, 'markdown-link-#{$scheme}-state-focused-outline'),
-        image-caption-text: map.get($tokens, 'markdown-image-#{$scheme}-caption-text'),
-        hr-color: map.get($tokens, 'markdown-hr-#{$scheme}-color'),
-        table-header: map.get($tokens, 'markdown-table-#{$scheme}-header'),
-        table-body: map.get($tokens, 'markdown-table-#{$scheme}-body'),
-        table-border: map.get($tokens, 'markdown-table-#{$scheme}-border')
-    );
-
-    $navbar: (
-        background: map.get($tokens, 'navbar-#{$scheme}-background'),
-        border: map.get($tokens, 'navbar-#{$scheme}-border'),
-        item: (
-            default: (
-                background: map.get($tokens, 'navbar-item-#{$scheme}-default-content-background'),
-                text: map.get($tokens, 'navbar-item-#{$scheme}-default-content-text'),
-                icon-left: map.get($tokens, 'navbar-item-#{$scheme}-default-content-icon-left'),
-                icon-right: map.get($tokens, 'navbar-item-#{$scheme}-default-content-icon-right')
-            ),
-            states-hover: (
-                background: map.get($tokens, 'navbar-item-#{$scheme}-states-hover-content-background'),
-                text: map.get($tokens, 'navbar-item-#{$scheme}-states-hover-content-text'),
-                icon-left: map.get($tokens, 'navbar-item-#{$scheme}-states-hover-content-icon-left'),
-                icon-right: map.get($tokens, 'navbar-item-#{$scheme}-states-hover-content-icon-right')
-            ),
-            states-selected: (
-                background: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-content-background'),
-                text: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-content-text'),
-                icon-left: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-content-icon-left'),
-                icon-right: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-content-icon-right')
-            ),
-            states-selected-hover: (
-                background: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-hover-content-background'),
-                text: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-hover-content-text'),
-                icon-left: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-hover-content-icon-left'),
-                icon-right: map.get($tokens, 'navbar-item-#{$scheme}-states-selected-hover-content-icon-right')
-            ),
-            states-disabled: (
-                background: map.get($tokens, 'navbar-item-#{$scheme}-states-disabled-content-background'),
-                text: map.get($tokens, 'navbar-item-#{$scheme}-states-disabled-content-text'),
-                icon-left: map.get($tokens, 'navbar-item-#{$scheme}-states-disabled-content-icon-left'),
-                icon-right: map.get($tokens, 'navbar-item-#{$scheme}-states-disabled-content-icon-right')
-            )
-        )
-    );
-
-    $popover: (
-        container: (
-            background: map.get($tokens, 'popover-#{$scheme}-container-background'),
-            box-shadow: map.get($tokens, 'popover-#{$scheme}-container-box-shadow')
-        ),
-        header: (
-            text: map.get($tokens, 'popover-#{$scheme}-header-text-color'),
-            scroll-shadow: map.get($tokens, 'popover-#{$scheme}-header-scroll-shadow')
-        ),
-        content: (
-            text: map.get($tokens, 'popover-#{$scheme}-content-text-color')
-        ),
-        footer: (
-            scroll-shadow: map.get($tokens, 'popover-#{$scheme}-footer-scroll-shadow')
-        )
-    );
-
-    $progress-bar: (
-        bar: (
-            background: map.get($tokens, 'progress-bar-#{$scheme}-bar-background'),
-            foreground: map.get($tokens, 'progress-bar-#{$scheme}-bar-foreground')
-        ),
-        text: map.get($tokens, 'progress-bar-#{$scheme}-text-color'),
-        caption: map.get($tokens, 'progress-bar-#{$scheme}-caption-color')
-    );
-
-    $progress-spinner: (
-        circle: map.get($tokens, 'progress-spinner-#{$scheme}-circle-background'),
-        text: map.get($tokens, 'progress-spinner-#{$scheme}-text-color'),
-        caption: map.get($tokens, 'progress-spinner-#{$scheme}-caption-color')
-    );
-
-    $radio: (
-        theme: (
-            default: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-default-outer-circle-border'),
-                outer-circle-background: map.get($tokens, 'radio-#{$scheme}-theme-default-outer-circle-background'),
-                inner-circle-background: map.get($tokens, 'radio-#{$scheme}-theme-default-inner-circle-background'),
-                caption: map.get($tokens, 'radio-#{$scheme}-theme-default-caption')
-            ),
-
-            states-hover: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-hover-outer-circle-border'),
-                outer-circle-background: map.get($tokens, 'radio-#{$scheme}-theme-states-hover-outer-circle-background'),
-                inner-circle-background: map.get($tokens, 'radio-#{$scheme}-theme-states-hover-inner-circle-background')
-            ),
-            states-checked: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-inner-circle-background'
-                    )
-            ),
-            states-checked-hover: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-hover-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background'
-                    )
-            ),
-            states-checked-disabled: (
-                outer-circle-border: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'
-                    ),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background'
-                    )
-            ),
-            states-focused: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-focused-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-focused-inner-circle-background'
-                    ),
-                outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-shadow')
-            ),
-            states-checked-focused: (
-                outer-circle-border: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-focused-outer-circle-border'
-                    ),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-focused-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-focused-inner-circle-background'
-                    ),
-                outer-circle-shadow: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-checked-focused-outer-circle-shadow'
-                    )
-            ),
-            states-disabled: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-disabled-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-theme-states-disabled-inner-circle-background'
-                    ),
-                caption: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-caption')
-            )
-        ),
-        error: (
-            default: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-default-outer-circle-border'),
-                outer-circle-background: map.get($tokens, 'radio-#{$scheme}-error-default-outer-circle-background'),
-                inner-circle-background: map.get($tokens, 'radio-#{$scheme}-error-default-inner-circle-background')
-            ),
-
-            states-hover: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-hover-outer-circle-border'),
-                outer-circle-background: map.get($tokens, 'radio-#{$scheme}-error-states-hover-outer-circle-background'),
-                inner-circle-background: map.get($tokens, 'radio-#{$scheme}-error-states-hover-inner-circle-background')
-            ),
-            states-checked: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-inner-circle-background'
-                    )
-            ),
-            states-checked-hover: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-hover-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-hover-inner-circle-background'
-                    )
-            ),
-            states-checked-disabled: (
-                outer-circle-border: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'
-                    ),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background'
-                    )
-            ),
-            states-focused: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-focused-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-focused-inner-circle-background'
-                    ),
-                outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-shadow')
-            ),
-            states-checked-focused: (
-                outer-circle-border: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-focused-outer-circle-border'
-                    ),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-focused-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-focused-inner-circle-background'
-                    ),
-                outer-circle-shadow: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-checked-focused-outer-circle-shadow'
-                    )
-            ),
-            states-disabled: (
-                outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-disabled-outer-circle-border'),
-                outer-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-disabled-outer-circle-background'
-                    ),
-                inner-circle-background: map.get(
-                        $tokens,
-                        'radio-#{$scheme}-error-states-disabled-inner-circle-background'
-                    )
-            )
-        )
-    );
-
-    $select-panel: (
-        background: map.get($tokens, 'select-panel-#{$scheme}-dropdown-background'),
-        shadow: map.get($tokens, 'select-panel-#{$scheme}-dropdown-shadow')
-    );
-
-    $sidepanel: (
-        box-shadow: map.get($tokens, 'sidepanel-#{$scheme}-container-box-shadow'),
-        background: map.get($tokens, 'sidepanel-#{$scheme}-container-background'),
-        header-text: map.get($tokens, 'sidepanel-#{$scheme}-header-text-color'),
-        content-text: map.get($tokens, 'sidepanel-#{$scheme}-content-text-color'),
-        overlay: map.get($tokens, 'sidepanel-#{$scheme}-overlay-background')
-    );
-
-    $tab-item: (
-        filled: (
-            on-background: (
-                default: (
-                    background: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-default-background'),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-default-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-default-icon-color')
-                ),
-                states-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-hover-background'
-                        )
-                ),
-                states-focused: (
-                    border-color: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-focused-focus-outline-color'
-                        )
-                ),
-                states-selected: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-background'
-                        )
-                ),
-                states-selected-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-hover-background'
-                        )
-                ),
-                states-selected-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-background'
-                        ),
-                    text: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-text-color'
-                        ),
-                    icon: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-icon-color'
-                        )
-                ),
-                states-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-background'
-                        ),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-icon-color')
-                )
-            ),
-            on-surface: (
-                default: (
-                    background: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-default-background'),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-default-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-default-icon-color')
-                ),
-                states-hover: (
-                    background: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-hover-background')
-                ),
-                states-focused: (
-                    border-color: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-focused-focus-outline-color'
-                        )
-                ),
-                states-selected: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-background'
-                        )
-                ),
-                states-selected-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-hover-background'
-                        )
-                ),
-                states-selected-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-background'
-                        ),
-                    text: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-text-color'
-                        ),
-                    icon: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-icon-color'
-                        )
-                ),
-                states-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-background'
-                        ),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-icon-color')
-                )
-            )
-        ),
-        transparent: (
-            on-background: (
-                default: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-default-background'
-                        ),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-icon-color')
-                ),
-                states-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-hover-background'
-                        )
-                ),
-                states-focused: (
-                    border-color: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-focused-focus-outline-color'
-                        )
-                ),
-                states-selected: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-background'
-                        )
-                ),
-                states-selected-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-hover-background'
-                        )
-                ),
-                states-selected-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-background'
-                        ),
-                    text: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-text-color'
-                        ),
-                    icon: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-icon-color'
-                        )
-                ),
-                states-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-background'
-                        ),
-                    text: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-text-color'
-                        ),
-                    icon: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-icon-color'
-                        )
-                )
-            ),
-            on-surface: (
-                default: (
-                    background: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-default-background'),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-default-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-default-icon-color')
-                ),
-                states-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-hover-background'
-                        )
-                ),
-                states-focused: (
-                    border-color: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-focused-focus-outline-color'
-                        )
-                ),
-                states-selected: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-background'
-                        )
-                ),
-                states-selected-hover: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-hover-background'
-                        )
-                ),
-                states-selected-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-background'
-                        ),
-                    text: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-text-color'
-                        ),
-                    icon: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-icon-color'
-                        )
-                ),
-                states-disabled: (
-                    background: map.get(
-                            $tokens,
-                            'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-background'
-                        ),
-                    text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-text-color'),
-                    icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-icon-color')
-                )
-            )
-        )
-    );
-
-    $tab-stack: (
-        filled: (
-            on-background: (
-                background: map.get($tokens, 'tabs-#{$scheme}-tab-stack-filled-on-background-background')
-            ),
-            on-surface: (
-                background: map.get($tokens, 'tabs-#{$scheme}-tab-stack-filled-on-surface-background')
-            )
-        ),
-
-        transparent: (
-            on-background: (
-                background: map.get($tokens, 'tabs-#{$scheme}-tab-stack-transparent-on-background-background')
-            ),
-            on-surface: (
-                background: map.get($tokens, 'tabs-#{$scheme}-tab-stack-transparent-on-surface-background')
-            )
-        )
-    );
-
-    $tag: (
-        theme-fade-on: (
-            default: (
-                background: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-default-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-default-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-default-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-default-close-button')
-            ),
-            states-hover: (
-                background: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-hover-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-hover-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-hover-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-hover-close-button')
-            ),
-            states-focus: (
-                background: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-focus-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-focus-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-focus-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-focus-close-button'),
-                outline: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-focus-outline')
-            ),
-            states-disabled: (
-                background: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-disabled-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-disabled-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-disabled-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-theme-fade-on-states-disabled-close-button')
-            )
-        ),
-        contrast-fade-on: (
-            default: (
-                background: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-default-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-default-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-default-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-default-close-button')
-            ),
-            states-hover: (
-                background: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-hover-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-hover-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-hover-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-hover-close-button')
-            ),
-            states-focus: (
-                background: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-focus-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-focus-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-focus-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-focus-close-button'),
-                outline: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-focus-outline')
-            ),
-            states-disabled: (
-                background: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-disabled-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-disabled-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-disabled-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-contrast-fade-on-states-disabled-close-button')
-            )
-        ),
-        error-fade-on: (
-            default: (
-                background: map.get($tokens, 'tag-#{$scheme}-error-fade-on-default-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-error-fade-on-default-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-error-fade-on-default-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-error-fade-on-default-close-button')
-            ),
-            states-hover: (
-                background: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-hover-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-hover-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-hover-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-hover-close-button')
-            ),
-            states-focus: (
-                background: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-focus-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-focus-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-focus-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-focus-close-button'),
-                outline: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-focus-outline')
-            ),
-            states-disabled: (
-                background: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-disabled-background'),
-                text: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-disabled-text'),
-                icon: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-disabled-icon'),
-                close-button: map.get($tokens, 'tag-#{$scheme}-error-fade-on-states-disabled-close-button')
-            )
-        )
-    );
-
-    $toggle: (
-        theme: (
-            default: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-default-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-default-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-default-circle-background')
-            ),
-            states-hover: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-hover-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-hover-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-hover-circle-background')
-            ),
-            states-checked: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-circle-background')
-            ),
-            states-checked-hover: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-hover-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-hover-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-hover-circle-background')
-            ),
-            states-focused: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-focused-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-focused-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-focused-circle-background'),
-                focus-outline: map.get($tokens, 'toggle-#{$scheme}-theme-states-focused-focus-outline')
-            ),
-            states-checked-focused: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-focused-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-focused-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-focused-circle-background'),
-                focus-outline: map.get($tokens, 'toggle-#{$scheme}-theme-states-checked-focused-focus-outline')
-            ),
-            states-disabled: (
-                border: map.get($tokens, 'toggle-#{$scheme}-theme-states-disabled-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-theme-states-disabled-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-theme-states-disabled-circle-background')
-            )
-        ),
-        error: (
-            default: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-default-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-default-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-default-circle-background')
-            ),
-            states-hover: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-hover-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-hover-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-hover-circle-background')
-            ),
-            states-checked: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-circle-background')
-            ),
-            states-checked-hover: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-hover-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-hover-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-hover-circle-background')
-            ),
-            states-focused: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-focused-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-focused-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-focused-circle-background'),
-                focus-outline: map.get($tokens, 'toggle-#{$scheme}-error-states-focused-focus-outline')
-            ),
-            states-checked-focused: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-focused-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-focused-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-focused-circle-background'),
-                focus-outline: map.get($tokens, 'toggle-#{$scheme}-error-states-checked-focused-focus-outline')
-            ),
-            states-disabled: (
-                border: map.get($tokens, 'toggle-#{$scheme}-error-states-disabled-border'),
-                background: map.get($tokens, 'toggle-#{$scheme}-error-states-disabled-background'),
-                circle-background: map.get($tokens, 'toggle-#{$scheme}-error-states-disabled-circle-background')
-            )
-        )
-    );
-
-    $timezone: (
-        text: map.get($tokens, 'timezone-option-#{$scheme}-text'),
-        caption: map.get($tokens, 'timezone-option-#{$scheme}-caption'),
-        optgroup-label: map.get($tokens, 'timezone-option-#{$scheme}-optgroup-label')
-    );
-
-    $toast: (
-        contrast: (
-            background: map.get($tokens, 'toast-#{$scheme}-contrast-container-background'),
-            title: map.get($tokens, 'toast-#{$scheme}-contrast-container-title'),
-            text: map.get($tokens, 'toast-#{$scheme}-contrast-container-text'),
-            box-shadow: map.get($tokens, 'toast-#{$scheme}-contrast-container-shadow')
-        ),
-        success: (
-            background: map.get($tokens, 'toast-#{$scheme}-success-container-background'),
-            title: map.get($tokens, 'toast-#{$scheme}-success-container-title'),
-            text: map.get($tokens, 'toast-#{$scheme}-success-container-text'),
-            box-shadow: map.get($tokens, 'toast-#{$scheme}-success-container-shadow')
-        ),
-        warning: (
-            background: map.get($tokens, 'toast-#{$scheme}-warning-container-background'),
-            title: map.get($tokens, 'toast-#{$scheme}-warning-container-title'),
-            text: map.get($tokens, 'toast-#{$scheme}-warning-container-text'),
-            box-shadow: map.get($tokens, 'toast-#{$scheme}-warning-container-shadow')
-        ),
-        error: (
-            background: map.get($tokens, 'toast-#{$scheme}-error-container-background'),
-            title: map.get($tokens, 'toast-#{$scheme}-error-container-title'),
-            text: map.get($tokens, 'toast-#{$scheme}-error-container-text'),
-            box-shadow: map.get($tokens, 'toast-#{$scheme}-error-container-shadow')
-        )
-    );
-
-    $tooltip: (
-        theme-fade-off: (
-            background: map.get($tokens, 'tooltip-#{$scheme}-theme-fade-off-background'),
-            text: map.get($tokens, 'tooltip-#{$scheme}-theme-fade-off-text'),
-            shadow: map.get($tokens, 'tooltip-#{$scheme}-theme-fade-off-shadow')
-        ),
-        contrast-fade-on: (
-            background: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-on-background'),
-            text: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-on-text'),
-            shadow: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-on-shadow')
-        ),
-        contrast-fade-off: (
-            background: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-off-background'),
-            text: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-off-text'),
-            shadow: map.get($tokens, 'tooltip-#{$scheme}-contrast-fade-off-shadow')
-        ),
-        warning-fade-off: (
-            background: map.get($tokens, 'tooltip-#{$scheme}-warning-fade-off-background'),
-            text: map.get($tokens, 'tooltip-#{$scheme}-warning-fade-off-text'),
-            shadow: map.get($tokens, 'tooltip-#{$scheme}-warning-fade-off-shadow')
-        ),
-        error-fade-off: (
-            background: map.get($tokens, 'tooltip-#{$scheme}-error-fade-off-background'),
-            text: map.get($tokens, 'tooltip-#{$scheme}-error-fade-off-text'),
-            shadow: map.get($tokens, 'tooltip-#{$scheme}-error-fade-off-shadow')
-        )
-    );
-
-    $tree-item: (
-        default: (
-            container-background: map.get($tokens, 'tree-#{$scheme}-default-container-background'),
-            text: map.get($tokens, 'tree-#{$scheme}-default-text-color'),
-            icon: map.get($tokens, 'tree-#{$scheme}-default-icon-color'),
-            tree-toggle: map.get($tokens, 'tree-#{$scheme}-default-tree-toggle-color'),
-            action-button: map.get($tokens, 'tree-#{$scheme}-default-action-button-color'),
-            caption: map.get($tokens, 'tree-#{$scheme}-default-caption-color')
-        ),
-        states-hover: (
-            container-background: map.get($tokens, 'tree-#{$scheme}-states-hover-container-background'),
-            text: map.get($tokens, 'tree-#{$scheme}-states-hover-text-color'),
-            icon: map.get($tokens, 'tree-#{$scheme}-states-hover-icon-color'),
-            tree-toggle: map.get($tokens, 'tree-#{$scheme}-states-hover-tree-toggle-color'),
-            action-button: map.get($tokens, 'tree-#{$scheme}-states-hover-action-button-color'),
-            caption: map.get($tokens, 'tree-#{$scheme}-states-hover-caption-color')
-        ),
-        states-selected: (
-            container-background: map.get($tokens, 'tree-#{$scheme}-states-selected-container-background'),
-            text: map.get($tokens, 'tree-#{$scheme}-states-selected-text-color'),
-            icon: map.get($tokens, 'tree-#{$scheme}-states-selected-icon-color'),
-            tree-toggle: map.get($tokens, 'tree-#{$scheme}-states-selected-tree-toggle-color'),
-            action-button: map.get($tokens, 'tree-#{$scheme}-states-selected-action-button-color'),
-            caption: map.get($tokens, 'tree-#{$scheme}-states-selected-caption-color')
-        ),
-        states-selected-hover: (
-            container-background: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-container-background'),
-            text: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-text-color'),
-            icon: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-icon-color'),
-            tree-toggle: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-tree-toggle-color'),
-            action-button: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-action-button-color'),
-            caption: map.get($tokens, 'tree-#{$scheme}-states-selected-hover-caption-color')
-        ),
-        states-focused: (
-            focus-outline: map.get($tokens, 'tree-#{$scheme}-states-focused-focus-outline-color')
-        ),
-        states-disabled: (
-            container-background: map.get($tokens, 'tree-#{$scheme}-states-disabled-container-background'),
-            text: map.get($tokens, 'tree-#{$scheme}-states-disabled-text-color'),
-            icon: map.get($tokens, 'tree-#{$scheme}-states-disabled-icon-color'),
-            tree-toggle: map.get($tokens, 'tree-#{$scheme}-states-disabled-tree-toggle-color'),
-            action-button: map.get($tokens, 'tree-#{$scheme}-states-disabled-action-button-color'),
-            caption: map.get($tokens, 'tree-#{$scheme}-states-disabled-caption-color')
-        )
-    );
-
-    $scrollbar: (
-        default: map.get($tokens, 'scrollbar-#{$scheme}-thumb-default-background'),
-        hover: map.get($tokens, 'scrollbar-#{$scheme}-thumb-hover-background'),
-        active: map.get($tokens, 'scrollbar-#{$scheme}-thumb-active-background'),
-        disabled: map.get($tokens, 'scrollbar-#{$scheme}-thumb-disabled-background'),
-        track: (
-            default: map.get($tokens, 'scrollbar-#{$scheme}-track-default-background'),
-            hover: map.get($tokens, 'scrollbar-#{$scheme}-track-hover-background'),
-            active: map.get($tokens, 'scrollbar-#{$scheme}-track-active-background')
-        )
-    );
-
-    @return (
-        alert: $alert,
-        popup: $popup,
-        dropdown: $dropdown,
-        badge: $badge,
-        button: $button,
-        button-toggle: $button-toggle,
-        checkbox: $checkbox,
-        code-block: $code-block,
-        datepicker: $datepicker,
-        divider: $divider,
-        dl: $dl,
-        empty-state: $empty-state,
-        file-upload: $file-upload,
-        form-field: $form-field,
-        form-field-hint: $form-field-hint,
-        hint: $hint,
-        forms: $forms,
-        icon: $icon,
-        icon-item: $icon-item,
-        icon-button: $icon-button,
-        link: $link,
-        list-item: $list-item,
-        loader-overlay: $loader-overlay,
-        modal: $modal,
-        markdown: $markdown,
-        navbar: $navbar,
-        popover: $popover,
-        progress-bar: $progress-bar,
-        progress-spinner: $progress-spinner,
-        radio: $radio,
-        select-panel: $select-panel,
-        sidepanel: $sidepanel,
-        tab-item: $tab-item,
-        tab-stack: $tab-stack,
-        tag: $tag,
-        timezone: $timezone,
-        toast: $toast,
-        toggle: $toggle,
-        tooltip: $tooltip,
-        tree-item: $tree-item,
-        scrollbar: $scrollbar
-    );
-}