"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "config", {
    enumerable: true,
    get: function() {
        return config;
    }
});
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
const config = {
    defaults: {
        view: 'default',
        helperTextView: 'default',
        focused: 'true',
        size: 'm'
    },
    variations: {
        view: {
            default: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--inverse-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-solid-default);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--inverse-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            accent: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-accent);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-accent);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            secondary: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            clear: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--text-primary-hover);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--text-primary-active);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--text-primary-hover);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--text-primary-active);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            success: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-positive);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-positive);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            warning: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-warning);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-warning);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            critical: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--surface-negative);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--surface-negative);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            dark: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            black: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `,
            white: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.buttonValueColor}: var(--on-light-text-secondary);
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);
                ${_styledcomponents.attachTokens.buttonColorActive}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.cellColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellLabelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellTitleColor}: var(--text-primary);
                ${_styledcomponents.attachTokens.cellSubtitleColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);
                ${_styledcomponents.attachTokens.iconButtonColorActive}: var(--on-light-text-primary);
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: var(--text-secondary);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);

                ${_styledcomponents.attachTokens.moreIconColor}: var(--text-primary);
            `
        },
        helperTextView: {
            default: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.helperTextColor}: var(--text-secondary);
            `,
            negative: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.helperTextColor}: var(--text-negative);
            `
        },
        size: {
            l: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.horizontalGap}: 1.5rem;
                ${_styledcomponents.attachTokens.verticalGap}: 0.5rem;
                ${_styledcomponents.attachTokens.verticalGapWithHelperText}: 1.625rem;

                ${_styledcomponents.attachTokens.filenameWrapperHeight}: 3.5rem;
                ${_styledcomponents.attachTokens.filenameDropdownWrapperHeight}: 2.125rem;
                ${_styledcomponents.attachTokens.buttonHeight}: 3.5rem;
                ${_styledcomponents.attachTokens.buttonWidth}: 12.5rem;
                ${_styledcomponents.attachTokens.buttonPadding}: 1.5rem;
                ${_styledcomponents.attachTokens.buttonRadius}: 0.875rem;
                ${_styledcomponents.attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
                ${_styledcomponents.attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
                ${_styledcomponents.attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
                ${_styledcomponents.attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_styledcomponents.attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);

                ${_styledcomponents.attachTokens.buttonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.buttonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;
                ${_styledcomponents.attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;
                ${_styledcomponents.attachTokens.buttonValueMargin}: 0 0 0 0.25rem;

                ${_styledcomponents.attachTokens.cellWidth}: fit-content;

                ${_styledcomponents.attachTokens.cellPadding}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingLeftContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingRightContent}: 0rem;

                ${_styledcomponents.attachTokens.cellTextboxGap}: 0.125rem;
                ${_styledcomponents.attachTokens.cellGap}: 0.375rem;

                ${_styledcomponents.attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_styledcomponents.attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);
                ${_styledcomponents.attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_styledcomponents.attachTokens.iconButtonHeight}: 3.5rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 3.5rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1.5rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.875rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);
                ${_styledcomponents.attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);

                ${_styledcomponents.attachTokens.iconButtonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.iconButtonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.iconButtonCancelHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonCancelRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.moreIconPadding}: 0.75rem;

                ${_styledcomponents.attachTokens.dropdownBorderRadius}: 0.875rem;
                ${_styledcomponents.attachTokens.dropdownPadding}: 0.125rem;
                ${_styledcomponents.attachTokens.dropdownItemPadding}: 1rem;
            `,
            m: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.horizontalGap}: 1.25rem;
                ${_styledcomponents.attachTokens.verticalGap}: 0.5rem;
                ${_styledcomponents.attachTokens.verticalGapWithHelperText}: 1.625rem;

                ${_styledcomponents.attachTokens.filenameWrapperHeight}: 3rem;
                ${_styledcomponents.attachTokens.filenameDropdownWrapperHeight}: 2rem;
                ${_styledcomponents.attachTokens.buttonHeight}: 3rem;
                ${_styledcomponents.attachTokens.buttonWidth}: 11.25rem;
                ${_styledcomponents.attachTokens.buttonPadding}: 1.25rem;
                ${_styledcomponents.attachTokens.buttonRadius}: 0.75rem;
                ${_styledcomponents.attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_styledcomponents.attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
                ${_styledcomponents.attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_styledcomponents.attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_styledcomponents.attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_styledcomponents.attachTokens.buttonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.buttonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;
                ${_styledcomponents.attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;
                ${_styledcomponents.attachTokens.buttonValueMargin}: 0 0 0 0.25rem;

                ${_styledcomponents.attachTokens.cellWidth}: fit-content;

                ${_styledcomponents.attachTokens.cellPadding}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingLeftContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingRightContent}: 0rem;

                ${_styledcomponents.attachTokens.cellTextboxGap}: 0.125rem;
                ${_styledcomponents.attachTokens.cellGap}: 0.375rem;

                ${_styledcomponents.attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_styledcomponents.attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_styledcomponents.attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_styledcomponents.attachTokens.iconButtonHeight}: 3rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 3rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1.25rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
                ${_styledcomponents.attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);

                ${_styledcomponents.attachTokens.iconButtonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.iconButtonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.iconButtonCancelHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonCancelRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.moreIconPadding}: 0.5rem;

                ${_styledcomponents.attachTokens.dropdownBorderRadius}: 0.75rem;
                ${_styledcomponents.attachTokens.dropdownPadding}: 0.125rem;
                ${_styledcomponents.attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;
            `,
            s: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.horizontalGap}: 1rem;
                ${_styledcomponents.attachTokens.verticalGap}: 0.375rem;
                ${_styledcomponents.attachTokens.verticalGapWithHelperText}: 1.5rem;

                ${_styledcomponents.attachTokens.filenameWrapperHeight}: 2.5rem;
                ${_styledcomponents.attachTokens.filenameDropdownWrapperHeight}: 2rem;
                ${_styledcomponents.attachTokens.buttonHeight}: 2.5rem;
                ${_styledcomponents.attachTokens.buttonWidth}: 11.25rem;
                ${_styledcomponents.attachTokens.buttonPadding}: 1rem;
                ${_styledcomponents.attachTokens.buttonRadius}: 0.625rem;
                ${_styledcomponents.attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_styledcomponents.attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
                ${_styledcomponents.attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_styledcomponents.attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_styledcomponents.attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_styledcomponents.attachTokens.buttonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.buttonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;
                ${_styledcomponents.attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;
                ${_styledcomponents.attachTokens.buttonValueMargin}: 0 0 0 0.25rem;

                ${_styledcomponents.attachTokens.cellWidth}: fit-content;

                ${_styledcomponents.attachTokens.cellPadding}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingLeftContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingRightContent}: 0rem;

                ${_styledcomponents.attachTokens.cellTextboxGap}: 0.125rem;
                ${_styledcomponents.attachTokens.cellGap}: 0.375rem;

                ${_styledcomponents.attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_styledcomponents.attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonHeight}: 2.5rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 2.5rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.625rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
                ${_styledcomponents.attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);

                ${_styledcomponents.attachTokens.iconButtonSpinnerSize}: 1.375rem;
                ${_styledcomponents.attachTokens.iconButtonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.iconButtonCancelHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonCancelRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.moreIconPadding}: 0.25rem;

                ${_styledcomponents.attachTokens.dropdownBorderRadius}: 0.625rem;
                ${_styledcomponents.attachTokens.dropdownPadding}: 0.125rem;
                ${_styledcomponents.attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;
            `,
            xs: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.horizontalGap}: 0.75rem;
                ${_styledcomponents.attachTokens.verticalGap}: 0.25rem;
                ${_styledcomponents.attachTokens.verticalGapWithHelperText}: 1.375rem;

                ${_styledcomponents.attachTokens.filenameWrapperHeight}: 2rem;
                ${_styledcomponents.attachTokens.filenameDropdownWrapperHeight}: 2rem;
                ${_styledcomponents.attachTokens.buttonHeight}: 2rem;
                ${_styledcomponents.attachTokens.buttonWidth}: 10rem;
                ${_styledcomponents.attachTokens.buttonPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.buttonRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.buttonSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.buttonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;
                ${_styledcomponents.attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;
                ${_styledcomponents.attachTokens.buttonValueMargin}: 0 0 0 0.25rem;

                ${_styledcomponents.attachTokens.cellWidth}: fit-content;

                ${_styledcomponents.attachTokens.cellPadding}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingLeftContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingContent}: 0rem;
                ${_styledcomponents.attachTokens.cellPaddingRightContent}: 0rem;

                ${_styledcomponents.attachTokens.cellTextboxGap}: 0.125rem;
                ${_styledcomponents.attachTokens.cellGap}: 0.25rem;

                ${_styledcomponents.attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.iconButtonCancelHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonCancelPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonCancelRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);

                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerSize}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonCancelSpinnerColor}: inherit;

                ${_styledcomponents.attachTokens.moreIconPadding}: 0.25rem;

                ${_styledcomponents.attachTokens.dropdownBorderRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.dropdownPadding}: 0.125rem;
                ${_styledcomponents.attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;
            `
        }
    }
};
