"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 _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
const config = {
    defaults: {
        view: 'default',
        helperTextView: 'default',
        focused: 'true',
        size: 'm'
    },
    variations: {
        view: {
            default: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.inverseTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceSolidDefault};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceSolidDefault};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.inverseTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            accent: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceAccent};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceAccentHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceAccentActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceAccent};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceAccentHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceAccentActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            secondary: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceTransparentSecondary};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceTransparentSecondaryHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceTransparentSecondaryActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceTransparentSecondary};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceTransparentSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceTransparentSecondaryActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            clear: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.textPrimaryHover};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.textPrimaryActive};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.textPrimaryHover};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.textPrimaryActive};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            success: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfacePositive};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfacePositiveHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfacePositiveActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfacePositive};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfacePositiveHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfacePositiveActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            warning: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceWarning};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceWarningHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceWarningActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceWarning};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceWarningHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceWarningActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            critical: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.surfaceNegative};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.surfaceNegativeHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.surfaceNegativeActive};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.surfaceNegative};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.surfaceNegativeHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.surfaceNegativeActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            dark: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.onLightSurfaceTransparentDeep};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.onLightSurfaceTransparentDeepHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.onLightSurfaceTransparentDeepActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.onLightSurfaceTransparentDeep};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.onLightSurfaceTransparentDeepHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.onLightSurfaceTransparentDeepActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            black: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onDarkTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.onLightSurfaceSolidDefault};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.onLightSurfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.onLightSurfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.onLightSurfaceSolidDefault};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.onLightSurfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onDarkTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.onLightSurfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `,
            white: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.buttonColor}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.buttonValueColor}: ${_sdds_serv.onLightTextSecondary};
                ${_styledcomponents.attachTokens.buttonBackgroundColor}: ${_sdds_serv.onDarkSurfaceSolidDefault};
                ${_styledcomponents.attachTokens.buttonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.buttonBackgroundColor});
                ${_styledcomponents.attachTokens.buttonColorHover}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorHover}: ${_sdds_serv.onDarkSurfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.buttonColorActive}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.buttonBackgroundColorActive}: ${_sdds_serv.onDarkSurfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.buttonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.buttonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.cellColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellLabelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellTitleColor}: ${_sdds_serv.textPrimary};
                ${_styledcomponents.attachTokens.cellSubtitleColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.cellBackgroundColor}: transparent;

                ${_styledcomponents.attachTokens.iconButtonColor}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColor}: ${_sdds_serv.onDarkSurfaceSolidDefault};
                ${_styledcomponents.attachTokens.iconButtonLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonColorHover}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorHover}: ${_sdds_serv.onDarkSurfaceSolidDefaultHover};
                ${_styledcomponents.attachTokens.iconButtonColorActive}: ${_sdds_serv.onLightTextPrimary};
                ${_styledcomponents.attachTokens.iconButtonBackgroundColorActive}: ${_sdds_serv.onDarkSurfaceSolidDefaultActive};

                ${_styledcomponents.attachTokens.iconButtonDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.iconButtonCancelColor}: ${_sdds_serv.textSecondary};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${_styledcomponents.attachTokens.iconButtonCancelBackgroundColor});
                ${_styledcomponents.attachTokens.iconButtonCancelColorHover}: ${_sdds_serv.textSecondaryHover};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover}: ${_sdds_serv.surfaceClear};
                ${_styledcomponents.attachTokens.iconButtonCancelColorActive}: ${_sdds_serv.textSecondaryActive};
                ${_styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive}: ${_sdds_serv.surfaceClear};

                ${_styledcomponents.attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
                ${_styledcomponents.attachTokens.iconButtonCancelFocusColor}: ${_sdds_serv.surfaceAccent};

                ${_styledcomponents.attachTokens.moreIconColor}: ${_sdds_serv.textPrimary};
            `
        },
        helperTextView: {
            default: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.helperTextColor}: ${_sdds_serv.textSecondary};
            `,
            negative: (0, _styledcomponents.css)`
                ${_styledcomponents.attachTokens.helperTextColor}: ${_sdds_serv.textNegative};
            `
        },
        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}: ${_sdds_serv.bodyL.fontFamily};
                ${_styledcomponents.attachTokens.buttonFontSize}: ${_sdds_serv.bodyL.fontSize};
                ${_styledcomponents.attachTokens.buttonFontStyle}: ${_sdds_serv.bodyL.fontStyle};
                ${_styledcomponents.attachTokens.buttonFontWeight}: ${_sdds_serv.bodyLBold.fontWeight};
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
                ${_styledcomponents.attachTokens.buttonLineHeight}: ${_sdds_serv.bodyL.lineHeight};

                ${_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}: ${_sdds_serv.bodyM.fontFamily};
                ${_styledcomponents.attachTokens.cellLabelFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: ${_sdds_serv.bodyM.fontWeight};
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: ${_sdds_serv.bodyL.fontFamily};
                ${_styledcomponents.attachTokens.cellTitleFontSize}: ${_sdds_serv.bodyL.fontSize};
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: ${_sdds_serv.bodyL.fontStyle};
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: ${_sdds_serv.bodyL.fontWeight};
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: ${_sdds_serv.bodyL.lineHeight};

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: ${_sdds_serv.bodyM.fontFamily};
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: ${_sdds_serv.bodyM.fontWeight};
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_styledcomponents.attachTokens.iconButtonHeight}: 3.5rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 3.5rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1.5rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.875rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: ${_sdds_serv.bodyL.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonFontSize}: ${_sdds_serv.bodyL.fontSize};
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: ${_sdds_serv.bodyL.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: ${_sdds_serv.bodyLBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: ${_sdds_serv.bodyL.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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}: ${_sdds_serv.bodyM.fontFamily};
                ${_styledcomponents.attachTokens.buttonFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_styledcomponents.attachTokens.buttonFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.attachTokens.buttonFontWeight}: ${_sdds_serv.bodyMBold.fontWeight};
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_styledcomponents.attachTokens.buttonLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_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}: ${_sdds_serv.bodyS.fontFamily};
                ${_styledcomponents.attachTokens.cellLabelFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: ${_sdds_serv.bodyM.fontFamily};
                ${_styledcomponents.attachTokens.cellTitleFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: ${_sdds_serv.bodyM.fontWeight};
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_styledcomponents.attachTokens.iconButtonHeight}: 3rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 3rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1.25rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: ${_sdds_serv.bodyM.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonFontSize}: ${_sdds_serv.bodyM.fontSize};
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: ${_sdds_serv.bodyM.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: ${_sdds_serv.bodyMBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: ${_sdds_serv.bodyM.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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}: ${_sdds_serv.bodyS.fontFamily};
                ${_styledcomponents.attachTokens.buttonFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_styledcomponents.attachTokens.buttonFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.attachTokens.buttonFontWeight}: ${_sdds_serv.bodySBold.fontWeight};
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_styledcomponents.attachTokens.buttonLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.cellLabelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_styledcomponents.attachTokens.cellTitleFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: ${_sdds_serv.bodyS.fontWeight};
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_styledcomponents.attachTokens.iconButtonHeight}: 2.5rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 2.5rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 1rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.625rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: ${_sdds_serv.bodyS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonFontSize}: ${_sdds_serv.bodyS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: ${_sdds_serv.bodyS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: ${_sdds_serv.bodySBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: ${_sdds_serv.bodyS.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.buttonFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.buttonFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.buttonFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.buttonLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.buttonLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.cellLabelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.cellLabelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.cellLabelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_styledcomponents.attachTokens.cellLabelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.cellLabelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_styledcomponents.attachTokens.cellTitleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.cellTitleFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.cellTitleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.cellTitleFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_styledcomponents.attachTokens.cellTitleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.cellTitleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_styledcomponents.attachTokens.cellSubtitleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.cellSubtitleFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.cellSubtitleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.cellSubtitleFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
                ${_styledcomponents.attachTokens.cellSubtitleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.cellSubtitleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_styledcomponents.attachTokens.iconButtonHeight}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonWidth}: 2rem;
                ${_styledcomponents.attachTokens.iconButtonPadding}: 0.75rem;
                ${_styledcomponents.attachTokens.iconButtonRadius}: 0.5rem;
                ${_styledcomponents.attachTokens.iconButtonFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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}: ${_sdds_serv.bodyXS.fontFamily};
                ${_styledcomponents.attachTokens.iconButtonCancelFontSize}: ${_sdds_serv.bodyXS.fontSize};
                ${_styledcomponents.attachTokens.iconButtonCancelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
                ${_styledcomponents.attachTokens.iconButtonCancelFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
                ${_styledcomponents.attachTokens.iconButtonCancelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
                ${_styledcomponents.attachTokens.iconButtonCancelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};

                ${_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;
            `
        }
    }
};
