UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

487 lines (486 loc) 35.7 kB
{ "dtFontSize100": "16px", "dtFontSize200": "20px", "dtFontSize300": "28px", "dtFontSize400": "41px", "dtFontSize500": "65px", "dtFontSize600": "105px", "dtSizeBorderFocus": "0.1875rem", "dtColorForegroundPrimary": "#E6E6E6", "dtColorForegroundSecondary": "#C2C2C2", "dtColorForegroundTertiary": "#AAAAAA", "dtColorForegroundMuted": "#D4D4D4", "dtColorForegroundPlaceholder": "#AAAAAA", "dtColorForegroundDisabled": "#AAAAAA", "dtColorForegroundCritical": "#FF8585", "dtColorForegroundCriticalStrong": "#FF8585", "dtColorForegroundSuccess": "#B0FFA3", "dtColorForegroundSuccessStrong": "#B0FFA3", "dtColorForegroundWarning": "#FFDB80", "dtColorForegroundPrimaryInverted": "#000000", "dtColorForegroundSecondaryInverted": "#3A3A3A", "dtColorForegroundTertiaryInverted": "#555555", "dtColorForegroundMutedInverted": "#262626", "dtColorForegroundPlaceholderInverted": "#808080", "dtColorForegroundDisabledInverted": "#808080", "dtColorForegroundCriticalInverted": "#EC0E0E", "dtColorForegroundCriticalStrongInverted": "#B70B0B", "dtColorForegroundSuccessInverted": "#1AA340", "dtColorForegroundSuccessStrongInverted": "#124620", "dtColorForegroundWarningInverted": "#815008", "dtColorLinkPrimary": "#AB7EFF", "dtColorLinkCritical": "#FF8585", "dtColorLinkSuccess": "#B0FFA3", "dtColorLinkWarning": "#FFDB80", "dtColorLinkMuted": "#C2C2C2", "dtColorLinkDisabled": "#AAAAAA", "dtColorLinkPrimaryInverted": "#7C52FF", "dtColorLinkCriticalInverted": "#EC0E0E", "dtColorLinkSuccessInverted": "#1AA340", "dtColorLinkWarningInverted": "#815008", "dtColorLinkMutedInverted": "#3A3A3A", "dtColorLinkDisabledInverted": "#808080", "dtColorLinkPrimaryHover": "#DAC7FF", "dtColorLinkCriticalHover": "#FFE5E6", "dtColorLinkSuccessHover": "#EDF9EB", "dtColorLinkWarningHover": "#FFF4CC", "dtColorLinkMutedHover": "#E6E6E6", "dtColorLinkDisabledHover": "#AAAAAA", "dtColorLinkPrimaryInvertedHover": "#3A1D95", "dtColorLinkCriticalInvertedHover": "#B70B0B", "dtColorLinkSuccessInvertedHover": "#124620", "dtColorLinkWarningInvertedHover": "#262626", "dtColorLinkMutedInvertedHover": "#000000", "dtColorLinkDisabledInvertedHover": "#808080", "dtColorSurfaceSecondaryOpaque": "#E6E6E6", "dtColorSurfaceModerateOpaque": "#E6E6E6", "dtColorSurfaceBoldOpaque": "#E6E6E6", "dtColorSurfaceStrongOpaque": "#E6E6E6", "dtColorSurfaceContrastOpaque": "#E6E6E6", "dtColorSurfaceBackdrop": "#000000", "dtColorSurfaceCriticalOpaque": "#B70B0B", "dtColorSurfaceCriticalSubtleOpaque": "#5B0505", "dtColorSurfaceWarningOpaque": "#D28F2B", "dtColorSurfaceWarningSubtleOpaque": "#815008", "dtColorSurfaceSuccessOpaque": "#1AA340", "dtColorSurfaceSuccessSubtleOpaque": "#124620", "dtColorSurfaceInfoOpaque": "#1768C6", "dtColorSurfaceInfoSubtleOpaque": "#01326D", "dtColorSurfacePrimary": "#000000", "dtColorSurfaceSecondary": "#262626", "dtColorSurfaceModerate": "#3A3A3A", "dtColorSurfaceBold": "#555555", "dtColorSurfaceStrong": "#AAAAAA", "dtColorSurfaceContrast": "#E6E6E6", "dtColorSurfaceCritical": "#5B0505", "dtColorSurfaceCriticalSubtle": "#5B0505", "dtColorSurfaceCriticalStrong": "#FF8585", "dtColorSurfaceWarning": "#815008", "dtColorSurfaceWarningSubtle": "#815008", "dtColorSurfaceWarningStrong": "#D28F2B", "dtColorSurfaceSuccess": "#124620", "dtColorSurfaceSuccessSubtle": "#124620", "dtColorSurfaceSuccessStrong": "#B0FFA3", "dtColorSurfaceInfo": "#01326D", "dtColorSurfaceInfoSubtle": "#01326D", "dtColorSurfaceInfoStrong": "#99C8FF", "dtColorBorderSubtle": "#ffffff", "dtColorBorderDefault": "#ffffff", "dtColorBorderModerate": "#ffffff", "dtColorBorderBold": "#ffffff", "dtColorBorderSubtleInverted": "#000000", "dtColorBorderDefaultInverted": "#000000", "dtColorBorderModerateInverted": "#000000", "dtColorBorderBoldInverted": "#000000", "dtColorBorderFocus": "#51A0FE", "dtColorBorderCritical": "#FF8585", "dtColorBorderSuccess": "#B0FFA3", "dtColorBorderWarning": "#FFDB80", "dtColorBorderBrand": "#7C52FF", "dtColorBorderAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)", "dtColorBorderAccent": "#F9008E", "dtColorBorderCriticalSubtle": "#B70B0B", "dtColorBorderCriticalStrong": "#FFE5E6", "dtColorBorderSuccessSubtle": "#1AA340", "dtColorBorderSuccessStrong": "#EDF9EB", "dtColorBorderWarningSubtle": "#D28F2B", "dtColorBorderWarningStrong": "#FFF4CC", "dtColorBorderBrandSubtle": "#3A1D95", "dtColorBorderBrandStrong": "#DAC7FF", "dtColorBorderCriticalInverted": "#EC0E0E", "dtColorBorderSuccessInverted": "#1AA340", "dtColorBorderWarningInverted": "#D28F2B", "dtColorBorderBrandInverted": "#7C52FF", "dtColorBorderCriticalSubtleInverted": "#FF8585", "dtColorBorderCriticalStrongInverted": "#B70B0B", "dtColorBorderSuccessSubtleInverted": "#B0FFA3", "dtColorBorderSuccessStrongInverted": "#124620", "dtColorBorderWarningSubtleInverted": "#FFDB80", "dtColorBorderWarningStrongInverted": "#815008", "dtColorBorderBrandSubtleInverted": "#DAC7FF", "dtColorBorderBrandStrongInverted": "#3A1D95", "dtTypographyBodyMdFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyBodyMdFontWeight": "400", "dtTypographyBodyMdLineHeight": "1.6", "dtTypographyBodyMdFontSize": "20px", "dtTypographyBodyMdTextCase": "none", "dtTypographyBodyMdCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyBodyMdCompactFontWeight": "400", "dtTypographyBodyMdCompactLineHeight": "1.4", "dtTypographyBodyMdCompactFontSize": "20px", "dtTypographyBodyMdCompactTextCase": "none", "dtTypographyBodySmFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyBodySmFontWeight": "400", "dtTypographyBodySmLineHeight": "1.4", "dtTypographyBodySmFontSize": "16px", "dtTypographyBodySmTextCase": "none", "dtTypographyBodySmCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyBodySmCompactFontWeight": "400", "dtTypographyBodySmCompactLineHeight": "1.2", "dtTypographyBodySmCompactFontSize": "16px", "dtTypographyBodySmCompactTextCase": "none", "dtTypographyHeadlineEyebrowFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineEyebrowFontWeight": "400", "dtTypographyHeadlineEyebrowLineHeight": "1.4", "dtTypographyHeadlineEyebrowFontSize": "16px", "dtTypographyHeadlineEyebrowTextCase": "uppercase", "dtTypographyHeadlineSmFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineSmFontWeight": "700", "dtTypographyHeadlineSmLineHeight": "1.4", "dtTypographyHeadlineSmFontSize": "20px", "dtTypographyHeadlineSmTextCase": "none", "dtTypographyHeadlineSmCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineSmCompactFontWeight": "700", "dtTypographyHeadlineSmCompactLineHeight": "1.2", "dtTypographyHeadlineSmCompactFontSize": "20px", "dtTypographyHeadlineSmCompactTextCase": "none", "dtTypographyHeadlineSmSoftFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineSmSoftFontWeight": "500", "dtTypographyHeadlineSmSoftLineHeight": "1.4", "dtTypographyHeadlineSmSoftFontSize": "20px", "dtTypographyHeadlineSmSoftTextCase": "none", "dtTypographyHeadlineSmSoftCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineSmSoftCompactFontWeight": "500", "dtTypographyHeadlineSmSoftCompactLineHeight": "1.2", "dtTypographyHeadlineSmSoftCompactFontSize": "20px", "dtTypographyHeadlineSmSoftCompactTextCase": "none", "dtTypographyHeadlineMdFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineMdFontWeight": "700", "dtTypographyHeadlineMdLineHeight": "1.6", "dtTypographyHeadlineMdFontSize": "28px", "dtTypographyHeadlineMdTextCase": "none", "dtTypographyHeadlineMdCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineMdCompactFontWeight": "700", "dtTypographyHeadlineMdCompactLineHeight": "1.4", "dtTypographyHeadlineMdCompactFontSize": "28px", "dtTypographyHeadlineMdCompactTextCase": "none", "dtTypographyHeadlineLgFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineLgFontWeight": "700", "dtTypographyHeadlineLgLineHeight": "1.6", "dtTypographyHeadlineLgFontSize": "41px", "dtTypographyHeadlineLgTextCase": "none", "dtTypographyHeadlineLgSoftFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineLgSoftFontWeight": "500", "dtTypographyHeadlineLgSoftLineHeight": "1.6", "dtTypographyHeadlineLgSoftFontSize": "41px", "dtTypographyHeadlineLgSoftTextCase": "none", "dtTypographyHeadlineLgCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineLgCompactFontWeight": "700", "dtTypographyHeadlineLgCompactLineHeight": "1.4", "dtTypographyHeadlineLgCompactFontSize": "41px", "dtTypographyHeadlineLgCompactTextCase": "none", "dtTypographyHeadlineLgSoftCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineLgSoftCompactFontWeight": "500", "dtTypographyHeadlineLgSoftCompactLineHeight": "1.4", "dtTypographyHeadlineLgSoftCompactFontSize": "41px", "dtTypographyHeadlineLgSoftCompactTextCase": "none", "dtTypographyHeadlineXlFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineXlFontWeight": "500", "dtTypographyHeadlineXlLineHeight": "1.2", "dtTypographyHeadlineXlFontSize": "65px", "dtTypographyHeadlineXlTextCase": "none", "dtTypographyHeadlineXlCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineXlCompactFontWeight": "500", "dtTypographyHeadlineXlCompactLineHeight": "1", "dtTypographyHeadlineXlCompactFontSize": "65px", "dtTypographyHeadlineXlCompactTextCase": "none", "dtTypographyHeadlineXxlFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineXxlFontWeight": "500", "dtTypographyHeadlineXxlLineHeight": "1.2", "dtTypographyHeadlineXxlFontSize": "105px", "dtTypographyHeadlineXxlTextCase": "none", "dtTypographyHeadlineXxlCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHeadlineXxlCompactFontWeight": "500", "dtTypographyHeadlineXxlCompactLineHeight": "1", "dtTypographyHeadlineXxlCompactFontSize": "105px", "dtTypographyHeadlineXxlCompactTextCase": "none", "dtTypographyLabelMdFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelMdFontWeight": "600", "dtTypographyLabelMdLineHeight": "1.6", "dtTypographyLabelMdFontSize": "20px", "dtTypographyLabelMdTextCase": "none", "dtTypographyLabelMdCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelMdCompactFontWeight": "600", "dtTypographyLabelMdCompactLineHeight": "1.4", "dtTypographyLabelMdCompactFontSize": "20px", "dtTypographyLabelMdCompactTextCase": "none", "dtTypographyLabelMdPlainFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelMdPlainFontWeight": "400", "dtTypographyLabelMdPlainLineHeight": "1.6", "dtTypographyLabelMdPlainFontSize": "20px", "dtTypographyLabelMdPlainTextCase": "none", "dtTypographyLabelMdPlainCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelMdPlainCompactFontWeight": "400", "dtTypographyLabelMdPlainCompactLineHeight": "1.4", "dtTypographyLabelMdPlainCompactFontSize": "20px", "dtTypographyLabelMdPlainCompactTextCase": "none", "dtTypographyLabelSmFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelSmFontWeight": "600", "dtTypographyLabelSmLineHeight": "1.4", "dtTypographyLabelSmFontSize": "16px", "dtTypographyLabelSmTextCase": "none", "dtTypographyLabelSmCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelSmCompactFontWeight": "600", "dtTypographyLabelSmCompactLineHeight": "1.2", "dtTypographyLabelSmCompactFontSize": "16px", "dtTypographyLabelSmCompactTextCase": "none", "dtTypographyLabelSmPlainFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelSmPlainFontWeight": "400", "dtTypographyLabelSmPlainLineHeight": "1.4", "dtTypographyLabelSmPlainFontSize": "16px", "dtTypographyLabelSmPlainTextCase": "none", "dtTypographyLabelSmPlainCompactFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyLabelSmPlainCompactFontWeight": "400", "dtTypographyLabelSmPlainCompactLineHeight": "1.2", "dtTypographyLabelSmPlainCompactFontSize": "16px", "dtTypographyLabelSmPlainCompactTextCase": "none", "dtTypographyHelperMdFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHelperMdFontWeight": "400", "dtTypographyHelperMdLineHeight": "1.4", "dtTypographyHelperMdFontSize": "20px", "dtTypographyHelperMdTextCase": "none", "dtTypographyHelperSmFontFamily": "Archivo, -apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyHelperSmFontWeight": "400", "dtTypographyHelperSmLineHeight": "1.2", "dtTypographyHelperSmFontSize": "16px", "dtTypographyHelperSmTextCase": "none", "dtTypographyCodeMdFontFamily": "SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace", "dtTypographyCodeMdFontWeight": "400", "dtTypographyCodeMdLineHeight": "1.2", "dtTypographyCodeMdFontSize": "20px", "dtTypographyCodeMdTextCase": "none", "dtTypographyCodeSmFontFamily": "SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace", "dtTypographyCodeSmFontWeight": "400", "dtTypographyCodeSmLineHeight": "1.2", "dtTypographyCodeSmFontSize": "16px", "dtTypographyCodeSmTextCase": "none", "dtTypographyInputsXsFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyInputsXsFontWeight": "400", "dtTypographyInputsXsFontSize": "16px", "dtTypographyInputsXsLineHeight": "1.2", "dtTypographyInputsSmFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyInputsSmFontWeight": "400", "dtTypographyInputsSmFontSize": "16px", "dtTypographyInputsSmLineHeight": "1.2", "dtTypographyInputsMdFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyInputsMdFontWeight": "400", "dtTypographyInputsMdFontSize": "20px", "dtTypographyInputsMdLineHeight": "1.2", "dtTypographyInputsLgFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyInputsLgFontWeight": "400", "dtTypographyInputsLgFontSize": "28px", "dtTypographyInputsLgLineHeight": "1.2", "dtTypographyInputsXlFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyInputsXlFontWeight": "400", "dtTypographyInputsXlFontSize": "16px", "dtTypographyInputsXlLineHeight": "1.2", "dtInputsSizeBorderDefault": "0.0938rem", "dtInputsSizeBorderStatus": "0.125rem", "dtInputsSizeRadiusXs": "0.25rem", "dtInputsSizeRadiusSm": "0.5rem", "dtInputsSizeRadiusMd": "0.5rem", "dtInputsSizeRadiusLg": "0.75rem", "dtInputsSizeRadiusXl": "1rem", "dtInputsLineHeightXs": "1.2", "dtInputsLineHeightSm": "1.2", "dtInputsLineHeightMd": "1.2", "dtInputsLineHeightLg": "1.2", "dtInputsLineHeightXl": "1.2", "dtInputsFontSizeXs": "16px", "dtInputsFontSizeSm": "16px", "dtInputsFontSizeMd": "20px", "dtInputsFontSizeLg": "28px", "dtInputsFontSizeXl": "16px", "dtInputsFontWeightXs": "400", "dtInputsFontWeightSm": "400", "dtInputsFontWeightMd": "400", "dtInputsFontWeightLg": "400", "dtInputsFontWeightXl": "400", "dtInputsColorForegroundDefault": "#E6E6E6", "dtInputsColorForegroundPlaceholder": "#AAAAAA", "dtInputsColorForegroundDisabled": "#AAAAAA", "dtInputsColorBorderDefault": "#ffffff", "dtInputsColorBorderFocus": "#51A0FE", "dtInputsColorBorderCritical": "#FF8585", "dtInputsColorBorderSuccess": "#B0FFA3", "dtInputsColorBorderWarning": "#FFDB80", "dtInputsColorBorderDisabled": "transparent", "dtInputsColorBackgroundDefault": "#E6E6E6", "dtInputsColorBackgroundFocus": "#E6E6E6", "dtInputsColorBackgroundDisabled": "#E6E6E6", "dtActionColorForegroundBaseDefault": "#AB7EFF", "dtActionColorForegroundBaseHover": "#AB7EFF", "dtActionColorForegroundBaseActive": "#AB7EFF", "dtActionColorForegroundBasePrimaryDefault": "#ffffff", "dtActionColorForegroundCriticalDefault": "#FF8585", "dtActionColorForegroundCriticalHover": "#FF8585", "dtActionColorForegroundCriticalActive": "#FF8585", "dtActionColorForegroundCriticalPrimaryDefault": "#ffffff", "dtActionColorForegroundInvertedDefault": "#000000", "dtActionColorForegroundInvertedHover": "#000000", "dtActionColorForegroundInvertedActive": "#000000", "dtActionColorForegroundInvertedPrimaryDefault": "#AB7EFF", "dtActionColorForegroundInvertedPrimaryHover": "#DAC7FF", "dtActionColorForegroundInvertedPrimaryActive": "#DAC7FF", "dtActionColorForegroundMutedDefault": "#C2C2C2", "dtActionColorForegroundMutedHover": "#C2C2C2", "dtActionColorForegroundMutedActive": "#C2C2C2", "dtActionColorForegroundDisabledDefault": "#AAAAAA", "dtActionColorForegroundPositiveDefault": "#B0FFA3", "dtActionColorForegroundPositiveHover": "#B0FFA3", "dtActionColorForegroundPositiveActive": "#B0FFA3", "dtActionColorForegroundPositivePrimaryDefault": "#ffffff", "dtActionColorBackgroundBaseDefault": "transparent", "dtActionColorBackgroundBaseHover": "#AB7EFF", "dtActionColorBackgroundBaseActive": "#AB7EFF", "dtActionColorBackgroundBasePrimaryDefault": "#7C52FF", "dtActionColorBackgroundBasePrimaryHover": "#7C52FF", "dtActionColorBackgroundBasePrimaryActive": "#7C52FF", "dtActionColorBackgroundCriticalDefault": "transparent", "dtActionColorBackgroundCriticalHover": "#EC0E0E", "dtActionColorBackgroundCriticalActive": "#EC0E0E", "dtActionColorBackgroundCriticalPrimaryDefault": "#EC0E0E", "dtActionColorBackgroundCriticalPrimaryHover": "#EC0E0E", "dtActionColorBackgroundCriticalPrimaryActive": "#EC0E0E", "dtActionColorBackgroundInvertedDefault": "transparent", "dtActionColorBackgroundInvertedHover": "#000000", "dtActionColorBackgroundInvertedActive": "#000000", "dtActionColorBackgroundInvertedPrimaryDefault": "#000000", "dtActionColorBackgroundInvertedPrimaryHover": "#10022C", "dtActionColorBackgroundInvertedPrimaryActive": "#3A1D95", "dtActionColorBackgroundMutedDefault": "transparent", "dtActionColorBackgroundMutedHover": "#D4D4D4", "dtActionColorBackgroundMutedActive": "#D4D4D4", "dtActionColorBackgroundDisabledDefault": "#3A3A3A", "dtActionColorBackgroundPositiveDefault": "transparent", "dtActionColorBackgroundPositiveHover": "#124620", "dtActionColorBackgroundPositiveActive": "#B0FFA3", "dtActionColorBackgroundPositivePrimaryDefault": "#B0FFA3", "dtActionColorBackgroundPositivePrimaryHover": "#B0FFA3", "dtActionColorBackgroundPositivePrimaryActive": "#B0FFA3", "dtActionColorBorderBaseOutlinedDefault": "#AB7EFF", "dtActionColorBorderCriticalOutlinedDefault": "#FF8585", "dtActionColorBorderInvertedOutlinedDefault": "#000000", "dtActionColorBorderMutedOutlinedDefault": "#ffffff", "dtThemeColorBase": "#E6E6E6", "dtThemeTopbarColorForeground": "#E6E6E6", "dtThemeTopbarColorBackground": "#262626", "dtThemeTopbarFieldColorForeground": "#E6E6E6", "dtThemeTopbarFieldColorForegroundHover": "#E6E6E6", "dtThemeTopbarFieldColorBackground": "#E6E6E6", "dtThemeTopbarFieldColorBackgroundHover": "#262626", "dtThemeTopbarFieldColorBorder": "#E6E6E6", "dtThemeTopbarFieldColorBorderHover": "#E6E6E6", "dtThemeTopbarFieldColorBorderActive": "#E6E6E6", "dtThemeTopbarButtonColorForeground": "#E6E6E6", "dtThemeTopbarButtonColorForegroundHover": "#E6E6E6", "dtThemeTopbarButtonColorBackground": "#E6E6E6", "dtThemeTopbarButtonColorBackgroundHover": "#E6E6E6", "dtThemeTopbarButtonColorBackgroundActive": "#E6E6E6", "dtThemeTopbarProfileColorForeground": "#E6E6E6", "dtThemeTopbarProfileColorForegroundInverted": "#000000", "dtThemeTopbarProfileColorBackground": "#E6E6E6", "dtThemeTopbarProfileColorBackgroundInverted": "#E6E6E6", "dtThemeTopbarProfileColorBackgroundHover": "#E6E6E6", "dtThemeTopbarProfileColorBackgroundActive": "#E6E6E6", "dtThemeSidebarColorForeground": "#C2C2C2", "dtThemeSidebarColorForegroundUnread": "#E6E6E6", "dtThemeSidebarColorBackground": "#262626", "dtThemeSidebarIconColorForeground": "#C2C2C2", "dtThemeSidebarStatusColorForeground": "#AAAAAA", "dtThemeSidebarRowColorBackground": "#E6E6E6", "dtThemeSidebarRowColorBackgroundHover": "#E6E6E6", "dtThemeSidebarRowColorBackgroundActive": "#E6E6E6", "dtThemeSidebarSelectedRowColorForeground": "#E6E6E6", "dtThemeSidebarSelectedRowColorBackground": "#E6E6E6", "dtThemeSidebarSectionColorForeground": "#AAAAAA", "dtThemePresenceColorBackgroundAvailable": "#B0FFA3", "dtThemePresenceColorBackgroundBusyUnavailable": "#FF8585", "dtThemePresenceColorBackgroundBusy": "#F6AB3C", "dtThemePresenceColorBackgroundOffline": "#ffffff", "dtThemeMentionColorForeground": "#ffffff", "dtThemeMentionColorForegroundStrong": "#000000", "dtThemeMentionColorBackground": "#7C52FF", "dtThemeMentionColorBackgroundStrong": "#DAC7FF", "dtAvatarColorForeground": "#000000", "dtAvatarColorBackground100": "#1aa340", "dtAvatarColorBackground200": "#aaff83", "dtAvatarColorBackground300": "#adea88", "dtAvatarColorBackground400": "#77eca6", "dtAvatarColorBackground500": "#7aedbd", "dtAvatarColorBackground600": "#77deec", "dtAvatarColorBackground700": "#5ed8ff", "dtAvatarColorBackground800": "#99e7ff", "dtAvatarColorBackground900": "#51a0fe", "dtAvatarColorBackground1000": "#b6cfff", "dtAvatarColorBackground1100": "#f1b7e8", "dtAvatarColorBackground1200": "#ec77bd", "dtAvatarColorBackground1300": "#ff67be", "dtAvatarColorBackground1400": "#f87e7e", "dtAvatarColorBackground1500": "#eca877", "dtAvatarColorBackground1600": "#ffbe41", "dtAvatarColorBackground1700": "#ffd646", "dtAvatarColorBackground1800": "#f1dab7", "dtAvatarColorBackground000": "#e0e0e0", "dtBadgeColorBackgroundDefault": "#E6E6E6", "dtBadgeColorBackgroundInfo": "#01326D", "dtBadgeColorBackgroundSuccess": "#124620", "dtBadgeColorBackgroundWarning": "#815008", "dtBadgeColorBackgroundCritical": "#5B0505", "dtBadgeColorBackgroundBulletin": "#7C52FF", "dtBadgeColorBackgroundBulletinSubtle": "#7C52FF", "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)", "dtBadgeColorForegroundDefault": "#E6E6E6", "dtBadgeColorForegroundBulletin": "#ffffff", "dtBadgeColorForegroundBulletinSubtle": "#7C52FF", "dtBadgeColorBorderDefault": "#ffffff", "dtBadgeColorBorderBulletinSubtle": "#7C52FF", "dtCheckboxSizeWidth": "1rem", "dtCheckboxSizeHeight": "1rem", "dtCheckboxSizeRadius": "0.25rem", "dtCheckboxColorBorderUnchecked": "#ffffff", "dtCheckboxColorBorderChecked": "#7C52FF", "dtCheckboxColorBackgroundChecked": "#7C52FF", "dtIconSize100": "12px", "dtIconSize200": "14px", "dtIconSize300": "18px", "dtIconSize400": "20px", "dtIconSize500": "24px", "dtIconSize600": "32px", "dtIconSize700": "38px", "dtIconSize800": "48px", "dtIconSizeBorder100": "0.0625rem", "dtIconSizeBorder200": "0.0781rem", "dtIconSizeBorder300": "0.0938rem", "dtIconSizeBorder400": "0.1094rem", "dtIconSizeBorder500": "0.1094rem", "dtIconSizeBorder600": "0.1563rem", "dtIconSizeBorder700": "0.1719rem", "dtIconSizeBorder800": "0.2188rem", "dtRadioSizeWidth": "1rem", "dtRadioSizeHeight": "1rem", "dtRadioSizeRadius": "50%", "dtRadioColorBorderUnchecked": "#ffffff", "dtRadioColorBorderChecked": "#7C52FF", "dtRadioColorBackgroundChecked": "#7C52FF" }